@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;}

img{
border:0px;}

body,html{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:145%;
color:#333;
background:url(../img/achtergrond.jpg) repeat;}

.clear{
clear:both;
height:0px;
overflow:hidden;}

#wrapper{
margin:0 auto;
width:900px;}

#top{
position:absolute;
width:900px;
background:#FFF;}

#wrapper_onder{
position:absolute;
width:900px;
margin:168px 0 0 0;}

#wrapper_onder_achtergrond{
background:#FFF;}

#header_navigatie_container{
float:right;
padding:10px 15px 0 0;}

ul#header_navigatie{
list-style:none;}

ul#header_navigatie li{
font-size:10px;
font-weight:bold;
float:left;
padding:0 0 0 10px;}

ul#header_navigatie li a{
text-decoration:none;
color:#a1a1a1;}

ul#header_navigatie li a:hover{
color:#8b8b8b;}

#logo{
float:left;
padding:5px 0 0 32px;}

#zoek_container{
float:right;
padding:58px 15px 0 0;
position: relative;
/**/width: 229px;
height: 24px;}

#zoekveld{
width:135px;
border:1px solid #8d8d8d; 
padding:2px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
/**/position: absolute; bottom: 0px; left: 13px;}

#zoekknop{
background:url(../img/zoeken_bt.jpg); 
width:71px;
height:21px;cursor:pointer;
border:0px;
padding:0 15px 0 0;
/**/position: absolute; bottom: 0px; right: 12px;}

/*
navigatie
*/
.menu {float:left; width:900px; height:55px;font-family:arial, sans-serif; z-index:100; _overflow:hidden;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:900px; w\idth:900px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; background:url(../img/navigatie_achtergrond.gif) no-repeat; width:900px; height:55px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
.menu ul li a{text-align:center;}
.menu ul li a:link, .menu ul li a:visited{line-height:570%;}
.menu ul li ul li a{text-align:left;}

/******
SUBMENUS
*******/
.menu ul ul li.submenu a:link, .menu ul ul li.submenu a:visited{background:#033652 url(../img/submenu_pijl.gif) no-repeat 170px center; color:#FFF; height:auto; line-height:150%; width:170px;}
.menu ul ul li.submenu a:hover{background:#007bbe url(../img/submenu_pijl_hover.gif) no-repeat 170px center; color:#FFF; height:auto; line-height:150%; width:170px;}
.menu ul ul li.geen_submenu a:link, .menu ul ul li.geen_submenu a:visited{background:#033652; color:#FFF; height:auto; line-height:150%; width:170px;}

/******
SUB SUBMENUS
*******/

/*menu 1*/
.menu li.een{width:102px; }
.menu ul li.een a{width:102px;}
.menu ul li.een a:link, .menu ul li.een a:visited{background:url(../img/home_bt.jpg) no-repeat; display:block; width:102px;}
.menu ul li.een a:hover, .menu ul li.een a.active {visibility:visible; display:block; background:url(../img/home_rollover_bt.jpg) no-repeat; color:#FFF;}

/*menu 2*/
.menu li.twee{width:125px;}
.menu ul li.twee a{width:125px;}
.menu ul li.twee a:link, .menu ul li.twee a:visited{background:url(../img/producten_bt.jpg) no-repeat; display:block; width:125px}
.menu ul li.twee a:hover, .menu ul li.twee a.active {visibility:visible; display:block; background:url(../img/producten_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 2*/
.menu ul li.twee ul ul a:link, .menu ul li.twee ul ul a:visited{background:#053e5d;}
.menu ul li.twee ul ul a:hover{background:#007bbe;}
/*menu 3*/
.menu li.drie{width:132px;}
.menu ul li.drie a{width:132px;}
.menu ul li.drie a:link, .menu ul li.drie a:visited{background:url(../img/merken_bt.jpg) no-repeat; display:block; width:132px;}
.menu ul li.drie a:hover, .menu ul li.drie a.active {visibility:visible; display:block; background:url(../img/merken_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 3*/
.menu ul li.drie ul ul a:link, .menu ul li.drie ul ul a:visited{background:#053e5d;}
.menu ul li.drie ul ul a:hover{background:#007bbe;}
/*menu 4*/
.menu li.vier{width:114px;}
.menu ul li.vier a{width:114px;}
.menu ul li.vier a:link, .menu ul li.vier a:visited{background:url(../img/support_bt.jpg) no-repeat; display:block; width:114px;}
.menu ul li.vier a:hover, .menu ul li.vier a.active {visibility:visible; display:block; background:url(../img/support_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 4*/
.menu ul li.vier ul ul a:link, .menu ul li.vier ul ul a:visited{background:#053e5d;}
.menu ul li.vier ul ul a:hover{background:#007bbe;}
/*menu 5*/
.menu li.vijf{width:117px;}
.menu ul li.vijf a{width:117px;}
.menu ul li.vijf a:link, .menu ul li.vijf a:visited{background:url(../img/referenties_bt.jpg) no-repeat; display:block; width:117px;}
.menu ul li.vijf a:hover, .menu ul li.vijf a.active {visibility:visible; display:block; background:url(../img/referenties_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 5*/
.menu ul li.vijf ul ul a:link, .menu ul li.vijf ul ul a:visited{background:#053e5d;}
.menu ul li.vijf ul ul a:hover{background:#007bbe;}
/*menu 6*/
.menu li.zes{width:137px;}
.menu ul li.zes a{width:137px;}
.menu ul li.zes a:link, .menu ul li.zes a:visited{background:url(../img/nieuws_bt.jpg) no-repeat; display:block; width:137px;}
.menu ul li.zes a:hover, .menu ul li.zes a.active {visibility:visible; display:block; background:url(../img/nieuws_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 6*/
.menu ul li.zes ul ul a:link, .menu ul li.zes ul ul a:visited{background:#053e5d;}
.menu ul li.zes ul ul a:hover{background:#007bbe;}
/*menu 7*/
.menu li.zeven{width:113px;}
.menu ul li.zeven a{width:113px;}
.menu ul li.zeven a:link, .menu ul li.zeven a:visited{background:url(../img/extra_bt.jpg) no-repeat; display:block; width:113px;}
.menu ul li.zeven a:hover, .menu ul li.zeven a.active {visibility:visible; display:block; background:url(../img/extra_rollover_bt.jpg) no-repeat; color:#FFF;}
/*sub submenu 7*/
.menu ul li.zeven ul ul a:link, .menu ul li.zeven ul ul a:visited{background:#053e5d;}
.menu ul li.zeven ul ul a:hover{background:#007bbe;}



/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff;  height:55px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:55px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:55px;t\op:55px;}

/* position the third level flyout menu */
.menu ul ul ul{left:190px; top:0px; width:149px; z-index:110;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/*HOVERS*/
/*hover 2de niveau*/
.menu ul li.twee ul :hover > a, .menu ul ul ul:hover > a,
.menu ul li.drie ul :hover > a, .menu ul ul ul:hover > a,
.menu ul li.vier ul :hover > a, .menu ul ul ul:hover > a,
.menu ul li.vijf ul :hover > a, .menu ul ul ul:hover > a,
.menu ul li.zes ul :hover > a, .menu ul ul ul:hover > a{background:#007bbe url(../img/submenu_pijl_hover.gif) no-repeat 170px center;}
.menu ul li.zeven ul :hover > a, .menu ul ul ul:hover > a{background:#007bbe url(../img/submenu_pijl_hover.gif) no-repeat 170px center;}
/*hover 1ste niveau*/
.menu ul li.twee:hover > a, .menu ul ul:hover > a{background:url(../img/producten_rollover_bt.jpg);}
/*hover 1ste niveau*/
.menu ul li.drie:hover > a, .menu ul ul:hover > a{background:url(../img/merken_rollover_bt.jpg);}
/*hover 1ste niveau*/
.menu ul li.vier:hover > a, .menu ul ul:hover > a{background:url(../img/support_rollover_bt.jpg);}
/*hover 1ste niveau*/
.menu ul li.vijf:hover > a, .menu ul ul:hover > a{background:url(../img/referenties_rollover_bt.jpg);}
/*hover 1ste niveau*/
.menu ul li.zes:hover > a, .menu ul ul:hover > a{background:url(../img/nieuws_rollover_bt.jpg);}
/*hover 1ste niveau*/
.menu ul li.zeven:hover > a, .menu ul ul:hover > a{background:url(../img/extra_rollover_bt.jpg);}

.menu ul ul li.geen_submenu a:hover{background:#007bbe;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul li.twee ul a, * html .menu ul li.twee ul a:visited,
* html .menu ul li.drie ul a, * html .menu ul li.drie ul a:visited,
* html .menu ul li.vier ul a, * html .menu ul li.vier ul a:visited,
* html .menu ul li.vijf ul a, * html .menu ul li.vijf ul a:visited,
* html .menu ul li.zes ul a, * html .menu ul li.zes ul a:visited,
* html .menu ul li.zeven ul a, * html .menu ul li.zeven ul a:visited  {width:190px; w\idth:170px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/*****
einde navigatie
******/

#header{
float:left;
width:900px;
height:185px;
background:url(../img/header.jpg) no-repeat;}

#content_container{
float:left;
padding:20px 0 0 24px;
width:876px;}

#wrapper_links{
float:left;
margin:-300px 0 0 0;
padding:20px 0 0 24px;
width:525px;}

#kruimelnavigatie{
float:left;
padding:0 0 25px 0;}

#kruimelnavigatie ul{
list-style:none;}

#kruimelnavigatie ul li{
float:left;}

#kruimelnavigatie ul li.punt{
float:left;
background:url(../img/kruimelnavigatie_punt.jpg) no-repeat;
width:4px;
height:4px;
overflow:hidden;
margin:6px 7px 0 7px;}

#kruimelnavigatie ul li a{
text-decoration:none;
color:#a4a4a4;}

#kruimelnavigatie ul li a:hover{
color:#007bbe;}

#intro{
float:left;}

#intro ul.opsomming{
clear:both;
list-style:none;
float:left; 
margin-top: 10px; }

#intro ul.opsomming li{
background:url('../img/bullet_specs.jpg') 0px 9px no-repeat;
padding:0 0 0 9px;
font-weight:bold; }

#intro ul.opsomming li a {
font-weight:normal; 
color:#007bbe; 
text-decoration: none; }
 
#intro ul.opsomming li a:hover { color:#a4a4a4; text-decoration: none; } 

#intro h1{
font-size:16px;
color:#036499;
padding:0 0 5px 0;}

#intro h2{
font-size:12px;
font-weight:bold;
color:#036499;
padding:20px 0 0 0;}

#intro p{
padding:10px 0 0 0;}

p a{
text-decoration:none;
color:#036499;
padding:0 0 0 5px;}

p a:hover{
text-decoration:underline;}

p img{
border:0px;
padding:0 0 0 3px;}

.stippellijn{
float:left;
background:url(../img/stippellijn.jpg) repeat-x;
height:5px;
width:525px;
margin:20px 0 10px 0;}

#highlight_container{
margin:-130px 0 0 0;
float:right;
width:314px;
height:432px;
z-index:2;}

.highlight_wrapper{
margin:-390px 0 0 0;
padding:0 0 0 25px;
height:180px;
width:230px;}

/*nieuwsdatum*/
.highlight_wrapper h2{
font-size:11px;
color:#949494;
padding:0 0 5px 0;}

/*nieuwstitel*/
.highlight_wrapper h1{
color:#036499;
font-size:14px;
font-weight:bold;
padding:0 0 7px 0;}

.nieuwspic { float: left; margin: 15px 10px 10px 0px; }
.highlight_wrapper p img{
padding:5px 0 0 0;}

#txt_intro h1{
font-size:30px;
font-weight:normal;
color:#333;
line-height:110%;}

#txt_intro p{
padding:10px 0 0 0;
color:#666;}

#leesverder{
position:absolute;
height:37px;
padding:0 0 0 145px;
overflow:hidden;}

#leesverder h2{
margin:-30px 0 0 0;
width:115px;
text-align:center;
font-size:14px;
font-weight:bold;}

#leesverder h2 a{
color:#FFF;
text-decoration:none;}

#leesverder h2 a:hover{
color:#a8cbdf;}

#email_container{
float:right;
margin:-75px 0 0 0;
width:312px;}

#email_wrapper{
position:absolute;}

#email_container img{
border:0px;}

#email_container h1{
float:left;
width:40px;
padding:0 0 0 10px;
color:#FFF;
font-size:12px;
font-weight:bold;}

#email_formulier{
z-index:100;}

.emailveld{
float:left;
width:110px;
margin:0 0 0 10px;
font-size:11px;
border:0px;}

#aanmelden_knop{
float:left;
padding:0 0 0 20px;
margin:-3px 0 0 0;}

#aanmeldknop_nieuwsbrief{
background:url(../img/aanmelden_bt.jpg);
border:0px;
cursor:pointer;
width:67px;
height:22px;
color:#FFF;
font-size:11px;}

#aanmeldknop_nieuwsbrief:hover{
color:#f8c8a0;}

#email_container p{
padding:15px 0 0 0;
width:260px;}

#producten_container{
float:left;
margin:30px 0 0 0;}

.mainproducten{
float:left;
width:181px;
padding:0 30px 30px 0;}

.foto_product{
height:120px;
float:left;}

.titelbalk{
float:left;
background:url(../img/titelbalk_producten.jpg) repeat-x;
height:30px;
width:181px;}

.titelbalk h1{
padding:2px 0 0 10px;}

.titelbalk h1 a{
color:#FFF;
font-weight:bold;
font-size:12px;
text-decoration:none;}

.titelbalk h1 a:hover{
color:#a8cbdf;}

#tussenruimte_footer{
float:left;
height:50px;
width:20px;}

#footer{
width:900px;
height:59px;}

/***********
DETAILPAGINA
***********/

.wrappers_details{
float:left;}

.balk{
background:url(../img/titelbalk.jpg) no-repeat;
width:825px;
height:44px;
padding:0 0 20px 0;}

.wrapper_titelbalk{
padding:10px 0 0 10px;}

.wrapper_titelbalk h1{
float:left;
color:#FFF;
font-weight:bold;
font-size:14px;}

.wrapper_titelbalk h2{
float:left;
color:#FFF;
font-weight:normal;
font-size:14px;
padding:0 0 0 5px;}

.wrapper_links_detail{
float:left;
width:230px;}

.wrapper_foto img{
display:block;}

.wrapper_foto{
float:left;}

.titelbalk_detail{
float:left;
background:url(../img/onderschrift_details.jpg) repeat-x;
height:48px;
width:197px;
margin:0 0 13px 0;}

.titelbalk_detail p{
color:#FFF;
padding:5px 0 0 10px;
font-weight:bold;
font-size:11px;
width:185px;}

.contactopties{
float:left;
clear:both;}

ul.contactopties{
list-style:none;}

ul.contactopties li img{
padding:0 10px 0 0;
margin:0 0 -7px 0;}

ul.contactopties li{
height:27px;}

ul.contactopties li a{
color:#0d72aa;
text-decoration:none;}

ul.contactopties li a:hover{
color:#f45b02;}

.wrapper_rechts_detail{
float:left;}

ul.kopjes{
clear:both;
list-style:none;
float:left;
padding:0 0 10px 0;
width: 500px; }

ul.kopjes li.titel{
color:#0d72aa;
padding:0 0 3px 0;}

ul.kopjes li a{
color:#0d72aa;
text-decoration:none;}

ul.kopjes li a:hover{
color:#f45b02;}

ul.specificaties{
clear:both;
list-style:none;
float:left;
width: 500px; 
padding:0 0 10px 0; }

ul.specificaties li{
background:url(../img/bullet_specs.jpg) 0px 9px no-repeat;
padding:0 0 0 9px;}

ul.specificaties li.titel{
margin:0 0 3px -9px;
color:#0d72aa;
background:none;}

.stippellijn_details{
clear:both;
float:left;
background:url(../img/stippellijn.jpg) repeat-x;
height:5px;
width:825px;
margin:12px 0 25px 0;}

/*******
De mensen
********/

.titelbalk_personeelslid{
float:left;
background:url(../img/titelbalk_producten.jpg) repeat-x;
height:30px;
width:197px;
margin:0 0 0 0;}

.titelbalk_personeelslid h1{
float:left;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:5px 0 0 10px;}

/*******
Contact
********/

.contact_pagina h2{
clear:both;
font-size:14px;
color:#0d72aa;
font-weight:bold;
padding:0 0 5px 0;}

.contact_pagina h3{
clear:both;
font-size:12px;
font-weight:bold;
padding:0 0 3px 0;}

ul.opsomming_contact{
clear:both;
list-style:none;
padding:0 0 20px 0;}

ul.opsomming_contact li{
background:url(../img/bullet_specs.jpg) 0px 9px no-repeat;
padding:0 0 0 9px;}

ul.opsomming_contact li.titel{
margin:0 0 3px -9px;
color:#0d72aa;
background:none;}

#map{
float:left;
margin:10px 0 0 0;
padding:0 0 20px 0;}

/*******
NIEUWS
*******/
#intro ul.nieuwsdatum{
list-style:none;
font-size:11px;
color:#949494;
font-weight:bold;
padding:0 0 5px 0;}

#intro ul.lijst{
list-style:none;
padding:10px 0 0 0;}

#intro ul.lijst li{
background:url(../img/bullet_specs.jpg) 0px 9px no-repeat;
padding:0 0 0 9px;
font-weight:normal;}

#gerelateerd_nieuws{
float:left;}

.gerelateerde_nieuwsberichten{
float:left;
padding:0 0 20px 0;}

#gerelateerd_nieuws ul.datum{
list-style:none;
font-size:11px;
color:#949494;
font-weight:bold;
padding:0 0 5px 0;}

#gerelateerd_nieuws h1{
font-size:16px;
color:#036499;
margin:5px 0 20px 0;}

#gerelateerd_nieuws h2{
font-size:16px;
color:#036499;
padding:0 0 5px 0;}


/*******
SITEMAP
*******/

.sitemap_niv1 li {
margin-top: 15px;
margin-bottom: 15px; }

.sitemap_niv2 li, .sitemap_niv3 li {
margin-top: 5px;
margin-bottom: 5px; }

.sitemap_niv1 a, .sitemap_niv2 a, .sitemap_niv3 a { 
text-decoration: none; 
line-height:145%; }

.sitemap_niv1 a { 
font-size:12px;
text-decoration: underline; 
color:#036499;
font-weight: bold;
padding:0 0 5px 0; }

.sitemap_niv2 a {
font-size:12px;
margin-left: 10px;
text-decoration: none; 
}
.sitemap_niv3 a {
font-weight: normal;
font-size:12px;
margin-left: 15px;
text-decoration: none; 
}

/*******
ZOEKRESULTATEN
*******/

ol { margin: 20px 20px 20px 20px; padding: 20px 20px 20px 20px; }
ol li { margin-bottom: 3px; }

/*******
DOWNLOADS
*******/

#downloads { margin: 0px; padding: 20px 20px 20px 20px; color:#007bbe;  }
#downloads li { margin-bottom: 3px; }
#downloads li a { color:#007bbe; text-decoration: none; } 
#downloads li a:hover { color:#a4a4a4; text-decoration: none; } 

/*******
GEEN SPOTLIGHTBLOK
*******/

.geenspotlightpic { position: absolute; right: 30px; top: 240px; }