.depreuverie #header { background: #7390ba; /*#73869d;*/ }
.thoefslag	#header { background: #a8c391; }
.kasteeldeschaffelaar  #header { background: #a99178; }
.sparrendam #header { background: #ffad51; }
/* CSS Document algemeen */
* { margin: 0; padding: 0; }
a img { border: 0; }
body { background: #FFF url(pics/bgLeeuw.gif) top left no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
#holder { position: relative; width:100%; top: 0; left: 0; height:auto; /*overflow:hidden;*/ min-height:100%; }
* html #holder { height:100% }
/* Top - vak 1 */
#top { position: relative; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-align: center;  list-style: none; }
#top li { padding: 0 10px; display: inline; color: #9F9F9F; background: url(pics/toplist_bullet.gif) right center no-repeat; }
#top a { color: #9F9F9F; text-decoration: none; }
#top a:hover { color: #000; }
#top li.last { background: none !important; }
/* Header - vak 2 */
#header { position:relative; width: 100%; height: 344px; color:#fff; text-align: center; z-index:10; }
#header .header { position: relative; width: 996px; margin: 0 auto; }
#headerimg { position: relative; height: 224px; padding: 20px 0 0 20px; margin: 0 auto; text-align: center; }
#headerimg img, #headerimg a { padding-right: 20px; float: left; }
#headerimg a img { padding: 0; }
#headerimg img.lastimg { padding-right: 0 !important; }
/* sideMenu   */
#headerimg #generalMenu { position: absolute; width: 200px; height: 200px; overflow: hidden; top: 20px; right: 44px; text-align: left; background: #fff; }
#generalMenu ul.generalMenu { position: relative; list-style:none; margin-top: 16px; }
#generalMenu ul.generalMenu li { position: relative;  padding: 0; margin: 0; } 
#generalMenu ul.generalMenu li a { position: relative; float: none; padding: 0; display: block; width: auto; height: 26px; text-transform: lowercase; font: 18px/26px Verdana, Arial, Helvetica, sans-serif; color:#c3c3c3; }
#generalMenu ul.generalMenu li a:hover { color: #a99178; }
#generalMenu ul.generalMenu ul li { display:none; visibility:hidden; }
/* #body */
#body { position: relative; float: left; width:100%; height: auto; overflow: hidden; text-align:center; }
#body .body { position: relative; margin: 0 auto; width: 996px; height: auto; overflow:hidden; text-align: left; }
#body .tpl { position: relative; float: left; display: inline; margin-left: 20px; min-height: 364px; width: 463px; padding: 30px 0; }
* html #body .tpl { height: 364px; }
/* main navigation */
#mainMenu{ position: relative; width: 100%; vertical-align: middle; text-align: center; } 
#mainMenu .mainMenuLogo { position:absolute; width:49px; height:58px; left:100px; top:17px;  }
/* Niveau 1 */
ul.mainMenu { position: absolute; top: 0px; left: 74px; width: auto; margin: 33px 0 0 100px; list-style: none; z-index:1000; }
ul.mainMenu li { position: relative; margin: 0; float: left; }
ul.mainMenu li a { position: relative; float:left; display: block; height: 26px; width:auto; padding: 0 10px; color: #fff; text-decoration: none; text-transform: lowercase; letter-spacing: 1px; font: 18px/26px Verdana, Arial, Helvetica, sans-serif; }
* html body ul.mainMenu a { height: 1%; }
ul.mainMenu li a:hover, ul.mainMenu li a.active:hover, ul.mainMenu li a.active { color: #00234c; }
/* niveau 2  */
ul.mainMenu ul { position:absolute; top: 26px; width: 168px; overflow: hidden; left: 0; margin: 0; padding: 8px 0 6px 0; visibility: hidden;  background: #c3a78a /*#b39b82*/; z-index: 2000; opacity: .9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
ul.mainMenu ul li, ul.mainMenu li ul li.firstNode, ul.mainMenu li ul li.lastNode { position: relative; float: left; width: 100%; overflow: hidden; /*height: auto;*/  padding: 0; margin: 0; text-align: left; }
ul.mainMenu ul li a, ul.mainMenu ul li a:link, ul.mainMenu ul li a:visited, ul.mainMenu ul li a:active, ul.mainMenu ul li a.active { position: relative; width: 148px; display: block; text-decoration: none; padding: 0 10px; letter-spacing: 0px; font-size: 11px; color: #fff; text-align: left; }
* html body ul.mainMenu ul li a, * html body ul.mainMenu ul li a:link, * html body ul.mainMenu ul li a:visited, * html body ul.mainMenu ul li a:active, * html body ul.mainMenu ul li a.active { height: 12px; }
ul.mainMenu ul li a:hover, ul.mainMenu ul li a.active:link, ul.mainMenu ul li a.active:visited, ul.mainMenu ul li a.active:hover, ul.mainMenu ul li a.active:active { position: relative; width: 148px; display: block; text-decoration: none; letter-spacing: 0px; color: #00234c; }
ul.mainMenu ul ul { display: none; visibility: hidden; } 
/* (the 'Holly Hack') \*/
* html body ul.mainMenu li { height: 1%; }
/* sub menu */
#mainMenuul.subMenu { position: absolute; top: 60px; left: 174px; width: auto; margin: 0x; list-style: none;}
#mainMenuul.subMenu li { margin: 0; float: left; }
#mainMenuul.subMenu li a { position: relative; float:left; display: block; height: 26px; width:auto; padding: 0 10px; color: #fff; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
#mainMenuul.subMenu li a:hover, #mainMenuul.subMenu li a.active:hover, #mainMenuul.subMenu li a.active { color: #00234c; }
/* Footer menu */
#footer { position:relative; float: left; clear: both; width: 100%; height: 20px; overflow:hidden; line-height: 20px; text-align:center; vertical-align: middle; background: #d1d1d1; color: #fff; z-index: 1000; }
#footer ul.footMenu { padding-left: 20px; margin:0 auto; text-align: left;  }
#footer .footMenu li { list-style: none; display: inline; padding: 0 5px; border-right: 1px #fff solid; }
#footer .footMenu li.lastNode { border:0;} 
#footer .footMenu a { color: #FFF; background: #d1d1d1; text-decoration: none; }
#footer .footMenu a:hover { color: #00234c; background: #d1d1d1;}
/* headerimg */
#navcontainer, .footMenu { width: 996px; margin: 0 auto; }
#headerimg li { list-style: none; text-indent: 20px; padding: 5px 0 5px 0; }
#headerimg a:hover { color: #1651ab; }
#headerimg a { font-size: 12px; color: #3878db; text-decoration: none; display: block; width: 224px; height: 20px; }
/* de padding en margin staan op nul dit moet gecorrigeerd worden. */
/* margins - need to be same in style.css */
.content h1 { margin:0 0 10px 0; }
.content h2 { padding: 20px 0 0 0; }
.content p { margin: 13px 0; }
.content ul {  }
.content li { margin:0 0 0 25px; } 
.content p h1 { margin:0 0 0 10px; }
.content p b { margin: 0 0 8px 0; }
/* correct sitemap */
.content #sitemap ul { margin:0 0 0 12px; }
.content #sitemap li { margin:0; }
/* banners */
#banners { position: relative; float: right; display: inline; margin-right: 20px; margin-top: 55px; width: 224px; height: auto; }
#banners .firstitem { position: relative; }
#banners .item { position: relative; padding-bottom: 8px; }
#banners p { padding: 4px 0 10px 0; text-align: center; font: italic 11px/11px Arial, Helvetica, sans-serif; color: #595959; }
* html body #banners .firstitem, * html body #banners .item { margin-bottom:  4px; }
/* photo1 */
#photo1 { position: relative; float: left; margin: 80px 0px 0px 20px; display: inline; width: 224px; height: 224px; }