@import url("producten.css");
* { outline: none;}
html, body { width: 100%;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; color: #5B5B5B;}
body, h1, h2, h3, h4, p, div#header ul, div#subheader ul, div#content ul.bulletlist, div#footer ul { margin: 0; padding: 0;}
img { border: none;}
table td { vertical-align: top;}
p, div#contentwrapper ul, div#contentwrapper ol { line-height: 1.65em;}
p { padding: 7px 0 7px 0;}
p a { font-weight: bold; color: #ED6807; text-decoration: none;}
p a:hover, p a:focus { text-decoration: underline;}
div#header ul, div#subheader ul, div#content ul.bulletlist, div#footer ul { list-style-type: none;}
div#header h1, div#header h2, div#header ul#langselect li a, div#subheader h3, div#subheader a, /*div#contentwrapper h4,*/ div#sidebar p.button a { font-size: 0; line-height: 0; text-indent: -9999px;}

div#headerbg, div#subheaderbg, div.center div, #footerbg { float: left;}
div#headerbg, div#header, div#subheaderbg, div#subheader, div#footerbg, div#footer { width: 100%;}

div.center { width: 780px; margin: 0px auto;}
div#headerbg, div#footerbg { background: #6949A2;}
div#subheaderbg { background: #FCD116 url(../../img/subheader/bg.jpg) 50% 0%;}

div#header h1, div#header h2, div#header ul, div#header ul li, div#footer ul#footernav li { float: left;}
div#header h1 { width: 273px; height: 108px; background: url(../../img/header/logo.gif);}
div#header h2 { width: 170px; height: 44px; background: #FFF url(../../img/header/belnu.gif); margin-left: 337px;}

div#header ul, div#footer ul#footernav { float: right;}
div#header ul li a { display: block;}

div#header ul#langselect { background: #7956B6; padding-left: 11px; padding-right: 3px;}
div#header ul#langselect li { margin-right: 8px; background: url(../../img/nav/li_lang_bg.gif) no-repeat 100% 0%;}
div#header ul#langselect li a { width: 16px; height: 11px; margin-top: 15px; margin-right: 9px;}
div#header ul#langselect li a#nl { background: url(../../img/nav/nl.gif);}
div#header ul#langselect li a#fr { background: url(../../img/nav/fr.gif);}
div#header ul#langselect li a#uk { background: url(../../img/nav/uk.gif);}
div#header ul#langselect li a#de { background: url(../../img/nav/de.gif);}

div#header ul#nav, div#header ul#langselect { height: 38px; margin-top: 26px;}
div#header ul#nav, div#footer ul#footernav { padding-left: 20px; padding-right: 7px;}
div#header ul#nav { background: #533688;}

div#header ul#nav li, div#footer ul#footernav li { margin-right: 12px; background: url(../../img/nav/li_nav_bg.gif) no-repeat 100% 0%;}
div#footer ul#footernav li { background: url(../../img/nav/li_footernav_bg.gif) no-repeat 100% 0%;}
div#header ul#nav li a, div#footer ul#footernav li a { margin-top: 12px; margin-right: 13px; color: #C7A7FF; text-decoration: none;}
div#header ul#nav li a:hover, div#header ul#nav li a:focus, div#footer ul#footernav li a:hover, div#footer ul#footernav li a:focus { color: #FFF;}

div#header ul#nav li.last, div#header ul#langselect li.last, div#footer ul#footernav li.last { background: none;}
div#header ul#nav li.last a, div#header ul#langselect li.last a, div#footer ul#footernav li.last a { margin-right: 0;}

div#subheader, div#subheader ul, div#subheader ul li { float: left;}
div#subheader { position: relative; height: 244px;}
div#subheader h3, div#subheader p { clear: both; margin-left: 298px;}
div#subheader h3 { height: 19px; float: left; margin-top: 48px;}
div#subheader p { color: #D05800;}
div#subheader ul, div#subheader ul li a, div#subheader a#bekijkmeer { background-color: #FC8D16;}
div#subheader ul { padding: 17px 20px 17px 25px; margin-left: 273px;}
div#subheader ul li a { display: block; height: 11px; margin-right: 24px; background-position: 0 0;}
div#subheader ul li a.last { margin-right: 0;}

div#subheader a#bekijkmeer { width: 157px; height: 25px; padding: 0 20px 14px 0; background-image: url(../../img/nav/bekijkmeer.gif); background-repeat: no-repeat; position:absolute; right: 0; bottom: 0;}
div#subheader a#bekijkmeer:hover, div#subheader a#bekijkmeer:focus { background-position: -157px 0;}

div#subheader ul li#link01 a { width: 87px; background-image: url(../../img/nav/01.gif);}
div#subheader ul li#link01 a:hover { background-position: 87px 0;}
div#subheader ul li#link02 a { width: 113px; background-image: url(../../img/nav/02.gif);}
div#subheader ul li#link02 a:hover { background-position: 113px 0;}
div#subheader ul li#link03 a { width: 55px; background-image: url(../../img/nav/03.gif);}
div#subheader ul li#link03 a:hover { background-position: 55px 0;}
div#subheader ul li#link04 a { width: 75px; background-image: url(../../img/nav/04.gif);}
div#subheader ul li#link04 a:hover { background-position: 75px 0;}
div#subheader ul li#link05 a { width: 63px; background-image: url(../../img/nav/05.gif);}
div#subheader ul li#link05 a:hover { background-position: 63px 0;}
div#subheader ul li#link06 a { width: 48px; background-image: url(../../img/nav/06.gif);}
div#subheader ul li#link06 a:hover { background-position: 48px 0;}

div#contentwrapper { margin-bottom: 35px;}
div#contentwrapper h4 { padding-bottom: 13px; border-bottom: solid 1px #C4C4C4; margin-top: 20px;}
div#contentwrapper p.hl { font-weight: bold;}
div#sidebar { width: 233px; background: #E6E6E6; padding: 0 20px 0 20px;}
div#sidebar p.button { clear: both;}
div#sidebar p.button a { border: solid 12px #C4C4C4; float: right;}
div#sidebar p a#klikhier { width: 45px; height: 10px; background: url(../../img/headings/klikhier.gif);}

div#content { width: 482px; margin-left: 25px;}
div#content div.wrapper { margin-bottom: 40px;}
div#content p img { margin-top: 5px;}
div#content.imgborder p img { border: solid 1px #6949A2;}
div#content p.picleft { float: left; margin-right: 47px;}
div#content p.picright { float: right; margin-left: 47px;}
div#content ul li a { text-decoration: none; color: #ED6807;}
div#content ul li a:hover, div#content ul li a:focus { text-decoration: underline;}
div#content ul.bulletlist li { border-bottom: solid 1px #E5E5E5; padding: 6px 0 7px 21px; background: url(../../img/subheader/bullet.gif) no-repeat;}

div#content table#index { border: none; width: 448px; margin-bottom: 10px;}
div#content table#index td { width: 224px; text-align: center; font-size: 130%; color: #7F57C4; font-weight: bold;}
div#content table#index td a { display: block; border: solid 9px #EBEBEB; margin-bottom: 15px;}
div#content table#index td a:hover, div#content table#index td a:focus { border: solid 9px #C4C4C4; } 
div#content table#index td.left, div#content table#index td.centerleft { padding: 15px 15px 15px 0;}
div#content table#index td.left { border: solid 1px #E5E5E5; border-left: none;}
div#content table#index td.centerleft { border-right: solid 1px #E5E5E5;}

div#content table#index td.right, div#content table#index td.centerright { padding: 15px 0 15px 16px;}
div#content table#index td.right { border: solid 1px #E5E5E5; border-left: none; border-right: none;}

div#content table.producttable, div#content table.datatable { border: none; width: 100%; clear: both;}
div#content table.producttable td { font-weight: bold; border-bottom: solid 1px #D9D9D9; padding-top: 8px; padding-bottom: 8px;}
div#content table.producttable td.bullet { padding-left: 20px; background: url(../../img/subheader/bullet.gif) no-repeat;}
div#content table.producttable td.pic { text-align: right;}

div#content table.datatable { border: solid 1px #ED6807;}
div#content table.datatable th { border-bottom: solid 3px #ED6807;}
div#content table.datatable th, div#content table.datatable td { padding: 6px;}
div#content table.datatable th.borderright, div#content table.datatable td.borderright, div#content table.datatable td.borderrightnobold { border-right: solid 3px #ED6807; text-align: left;}
div#content table.datatable th.borderright, div#content table.datatable td.borderright { font-weight: bold;}
div#content table.datatable td { /*background: #FEFBEA;*/ text-align: center;}
div#content table.datatable tr.even td { background: #EFEFEF;}

div#footer { height: 66px;}
div#footer ul#footernav { margin-top: 25px;}
div#footer ul#credits { width: 25%;}/*185px*/
div#footer ul#credits li { color: #FFF; text-align: center; height: 23px; padding-top: 10px;}
div#footer ul#credits li.link { color: #C7A7FF; background: #533688;}
div#footer ul#credits li.link a { color: #C7A7FF; text-decoration: none;}
div#footer ul#credits li.link a:hover, div#footer ul#credits li.link a:focus { color: #FFF;}