#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
{
    padding:20px 0px;
    vertical-align: middle;
    margin-left: 15px;
    width: 645px;
}
#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;
    width: 320px;
}
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: -230px;
}


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;*/
color: #112749;
text-decoration: none;
font-weight: bold;
}

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

A:visited {
/*color: #406601;*/
/*text-decoration: underline;*/
color: #112749;
text-decoration: none;
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:60px;
    height:110px;
    margin:310px 0 0 0;
    }

#vaihtariRuletti {
    position:absolute;
    width:660px;
    height:150px;
    margin:372px 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: 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. */
}

#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: #f9f9f9;
}

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;
}

table.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/otsikkopalkki.png);
/*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: #132847;
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/otsikkopalkki.png");
background-repeat: repeat-x;
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/otsikkopalkki.png);
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*/
.ytiedot_otsikko h1
{
    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:white;
    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]--> 


/* Facelift 2011 määritykset */
div.vasen_navigaatio2
{
    font-family: Arial; 
    font-size: small; 
    color: #132847; 
    height: 22px;
    padding-left: 12px; 
    background-image: url(kuvat/vasen_navipalkki.png);
}

body
{
    background: url('kuvat/taustakuva.png') center repeat-y #ffffff;
}

div.ylaosanpalkki
{
    margin: 0px auto;
    margin-left: 4px;
    background: none;
}

div.koko_sivusto_tausta
{
    width: 1092px;
}

div.koko_sivusto
{
    width: 912px;
    clear: both; /* overflow: hidden; */
    margin: 0px auto;
}

div.sisaltoalue
{
    width: 672px;
    float: left;
    margin-left: 15px;
    text-align: left;
}

div.Valitila
{
    height: 15px;
}

div.vasen_navigaatio, div.vasen_navigaatio_valittu, div.vasen_navigaatio_otsikko
{
    font-family: Arial; 
    font-size: 12px; 
    font-weight: normal;
    display: block;
    text-align: left;
    color: #132847; 
    height: 18px; 
    padding-top: 1px;
    padding-left: 12px; 
    background-image: url(kuvat/vasen_navipalkki.png);
}

div.vasen_navigaatio_valittu
{
    font-weight: bold;
}

div.vasen_navigaatio_otsikko
{
    color: #ffffff; 
    padding-left: 8px;
    background-image: url(kuvat/vasen_sininennavipalkki.png);
    font-weight: bold;
    padding-top: 3px;
    height: 19px;
}

div.vasen_navigaatio:hover
{
    font-weight: bold;
}

span.ajankohtaista_otsikko
{
    font-family: Arial; 
    font-size: 12px; 
    text-align: left;
    color: #275D9B; 
    font-weight: bold;
}

div.ajankohtaista_alue
{
    clear: both;
    border: solid 1px #AAAAAA; 
    border-top-width: 0px; 
    width: 900px; 
    margin-left: 5px;
    height: 287px;
}

div.ajankohtaista_otsikkopalkki
{
    background-image: url(kuvat/ajankohtaista_otsikkopalkki.png); 
    height: 22px;
}

div.ajankohtaista_otsikkopalkki_vasenalue
{
    float: left; 
    height: 19px; 
    padding-top: 3px; 
    padding-left: 8px; 
    font-family: Arial; 
    font-size: 12px; 
    font-weight: bold; 
    text-align: left; 
    color: #FFFFFF;
}

div.ajankohtaista_otsikko_oikeaalue
{
    float: right; 
    height: 19px; 
    padding-top: 3px; 
    padding-right: 8px; 
    font-family: Arial; 
    font-size: 12px; 
    font-weight: bold; 
    text-align: left; 
    color: #FFFFFF;
}


.TelerikModalOverlay
{
    z-index: 9005 !important;
}
.RadWindow
{
    z-index: 9015 !important;
}

h3
{
  margin-top: 3px;
  margin-bottom: 3px;
}