/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:3/12/07 author:Jeroen van de Ven email:jeroen@4webdesign.nl website:www.janlinders.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;/*padding:0;*/}
img{border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Arial;font-size:12px;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:40px;}
.articlebody{background:#fff;font-size:12px;}
.articlebody li, .articlebody ol{margin-left:16px;}
.imgAlignright{float:right;}
.imgAlignleft{float:left;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:14pt;line-height:21px;color:#a7004b;font-family :"Myriad", Arial;font-weight:bold;}
h2{font-size:13pt;line-height:21px;color:#a7004b;font-family :"Myriad", Arial;font-weight:bold;}
#content li{margin-left:-16px;}
a, a:link, a:active, a:visited{color:#a7004b;text-decoration:none;font-size:12px;}
a:hover{color:#000;text-decoration:underline;}
#content table, tr, td, p, div, span, label, a{font-size:12px;}
#wdcblock a, #wdcblock2 a, #wdcblock3 a{color:#a7004b;text-decoration:none;font-size:12px;font-weight:bold;}
#wdcblock a:hover, #wdcblock2 a:hover, #wdcblock3 a:hover{color:#000;text-decoration:underline;/* Header -----------------------------------------------------------------------------*/ #header{height:90px;background:url(getfile.php?id=27) no-repeat top right #003582;border-bottom:2px solid #818d99;}
#header #centerHeader{margin:0px auto;position:relative;width:980px;}
#header #centerHeader #logo{width:158px;height:52px;position:absolute;top:15px;left:10px;}
#header #payoff{position:absolute;right:0px;top:40px;}
#header #centerHeader #topnav{height:20px;position:absolute;right:0px;text-align:right;top:11px;width:815px;color:#7d9ccf;background:url(getfile.php?id=24) no-repeat bottom right;}
#header #centerHeader #topnav a, a:link, a:active, a:visited{color:#7d9ccf;font-size:12px;text-decoration:none;}
#header #centerHeader #topnav a:hover{color:#fff;text-decoration:underline;}
#header #centerHeader #menu{height:23px;left:180px;padding-top:2px;position:absolute;top:35px;}
/* Includes -----------------------------------------------------------------------------*/ #menu ul{list-style:none;margin:0px;padding:0px;float:left;}
#menu ul ul{background:#003582;color:#000000;height:28px;left:0px;position:absolute;top:19px;width:750px;z-index:500;}
#menu ul ul li{position:relative;float:left;width:auto;}
#menu ul a.first{border-left:0px;padding:0px 10px 5px 0px;}
/* #menu ul a.first:hover{color:#fff;background:url(getfile.php?id=204) no-repeat left bottom #d11b23;}
*/ #menu ul a{border-left:1px solid #7D9CCF;color:#7D9CCF;display:block;font-size:12px;font-weight:bold;height:10px;padding:0px 10px 5px 10px;text-decoration:none;}
*html #menu ul a{width:1%;}
#menu ul a:hover, #menu ul .selected{color:#fff;}
#menu ul ul a{background:transparent none repeat scroll 0%;color:#7D9CCF;display:block;font-weight:normal;height:8px;padding:0 10px 0 0;width:auto;margin-top:12px;border-left:0px;}
#menu ul ul a:hover{color:#fff;background:none;}
#menu ul ul .selected{color:#fff;background:none;font-weight:bold;}
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
/*div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul,div#menu ul ul ul ul li:hover ul{display:block;}
div#menu ul ul,{display:none;}
*/
/* Body -----------------------------------------------------------------------------*/ #content{margin:0px auto;position:relative;width:100%;background:url(getfile.php?id=29) no-repeat top center;}
#content_vervolg{margin:0px auto;position:relative;width:100%;background:url(getfile.php?id=29) no-repeat -101px center;}
#content #centerContent{margin:0px auto;position:relative;width:980px;}
#content #centerContent #homepageActies{width:980px;}
#content #centerContent #homepageActies #flash_header{float:right;}
#content #centerContent #testimonials{padding:0px 10px 0pt 0pt;width:165px;float:left;min-height:328px;margin:20px 0 20px 0;border-right:2px solid #a7004b;}
#content #centerContent #testimonials ul li{list-style:none;padding:5px 0;margin:0;}
#content #centerContent #testimonials ul li a:hover{text-decoration:underline;}
#content #centerContent #wdcblock{border-left:2px solid #A7004B;float:left;margin:20px 20px 20px -2px;min-height:50px;padding:0pt 10px;width:570px;}
#content #centerContent #wdcblock2{border-left:2px solid #A7004B;float:left;margin:20px 0px 20px -2px;min-height:50px;padding:0pt 0px 0pt 10px;width:790px;}
#content #centerContent #wdcblock3{float:left;margin:0px 0px 20px;min-height:50px;padding:0pt 0px 0pt 15px;width:965px;}
#content #centerContent #promotie{width:180px;float:right;min-height:50px;margin:20px 0 20px 0;text-align:right;}
#content #centerContent #col1{width:160px;border-right:2px solid #a7004b;float:left;padding-left:15px;min-height:140px;}
#content #centerContent #col2{width:250px;border-right:2px solid #a7004b;float:left;padding-left:15px;min-height:140px;}
#content #centerContent #col3{width:250px;border-right:2px solid #a7004b;float:left;padding-left:15px;min-height:140px;}
#content #centerContent #col4{width:250px;float:left;padding-left:15px;min-height:140px;}
*html #col1, #col2, #col3, #col4{height:140px;}
#actieproduct{float:left;margin:0 0 20px 0;padding-left:5px;position:relative;width:244px;min-height:260px;}
*html #actieproduct{height:260px;}
#actieproduct2{float:left;margin:0px 0px 0pt 17px;padding-left:5px;position:relative;width:244px;min-height:260px;}
*html #actieproduct2{height:260px;}
#actieproduct_vervolg{float:left;margin:0pt 10pt 20px 0pt;padding-left:5px;position:relative;width:244px;min-height:270px;_height:270px;}
#actiemenu{height:30px;background:#eeeeee;border-bottom:1px solid #999;margin-bottom:30px;}
#actiemenu #actiemenubtn:hover{background:#dddddd;}
#actiemenu #actiemenubtn a:hover{text-decoration:none;}
#actiemenubtn{display:block;float:left;height:10px;padding:9px 10px 11px 10px;width:auto;border-right:1px solid #999;}
#actiemenubtn_sel{display:block;float:left;height:10px;padding:9px 10px 11px 10px;width:auto;border-right:1px solid #999;background:#a7004b;color:#fff;font-weight:bold;}
/* Formatting rules -----------------------------------------------------------------------------*/ #tstmnlsPicture{}
#tstmnlsTitle{font-size:16px;}
#tstmnlsSummary{margin-top:5px;font-style:oblique;font-size:12px;color:#333;}
#tstmnlsLink{margin-top:5px;}
#tstmnlsLink a:hover{text-decoration:underline;}
#actie_title{font-size:12px;font-weight:bold;padding-left:10px;}
#actie_summary{font-size:10px;margin-top:5px;padding-left:10px;}
#actie_vanprijs{padding-left:10px;font-size:12px;font-weight:bold;text-decoration:line-through;margin-top:5px;}
#actie_prijs{padding-left:10px;font-size:30px;font-weight:bold;font-family:'Myriad', arial;line-height:24px;margin-top:5px;text-transform:uppercase;}
#actie_subtekst{padding-left:10px;font-size:14px;font-weight:bold;margin-top:5px;text-transform:uppercase;}
#actie_picture{text-align:center;}
#actie_opisop{position:absolute;left:12px;top:5px;}
#actie_onzetrots{position:absolute;right:75px;top:5px;}
/* copy i.v.m. styling voorstel actiepagina */ #actie_title2{font-size:12px;font-weight:bold;height:45px;}
#actie_summary2{font-size:10px;}
#actie_vanprijs2{font-size:12px;font-weight:bold;text-decoration:line-through;}
#actie_prijs2{font-size:30px;font-weight:bold;font-family:'Myriad', arial;line-height:24px;text-transform:uppercase;}
#actie_subtekst2{font-size:14px;font-weight:bold;text-transform:uppercase;}
#actie_picture2{text-align:center;}
#actie_opisop2{position:absolute;left:12px;top:5px;}
#actie_onzetrots2{position:absolute;right:75px;top:5px;}
#mgznPromotieblock{background:#003582 none repeat scroll 0%;float:left;height:276px;padding:10px;width:158px;}
#mgzn_title{color:#FFFFFF;font-size:18px;margin-bottom:10px;}
#mgzn_summary{color:#fff;}
#mgzn_summary a{color:#fff;font-weight:bold;font-size:12px;}
#mgzn_summary a:hover{text-decoration:underline;}
#mgzn_picture{position:absolute;top:208px;}
/* GoogleMaps -----------------------------------------------------------------------------*/ #dealersearchleft{width:350px;}
#nearestCompanies{padding:0;width:375px;}
#googleMap{width:400px;height:400px;background-color:rgb(229, 227, 223);float:right;}
#directions{float:left;height:auto;margin:0;overflow:auto;width:780px;}
#filiaalzoeker{background:#E4EBF7 none repeat scroll 0% 50%;border:2px solid #003582;float:left;height:18px;margin:0 0 10px 0;padding:10px;width:350px;}
#zip{width:285px;height:17px;float:left;}
#allcomps{width:104px;height:17px;float:left;}
#result{float:left;width:180px;min-height:135px;}
*html #result{height:135px;}
#error{margin-top:50px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0 auto;min-height:100%;position:relative;width:100%;}
*html #nonFooter{height:100%;}
#footer{height:20px;margin:-30px auto 0px;padding-top:5px;position:relative;width:100%;border-top:1px solid #cfcfcf;}
#footer #centerFooter{margin:0px auto;position:relative;width:980px;}
#footer #centerFooter #copyright{position:absolute;width:300px;height:20px;right:5px;top:3px;text-align:right;color:#666;font-size:10px;}
#footer #centerFooter #footermenu{position:absolute;width:375px;height:20px;left:0px;top:3px;color:#666;}
#footer #centerFooter #footermenu a, a:link, a:active, a:visited{color:#666;text-decoration:none;font-size:11px;}
#footer #centerFooter #footermenu a:hover{color:#000;text-decoration:underline;}
/* Forms -----------------------------------------------------------------------------*/ label{margin:0px;height:15px;text-align:left;width:120px;float:left;}
select.textfield, textarea.textfield{padding:2px;border:1px solid #003582;margin:2px;}
input.textfield{padding:2px;border:1px solid #003582;margin:2px;height:14px;font-size:10px;width:169px;}
input.radiobutton{margin:2px;}
input.submit{border:0px;background-color:#003582;color:#FFFFFF;height:18px;padding-bottom:2px;}
.searchfield{width:168px;font-size:10px;padding-top:2px;}
.dealerinput{border:1px solid #003582;color:#666;font-size:10px;width:120px;height:15px;vertical-align:middle;}
.homeinput{border:1px solid #003582;color:#666;font-size:10px;width:100px;height:15px;vertical-align:middle;}
.homesubmits{background:#004895;height:19px;color:#fff;vertical-align:middle;border:1px solid #000;}
/* Tables -----------------------------------------------------------------------------*/ table{border-spacing:0;border-collapse:collapse;}
td{text-align:left;font-weight:normal;}