/*----------------------------------------------------------------------------- [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;}

#TreeMenu{float:left;margin:0;width:160px;border:1px solid #D9E9F4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#TreeMenu div{list-style:none;padding:0;}
#TreeMenu div a{background-image:url("getfile.php?id=1096");background-repeat:repeat-x;background-position:0 5px;display:block;font-weight:normal;line-height:25px;min-height:25px;padding:0 6px;text-align:left;text-decoration:none;}
#TreeMenu div div a{padding:6px 2px 2px 7px;background:url("getfile.php?id=341") no-repeat scroll -250% 50% #f4f9fd;border-left:0pt none;padding:3px 2px 0px 10px;}
#TreeMenu div div a:hover{color:#000;}
#TreeMenu div div div a{font-size:11px;padding:0 0 0 20px;}

/* 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;}
textarea{resize:none;overflow-y:auto;overflow-x:hidden;font-family:Verdana, sans-serif;font-size:12px;}
img, form{border:0;margin:0;}
.clr{clear:both;height:0;overflow:hidden;display:block;}
.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;}
sup{vertical-align:0;position:relative;}
sup{bottom:4px;}
.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 0 5px 0;line-height:20px;}
h2{margin:0 0 5px 0;font-size:110%;font-weight:bold;line-height:20px;}
h3{color:#ff9900;font-size:190%;font-weight:bold;margin:0 0 5px 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;}
.eventsTable p, .eventsTable span{font-size:90%;margin:2px 0 4px 0;}
.eventsTable .eventTitle{font-weight:bold;}
.eventsTable img{border:1px solid gray;width:95px;}
#content #rightcontent #col2 #search{}
a.btnblue, a.btnblue span{background-image:url("getfile.php?id=829");background-repeat:no-repeat;color:#3066A9;display:block;height:28px;text-align:center;cursor:pointer;}
a.btnblue span{background-position:right bottom;line-height:28px;white-space:nowrap;padding:0 3px;}
a.btnblue:hover, a.btnblue:hover span{color:#000;text-decoration:none !important;}
/* Rollator producten */ .product{float:left;width:150px;text-align:center;margin:0 0 -1px -1px;padding:10px;border:1px solid #F3F3F3;}
div.prod_detail{float:left;padding:0 10px 0 0;width:250px;}
.product h2{font-size:100%;}
.product .btnblue.left{float:left;}
.product .btnblue.right{float:right;}
.prod_img .btnblue span, .product .btnblue span{padding:0 8px;}
span.pricing{display:block;margin:-8px 0 4px;}
span.pricing span.price{font-size:16px;}
div.prod_img{float:right;padding:0 0 0 10px;width:240px;}
div.prod_img img{}
div.prod_img a.zoom{}
div.prod_img .back{float:right;padding:10px 0;}
div.prod_img .btnblue{float:right;}
/* 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;}
iframe#unigarant{border:0 none;overflow-y:auto;overflow-x:hidden;}
/* 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;}
/* Ordersteps Thuasne -----------------------------------------------------------------------------*/ #order .img, #order .prod_wrapper{float:left;}
#order .img{margin:10px 0 0;}
#order .prod_wrapper{width:390px;}
#order .prod_wrapper .heading{border-bottom:1px solid silver;font-weight:bold;}
#order .prod_wrapper .column{float:left;color:black;padding:4px 0;}
#order .prod_wrapper .description{width:240px;}
#order .prod_wrapper .ammount{}
#order .prod_wrapper .subtotal{float:right;overflow-x:hidden;text-align:right;white-space:nowrap;width:68px;}
#order .prod_wrapper .totalrow{margin:30px 0 0;border-top:1px solid black;border-bottom:3px double black;padding:4px 0;float:right;width:140px;text-align:right;font-weight:bold;}
#order .prod_wrapper .totalrow span{float:left;}
#order .prod_wrapper .totalrow .total{float:right;}
#order .prod_wrapper .ammount input[type="text"]{float:left;width:20px;border:1px solid #333;}
#order .prod_wrapper .refresh{background:url(getfile.php?id=941) no-repeat 50% 50%;width:15px;height:16px;float:left;margin:0 4px;}
#order .prod_wrapper .refresh span{display:none;}
#order .btnblue{margin:10px 0 0;}
#order .btnblue span{padding:0 15px;}
.formtable td img.Tips4{float:right;margin:2px 5px 0 0;}
.tip-title{padding:4px 8px !important;}
.custom-tip{width:auto !important;}
/* 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:500px;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;}
span.formtxt{float:left;}
a.submitiDEAL, a.submitiDEAL span{background-image:url("getfile.php?id=829");background-repeat:no-repeat;color:#3066A9;display:block;height:28px;text-align:center;width:95px;cursor:pointer;}
a.submitiDEAL span{background-position:right bottom;line-height:28px;}
a.submitiDEAL:hover, a.submitiDEAL:hover span{color:#000;text-decoration:none !important;}
.submit.form{background-color:#0b66ac;color:#fff;padding:4px 10px;cursor:pointer;}
.submit.form:hover{background-color:#499ddd;}
/* Google Maps */ .gmnoprint{line-height:1.2;}
.tool-tip{color:#fff;width:165px;z-index:13000;}
.tip-title{font-weight:bold;font-size:11px;margin:0;color:#fff;padding:8px 8px 4px;background:#3066A9;/*url(bubble.png) bottom right;*/ opacity:.7;filter:alpha(opacity=70);}
.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;}
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link{color:#666666;}
#TB_window a:visited{color:#666666;}
#TB_window a:hover{color:#000;}
#TB_window a:active{color:#666666;}
#TB_window a:focus{color:#666666;}
#TB_overlay{position:absolute;z-index:1000;top:0px;left:0px;background-color:#000;}
#TB_window{position:absolute;background:#ffffff;z-index:1002;color:#000000;border:4px solid #525252;text-align:left;}
#TB_window img{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:5px 10px 7px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:absolute;display:none;height:100px;width:100px;z-index:1001;}
#TB_HideSelect{z-index:999;position:absolute;top:0;left:0;background-color:#fff;border:none;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}

