#hyotyajoneuvot_uutinen_vasen_alue li{ 
	margin-left: 0px;
}

p
{
	margin:0px;
	padding :0px;
}

#hyotyajoneuvot_uutinen_vasen_alue  
{
	display:block ;
	position: relative;
	margin-left: 0px;		
	margin-top:0px;
	width: 320px;
	height: 169px;
	background-image: url("kuvat/tausta_etusivun_palstat.jpg");
}
/*#hyotyajoneuvot_uutinen_vasen_alue { 
	position: relative;
	
	background-repeat: no-repeat;
	width: 320px;
	height: 169px;
	margin: -3px 0 0 0px;
}
*/
#hyotyajoneuvot_etusivu_napit
{
    position: relative;
    left: 380px;
    top: -260px;
    
}
#hyotyajoneuvot_etusivu_vasen { 
	position: absolute;
	width: 320px;
	height: 101px;
	margin: -250px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

div#vaihtoautot_etusivu_kelluvateksti {
    position: relative;
    left: 305px;
    top: -300px;
}
div#hya_etusivu_kelluvateksti {
    position: relative;
    left: 325px;
    top: -300px;
}


div#vaihtoautot_etusivu_napit {
    position: relative;
    left: 0px;
    top: -240px;
}

div#vaihtoautot_etusivu_selitetekstit {
    position: relative;
    left: 0px;
    top: -250px;
}


div#vaihtoautot_etusivu_erauusia {
    position: relative;
    left: 0px;
    top: -235px;
}
#era_uudenkarheita_autoja1 {
    position: relative;
    left: 20px;
    top: -365px;
}
div#era_uudenkarheita_autoja2 {
    position: relative;
    left: 180px;
    top: -495px;
}

div#era_uudenkarheita_autoja3 {
    position: relative;
    left: 340px;
    top: -530px;
}
div#era_uudenkarheita_autoja4 {
    position: relative;
    left: 500px;
    top: -627px;
}
#yleinen_huolto_main {
	position: relative;
	height: 550px;
	margin: 0 0 0 257px;
	padding: 0px 17px 17px 0px;
	background-image: url("kuvat/tausta_huolto.jpg");
	background-repeat: no-repeat;
}
#yleinen_huolto_palsta_1 {
	position: absolute;
	width: 200px;
	/* margin: 0 0 0 257px; */
	padding: 40px 0 0 9px;
}

#yleinen_huolto_palsta_1_kuva {
	position: absolute;
	height:auto ;
	margin: 280px 0 0 0;
	padding: 0 0 0 9px;
}

#yleinen_huolto_palsta_1_kuva P {
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 600px;
}

#yleinen_huolto_palsta_1_kuva span {
	font-weight: bold;
}

#yleinen_huolto_palsta_1_k P {
	padding: 0 0 0 9px;
}

#yleinen_huolto_palsta_2 P {
	text-align: center;
}

#yleinen_huolto_palsta_3 P {
	text-align: center;
}
#yleinen_huolto_setu_valinta {
	position: absolute;
	width: 200px;
	padding: 5px 0 0 0;
	margin: 150px 0 0 8px;
	
}

#yleinen_huolto_setu_valinta select {
	width: 200px;
	font-size: 100%;		
}

#yleinen_huolto_setu_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#yleinen_huolto_setu_malli {
	position: absolute;
	width: 200px;
	margin: 214px 0 0 8px;
	
}

#yleinen_huolto_setu_malli select {
	width: 200px;
	font-size: 100%;		
}

#yleinen_huolto_setu_malli label {
	vertical-align:top;
	font-weight: bold;
}

#yleinen_huolto_ford_valinta {
	position: absolute;
	width: 200px;
	margin: 214px 0 0 230px;
	
}

#yleinen_huolto_ford_valinta select {
	width: 200px;
	font-size: 100%;		
}

#yleinen_huolto_ford_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#yleinen_huolto_peugeot_valinta {
	position: absolute;
	width: 200px;
	margin: 214px 0 0 450px;
	
}

#yleinen_huolto_peugeot_valinta select {
	width: 200px;
	font-size: 100%;		
}

#yleinen_huolto_peugeot_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#yleinen_huolto_palsta_2 {
	position: absolute;
	width: 200px;
	margin: 0 0 0 220px;
	padding: 40px 0 0 9px;
}

#yleinen_huolto_palsta_2_kuva {
	position: absolute;
	width: 200px;
	margin: 280px 0 0 230px;
}

#yleinen_huolto_palsta_2_kuva P 
{
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 175px;
	
}

#yleinen_huolto_palsta_2_kuva span {
	font-weight: bold;
}

#yleinen_huolto_palsta_3 {
	position: absolute;
	width: 200px;
	margin: 0 0 0 440px;
	padding: 40px 0 0 9px;
}

#yleinen_huolto_palsta_3_kuva {
	position: absolute;
	width: 200px;
	margin: 280px 0 0 450px;
}

#yleinen_huolto_palsta_3_kuva P {
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 175px;
}

#yleinen_huolto_palsta_3_kuva span {
	font-weight: bold;
}



A {
color: #406601;
text-decoration: underline;
font-weight: bold;
}

A:hover {
color: #406601;
text-decoration: underline;
font-weight: bold;
}

A:visited {
color: #406601;
text-decoration: underline;
font-weight: bold;
}


body  {
	font: 12px Arial;
	background: #FFFFFF;
	height:100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

html {height:100%} 

#varjostus {
	height: auto!important; 
	min-height: 100%; 
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url("kuvat/tausta_varjostus.jpg");
	background-repeat: repeat-y;
}

#runko { 
	width: 934px;
	height: auto!important; 
	min-height: 100%; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #8c8c8c;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/* yläosan (top) css:t */
#header {
	background: #FFFFFF;
	height: 123px;
	padding: 16px 17px 0 17px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#palkki_yla { 
	width: 900px;
	height: 28px;
	font: 11px Arial;
	color: #FFFFFF;
	background-image: url("kuvat/palkki_yla.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
} 

#palkki_yla_linkit { 
	position: relative;
	right: 10px;
	padding: 2px 0 0 0;
	margin: 0 0 0 728px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 

#palkki_yla_linkit A { 
	color: #FFFFFF;
	text-decoration: none;

}

#palkki_yla_linkit A:hover { 
	color: #FFFFFF;
	text-decoration: underline;
}

#palkki_yla_vali { 
	height: 15px;
}

#header_logo { 
	width: 220px;
	height: 57px;
	margin: 0 ; /* the auto margins (in conjunction with a width) center the page */
} 

#header_merkkilogot { 
	width: 159px;
	height: 57px;
	position: absolute;
	top: 17px;
	margin: 0 0 0 751px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 

#header_haku { 
	font-size: 11px;
	color: #999999;
	margin: 1px 0 0 354px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	position: absolute;
	top: 17px;
	}
	
#header_haku input { 
	font-size: 11px;
	color: #000000;
	}
	
#header_haku input text { 
	font-size: 11px;
	color: #000000;
	width: 250px;
		}		

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#header_navi {
	font-size: 11px;
}

#header_navi A {
	color: #336600;
	text-decoration: underline;
}

#leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 237px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 1300px;
	margin: 0 0 0 0;
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 17px 17px;
}

#sidebar_lahin {
	position: absolute;
	width: 220px;
	height: 169px;
	background-image: url("kuvat/tausta_lahin.jpg");
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	}
#sidebar_yotto {
	position: absolute;
	width: 220px;
	margin: 0px 0px 17px 0px;
	}

#sidebar_lahin select {
	width: 198px;
	font-size: 100%;		
}

#sidebar_logo {
	width: 220px;
	height: 125px;
	background-image: url("kuvat/logo_setu_side.jpg");
	background-repeat: no-repeat;
	margin: 55px 0 0 0;
}

#etusivun_valilinkit {
    position:absolute;
    width:660px;
    height:110px;
    margin:385px 0 0 0;
    }

#vaihtariRuletti {
    position:absolute;
    width:660px;
    height:150px;
    margin:445px 0 0 0;
    }

#sidebar_pikahaku {
	position: absolute;
	width: 220px;
	height: 69px;	
	padding: -35px 0px 17px 0;
	margin: 15px 0 0 0;
	}
	
#sidebar_pikahaku select {
	width: 192px;
	font-size: 100%;
	}	


/* pääosan (main) css:t */
#main {	position: static;
	margin: 0 0 0 257px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 17px 17px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#etusivu_banneri { 
	position: absolute;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 17px 17px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#uudet_banneri { 
	position: absolute;
	margin: 0 0 0 0 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 18px 17px 17px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#etusivu_bteksti { 
	position: absolute;
	width: 660px;
	height: 101px;
	margin: 310px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-image: url("kuvat/tausta_etusivun_teksti1.jpg");
	background-repeat: repeat-y;
}

#etusivu_bteksti h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 12px 12px 12px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#etusivu_bteksti p {
	width: 650px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 12px 12px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#etusivu_btekstiluelisaa {
	margin: -30px 557px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 12px 12px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#etusivu_uutinen 
{
	background-image :url("kuvat/tausta_etusivun_uutinen.jpg"); 
	background-repeat:no-repeat ;
	position: absolute;
	width: 660px;
	height: 601px;
	margin: 525px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#vaihtohinnoittelija_ajankohtaiset 
{
	background-image :url("kuvat/tausta_etusivun_uutinen.jpg"); 
	background-repeat:no-repeat ;
	position: absolute;
	width: 660px;
	height: 601px;
	margin: 30px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#etusivu_uutinen_vasen { 
	position: absolute;
	width: 320px;
	height: 101px;
	margin: 455px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#etusivu_uutinen_vasen LI { 
	padding: 0 0 5px 0;
}

#etusivu_uutinen_oikea { 
	position: absolute;
	width: 320px;
	height: 101px;
	margin: 455px 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#etusivu_uutinen_vasen_alue { 
	position: relative;
	background-image: url("kuvat/tausta_etusivun_palstat.jpg");
	background-repeat: no-repeat;
	width: 320px;
	height: 169px;
	margin: -3px 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#etusivu_uutinen_oikea_alue { 
	position: relative;
	background-image: url("kuvat/tausta_etusivun_palstat.jpg");
	background-repeat: no-repeat;
	width: 320px;
	height: 169px;
	margin: -3px 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

#etusivu_uutinen_oikea_alue h5 { 
	font-size: 15px;
	font-weight: bold;
	margin: 0; 
	padding: 12px 12px 12px;
}

#etusivu_uutinen_oikea_alue p { 
	margin: 0; 
	padding: 0 12px 12px;
}

#etusivu_uutinen_oikea_alue_lisaa { 
	position: relative;
	margin: 0; 
	padding: 30px 12px 12px 12px;
}

#etusivu_uutinen_vasen_alue h5 { 
	font-size: 15px;
	font-weight: bold;
	margin: 0; 
	padding: 12px 12px 12px;
}

#etusivu_uutinen_vasen_alue p { 
	margin: 0; 
	padding: 0 12px 12px;
}

#etusivu_uutinen_vasen_alue A { 
	text-decoration: underline;
	color: #000000;
}

#etusivu_uutinen_vasen_alue A:hover { 
	text-decoration: underline;
	color: #336600;
}

#etusivu_uutinen_vasen_alue_lisaa { 
	position: relative;
	margin: 0; 
	padding: 4px 12px 12px 12px;
}

#etusivu_alabanneri { 
	position: static;
	margin-left: 257px;
	margin-top: 710px;
}

#etusivu_alabanneri P { 
	text-align: right;
	color: #999999;
	padding: 0 18px 0 0;
}

#uudet_lista {
position: static;
padding: 20px 0 0 0;
}

#uudet_tausta {
position: absolute;
width: 660px;
height: 250px;
margin: -20px 0 0 0;
}
#uudet_uutinen {
width: 280px;
margin: 20px 0 0 0;
}

#uudet_haku {
position: absolute;
width: 660px;
height: 349px;
margin: 0px 0 0 0;
background-image: url("kuvat/tausta_uudet_haku.jpg");
background-repeat: no-repeat;
}

#esittelyautot_haku {
float: right;
width: 660px;
height: 349px;
margin: 5px 10px 0 0;
background-image: url("kuvat/tausta_ea_haku.jpg");
background-repeat: no-repeat;
}

#uudet_haku_taulukko {
vertical-align: top;
width: 610px;
margin: 30px 0 0 8px;
font-weight: bold;
}

#uudet_haku_taulukko select,input {
font-size: 12px;
}

#uudet_haku_taulukko SPAN {
font-size: 12px;
font-weight: normal;
}


#uudet_apua {
position: absolute;
width: 320px;
height: 300px;
margin: 600px 0 0 0;
background-image: url("kuvat/tausta_ua_apua.jpg");
background-repeat: no-repeat;
}

#uudet_apua_nappi {
position: absolute;
margin: 260px 0 0 13px;
}

#uudet_apua_sisalto {
position: static;
margin: 40px 0 0 13px;
}

#uudet_apua_sisalto P {
margin: 17px 0 0 13px;
}

#uudet_apua A {
color: #000000;
text-decoration: underline;
}

#uudet_testimonial {
position: absolute;
width: 320px;
height: 300px;
margin: 600px 0 0 340px;
background-image: url("kuvat/tausta_ua_apua.jpg");
background-repeat: no-repeat;
}

#uudet_testimonial P {
margin: 22px 0 0 1px;
}

#vaihto_logot {
width: 660px;
}


#vaihto_haku {
float: right;
width: 660px;
height: 340px;
background-image: url('kuvat/tausta_va_haku.jpg');
background-repeat: no-repeat;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0px;
}

#vaihto_haku_taulukko {
vertical-align: top;
width: 610px;
height :300px;
margin: 30px 0 0 8px;
font-weight: bold;
}

#vaihto_haku_taulukko select,input {
font-size: 12px;
}

#vaihto_haku_taulukko SPAN {
font-size: 12px;
font-weight: none;
}

#va_lisatiedot {
position: static;
width: 660px;
height: 486px;
margin: 30px 0 0 0;
background-image: url("kuvat/tausta_va_lisaehdot.jpg");
background-repeat: no-repeat;
}

#vaihto_lisatiedot_taulukko {
vertical-align: top;
width: 610px;
padding: 25px 0 0 0px;
margin: 30px 0 0 8px;
font-weight: bold;
}

#vaihto_lisatiedot_taulukko select,input {
	font-size: 12px;	
}

#vaihto_lisatiedot_taulukko SPAN {
font-size: 12px;
font-weight: none;
}

td.va_lisatiedot_palsta3 {
font-weight: normal;
}

td.va_lisatiedot_palsta3 A {
font-weight: normal;
text-decoration: underline;
color: #336600;
}


table.yhtotto_reunat {
border-style: solid;
border-width: 1px;
border-color: #8e8d8d;
}

table.yhtotto {
background-image: url("kuvat/tausta_lomake_yotto.jpg");
background-repeat: repeat-x;
background-position: top;
background-color: #e1f3d4;
}

table.yhtotto select {
font-size: 12px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#huolto_main {
	position: relative;
	height: 550px;	
	margin: 0 0 0 257px;
	padding: 0px 17px 17px 0px;
	background-image: url("kuvat/tausta_huolto.jpg");
	background-repeat: no-repeat;
}

#huolto_luelisaa_1 {
	width: 200px;
	text-align: center;
	position: absolute;
	margin: 515px 0 0 0;
}

#huolto_luelisaa_2 {
	width: 200px;
	text-align: center;
	position: absolute;
	margin: 515px 0 0 230px;
}

#huolto_luelisaa_3 {
	width: 200px;
	text-align: center;
	position: absolute;
	margin: 515px 0 0 443px;
}

#huolto_palsta_1 {
	position: absolute;
	width: 200px;
	/* margin: 0 0 0 257px; */
	padding: 40px 0 0 9px;
}

#huolto_palsta_1_kuva {
	position: absolute;
	height:auto ;
	margin: 280px 0 0 0;
	padding: 0 0 0 9px;
}

#huolto_palsta_1_kuva P {
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 600px;
}

#huolto_palsta_1_kuva span {
	font-weight: bold;
}

#huolto_palsta_1_k P {
	padding: 0 0 0 9px;
	text-align: center;
}

#huolto_palsta_2 P {
	text-align: center;
}

#huolto_palsta_3 P {
	text-align: center;
}

#huolto_setu_valinta {
	position: absolute;
	width: 200px;
	padding: 5px 0 0 0;
	margin: 150px 0 0 8px;
	
}

#huolto_setu_valinta select {
	width: 200px;
	font-size: 100%;		
}

#huolto_setu_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#huolto_setu_malli {
	position: absolute;
	width: 200px;
	margin: 214px 0 0 8px;
	
}

#huolto_setu_malli select {
	width: 200px;
	font-size: 100%;		
}

#huolto_setu_malli label {
	vertical-align:top;
	font-weight: bold;
}

#huolto_ford_valinta {
	position: absolute;
	width: 200px;
	margin: 180px 0 0 8px;
	
}

#huolto_ford_valintapoista {
	position: absolute;
	width: 200px;
	margin: 214px 0 0 230px;
	
}

#huolto_ford_valinta select {
	width: 200px;
	font-size: 100%;		
}

#huolto_ford_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#huolto_peugeot_valinta {
	position: absolute;
	width: 200px;
	margin: 180px 0 0 8px;
	
}

#huolto_peugeot_valinta select {
	width: 200px;
	font-size: 100%;		
}

#huolto_peugeot_valinta label {
	vertical-align:top;
	font-weight: bold;
}

#huolto_palsta_2 {
	position: absolute;
	width: 200px;
	margin: 0 0 0 220px;
	padding: 40px 0 0 9px;
}

#huolto_palsta_2_kuva {
	position: absolute;
	width: 200px;
	margin: 230px 0 0 0px;
	padding: 0 0 0 9px;
}

#huolto_palsta_2_kuva P 
{
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 175px;
	
}

#huolto_palsta_2_kuva span {
	font-weight: bold;
}

#huolto_palsta_3 {
	position: absolute;
	width: 200px;
	margin: 0 0 0 440px;
	padding: 40px 0 0 9px;
}

#huolto_palsta_3_kuva {
	position: absolute;
	width: 200px;
	margin: 230px 0 0 0px;
	padding: 0 0 0 9px;

}

#huolto_palsta_3_kuva P {
	padding: 0 0 0 0; 
	margin: 5px 0 0 0;
	max-width: 175px;
}

#huolto_palsta_3_kuva span {
	font-weight: bold;
}



table.huolto_varaus {
	border-color: #c4c3c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	background-image: url("kuvat/tausta_huolto_varaus.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

table.huolto_varaus select {
font-size: 12px;
}

#huolto_varaus_hintayht {
padding: 20px 0 0 103px;
font-weight: bold;
}

#huolto_varaus_hintasum {
padding: 0 0 0 50px;
font-weight: bold;
}

#huolto_varaus_ajankohtaisia {
position: inherit;
padding: 0 0 0 15px;
}

#huolto_varaus_kaikkilisap A {
color: #5ea228;
text-decoration: underline;
font-weight: none;
}

#huolto_varaus_kalenteri {
font-weight: bold;
max-width: 210px;
}

#huolto_varaus_kalenteri A {
color: #5ea228;
text-decoration: underline;
font-weight: bold;
}

#kerrokaverille {
text-align: left;
width: 330px;
}

table.kerrokaverille {
	border-color: #c4c3c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	background-image: url("kuvat/tausta_lomake_yotto.jpg");
	background-repeat: repeat-x;
	background-color: #e0f3d5;
}

table.kerrokaverille_kentat {
margin: 10px 0 10px 20px;
}

table.sedut {
border-style: solid;
border-width: 1px;
border-color: #c4c3c3;
border-top-style: none;
}

table.sedut_margin {
padding: 0 15px 0 0;
}

table.sedut P {
max-width: 400px;
}

table.sedut H4 {
margin: 10px 0 10px 0;
}

table.autojenvertailu {
border-style: solid;
border-width: 1px;
border-color: #c4c3c3;
border-top-style: none;
text-align: left;
}

td.autojenvertailu_1 {
height: 20px;
font-weight: bold;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #c4c3c3;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c4c3c3;
}

td.autojenvertailu_2 {
height: 20px;
font-weight: none;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #c4c3c3;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c4c3c3;
padding: 0 0 0 5px;
}

td.autojenvertailu_3 {
height: 20px;
font-weight: none;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c4c3c3;
padding: 0 0 0 5px;
}

td.autojenvertailu_alku {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c4c3c3;
}

table.perussivu {
border-style: solid;
border-width: 1px;
border-color: #c4c3c3;
border-top-style: none;
}

table.perussivu P {
padding: 10px 0 10px 10px;
width: 640px;
}

table.hyahaku {
background-image: url("kuvat/tausta_hya_haku.jpg");
background-repeat: no-repeat;
height: 177px;
border-style: solid;
border-width: 1px;
border-color: #c4c3c3;
border-top-style: none;
}

table.taustaton {
border-style: solid;
border-width: 1px;
border-color: #c4c3c3;
}

table.taustaton div {
padding: 10px 10px 10px 10px;
}

table.taustaton select {
font-size: 12px;
}

table.hyahaku select {
font-size: 12px;
}

table.ytiedot {
text-align: left;
}

td.ytiedot_reunat {
border-style: solid;
border-width: 1px;
border-color: #8e8d8d;
}
.ytiedot_vasen_reuna {
border-left-style:solid;
border-left-width: 1px;
border-left-color: #c6c6c6;
}
.ytiedot_oikea_reuna {
border-right-style:solid;
border-right-width: 1px;
border-right-color: #c6c6c6;
}

td.ytiedot_otsikko {
padding: 0 0 0 9px;
height: 22px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
background-image: url("kuvat/palkki_empty.jpg");
background-repeat: no-repeat;
border-left-width: 0px;
border-left-style: solid;
border-color: #c6c6c6;
white-space:nowrap;
display:block;
float:none;
}

td.ytiedot_otsikko h1
{
	font-size:13px;
}
td.ytiedot_osasto_otsikko {
color: #336600;
font-weight: bold;
padding: 4px 0 4px 9px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #c6c6c6;
}

td.ytiedot_osasto_tiedot {
padding: 4px 0 0 9px;
text-align: left;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-color: #c6c6c6;
}

td.ytiedot_osasto_tiedot_johto {
padding: 4px 0 0 9px;
text-align: left;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-color: #c6c6c6;
}


td.ytiedot_osasto_tiedot A {
color: #336600;
text-decoration: underline;
}

td.ytiedot_henkilokuva {
padding: 0 0 0 9px;
border-left-style: solid;
border-left-width: 1px;
border-color: #c6c6c6;
}
td.ytiedot_henkilokuva_hallinto {
padding: 0 0 0 9px;
}

td.ytiedot_henkilotiedot {
text-align: left;
padding: 0 0 0 5px;
border-right-style: solid;
border-right-width: 1px;
border-color: #c6c6c6;
}

.ytiedot_henkilotiedot_hallinto {
text-align: left;
padding: 0 0 0 5px;
color:Black;
}

td.ytiedot_henkilotiedot SPAN {
font-weight: bold;
}

td.ytiedot_henkilotiedot A {
text-decoration: underline;
color: #336600;
}

td.ytiedot_loppu {
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #c6c6c6;
}
td.ytiedot_alku {
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-width: 1px;
border-top-style: solid;
border-color: #c6c6c6;
}

td.perussivu_otsikko {
background-image: url("kuvat/palkki_empty.jpg");
background-repeat: no-repeat;
color: #FFFFFF;
padding: 4px 0 0 9px;
font-weight: bold;
}
/*Automaa: Huollonvarauksen yhteenvetolomakkeen CSS alkaa*/
table.alustable
{   
    width:660px;
    background-color:gray; 
    padding-bottom:1px;
    
}
table.sisaltotable
{   
    width:658px;
    background-image: url('kuvat/tausta_huolto_varaus_yhteenveto.png'); 
    background-position: bottom; 
    background-repeat: no-repeat; 
    background-color: White;
}
td.tietuenimi
{
    font-family:Arial;
    font-weight:bold;
    width:240px;
    vertical-align:top;
}
td.tietuesisalto
{
    font-family:Arial;
    font-weight:normal;
    width:370px;
    vertical-align:top;
}
/*Automaa: Huollonvarauksen yhteenvetolomakkeen CSS päättyy*/
/*Automaa: Yhteystietojen CSS alkaa. Lisätty:12.3.2008, Samuli R */
td.YhtTiedHeader
{
    width:34%;
    font-family:Arial;
    font-weight:bold;
    vertical-align:top;
    line-height:95%;
    padding-bottom:10px;
}
td.YhtTiedContent
{
    line-height:95%;
    width:66%;
    font-family:Arial;
    font-weight:normal;
    vertical-align:middle;
    padding-bottom:10px;
}

.teksti_vihrea
{
	color: #406601;
}
.teksti_vihrea_lihavoitu
{
	color: #406601;
	font-weight: bold;
}
.teksti_vihrea_suuri
{
	color: #406601;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
.teksti_musta_suuri
{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
/*TALKNOW TYYLEJÄ*/
a.talknowInfo
{
    font-family: Verdana;
    font-size: 11px;
    color: White !important;
    font-weight: normal !important;
    line-height: 16px;
    margin-left: 17px;
}
a.talknowInfo:hover
{
    color: #224D14 !important;
    font-weight: normal ;
}
.TN_Header
{
    width: 100%;
    background-color: Transparent;
    margin-top: 10px;
    height: 24px;
    color: Black;
    font-size: 17px;
    text-align: left;
    vertical-align: bottom;
}
.TN_Infoarea
{
    width: 100%;
    background-color: Transparent;
    height: 44px;
    font-size: 12px;
    font-family: Verdana;
    line-height: 18px;
}
.TN_Input
{
    border: solid 1px #DF7E00;
    height: 18px;
    font: 11px Verdana;
    position: relative;
    float: left;
    margin-left: 5px;
}
.TN_Actionbar
{
    width: 100%;
    background-color: Transparent;
    height: 28px;
    font: 11px Verdana;
    color: Black;
}

div.TN_Lataaja
{
    z-index: 1;
    visibility: hidden;
    position: absolute;
    margin-top: 22px;
    width: 660px;
    height: 118px;
    background-color: #3F3F3F;
    color: White;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
div.TN_Lataaja div
{
    position: relative;
    text-align: center;
    top: 20px;
    font-size: 16px;
    font-weight: bold;
}
.infodivi
{
    width: 120px; 
    height: 20px; 
    position:relative;
    top:1px;
    left:522px; 
    background-image: url('kuvat/kysymysmerkki_tn.png');
    background-position: left center;
    background-repeat: no-repeat;
}

/* Muita tyylejä */

.va_merkkitiedot_tausta {
height: 22px;
padding-left:20px;
background-image: url("kuvat/tausta_va_tiedot.jpg");
border-width: 0px;
}

td.ytiedot_otsikko {
padding: 0 0 0 9px;
margin:0px;
height: 22px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-image: url("kuvat/palkki_empty.jpg");
background-repeat: no-repeat;
border-left-width: 0px;
border-left-style: solid;
border-color: #c6c6c6;
}
td.ytiedot_otsikko h1
{
    border:0px;
    margin:0px;
    padding:0px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
h1.ytiedot_otsikko
{
    border:0px;
    margin:0px;
    padding:0px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
}
.radButton_VAtieto_Left
{
    height:96px;
    width:17px;
    background-image:url('kuvat/vasen.jpg');
}
.radButton_VAtieto_Left:hover
{
    background-image:url('kuvat/vasen_over.jpg');
}
.radButton_VAtieto_Right
{
    height:96px;
    width:17px;
    background-image:url('kuvat/oikea.jpg');
}
.radButton_VAtieto_Right:hover
{
    background-image:url('kuvat/oikea_over.jpg');
}
.va_ajoneuvotiedot_link
{
   
    padding:0px;
    font-size:11px;
    margin-left:5px;
    color:White;
    text-decoration:none;
}
.va_ajoneuvotiedot_link:hover
{
    color:#41663A;
    text-decoration:none;
    cursor:pointer;
}
.va_ajoneuvotiedot_link:visited
{
    color:White;
    text-decoration:none;
}

body.headerBodyTausta
{
    margin: 0px;
    padding: 0px;
    display: block;
    empty-cells: show;
    font-family: Verdana, Arial;
    text-align: center;
}
table.headerLayoutTable
{
}
table.headerLayoutTable td.headerLayoutContentTD
{
}
td.headerLayoutContentTD div.headerContentLayoutDIV
{
    width: 1024px;
    margin: 0px auto;
    border: solid 0px gray;
    height: 77px;
    background-color: Transparent;
}
table.headerLayoutTable td.headerLayoutBottomTD
{
    height: 20px;
    background-image: url('kuvat/footerBottomBG.png');
}
.headerLogoTD
{
    border: solid 0px black;
    width: 310px;
}
.headerButtonTD
{
    border-left: solid 0px black;
    width: 714px;
}
div.headerButtonDIV
{
    width:241px; 
    height:32px; 
    cursor:pointer; 
    background-image:url('Kuvat/nappiTausta.png'); 
    position:relative; 
    margin-top:22px; 
    margin-left:450px; 
    color:#FFFFFF; 
    font-weight: bold; 
    font-size: 14px;
}
div.headerButtonDIV:hover
{
    color:#3A5926;
}

div.contentLogoDiv
{
    
    width: 306px;
    height: 57px;
    background-image: url('Kuvat/Logot.png');
    position:relative;
    margin-top: 10px;
    background-repeat: no-repeat;
}



/* Automaa: Yhteystietojen CSS päättyy */
<!--[if IE 5]-->
#sidebar1 { width: 230px; }
<!--[endif]-->

<!--[if IE]-->
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; }
</style>
<!--[endif]-->