
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 14px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 14px; color: #000; }
html { background: url('../images/htmlBg.png') #0c0c0c repeat-x 0px 332px; }
body { background: url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; display: block; }

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; background: url('../images/headerBg.png') no-repeat top; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 952px; height: 332px; }
	#headerCntr h1 { display: none; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 164px 9px 20px 12px; overflow: hidden; width: 931px; background: url('../images/contentBg.png') no-repeat -1px top; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 11px; padding: 10px 0px 222px 0px; position: relative; z-index: 10; float: left; display: inline; width: 228px; background: url('../images/sneakerz.png') no-repeat bottom;  }
			
			/* ### NAV BOX ### */
			.navBox { padding-bottom: 20px; width: 228px; background: url('../images/menuBg.png') no-repeat bottom; }
			.navBox ul { padding-bottom: 10px; list-style: none; background: #000; }
			.navBox li { padding-bottom: 5px; }
			.navBox li a { padding: 0px 15px 0px 15px; display: block; height: 31px; line-height: 31px; text-decoration: none; color: #fff; }
			.navBox li a:hover, .navBox li.selected a { color: #000; background: url('../images/menuHBg.gif') repeat-x; }
			
		/* ### CENTER CONTAINER ### */
		#centerCntr { position: relative; z-index: 10; float: left; width: 465px; }
		#centerCntr div.border { border-top: 40px solid #000; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 5px; padding-bottom: 31px; width: 465px; background: url('../images/nieuwsBottom.png') no-repeat bottom; }
			.nieuwsBox div.top { padding: 30px 30px 10px 30px; background: url('../images/nieuwsBg.png'); }
			.nieuwsBox h1 { padding-bottom: 20px; font-size: 24px; font-weight: bold; }
			.nieuwsBox p { padding-bottom: 20px; line-height: 24px; }
			.nieuwsBox a {color:#FFFFFF; font-weight:bold;}
			.nieuwsBox a.button { display: block; width: 159px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #000; background: url('../images/buttonBg.png') no-repeat; }
			.nieuwsBox a.button:hover { text-decoration: none; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 20px; position: relative; z-index: 10; float: right; width: 216px; }
		
			/* ### DJ BOX ### */
			.djBox { margin-bottom: 30px; width: 216px; }
			.djBox h2 { margin-bottom: 10px; padding: 6px 10px 10px 10px; font-size: 24px; font-weight: bold; color: #fff; background: #000; }
			.djBox ul { overflow: hidden; width: 216px; list-style: none; }
			.djBox li { margin: 0px 6px 6px 0px; float: left; display: inline; font-size: 12px; }
			.djBox li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 30px; line-height: 30px; text-decoration: none; font-weight: bold; color: #fff; background: #000; }
			.djBox li a:hover { text-decoration: underline; color: #000; background: #ff4113; }
			.djBox li a span { color: #000; }
			.djBox li a:hover span { color: #ff4113; }
			
			/* ### PIC BOX ### */
			.picBox { padding-bottom: 25px; position: relative; width: 216px; background: url('../images/picBottom.png') no-repeat bottom; }
			.picBox h3 { position: absolute; top: -20px; left: 0px; width: 147px; height: 49px; text-indent: -9999px; background: url('../images/picH3.png') no-repeat; z-index:10;}
			.picBox a { font-size: 13px; font-weight: bold; text-decoration: none; color: #fff; left:5px; position:relative; }
			.picBox a:hover { text-decoration: underline; }
			.picBox div.black { padding: 4px; background: #000; }
			.picBox img { margin-bottom: 10px; margin-top:5px; }
			
			/* ### COPY BOX ### */
			.copyBox { padding-left: 4px; width: 212px; }
			.copyBox ul { padding-bottom: 5px; list-style: none; }
			.copyBox li { padding-bottom: 5px; font-size: 11px; font-weight: bold; }
			.copyBox li a { color: #7f7f7f;}
			.copyBox li a:hover { text-decoration: none; }
			.copyBox p { font-weight: bold; font-size: 11px; color: #3d3d3d; }
		
/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background: #000; }
#footerCntr div.content { margin: 0 auto; position: relative; width: 952px; }
#footerCntr ul { padding-top: 50px; overflow: hidden; width: 952px; list-style: none; }
#footerCntr li { margin: 0px 35px 0px 35px; float: left; display: inline; }
#footerCntr div.flower { position: absolute; top: -340px; left: -200px; width: 871px; height: 340px; background: url('../images/flower.png') no-repeat; }


/* ### YOUTUBE BOX ### */
			.youTubeBox { padding-bottom: 0; position: relative; width: 224px; }
			.youTubeBox img { padding:10px 0 10px 0; border:0;}
			
			
			.foto_floater {float:left; margin:20px 15px 0 0;}
			
			
/* ### KAART BOX ### */
.kaartBox { padding: 30px 50px 0px 5px; width: 212px; height: 236px; background: url('../images/kaarten_bg.png') no-repeat; }
.kaartBox fieldset { border: 0px; }
.kaartBox label { margin:110px 0 20px 0; padding:0 35px 0 15px; display: block; line-height: 22px; font:bold 12px Arial; color: #fffff;   }
.kaartBox input.field { margin: 0 0 12px 15px; padding: 5px 5px 0px 5px; width: 122px; height: 25px; border: 0px; background: url('../images/knop_bg.png') no-repeat; }