﻿body { text-align: center; background: url(/lib/images/background_body.png) 0 0 repeat-x; }

a img { border: 0; }
h1 { font-size: 35px; font-family: cambria, Georgia, Times New Roman; color:#00add0; margin-bottom: 10px; font-weight: normal; }
body.homepage h1 { color:#00add0; }

#container { position: relative; width: 995px; margin: 0 auto; background: url(/lib/images/background_container.png) 0 0 repeat-y; text-align: left; }
#container .container_wrapper { width: 977px; min-height: 500px; margin-left: 9px; background: url(/lib/images/bg_wrapper.jpg) 0 0 no-repeat; }
#header { overflow: hidden; /*position: relative;*/ }
#header a#logo img { float: left; margin: 23px 0 0 30px; padding-bottom:14px; }

#utils { position: absolute; right: 30px; top: 10px; z-index: 2; }
#utils ul { float: left; overflow: hidden; margin-top:2px; }
#utils li { float: left; margin-right: 10px; color:#003263; font-size:11px; }
#utils li a {text-decoration:none; font-size:11px; font-weight:normal;}
#utils li a:hover {text-decoration:underline;}
#utils .zoeken { float: left; }
#utils .zoeken form legend { display: none; }
#utils .zoeken form input.text { height: 15px; width: 100px; border: 1px solid #003263; font-size: 11px; color: #003263;  }
#utils .zoeken form input.submit { padding: 0 5px; color: #fff; background: #003263; font-size: 11px; font-weight: bold; cursor: pointer; border-bottom: 2px solid #003263; }

#navigation { height: 51px; overflow: hidden; margin: 20px 0 20px 0; background:url(/lib/images/bg_hoofdmenu_zonder.png) 0 0 repeat-x; }
#nav { margin-left: 10px; }
#nav ul { padding: 30px 0 0 0; margin: 0; list-style: none; line-height: 1px; }
#nav a { display: block; color:#ffffff; height:25px; margin-bottom:0px; padding:13px 0 13px 2px;  font-family:verdana, Georgia, Times New Roman; font-size:17px; font-weight:normal; text-decoration:none; text-align:center; overflow:hidden;  }
#nav li.level1 {border-right:1px solid #657da3;  float: left; cursor:pointer; display:block; padding:0px 0px 10px 0px; width:190px;}
#nav li.last {border-right: 0; } 
#nav li.level2 { float: left; width: 10em;   padding: 0px 0 5px 0; line-height:18px; }
#nav li ul { position: absolute; background-image:url(/lib/images/bg_hovermenu.png); background-position:top left;   background-position:top left; min-height:50px; width: 175px; left: -999em; margin:0px 0 0 0px; padding:30px 0px 10px 10px; background-repeat:repeat-y; z-index:100000;/* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li.level2 a {display: block; color:#ffffff; border-right:0px; border-bottom:1px dotted #ffffff; font-family:verdana, arial, Georgia, Times New Roman; font-size:14px; font-weight:normal; text-decoration:none; text-align:left; height:auto; padding:0 0 5px 0;   }
#nav li.level2 a:hover {color:#3c3b39; overflow:hidden;  }
#nav li:hover ul, #nav li.sfhover ul { left: auto;}
#nav li:hover, #nav li.sfhover {position: static;}  

#maincontainer {/*clear: both; */}
#sidebar_left { float: left; width: 218px; margin: 15px 0 50px 0; }
#sidebar_left .banners { padding-left: 20px; }
.banners .banner { margin-bottom: 20px; }
.banners .banner_best img { border: 1px solid #7e99aa; }

#content { float: left; width: 700px; margin-bottom:20px; }
#content .inner { padding: 0 0 0 30px; }
body.nieuwsdetail #content .inner img { margin:0 0 0 -30px!important; }
body.nieuwsdetail #content .inner { padding: 0 0 0 30px; }
body.homepage #content { width: 650px; }
body.homepage #content .inner { padding: 20px 0 0 30px; }
body.homepage .paragraph .image { float: right; margin: 0 20px 10px 20px; width: 204px; border: 1px solid #bad288; }
body.homepage .paragraph .text { overflow: auto; padding:0 20px 20px 0px; margin:-20px 0 0 0;  }

#breadcrumbs { width: 500px; margin-bottom: 10px; font-size: 12px; color: #003263; }
.paragraph { margin:0 0 25px 0px; position:relative; }
.paragraph .image {width:245px; height:auto; overflow:hidden; margin:0px 30px 0px 0px; padding:0; float:left;}
.paragraph .text { font-size: 13px; line-height:18px; margin:0px 0 0 0; }
.paragraph .text ul { padding-left: 0px; list-style: square; margin:0 0 20px 20px; }
.paragraph .text ol { padding-left: 40px; list-style-type: decimal; margin:0 0 20px 0;}
.paragraph .text strong {color:#00add0; line-height:18px; font-size: 13px; font-family:Verdana, arial, Tahoma;}
.paragraph .text a { color:#00add0; text-decoration:underline; }
.paragraph .text a:hover { color:#00add0; text-decoration:none; }
.paragraph.sitemap ul li a.level1 {font-weight:bold; text-decoration:underline; }
.paragraph.sitemap ul li a.level1:hover {text-decoration:none;}
.paragraph.sitemap ul li a.level2 {font-weight:normal; text-decoration:underline; color:#003263;}
.paragraph.sitemap ul li a.level2:hover {text-decoration:none;}
.paragraph h2 {margin:0 0 20px 0; padding:0; font-family: cambria, Georgia, Times New Roman; color: #002244;}

#sidebar_right { float: right; width: 233px; padding-bottom: 50px; }
#sidebar_right .inner { padding-left: 10px; }
#sidebar_right .banners { padding-left: 10px; }

#news { width: 233px;  margin: 15px 0 20px 0; background-image:none; background-repeat:no-repeat; }
#news ul {padding: 10px 20px 20px 10px;}
#news ul li {list-style:none; margin:0 0 10px 0; border-bottom:1px dotted #ffffff; clear:both; padding-bottom:18px;}
#news ul li span.tr {float:left; background-image:url(/lib/images/date_tr.png); width:31px; height:28px; margin-right:10px; color:#ffffff; font-size:11px; font-family:Verdana, Arial; padding:2px 0 0 0px; background-repeat:no-repeat; line-height:12px; text-align:center; font-weight:bold;}
#news ul li span.tri {float:left; background-image:url(/lib/images/date_tri.png); width:31px; height:28px; margin-right:10px; color:#ffffff; font-size:11px; font-family:Verdana, Arial; padding:2px 0 0 0px; background-repeat:no-repeat; line-height:12px; text-align:center; font-weight:bold;}
#news ul li a {text-decoration:none; font-size:10px; font-weight:bold; color:#003264; display:block; padding:0; height:20px; font-family:Verdana, Arial; }
#news ul li a:hover {text-decoration:underline; font-size:10px; font-weight:bold; color:#003264; display:block;}

#searchbox { width: 195px; height: 193px; margin-bottom: 20px; background: url(/lib/images/bg_searchbox.png) 0 0 no-repeat; }
#searchbox form { padding: 19px; }
#searchbox form legend { display: none; }
#searchbox form label { font-weight: bold; color: #fff; font-size: 12px }
#searchbox form .block { margin-bottom: 20px; }
#searchbox form select { width: 155px; border: 1px solid #43657b; font-size: 11px; margin-top: 5px; }
#searchbox form input.submit { float: right; margin-right:3px; background: #003263; border: 1px solid #fff; color: #fff; font-size: 10px; font-weight: bold; cursor: pointer; }

.PanelHTML { display: none;}
.HTMLPanel #toppanel { display: none; }
#toppanel { position: absolute;	width: 978px; left: 8px; z-index: 1; text-align: center; }
#panel { width: 978px; position: relative; top: 0px; height: 0px; margin-left: auto; margin-right: auto; z-index: 1; overflow: hidden;	text-align: left; }
.panel_button {line-height:11px; padding-top:4px; color: #fff; margin-left: auto; margin-right: auto; position: relative; top: -1px; width: 73px; height: 24px; z-index: 20; cursor: pointer; background-image: url(/lib/images/button_slide.png); width:220px; height:34px; background-repeat:no-repeat;}
.btnPanelHTML { display: block; line-height:11px; padding-top:4px; font-size:12px; text-decoration:none; color: #fff; position: relative; z-index: 20; cursor: pointer; top:103px; left:65px; font-weight:bold; }
.btnPanelHTML:hover {text-decoration:underline;}
#panel_contents div.wrapper { height: 100%; background: url(/lib/images/paneltest2.png); }
#panel_contents { background: url(/lib/images/paneltest.jpg); height: 100%; width: 978px; position: absolute; z-index: -1; }
.panel_button a { text-decoration: none; color: #fff; font-size: 10px; font-weight: normal;  margin:0; }
.panel_button a:hover { color: #fff; }

#footer {background-image: url(/lib/images/footer_bg.png); background-repeat:no-repeat; width:977px; height:42px; clear:both; margin-top:0px; position:relative;}
#footer .logo_quality {padding:0; background-image: url(/lib/images/logo_quality.png); height:70px; width:67px; position:absolute; top:-10px; left:30px;}
#footer .logo_quality2 {padding:0; background-image: url(/lib/images/logo_quality2.png); height:69px; width:66px; position:absolute; top:-10px; left:110px; background-repeat:no-repeat;}
#footer .text {color:#fefefe; font-size:10px; font-weight:bold; float:right; margin:15px 20px 0 0; padding:0;}
#footer .text a {color:#fefefe; text-decoration:underline;}
#footer .text a:hover {text-decoration:none;}

.nieuwsitem {position:relative; z-index:1; width:700px; margin:0 0 30px 0; padding:0; font-size:13px;  }
.nieuwsitem h2 {color:#43657b; font-weight:bold; font-family:Verdana, Arial; font-size:13px; margin-bottom:10px;}
.nieuwsitem .text {color:#003264; overflow:auto; padding:0 20px 0 0; font-family:verdana, Arial, tahoma; font-size: 13px;line-height: 18px;}
.nieuwsitem .date {position:absolute; top:0; right:0; z-index:1;}
.nieuwsitem .image{width:200px; float:left; margin:0 20px 20px 0 !important; height:150px; }
.nieuwsitem .leesmeer {clear:both; margin-top:20px;}
.nieuwsitem a.readmore { background-color:#00add0; padding: 5px 10px 5px 10px; color:#fff; font-size:13px; overflow:hidden; margin-bottom:5px; text-decoration:none; text-align:center; }
.nieuwsitem .lijntje {background-image: url(/lib/images/lijntje_groot.png); background-repeat:no-repeat; width: 701px; height:1px; margin-top:4px;}

.paragraph span.date {position:absolute; top:0px; right:0px; font-size:11px;}
.paragraph span.date_detail {position:absolute; top:-3px; right:20px; font-size:11px;}

.overzicht a {background-color:#00add0; padding: 5px 20px 5px 10px; color:#fff; font-size:13px; overflow:hidden; margin-bottom:5px; text-decoration:none; text-align:left;}
.overzicht a:hover {text-decoration:underline;}
.lijntje {background-image: url(/lib/images/lijntje_groot.png); background-repeat:no-repeat; width: 701px; height:1px; margin-top:4px; margin-bottom:20px;}


#caroussel {clear:both; width:659px; margin-bottom:40px; padding:0;}
#caroussel .menucaroussel { background-color:#000; margin:-5px 0 0 0; padding:0; height:34px;}
#caroussel .menucaroussel ul {margin:0; padding:7px 0 5px 0;}
#caroussel .menucaroussel ul li{display:inline; margin:0 0 0 30px; }
#caroussel .menucaroussel ul li a{color:#fff; text-decoration:none; font-size:11px; font-family:verdana, Georgia, Times New Roman; font-weight:bold;padding:10px 5px 10px 5px; height:25px; overflow:hidden;}
#caroussel .afbeelding img{margin:0; padding:0;height:209px;  width:659px;}
.carousselHighlight{background-color:#00add0;}


#contactform { float:left; width:677px; overflow:hidden; font-family:verdana, Arial, Georgia, Times New Roman; font-size:13px; margin:20px 0 20px 20px;}
#contactform fieldset {border:none;}
#contactform legend {display:none;}
#contactform label { clear:both;float:left; width:250px;}
#contactform label.error {margin-left:555px; margin-top:-18px; color:#00add0; font-weight:bold; float:left; font-size:10px;}
#contactform .field {margin:0 0 20px 0;}
#contactform input {border:1px solid #00add0; width:280px;}
#contactform textarea {float: left; border:1px solid #00add0; width:280px; margin:10px 0 10px 0;}
#contactform input.submit {border:1px solid #00add0; width:100px; background-color:#00add0; color:#fff; cursor:pointer; float:right; margin:0 145px 0 0;}
#contactform .fieldie7 {margin:0 0 20px 0;}
*+html #contactform .fieldie7 {margin:0 0 20px 0;}
*html #contactform .fieldie7 {margin:0;}
*html #contactform textarea {float: left; border:1px solid #00add0; width:280px; margin:10px 0 20px 3px;}



#producten {width:700px;}
#producten .product {margin:0 0 20px 0; padding:0 0 20px 0; overflow:hidden;}
#producten .product .image {background-image: url(/lib/images/image_product_border.jpg); width:89px; height:65px; float:left; margin-right:5px;}
#producten .product .image img {width:87px; height:63px; margin:1px 0 0 1px;}
#producten .product .bovenkant_block {background-image: url(/lib/images/bovenkant_block.png);width:605px; height:6px; float:left;}
#producten .product .onderkant_block {background-image: url(/lib/images/onderkant_block.png);width:605px; height:59px; float:left;}
#producten .product .onderkant_block h2{font-size:24px ; color:#fff; font-family:Cambria, Georgia, Times New Roman; text-align:center; margin-top:10px;}

.paragraph .image2 {float:right; margin-right:-18px; }

.productendetails {width:700px; margin:-21px 0 20px 0; padding:10px 0 0px 0; display: none; clear:left; float:left; background-color:#56768a; position:relative; border-top:3px solid #fff;}
*+html .productendetails {width:700px; margin:0px 0 0 0; padding:10px 0 0px 0; display: none; clear:left; float:left; background-color:#56768a; position:relative; border-top:3px solid #fff;}
.productendetails .text {font-size:13px; font-family:verdana, Arial; color:#fff; padding: 0 10px 0 10px}
.afbeeldingen {margin:20px 0 20px 0;  overflow:hidden; padding:0 0 0 10px;}
.afbeeldingen img {margin:0 80px 0 10px;}
.afbeeldingen img {float:left; border:1px solid #fff; width:133px;}
.mostrar{margin:0 20px 10px 0; padding:0 0 0 5px; float:right;}
a.slides_open{list-style:none; background: url(/lib/images/left_button_donker_bv.png) no-repeat left top; margin:0px 20px 0 0; padding: 0 0 0 6px; float:right; text-decoration:none !important; font-weight:bold;}
a.slides_open span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; margin-left:12px;padding:2px 30px 6px 10px; color:#fff; border:none; text-decoration:none; font-size:11px; font-family:verdana, Arial;}
a.slides_open span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; padding:2px 30px 6px 10px; color:#fff; border:none; text-decoration:none;}
a.slides_open:hover span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top;  padding:2px 30px 6px 10px;color:#fff; border:none; text-decoration:underline;}
a.slides_close{list-style:none; background: url(/lib/images/left_button_donker_bv.png) no-repeat left top; margin:0px 0px 0 0; padding: 0 0 0 6px; float:right; text-decoration:none !important; font-weight:bold; position:absolute; bottom:-21px; right:10px;}
a.slides_close span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; margin-left:12px;padding:2px 30px 6px 10px; color:#fff; border:none; text-decoration:none; font-size:11px; font-family:verdana, Arial;}
a.slides_close.active span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; padding:2px 30px 6px 10px; color:#fff; border:none; text-decoration:none;}
a.slides_close:hover span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top;  padding:2px 30px 6px 10px;color:#fff; border:none; text-decoration:underline;}
.specifics {background-color:#7e99aa; padding:20px 20px 20px 20px; overflow:hidden; clear:both; }
.specifics .length {float:left; width:150px; color:#fff; font-size:11px;}
.specifics ul {font-family: verdana, Arial;}
.specifics ul li{ font-size:12px; color:#fff;}
.specifics .colour {float:left; width:150px; color:#fff; font-size:11px;}
.specifics .value {float:left; width:150px; color:#fff; font-size:11px;}
.specifics img {display:block; margin:0 0 5px 0;}
.pdfbestanden { float: left; }
.pdfbestanden img { float: left; margin-right: 5px; }
.pdfbestanden a.pdftext { color: #fff; font-size: 10px; }
#tooltip{ position:absolute; background-image:url(/lib/images/itool.png); background-position: left top; height:27px; border-right:0px solid #bdd784; width:200px; padding:15px 15px 0 15px; color:#fff; font-size:12px; display:none; bottom:0; left:0;}

#productrange {width:680px;}
#productrange .afbeelding { height:125px; margin:0 0px 20px 0; overflow:hidden;}
#productrange .afbeelding img { height:125px; width:400px;  padding:0; float:left; border-right:5px solid #fff;}
#productrange .afbeelding a {color:#fff; height:125px;display:block; width:700px;  overflow:hidden; text-decoration:none;background-color:#00add0;  font-size:13px; font-family:verdana, arial; text-align:center;}
#productrange .afbeelding a:hover { background-color:#31bad6;}
#productrange h1 {color:#fff; font-size:24px; margin-top:40px; margin-right:20px;}

#product { overflow:hidden; width:920px; font-size: 13px; line-height: 18px; margin:20px 0 0 0;}

#product .tekst {margin:0 0 20px 50px; overflow:hidden;}
#product .tekst img { width:150px; float:left; margin:5px 10px 15px 0;}
#product .tekst .tekstueel {padding:0 60px 0 0; }



/*zoeken*/
.zoekheader { overflow:hidden; margin:0; padding:0;}
.wikitext {font-family: verdana, Arial, Georgia, Times New Roman; font-size:12px; margin:0; padding:0;}
.zoekitemsheader {font-family: Verdana, Arial, Georgia, Times New Roman;  background-color:#00add0;}
.titel {color:#fff; padding:0 0 0 10px; font-size:18px; margin: 0 0 20px 0;}
.zoekresultaat a {color:#003350 !important; }
.zoekresultaat a:hover {text-decoration:none; color:#003350; }
.zoekresultaat ul { margin-bottom:20px;}

table.tabelstock {clear:both; background-color:#7e99aa; width:680px; margin:10px 0 20px 0px; font-family:Verdana, Arial, Tahoma; font-size:11px;}
table.tabelstock td {padding:5px 0 10px 5px; color:#fff; text-align:center;}
table.tabelstock th {padding:5px 0 10px 5px; color:#fff; font-weight:bold; text-align:center;}
table.tabelstock .column1 {background-color:#688598;  width:150px; }
table.tabelstock .column2 {background-color:#688598;  width:150px;}
table.tabelstock .column3 {background-color:#688598;  width:150px;}
table.tabelstock .column4 {background-color:#688598;  width:150px;}
table.tabelstock .column5 {background-color:#688598;  width:150px;}

table.tabelstock2 {background-color:#7e99aa; width:680px; margin:0 0 20px 0px; font-family:Verdana, Arial, Tahoma; font-size:11px;}
table.tabelstock2 td {padding:5px 0 10px 5px; color:#fff; text-align:center;}
table.tabelstock2 th {padding:5px 0 10px 5px; color:#fff;  font-weight:bold; text-align:center;}
table.tabelstock2 .column1 {background-color:#688598;  width:250px; }
table.tabelstock2 .column2 {background-color:#688598;  min-width:140px;}
table.tabelstock2 .column3 {background-color:#688598;  width:100px;}
table.tabelstock2 .column4 {background-color:#688598;  width:100px;}
table.tabelstock2 .column5 {background-color:#688598;  width:100px;}
table.tabelstock2 .column6 {background-color:#688598;  width:100px;}
table.tabelstock2 .column7 {background-color:#688598;  width:100px;}
table.tabelstock2 .column8 {background-color:#688598;  width:100px;}
table.tabelstock2 .column9 {background-color:#688598;  width:100px;}
table.tabelstock2 .column10 {background-color:#688598; width:100px;}


#nyroModalFull {background-color:transparent;}
#nyroModalWrapper { background-color:#fff; border:5px solid #000;  }
#nyroModalWrapper h1 {margin:10px 0 0 0;}
#nyroModalContent {overflow:hidden;}
#nyroModalContent div{display:none;} 
#closeBut { background-color:#00add0; padding:5px; color:#fff; position:absolute; top:2px; right:2px;}


.productoverzicht {overflow:hidden; width:920px; font-size: 13px; line-height: 18px; margin: 10px 0 20px 0;}
.productoverzicht .afbeelding {margin:0 0 20px 0; overflow:hidden;float:left; min-width:463px;}
.productoverzicht .afbeelding img {width:463px; height:102px;  }
.productoverzicht .tekstueel {border-left:5px solid #fff;float:left; background: url(/lib/images/blok_segment_bv.png); width:423px; height:102px;}
.productoverzicht .tekstueel h3 {color:#fff; font-size:25px; font-family: Cambria, Georgia, Times New Roman; text-align:center; margin-top:30px; font-weight:normal;}
.productoverzicht .button {margin:10px 40px 0 0;}
.productoverzicht .button a.buttonblue{list-style:none; background: url(/lib/images/left_button_donker_bv.png) no-repeat left top; margin:0px 2px 0 0; padding: 0 0 0 4px; float:right; text-decoration:none !important; font-weight:bold;}
.productoverzicht .button a.buttonblue span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; margin-left:15px;padding:1px 30px 6px 10px; color:#fff; border:none; text-decoration:none; font-size:11px; font-family:verdana, Arial, tahoma;}
.productoverzicht .button a.buttonblue.active span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top; padding:1px 30px 6px 10px; color:#fff; border:none; text-decoration:none;}
.productoverzicht .button a.buttonblue:hover span{ display:block; background: url(/lib/images/right_button_donker_bv.png) no-repeat right top;  padding:1px 30px 6px 10px;color:#fff; border:none; text-decoration:underline;}

.taal {clear:both; float:right; position:absolute; right:30px; top:40px; }
.taal ul { }
.taal ul li {display:inline; float:left; margin:0 2px 0 5px;  }
.taal ul li a.engels{background-image: url(/lib/images/english_small.jpg); text-indent:-99999px; display:block; width:15px; height:11px; background-repeat:no-repeat;}
.taal ul li a.frans{background-image: url(/lib/images/frans_small.jpg); text-indent:-99999px; display:block; width:15px; height:11px; background-repeat:no-repeat; }
.taal ul li a.duits{ background-image: url(/lib/images/duits_small.jpg); text-indent:-99999px; display:block; width:15px; height:11px; background-repeat:no-repeat; }
