html,body{height:100%;}

body {background:url(bg_main.png) top center repeat-y #8f9398; margin:0;}

#top { width: 971px;  }
#menu { width: 971px;  }
#content { width: 971px;  text-align: left; margin-top: 30px; }
#content #content_left { width: 283px; float: left; }
#content #content_right { width: 660px; float: right; margin-right:2px; }

#content p, td, div { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; }
#content b { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; }
#content b.white { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #fff; font-weight: bold; }
#content b.title { font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#content b.subtitle { font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }

#content a:link { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a:visited { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a:active { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 
#content a:hover { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 

#content a.warrow:link { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a.warrow:visited { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a.warrow:active { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 
#content a.warrow:hover { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 

#content a.warrowleft:link { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_vas.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a.warrowleft:visited { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_vas.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; font-weight: bold; text-decoration: none; } 
#content a.warrowleft:active { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_vas.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 
#content a.warrowleft:hover { padding-left: 10px; background: url( Audi_Takuuvaihtoauto_nuoli_vas.gif ) 0px 4px no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #555; font-weight: bold; text-decoration: underline; } 

#content .linkbox { padding: 15px; background: url( Audi_Takuuvaihtoauto_boksi.gif ) no-repeat; }
#content .linkboxbottom { background: url( Audi_Takuuvaihtoauto_boksi_ala.gif ) no-repeat; height:6px; }
#content .linkboxitem { background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; }
#content .linkboxitemleft { background: url( Audi_Takuuvaihtoauto_nuoli_vas.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; }
#content .linkboxgap { height: 20px; }

#content .kentta { width: 150px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .valinta { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .button { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; width: 200px; padding: 2px; background: #e3e2e7;}
#content .button:hover { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #999; width: 200px; padding: 2px; background: #b2b5bc;}
#content .buttonsmall { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; width: 80px; padding: 2px; background: #e3e2e7;}
#content .buttonsmall:hover { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #999; width: 80px; padding: 2px; background: #b2b5bc;}
#content .textbox { width: 654px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .textboxsmall { width: 160px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .cssField { width: 150px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .cssSelect { width: 150px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }

/* vaihtoautohaku */
#content .vah_kentta_pitka { width: 150px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .vah_kentta_lyhyt { width: 50px; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }
#content .vah_kentta_val { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; border: 1px solid #555; background: #eee; }

/* hakutulokset */
#searchresults { width:660px; }
#searchresults #searchresultstitle { font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#searchresults .tableheader{ background: #e3e2e7; padding: 6px; padding-left: 3px; padding-right: 3px; }
#searchresults .link { background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; }
#searchresults p { padding-left: 3px; }
#searchresults .tablerow1 { background: #b2b5bc; }
#searchresults .tablerow2 {  }
#searchresults .tableGap { height: 3px; }
#searchresults .carimagethumb { border: 0; width: 64px; height: 48px; }
#searchresults .tablecol1 { width: 64px; padding-top: 1px; padding-bottom: 1px; }
#searchresults .tablecol2 { width: 220px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol3 { width: 64px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol4 { width: 76px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol5 { width: 76px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol6 { width: 160px; padding-top: 5px; padding-bottom: 5px; }
#searchresults .tablecol123456 { width: 660px; padding-top: 5px; padding-bottom: 5px; }
.fullcontentgap { margin-top: 30px; }
.explanation { margin: 10px; }

/* autosivu, yleinen sisältö */
#carContent { width: 660px; }
#carContent b.title { font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #fff; font-weight: bold; }
#carContent #carImages { padding: 10px; }
#carContent #carImages .carimage { border: 0; width: 640px; height: 480px; }
#carContent #carImages .carlink { float: left; width: 128px; height: 96px; }
#carContent #carImages .carlinkimage { border: 0; width: 128px; height: 96px; }

/* yleinen taulukkosisältö, 4 saraketta */
#tablecontent_fourcols { width: 660px; }
#tablecontent_fourcols .tableheader{ background: #e3e2e7; padding: 8px; padding-left: 3px; padding-right: 3px; }
#tablecontent_fourcols p { padding-left: 3px; }
#tablecontent_fourcols .link { background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; }
#tablecontent_fourcols .tablerow1 { background: #b2b5bc; }
#tablecontent_fourcols .tablerow2 {  }
#tablecontent_fourcols .tableGap { height: 3px; }
#tablecontent_fourcols .tablecol1 { width: 165px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol2 { width: 165px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol12 { width: 330px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol3 { width: 165px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol4 { width: 165px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol34 { width: 330px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol234 { width: 495px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_fourcols .tablecol1234 { width: 660px; padding-top: 8px; padding-bottom: 8px; }

/* yleinen taulukkosisältö, 2 saraketta */
#tablecontent_twocols { width: 660px; }
#tablecontent_twocols .tableheader{ background: #e3e2e7; padding: 8px; padding-left: 3px; padding-right: 3px; }
#tablecontent_twocols p { padding-left: 3px; }
#tablecontent_twocols .link { background: url( Audi_Takuuvaihtoauto_nuoli_oik.gif ) 0px 4px no-repeat; padding-left: 10px; margin-left: 3px; }
#tablecontent_twocols .tablerow1 { background: #b2b5bc; }
#tablecontent_twocols .tablerow2 {  }
#tablecontent_twocols .tableGap { height: 3px; }
#tablecontent_twocols .tablecol1 { width: 330px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_twocols .tablecol2 { width: 330px; padding-top: 8px; padding-bottom: 8px; }
#tablecontent_twocols .fieldStyle1 { background: transparent; border: 0; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; }
#tablecontent_twocols .fieldStyle2 { background: transparent; border: 0; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000; }

/* vertailu */
#Compare { position: absolute; top: 30px; left: 20px; }
#Compare .CompareItem { display: inline; float: left; width: 300px; }
#Compare .CompareHeadCol { float: left; width: 200px; }
#Compare .removeline { height: 30px; padding-top: 5px; text-align: right; padding-right: 5px; }
#Compare .topheader { height: 50px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; }
#Compare .topheaderh { height: 50px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; }
#Compare .cr { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; }
#Compare .crhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; overflow: hidden; } 
#Compare .crh { height: 30px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; }
#Compare .crhhigh { height: 400px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #e3e2e7; overflow: hidden; } 
#Compare .r1 { background: #b2b5bc; }
#Compare .r2 { }
#Compare .h { background: #e3e2e7; padding: 8px; padding-left: 3px; padding-right: 3px; margin-top: 2px; margin-bottom: 2px; }
#Compare .cImage { height: 230px; } 
#Compare .cImageholder { width: 280px; height: 210px; border: 0; margin-left: 10px; margin-top: 10px;}
#Compare p { padding-left: 3px; }

/* vahtipalvelu */
.login { padding: 15px; padding-left: 0px; }

/* rekisteriseloste */
#rekisteriseloste2 { position: absolute; top: 200px;left:200px; z-index: 99; display:none; background: #f1f1f1; width:400px; border-tablecolor: #000; border-style: solid; border-width: 1px; }




#javascript_info { margin-top: 10px; margin-bottom: 10px; padding: 10px; color: #000; font-weight: bold; background: #b2b5bc; border: 1px solid #000; } 


@media print
{
#menu, .carlink, .linkbox, .linkboxbottom { display: none; }
}