html{ margin:0px; padding:0px; height:100%; }
body{ margin:0px; padding:0px; height:100%; background: transparent url('../img/template/bg-top.jpg') center top no-repeat; position: relative; font-family: arial, sans-serif; font-size: 12px;}
body.inside{background: transparent url('../img/template/bg-top-inside.jpg') center top no-repeat;}
img{ border:none; }

/*
	+-------------------------------------------------------------------------------------------+
	|										STRUCTURE											|
	+-------------------------------------------------------------------------------------------+	
*/

#wrapper{width: 960px; margin-left: auto; margin-right: auto; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -260px;}
body #bgImg{position: absolute; top:3px; z-index: 5; width: 100%; height: 435px; background: transparent url('../img/template/bg-top-img.png') center top no-repeat; min-width: 1038px;}
body.inside #bgImg{position: absolute; top:3px; z-index: 5; width: 100%; height: 298px; background: transparent url('../img/template/bg-top-inside-img.png') center top no-repeat; min-width: 1038px;}
#content{position: relative; z-index: 12;}

/*		###		HEADER		###		*/
#header{position: absolute; z-index: 100; width: 213px; height: 44px; right: 0; top: 50px;}
/*#logo{position: absolute; right: 0; top: 50px; z-index: 12;}*/

/*		###		NAVIGATION		###		*/

.navBlock{float: left; font-family: 'Open Sans', sans-serif; width: 154px; background: transparent url('../img/template/bg-nav.png') left top repeat-y; margin-top: 4px; padding-top: 0px; padding-left: 10px; padding-right: 10px; height: 438px; margin-right: 2px;}
.navBlock:hover{background: url("../img/template/bg-active-home.png") no-repeat scroll left top transparent; margin-top: 0px!important;}
.navBlock:hover img{margin-top: 4px; }
.navBlock ul{list-style-type: none;}
.navBlock ul li div{width: 149px; border-top: 1px solid #768aad; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background: transparent url('../img/template/menu-arrow.png') right center no-repeat;}
.navBlock ul li:hover{ background: #dfe2e8; margin-left: -10px; padding-left: 10px; width: 164px;}
.navBlock ul li div.lastNav{border-bottom: 1px solid #768aad;}
.navBlock ul li a{color: #203d76; font-size: 13px; text-decoration: none; text-transform: uppercase; width:149px; display: block;}
.navBlock ul li.acc {background: #dfe2e8; margin-left: -10px; padding-left: 10px; width: 164px;}
/*.navBlock ul li a{color: #203d76; font-size: 13px; text-decoration: none; text-transform: uppercase;}*/


.push{height: 305px; clear: both;}

/*		###		FOOTER		###		*/
#footer{margin-top: 20px; background: #f7faff url('../img/template/bg-footer.png') center bottom repeat-x; height: 260px; position: relative; padding-top: 22px; border-top: 1px solid #becbe4;}
#innerFooter{width: 960px; margin-left: auto; margin-right: auto; position: relative; height: 258px;}
#innerFooter div.footerLinks{float: left; width: 138px; margin-right: 63px;}
#innerFooter div.footerLinks h4{color: #264279; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 20px;}
#innerFooter div.footerLinks ul{list-style-type: none;}
#innerFooter div.footerLinks ul li {padding-top: 3px; padding-bottom: 3px;}
#innerFooter div.footerLinks ul li.noSub{border-bottom: 1px dotted #264279;}
#innerFooter div.footerLinks ul li ul{}
#innerFooter div.footerLinks ul li ul li{padding-left: 10px; background: transparent url('../img/template/footerSubBg.png') 0px 8px no-repeat;}
.footerLinks a{color: #203d76; font-size: 12px; text-decoration: none;}
#bottomFooter{color: #fff; /*padding-bottom: 5px; margin-top: 40px; padding-left: 15px; */ width: 930px; position: absolute; left: 15px; bottom: 5px;}
#bottomFooter a{color: #fff; text-transform: uppercase; font-size: 11px; text-decoration: none;}

.footerLang{float: right;}
.footerLang h5{display: inline;}
.footerLang a{margin-left: 7px;}
.footerLang a.activeLang{color: #e68904!important;}
.fltLeft{float: left;}

/*
	+-------------------------------------------------------------------------------------------+
	|											GENERAL											|
	+-------------------------------------------------------------------------------------------+	
*/

p.infoLabel{ background: transparent url('../img/icons/information.png') no-repeat left 2px; padding-left:20px; }
p.errorLabel{ background: transparent url('../img/icons/error.png') no-repeat left top; padding-left:25px; }

h4.typeBericht{color: #e1a346; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
h5.subTitle{color: #4c525f; font-size: 12px; font-weight: bold;}
h2.topTitle{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 24px; color: #203d76; margin-bottom: 20px; line-height: 1.1em;}
h5.dateAdded{color: #b2bcd0; font-family: 'Open Sans', sans-serif; font-size: 12px; }
a.readMore{padding-left: 10px; padding-bottom: 3px; background: transparent url('../img/template/bg-readMore.png') left bottom no-repeat; font-size: 10px; color: #203d76; text-decoration: none; text-transform: uppercase; margin-top: 40px; display: block;}



/* ============== */
/* = Searchform = */
/* ============== */
/* top in afzonderlijke pagina css*/
#searchFrm{width: 173px; height: 122px; background: transparent url('../img/template/searchform-bg.png') left top no-repeat; position: absolute; z-index: 11; right: -9px; padding-left: 18px; padding-top: 18px;}
#searchFrm h3{font-size: 20px; font-family: 'Open Sans', sans-serif; color: #203d76; margin-bottom: 8px;}
#searchFrm p{color: #fff; margin-bottom: 7px;}
#searchFrm #zoekVeld{width: 129px; height: 21px; padding: 0; border: none; outline: none; line-height: 0; float: left; margin-right: 2px;}
#submitBtn{border: none; outline: none; height: 21px; width: 20px; background: transparent url('../img/template/submitBtn.png') left top no-repeat; float: left;}

/* ============== */
/* = Breadcrumb = */
/* ============== */

#pageControls{width: 745px; margin-bottom: 25px;}

#breadcrumb{color: #989fc3; margin-left: 14px; float: left;}
#breadcrumb a{text-decoration: none; color: #989fc3;}

#breadcrumb span{font-size: 10px!important;}


/* ============== */
/* = Langswitch = */
/* ============== */
#langSelect{float: right;}
#langSelect a{color: #878fba; text-decoration: none; text-transform: uppercase; margin-left: 7px;}
#langSelect a.activeLang{color: #203d76;}

/* ======================== */
/* = CONTACT BUTTON SMALL = */
/* ======================== */
#contactBtnSmall{position: absolute; right: 0; top: 390px; width: 173px; background: #b1bbcf url('../img/template/contactBg.jpg') left bottom no-repeat;}
#contactBtnSmall:hover{background: #203d76 url('../img/template/contactBg2.jpg') left bottom no-repeat;}
#contactBtnSmall a{position: relative; display: block; text-decoration: none; width: 173px;}
#contactBtnSmall a h3{font-size: 22px; color: #203d76; font-family: 'Open Sans', sans-serif; line-height: 1em; margin-left: 14px; margin-top: 19px; }
#contactBtnSmall:hover a h3{color: #d88d21; }
#contactBtnSmall a p{color: #203d76; font-family: 'Open Sans', sans-serif; font-size: 12px; margin-left: 14px; line-height: 1.1em; margin-bottom: 3px; padding-bottom: 4px; border-bottom: 1px solid #a1acc0; padding-right: 20px; width: 120px; background: transparent url('../img/template/contact-item.png') right center no-repeat;}
#contactBtnSmall:hover a p{color: #fff;}
#contactBtnSmall a p#one{margin-top: 15px;}
#contactBtnSmall a p#two{left: 14px; top: 93px;}
#contactBtnSmall a p#three{left: 14px; top: 128px;}

/* =========== */
/* = RSS BTN = */
/* =========== */
#rssBtn{position: absolute; right: 0; top: 650px; width: 173px; height: 80px; display: block;}
.rssnl{top: 620px!important;}

/* =========== */
/* = RELATED = */
/* =========== */
#related{position: absolute; right: 0; width: 173px;}
#related a{width: 157px; padding: 15px 8px; display: block; border-bottom: 1px solid #b1bbcf; text-decoration: none;}
#related a:hover{background: #f5f7fb;}
#related a h4{font-size: 16px; font-family: 'Open Sans', sans-serif; color: #eb9210; margin-bottom: 10px; line-height: 1.2em;}
#related a p{color: #203d78;}

/* =========== */
/* = TOOLTIP = */
/* =========== */
span.highlight{border-bottom: 1px dotted;}
#tooltip{width:190px; height: auto; position: absolute; display: none; z-index: 100;}
#tooltip .tool-top{width: 190px; height: 24px; background: transparent url('../img/tooltip/top.png') left top no-repeat;}
#tooltip .content{width: 170px; padding: 0 10px ;background: transparent url('../img/tooltip/content.png') left top repeat-y; }
#tooltip .tool-ftr{width: 190px; height: 24px; background: transparent url('../img/tooltip/bottom.png') left top no-repeat;}