@import url(reset.css);
body {margin:0px;font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#2a2a2a; background:url(../images/backgrounds/overall.jpg) repeat-x; min-height:100%;}

p, ul, dl, ol { margin-bottom:18px; }

/* 3.Headings ------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color:#f70303; font-weight:bold; }

h1 { font-size:16px; margin-bottom:10px; }

h2 { font-size:16px; margin-bottom:3px;}

h3,h5 { font-size:14px; clear:both; margin-bottom:2px; }

h4 { font-size:23px; margin-bottom:2px; margin-top:5px; padding-left:1px;}




#wrapper {width:999px; position: relative; margin: 0px auto; border:0px solid; min-height:100%;}

body #masthead1 { height:164px; background:url(../images/backgrounds/wrapper/wrapper1.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead2 { height:164px; background:url(../images/backgrounds/wrapper/wrapper2.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead3 { height:164px; background:url(../images/backgrounds/wrapper/wrapper3.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead4 { height:164px; background:url(../images/backgrounds/wrapper/wrapper4.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead5 { height:164px; background:url(../images/backgrounds/wrapper/wrapper5.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead6 { height:164px; background:url(../images/backgrounds/wrapper/wrapper6.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead7 { height:164px; background:url(../images/backgrounds/wrapper/wrapper7.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead8 { height:164px; background:url(../images/backgrounds/wrapper/wrapper8.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}
body #masthead9 { height:164px; background:url(../images/backgrounds/wrapper/wrapper9.jpg) no-repeat; text-align:left; border:0px solid; position: absolute;}


/* Hyperlinks ------------------------------------------------------------*/

a { text-decoration:underline; color:#2a2a2a; font-size:11px;}
a:hover { color:#f70303; }

.nieuwslink { color:#f70303; font-weight:bold; text-decoration:none;}
.nieuwslink:hover { text-decoration:underline;}

/* Algemeen ------------------------------------------------------------*/

#logo{position: relative; margin-left:30px; margin-top:24px; width:210px; height:74px; cursor:pointer; border: 0px solid;}
#login{margin-left:700px; margin-top:-85px; width:210px; height:104px;  border: 0px solid;}
#zoeken{ left:808px; top:124px; width:170px; height:24px; position: absolute;}
#footer{left:0px; top:860px; width:978px; height:18px; background: #fff; border: 0px solid #4d4d4d; color: #4d4d4d; text-align: center; font-size:10px; padding-bottom:30px; position:absolute;}
#fdooter_detail{margin-left:0px; top:740px; width:978px; height:18px; background: #fff; border: 0px solid #4d4d4d; color: #4d4d4d; text-align: center; font-size:10px; padding-bottom:30px; position: absolute;}
#footer_detail{margin-left:-250px; overflow: auto; _height: 1%; width:978px; height:18px; background: #fff; border: 0px solid #4d4d4d; color: #4d4d4d; text-align: center; font-size:10px; 
padding-bottom:30px; border-top:1px solid #eee; padding-top:20px; display:none;}

/* Homepagina ------------------------------------------------------------*/
#home_image1{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/1.jpg); position:absolute;}
#home_image2{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/2.jpg); position:absolute;}
#home_image3{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/3.jpg); position:absolute;}
#home_image4{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/4.jpg); position:absolute;}
#home_image5{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/5.jpg); position:absolute;}
#home_image6{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/6.jpg); position:absolute;}
#home_image7{margin-left:0px; top:172px; width:470px; height:374px; background: url(../images/home/7.jpg); position:absolute;}
#nieuws{left:490px; top:171px; width:480px; height:340px; border:0px solid; padding:10px; padding-top: 20px; position:absolute;}
#vak1{left:0px; top:553px; width:182px; height:262px; background: url(../images/home/vak.jpg); padding-left:25px; padding-right:20px; padding-top: 20px; position:absolute; text-decoration:none;}
#vak2{left:250px; top:553px; width:182px; height:262px; background: url(../images/home/vak.jpg); padding-left:25px; padding-right:20px;padding-top: 20px; position:absolute; text-decoration:none;}
#vak3{left:500px; top:553px; width:182px; height:262px; background: url(../images/home/vak.jpg); padding-left:25px; padding-right:20px;padding-top: 20px; position:absolute; text-decoration:none;}
#vak4{left:751px; top:553px; width:182px; height:262px; background: url(../images/home/vak.jpg); padding-left:25px; padding-right:20px;padding-top: 20px; position:absolute; text-decoration:none;}
#vak4 h1 { color:#2a2a2a; font-weight:none; margin:0px; padding:0px; padding-right:5px; padding-bottom: 2px; font-size:10px; text-decoration:none; font-weight:normal; }
#vak4 h1 a { text-decoration:none; }
#vak4 h1 a:hover { text-decoration:underline; }


/* Detailpagina ------------------------------------------------------------*/

#menu_titel{left:0px; top:190px; width:191px; height:23px; color: #f70303; line-height:16px; font-weight:bold; font-size:16px; position: absolute; background:url(../images/backgrounds/titel.jpg); padding-left:10px;}
#content_titel{left:240px; top:190px; width:732px; height:23px; color: #f70303; line-height:16px; font-weight:bold; font-size:16px; position: absolute; background:url(../images/backgrounds/titel.jpg); 
padding-left:10px;}
#sitemap {padding-top:72px; padding-left:10px; width:980px; border:0px solid;}
#sitemap a{text-decoration:none;}
.menu1 {padding-left:50px;}
.menu2 {padding-left:200px;}
.menu3 {margin-left:300px; font-style:italic}
.menu4 {margin-left:400px;}
.line{width:732px; height:23px; background:url(../images/backgrounds/titel.jpg); padding-left:10px;}
fieldset{padding-top:10px; padding-left:10px;}
fieldset li {height:23px;}
fieldset li label{display:block; float:left; width:200px;}
#gegevens input[type="text"] {width:200px; }

/* Navigatie ------------------------------------------------------------*/

ul#mainnav { margin-top:4px; margin-left:0px;font-size:11px; line-height:24px; font-weight:bold; text-align:center; position: absolute;}
ul#mainnav li { float:left; }
ul#mainnav li a { color:#FFF; display:block; width:77px; height:24px; background: url(../images/backgrounds/main_nav.jpg);  text-decoration:none; }
ul#mainnav li a:hover { background-image: url(../images/backgrounds/main_nav_over.jpg); }
ul#mainnav li a.active {  }
ul#mainnav li a.first { background-image: url(../images/backgrounds/main_nav_first.jpg); width:78px; }
ul#mainnav li a.first:hover { background: url(../images/backgrounds/main_nav_first_over.jpg); }

ul#sidenav { margin-top:96px; margin-left:0px;font-size:11px; line-height:26px; font-weight:bold;}
ul#sidenav li { }
ul#sidenav li a { color:#2a2a2a; display:block; width:176px; height:27px; background: url(../images/backgrounds/side_nav.jpg); padding-left:25px; text-decoration:none;}
ul#sidenav li a:hover { background-image: url(../images/backgrounds/side_nav_over.jpg); }
ul#sidenav li a.active {   background-image: url(../images/backgrounds/side_nav_active.jpg);}
ul#sidenav li a.active:hover {   background-image: url(../images/backgrounds/side_nav_active_over.jpg);}
ul#sidenav li a.next {   background-image: url(../images/backgrounds/side_nav_next.jpg); height:28px;}
ul#sidenav li a.next:hover {   background-image: url(../images/backgrounds/side_nav_next_over.jpg);}

ul#sidenav2 { font-size:11px; line-height:20px; font-weight:normal; margin-bottom:3px; margin-left:17px;}
ul#sidenav2 li { }
ul#sidenav2 li a { color:#2a2a2a; display:block; width:185px; height:20px; background: #fff; padding-left:0px; text-decoration:none;}
ul#sidenav2 li a:hover { background: #f5f5f5;; }
ul#sidenav2 li a.active {  }

ul#subnav {top:145px; left: 0px; font-size:11px; line-height: 19px; text-align: center; position: absolute;}
ul#subnav li { float:left; }
ul#subnav li a { color:#3c3c3c; display:block; width:77px; height: 19px; background-image: url(../images/backgrounds/sub_nav.jpg); text-decoration:none;}
ul#subnav li a:hover { background: url(../images/backgrounds/sub_nav_over.jpg) }
ul#subnav li a.active {}
ul#subnav li a.first { background-image: url(../images/backgrounds/sub_nav_first.jpg); width:78px; }
ul#subnav li a.first:hover { background: url(../images/backgrounds/sub_nav_first_over.jpg); }

ul#snelnav {margin-top:5px; margin-left: 598px; font-size:11px; line-height: 21px; text-align: right; position: absolute;}
ul#snelnav li { float:left; color:#FFF; width:55px; padding-right:20px;}
ul#snelnav li a { color:#FFF; display:block; text-decoration:none;}
ul#snelnav li a:hover {text-decoration:underline;}

ul#dealernav { float:left; margin-top:20px; margin-left:0px;font-size:11px; line-height:20px; position: absolute;}
ul#dealernav li { }
ul#dealernav li a { color:#2a2a2a; display:block; width:110px; height:24px; background-image: url(../images/icons/li.png); padding-left: 13px; text-decoration:none;}
ul#dealernav li a:hover { text-decoration: underline; }
ul#dealernav li a.active {  }

#overzicht {position:absolute; top:213px; left:240px; width:700px; }
.content_overzicht { font-size:11px; line-height:20px; color:#2a2a2a; width:732px; height:96px; background-image: url(../images/lines/overzicht.jpg); padding-left:10px; padding-top:5px; }
.content_overzicht:hover { background-image: url(../images/lines/overzicht_over.jpg);}
.content_overzicht table.productimg { width:120px; height:82px; border:1px solid; border-color: #eeeeee; margin-right:15px; vertical-align: middle; background-color:#fff;}
.content_overzicht table.productimg:hover { border:1px solid; border-color: #cccccc; cursor:pointer; }


/* Formulier onderdelen ------------------------------------------------------------*/

.zoekterm { border:0px; background:#fff; height:14px; width:128px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2a2a2a;}
.vak_input { border:1px solid #c9c9c9; background:#fff; height:14px; width:105px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2a2a2a;}
.vak_input1 { border:1px solid #F70303; background:#fff; height:14px; width:105px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2a2a2a;}

/* Submits ------------------------------------------------------------*/

input.zoek { outline:none; border:none; cursor:pointer; width:41px; height:16px; background: url(../images/submits/zoek.jpg); margin-left: 2px;} 
input.zoek:hover {background: url(../images/submits/zoek_over.jpg);}
input.aanmelden { outline:none; border:none; cursor:pointer; width:75px; height:16px; background: url(../images/submits/aanmelden.jpg); margin-left: 2px;} 
input.aanmelden:hover {background: url(../images/submits/aanmelden_over.jpg);}
input.login { outline:none; border:none; cursor:pointer; width:42px; height:16px; background: url(../images/submits/login.jpg); margin-left: 2px;} 
input.login:hover {background: url(../images/submits/login_over.jpg);}
input.loguit { outline:none; border:none; cursor:pointer; width:47px; height:16px; background: url(../images/submits/loguit.jpg); margin-left: 2px;} 
input.loguit:hover {background: url(../images/submits/loguit_over.jpg);}
input.wagen_bekijken { outline:none; border:none; cursor:pointer; width:45px; height:15px; background: url(../images/submits/bekijken.png); margin-left: 2px;} 
input.wagen_bekijken:hover {background: url(../images/submits/bekijken_over.png);}
.bestellen { background: url(../images/submits/bestellen.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.bestellen:hover { background: url(../images/submits/bestellen_over.png);}
.nieuw_model { background: url(../images/submits/opvolger.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.nieuw_model:hover { background: url(../images/submits/opvolger_over.png);}
.gaterug { background: url(../images/submits/gaterug.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.gaterug:hover { background: url(../images/submits/gaterug_over.png);}
.firmware { background: url(../images/submits/firmware.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.firmware:hover { background: url(../images/submits/firmware_over.png);}
.software { background: url(../images/submits/software.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.software:hover { background: url(../images/submits/software_over.png);}
.informatie { background: url(../images/submits/informatie.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.informatie:hover { background: url(../images/submits/informatie_over.png);}
.handleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.handleiding:hover { background: url(../images/submits/handleiding_over.png);}
.gebruikershandleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.gebruikershandleiding:hover { background: url(../images/submits/gebruikershandleiding_over.png);}
.verkorte_handleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.verkorte_handleiding:hover { background: url(../images/submits/verkorte_handleiding_over.png);}
.installatie_handleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.installatie_handleiding:hover { background: url(../images/submits/installatie_handleiding_over.png);}
.overige_handleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.overige_handleiding:hover { background: url(../images/submits/overige_handleiding_over.png);}
.handleiding { background: url(../images/submits/handleiding.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.handleiding:hover { background: url(../images/submits/handleiding_over.png);}
.brochure { background: url(../images/submits/brochure.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.brochure:hover { background: url(../images/submits/brochure_over.png);}
.brochure2 { background: url(../images/submits/brochure.png); width:72px; height:21px; margin-bottom:5px; cursor:pointer;}
.brochure2:hover { background: url(../images/submits/brochure2_over.png);}

/* Classes ------------------------------------------------------------*/
.spacer { padding-left:25px; padding-right:25px;}
.overzicht_table {width:100%; height:70px; display:block;}
.overzicht_type { font-size:15px; }
.specs_overzicht_table {width:500px; line-height:16px;}
.specs_overzicht_td { background: url(../images/backgrounds/specs_overzicht_td.png) repeat-y; padding-left:10px; width:240px;}
.specs_overzicht_td2 { background: url(../images/backgrounds/specs_overzicht_td.png) repeat-y; padding-left:10px; padding-top:0px;}
.prijs {font-size: 10px; font-weight:bold; line-height:11px; padding-left:2px;}
.prijs_groot {font-size: 12px; font-weight:bold; line-height:11px; padding-left:2px;}
.bullet {width: 50px; vertical-align:top;}
.product table.product { width:200px; height:170px; border:1px solid; border-color: #eeeeee; margin-right:15px; vertical-align: middle; background-color:#fff;}
.product table.product:hover { border:1px solid; border-color: #cccccc;  cursor:pointer; }

.product table.product_3 { width:63px; height:60px; border:1px solid; border-color: #eeeeee; margin-right:5px; vertical-align: middle; background-color:#fff; margin-top:5px;}
.product table.product_3:hover { border:1px solid; border-color: #cccccc; cursor:pointer;}
#paginas{font-size:11px; color:#aaa; width:200px; margin-top:-20px; left:525px; position:absolute; text-align:right;}
#paginas a {  color:#2a2a2a; font-size:11px; text-decoration:none;}

#paginas_bottom{font-size:11px; color:#aaa; width:200px; left:525px; position:absolute; text-align:right;}
#paginas_bottom a {  color:#2a2a2a; font-size:11px; text-decoration:none;}

#contenttable {width:700px; margin-left:10px; margin-right:10px; clear:both; }

.prijs_bekijken { font-size:16px; margin-bottom:2px; margin-top:5px; padding-left:1px; color:#F70303; font-weight:bold; line-height:30px;}
.prijs_producten { font-size:16px; margin-bottom:2px; margin-top:5px; padding-left:1px; color:#F70303; font-weight:bold;}

.accessoire { width:120px; height:84px; border:1px solid; border-color: #eeeeee; vertical-align: middle; background-color:#fff;}
.accessoire:hover { border-color: #cccccc; }
.accessoirelink { text-decoration: none;}
.accessoirelink:hover { text-decoration: underline; color:#000;}


#social{ position:absolute; top:146px; margin-left:883px; display:block; z-index:99;}

#t2i{ width:100%; display:block; color:#ccc; margin-top:auto;  margin-left:auto; margin-right:auto; text-align:center;}

#t2i a { color:#ccc; text-decoration:none; }
#t2i a:hover { text-decoration:underline; }

