/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Lucida Sans Unicode', Arial; font-size: 12px; color: #613102; }
input, select, textarea { font-family: 'Lucida Sans Unicode', Arial; font-size: 11px; color: #613102; }
body { background: #613102; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.gmap { margin: 20px 0px; width:100%; height:500px; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; background: url('../images/wrapper-bg.jpg') top center no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding-bottom: 30px; margin: 0 auto; width: 916px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 916px; height: 249px; }
	#headerCntr h1 { position: absolute; top: 17px; left: 10px; }
	#headerCntr h1 a { display: block; width: 565px; height: 211px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-left: 283px; height: 39px; position: absolute; top: 0px; right: 9px; }
		#menuCntr ul { list-style: none; overflow: hidden; width: 800px; }
		#menuCntr li { float: right; color: #613102; font-size: 15px; }
		#menuCntr li a { padding: 0px 17px; float: left; color: #613102; text-decoration: none; line-height: 38px; height: 38px; display: block; }
		#menuCntr li a:hover { color: #fff19f; background: #613102; }
		#menuCntr li a.active { color: #fff19f; background: #613102; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 916px; background: url('../images/content-middle.gif') top left repeat-y; }
	#contentCntr #top { width: 916px; background: url('../images/content-top.gif') top left no-repeat; }
	#contentCntr #bottom { padding: 0px 33px 45px 43px; overflow: hidden; width: 840px; background: url('../images/content-bottom.png') bottom left no-repeat; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 510px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 510px; }
			.textBox h2 { padding-bottom: 15px; color: #613102; font-weight: normal; font-size: 20px; overflow: hidden; display: block; height: 22px; } 
			.textBox p { padding-bottom: 15px; color: #613102 }
			.textBox p a { color: #000; font-weight: bold; }
			.textBox p a:hover { text-decoration: none; }
			.textBox a.meer { padding-right: 7px; color: #000; font-weight: bold; text-decoration: none; background: url('../images/meer-bullet.gif') right no-repeat; }
			.textBox a.meer:hover { text-decoration: underline; }
			.textBox img { padding-bottom: 15px; }
			.textBox span { font-weight: bold; color: #613102; font-size: 13px; }
			.textBox ul { padding-top: 2px; margin-bottom: 15px; overflow: hidden; list-style: none; }
			.textBox li { padding-left: 18px; color: #613102; line-height: 16px; height: 16px; background: url('../images/leaf-bullet.gif') left no-repeat; }
			.textBox li a { color: #613102; text-decoration: none; }
			.textBox li a:hover { text-decoration: underline; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 510px; padding-bottom: 10px; }
			.nieuwsBox h3 { padding-bottom: 0px; font-size: 18px; font-weight: bold; color: #613102; }
			.nieuwsBox h2 { font-size: 12px; font-weight: bold; }
			.nieuwsBox div.nieuws { padding-bottom: 10px; overflow: hidden; width: 510px; }
			.nieuwsBox div.pic { padding-top: 4px; float: left; width: 57px; }
			.nieuwsBox div.text { float: right; width: 435px; line-height: 22px; }
			.nieuwsBox a { text-decoration: none; font-weight: bold; color: Black; }
			.nieuwsBox a:hover { text-decoration: underline; }
			
			/* ### FOTO BOX ### */
			.fotoBox { width: 510px; }
			.fotoBox h2 { padding-bottom: 8px; font-size: 18px; font-weight: bold; color: #613102; }
			.fotoBox ul { overflow: hidden; width: 510px; list-style: none; }
			.fotoBox li { padding: 0px 15px 15px 0px; float: left; display: inline; }
			.fotoBox li.last { padding: 0px 0px 15px 0px; float: left; display: inline; }
			
			/* ### RES BOX ### */
			.resBox { width: 510px; }
			.resBox h2 { padding-bottom: 15px; color: #613102; font-weight: normal; font-size: 20px; overflow: hidden; display: block; height: 22px; } 
			.resBox p { padding-bottom: 15px; color: #613102 }
			.resBox fieldset { padding-top: 20px; overflow: hidden; width: 510px; border: 0px; }
			.resBox label { margin-bottom: 4px; float: left; display: block; width: 110px; height: 28px; line-height: 28px; }
			.resBox input.field { margin-bottom: 4px; padding: 4px 5px 0px 5px; float: left; width: 390px; height: 24px; border: 0px; background: url('../images/fieldBg2.gif') no-repeat; }
			.resBox textarea { margin-bottom: 4px; padding: 5px; float: left; width: 388px; height: 61px; border: 0px; background: url('../images/textBg.gif') no-repeat; }
			.resBox input.submit { float: right; }
			.resBox select { margin-bottom: 4px; padding: 3px 4px 4px 1px; float: left; width: 399px; height: 28px; border: 1px solid #ededed; background: #fff;}
			.resBox div.error { margin: 0px 0px 14px 111px; padding-left: 30px; width: 366px; height: 26px; line-height: 26px; color: #ff2f31; border: 1px solid #fb7373; background: url('../images/error.gif') #ffbbc3 5px center no-repeat; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 277px; }
		
			/* ### ACTIVITY BOX ### */
			.activityBox { width: 277px; }
			.activityBox h2 { padding-bottom: 15px; color: #fff19f; font-size: 20px; display: block; overflow: hidden; height: 16px; font-weight: normal; }
			.activityBox p { padding-bottom: 15px; color: #fff19f; left: 16px; }
			.activityBox p a { color: white; font-weight: bold; }
			.activityBox p a:hover { text-decoration: none; }
			.activityBox ul { position: relative; left: -14px; list-style: none; }
			.activityBox li { font-size: 14px; height: 36px; }
			.activityBox li a { padding-left: 20px; width: 302px; line-height: 36px; text-decoration: none; height: 36px; color: #fff19f; display: block; }
			.activityBox li a:hover { color: #613102; background: url('../images/activity-listbg.png') top left no-repeat; }
			.activityBox li a.active { color: #613102; background: url('../images/activity-listbg.png') top left no-repeat; }
			.activityBox span { color: #fff; font-weight: bold; }
		
		/* ### FOOTER CONTAINER ### */
		#footerCntr { padding-top: 50px; overflow: hidden; width: 840px; }
		
			/* ### LEFT BOX### */
			.leftBox { width: 290px; float: left; padding-right: 14px;}
			.leftBox h3 { padding-bottom: 15px; padding-left: 20px; overflow: hidden; font-weight: normal; font-size: 14px; color: #335a01; background: url('../images/i-icon.gif') left 3px no-repeat; }
			.leftBox p { line-height: 18px; color: #335a01; }
			.leftBox a { color: #335a01; text-decoration: none; }
			.leftBox a:hover { color: #fff; text-decoration: underline; }
			
			/* ### CENTER BOX### */
			.centerBox { padding-left: 35px; width: 260px; float: left; }
			.centerBox h3 { padding-bottom: 15px; overflow: hidden; font-size: 14px; font-weight: normal; color: #335a01; }
			.centerBox address { font-style: normal; color: #2a5101; }
			.centerBox a { padding-left: 25px; line-height: 18px; color: #fff; font-weight: bold; background: url('../images/mail-icon.gif') left no-repeat; }
			.centerBox a:hover { text-decoration: none; }
			.centerBox span.home { background: url('../images/home-icon.gif') left no-repeat; }
			.centerBox span.phone { background: url('../images/phone-icon.gif') 6px top no-repeat; } 
			.centerBox span { padding-left: 25px; display: block; line-height: 18px; }
			
			/* ### RIGHT BOX### */
			.rightBox { width: 240px; float: right; }
			.rightBox h3 { padding-bottom: 15px; padding-left: 20px; overflow: hidden; font-size: 14px; font-weight: normal; color: #335a01; background: url('../images/time-icon.gif') left 3px no-repeat; }
			.rightBox p { display: block; color: #2a5101; line-height: 18px; text-decoration: none; }

			#contact_form { padding-bottom:25px; } 
			#reservering th{ text-align: right; vertical-align:bottom; padding-right: 5px; }
			#reservering th.first{ text-align: left; padding-left: 0px; }
			#reservering td { text-align: right; padding-right: 5px; }
			#reservering td.first { text-align: left; padding-right: 5px; }
			#reservering input.bedrag { width:50px; text-align: right; }
			.resBox input.small { width:70px; margin-right:10px; }
			.resBox fieldset { padding-top: 20px; overflow: hidden; width: 510px; border: 0px; }