/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #e0e0e0; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: url('/images/bodyBg.gif') no-repeat top; }
body { background: url('/images/bg.jpg') center top; background-attachment: fixed; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color: #d6bb10; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline;}

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


	 #header { width: 1000px; height: 450px; margin: 0px auto; padding: 0px auto; position: relative; background: url(/images/headerbg.jpg) top left no-repeat #000; }

	 #fotoslideshow { position: absolute; top: 0px; left: 10px; z-index: 1; }

     #mainmenu { position: absolute; top: 320px; left: 0px; width: 1000px; z-index: 25; }
	 ul.mainmenu { width: 1000px;}
	 ul.mainmenu li { float: left; }
	 ul.mainmenu li a.b01 { display:block; text-indent: -9999px; height: 95px; width: 93px; background: url(/images/menu01.png) top left no-repeat; }
	 ul.mainmenu li a.b02 { display:block; text-indent: -9999px; height: 95px; width: 55px; background: url(/images/menu02.png) top left no-repeat; }
	 ul.mainmenu li a.b03 { display:block; text-indent: -9999px; height: 95px; width: 73px; background: url(/images/menu03.png) top left no-repeat; }
	 ul.mainmenu li a.b04 { display:block; text-indent: -9999px; height: 95px; width: 75px; background: url(/images/menu04.png) top left no-repeat; }
	 ul.mainmenu li a.b05 { display:block; text-indent: -9999px; height: 95px; width: 94px; background: url(/images/menu05.png) top left no-repeat; }
	 ul.mainmenu li a.b06 { display:block; text-indent: -9999px; height: 95px; width: 79px; background: url(/images/menu06.png) top left no-repeat; }
	 ul.mainmenu li a.b07 { display:block; text-indent: -9999px; height: 95px; width: 76px; background: url(/images/menu07.png) top left no-repeat; }
	 ul.mainmenu li a.b08 { display:block; text-indent: -9999px; height: 95px; width: 123px; background: url(/images/menu08.png) top left no-repeat; }
	 ul.mainmenu li a.b09 { display:block; text-indent: -9999px; height: 95px; width: 117px; background: url(/images/menu09.png) top left no-repeat; }
	 ul.mainmenu li a.b10 { display:block; text-indent: -9999px; height: 95px; width: 102px; background: url(/images/menu10.png) top left no-repeat; }
	 ul.mainmenu li a.b11 { display:block; text-indent: -9999px; height: 95px; width: 113px; background: url(/images/menu11.png) top left no-repeat; }
	 ul.mainmenu li a:hover { background-position: 0px -95px; }
	 img.toplogo { position: absolute; top: 20px; left: 20px; z-index: 25; border: 0px;}
	 img.topslogan { position: absolute; top: 170px; right: 10px; z-index: 25;  border: 0px;}
 


/* ### WRAPPER ### */
#wrapper { position: relative; z-index: 10; display: block; width: 100%; min-height: 100%; }
.bg { position: fixed; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 20px; width: 1050px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1050px; height: 482px; background: url('../images/headerBg.png') no-repeat 1px bottom; }
	#headerCntr .top { position: absolute; top: 0px; left: 0px; z-index: 5; }
	
		/* ### MENU BOX ### */
		.menuBox { position: absolute; top: 150px; left: 9px; z-index: 10; width: 1040px; height: 84px; background: url('../images/menuBg.png') no-repeat; }
		.menuBox ul { padding-top: 10px; overflow: hidden; width: 1040px; list-style: none; }
		.menuBox li { padding-left: 14px; float: left; display: inline; }
		.menuBox li a { display: block; float: left; text-indent: -9999px; background: no-repeat left top; }
		.menuBox li a:hover, .menuBox li.selected a { background-position: left bottom; }
		.menuBox li.info a { margin-top: 20px; width: 65px; height: 36px; background-image: url('../images/info.png'); }
		.menuBox li.cross a { margin-top: 13px; width: 97px; height: 40px; background-image: url('../images/cross.png'); }
		.menuBox li.lineup a { margin-top: 5px; width: 98px; height: 38px; background-image: url('../images/lineup.png'); }
		.menuBox li.camping a { margin-top: 5px; width: 124px; height: 39px; background-image: url('../images/camping.png'); }
		.menuBox li.tickets a { margin-top: 3px; width: 116px; height: 45px; background-image: url('../images/tickets.png'); }
		.menuBox li.fotos a { margin-top: 10px; width: 80px; height: 38px; background-image: url('../images/fotos.png'); }
		.menuBox li.gastenboek a { margin-top: 10px; width: 123px; height: 37px; background-image: url('../images/gastenboek.png'); }
		.menuBox li.sponsors a { margin-top: 8px; width: 110px; height: 46px; background-image: url('../images/sponsors.png'); }
		.menuBox li.contact a { margin-top: 25px; width: 80px; height: 29px; background-image: url('../images/contact.png'); }
		
		/* ### SLIDER BOX ### */
		.sliderBox { position: absolute; left: 33px; bottom: 0px; z-index: 5; width: 1050px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-left: 25px; padding: 0px 28px 0px 22px; position: relative; z-index: 10; width: 950px; background: #000; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 80px; position: relative; float: left; width: 311px; }
		
			/* ### COUNTER BOX ### */
			.counterBox { position: absolute; top: -20px; left: 8px; width: 342px; margin-bottom: 10px; }
			
			/* ### PLAYER BOX ### */
			.playerBox { margin-bottom: 20px; width: 311px; }
			
			/* ### PROG BOX ### */
			.progBox { margin-left: 3px; width: 308px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 617px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { overflow: hidden; width: 617px; }
			.nieuwsBox h3 { float: left; width: 196px; height: 54px; text-indent: -9999px; background: url('../images/nieuws.gif') no-repeat; }
			.nieuwsBox p { float: right; width: 421px; height: 54px; line-height: 54px; font-weight: bold; }
			
			/* ### TEXT BOX ### */
			.textBox { padding: 25px 20px 10px 20px; width: 577px; background: url('../images/textBg.gif') #3c3939 no-repeat; line-height: 24px; }
			.textBox p { padding-bottom: 10px; line-height: 24px; }
			.textBox td { line-height: 24px; }
			.textBox h1 { padding-bottom: 7px; }
	
	/* ### VIDEO CONTAINER ### */
	#videoCntr { margin-left: 25px; padding: 20px 0px 20px 5px; width: 995px; background: #000; }
	#videoCntr ul { overflow: hidden; width: 1000px; list-style: none; }
	#videoCntr li { padding-left: 20px; float: left; display: inline; }
	#videoCntr li img { border: 2px solid #dbc216; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 5px 25px 0px 25px; padding: 20px 30px 0px 30px; position: relative; overflow: hidden; width: 940px; height: 128px; background: url('../images/footerBg.png') repeat-x; }
	#footerCntr ul { float: left; width: 160px; list-style: none; }
	#footerCntr li { line-height: 23px; }
	#footerCntr li.bold { font-weight: bold; color: #b39b00; }
	#footerCntr li a { text-decoration: none; color: #a4a4a4; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr p { position: absolute; bottom: 20px; right: 30px; font-size: 11px; color: #a4a4a4; }
	#footerCntr p a { text-decoration: none; color: #a4a4a4; }
	#footerCntr p a:hover { text-decoration: underline; }
	#footerCntr ul.logos { position: absolute; top: 20px; right: 30px; float: none; width: auto; }
	#footerCntr ul.logos li { padding-left: 10px; float: left; display: inline; }
	#footerCntr li.volg { width: 114px; height: 33px; text-indent: -9999px; background: url('../images/volg.png') no-repeat; }
	#footerCntr li.twitter a { margin-top: 5px; width: 80px; height: 17px; background: url('../images/twitter.png') no-repeat left top; }
	#footerCntr li.hyves a { margin-top: 3px; width: 70px; height: 25px; background: url('../images/hyves.png') no-repeat left top; }
	#footerCntr ul.logos li a { display: block; float: left; text-indent: -9999px; }
	#footerCntr ul.logos li a:hover { background-position: left bottom; }
	
	#linkspag { margin-bottom: 20px; } 
	input.formulier { width: 300px; background-color: #ccc; color: #333; border: 1px solid #000; padding: 2px; }
	textarea.formulier { width: 300px; height: 90px; background-color: #ccc; color: #333; border: 1px solid #000; padding: 2px;  }
	div.melding { color: #fc0; font-weight: bold; }
	div#smileys a { float: left; padding: 3px; }