/* KLEUREN
BG GRIJS: #ECEAE9
BLAUW : #00475F
ORANJE: #F89800



/* ------------------------------------------------------------------------------------------------ */
/*  Default */
body, div, span, font, td { font-family: arial, sans-serif; color: #00475F; line-height: 150%;} 
body { margin : 0px 0px 0px 0px;  scrollbar-base-color : #CCC; scrollbar-darkshadow-color : #CCC; scrollbar-face-color : #CCC; scrollbar-highlight-color : #CCC; scrollbar-track-color : #E6E6E6; scrollbar-shadow-color : #CCC;	}
a { color: #F89800; text-decoration: none; height: 140%;}
a:hover {text-decoration: none; color: #D93934;}
P {margin: 0px; margin-bottom: 10px;}
form {margin: 0px;}

/* ------------------------------------------------------------------------------------------------ */
/*  homepage */
#homepage {background-color: white;  }
#homepage #header { background-color: #F89800; height: 158px; width: auto; border: 1px solid white; display: block; background-image: url(../gfx/bgheader_home.gif); background-repeat: no-repeat; background-position: 0 0;}
#homepage .logoBox{ position: absolute; left: 0; top: 0; background-color: white; width: 340px; height: 158px; text-align: center; display: block; }
#homepage .logo { margin-top: 35px;}
.bijschrift{z-index: 10; position: absolute; top: 44px; left: 450px;}

#homepage #menu{ z-index: 10; position: absolute; left: 440px; top: 98px;} 

#homepage .fotoBox{ border: 1px solid white; border-top: 0px; width:609px;}
#homepage #aqua { position: absolute; visibility: hidden; left: 197px; top: 322px; z-index: 2}

#homepage .contentBox { margin: 0px 0px 0px 0px; position: absolute; left: 611px; top: 219px; width: auto; }
.block { padding: 20px 22px 20px 22px; width: auto;}
.grey { background-color: #ECEAE9; }
#homepage .title { background-image: url(../gfx/li_home.gif); background-repeat: no-repeat; background-position: 0px 4px; font-size:80%; font-weight: bold; padding-left: 18px;}
#homepage .body { font-size:70%; margin-left: 19px;}
.leesverder{ color: #F89800;}
.leesverder:hover{ color: #D93934; text-decoration: none;}
.leesverderPijl {background-image: url(../gfx/leesverderpijl.gif); background-repeat: no-repeat; background-position: 0px 3px; width: 10px; height: 10px; cursor: hand;}
.leesverderPijl:hover {background-image: url(../gfx/leesverderpijl_hi.gif); background-repeat: no-repeat; background-position: 0px 3px; width: 10px; height: 10px; }

.mailIcon{ background-image: url(../gfx/icon_mail.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 18px; height: 18px; float: right; margin-top: 73px; margin-right: 20px;}
.mailIcon:hover{ background-image: url(../gfx/icon_mail_hi.gif);}

.leftCorner{ z-index: 20; position: absolute; left: 0px; top: 480px;}

.modifiedDate{ margin-left: 192px; font-size: 60%; font-weight: bold;}

/* ------------------------------------------------------------------------------------------------ */
/*  menuItems */
.menuItem { font-size: 70%; background-color: #00475F; display: block;}
.over { background-image: url(../gfx/menu_over.gif); background-repeat: no-repeat; background-position: 0 0; display: block; height: 30px; border: 1px solid white;}
.over:hover, .over_active { background-image: url(../gfx/menu_over_hi.gif); background-repeat: no-repeat; background-position: 0 0; display: block; background-color: #D9D5D3; height: 30px; border: 1px solid white;}
.service { background-image: url(../gfx/menu_service.gif); background-repeat: no-repeat; background-position: 0 0; display: block; height: 30px; border: 1px solid white; border-top: 0px;}
.service:hover, .service_active { background-image: url(../gfx/menu_service_hi.gif); background-repeat: no-repeat; background-position: 0 0; display: block; background-color: #D9D5D3; height: 30px; border: 1px solid white; border-top: 0px;}
.vacatures { background-image: url(../gfx/menu_vacatures.gif); background-repeat: no-repeat; background-position: 0 0; display: block; height: 30px; border: 1px solid white; border-top: 0px;}
.vacatures:hover, .vacatures_active { background-image: url(../gfx/menu_vacatures_hi.gif); background-repeat: no-repeat; background-position: 0 0; display: block; background-color: #D9D5D3; height: 30px; border: 1px solid white; border-top: 0px;}
.links { background-image: url(../gfx/menu_links.gif); background-repeat: no-repeat; background-position: 0 0; display: block; border-bottom: 1px solid white; height: 30px; border: 1px solid white; border-top: 0px;}
.links:hover, .links_active { background-image: url(../gfx/menu_links_hi.gif); background-repeat: no-repeat; background-position: 0 0; display: block; background-color: #D9D5D3; height: 30px; border: 1px solid white; border-top: 0px;}



/* ------------------------------------------------------------------------------------------------ */
/*  infopage */
#infopage {background-color: #ECEAE9;}
#infopage #header { background-color: #F89800; height: 123px; width: auto; border: 1px solid white; display: block; background-image: url(../gfx/bgheader_info.gif); background-repeat: no-repeat; background-position: 0 0;}
#infopage .logoBox a { position: absolute; left: 0; top: 0; background-color: white; width: 340px; height: 94px; text-align: center; display: block; }
#infopage .logo { margin-top: 15px;}

#infopage #menu{ z-index: 10; position: absolute; left: 0px; top: 93px; width: 200px;} 

#infopage .fotoBox{ border: 1px solid white; border-top: 0px; border-bottom: 0px; width:459px; }
#infopage #aqua { position: absolute; visibility: hidden; left: 93px; top: 310px; z-index: 20}


.submenu{ z-index: 10; position: absolute; left: 199px; top: 123px; background-color:#D9D5D3; width: 261px; border-left: 1px solid white; border-bottom: 1px solid white;} 
.submenu ul{ margin: 8px 8px 8px 8px;}
.submenu li{ list-style: none; background-image: url(../gfx/menu_bullit.gif); background-repeat: no-repeat; background-position: 0px 6px; font-size: 70%; padding-left: 14px; line-height: 150%;}
.submenu li a{ color:#00475F;}
.submenu li a:hover{ color:#D93934;}
.submenu li a.focus { color:#D93934;}

#infopage .contentBox { margin: 0px 0px 0px 0px; position: absolute; left: 460px; top: 122px; background-color: white;}
#infopage .title { background-color:#D9D5D3; height: 30px; border: 1px solid white; font-size:90%; font-weight: bold; padding: 3px 0px 0px 30px;}
#infopage .bodyBlock { margin: 10px 20px 20px 34px;}
#infopage .subTitle{font-size: 70%; font-weight: bold;}
#infopage .body {font-size: 70%; font-weight: normal;}
.contentBox ul {margin: 10px 0px 10px 0px;}
.contentBox li {list-style: none; background-image: url(../gfx/li_bullit.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 16px;}
.contentBox li.download {list-style: none; background-image: url(../gfx/icon_downloads.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 20px;}

.iconBox{margin-left: 220px; margin-top:99px; height: 18px;}
#infopage .mailIcon{ margin-top: 0px; margin-left: 7px; margin: right: 0px; float: none; display: inline;}
.homeIcon {background-image: url(../gfx/icon_home.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 18px; height: 18px; display: inline;}
.homeIcon:hover {background-image: url(../gfx/icon_home_hi.gif);}
.printIcon{background-image: url(../gfx/icon_print.gif); background-repeat: no-repeat; background-position: 0px 4px; display: block; height: 20px; width: 20px; float: right; margin-top: -20px; margin-right: 10px;}
.printIcon:hover{background-image: url(../gfx/icon_print_hi.gif); background-repeat: no-repeat; background-position: 0px 4px;}

.label{ width: 150px; display: inline; height: 18px; }
.required {background-image: url(../gfx/li_bullit.gif); background-repeat: no-repeat; background-position: 0px 8px; width: 4px; height: 4px; float: right; margin-top: -18px;}
.inputField{ height: 18px; border: 1px solid #F89800; margin-left: 6px; margin-bottom: 2px; display: inline; color: #00475F; font-size: 100%; padding: 1px 0px 0px 5px;}
  .large{width: 200px; }
  .middle{width: 144px; }
  .small {width: 43px;}
.submitBtn{ width: auto; height: 18px; background-color: #F89800; color: white; font-weight: bold; text-align: center; border: 0px; padding: 0px 2px 1px 2px; cursor: hand; margin-left: 274px;}