/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana, Arial; font-size: 11px; color: #fff; }
input, select, textarea { font-family: Verdana, Arial; font-size: 11px; color: #000; }
body { background: #462a7f; }
img { border: 0px; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; }
	
	/* ### header container ### */
	#headerCntr {
	position: absolute;
	top: 20px;
	left: -2px;
	z-index: 5;
	width: 100%;
	height: 639px;
	background: #8EC1DA url('../images/wolken.png') repeat-y scroll left top;
	text-align: center;
	margin-top: -30px;
}
	#headerCntr .boom { height: 688px; background: url('../images/boom.png') no-repeat left top; display: block; z-index: 2; }
	#headerCntr .bg { height: 1200px; background: url('../images/bg.png') no-repeat left top; display: block; z-index: 1; }
	#headerCntr #zon { position: absolute; top: -508px; left: -508px; width: 1016px; height: 1016px; background: url('../images/zon.png') no-repeat;  }
		
	/* ### touw container ### */
	#touwCntr { position: absolute; top: 0px; left: 550px; z-index: 20; width: 916px; height: 205px; background: url('../images/touw.png') no-repeat; }
	#touwCntr div#slider {
	position: absolute;
	top: 6px;
	left: 90px;
	overflow: hidden;
	width: 234px;
	height: 270px;
}
	#touwCntr ul { position: relative; overflow: hidden; width: 234px; height: 270px; list-style: none; }
	#touwCntr li {
	position: relative;
	overflow: hidden;
	width: 234px;
	height: 270px;
	float: left;
}
	#touwCntr li a {
	padding-left: 10px;
	position: relative;
	display: block;
	width: 217px;
	height: 231px;
	text-align: center;
	vertical-align: middle;
}
	#touwCntr li img.bord {
	position: absolute;
	top: 130px;
	left: -7px;
}
	#touwCntr li img { display: inline; }
	#touwCntr span#prevBtn a { position: absolute; top: 25px; left: 60px; display: block; width: 88px; height: 103px; text-indent: -9999px; background: url('../images/vorige.png') no-repeat; }
	#touwCntr span#nextBtn a { position: absolute; top: 110px; left: 290px; display: block; width: 86px; height: 121px; text-indent: -9999px; background: url('../images/volgende.png') no-repeat; }
		
	/* ### content container ### */
	#contentCntr { position: relative; z-index: 15; overflow: hidden; width: 1000px; height: 745px; }
	#contentCntr.hout { background: url('../images/hout.png') no-repeat 310px 190px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 261px; }
		
			/* ### menu box ### */
			.menuBox { padding: 132px 0 0 98px; position: absolute; top: 0; left: 0; z-index: 200; width: 163px; height: 613px; background: url('../images/menu.png') no-repeat; }
			.menuBox ul { list-style: none; }
			.menuBox li { display: block; text-indent: -9999px; }
			.menuBox a { float: left; }
			.menuBox li.welkom a { width: 163px; height: 46px; background: url('../images/welkom.png') left top no-repeat; }
			.menuBox li.welkom a:hover, .menuBox li.welkom.selected a { background: url('../images/welkom-ho.png') left top no-repeat; }			
			.menuBox li.speelplekken a { margin-top: -4px; z-index: 10; position: relative; width: 163px; height: 42px; background: url('../images/speelplekken.png') left top no-repeat; }
			.menuBox li.speelplekken a:hover, .menuBox li.speelplekken.selected a { background: url('../images/speelplekken-ho.png') left top no-repeat; }			
			.menuBox li.regels a { margin-top: -9px; z-index: 1; width: 163px; height: 50px; background: url('../images/regels.png') left top no-repeat; }
			.menuBox li.regels a:hover, .menuBox li.regels.selected a { background: url('../images/regels-ho.png') left top no-repeat; }			
			.menuBox li.natuur a { margin: 5px 0 1px 0; width: 163px; height: 46px; background: url('../images/natuur.png') left top no-repeat; }
			.menuBox li.natuur a:hover, .menuBox li.natuur.selected a { background: url('../images/natuur-ho.png') left top no-repeat; }			
			.menuBox li.plattegrond a { width: 163px; height: 46px; background: url('../images/plattegrond.png') left top no-repeat; }
			.menuBox li.plattegrond a:hover, .menuBox li.plattegrond.selected a { background: url('../images/plattegrond-ho.png') left top no-repeat; }
			.menuBox div.ogen { position: absolute; display: none; top: 40px; left: 55px; width: 35px; height: 14px; background: url('../images/ogen.png') no-repeat; }
							
		/* ### right container ### */
		#rightCntr { float: right; width: 739px; position: relative; z-index: 20; }
		
			/* ### welkom box ### */
			.welkomBox { margin: 10px 0px 0px 50px; width: 516px; overflow: hidden; position: relative; }
			
			/* ### welkom box ### */
			.natuurBox { margin-left: -84px; position: relative; width: 824px; min-height: 745px; float: left; background: url('../images/natuurbg.png') no-repeat; }
			.natuurBox h2 { padding-left: 37px; }
			.natuurBox h2 a { display: block; text-indent: -9999px; width: 345px; height: 234px; background: url('../images/spellbos-natuur.png') no-repeat; }			
			.natuurBox .left { width: 468px; float: left; }
			.natuurBox .text { margin: -20px 0 0 90px; line-height: 15px; }
			.natuurBox .text h3 { padding: 2px 0 0 20px; font-size: 14px; line-height: 19px; }
			.natuurBox .text p { padding: 0 0 10px 20px; }
			.natuurBox ul.thumb { margin: -12px 0 0 88px; list-style: none; position: absolute; }
			.natuurBox ul.thumb li { display: inline; float: left; position: relative; }
			.natuurBox ul.thumb li.thumb2 { margin: 2px 0 0 -37px; z-index: 10; }
			.natuurBox ul.thumb li.thumb3 { margin: -5px 0 0 -36px; z-index: 2; }			
			.natuurBox .right { padding: 172px 40px 0 0; width: 245px; float: right; }
			.natuurBox .right h3 { margin-bottom: 15px; font-size: 18px; color: #3c1d1d; letter-spacing: -1px; }
			.natuurBox .right span { font-size: 14px; font-weight: bold; line-height: 19px; }
			.natuurBox .right ul { padding-top: 10px; list-style: none; line-height: 18px; }
			.natuurBox .right ul li a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
			.natuurBox .right ul li a:hover { text-decoration: underline; }
			.natuurBox .right ul li ul { padding: 0 0 8px 0; display: none; }
			.natuurBox .right ul li ul li a { font-size: 11px; font-weight: normal!important; text-decoration: underline; }
			.natuurBox .right ul li ul li a:hover { text-decoration: none; }
			.natuurBox .right p { padding: 15px 10px 3px 0; }
			
			/* ### speel box ### */
			.speelBox { margin: -20px 0px 0px -84px; position: relative; z-index: 50; width: 824px; min-height: 745px; float: left; }
			.speelBox h2 { padding-left: 37px; position: absolute; top: 0px; left: 0px; z-index: 5; }
			.speelBox h2 a { display: block; text-indent: -9999px; width: 345px; height: 234px; background: url('../images/spellbos-natuur.png') no-repeat; }
			.speelBox .left { margin-top: 234px; position: relative; z-index: 20; width: 468px; float: left; }
			.speelBox .text { margin: -20px 0 0 90px; line-height: 15px; }
			.speelBox .text h3 { padding: 2px 0 0 20px; font-size: 14px; line-height: 19px; }
			.speelBox .text p { padding: 0 0 10px 20px; }
			.speelBox ul.thumb { margin: -12px 0 0 88px; list-style: none; position: absolute; width: 468px; }
			.speelBox ul.thumb li { display: inline; float: left; position: relative; }
			.speelBox ul.thumb li.thumb2 { margin: 2px 0 0 -37px; z-index: 10; }
			.speelBox ul.thumb li.thumb3 { margin: -5px 0 0 -36px; z-index: 2; }			
			.speelBox .right { padding: 315px 40px 0 0; width: 245px; float: right; }
			.speelBox .right h3 { margin-bottom: 15px; font-size: 18px; color: #3c1d1d; letter-spacing: -1px; }
			.speelBox .right span { font-size: 14px; font-weight: bold; line-height: 19px; }
			.speelBox .right ul { padding-top: 10px; list-style: none; line-height: 18px; }
			.speelBox .right ul li a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
			.speelBox .right ul li a:hover { text-decoration: underline; }
			.speelBox .right ul li ul { padding: 0 0 8px 0; }
			.speelBox .right ul li ul li a { font-size: 11px; font-weight: normal!important; text-decoration: underline; }
			.speelBox .right ul li ul li a:hover { text-decoration: none; }
			.speelBox .right p { padding: 15px 10px 3px 0; }
			.speelBox .hidden { display: none; }
			
			/* ### regels box ### */
			.regelsBox { margin-left: -217px; position: relative; width: 696px; min-height: 745px; float: left; background: url('../images/regelsbg.png') right bottom no-repeat; }
			.regelsBox h2 { padding-left: 350px; }
			.regelsBox h2 a { display: block; text-indent: -9999px; width: 343px; height: 248px; background: url('../images/regels-logo.png') no-repeat; }
			.regelsBox .regels { padding: 65px 0 0 415px; width: 200px; font-size: 13px; font-weight: bold; }
			.regelsBox h3 { font-size: 18px; color: #3c1d1d; line-height: 20px; }
			.regelsBox ul { padding: 8px 0 0 0; list-style: none; }
			.regelsBox li { padding: 7px 0 7px 8px; background: url('../images/line.jpg') 0 15px no-repeat; }
			
			/* ### plattegrond box ### */
			.plattegrondBox { padding: 12px 0 0 33px; margin: 80px 0 0 -15px; position: relative; width: 673px; min-height: 531px; float: left; background: #44297f; }
			.plattegrondBox h2 { padding-left: 0px; }
			.plattegrondBox h2 a { display: block; text-indent: -9999px; width: 657px; height: 140px; background: url('../images/platte-logo.jpg') no-repeat; }
			.plattegrondBox ul { position: absolute; list-style: none; }
			.plattegrondBox li { position: absolute; }
			.plattegrondBox li a { position: absolute; display: block; text-indent: -9999px; background: no-repeat left top; }
			.plattegrondBox li a:hover { background-position: left bottom; }
			.plattegrondBox li.raaf a { top: 230px; left: 410px; width: 51px; height: 69px; background-image: url('../images/raaf.png'); }
			.plattegrondBox li.zwijn a { top: 130px; left: 510px; width: 58px; height: 61px; background-image: url('../images/zwijn.png'); }
			.plattegrondBox li.zwijn a:hover { top: 120px; }
			.plattegrondBox li.eekhoorn a { top: 20px; left: 370px; width: 52px; height: 56px; background-image: url('../images/eekhoorn.png'); }
			.plattegrondBox li.uil a { top: 200px; left: 110px; width: 51px; height: 58px; background-image: url('../images/uil.png'); }
			.plattegrondBox li.sprinkhaan a { top: 75px; left: 240px; width: 70px; height: 51px; background-image: url('../images/sprinkhaan.png'); }
			.plattegrondBox li.vos a { top: 70px; left: 175px; width: 50px; height: 56px; background-image: url('../images/vos.png'); }
			.plattegrondBox li.hert a { top: 230px; left: 220px; width: 50px; height: 56px; background-image: url('../images/hert.png'); }
			.plattegrondBox li.kabouters a { top: 90px; left: 440px; width: 51px; height: 66px; background-image: url('../images/kabouters.png'); }
			.plattegrondBox li.ekster a { top: 200px; left: 490px; width: 58px; height: 54px; background-image: url('../images/ekster.png'); }
			.plattegrondBox li.slechtvalk a { top: 10px; left: 300px; width: 51px; height: 60px; background-image: url('../images/slechtvalk.png'); }
			.plattegrondBox li.specht a { top: 245px; left: 340px; width: 50px; height: 70px; background-image: url('../images/specht.png'); }
			.plattegrondBox li.arend a { top: 170px; left: 370px; width: 51px; height: 54px; background-image: url('../images/arend.png'); }
			.plattegrondBox li.marter a { top: 80px; left: 390px; width: 52px; height: 50px; background-image: url('../images/marter.png'); }
			.plattegrondBox li.uil2 a { top: 180px; left: 310px; width: 50px; height: 54px; background-image: url('../images/uil2.png'); }
	
	/* ### footer container ### */
	#footerCntr { padding-bottom: 30px; position: relative; z-index: 20; overflow: hidden; width: 1000px; line-height: 15px; }
	#footerCntr h1 a { display: block; text-indent: -9999px; width: 467px; height: 95px; float: left; background: url('../images/logo.png') no-repeat; }
	#footerCntr .left { padding: 45px 0 0 43px; float: left; width: 469px; }
	#footerCntr .text { padding: 0 0 0 10px; width: 450px; float: left; }
	#footerCntr .left h2 { padding-top: 30px; font-size: 14px; line-height: 19px; }	
	#footerCntr .left p { padding-top: 16px; }
	#footerCntr .right { padding-top: 58px; margin: 107px 0 0 45px; float: left; width: 203px; height: 285px; background: url('../images/space.png') no-repeat; }
	#footerCntr .right h2 { margin: 0 0 0 35px; display: block; text-indent: -9999px; width: 126px; height: 31px; background: url('../images/dualler.png') no-repeat; }
	#footerCntr .right h3 { margin: 16px 0 18px 35px; display: block; text-indent: -9999px; width: 126px; height: 65px; background: url('../images/crecs.png') no-repeat; }
	#footerCntr .right h4 { margin: 16px 0 18px 35px; display: block; text-indent: -9999px; width: 126px; height: 33px; background: url('../images/vtc.png') no-repeat; }