body{
	margin:0;
	padding:0;
	background-image: url(images/bg_body_gradient.gif);
	background-repeat: repeat-x;
	font-size: 75%;
	background-color: #565051;
}

body, span, div, td, p{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;	
}

input, textarea, li, select, option{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;	
}

a{
	font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;	
}

a:visited{
	color: #990000;
}

a:hover{
	color:#ff0000;
}

a.mini{
	font-size:0.9em;
	text-decoration:none;
}

.mini{
	font-size:0.9em;
}

a.mini img{
	border:1px solid #ccc;
}

a.pdflink{
	display:block;
	background-image: url(images/pdf.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:0;
	text-decoration:none;
	line-height:1.6em;
}
a.pdflink:hover{
	text-decoration:underline;
}

/* Otsikot
------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  color: #cc0000; 
  font-family: Arial, Helvetica, sans-serif;
}


h1{
	font-size:1.4em;
	margin-top:0;
	padding-top:0;
}

h2{
	font-size:1.2em;
}

h3{
	font-size:1em;
	padding-bottom:0;
	margin-bottom:5px;
	padding-top:10px;
}

h4{
	font-size:1em;
}


/* Listat
------------------------------------------------------- */

div.content ul { 
  	margin-left:10px;
  	padding-left:10px;
}


div.content ul li{
	margin-left:0;
	padding-left:5px;
	margin-bottom:3px;
}


/* Osat
------------------------------------------------------- */

#container{
	width: 960px;
	position:relative;
	margin:0px auto;
	display:table;
	background-image: url(images/bg_keski_varjo.jpg);
	background-repeat: repeat-y;
	background-color:#fff;
}

#top {
	position:relative;
	float:left;
	background-image: url(images/bg_top.jpg);
	background-repeat: no-repeat;
	height: 131px;
	width: 953px;
	padding-left:7px;
	padding-top:5px;
}

#mid{
	width: 958px;
	float:left;
	position:relative;
	display:table;
	padding:0;
	margin:0;
}

/* Ylävalikko
-------------------------------- */ 

#navi{
	width:960px;
	height:21px;
	background-image: url(images/bg_topnavi.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	left:0;
	top:0;
	background-color:#ccc;
}

#topnavi{
	height:21px;
	margin:0;
	padding:0;
	width:900px;
}

#topnavi li{
 	list-style-type: none; 
	margin-left:20px;
	padding-left:0;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	float:left;
	color:#fff;
}

#topnavi li a{
	text-decoration:none;
	display:block;
	float:left;
	color:#fff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:1px;
	font-size:12px;
	height:18px;
}

#topnavi li a:hover{
	color:#e4e4e4;
}

#topnavi li ul li a{
	color:#000;
}
/*
#topnavi li #yhteys{
	color:#850217;	
}

#topnavi li #yhteys:hover{
	color:#6a0012;
}
*/
body.alasivu_premium #premium{
	color:#000;	
}

body.alasivu_summit #summit{
	color:#000;	
}

#jalleenmyyjasivu #jalleenmyyjat{
	color:#000;	
}

#yhteyssivu #yhteys{
	color:#000;	
}

body.alasivu_premium #premium:hover{
	color:#000;	
}

body.alasivu_summit #summit:hover{
	color:#000;	
}

#jalleenmyyjasivu #jalleenmyyjat:hover{
	color:#000;	
}

#yhteyssivu #yhteys:hover{
	color:#000;	
}

/* Alavalikko
-------------------------------- */ 
ul.alanavi{
	height:15px;
	position:relative;
	left:20px;
	float:left;
	margin-top:5px;
	margin-left:20px;
	padding-left:0;
	display:inline;
}

ul.alanavi li{
 	list-style-type: none; 
	margin-right:20px;
	margin-left:0;
	padding-left:0;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	float:left;
	color:#000;
}

ul.alanavi li a{
	text-decoration:none;
	display:block;
	color:#000;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:1px;
	font-size:12px;
	line-height:14px;
}

ul.alanavi li a:hover{
	color:#666;
}

ul.alanavi li ul li a{
	color:#000;
}

#premiumnavi{
	left:143px;	
}

#summitnavi{
	left:287px;	
}

#prem_ominaisuudet #prem_omin{
	color:#cc0000;	
}

#prem_esittely #prem_lammitys{
	color:#cc0000;	
}

#prem_teho #prem_teho{
	color:#cc0000;	
}

#prem_ilma #prem_ilma{
	color:#cc0000;	
}

#prem_rakenne #prem_rak{
	color:#cc0000;	
}

#prem_tekntiedot #prem_tekn{
	color:#cc0000;	
}

#prem_esitesivu #prem_esite{
	color:#cc0000;	
}

#sum_esittely #sum_omin{
	color:#cc0000;	
}

#sum_tekntiedot #sum_tekn{
	color:#cc0000;	
}

/* Etusivu
-------------------------------- */ 

#etusivusisalto{
	width:945px;
	height: 491px;
	position:relative;
	left:7px;
	background-image:url(images/bg_etusivu2.jpg);
	background-repeat:no-repeat;
}
#etusivusisalto h1{
	color:#fff;
	display:none;
}

#etusivusisalto p{
	display:none;
}

#etusivusisalto a{
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
}

#kuvalinkki{
	position:relative;
	display:block;
	float:left;
	top:78px;
	width:408px;
}

#kuvalinkki a{
	border:none;
	text-decoration:none;
}

#etusivulinkit{
	position:relative;
	top:340px;
	left:135px;
}

#etusivulinkit a{
	margin-right:10px;
}

#etusivulinkit a:hover{
	color:#e4e4e4;
}

#etusivuflash{
	position:relative;
	float:left;
	top:100px;
	left:70px;
	width:350px;
	height:239px;
	background-image: url(images/hitachi-etusivu350x239tm2.jpg);
	background-repeat: no-repeat;
}

#etusivutxt{
	position:absolute;
	float:left;
	top:339px;
	left:478px;
	width:310px;
	height:60px;
	padding:20px;
	background-color:#fff;
    /* läpinäkyvyys eri selaimille*/
    opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=80);	
}

#etusivutxt a{
	color: #cc0000;	
	font-weight:bold;
	font-size:1em;
}

#etusivutxt a:hover{
	color: #ff0000;	
}


#ahlsell{
	display:block;	
	position:relative;
	float:left;
	top:126px;
	clear:left;
	left:0;
}


/* Sisältösivu
-------------------------------- */ 

#ahlsellmusta{
	display:block;	
	position:relative;
	left:30px;	
	clear:both;
}

table td{
	vertical-align:top;
}

#otsikkokuva{
	position:relative;
	left:7px;
	margin-top:55px;
	margin-bottom:30px;
}

#otsikkokuva h1{
	color:#fff;
	display:none;
}

#otsikkokuva.left{
	float:left;	
}

#tmtesti{
	position:relative;
	float:right;
	margin-top:28px;
	margin-right:40px;
}


#sisalto{
	width:869px;
	position:relative;
	clear:both;
	left:7px;
	padding-left:43px;
	padding-right:33px;
	padding-bottom:20px;
	padding-top:20px;
	background-color:#fff;
}

#sisaltokapea{
	width:709px;
	position:relative;
	clear:both;
	left:7px;
	padding-left:203px;
	padding-right:33px;
	padding-bottom:20px;
	background-color:#fff;
}

.ominaisuus{
	float:left;
	margin-right:25px;
	width:260px;
	margin-bottom:15px;
}

.ominaisuus img{
	float:left;
	margin-right:15px;
}

.ominaisuusteksti{
	float:left;
	width:112px;
}

.ominaisuus h2{
	font-size:1.1em;
	margin:0;
	padding:0;
}

.ominaisuus p{
	line-height:1.5em;
	margin:0;
	padding:0;
}

.ominaisuusteksti h2{
	font-size:1em;
}

.ominaisuusteksti p{
	font-size:0.9em;
}

img.kuvavas{
	float:left;
	margin-right:40px;
}

/* Sisältötaulukot
-------------------------------- */ 

tr.varirivi td{
	background-color:#f0f0f0;
}

table.jalleenmyyjat{
	margin-bottom:20px;
}

table.jalleenmyyjat td{
	vertical-align:top;
	white-space:nowrap;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.4em;
}

table.jalleenmyyjat td.paikka{
	font-weight:bold;
	color:#333;
	text-transform: uppercase;
}

table.jalleenmyyjat td.email{
	padding-top:0;
}

table.jalleenmyyjat h3{
	margin-top:5px;
	padding-top:0;
}


table.tekntiedot{
	float:left;
}

table.tekntiedot th{
	color:#333;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

table.tekntiedot td{
	vertical-align:top;
	white-space:nowrap;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.4em;
}

table.tekntiedot td.ots{
	font-weight:bold;
	color:#333;
}

table.tekntiedot td.yks{
	text-align:center;
}

/* Alaosa
-------------------------------- */ 

#footer{
	position:relative;
	float:left;
	width: 960px;
	height:25px;
	background-image: url(images/bg_footer_palkki.jpg);
	background-repeat: no-repeat;
	margin-top:3px;
}

#shadow{
	position:relative;
	margin:0px auto;
	width: 960px;
	height:130px;
	background-image: url(images/bg_footer_varjo.gif);
	background-repeat: no-repeat;
	background-color: #565051;
}