/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:5/05/08 author:Jeroen van de Ven email:jeroen@w8less.nl website:www.fietsned.nl Colours:Menu, Links:#3066a9 Text:#374648 -----------------------------------------------------------------------------*/ /* Includes -----------------------------------------------------------------------------*/ #menuholder{height:20px;padding:0 7px;position:relative;z-index:1000;}
#menu ul{margin:0;padding:0;list-style:none;float:left;z-index:100;}
#menu li{position:relative;}
#menu ul ul{position:absolute;top:100%;/*88%*/ left:0px;width:177px;z-index:200;background:#ffffff url(getfile.php?id=325) no-repeat scroll 0px 0px;min-height:100px;_height:100px;}
#menu ul ul ul{left:100%;top:0px;z-index:300;background:none;}
#menu ul a{display:block;font-size:11px;height:17px;padding:0 12px 2px;text-transform:uppercase;}
#menu ul ul a{text-transform:none;}
#menu ul li{background:url(getfile.php?id=324) no-repeat right top;}
#menu ul li.first, #menu ul ul li{background:none;}
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;}

#content #treemenu{float:left;margin:10px 15px 0pt 10px;width:187px;}
#content #treemenu div{list-style:none;padding:0px;}
#content #treemenu div a{background:transparent url(getfile.php?id=340) no-repeat scroll left top;display:block;font-weight:normal;min-height:25px;_height:25px;text-align:left;text-decoration:none;}
#content #treemenu div div a{padding:6px 2px 2px 7px;}
#content #treemenu div div a:hover{color:#000;}
#content #treemenu div div div a{background:transparent url(getfile.php?id=341) no-repeat scroll 0%;border-left:0pt none;padding:3px 2px 0px 10px;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;margin:0;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:0;overflow:hidden;}
#clearfooter{clear:both;height:35px;}
img, form{border:0;margin:0;}
.articlebody{background:#fff;}
.imgAlignright{float:right;margin-left:10px;}
.imgAlignleft{float:left;margin-right:10px;}
div.ruler1{background:url(getfile.php?id=319) no-repeat scroll center;clear:both;height:21px;}
div.ruler1 hr{display:none;}
div.ruler2{background:url(getfile.php?id=321) no-repeat scroll center;clear:both;height:21px;}
div.ruler2 hr{display:none;}
div.ruler3{background:url(getfile.php?id=320) no-repeat scroll center;clear:both;height:21px;}
div.ruler3 hr{display:none;}
hr{background:url("getfile.php?id=319") no-repeat scroll center center transparent;border:0 none;clear:both;height:20px;margin:0;padding:20px 0;}
.forumlnk{display:block;float:left;padding:0 5px;font-size:11px;}
/* Typography -----------------------------------------------------------------------------*/ body, div, table, tbody, tr, td, p, span, label{color:#374648;font-family:Verdana;font-size:12px;line-height:1.6;}
h1{font-size:180%;color:#004b5c;margin:0;line-height:20px;}
h2{margin:0;font-size:110%;font-weight:bold;line-height:20px;}
h3{color:#ff9900;font-size:190%;font-weight:bold;margin:0;line-height:20px;}
a:link, a:active, a:visited{color:#3066a9;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
div.inputdiv{background:url(getfile.php?id=702) no-repeat left top;height:30px;width:200px;}
div.inputdiv input{border:0;background:none;float:left;height:20px;margin:3px 5px;}
div.inputdiv .textfield{width:136px;}
/* Header -----------------------------------------------------------------------------*/ #header{position:relative;width:956px;height:162px;background:url(getfile.php?id=322) no-repeat top left;}
#header #flash{position:absolute;right:3px;top:0px;}
#header #logo{height:61px;left:15px;position:absolute;top:45px;width:218px;}
#header #servicenummer{bottom:5px;height:34px;left:10px;position:absolute;width:300px;}
/* Body -----------------------------------------------------------------------------*/ #content{width:956px;min-height:250px;_height:250px;background:url(getfile.php?id=323) no-repeat top left;padding-top:2px;}
#content #leftcontent{float:left;margin-right:25px;padding:10px 5px 0pt;width:480px;}
#content #rightcontent, #content #right_bottomcontent{float:left;width:415px;background:url(getfile.php?id=329) no-repeat 0px 10px;padding:15px 13px;}
#content #rightcontent #col1{float:left;width:236px;margin-right:20px;}
#content #rightcontent #col2{float:left;width:150px;}
#content #rightcontent #col1 #news{width:230px;overflow-x:hidden;}
div.input_vervolg .inputdiv{width:138px;background:url(getfile.php?id=722) no-repeat left top;}
div.input_vervolg .inputdiv .textfield{width:75px;}
#events p, #events span{font-size:90%;margin:2px 0 4px 0;}
#events .eventTitle{font-weight:bold;}
#events img{border:1px solid gray;width:95px;}
#content #rightcontent #col2 #search{}
/* homepage core-business slider */ ul.core_business{width:431px;list-style:none;margin:0 0 25px;padding:0;}
ul.core_business li p{color:white;margin:0 0 10px;}
ul.core_business li{position:relative;background-repeat:no-repeat;background-position:left top;margin:15px 0 0;}
ul.core_business li .bottom{bottom:-26px !important;position:absolute !important;}
ul.core_business li.ph_aanhuis{z-index:400;}
ul.core_business li.ph_onderweg{z-index:300;}
ul.core_business li.ph_business{z-index:200;}
ul.core_business li.ph_events{z-index:100;}
ul.core_business li.ph_aanhuis{background-image:url(getfile.php?id=691);margin:0;}
ul.core_business li.ph_onderweg{background-image:url(getfile.php?id=694);}
ul.core_business li.ph_business{background-image:url(getfile.php?id=692);}
ul.core_business li.ph_events{background-image:url(getfile.php?id=693);}
ul.core_business li h1{background-repeat:no-repeat;background-position:10px 20px;height:58px;margin:0;}
ul.core_business li h1 span{display:none;}
ul.core_business li.ph_aanhuis h1{background-image:url(getfile.php?id=684);}
ul.core_business li.ph_onderweg h1{background-image:url(getfile.php?id=696);}
ul.core_business li.ph_business h1{background-image:url(getfile.php?id=685);}
ul.core_business li.ph_events h1{background-image:url(getfile.php?id=695);}
ul.core_business li div{background-repeat:no-repeat;background-position:left bottom;bottom:-9px;position:relative;z-index:400;}
.toggler{cursor:pointer;}
.element{padding:0 25px;}
/* FAQ styling ----------------------------------------------------------*/ .faqgroup{padding:0pt 15px;background:url(getfile.php?id=731) no-repeat scroll 0% 50%;font-size:14px;color:#E22024;cursor:pointer;}
.faqgroupholder{padding:10px;}
.faqquestion{border-top:1px solid #9f9f9f;padding:2px 5px;cursor:pointer;}
.faqanswer{background:#FFFFFF;border:1px solid #000000;padding:5px;}
#show{}
#hidden{}
/* Formatting rules -----------------------------------------------------------------------------*/ #news ul{list-style:none;padding:0;margin:0;}
#news li{font-size:90%;padding-bottom:5px;white-space:nowrap;}
.hilighted{background:#ffe780;}
.keyword{color:#FF0000;}
#searchhits th{text-align:left;font-weight:normal;font-size:10px;}
.keyword{font-weight:bold;}
/* GoogleMaps -----------------------------------------------------------------------------*/ #dealersearchleft{width:350px;}
#nearestCompanies{padding:0;width:515px;}
#googleMap{width:514px;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:491px;}
#zip{width:285px;height:17px;float:left;}
#allcomps{width:104px;height:17px;float:left;}
#result{float:left;width:515px;min-height:145px;_height:145px;}
#result th{text-align:left;}
#result .rank{border-color:#003582;border-style:solid;border-width:1px 0 0 1px;font-size:12px;margin:10px 0;padding:2px 4px;}
#error{margin-top:50px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0 auto;min-height:100%;_height:100%;position:relative;width:956px;}
#footer{height:24px;margin:-31px auto 0;padding:5px 0 0 0;position:relative;width:956px;background:#fff;border-top:1px solid #666;}
#footer #footernav{float:left;width:400px;font-size:80%;color:#a7a7a7;}
#footer #webdesq{float:right;width:400px;text-align:right;}
/* Forms -----------------------------------------------------------------------------*/ label{margin:0px;min-height:15px;_height:15px;text-align:left;width:175px;float:left;}
select.textfield, textarea.textfield{padding:2px;border:1px solid #003582;margin:2px;}
input.textfield{padding:2px;border:1px solid #8497a5;height:16px;margin:2px 0pt;}
.inputfield{border:1pt solid #e7e7e7;color:#999999;font-size:10px;height:13px;padding:3px 5px;width:105px;}
.radiobutton{margin:2px;}
.submit{border:0px;margin-bottom:3px;}
/* Google Maps */ .gmnoprint{line-height:1.2}
.tool-tip{color:#fff;width:165px;z-index:13000;}
.tool-title{font-weight:bold;font-size:11px;margin:0;color:#fff;padding:8px 8px 4px;background:#3066A9;/*url(bubble.png) bottom right;*/}
.tool-text{font-size:11px;padding:4px 8px 8px;color:#fff;background:#3066A9;/*url(bubble.png) bottom right;*/}
.custom-tip{color:#fff;width:165px;z-index:13000;}
.custom-title{font-weight:bold;font-size:11px;margin:0;color:#fff;padding:8px 8px 4px;background:#3066A9;border-bottom:1px solid #B5CF74;display:none;}
.custom-text{padding:4px 8px 8px;background:#b9d8f4;}
.custom-text span{color:#0066ad;font-size:11px;}