/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font: 11px Arial, Tahoma; color: #3b4a55; }
input, select, textarea { font: 11px Tahoma, Arial; color: #000; }
body { background: #e3e9f2 url('../images/bodyBg.gif') left top repeat-x; }
img { border: 0px;}
ul { display: block; }
li { list-style: none; }
p { padding: 0px 0px 6px 0px ; line-height: 14px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { padding: 0px 0px 5px 0px; font: 20px 'Myriad Pro', Arial; color: #0073b6; }
.submitbg { margin: 10px 4px 0px 0px; float: right; width: 90px; height: 16px; cursor: pointer; font: bold 10px Verdana; text-transform: uppercase; color: #0073b6; border: 0px; background: url('../images/submitBg.gif') no-repeat; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; }
.dark { font-weight: bold; }
.whiteTxt { color: #fff; }
.submit2 { margin-top:5px; vertical-align: bottom; }
.fotoborder { border: 1px solid #D2E0F7; padding:4px; }

.diaryBox { width: 196px; background: url('../images/diaryBg1.jpg') left top repeat-y; }
.diaryBox .top { background: url('../images/diaryTopBg1.jpg') left top no-repeat; }
.diaryBox .bottom { padding: 35px 16px 25px 20px; background: url('../images/diaryBottomBg.jpg') left bottom no-repeat; }

/* ### WRAPPER CONTAINER ### */
#wrapper { padding: 0px 0px 0px 0px; width: 100%; position: relative; }

/* ### MAIN CONTAINER ### */
#mainCntr { overflow: hidden; width: 950px; margin: 0px auto; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { height:108px;  background: url('../images/header.jpg') 206px 0px no-repeat; }
	#headerCntr h1 { padding: 21px 0px 0px 23px; width: 286px; float: left; }
	#headerCntr	h1 a { display: block; width: 162px; height: 45px; text-indent: -9999px; background: url('../images/logo.jpg') left top no-repeat; }
	#headerCntr div.rightBox { width: 635px; float: left; }
	#headerCntr .rightBox div.top { padding: 12px 0px 0px 0px; height: 71px; overflow: hidden;  }
	#headerCntr .rightBox div.top div.topMenuBox { width: 475px; float: left; }
	#headerCntr .rightBox div.topMenuBox ul { float: right; }
	#headerCntr .rightBox div.topMenuBox ul li { padding: 0px 10px 5px 10px; display: block; float: left; background: url('../images/topMenuDevider.gif') 100% 30% no-repeat;  }
	#headerCntr .rightBox div.topMenuBox ul li.noBrd { background: none; }
	#headerCntr .rightBox div.topMenuBox ul li a { font: 10px Arial, Helvetica; color: #0073b6; text-decoration: none; }
	#headerCntr .rightBox div.topMenuBox ul li a:hover { color: #000; }
	#headerCntr .top div.searchBox { float: right; }
	#headerCntr .top div.searchBox form fieldset { border: none; }
	#headerCntr .top div.searchBox form input.txtBox { padding: 0px 3px 1px 3px; width: 121px; height: 13px; border: 1px solid #d2e0f7; float: left; background: url('../images/inputbg.gif') left top repeat-x; }
	#headerCntr .top div.searchBox form input.searchButton { margin: 0px 0px 0px 5px; float: left; }
	#scrollbar { width:100%; height:250px; overflow:hidden; top: 108px; position:absolute; border-bottom: 1px solid #2891B8 }
	#scrollbar2 { width:950px; height:250px; overflow:hidden; display:none; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { height: 24px; } 
		#menuCntr ul li { display: block; float: left; z-index:1000;   }
		#menuCntr ul li a{ padding: 5px 10px 5px 10px; display: block;  background: url('../images/mainMenuDevider.gif') right top no-repeat;  }
		#menuCntr ul li a { font: 11px Arial, Helvetica; color: #0073b6; text-decoration: none; }
		#menuCntr ul li a:hover { color: #000; }
		
		#menuCntr ul.submenu { display:none; position:absolute;}
		#menuCntr ul.submenu li { background: url('../images/topMenuDevider.gif') left top repeat-y; width:100%; float:none;  }
		#menuCntr ul.submenu li a { float:none; background:none; width:100%; display:block;  }
		#menuCntr ul.submenu li a:hover { color: #000; }


		#menuCntr li:hover ul {
			display: block;
		}

		#submenuBg { display:none; width:100%; height:50px; background-color:#E3E9F2; position:absolute; top:108px; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=85);  }
	
	/* ### BANNER CONTAINER ### */
/*	#bannerCntr { position: relative; width: 100%; height: 251px;  } */
	#bannerCntr {  width: 100%; height: 127px; padding-left:20px; padding-top: 130px;  } 
	#bannerCntr ul { overflow: hidden; width: 100%; list-style: none; }
	#bannerCntr li { padding-right: 1px; float: left; display: inline; }
	#bannerCntr li.last { padding-right: 0px; } 
/*	#bannerCntr address { padding: 40px 0px 0px 30px; position: absolute; top: 130px; left: 20px; width: 164px; height: 91px; color: #000; font-style: normal; line-height: 12px; background: url('../images/contact.png') no-repeat; } */
	#bannerCntr address { padding: 40px 0px 0px 30px; width: 164px; height: 91px; color: #000; font-style: normal; line-height: 12px; background: url('../images/contact.png') no-repeat; }
	#bannerCntr address .heading { color: #0073b6; font-weight: bold; display: block; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 3px 0px 30px 0px; overflow: hidden; width: 100%; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding: 0px 0px 0px 16px; margin: 0px 9px 0px 0px; width: 196px; float: left; display: inline; }
		
			/* ### LOGIN OUDER BOX ### */
			.loginOuderBox { padding: 0px 0px 20px 0px; color: #0073b6; }
			.loginOuderBox fieldset { padding-bottom: 5px; overflow: hidden; width: 196px; border: 0px; }
			.loginOuderBox input.field { margin: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; float: left; width: 117px; height: 14px; font: 10px Verdana; color: #0073b6; border: 1px solid #d2e0f7; background: #e3eaee; }
			.loginOuderBox p a { text-decoration: none; font: 10px Verdana; color: #0073b6; }
			.loginOuderBox p a:hover { text-decoration: underline; }
			.uitloggenButton { text-align: right; }
			.uitloggenButton a { padding: 0px 30px 0px 0px; color: #0073b6; text-align: right; background: url('../images/searchButton.gif') 100% 50% no-repeat; }
			
			/* ### KID CORNER BOX ### */
			.kidCornerBox { padding: 0px 0px 20px 0px; }
			
			/* ### AFDL BOX ### */
			.afdlBox { padding: 0px 0px 20px 0px; }
			.afdlBox h1 { padding: 0px 0px 10px 12px; }
			.afdlBox .diaryBox { width: 196px; background: url('../images/diaryBg.jpg') left top repeat-y; }
			.afdlBox .diaryBox .top { background: url('../images/diaryTopBg.jpg') left top no-repeat; }
			.afdlBox .diaryBox .bottom { width: 181px; padding: 35px 25px 13px 3px; background: url('../images/diaryBottomBg.jpg') left bottom no-repeat; }
			.afdlBox ul { padding: 0px 12px 0px 12px; list-style: none; }
			.afdlBox li { padding-bottom: 10px; }
			.afdlBox li strong { display: block; color: #0073b6; }
			.afdlBox li a { text-decoration: underline; color: #0073b6; }
			.afdlBox li a:hover { text-decoration: none; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { width: 517px; float: left; }
		
			/* ### TEXT BOX ### */
			.textBox { margin: 7px 0px 0px 0px; border-top: 1px solid #d2e0f7; background: #fff url('../images/textBoxBg.jpg') left top repeat-x; }
			.textBox .right { background: url('../images/textBoxRight.gif') top repeat-y; }
			.textBox .bottom { padding: 23px 25px 25px 20px; background: url('../images/textBoxBottom.jpg') right bottom no-repeat; }
			.textBox form { padding: 20px 0px 0px 0px; font-size: 12px; }
			.textBox form fieldset { border: none; }
			.textBox form input.txtBox { padding: 0px 3px 1px 3px; width: 195px; height: 13px; border: 1px solid #d2e0f7; background: #e4ebef url('../images/inputbg.gif') left top repeat-x; }
			.textBox form .heading { font: bold 12px Arial, Helvetica; color: #000000; }
			.textBox form .redTxt { color: #f60000; }
			.textBox form .fileTxt { font: 10px Arial, Helvetica; }
			.textBox form .fileLoad { float: left; }
			.textBox form .uploadButton { float: left; }
			.textBox ul.foto { overflow: hidden; width: 100%; list-style: none; }
			.textBox ul.foto li { margin: 12px 12px 0px 0px; float: left; display: inline; }
			.textBox ul.foto li img { padding: 4px; border: 1px solid #d2e0f7; background: #eef2f4; }
			.textBox ul.foto li.last { margin-right: 0px; }
			.textBox .map { margin: 20px 0px 17px 0px; height:357px; width:476px; border: 3px solid #d2e0f7;  }

#map_message {
	display:none;
	position:absolute;
	padding:10px;
	background:#E3EAEE;
	color:#0073B6;
	border:1px solid #0073B6;
	min-width:150px;
	text-align:center;
	cursor:pointer;
}			
			
			/* ### CONTACT BOX ### */
			.contactBox { margin: 7px 0px 0px 0px; border-left: 1px solid #d2e0f7; border-top: 1px solid #d2e0f7; background: #fff url('../images/textBoxBg.jpg') left top repeat-x; }
			.contactBox .right { background: url('../images/textBoxRight.jpg') right top repeat-y; }
			.contactBox .bottom { padding: 0px 4px 0px 0px; background: url('../images/textBoxBottom.jpg') right bottom no-repeat; }
			.contactBox fieldset { overflow: hidden; width: 436px; border: 0px; }
			.contactBox label { float: left; width: 100px; height: 25px; line-height: 25px; }
			.contactBox input.field { padding: 5px 5px 0px 5px; float: left; width: 326px; height: 20px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.contactBox #vraag { padding: 5px; float: left; width: 326px; height: 120px; border: 0px; background: url('../images/textBg.gif') no-repeat; }
			.contactBox textarea { width: 326px; height: 120px; border: 0px; }
			.contactBox div.info, .info, .contactBox div.form { padding: 20px; background: url('../images/line.gif') repeat-x bottom; }
			.contactBox div.info { padding-bottom: 0px; }
			.contactBox .map { margin: 20px 15px 17px 15px; height:357px; width:476px; border: 3px solid #d2e0f7;  }
			.contactBox input.submit { margin: 10px 4px 0px 0px; float: right; width: 90px; height: 16px; cursor: pointer; font: bold 10px Verdana; text-transform: uppercase; color: #0073b6; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.contactBox ul { overflow: hidden; width: 100%; list-style: none; }
			.contactBox li { padding: 0px 26px 0px 0px; float: left; display: inline; width: 140px; height: 50px; }
			.contactBox li.last { padding-right: 0px; }
			.contactBox li strong { display: block; color: #0073b6; }

			/* ### aanmeld BOX ### */
			.aanmeldBox { margin: 7px 0px 0px 0px; border-left: 1px solid #d2e0f7; border-top: 1px solid #d2e0f7; background: #fff url('../images/textBoxBg.jpg') left top repeat-x; }
			.aanmeldBox .right { background: url('../images/textBoxRight.jpg') right top repeat-y; }
			.aanmeldBox .bottom { padding: 0px 4px 0px 0px; background: url('../images/textBoxBottom.jpg') right bottom no-repeat; }
			.aanmeldBox fieldset { overflow: hidden; border: 0px; }
			.aanmeldBox label { float: left; width: 90px; height: 25px; padding-top:8px; }
			.aanmeldBox input { margin-right:5px; }
			.aanmeldBox input.field { padding: 5px 5px 0px 5px; margin-right:10px;  float: left; width: 120px; height: 20px; border: 0px; background: url('../images/fieldBg2.gif') no-repeat; }
			.aanmeldBox #vraag { padding: 5px; float: left; width: 326px; height: 120px; border: 0px; background: url('../images/textBg.gif') no-repeat; }
			.aanmeldBox .textareabg { padding: 5px; float: left; width: 326px; height: 120px; border: 0px; background: url('../images/textBg.gif') no-repeat; }
			.aanmeldBox textarea { width: 326px; height: 120px; border: 0px; }
			.aanmeldBox div.info, .aanmeldBox div.form { padding: 20px; background: url('../images/line.gif') repeat-x bottom; }
			.aanmeldBox div.info { padding-bottom: 0px; }
			.aanmeldBox .map { margin: 20px 15px 17px 15px; height:357px; width:476px; border: 3px solid #d2e0f7;  }
			.aanmeldBox input.submit { margin: 10px 4px 0px 0px; float: right; width: 90px; height: 16px; cursor: pointer; font: bold 10px Verdana; text-transform: uppercase; color: #0073b6; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.aanmeldBox ul { overflow: hidden; width: 100%; list-style: none; }
			.aanmeldBox li { padding: 0px 26px 0px 0px; float: left; display: inline; width: 140px; height: 50px; }
			.aanmeldBox li.last { padding-right: 0px; }
			.aanmeldBox li strong { display: block; color: #0073b6; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { width: 205px; float: right; }
		
			/* ### NEWS BOX ### */
			.newsBox { padding: 0px 0px 20px 0px; }
			.newsBox ul { color: #000000; }
			.newsBox ul li { padding: 0px 7px 10px 16px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #fff; }
			.newsBox ul li .heading { padding: 0px 0px 5px 0px; font: bold 11px Arial, Helvetica; color: #0073b6; display: block; }
			.newsBox ul li a.newsButton { width: 22px; height: 22px; display: block; float: right; background: url('../images/newsButton.png'); }
			.newsBox ul li.noBrd { border: none; }
			
			.newsBox h1 { padding: 0px 0px 10px 16px; }
			.newsBox .diaryBox { width: 196px; background: url('../images/diaryBg.jpg') left top repeat-y; }
			.newsBox .diaryBox .top { background: url('../images/diaryTopBg.jpg') left top no-repeat; }
			.newsBox .diaryBox .bottom { width: 181px; padding: 35px 25px 13px 3px; background: url('../images/diaryBottomBg.jpg') left bottom no-repeat; }

/* ### FOOTER CONTAINER ### */
#footerCntr { height: 28px; overflow: hidden; font: 10px Arial, Helvetica; color: #fff; background: url('../images/footerBg.gif') left top repeat-x; }
#footerCntr .footerBox { padding: 8px 0px 0px 0px; width: 915px; margin: 0px auto; }
#footerCntr .footerBox div.left { float: left; }
#footerCntr .footerBox div.right { float: right; }
#footerCntr .footerBox a { color: #fff; text-decoration: none; }
#footerCntr .footerBox a:hover { color: #e1e1e1; }