HTML {BACKGROUND: url(../img/bodyback.gif) #d9e2e5 repeat 0px 0px}
BODY { COLOR: #ffffff; overflow-y: scroll; //overflow-y: auto;}
#container {LEFT: 50%; MARGIN-LEFT: -500px; WIDTH: 1000px; BACKGROUND-REPEAT: repeat; TOP: 8px; PADDING-BOTTOM: 30px; padding 0px; POSITION: absolute;}
/********* menu top horizontaal *****/
#wave {LEFT: 0px; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/wave.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 138px;}
#topmenu {LEFT: 352px; WIDTH: 400px; BACKGROUND-REPEAT: repeat; POSITION: absolute; TOP: 0px; PADDING-left: 0px;}
#topmenu a { PADDING-RIGHT: 8px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; FONT: bold 12px/30px Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 33px; TEXT-ALIGN: center; TEXT-DECORATION: none}
#topmenu a:hover {PADDING-RIGHT: 8px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; FONT: bold 12px/30px Arial, Helvetica, sans-serif; COLOR: #a2c7ee; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 33px; TEXT-ALIGN: center; TEXT-DECORATION: none}
/********* banners *****/
#bannervoorblad {LEFT: 0px; WIDTH: 1000px; BACKGROUND-REPEAT: no-repeat;}
#banner {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner1 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner1.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner2 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner2.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner3 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner3.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner4 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner4.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner5 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner5.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner6 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner6.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner7 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner7.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner8 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner8.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner9 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner9.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner10 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner10.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner11 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner11.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner12 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner12.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner13 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner13.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner14 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner14.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner15 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner15.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner16 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner16.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner17 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner17.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner18 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner18.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
#banner19 {float: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/banner19.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; OVERFLOW: hidden;}
/********* openingspagina menu horizontaal *****/
#menubalkvb {FLOAT: left; BACKGROUND-IMAGE: url(../img/bgmenuvb.gif); WIDTH: 1000px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px;}
#menu0 {LEFT: 70px; WIDTH: 50px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu7 {LEFT: 0px; WIDTH: 221px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu8 {LEFT: 250px; WIDTH: 221px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu9 {LEFT: 500px; WIDTH: 221px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu10 {LEFT: 750px; WIDTH: 222px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
/********* binnenpaginas menu horizontaal *****/
#menubalk{
FLOAT: left; BACKGROUND-IMAGE: url(../img/bgmenu.gif); WIDTH: 1000px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px;}
#menu0 {
LEFT: 228px; WIDTH: 50px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu1 {
LEFT: 307px; WIDTH: 120px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu2 {
LEFT: 456px; WIDTH: 110px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu3 {
LEFT: 595px; WIDTH: 105px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu4 {
LEFT: 729px; WIDTH: 155px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu5 {
LEFT: 791px; WIDTH: 100px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#menu6 {
LEFT: 822px; WIDTH: 100px; TOP: 138px; HEIGHT: 32px; POSITION: absolute;}
#wrap {
margin: 0px; padding: 0px;}
#bgmenuend {
float: LEFT; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/bannerend.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px; overflow: hidden;}
#bgmenuendblue {
float: LEFT; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/bannerendblue.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px; overflow: hidden;}
.menukop {
FONT: bold 14pt/14pt Arial, Helvetica, sans-serif;
COLOR: #265695;
margin-bottom: 15px;}
ul.menu {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
width: 178px;
border: none;
}
ul.menu > li > a {
font: normal 9pt/18pt Arial, Helvetica, sans-serif;
color: #000000;
background: url(../img/arrow_blue_on.gif) no-repeat 0px 5px;
text-decoration: none;
padding-left: 15px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
width: 100%;
height: 25px;
border-bottom: 1px solid #c4ced2;
}
ul.menu > li.selected > a, ul.menu > li > a:hover {
color: #fff;
background: url(../img/arrow_blue.gif) no-repeat 0px 5px;
background-color:#6e9bcb;
}
/********* menu contact *****/
#contact {LEFT: 784px; WIDTH: 179px; BACKGROUND-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; PADDING-left: 25px; PADDING-top: 25px; TOP: 143px; HEIGHT: 133px; POSITION: absolute;}
#contact a {PADDING-LEFT: 0px; FONT: bold 9pt/15pt Arial, Helvetica, sans-serif; COLOR: #38206f; TEXT-DECORATION: none}
#contact a:hover { COLOR: #000000; TEXT-DECORATION: none}
/********* kolommen website *****/
#contentvb {FLOAT: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/bgcontent.gif); BACKGROUND-REPEAT: repeat;}
#content { FLOAT: left; WIDTH: 1000px; BACKGROUND-COLOR: #ffffff;}
#kolommenu { FLOAT: left; PADDING-LEFT: 20px; WIDTH: 192px; PADDING-RIGHT: 20px; MARGIN-TOP: 20px;}
#kolomhoofd { FLOAT: left; PADDING-RIGHT: 32px; PADDING-Left: 30px; PADDING-TOP: 20px; WIDTH: 480px; BACKGROUND-COLOR: #d9e2e6; FONT: 9pt/14pt Arial, Helvetica, sans-serif; COLOR: #000000}
#kolomadvertentie { FLOAT: left; PADDING-Left: 20px; WIDTH: 184px; BACKGROUND-COLOR: #6e9bcb; PADDING-TOP: 15px; FONT: 9pt/16pt Arial, Helvetica, sans-serif; COLOR: #000000;}
#kolomcontact1 { FLOAT: left; PADDING-RIGHT: 0px; PADDING-Left: 0px; PADDING-TOP: 0px; WIDTH: 180px; padding-bottom: 22px; BACKGROUND-COLOR: #d9e2e6; FONT: 9pt/14pt Arial, Helvetica, sans-serif; COLOR: #000000}
#kolomcontact2 { FLOAT: right; PADDING-RIGHT: 40px; PADDING-Left: 0px; PADDING-TOP: 0px; WIDTH: 180px; padding-bottom: 22px; BACKGROUND-COLOR: #d9e2e6; FONT: 9pt/14pt Arial, Helvetica, sans-serif; COLOR: #000000}
#kolomvb1 { FLOAT: left; PADDING-Left: 30px; WIDTH: 184px; BACKGROUND-COLOR: #ffffff; PADDING-TOP: 40px;}
#kolomvb2 { FLOAT: left; PADDING-Left: 30px; WIDTH: 184px; BACKGROUND-COLOR: #ffffff; PADDING-TOP: 20px;}
#kolomvb3 { FLOAT: left; PADDING-Left: 30px; WIDTH: 184px; BACKGROUND-COLOR: #ffffff; PADDING-TOP: 20px;}
#kolomvb4 { FLOAT: left; PADDING-Left: 30px; WIDTH: 184px; BACKGROUND-COLOR: #ffffff; PADDING-TOP: 20px;}
/********* onderbalk voorblad *****/
#onderbalkvb { FLOAT: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/wavebottomvb.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 64px; POSITION: relative; top: 550px}
#bottommenuvb { LEFT: 860px; COLOR: #efefef; FONT-SIZE: 10px; LINE-HEIGHT: 20px; bottom: 22px; POSITION: absolute;}
#bottommenuvb a { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #efefef; TEXT-DECORATION: none}
#bottommenuvb a:hover { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #558dca; TEXT-DECORATION: none}
#bottomemailvb { LEFT: 640px; COLOR: #efefef; FONT-SIZE: 10px; LINE-HEIGHT: 20px; bottom: 22px; POSITION: absolute;}
#bottomemailvb a { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #efefef; TEXT-DECORATION: none}
#bottomemailvb a:hover { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #558dca; TEXT-DECORATION: none}
/********* onderbalk binnen pagina *****/
#onderbalk { FLOAT: left; WIDTH: 1000px; BACKGROUND-IMAGE: url(../img/wavebottom.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 85px;}
#bottommenu { LEFT: 860px; COLOR: #efefef; FONT-SIZE: 10px; LINE-HEIGHT: 20px; bottom: 50px; POSITION: absolute;}
#bottommenu a { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #efefef; TEXT-DECORATION: none}
#bottommenu a:hover { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #558dca; TEXT-DECORATION: none}
#realisatie { LEFT: 30px; FONT-SIZE: 10px; COLOR: #558dca; LINE-HEIGHT: 20px; bottom: 50px; POSITION: absolute;}
#realisatie a { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #558dca; TEXT-DECORATION: none}
#realisatie a:hover { FONT: normal 8pt/14pt Arial, Helvetica, sans-serif;COLOR: #efefef; TEXT-DECORATION: none}
/********* kolom img ontruimingsimg *****/
#kolomontruimen {FLOAT: left; WIDTH: 200px; PADDING-left: 0px; PADDING-TOP: 0px; MARGIN-TOP: 0px;
}
.kolomontruimenright {FLOAT: left; WIDTH: 200px; PADDING-left: 40px; PADDING-TOP: 15px; MARGIN-TOP: 0px;
}
.kolomontruimenleft {FLOAT: left; WIDTH: 200px; PADDING-left: 10px; PADDING-TOP: 15px; MARGIN-TOP: 0px;
}
/********* horizontaal groep menu *****/
#menuvb1 {LEFT: 18px; VERTICAL-ALIGN: middle ; OVERFLOW: hidden; WIDTH: 938px; POSITION: absolute; TOP: 125px; HEIGHT: 50px}
#menuvb2 {LEFT: 204px; VERTICAL-ALIGN: middle ; OVERFLOW: hidden; WIDTH: 938px; POSITION: absolute; TOP: 125px; HEIGHT: 50px}
#menuvb3 {LEFT: 388px; VERTICAL-ALIGN: middle ; OVERFLOW: hidden; WIDTH: 938px; POSITION: absolute; TOP: 125px; HEIGHT: 50px}
#menuvb4 {LEFT: 575px; VERTICAL-ALIGN: middle ; OVERFLOW: hidden; WIDTH: 938px; POSITION: absolute; TOP: 125px; HEIGHT: 50px}
#menuvb5 {LEFT: 762px; VERTICAL-ALIGN: middle ; OVERFLOW: hidden; WIDTH: 938px; POSITION: absolute; TOP: 125px; HEIGHT: 50px}
A.menuitem {PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 90px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; TEXT-DECORATION: none; BACKGROUND-POSITION: left center; COLOR: #413b6c; BACKGROUND-REPEAT: no-repeat}
A.menuitemselected {PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 90px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; TEXT-DECORATION: none; BACKGROUND-POSITION: left center; COLOR: #ae053e; BACKGROUND-REPEAT: no-repeat}
A.menuitem:hover {PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 90px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; TEXT-DECORATION: none; BACKGROUND-POSITION: left center; COLOR: #ae053e; BACKGROUND-REPEAT: no-repeat}
A.menuitemHOME {PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 90px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; TEXT-DECORATION: none; BACKGROUND-POSITION: left center; COLOR: #413b6c; BACKGROUND-REPEAT: no-repeat}
A.menuitemHOME:hover {COLOR: #ae053e}
/********* box image *****/
#box1 {LEFT: 0px; WIDTH: 249px; POSITION: absolute; TOP: 170px; HEIGHT: 200px; BACKGROUND-IMAGE: url(../img/box1.jpg); BACKGROUND-REPEAT: no-repeat}
#box2 {LEFT: 250px; WIDTH: 249px; POSITION: absolute; TOP: 170px; HEIGHT: 200px; BACKGROUND-IMAGE: url(../img/box2.jpg); BACKGROUND-REPEAT: no-repeat}
#box3 {LEFT: 500px; WIDTH: 249px; POSITION: absolute; TOP: 170px; HEIGHT: 200px; BACKGROUND-IMAGE: url(../img/box3.jpg); BACKGROUND-REPEAT: no-repeat}
#box4 {LEft: 750px; WIDTH: 250px; POSITION: absolute; TOP: 170px; HEIGHT: 200px; BACKGROUND-IMAGE: url(../img/box4.jpg); BACKGROUND-REPEAT: no-repeat}
/********* box bg color *****/
#box1-menu {LEFT: 0px; WIDTH: 249px; POSITION: absolute; TOP: 370px; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff; }
#box2-menu {LEFT: 250px; WIDTH: 249px; POSITION: absolute; TOP: 370px; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff; }
#box3-menu {LEFT: 500px; WIDTH: 249px; POSITION: absolute; TOP: 370px; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff; }
#box4-menu {LEft: 750px; WIDTH: 250px; POSITION: absolute; TOP: 370px; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff; }
/********* box menu font *****/
a.box:link { PADDING-left: 40px; color: #003883; font-weight: bold; BACKGROUND-IMAGE: url(../img/boxpijl.gif); BACKGROUND-REPEAT: no-repeat; text-decoration: none}
a.box:active { PADDING-left: 40px; color: #003883; font-weight: bold; BACKGROUND-IMAGE: url(../img/boxpijl.gif); BACKGROUND-REPEAT: no-repeat; text-decoration: none }
a.box:visited { PADDING-left: 40px; color: #003883; font-weight: bold; BACKGROUND-IMAGE: url(../img/boxpijl.gif); BACKGROUND-REPEAT: no-repeat; text-decoration: none}
a.box:hover { PADDING-left: 40px; color: #c41113; font-weight: bold; BACKGROUND-IMAGE: url(../img/boxpijlon.gif); BACKGROUND-REPEAT: no-repeat; text-decoration: underline }
a.boxselected { PADDING-left: 40px; color: #003883; font-weight: bold; BACKGROUND-IMAGE: url(../img/boxpijl.gif); BACKGROUND-REPEAT: no-repeat; text-decoration: none }
/********* box text font *****/
.boxtext { Float: left; PADDING-left: 30px; PADDING-right: 20px; color: #000000; FONT: 9pt/12pt Arial, Helvetica, sans-serif; text-decoration: none}
#box1-text { LEFT: 0px; WIDTH: 249px; POSITION: absolute; TOP: 515px; HEIGHT: 216px; BACKGROUND-COLOR: #ffffff; }
#box2-text { LEFT: 250px; WIDTH: 249px; POSITION: absolute; TOP: 515px; HEIGHT: 216px; BACKGROUND-COLOR: #ffffff; }
#box3-text { LEFT: 500px; WIDTH: 249px; POSITION: absolute; TOP: 515px; HEIGHT: 216px; BACKGROUND-COLOR: #ffffff; }
#box4-text { LEft: 750px; WIDTH: 250px; POSITION: absolute; TOP: 515px; HEIGHT: 216px; BACKGROUND-COLOR: #ffffff; }