* { margin: 0; padding: 0; }

html { background: #fff url(/i/html-bg.png) repeat-x; font-family: arial, helvetica, sans-serif; font-size: 62.5%; }
img { border: 0; }

#body { width: 930px; position: absolute; left: 50%; margin-left: -465px; cursor: default; }

.upper { text-transform: uppercase; }

#geldLenen { height: 66px; padding-top: 4px; }
#geldLenen img { display: block; }

#top { width: 930px; height: 140px; background: url(/i/top.jpg) no-repeat; }
#top h1 { display: none; }
#top a.home { display: block; text-indent: -1000em; outline: none; width: 126px; height: 135px; float: left; }
#top img { display: block; position: relative; top: 3px; }

#banner {  background: url(/i/verloopvlak-homepage.jpg) no-repeat; width: 941px; height: 412px; margin-left: -5px;}
#autofinanciering { position: absolute; left: 5px; top: 250px; height: 275px; width:233px; background: url(/i/button-autofinanciering.jpg) no-repeat; }
#financiallease { position: absolute;  left: 238px; top: 250px; height: 275px; width:227px; background: url(/i/button-financial-lease.jpg) no-repeat; }
#returnmycar { position: absolute;  left: 465px;top: 250px; height: 275px; width:227px; background: url(/i/button-return-my-car.jpg) no-repeat; }
#wegenbelasting { position: absolute;  left: 465px;top: 250px; height: 275px; width:227px; background: url(/i/button-wegenbelasting.jpg) no-repeat; }
#rijblij { position: absolute;  left: 692px; top: 250px;  height: 275px; width:234px;  background: url(/i/button-rijblij-autoverzekering.jpg) no-repeat; }

#banner .sub { margin: 10px 5px 0 5px; }
#banner .sub1 { margin: 10px 5px 0 10px; }  
#banner .sub h3, #banner .sub1 h3 { display: block; width: 184px; height: 48px; text-indent: -1000em; outline: none;  }
#banner .sub p, #banner .sub1 p { color: #000; font-size: 1.1em; padding: 5px 10px; margin-bottom: 1em; font-weight: bold; }
#banner .sub ul, #banner .sub1 ul { list-style-image: url(/i/bullet-green.png); margin-left: 28px; font-size: 1.1em; color: #000; margin-bottom: 20px; }
#banner .sub li, #banner .sub1 li { margin-bottom: 3px; }
 

#wieis a { position: absolute; display: block; text-indent: -1000px; outline: 0; left: 17px; top: 540px; height: 27px; width:210px; background: url(/i/knop-wie-is-holland-lease.gif) no-repeat; } 
#klantenservice1 a { position: absolute; display: block; text-indent: -1000px; outline: 0;left: 244px; top: 540px; height: 27px; width:200px; background: url(/i/knop-klantenservice.gif) no-repeat; } 
#faq a { position: absolute; display: block; text-indent: -1000px; outline: 0; left: 470px; top: 540px; height: 27px; width:200px; background: url(/i/knop-meestgestelde-vragen.gif) no-repeat; } 
#tel { position: absolute;display: block; text-indent: -1000px; outline: 0; left: 693px; top: 540px; height: 27px; width:200px; background: url(/i/knop-telefoon.gif) no-repeat; } 

#bottomMain { width: 369px; height: 216px; float: left; padding-left: 5px;  }
#bottomMain ul { list-style-type: none; margin-left: 10px; margin-top: 54px; }
#bottomMain ul li { margin-bottom: 6px; line-height: 0; }
#bottomMain img { border: 0; }



#bottomSubs .sub2 h3 { background-position: -184px 0; }
#bottomSubs .sub3 h3 { background-position: -368px 0; }

#bottomSubs .sub1.active h3 { background-position: 0 -48px; }
#bottomSubs .sub2.active h3 { background-position: -184px -48px; }
#bottomSubs .sub3.active h3 { background-position: -368px -48px; }

#content { margin-top: 10px; margin-bottom: 20px; }

#mainColumn { width: 730px; float: left; }
                                                                                   
#contentFull { padding: 20px; }
#contentFull h1 { font-size: 2em; color: #f18e00; font-weight: bold; margin-bottom: .5em; }
#contentFull h2 { font-size: 1.5em; color: #f18e00; font-weight: bold; margin-bottom: .5em; margin-top: .5em; }
#contentFull p { color: #000; font-size: 1.4em; line-height: 1.3em;  }
#contentFull a { color: #f18e00; text-decoration: none; }
#contentFull a:hover { color: #f18e00; text-decoration: underline; }
#contentFull ul, ol  { padding-left: 35px; font-size: 1.2em; }
#contentFull li { padding-left: 2px; font-size: 1.2em; }

#contentTop { padding: 20px; min-height: 140px;}
#contentTop h1 { font-size: 2em; color: #f18e00; font-weight: bold; width: 420px; height: 55px; margin-bottom: .5em; }
#contentTop p { color: #000; font-size: 1.4em; width: 400px; line-height: 1.3em;  }
#contentTop a { color: #f18e00; text-decoration: none; }
#contentTop a:hover { color: #f18e00; text-decoration: underline; }
#contentTop ul, ol  { padding-left: 35px; font-size: 1.2em; }
#contentTop li { padding-left: 2px; font-size: 1.2em; }

#contentBottom ul.subNavigation  { list-style-type: none; width: 711px; height: 36px; background: url(/i/subnav-bg.png) no-repeat; margin-bottom: 1em; }
#contentBottom .subNavigation li { float: left; }
#contentBottom .subNavigation a { display: block; height: 36px; background: url(/i/business-lease-submenu.png) no-repeat; text-indent: -1000em; outline: none; }
#contentBottom .subNavigation a.sub1 { width: 110px; background-position: -25px 0; margin-left: 25px;}
#contentBottom .subNavigation a.sub2 { width: 100px; background-position: -135px 0;  }
#contentBottom .subNavigation a.sub3 { width: 100px; background-position: -235px 0;  }
#contentBottom .subNavigation li.active a.sub1 { width: 110px; background-position: -25px -36px; margin-left: 25px; }
#contentBottom .subNavigation li.active a.sub2 { width: 100px; background-position: -135px -36px; }
#contentBottom .subNavigation li.active a.sub3 { width: 100px; background-position: -235px -36px;  }
#contentBottom p { padding: 0 20px; font-size: 1.3em; color: #000; line-height: 1.3em; margin-bottom: 1em; }
#contentBottom h2 { padding-left: 20px; font-size: 1.35em; color: #f18e00; font-weight: bold; }
#contentBottom ul, ol  { padding-left: 37px; font-size: 1.15em; }
#contentBottom li { font-size: 1.15em; }
#contentBottom a { color: #f18e00; text-decoration: none; }
#contentBottom a:hover { color: #f18e00; text-decoration: underline; }

#premieBox { width: 238px; height: 348px; background: url(/i/premiebox-bg.png) no-repeat; float: right; margin-bottom: 20px; margin-right: 18px; margin-left: 20px; }
#premieBoxLarge { width: 238px; height: 388px; background: url(/i/premiebox-bg-large.png) no-repeat; float: right; margin-bottom: 20px; margin-right: 18px; margin-left: 20px; }
#premieBoxLargeK { width: 238px; height: 388px; background: url(/i/premiebox-bg-large_kosten.png) no-repeat; float: right; margin-bottom: 20px; margin-right: 18px; margin-left: 20px; }
#premieBoxEmpty { width: 238px; height: 348px;  float: right; margin-bottom: 20px; margin-right: 18px; margin-left: 20px; }
#gegevensBox { width: 238px; height: 348px; background: url(/i/gegevensbox-bg.png) no-repeat; float: right; margin-bottom: 20px; margin-right: 18px; margin-left: 20px; }

#rijblijBox { width: 700px; height: 151px; background: url(/i/rijblij-start-kader.gif) no-repeat; margin-top: 20px; }
#rijblijBox table { margin: 60px 0 0 14px; font-size: 14px; font-weight: bold; width: 670px; }
#rijblijBox table td { height: 34px; }
#rijblijBox .veld { height: 20px; padding-top: 3px; border: 1px #f18e00 solid; font-size: 12px; font-weight: bold;}    
#rijblijBox select { height: 20px; border: 1px #f18e00 solid; font-size: 14px; font-weight: bold;}    
#rijblijBox .input-kenteken { background: transparent; border: 0; font-size: 20px; width: 150px; font-weight: bold;  padding: 0 15px 0 20px; letter-spacing: 2px; }
#rijblijBox .kenteken { background: url(/i/kenteken.gif) no-repeat; width: 150px; height: 34px;  }    

#rijblijBox-groot { height: 424px; width: 691px; background: url(/i/rijblij-grootvlak.jpg) no-repeat bottom; } 
#rijblijBox-groot ul.rijblijNavigation  { list-style-type: none; width: 691px; height: 45px; padding-left:0;  }
#rijblijBox-groot .rijblijNavigation li { float: left; }
#rijblijBox-groot .rijblijNavigation a { cursor: default; display: block; height: 45px; background: url(/i/rijblij-navigatie.jpg) no-repeat; text-indent: -1000em; outline: none; }
#rijblijBox-groot .rijblijNavigation a.sub1 { width: 113px; background-position: 0 0;}
#rijblijBox-groot .rijblijNavigation a.sub2 { width: 111px; background-position: -113px 0;  }
#rijblijBox-groot .rijblijNavigation a.sub3 { width: 103px; background-position: -224px 0;  }
#rijblijBox-groot .rijblijNavigation a.sub4 { width: 218px; background-position: -327px 0;  }
#rijblijBox-groot .rijblijNavigation li.active a.sub1 { width: 113px; background-position: -0 -45px; }
#rijblijBox-groot .rijblijNavigation li.active a.sub2 { width: 111px; background-position: -113px -45px; }
#rijblijBox-groot .rijblijNavigation li.active a.sub3 { width: 103px; background-position: -224px -45px; }  
#rijblijBox-groot .rijblijNavigation li.active a.sub4 { width: 218px; background-position: -327px -45px;  }
#rijblijBox-groot table { font-size: 12px; font-weight: bold; padding: 7px; margin: 5px; }
#rijblijBox-groot td { height: 25px; vertical-align: top; }
#rijblijBox-groot .bigger { font-size: 14px; }
#rijblijBox-groot .smallest { font-size: 10px; }    
#rijblijBox-groot .normal { font-weight: normal; }
#rijblijBox-groot .green { color:#f18e00; }
#rijblijBox-groot .green a { color:#f18e00; text-decoration: underline;}    
#rijblijBox-groot .smaller { font-size: 11px; font-style: italic; font-weight: normal; }   
#rijblijBox-groot #title { width: 663px; font-size: 12px; font-weight: bold; padding: 7px; margin: 13px;  }
#rijblijBox-groot #contentGrey { width: 663px; height: 214px; background: url(/i/rijblij-grijsvlak.gif) no-repeat; margin: 13px;   }
#rijblijBox-groot td { height: 25px;  padding-left: 3px; }    
#rijblijBox-groot .veld { height: 20px;  border: 1px #f18e00 solid; font-size: 12px; font-weight: bold;}    
#rijblijBox-groot select { height: 20px; border: 1px #f18e00 solid; font-size: 12px; font-weight: bold;}   
#rijblijBox-groot .bedragen { width: 60px; color: #000; font-family: arial, helvetica, sans-serif; background: transparent;  border: 0; font-size: 12px; font-weight: bold; margin: 2px 0 0 0; text-align: left;  }
#rijblijBox-groot .bedragen2 { width: 47px; color: #000; font-family: arial, helvetica, sans-serif; background: transparent;  border: 0; font-size: 14px; font-weight: bold; margin: 2px 0 0 0; text-align: left;  }
#rijblijBox-groot a { color: #000; text-decoration: underline; }
#rijblijBox-groot .smallTable { font-size: 10px; }

#rijblijBox-groot #checkdata { width:660px; }
#rijblijBox-groot #checkdata td { height: 20px !important; }

#sideColumn { width: 200px; float: right; }
#sideColumn h3 { display: none; }
#sideColumn ul { list-style-image: url(/i/bullet-arrow.png); margin-left: 34px; margin-top: 40px; margin-bottom: 10px; }
#sideColumn li { margin-bottom: 5px; font-size: 1.2em;  }
#sideColumn a { color: #000; text-decoration: none; }
#sideColumn a:hover { text-decoration: underline; }

#anderProduct { width: 192px; height: 126px; background: url(/i/side-ander-product.png) no-repeat; float: right; margin-bottom: 15px; }
#alleProduct { width: 192px; height: 139px; background: url(/i/side-alle-product.png) no-repeat; float: right; margin-bottom: 15px; }


#klantenService { width: 192px; height: 210px; background: url(/i/side-klantenservice.png) no-repeat; float: right; margin-bottom: 15px; }
#klantenService p { margin-left: 15px; font-size: 1.1em; line-height: 1.4em; }

#advertentie { text-align: right; padding-right: 2px; }
#advertentie img { border: 0; }

#footerHome { width: 930px;  height: 60px; padding-top: 10px;clear: both; margin-left: 10px; }
#footerHome, #footerHome a { font-size: 1em; color: #999; text-decoration: none; }
#footerHome a:hover { color: #333; text-decoration: underline; }
#footer { width: 930px; background: url(/i/footer-bg.png) center top no-repeat; height: 80px; padding-top: 30px;clear: both; }
#footer, #footer a { font-size: 1em; color: #999; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: underline; }

#eForm { width:720px; height:550px; padding: 0; margin: 0; }

#rekentool { font-size: 11px; font-weight: bold; margin-top: 50px; padding-left: 10px; padding-right: 10px; }
#rekentool td { height: 30px; }
#rekentool .bedragen { width: 50px; font-family: arial, helvetica, sans-serif;  border: 1px #f18e00 solid; font-size: 11px; font-weight: bold;}
#rekentool .bedragen-groot { width: 60px; color: #f18e00; font-family: arial, helvetica, sans-serif; background: transparent;  border: 0; font-size: 26px; font-weight: bold; margin: 2px 0 0 0; text-align: right;  }
#rekentool .bedragen-groot-breed { width: 80px; color: #f18e00; font-family: arial, helvetica, sans-serif; background: transparent;  border: 0; font-size: 26px; font-weight: bold; margin: 2px 0 0 0; text-align: right; }
#rekentool .velden { width: 50px; font-family: arial, helvetica, sans-serif; font-size: 11px; margin-left: 10px; border: 1px #f18e00 solid; }
#berekenhet {  text-align: right; text-decoration: underline; color: #f18e00; width: 205px; }
#aanvragen { visibility: hidden;}  

#dhtmltooltip { background-color: #fff; border: 1px solid #f18e00; padding: 2px; position: absolute; visibility: hidden; width: 200px; z-index: 100; }

.summary { font-size: 12px; color: #000; }
.summary a { font-size: 12px; color: #000; }
.summary ul { margin-top: 10px; }
.summary li { margin-left: 15px; }

#wachten { position: absolute;display: none; z-index: 110; margin-left: 45%; top: 350px; width: 200px; height: 120px; background-color: #fff; border: 2px solid #f18e00; text-align: center; padding-top: 10px; font-size: 12px; line-height: 30px; color: #f18e00; }

/* wegenbelasting */
#wb { margin-top: 20px; height: 400px;  }
#wb td { font-size: 12px; }
#wb .wbTitle { color:#f18e00; font-size: 13px; font-weight: bold; width: 100px;}   
#wb select { font-size:  12px; }  

.summary #dealer td { padding: 2px; }
.summary #dealer th { padding: 2px; font-weight: bold; text-align: left;}

#form td { font-size: 12px; padding: 3px; }

.button { background-color: #f18e00; color: #fff; border: 0; }

.submitpolis { background: url(/i/sluit-direct-polis-af.png); width: 182px; height: 26px; border: 0; cursor: pointer;}
.submitofferte { background: url(/i/vraag-direct-offerte-aan.png); width: 182px; height: 26px;  border: 0; cursor: pointer;}