@CHARSET "UTF-8";

body {
background: #DCF1FD url('../images/back.png') repeat-x;
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
font-size: 10pt;
}

a{ color: white;}
#content a {color: #0a4e93; text-decoration: underline;}
#content a:hover {color: #DC3831;}
ul, li {margin: 0px; padding: 0px;}
table,
	td {color: #0c4477;}

a img {border: none;}

#container {
width: 950px;
background: url('../images/container-bg.jpg') center 6px no-repeat;
margin: 0px auto;
position: relative;
}

#top {position: relative; height: 102px;}
#logo {position: absolute; left: 378px;}
#top ul {position: absolute; top: 40px; font-size: 11pt}
#top ul li {float: left; list-style: none; text-transform: uppercase; padding: 6px 15px 0px 2px; margin-right: 20px; position: relative; height: 29px;}

#menurechts {
	width: 450px;
	left: 555px;
}
#top #menurechts li {margin-right: 0px; margin-left: 0px;}
#top ul li a,
#top ul li ul li a {color: #002557; text-decoration: none;}
#top ul li.active a,
#top li li.active a {color: white;}
#top li.active {background: url('../images/menu-active-bg-right.png') top right no-repeat;}
#top li.active .deco_left {background:url('../images/menu-active-bg-left.png') top left no-repeat; width: 12px; height: 29px; display: block; position: absolute; left: -12px; top: 0px;} 

#top li li.active,
#top li li.active .deco_left {background: none;}

#top li ul {visibility: hidden;}
#top li:hover ul,
#top li.active ul  {visibility: visible;}
ul#ondernemers { position: absolute; left: 0; top: 25px; height: 40px; width: 330px; font-size: 8pt;}
ul#ondernemers li { padding: 0px; margin: 0px 0px 0px 3px !important; height: 16px; width: 100px; border-right: 1px solid #192853;}
ul#ondernemers li.active a {color: #fff;}
#ondernemers a { font-weight: bold;color: #192853; width: 85px;display: block;padding: 2px 0; font-size: 10px; }
ul#ondernemersveld { position: absolute; top: 22px; left: 200px;right: 0px; width: 180px; height: 45px;}
ul#ondernemersveld li { padding: 0 0 0 0; height: 18px; position: relative;}
.ondernemersveld { padding: 2px 5px; font: 11px Arial; border: 0px; width: 108px; background: url(../images/ondernemersveld.png) no-repeat;color: #0D4C87;}
.ondernemerspassword {background: url(../images/ondernemerspassword.png) no-repeat; }
.ondernemersbutton { position: absolute; left: 75px; top: 4px;}


#content,
#contentdetail {position: relative; height: 339px;}
#productoverzicht {position: absolute; top:0px; left: 0px;}
#productoverzicht2 {position: absolute; top:50px; left: 0px;}
#productoverzicht3 {position: absolute; top:0px; left: 0px;}
#detailinformatie {  float: right; width: 413px; height: 305px; background: url('../images/detailinformatie.png') no-repeat;
padding: 25px 25px 25px 30px;
}
.home #detailinformatie {background: url('../images/detailinformatie-bg.png') no-repeat;}
#detailinformatie h1 {margin: 0px; padding: 0px; color: #0c4477; text-transform: uppercase;}
#detailinformatie h2 {margin: 0px; padding: 0px; color: #3f9cd6; text-transform: uppercase;}
#detailinformatie p {color: #0a4e93; font-size: 10pt;}
#detailinformatie #tekst {height: 134px; padding:5px;}
#tekst #image {position:relative; float:right; padding:10px; margin-top:0px;}
#detailinformatie #visual {width: 200px; height: 140px; float: left; margin-right: 10px; position: relative; background: black;}
#detailinformatie #visual #overlay {z-index: 100; width: 202px; height: 140px; position: absolute; top: 0px; left: 0px; background: url('../images/visual-overlay.png') no-repeat;}
#overlay a {display: block; width: 100%; height: 100%;}
#detailinformatie #extra {margin-top: 4px;}
#detailinformatie ul {font-size: 8pt}
#detailinformatie ul li {float: left; list-style: none; text-transform: uppercase;}
#menu {height:30px;}
#detailinformatie #menu li {padding-right: 0px; padding-right: 15px;}
#detailinformatie ul a {color: #002557; text-decoration: none;}
#detailinformatie ul li.active a {color: white;}
#afsluiten {position: absolute; right: 25px; top: 30px; z-index: 100;}
#afsluiten a {color: red; text-decoration: none;}

#tabel {position:relative; padding-top: 0px; width: 430px; color: #0c4477;}
#tabel table {border-color:#0c4477; font-size: 11px; border-collapse:collapse;}
#tabel td {padding: 6px; border-color:#0c4477; border-bottom:1px solid; border-right:1px solid;}
#tabel th {text-align:left; border-color:#0c4477; border-bottom:1px solid; border-right:1px solid;}
#tabel th #row {text-align:left; border-color:#0c4477; border-bottom:1px solid; border-right:0px;}
#tabel #row {border-color:#0c4477; border-bottom:1px solid; border-right:0px; padding: 6px;}
#tabel #last {border-color:#0c4477; border-right:1px solid; border-bottom:0px; padding: 6px;}
#tabel #lastright {border:none; padding:6px;}

#tekstvakplaatje {position: absolute; top: 20px; left: 0px; width: 278px; float:left;}
#tekstvakplaatje2 {position: absolute; background:  url(../images/plattegrond.png) no-repeat; top: 20px; left: 0px; width: 278px; height: 230px; float:left;}
#tekstvakplaatje3 {position: absolute; background:  url(../images/nieuwsberichten-bg.png) no-repeat; top: 5px; left: -10px; width: 295px; height: 371px; float:left; text-decoration: none;}
#tekstvakplaatje3 #nieuwsbericht ul {height: 350px; margin: 0px; padding: 30px; color: #0c4477; text-decoration: none; list-style: none;}
#nieuwsbericht h1 {margin: 0px; padding: 0px; color: #0c4477; font-size: 14pt; text-transform: uppercase; text-decoration: none;}
#nieuwsbericht h2 {margin: 0px; padding: 0px; color: #3f9cd6; text-decoration: none;}
#nieuwsbericht p {margin:2px 0px 15px 0px; padding: 0px; color: #0c4477; font-size: 9pt; text-decoration: none;}
#nieuwsbericht p.datum,
#tekst .newsitem p.datum {margin: 0px; padding: 0px; color: #D7352E;}
#nieuwsbericht li.active {background: url('../images/activenewsitem-bg.png') repeat-y; width: 234px; padding: 5px 12px 0px 12px; position: relative; left: -12px;}
#nieuwsbericht li.active .presentation_bottom {width: 258px; height: 7px; background: url('../images/activenewsitem-deco.png');
position: absolute; bottom: -7px; left: 0px;}
#historiebutton {width: 234px; text-align: center;}
#tekst .newsitem h1 {font-size: 18px;}
#tekst .newsitem p {margin: 0px; padding: 0px;}
.newsitem p,
.newsitem a{text-decoration: none !important;}
.newsitem  {padding: 15px 0px;}
.newsitem .image {float: right}
#tekstvak {float: right; width: 614px; height: 500px; background: transparent url(../images/detailinformatiegroot-bg.png) 3px 2px no-repeat; padding: 25px 25px 25px 30px;}
#tekstvak strong {color: #0A4E93; font-size: 14px;line-height: 150%; display: block;}
#tekstvak p { color: #0A4E93;line-height: 150%;}
#tekstvak h1 {font-size: 38px;}

#tekstvakmenu ul { list-style-type: none; padding: 0;margin: 5px 0 0 0;}
#tekstvakmenu li { display: inline;}
#tekstvakmenu li a { margin-right: 10px;float: left; display: block; color: #0A4E93; text-transform: uppercase; text-decoration: none; padding: 2px 5px 3px 5px; font-size: 10px; font-weight: bold;}
#tekstvakmenu li.active { float: left; margin: 0 10px 0 0;padding: 0; background:  url(../images/tekstvakmenu-rechts.gif) no-repeat right top;}
#tekstvakmenu li.active a { margin: 0;float: none; color: #fff;background:  url(../images/tekstvakmenu-links.gif) left top no-repeat; padding-left: 4px; }
#tekstvakmenu {padding-left: 0px; height: 20px;}


.referenties { width: 200px; float: left; list-style-type: none; }
.referenties li { display: inline;}
.referenties li a { display: block; padding: 2px 0; color: #0A4E93; text-decoration: none;}
.referenties span { color: #0A4E93; padding: 15px 0 2px 0; display: block; font-weight: bold; font-size: 13px;}

.tekst-links { color: #0a4e93; font-size: 10pt; width: 385px; float: left; margin-top: 16px;}
.tekst-rechts { color: #0a4e93; font-size: 10pt; margin-left: 390px;}

form label {
    display: block;
    width: 70px;
    float: left;
    line-height: 30px;
}

form {padding-top: 10px;}
form div  {display: inline; clear: both; }
form .veld, form textarea { float: left;}
form .veld { background: url(../images/veld.png) left top no-repeat; padding: 6px; height: 19px; width: 296px; border: 0px; font: 15px Arial;}
form textarea { background: url(../images/veld-groot.png) left top no-repeat; padding: 6px; height: 73px; width: 296px; border: 0px; font: 15px Arial;}

#slider div {float: left;}
#slider {height: 136px; width: 951px; margin-top: 60px;}
#slider .handle {width: 28px; height: 136px;}
#slider #move_left {background: url('../images/slider/move_left.png') no-repeat;}
#slider #move_right {background: url('../images/slider/move_right.png') no-repeat;}
#slider .scrollarea {background: url('../images/slider/back.png') repeat-x; height: 136px; width: 895px; overflow: hidden;}
#slider .scrollarea a img {border: none;}
#slider .scrollarea ul {width: 10000px;}
#slider .scrollarea li {list-style: none; float: left; height: 117px; background: url('../images/slider/line.png') top right no-repeat; width: 169px; padding: 10px 5px;}

#slider2 div {float: left;}
#slider2 {height: 136px; width: 950px; margin-top: 60px;}
#slider2 .handle {width: 28px; height: 136px;}
#slider2 #move_left {background: url('../images/move_left_nobutton.png') no-repeat;}
#slider2 #move_right {background: url('../images/move_right_nobutton.png') no-repeat;}
#slider2 #scrollarea {background: url('../images/slider/back.png') repeat-x; height: 136px; width: 894px; overflow: auto;}
#slider2 #scrollarea a img {border: none;}
#slider2 #scrollarea ul {width: 100000px;}
#slider2 #scrollarea li {list-style: none; float: left; height: 117px; background: url('../images/slider/line.png') top right no-repeat; width: 169px; padding: 10px 5px;}

#slider3 div {float: left;}
#slider3 {height: 295px; width: 980px;margin-top: 60px}
#slider3 .handle {width: 46px; height: 46px;}
#slider3 #move_left {background: url('../images/slider3/move_left_round.png') no-repeat; margin-top:77px;}
#slider3 #move_right {background: url('../images/slider3/move_right_round.png') no-repeat; margin-top:77px;}
#slider3 #scrollarea {height: 295px; width: 880px; overflow: auto;}
#slider3 #scrollarea a img {border: none;}
#slider3 #scrollarea ul {width: 100000px;}
#slider3 #scrollarea li {list-style: none; float: left; width: 285px; padding: 10px 10px;}

#slider.years {height: 54px; width: 940px; margin-top: 60px;}
#slider.years .handle {width: 28px; height: 54px;}
#slider.years #move_left {background: url('../images/slider4/move_left.png') no-repeat;}
#slider.years #move_right {background: url('../images/slider4/move_right.png') no-repeat;}
#slider.years .scrollarea {background: url('../images/slider4/back.png') repeat-x; height: 54px; width: 879px; overflow: auto;}
#slider.years .scrollarea a img {border: none; padding-left:50px; padding-top:4px;}
#slider.years .scrollarea ul {width: 100000px;}
#slider.years .scrollarea li {list-style: none; float: left; height: 54px; background: url('../images/slider4/line.png') top right no-repeat; width: 158px; padding: 10px 5px;}


#slider.no-arrow div {float: left;}
#slider.no-arrow {height: 136px; width: 957px; margin-top: 60px;}
#slider.no-arrow .handle {width: 19px; height: 136px;}
#slider.no-arrow #move_left {background: url('../images/slider5/move_left.png') no-repeat;}
#slider.no-arrow #move_right {background: url('../images/slider5/move_right.png') no-repeat;}
#slider.no-arrow .scrollarea {background: url('../images/slider5/back.png') repeat-x; height: 136px; width: 900px; overflow: auto;}
#slider.no-arrow .scrollarea a img {border: none;}
#slider.no-arrow .scrollarea ul {width: 100000px;}
#slider.no-arrow .scrollarea li {list-style: none; float: left; height: 117px; background: url('../images/slider5/line.png') top right no-repeat; width: 162px; padding: 9px 5px;}

#assortimentslider div {float: left;}
#assortimentslider {height: 390px; width: 950px; margin:0px;}
#assortimentslider .handle {width: 46px; height: 46px;}
#assortimentslider .move_left {background: url('../images/slider2/move_left_round.png') no-repeat; margin-top:137px;}
#assortimentslider .move_right {background: url('../images/slider2/move_right_round.png') no-repeat; margin-top:137px;}
#assortimentslider .scrollarea {height: 390px; width: 830px; overflow: auto;}
#assortimentslider .scrollarea a img {border: none;}
#assortimentslider .scrollarea ul {width: 100000px;}
#assortimentslider .scrollarea li {list-style: none; float: left; width: 270px; padding: 10px 10px;}
#assortimentslider .leftshadow {width: 40px; height: 391px; position: absolute; top: 0px; left: 46px; background: url('../images/links.png'); z-index: 90;}
#assortimentslider .rightshadow {width: 40px; height: 391px; position: absolute; top: 0px; left: 840px; background: url('../images/rechts.png'); z-index: 90;}


#accordion h3 a { background: url(../images/accordion-title.png) left top no-repeat; width: 593px; color: #fff; text-decoration: none; font-size: 13px; display: block; padding: 3px 5px;}
#accordion h3 { margin: 0; padding: 3px 0; outline:none;}
#accordion div { color: #0A4E93; line-height: 150%; padding: 5px; width: 593px; font-size: 12px;}
#accordion a {color: #0A4E93;}
#accordion ul {padding: 10px 0;list-style-type: none;}
#accordion ul a {text-decoration: none;}

#taalkeuze {float: right; margin-top: 5px;}
#taalkeuze li {float: left; list-style: none;
background: url('../images/footer-flags-spr.png') 0px 0px no-repeat;
padding-left: 2px;
margin-right: 10px;
position: relative;
}
#taalkeuze a {display: block;
width: 23px; height: 0px;
overflow: hidden;
padding-top: 23px;
}
#taalkeuze .nl a,
#taalkeuze li.active.nl .flag {background: url('../images/footer-flags-spr.png') -32px 0px no-repeat;}
#taalkeuze .de a,
#taalkeuze li.active.de .flag {background: url('../images/footer-flags-spr.png') -62px 0px no-repeat;}
#taalkeuze .fr a ,
#taalkeuze li.active.fr .flag{background: url('../images/footer-flags-spr.png') -92px 0px no-repeat;}
#taalkeuze .uk a,
#taalkeuze li.active.uk .flag {background: url('../images/footer-flags-spr.png') -122px 0px no-repeat;}

#taalkeuze li.active a {padding: 0px; width: auto; height: 19px;
background: white; color: #0f518D; float: left;
text-decoration: none;
padding-top: 5px;
padding-left: 20px;}
#taalkeuze li.active {background: url('../images/footer-active-bg-spr.png') no-repeat; padding-left: 10px;}
#taalkeuze li.active .presentation_right{ width: 10px; height: 32px; background: url('../images/footer-active-bg-spr.png') -10px 0px no-repeat; float: left;}
#taalkeuze li.active .flag {position: absolute; width: 23px; height: 23px; top: 0px; left: 3px; display: block;} 

#footer {position: absolute; top: 700px; right: 0px;color: #0f518D; font-size: 8pt; width: 370px; text-align: right;}

.tab {position: absolute; margin-top: 0px; width: 403px;}


.button .commercialxl {width: 125px; height: 0px; padding-top: 25px; background: url('../images/buttons/commercial_XL.png') no-repeat; display: block; overflow: hidden; float: left;}
.formulier {width: 169px; height: 0px; padding-top: 25px; background: url('../images/buttons/download_formulier.png') no-repeat; display: block; overflow: hidden; float: right;}
.voorwaarden {width: 169px; height: 0px; padding-right:0px; padding-top: 25px; background: url('../images/buttons/download_voorwaarden.png') no-repeat; display: block; overflow: hidden; float: right;}
.inschrijven {width: 109px; height: 0px; padding-right:0px; padding-top: 25px; background: url('../images/buttons/inschrijven.png') no-repeat; display: block; overflow: hidden; float: right;}
.inschrijvenen {width: 109px; height: 0px; padding-right:0px; padding-top: 27px; background: url('../images/buttons/btn_register.png') no-repeat; display: block; overflow: hidden; float: right;}
.inschrijvenfr {width: 119px; height: 0px; padding-right:0px; padding-top: 27px; background: url('../images/buttons/btn_inscrivezvous.png') no-repeat; display: block; overflow: hidden; float: right;}
.afsluiten {width: 21px; height: 21px; margin-top: -8px; padding-top: 0px; background: url('../images/buttons/sluiten.png') no-repeat; display: block; overflow: hidden; float: right;}
.afsluiten2 {width: 21px; height: 21px; margin-top: -3px; padding-top: 0px; background: url('../images/buttons/sluiten.png') no-repeat; display: block; overflow: hidden; float: right;}
.vraagteken {width: 12px; height: 12px; padding:0px; background: url('../images/buttons/vraagteken.png') no-repeat; display: block; overflow: hidden; float: right;}
.zoom {width: 21px; height: 21px; margin-top: 200px; margin-right:5px; background: url('../images/buttons/zoom.png') no-repeat; display: block; overflow:hidden; float: right;}

.historybutton {width: 100%; text-align: center; position: relative; top: -15px;}

.paginationControl a {background: #0C4477;  color: white !important; text-decoration: none !important; padding: 1px 4px;}
.paginationControl .active {background: #D83530; color: white !important; padding: 1px 4px;}
.paginationControl {text-align: center;}