/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #009ddf url('../images/body-bg.jpg') repeat; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

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

#layout { background: url('../images/main-container-bg.jpg') top center no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1026px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1026px; height: 390px; }
	#headerCntr h1 { padding: 60px 6px 0px 805px;  width: 207px; height: 208px; float: left; }
	#headerCntr h1 a { display: block; width: 207px; height: 208px; text-indent: -9999px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 1026px; height: 58px; }
		#menuCntr ul { padding-left: 2px; list-style: none; overflow: hidden; width: 1024px; background: url('../images/seperator.gif') top left no-repeat; }
		#menuCntr li { padding-right: 2px; float: left; display: inline; text-align: center; height: 58px; background: url('../images/seperator.gif') top right no-repeat; }
		#menuCntr li a { color: #fff; width: 167px; line-height: 58px; height: 58px; display: block; text-decoration: none; }
		#menuCntr li a:hover { background: url('../images/hover-bg.gif') top left repeat-x }
		#menuCntr li a.selected { background: url('../images/menuBg.png') no-repeat left; }
		#menuCntr ul ul { padding-bottom: 10px; position: absolute; z-index: 9999; top: 58px; width: 257px; background: url('../images/subBg.png') no-repeat top; }
		#menuCntr ul ul li { padding: 0px 0px 1px 0px; float: none; display: block; width: 257px; height: 31px; text-align: left; background: url('../images/subLine.png') no-repeat bottom; }
		#menuCntr ul ul li a { padding: 0px 20px 0px 20px; overflow: hidden; width: 217px; height: 31px; line-height: 31px; }
		#menuCntr ul ul li a:hover { background: url('../images/subHBg.png') no-repeat bottom; }
		#menuCntr ul ul li a strong { font-weight: normal; float: left; display: block; height: 31px; cursor: pointer; }
		#menuCntr ul ul li a span { float: right; display: block; height: 31px; cursor: pointer; }
		
		/* ### NEWS BOX ### */
		.newsBox { padding-top: 48px; height: 185px; width: 816px; float: left; left: -85px; position: absolute; }
		.newsBox ul { list-style: none; overflow: hidden; }
		.newsBox li { padding-right: 30px; padding-left: 30px; float: left; width: 149px; border-right: 1px solid #fff; height: 185px; }
		.newsBox li span { padding-left: 25px; height: 17px; line-height: 17px; margin-bottom: 11px; font-weight: bold; color: #fff; display: block; background: url('../images/news-bullet.gif') left no-repeat; }
		.newsBox li a { color: #fff; }
		.newsBox li a:hover { text-decoration: none; }
		.newsBox li p { padding: 2px 0px; color: #fff; }
		.newsBox li.first { padding: 0px; border: none; width: 90px; }
		.newsBox li.first a { display: block; text-indent: -9999px; width: 90px; height: 185px; background: url('../images/left-arrow.png') left no-repeat; }
		.newsBox li.last { padding: 0px; border: none; width: 90px; }
		.newsBox li.last a { display: block; text-indent: -9999px; width: 90px; height: 185px; background: url('../images/right-arrow.png') left no-repeat; }
		
		/* ### MENU BOX ### */
		.menuBox { padding-top: 35px; width: 1026px; }
		.menuBox ul { list-style: none; overflow: hidden; }
		.menuBox li { padding-right: 45px; float: left; color: #fff; }
		.menuBox li a { text-decoration: none; color: #fff; }
		.menuBox li a:hover { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 16px; padding-bottom: 40px; overflow: hidden; width: 1026px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 4px; float: left; width: 485px; min-height: 482px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 485px; }
			.textBox h2 { padding-left: 25px; padding-bottom: 14px; margin-bottom: 35px; font-weight: normal; font-size: 17px; color: #fff; background: url('../images/heading-bullet.gif') left top no-repeat; }
			.textBox span { color: #c30073; }
			.textBox p { padding-bottom: 20px; color: #fff; line-height: 17px; }
			.textBox a { color: #c30073; text-decoration: none; }
			.textBox a:hover { text-decoration: underline; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-bottom: 5px; position: relative; float: left; width: 1026px; background: url('../images/centerBottom.png') no-repeat bottom; }
		#centerCntr div.centerTop { width: 1026px; overflow: hidden; background: url('../images/centerTop.png') no-repeat top; }
		
			/* ### EVENT BOX ### */
			.eventBox { padding: 20px 14px 0px 12px; margin-right: 2px; overflow: hidden; float: left; width: 314px; } 
			.eventBox h2 { padding-left: 25px; margin-bottom: 18px; font-weight: normal; font-size: 17px; color: #ec008c; background: url('../images/heading-bullet2.gif') top left no-repeat; }
			.eventBox h2 span { font-weight: bold; color: #fff; }
			.eventBox img { padding-left: 10px; float: right; }
			.eventBox p { padding-bottom: 13px; padding-top: 8px; color: #fff; line-height: 17px; }
			.eventBox a { color: #fff; font-style: italic; }	
			.eventBox a:hover { text-decoration: none; }	
			
			/* ### GASTEN BOX ### */
			.gastenBox { padding: 20px 14px 42px 12px; margin-right: 2px; overflow: hidden; float: left; width: 314px; } 
			.gastenBox h2 { padding-left: 25px; margin-bottom: 18px; font-weight: normal; font-size: 17px; color: #ec008c; background: url('../images/heading-bullet2.gif') top left no-repeat; }
			.gastenBox h2 span { font-weight: bold; color: #fff; }
			.gastenBox span { color: #fff; }
			.gastenBox span span { color: #ec008c; }
			.gastenBox p { padding-bottom: 10px; padding-top: 8px; font-style: italic; color: #fff; line-height: 17px; }
			.gastenBox ul { position: absolute; bottom: 1px; left: 343px; list-style: none; width: 340px; height: 42px; overflow: hidden; background: url('../images/sub2Bg.png') no-repeat; }
			.gastenBox li { padding-right: 1px; float: left; display: inline; background: url('../images/line.png') no-repeat right; }
			.gastenBox li.last { background: none; }
			.gastenBox li a { padding: 0 11px; float: left; color: #fff; display: block; height: 42px; line-height: 42px; text-decoration: none; }
			.gastenBox li a:hover { text-decoration: none; background: url('../images/overImg.png') repeat-x; }			
		
			.gastenBox img {
				margin-left:3px;
				margin-right:3px;
			}
			
			.gastenBox table {
				margin-top:-10px;
			}
			.gastenBox tr,td {
				color:white;
			}
			.gastenBox input,textarea {
				border:#C20073 1px solid;
				color:#C20073;
			}
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 341px; }
		
			/* ### QUESTION BOX ### */
			.zoekenBox { width: 192px; float: right; height: 23px; }
			.zoekenBox form { display: block; }
			.zoekenBox fieldset { overflow: hidden; border: none; }
			.zoekenBox input.field1 { padding: 4px; padding-left: 8px; margin-right: 8px; color: #e2007a; font-size: 11px; float: left; width: 146px; border: 1px solid #818181; height: 13px; background: url('../images/field-bg.gif') top left repeat-x; }
			.zoekenBox input.search-button { border: none; cursor: pointer; width: 23px; height: 23px; float: left; background: url('../images/search-button.gif') top left no-repeat; }
			
			
			/* ### QUESTION BOX ### */
			.questionBox { padding: 18px 12px 15px 12px; margin-top: 227px; width: 317px; min-height: 162px; background: url('../images/form-bg.png') top left no-repeat; }
			.questionBox h2 { padding-left: 25px; margin-bottom: 13px; font-size: 17px; color: #fff; background: url('../images/heading-bullet1.gif') left top no-repeat; }
			.questionBox form { display: block; }
			.questionBox fieldset { border: none; overflow: hidden; }
			.questionBox input.field { padding: 4px; margin-bottom: 9px; margin-right: 10px; color: #414042; width: 200px; height: 13px; float: left; border: 1px solid #bd7901; }
			.questionBox input.verzend-button { color: #0f0e0e; width: 96px; height: 22px; cursor: pointer; float: left;  border: none; background: url('../images/verzend-button.gif') top left no-repeat; }
			.questionBox textarea { padding: 5px; margin-bottom: 15px; width: 306px; border: none; height: 56px; color: #fff; background: none; }
			.questionBox a { display: block; float: right; color: #fff; text-decoration: none; }
			.questionBox a:hover { text-decoration: underline; }
			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { background: url(../images/footer-bg.jpg) top left repeat-x; }
	
	.footerBox { padding-top: 60px; margin: auto; overflow: hidden; width: 1026px; height: 210px; background: url(../images/footerbox-bg.jpg) top left no-repeat; }
	
	.footerBox .left { float: left; width: 375px; }
	.footerBox .left ul { list-style: none; }
	.footerBox .left li { padding-right: 30px; float: left; }
	.footerBox .left li a.skidj { display: block; text-indent: -9999px; width: 115px; height: 123px; background: url('../images/skidj-logo.png') top left no-repeat; }
	.footerBox .left li a.camping { display: block; text-indent: -9999px; width: 177px; height: 123px; background: url('../images/camping-logo.png') top left no-repeat; }

	
	.footerBox .center { float: left; width: 320px; }
	.footerBox .center h3 { padding-left: 25px; margin-bottom: 13px; line-height: 17px; height: 17px; font-size: 12px; color: #fff; background: url('../images/heading-bullet3.gif') left no-repeat; } 
	.footerBox .center form { display: block; }
	.footerBox .center fieldset { border: none; overflow: hidden; }
	.footerBox .center input.field { padding: 4px; margin-right: 10px; color: #414042; width: 200px; height: 13px; float: left; border: 1px solid #bd7901; }
	.footerBox .center input.verzend-button { color: #0f0e0e; width: 96px; height: 22px; cursor: pointer; float: left;  border: none; background: url('../images/verzend-button.gif') top left no-repeat; } 
	.footerBox .center p { padding-bottom: 15px; color: #fff; line-height: 17px; }
	
	#footerCntr .right { float: right; width: 260px; }
	#footerCntr .right h3 { padding-left: 25px; border-bottom: 1px solid #333f44; height: 30px; font-size: 12px; color: #fff; background: url('../images/heading-bullet3.gif') left top no-repeat; } 
	#footerCntr .right ul { list-style: none; }
	#footerCntr .right li { color: #fff; height: 30px; line-height: 30px; background: url('../images/links-seperator.png') bottom left no-repeat; }
	#footerCntr .right li a { color: #fff; text-decoration: none; }
	#footerCntr .right li a:hover { text-decoration: underline; }
	
	#gastenMsg {
		background:url('../images/achtergrondzonder.png');
		min-height:50px;
	}