/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,th{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
font{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
tr,td{ border:0; outline:0; font-size:100%; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#00606f; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:#fff url(../images/bgr-body.jpg) repeat-x top center; color:#000; font:10px/1 "Trebuchet MS",Arial,Helvetica,sans-serif; height:100%;}
html { height:100%; }
/* Wrapper */
#wrapper
{
width:963px;
border:0px solid green;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -63px; /* the bottom margin is the negative value of the footer's height */
}
#wrapper2
{
width:963px;
border:0px solid green;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -146px; /* the bottom margin is the negative value of the footer's height */
}
/* Header */
#header{ width:963px; margin-bottom:12px; overflow:hidden; z-index:5000; }
#header.startscreen{ position:relative; width:759px; margin-bottom:0; overflow:hidden; }
/* Menu Top */
#menu-top{ width:963px; height:37px; padding-top:6px; overflow:hidden; }
/* Nav */
#x_nav{ float:left; width:535px; font-size:12px; font-weight:bold; text-transform:uppercase; }
#x_nav li{ float:left; height:32px; }
#x_nav li.sep{ width:2px; height:32px; background:url(../images/bgr-x_nav-sep.png) no-repeat; }
#x_nav a,
#x_nav a:visited{ display:block; color:#fff; padding:10px 15px; }
#x_nav a:hover{ text-decoration:none; background:url(../images/bgr-x_nav-on.png) repeat-x; }
#x_nav .current a{ text-decoration:none; background:url(../images/bgr-x_nav-on.png) repeat-x; }
/* x_nav Dropdown */
#x_nav li ul{ position:absolute; width:200px; left:-999em; font-size:13px; font-weight:normal; text-transform:capitalize; z-index:6000; }
#x_nav li:hover ul{ left:auto; }
#x_nav li:hover ul,
#x_nav li.sfhover ul{ left:auto; }
#x_nav li li{ width:200px; height:auto; margin-bottom:1px; }
#x_nav li li a, #x_nav li li a:visited{ display:block; padding:6px 10px; }
#x_nav li li a:hover{ text-decoration:underline; }
#x_nav li li a{ text-decoration:none; background-image:none; background-color:#00606f; }
#x_nav_sub li a,
#x_nav_sub li a:hover{ text-decoration:none; background-image:none; background-color:#00606f; }
/* Nav */
#nav{ float:left; width:635px; font-size:12px; font-weight:bold; text-transform:uppercase; z-index:200000; }
#nav li{ float:left; height:32px; }
#nav li.sep{ width:2px; height:32px; background:url(../images/bgr-nav-sep.png) no-repeat; }
#nav a,
#nav a:visited{ display:block; color:#fff; padding:10px 15px; }
#nav a:hover{ text-decoration:none; background:url(../images/bgr-nav-on.png) repeat-x; }
#nav .current a,
#nav li:hover a,
#nav li:hover a:visited,
#nav .sfhover a{ text-decoration:none; background:url(../images/bgr-nav-on.png) repeat-x; }
/* Nav Dropdown */
#nav li ul{ position:absolute; width:200px; left:-999em; font-size:13px; font-weight:normal; text-transform:capitalize; z-index:6000; }
#nav li:hover ul,
#nav li.sfhover ul{ left:auto; }
#nav li li{ width:200px; height:auto; margin-bottom:0px; padding-bottom:1px; }
#nav li li a,
#nav li li a:visited{ display:block; padding:6px 10px; }
#nav li:hover li a:hover,
#nav li li a:hover{ text-decoration:underline; }
#nav .current li a,
#nav li:hover li a,
#nav li:hover li a:visited,
#nav .sfhover li a{ text-decoration:none; background-image:none; background-color:#00606f; }
/* User Lang */
#userlang{ float:right; width:250px; font-size:10px; font-weight:bold; color:#005a6d; padding:12px 0 1px; text-transform:uppercase; overflow:hidden; }
#userlang .welcome{ float:left; font-weight:bold; margin-right:15px; width:150px; }
#userlang .welcome a, #userlang .welcome a:visited{ color:#005a6d; }
#userlang .lang{ float:left; color:#fff; }
#userlang .lang li{ float:left; margin-left:2px; }
#userlang .lang a{ color:#fff; }
/* Logo */
#logo{ float:left; display:block; width:139px; height:51px; text-indent:-9999px; margin-top:15px; background:url(../images/logo.png) no-repeat; }
#logo2 { float:left; display:block; width:157px; height:42px; text-indent:-9999px; margin:25px 0 0 15px; background:url(../images/truckwashtickets_klein.png) no-repeat; }
#logostart{ float:left; display:block; width:289px; height:66px; text-indent:-9999px; margin:60px 0 20px 120px; background:url(../images/logo-start.png) no-repeat; }
/* Top Right */
#topright{ float:right; width:270px; }
/* Search */
#search{ width:270px; font-size:10px; color:#04dcf1; margin-bottom:20px; }
#search label{ display:block; margin-bottom:5px; padding-left:17px; }
#search ul{ width:270px; overflow:hidden; }
#search li{ float:left; margin-left:8px; }
#search input{ border:0; }
#search input.txt{ width:141px; height:23px; font-size:11px; color:#d8d8d8; padding:0 10px; margin-right:3px; background:url(../images/bgr-input-search.png) no-repeat; }
#search input.btn{ width:22px; height:23px; cursor:pointer; background:url(../images/button-search.png) no-repeat; vertical-align:top; }
#search .button-contact,
#search .button-contact:visited{ display:block; width:59px; height:16px; font-size:12px; font-weight:bold; color:#fff; padding-top:7px; text-align:center; background:url(../images/button-contact.png) no-repeat; }
#search .button-contact:hover{ text-decoration:none; }
/* Login */
#login{ clear:both; float:right; font-size:11px; font-weight:bold; }
#login li{ float:left; margin-right:15px; }
#login .last{ margin-right:0; }
#login a,
#login a:visited{ display:block; color:#fff; padding-right:12px; background:url(../images/ico-droparrow.png) no-repeat right; }
/* Image Window */
#imagewindow{ clear:both; position:relative; width:963px; margin-bottom:15px; overflow:hidden; }
#imagewindow.truckwash{ margin-bottom:3px; }
#imagewindow .rightboxes{ float:right; width:258px; }
#imagewindow .box{ display:block; margin-top:13px; border:3px solid #fff; }
#imagewindow .box2{ display:block; margin-top:10px; border:3px solid #fff; }
#imagewindow .box img, #imagewindow .box2 img{ display:block; }
/* Slider */
#slider{ position:relative; float:left; width:683px; border:3px solid #fff; }
#slider li{ position:relative; }
#slider .txtbox{ position:absolute; top:125px; right:40px; width:235px; padding:2px 5px; border:1px solid #a7a7a7; background:url(../images/bgr-slider-txtbox.png); overflow:hidden; }
#slider .left{ float:left; width:72px; margin-right:5px; text-align:center; }
#slider .left img{ padding:10px 0; }
#slider .right{ float:right; width:150px; padding:5px 0 15px; }
#slider .price{ height:42px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; margin:40px 0 0; padding-top:24px; background:url(../images/bgr-slider-price.png) no-repeat; }
#slider h3{ font-size:14px; color:#181818; margin-bottom:8px; text-transform:uppercase; line-height:18px; }
#slider p{ margin-bottom:10px; line-height:12px; }
#slider .bottom{ font-weight:bold; color:#fff; padding-top:10px; border-top:1px solid #717170; }
/* Mast */
#mast{ float:left; width:683px; border:3px solid #fff; }
/* Best Box */
#bestbox{ width:234px; font-size:11px; color:#fff; padding:9px; border:3px solid #fff; background:#3b3b3b; }
#bestbox .title{ font-size:12px; font-weight:bold; color:#05ddf2; padding-bottom:4px; margin-bottom:7px; border-bottom:1px solid #6e6e6e; }
#bestbox li{ margin-top:5px; }
#bestbox ul ul{ width:230px; padding:0; overflow:hidden; }
#bestbox li li{ float:left; margin-top:0; }
#bestbox .price{ width:125px; padding:0 10px; line-height:15px; }
#bestbox .price span{ font-size:12px; font-weight:bold; }
#bestbox .button{ padding:15px 0 0; }
#bestbox .button-bestel,
#bestbox .button-bestel:visited{ display:block; width:46px; height:16px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-bestel.png) no-repeat; }
#bestbox .button-bestel:hover{ text-decoration:none; }
/* Video Box */
#videobox{ width:234px; font-size:11px; color:#fff; padding:7px 9px 5px; border:3px solid #fff; background:#3b3b3b; }
#videobox .title{ font-size:12px; font-weight:bold; color:#05ddf2; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #6e6e6e; }
/* Content */
#content{ clear:both; width:963px; overflow:hidden; }
/* Steps */
#steps{ clear:both; font-size:15px; font-weight:bold; color:#7e7e7e; padding-top:10px; margin-bottom:15px; border-top:0px solid #eeddc2; text-transform:uppercase; }
#steps ul{ width:963px; overflow:hidden; }
#steps li{ float:left; width:231px; height:30px; margin-left:11px; background:url(../images/bgr-steps.png) repeat-x; }
#steps .first{ margin-left:0; }
#steps .current{ color:#fff; background:url(../images/bgr-steps-on.png) repeat-x; }
#steps span{ display:block; padding:6px 0 6px 35px; }
#steps .step1{ background:url(../images/bgr-step1.png) no-repeat 5% 50%; }
#steps .step2{ background:url(../images/bgr-step2.png) no-repeat 5% 50%; }
#steps .step3{ background:url(../images/bgr-step3.png) no-repeat 5% 50%; }
#steps .step4{ background:url(../images/bgr-step4.png) no-repeat 5% 50%; }
#steps .step1-on{ background:url(../images/bgr-step1-on.png) no-repeat 5% 50%; }
#steps .step2-on{ background:url(../images/bgr-step2-on.png) no-repeat 5% 50%; }
#steps .step3-on{ background:url(../images/bgr-step3-on.png) no-repeat 5% 50%; }
#steps .step4-on{ background:url(../images/bgr-step4-on.png) no-repeat 5% 50%; }
/* Sidecol */
#sidecol{ float:left; width:214px; }
#sidecol.bigger{ width:231px; }
#sidecol .sidebanner{ display:block; margin-bottom:15px; }
/* Maincol */
#maincol{ float:right; width:741px; }
#maincol.smaller{ float:right; width:721px; }
#maincol h1 { width:709px; height:21px; font-size:13px; font-weight:bold; color:#8f8f8f; margin-bottom:10px; padding:9px 15px 0; border:1px solid #c0c0c0; text-transform:uppercase; background:url(../images/bgr-sort.png) repeat-x; }
#maincol {font-size:11px; color:#3a3a3a; }
#maincol1 h1x { font-size:13px; font-weight:bold; color:#333333; margin-bottom:10px; text-transform:uppercase;}
#maincol1 p,
#maincol1 table,
#maincol1 font { font-size:11px; color:#3a3a3a; padding:5px 15px; line-height:17px; }
/* SideNav */
#sidenav{ clear:both; width:214px; font-size:13px; font-weight:bold; margin-bottom:14px; text-transform:uppercase; }
#sidenav .title{ height:13px; color:#fff; padding:9px 15px; background:url(../images/bgr-sidenav-on.png) repeat-x; }
#sidenav li{ border-bottom:1px solid #eee; }
#sidenav a,
#sidenav a:visited{ display:block; color:#8f8f8f; padding:9px 15px; background:url(../images/bgr-sidenav.png) repeat-x; }
#sidenav a:hover{ color:#fff; text-decoration:none; background:url(../images/bgr-sidenav-on.png) repeat-x; }
#sidenav .current a,
#sidenav .current a:visited{ color:#fff; text-decoration:none; background:url(../images/bgr-sidenav-on.png) repeat-x; }
#sidenav .sub{ padding:5px 0; border-bottom:1px solid #ccc; }
#sidenav .sub li{ border-bottom:0; background-image:none; line-height:18px; }
#sidenav .sub a,
#sidenav .sub a:visited{ padding:4px 15px; background:none; }
#sidenav .sub a:hover{ text-decoration:underline }
#sidenav .sub .current a { text-decoration:none; }
#sidenav .current .sub a,
#sidenav .current .sub a:visited{ color:#8f8f8f; background:none; text-decoration:none; }
#sidenav .current .sub a:hover{ color:#016982; background:none; text-decoration:none; }
#sidenav .sub a:hover{ color:#016982; background:none; text-decoration:none; }
#sidenav .sub2{ padding:5px 0 5px 8px; font-size:12px; border-bottom:1px solid #ccc; }
#sidenav .sub2 li{ border-bottom:0; background:url('/images/xbullet1.png') no-repeat top left; line-height:18px; }
#sidenav .sub2 a,
#sidenav .sub2 a:visited{ padding:2px 0px 2px 20px; }
#sidenav .sub2 a:hover{ text-decoration:underline }
#sidenav .sub2 .current a { text-decoration:none; }
#sidenav .current .sub2 a,
#sidenav .current .sub2 a:visited{ color:#8f8f8f; text-decoration:none; }
#sidenav .current .sub2 a:hover{ color:#016982; text-decoration:none; }
#sidenav .sub2 a:hover{ color:#016982; text-decoration:none; }
#sidenav .sub3{ padding:5px 0 5px 15px; font-size:12px; }
#sidenav .sub3 li{ border-bottom:0; background:url('/images/spacer.gif') no-repeat top left; line-height:18px; }
#sidenav .sub3 a,
#sidenav .sub3 a:visited{ padding:2px 0px 2px 20px; }
#sidenav .sub3 a:hover{ text-decoration:underline }
#sidenav .sub3 .current a { text-decoration:none; }
#sidenav .current .sub3 a,
#sidenav .current .sub3 a:visited{ color:#8f8f8f; text-decoration:none; }
#sidenav .current .sub3 a:hover{ color:#016982; text-decoration:none; }
#sidenav .sub3 a:hover{ color:#016982; text-decoration:none; }
/* Newsbrief */
#newsbrief{ clear:both; width:196px; height:92px; font-size:11px; color:#fff; padding:9px; background:url(../images/bgr-newsbrief.png) no-repeat; }
#newsbrief fieldset{ padding-top:42px; }
#newsbrief p{ margin-bottom:5px; line-height:12px; }
#newsbrief input{ border:0; vertical-align:middle; }
#newsbrief input.txt{ width:126px; height:13px; font-size:11px; padding:2px 5px; margin-right:5px; background:#eee; }
#newsbrief input.btn{ width:19px; height:17px; background:url(../images/button-go.png) no-repeat; }
/* Gray Box */
#graybox{ width:201px; font-size:12px; font-weight:bold; color:#545454; margin-bottom:11px; padding:15px; line-height:14px; background:#fafafa url(../images/bgr-graybox.png) repeat-x top; }
#graybox p{ margin-bottom:12px; }
/* Trip Box */
#tipbox{ width:196px; font-size:11px; color:#fff; margin-bottom:11px; padding:10px; line-height:14px; background:#005b74 url(../images/bgr-tipbox.png) repeat-x top; }
#tipbox .title{ margin-bottom:5px; border-bottom:1px solid #fff; }
#tipbox .title span{ display:block; width:33px; height:14px; padding-bottom:5px; text-indent:-9999px; background:url(../images/tit-tip.png) no-repeat; }
/* Sort */
#sort{ width:739px; height:30px; font-size:11px; color:#434343; margin-bottom:10px; border:1px solid #c0c0c0; background:url(../images/bgr-sort.png) repeat-x; overflow:hidden; }
#sort strong{ color:#000; }
#sort .pagina{ float:left; padding:6px 10px 0; }
#sort .pagina li{ float:left; margin-right:16px; line-height:18px; }
#sort .pagina li.regular{ margin-right:10px; }
#sort .pagina .prev{ display:block; width:19px; height:18px; text-indent:-9999px; background:url(../images/button-sort-left.png) no-repeat; }
#sort .pagina .next{ display:block; width:19px; height:18px; text-indent:-9999px; background:url(../images/button-sort-right.png) no-repeat; }
#sort .pagina a{ color:#434343; }
#sort .sorteer{ float:right; padding:6px 10px 0; }
#sort .sorteer li{ float:left; margin-left:10px; line-height:18px; }
#sort .sorteer a,
#sort .sorteer a:visited{ display:block; width:40px; height:17px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; background:url(../images/button-sort.png) no-repeat; }
#sort .sorteer a:hover{ text-decoration:none; }
#sort .sorteer li.rijen{ margin-left:25px; }
#sort .sorteer select{ font-size:11px; }
.optie_naam {width:100px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#3a3a3a; vertical-align:center;}
.prod_detail_optie {width:170px; height:24px; padding-left:13px; margin-top:5px; margin-top:5px; padding-top:5px; font-size:13px; color:#333333;}
/* Prod Details */
#proddetails{ clear:both; width:718px; padding:19px 0 15px; margin:0 0 10px 23px; border-bottom:1px solid #d0d0d0; overflow:hidden; }
#proddetails .prodphoto{ float:left; width:352px; }
#proddetails .photo{ display:block; margin-bottom:8px; border:1px solid #016982; }
#proddetails .thumbs{ width:352px; overflow:hidden; }
#proddetails .thumbs li{ float:left; margin-left:8px; }
#proddetails .thumbs li.first{ margin-left:0; }
#proddetails .prodinfo{ float:left; width:320px; font-size:11px; color:#3a3a3a; padding:0 0 0 25px; }
#proddetails .prodinfo .title{ line-height:15px; }
#proddetails .prodinfo .title strong{ color:#017d95; }
#proddetails .prodinfo .price li{ margin:12px 0 5px; padding:0; border:0; overflow:hidden; }
#proddetails .prodinfo .price h3{ float:left; width:100px; line-height:20px; }
#proddetails .prodinfo .price span{ font-size:20px; font-weight:bold; color:#00647d; }
#proddetails .prodinfo h1{ font-size:13px; color:#5a5a5a; background:none; border:0px; margin:0px; padding:0px; }
#xmaincol h1 { width:709px; height:21px; font-size:13px; font-weight:bold; color:#8f8f8f; margin-bottom:10px; padding:9px 15px 0; border:1px solid #c0c0c0; text-transform:uppercase; background:url(../images/bgr-sort.png) repeat-x; }
#proddetails .prodinfo h3{ font-size:13px; }
#proddetails .prodinfo p{ line-height:13px; }
#proddetails .prodinfo li{ padding:10px 2px; border-top:1px solid #9c9c9c; }
#proddetails .prodinfo li.first{ border-top:0; }
#proddetails .prodinfo .buttons{ padding-top:3px; }
#proddetails .prodinfo .buttons li{ float:left; margin-right:15px; padding:0; border:0; }
#proddetails .prodinfo .button-bestelnu,
#proddetails .prodinfo .button-bestelnu:visited{ display:block; width:111px; height:24px; font-size:17px; font-weight:bold; color:#fff; padding-top:8px; text-align:center; text-transform:uppercase; background:url(../images/button-bestelnu.png) no-repeat; }
#proddetails .prodinfo .button-bestelnu:hover{ text-decoration:none; }
#proddetails .prodinfo .button-prodinfo,
#proddetails .prodinfo .button-prodinfo:visited{ display:block; width:96px; height:15px; font-size:11px; font-weight:bold; color:#fff; padding-top:4px; text-align:center; text-transform:uppercase; background:url(../images/button-prodinfo.png) no-repeat; }
#proddetails .prodinfo .button-prodinfo:hover{ text-decoration:none; }
/* Other Prod */
#otherprod{ clear:both; width:718px; font-size:11px; font-weight:bold; margin:0 0 30px 23px; }
#otherprod h3{ font-size:13px; color:#3a3a3a; padding-bottom:8px; margin-bottom:20px; text-transform:uppercase; border-bottom:1px solid #d0d0d0; }
#otherprod ul{ width:718px; overflow:hidden; }
#otherprod li{ position:relative; float:left; width:165px; height:215px; padding:0 0 0 10px; border-left:1px solid #d0d0d0; }
#otherprod li.first{ padding:0 10px 0 0; border-left:0; }
#otherprod h4{ color:#5a5a5a; }
#otherprod p{ color:#007c94; margin-bottom:5px; }
#otherprod .button-bestel,
#otherprod .button-bestel:visited{ position:absolute; bottom:0; display:block; width:46px; height:16px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-bestel.png) no-repeat; }
#otherprod .button-bestel:hover{ text-decoration:none; }
/* Results */
#results{ clear:both; width:741px; font-size:11px; font-weight:bold; }
#results h3{ font-size:13px; color:#3a3a3a; padding-bottom:8px; margin-bottom:20px; text-transform:uppercase; border-bottom:1px solid #d0d0d0; }
#results ul{ width:736px; padding:0; overflow:hidden; }
#results li{ position:relative; float:left; width:168px; height:225px; margin-bottom:35px; padding:0 7px; border-right:1px solid #d0d0d0; }
#results li.first{ padding:0 6px 0 10px; }
#results .price{ position:absolute; top:110px; left:10px; }
#results .price .box{ position:relative; height:32px; }
#results .srp{ margin-bottom:4px; padding:0 3px; }
#results .srp span{ display:block; width:100%; text-decoration:line-through; border-top:1px solid #61b3dd; height:1px; position:absolute; margin:5px 0 0; }
#results .discount{ position:absolute; bottom:0; left:0; width:71px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:1px 5px; background:#3ca3d8; }
#results h4{ color:#5a5a5a; margin-bottom:2px; text-transform:uppercase; line-height:14px; }
#results p{ color:#007c94; margin-bottom:5px; }
#results .button-bestel,
#results .button-bestel:visited{ position:absolute; bottom:0; display:block; width:46px; height:16px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-bestel.png) no-repeat; }
#results .button-bestel:hover{ text-decoration:none; }
#results .button-bestel2,
#results .button-bestel2:visited{ position:absolute; bottom:0; display:block; width:120px; height:16px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-bestel2.png) no-repeat; }
#results .button-bestel2:hover{ text-decoration:none; }
/* Page Title */
#pagetitle{ width:709px; height:21px; font-size:13px; font-weight:bold; color:#8f8f8f; margin-bottom:10px; padding:9px 15px 0; border:1px solid #c0c0c0; text-transform:uppercase; background:url(../images/bgr-sort.png) repeat-x; }
/* Page Text */
#pagetext{ font-size:11px; color:#3a3a3a; padding:5px 15px; line-height:17px; }
#pagetext2{ font-size:11px; color:#3a3a3a; line-height:17px; }
.h2 { font-size:13px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
#pagetext h2 { font-size:13px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
#pagetext h3 { font-size:13px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; width:100%; border-bottom:1px solid #cccccc; padding-bottom:4px; }
.pahina,
.pahina:visited{ float:left; font-size:11px; font-weight:bold; color:#005d76; padding-left:15px; text-transform:uppercase; background:url(../images/ico-bluearrow.png) no-repeat left; }
/* Button Naarstap */
.button-naarstap,
.button-naarstap:visited{ float:right; display:block; width:195px; height:25px; font-size:18px; font-weight:bold; color:#fff; padding-top:7px; text-align:center; background:url(../images/button-naarstap.png) no-repeat; }
.button-naarstap:hover{ text-decoration:none; }
/* Select Voertuig */
#selectvoertuig{ width:950px; overflow:hidden; }
#selectvoertuig .pagetitle{ width:950px; height:13px; font-size:13px; font-weight:bold; color:#016b84; padding:5px; margin-bottom:10px; text-transform:uppercase; background:url(../images/bgr-pagetitle.png) repeat-x; }
#selectvoertuig .title{ clear:both; width:721px; height:13px; font-size:13px; font-weight:bold; color:#005d76; padding:5px 10px; margin-bottom:10px; text-transform:uppercase; border-bottom:1px solid #a4a4a4; }
#selectvoertuig li{ float:left; width:171px; height:124px; padding:10px; margin:0 3px 15px 0; text-align:center; xbackground:url(../images/bgr-selectbox.png) no-repeat; }
#selectvoertuig xli:hover{ background:url(../images/bgr-selectbox-on.png) no-repeat; }
#selectvoertuig ul ul.buttons{ width:120px; margin:0 auto; }
#selectvoertuig li li{ width:auto; height:auto; margin:0 3px; padding:0; background:none; }
#selectvoertuig li li:hover{ background:none; }
#selectvoertuig h4{ font-size:13px; color:#5a5a5a; padding-bottom:3px; margin-bottom:10px; border-bottom:1px solid #5a5a5a; }
#selectvoertuig img{ margin-bottom:15px; }
#selectvoertuig .button-verwijder,
#results .button-verwijder:visited{ display:block; width:87px; height:18px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-verwijder.png) no-repeat; }
#selectvoertuig .button-verwijder:hover{ text-decoration:none; }
#selectvoertuig .button-info{ display:block; width:18px; height:18px; text-indent:-9999px; background:url(../images/button-info.png) no-repeat; }
#selectvoertuig .button-naarstap,
#results .button-naarstap:visited{ clear:both; float:right; display:block; width:195px; height:25px; font-size:18px; font-weight:bold; color:#fff; padding-top:7px; text-align:center; background:url(../images/button-naarstap.png) no-repeat; }
.trucksoort { background:url(../images/bgr-selectbox.png) no-repeat; }
.trucksoort_on { background:url(../images/bgr-selectbox.png) no-repeat; }
.trucksoort_on2 { background:url(../images/bgr-selectbox-on2.png) no-repeat; }
/* Select Wasbeurt */
#selectwasbeurt{ width:721px; overflow:hidden; }
#selectwasbeurt .pagetitle{ width:721px; height:13px; font-size:13px; font-weight:bold; color:#016b84; padding:5px; margin-bottom:10px; text-transform:uppercase; background:url(../images/bgr-pagetitle.png) repeat-x; }
#selectwasbeurt .box{ width:157px; height:124px; padding:10px; margin:0 3px 15px 0; text-align:center; background:url(../images/bgr-selectbox.png) no-repeat; }
#selectwasbeurt .box:xhover{ background:url(../images/bgr-selectbox-on.png) no-repeat; }
#selectwasbeurt .buttons{ width:120px; margin:0 auto; }
#selectwasbeurt .buttons li{ float:left; margin:0 3px; }
#selectwasbeurt h4{ font-size:13px; color:#5a5a5a; padding-bottom:3px; margin-bottom:10px; border-bottom:1px solid #5a5a5a; text-transform:uppercase; }
#selectwasbeurt img{ margin-bottom:15px; }
#selectwasbeurt .button-verwijder,
#results .button-verwijder:visited{ display:block; width:87px; height:18px; font-size:11px; font-weight:bold; color:#fff; padding-top:3px; text-align:center; background:url(../images/button-verwijder.png) no-repeat; }
#selectwasbeurt .button-verwijder:hover{ text-decoration:none; }
#selectwasbeurt .button-info{ display:block; width:18px; height:18px; text-indent:-9999px; background:url(../images/button-info.png) no-repeat; }
#selectwasbeurt #tablehead{ width:100%; font-size:11px; font-weight:bold; color:#006780; margin-bottom:10px; text-transform:uppercase; border-bottom:1px solid #cecece; }
#selectwasbeurt #tablehead td{ padding-bottom:8px; }
#selectwasbeurt .align{ padding-left:5px; }
#selectwasbeurt .col1{ width:195px; vertical-align:top; padding-top:7px; }
#selectwasbeurt .col2{ width:338px; vertical-align:top; padding-top:7px;}
#selectwasbeurt .col3{ width:52px; vertical-align:top; padding-top:7px;}
#selectwasbeurt .col4{ width:65px; vertical-align:top; }
#selectwasbeurt .col5{ width:65px; vertical-align:top; padding-top:7px;}
#selectwasbeurt table .total2{ text-align:right; }
#selectwasbeurt table{ font-size:11px; color:#7e7e7e; }
#selectwasbeurt table strong{ color:#016e87; }
#selectwasbeurt table .percent{ color:#7e7e7e; font-weight:bold; line-height:19px; }
#selectwasbeurt table .percent span{ float:left; width:34px; text-align:center; height:21px; padding:0px 0 0px; margin-right:5px; color:#ffffff; font-weight:bold; background:url(../images/ico-perc.png) no-repeat; }
#selectwasbeurt .total{ clear:both; width:721px; font-size:11px; font-weight:bold; margin:20px 0 15px; padding:13px 0 24px; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
#selectwasbeurt .total .left{ float:left; width:450px; font-size:14px; font-weight:bold; color:#01728a; padding-top:1px; overflow:hidden; }
#selectwasbeurt .total .right{ float:right; width:250px; font-size:13px; color:#0297ae; overflow:hidden; }
#selectwasbeurt .total li{ float:left; }
#selectwasbeurt .total .voldoen{ margin-right:0px; }
#selectwasbeurt .total .left li{ margin-right:20px; }
#selectwasbeurt .total span{ color:#666; }
/* Start */
#start{ width:965px; margin-bottom:50px; }
#start_box{ width:965px; font-size:11px; color:#fff; margin-bottom:50px; overflow:hidden; }
#start_box li{ float:left; width:304px; height:390px; margin-left:15px; border:3px solid #fff; background:#3b3b3b; }
#start_box li.first{ margin-left:120px; }
#start_box img{ display:block; }
#start_box .box{ padding:15px 20px; line-height:15px; background:url(../images/bgr-startbox.png) repeat-x top; }
#start_box .box p{ margin-bottom:15px; }
#start_box .box a,
#start_box .box a:visited{ color:#04cce2; }
#start_box h2{ margin-bottom:5px; }
#start_box .tit-equipment a{ display:block; width:257px; height:54px; text-indent:-9999px; background:url(../images/tit-voorequipment2.png) no-repeat; }
#start_box .tit-cleaning a{ display:block; width:269px; height:54px; text-indent:-9999px; background:url(../images/tit-voorcleaning2.png) no-repeat; }
#start_box .tit-styling a{ display:block; width:198px; height:25px; text-indent:-9999px; background:url(../images/tit-voorstyling.png) no-repeat; }
#start .bottom{ color:#787878; text-align:center; line-height:12px; }
#start .bottom li{ display:inline; }
#start .bottom a,
#start .bottom a:visited{ color:#787878; }
#button-contact,
#button-contact:visited{ position:absolute; bottom:20px; right:5px; display:block; width:59px; height:16px; font-size:12px; font-weight:bold; color:#fff; padding-top:7px; text-align:center; background:url(../images/button-contact.png) no-repeat; }
#button-contact:hover{ text-decoration:none; }
#addfooter
{
clear:both;
height:63px;
border:0px solid red;
}
/* Footer */
#footer{ clear:both; margin-top:20px; background:url(../images/bgr-footer.jpg) center top; width:100%; height:63px; border:0px solid red;}
#footer a,
#footer a:visited{ color:#fff; }
#footer-content{ width:963px; font-size:11px; color:#fff; padding-top:15px; margin:0 auto; overflow:hidden; }
#footer-content img{ display:block; margin-bottom:0px; }
.footlinks{margin:0px; border:0px solid red;}
.footlinks{ float:left; padding-bottom:0px; }
.footlinks li{ float:left; margin-right:5px; }
.footlinks li.copy{ margin-left:15px; }
.hosted{ float:right; }
/* Shopcart Pop */
#shopcart-pop{ width:130px; font-size:11px; color:#fff; padding:7px; border:3px solid #fff; background:#3b3b3b; overflow:hidden; }
#shopcart-pop .title{ font-size:12px; font-weight:bold; color:#05ddf2; padding-bottom:4px; border-bottom:1px solid #6e6e6e; }
#shopcart-pop strong{ font-size:14px; }
#shopcart-pop a,
#shopcart-pop a:visited{ float:right; color:#05ddf2; text-decoration:underline; }
#shopcart-pop a:hover{ text-decoration:none; }
#shopcart-pop td{ padding:5px 0; }
#shopcart-pop .qty{ text-align:right; }
#shopcart-pop .qty span{ padding:0 0 2px 10px; border-bottom:1px solid #fff; }
/* image replacement */
#prevBtn,
#nextBtn,
#slider1prev,
#slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
/* // image replacement */
/* Easy Slider */
#slider ul,
#slider li,
#slider2 ul,
#slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:1em;}
#slider li,
#slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:683px; height:319px; overflow:hidden; }
#prevBtn,
#nextBtn,
#slider1next,
#slider1prev{
display:block; width:30px; height:77px; position:absolute; left:15px; top:120px; z-index:1000; }
#nextBtn,
#slider1next{ left:665px; }
#prevBtn a,
#nextBtn a,
#slider1next a,
#slider1prev a{ display:block; position:relative; width:9px; height:42px; background:url(../images/button-slideleft.png) no-repeat 0 0; }
#nextBtn a,
#slider1next a{ background:url(../images/button-slideright.png) no-repeat 0 0; }
/* numeric controls */
ol#controls{ margin:1em 0; padding:0; height:28px; }
ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus,
#prevBtn a:focus,
#nextBtn a:focus{outline:none;}
/* // Easy Slider */
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at:http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
*
* Version:1.3.1 (05/03/2010)
* Requires:jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading{ position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; }
#fancybox-loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('fancybox.png'); }
#fancybox-overlay{ position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; }
#fancybox-tmp{ padding:0; margin:0; border:0; overflow:auto; display:none; }
#fancybox-wrap{ position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none; }
#fancybox-outer{ position:relative; width:100%; height:100%; }
#fancybox-inner{ position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; }
#fancybox-hide-sel-frame{ position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
#fancybox-close{ position:absolute; top:13px; right:13px; width:10px; height:10px; background-image:url(../images/ico-close.png); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none; }
#fancybox_error{ color:#444; font:normal 12px/20px Arial; padding:7px; margin:0; }
#fancybox-content{ height:auto; width:auto; padding:0; margin:0; }
#fancybox-img{ width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; }
#fancybox-frame{ position:relative; width:100%; height:100%; border:none; display:block; }
#fancybox-title{ position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; }
.fancybox-title-inside{ padding:10px 0; text-align:center; color:#333; }
.fancybox-title-outside{ padding-top:5px; color:#FFF; text-align:center; font-weight:bold; }
.fancybox-title-over{ color:#FFF; text-align:left; }
#fancybox-title-over{ padding:10px; background-image:url('fancy_title_over.png'); display:block; }
#fancybox-title-wrap{ display:inline-block; }
#fancybox-title-wrap span{ height:32px; float:left; }
#fancybox-title-left{ padding-left:15px; background-image:url('fancybox.png'); background-position:-40px -90px; background-repeat:no-repeat; }
#fancybox-title-main{ font-weight:bold; line-height:29px; background-image:url('fancybox-x.png'); background-position:0px -40px; color:#FFF; }
#fancybox-title-right{ padding-left:15px; background-image:url('fancybox.png'); background-position:-55px -90px; background-repeat:no-repeat; }
#fancybox-left, #fancybox-right{ position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('blank.gif'); z-index:1102; display:none; }
#fancybox-left{ left:0px; }
#fancybox-right{ right:0px; }
#fancybox-left-ico, #fancybox-right-ico{ position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; }
#fancybox-left-ico{ background-image:url('fancybox.png'); background-position:-40px -30px; }
#fancybox-right-ico{ background-image:url('fancybox.png'); background-position:-40px -60px; }
#fancybox-left:hover, #fancybox-right:hover{ visibility:visible; /* IE6 */ }
#fancybox-left:hover span{ left:20px; }
#fancybox-right:hover span{ left:auto; right:20px; }
.fancy-bg{ position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; }
#fancy-bg-n{ top:-20px; left:0; width:100%; background-image:url('fancybox-x.png'); }
#fancy-bg-ne{ top:-20px; right:-20px; background-image:url('fancybox.png'); background-position:-40px -162px; }
#fancy-bg-e{ top:0; right:-20px; height:100%; background-image:url('fancybox-y.png'); background-position:-20px 0px; }
#fancy-bg-se{ bottom:-20px; right:-20px; background-image:url('fancybox.png'); background-position:-40px -182px; }
#fancy-bg-s{ bottom:-20px; left:0; width:100%; background-image:url('fancybox-x.png'); background-position:0px -20px; }
#fancy-bg-sw{ bottom:-20px; left:-20px; background-image:url('fancybox.png'); background-position:-40px -142px; }
#fancy-bg-w{ top:0; left:-20px; height:100%; background-image:url('fancybox-y.png'); }
#fancy-bg-nw{ top:-20px; left:-20px; background-image:url('fancybox.png'); background-position:-40px -122px; }
body .fancy-bg{ display:none; border:1px solid red; }
#credits_left { width:225px; float:left; border:6px solid white; background-color:white; background-image:url('/templates/7/schaduw1.jpg'); background-repeat:repeat-x; margin-right:8px; }
#credits_left2 { width:225px; float:left; border:6px solid white; background-color:white; margin-right:8px; }
#credits_main { width:706px; float:left; border:6px solid white; background-color:white; font-size:12px; }
.twee{ height:18px; }
.twee td { padding-top:4px; }
#creditstekst1 {margin-left:11px; margin-top:19px; width:200px; font-family:Trebuchet MS; font-size:12px; font-weight:bold; line-height:14px; min-height:225px; }
#creditstitle1 { height:24px; width:706px; background-image:url('/templates/7/schaduw2.jpg'); }
#creditstitle1 h1 { margin-left:12px; margin-top:8px; font-size:13px; color:#016b84; text-transform:uppercase; font-weight:bold; }
#creditstekst2 { font-size:11px; line-height:14px; color:#006e87; margin-left:9px; margin-top:19px; margin-bottom:14px; width:677px;}
#creditsblok { width:227px; border-top:1px solid #006780; float:left; margin-left:8px; }
#creditsblok2 { width:227px; border-top:1px solid #006780; float:left; margin-left:8px; border-bottom:1px solid #006780; padding-top:7px; padding-bottom:3px;}
#creditsblok3 { width:227px; border-top:1px solid #006780; float:left; }
#creditstitel2 {font-size:14px; font-weight:bold; text-transform:uppercase; color:#00657e; }
#creditstitel2 img { vertical-align:middle;}
#creditstekst3 { margin-left:6px; line-height:13px; color:#505050; font-size:11px; width:206px; height:53px;}
#creditstekst4 { margin-left:6px; color:#00667f; font-size:11px; font-weight:bold; margin-bottom:7px; text-transform:uppercase;}
#melding1 { width:216px; background-image:url('/templates/7/back1.jpg'); height:53px; margin-bottom:13px; }
#creditstekst5 { margin-left:12px; margin-top:7px; width:194px; font-size:11px; line-height:13px; font-weight:bold; color:#575757; }
#button_verder{margin-bottom:4px;}
#icon_red{ width:29px; height:11px; background-image:url('/templates/7/icon_red.jpg'); background-repeat:no-repeat; float:left; }
#icon_yellow{ width:29px; height:11px; background-image:url('/templates/7/icon_yellow.jpg'); background-repeat:no-repeat; float:left; }
#icon_green{ width:29px; height:11px; background-image:url('/templates/7/icon_green.jpg'); background-repeat:no-repeat; float:left; }
#icon_gray{ width:29px; height:11px; background-image:url('/templates/7/icon_gray.jpg'); background-repeat:no-repeat; float:left; }
#kenteken{ width:63px; height:11px; float:left;}
#typewagen{ width:102px; height:11px; text-transform:uppercase; float:left; }
#wasschema1 {margin-left:13px; color:#666666; height:10px; margin-bottom:5px;}
#button_selecteer{float:right; margin-bottom:7px; margin-right:13px;}
.button1{border:0px solid red; background:url('/templates/7/backbutton1.jpg'); background-repeat:no-repeat; font-weight:bold; color:#ffffff; text-transform:uppercase; text-align:center; font-size:9px; padding-left:5px; padding-right:5px; height:20px;}
#ico1 { width:77px; text-align:center; float:left;}
#icolink { float:left; margin-top:15px;}
.button2{cursor:poiner; border:0px solid red; width:195px; height:32px; background:url('/templates/7/images/button-naarstap.png'); background-repeat:no-repeat; font-weight:bold; color:#ffffff; font-family:Trebuchet MS; text-transform:uppercase; text-align:center; font-size:15px; text-align:center; vertical-align:center;}
.button3{cursor:poiner; border:0px solid red; height:20px; background:url('/templates/7/images/button3.jpg'); background-repeat:repeat-x; font-weight:normal; color:#ffffff; font-family:Trebuchet MS; text-transform:uppercase; text-align:center; font-size:13px; text-align:center; vertical-align:center;}
.balie { font-size:13px; color:#0e0e0e; line-height:150%; padding:10px 0 0 10px; }
.balie h3 { clear:both; background:#ffffff; font-size:18px; color:#252525; font-weight:bold; margin:0 0 15px 0; }
.balie h2 { clear:both; background:#ffffff; font-size:15px; color:#00606f; font-weight:bold; margin:15px 0 15px 0; }
.balie .button1 { background:url('/templates/7/images/button-naarstap.png') no-repeat; width:195px; height:26px; text-align:center; color:#ffffff; font-size:14px; padding:6px 0 0 0; cursor:pointer; float:left; margin:0 10px 0 0; }
.balie .button2 { background:url('/templates/7/button2.jpg') no-repeat; width:153px; height:41px; text-align:center; color:#00606f; font-size:14px; padding:18px 0 0 0; cursor:pointer; float:left; margin:0 10px 0 0; }
.balie_wacode { font-size:16px; color:#252525; line-height:30px; font-weight:bold; }
.balie img { vertical-align:text-top; margin:0 10px 0 0; }
.balie_datum { font-size:14px; color:#0e0e0e; height:30px; float:left; margin:0 8px 0 0; }
.balie_nummer { font-size:14px; color:#00606f; height:30px; float:left; width:200px; }
.caravanwassen h2
{
text-transform:normal;
font-size:18px;
font-weight:lighter:
margin:0 0 10px 0;
}
.caravanwassen h3
{
text-transform:normal;
font-size:14px;
color:#017993;
border-bottom:0px solid white;
font-weight:lighter:
margin:0 0 10px 0;
}
.caravanwassen table td
{
vertical-align:middle;
}