/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #d7d7d7; }
body { padding-bottom: 20px; background: url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; position: relative; width: 901px; background: url('../images/mainBg.png') no-repeat bottom right; }

	/* ### CONTENT BOX ### */
	.contentBox { overflow: hidden; width: 100%; }
	
	/* ### BAR CONTAINER ### */
	#barCntr { position: absolute; top: 225px; right: 0px; overflow: hidden; width: 712px; height: 24px; background: url('../images/barBg.png') no-repeat; }
	#barCntr h2 { padding-left: 10px; display: block; float: left; width: 200px; font-size: 14px; font-family: 'Arial Black', Arial; }
	#barCntr h2 span { color: #f4ad37; }
	#barCntr ul { float: right; width: 440px; list-style: none; }
	#barCntr li { margin-right: 10px; float: left; display: inline; font-size: 13px; line-height: 22px; }
	#barCntr li a { text-decoration: none; color: #fff; }
	#barCntr li a:hover { text-decoration: underline; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 901px; height: 204px; background: url('../images/headerBg.png') repeat-x; }
	#headerCntr img { position: relative; left: -34px; float: left; width: 362px; }
	
		/* ### HRIGHT CONTAINER ### */
		#hrightCntr { padding: 26px 12px 0px 0px; position: relative; float: right; overflow: hidden; width: 518px; height: 178px; font-size: 12px; background: url('../images/hrightBg.png') no-repeat right top;  }
		
			/* ### ZOEK CONTAINER ### */
			#zoekCntr { position: relative; top: 15px; overflow: hidden; width: 488px; height: 65px; }
			#zoekCntr fieldset { position: absolute; right: 0px; border: 0px; }
			#zoekCntr input.field { padding: 4px; width: 171px; height: 13px; border: 1px solid #1c3039; background: url('../images/fieldBg.gif') no-repeat; }
			#zoekCntr input.submit { position: relative; top: 1px; width: 51px; height: 23px; border: 1px solid #1c3039; background: url('../images/submitBg.gif') repeat-x; }
			#zoekCntr ul { position: absolute; bottom: 0px; right: 0px; list-style: none; }
			#zoekCntr li { margin-right: 3px; float: left; display: inline; font-family: 'Arial Black', Arial; font-weight: bold; color: #dba03b; }
			#zoekCntr li a { text-decoration: none; color: #fff; }
			#zoekCntr li a:hover { text-decoration: underline; }
			
			/* ### MENU CONTAINER ### */
			#menuCntr { position: absolute; bottom: 0px; overflow: hidden; width: 518px; height: 58px; background: url('../images/menuBg.gif') repeat-x; }
			#menuCntr ul { list-style: none; }
			#menuCntr li { float: left; }
			#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 58px; line-height: 58px; font-family: 'Arial Black', Arial; font-weight: bold; text-decoration: none; color: #fff; background: url('../images/tabBg.gif') no-repeat; }
			#menuCntr li a:hover { text-decoration: underline; }
			
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 10px; float: left; width: 205px; }
		#leftCntr h2 { padding: 2px 0px 0px 35px; display: block; height: 26px; font-size: 13px; font-family: 'Arial Black', Arial; background: url('../images/leftTop.gif') no-repeat; }
		#leftCntr div.bottom { background: #4a5d66; }
		
			/* ### NAV BOX ### */
			.navBox { margin-bottom: 10px; padding-top: 100px; width: 208px; height: 295px; text-align: center; background: url('../images/navBg.png') no-repeat; }
			.navBox h3 { padding-bottom: 3px; display: block; font-size: 14px; text-transform: uppercase; color: #db5f29; background: url('../images/navTitle.gif') no-repeat bottom; }
			.navBox ul { height: 400px; list-style: none; }
			.navBox li { line-height: 20px; }
			.navBox li a { font-size: 13px; font-family: 'Arial Black', Arial; text-decoration: none; color: #576872; }
			.navBox li a:hover { text-decoration: underline; }
		
			/* ### LEFT BOX ### */
			.leftBox { margin: 0px 0px 10px 26px; padding-bottom: 10px; width: 147px; background: url('../images/leftBottom.gif') no-repeat bottom center; }
			.leftBox ul { padding: 5px 0px 0px 5px; list-style: none; }
			.leftBox li { padding: 1px 0px 1px 0px; padding-left: 10px; font-size: 12px; }
			.leftBox li a { text-decoration: none; color: #fff; }
			.leftBox li a:hover { text-decoration: underline; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { margin-left: 55px; padding-top: 80px; float: left; display: inline; width: 392px; }
		#centerCntr h2 { padding: 0px 0px 20px 30px; display: block; font-size: 14px; font-family: 'Arial Black', Arial; color: #db5f29; }
		#centerCntr div.top { padding-top: 9px; background: url('../images/centerTop.gif') no-repeat; }
		#centerCntr div.bottom { overflow: hidden; width: 392px; background: #4a5d66; }
		
			/* ### CENTER BOX ### */
			.centerBox { margin-bottom: 10px; padding-bottom: 9px; overflow: hidden; width: 392px; background: url('../images/centerBottom.gif') no-repeat bottom center; }
			.centerBox h3 { padding: 4px 0px 5px 0px; font-size: 13px; font-family: 'Arial Black', Arial; }
			.centerBox ul { overflow: hidden; list-style: none; }
			.centerBox li { float: left; color: #db5f29; }
			.centerBox li.first { padding: 0px 20px 0px 20px; width: 10px; font-size: 14px; font-family: 'Arial Black', Arial; line-height: 98px; color: #fff; }
			.centerBox li.last { padding: 0px 20px 0px 20px; }
			.centerBox li img { border: 2px solid #f4ad37; }
			.centerBox div.stars { padding-top: 10px; }
			.centerBox div.stars img { margin-right: 3px; float: left; display: inline; border: 0px; }
			
		/* ### FILMPJE CONTAINER ### */
		#filmpjeCntr { margin-left: 35px; padding-top: 80px; float: left; display: inline; width: 452px; }
		#filmpjeCntr h2 { padding: 2px 0px 0px 35px; display: block; height: 26px; font-size: 13px; font-family: 'Arial Black', Arial; background: url('../images/filmpjeTop.gif') no-repeat; }
			
			/* ### FILMPJE BOX ### */
			.filmpjeBox { margin-bottom: 30px; overflow: hidden; width: 452px; }
			.filmpjeBox h3 { font-size: 13px; font-family: 'Arial Black', Arial; color: #db5f29; }
			.filmpjeBox h4 { font-size: 11px; font-family: 'Arial Black', Arial; color: #db5f29; }
			.filmpjeBox div.bottom { overflow: hidden; width: 452px; background: url('../images/filmpjeBottom.gif') #4a5d66 no-repeat bottom; }
			.filmpjeBox div.film { padding: 30px 0px 17px 12px; float: left; display: inline; width: 256px; }
			.filmpjeBox div.film img { border: 2px solid #fff; }
			.filmpjeBox div.film ul { overflow: hidden; width: 256px; list-style: none; }
			.filmpjeBox div.film li { padding-top: 10px; }
			.filmpjeBox div.film li a { text-decoration: none; font-size: 13px; font-family: 'Arial Black', Arial; font-weight: bold; color: #db5f29; }
			.filmpjeBox div.film li a:hover { text-decoration: underline; }
			.filmpjeBox div.text { padding: 30px 17px 17px 17px; float: right; width: 150px; }
			.filmpjeBox div.text ul { list-style: none; }
			.filmpjeBox div.text li { font-size: 10px; font-family: 'Arial Black', Arial; }
			.filmpjeBox div.text li a { text-decoration: none; color: #fff; }
			.filmpjeBox div.text li a:hover { text-decoration: underline; }
			.filmpjeBox div.text p { font-size: 10px; font-family: 'Arial Black', Arial; font-weight: bold; line-height: 12px; }
			.filmpjeBox div.stars { padding: 5px 0px 10px 0px; overflow: hidden; }
			.filmpjeBox div.stars img { margin-right: 3px; float: left; display: inline; }
			.filmpjeBox div.film2 { padding: 30px 0px 17px 12px; float: left; display: inline; width: 406px; }
			.filmpjeBox div.film2 img { border: 2px solid #fff; }
			.filmpjeBox div.film2 ul { overflow: hidden; width: 406px; list-style: none; }
			.filmpjeBox div.film2 li { padding-top: 10px; }
			.filmpjeBox div.film2 li a { text-decoration: none; font-size: 13px; font-family: 'Arial Black', Arial; font-weight: bold; color: #db5f29; }
			.filmpjeBox div.film2 li a:hover { text-decoration: underline; }
			.filmpjeBox div.film2 input, select, textarea { font-family: Arial; font-size: 11px; color: #CCCCCC; }
			
						
			/* ### WIL BOX ### */
			.wilBox { position: relative; overflow: hidden; width: 420px; background: url('../images/wilTop.gif') no-repeat 0px 19px; }
			.wilBox div.bottom { overflow: hidden; width: 420px; height: 125px; background: url('../images/wilBottom.gif') #4a5d66 no-repeat bottom; }
			.wilBox h3 { margin-left: 20px; padding: 0px 0px 9px 10px; display: block; width: 195px; height: 19px; font-size: 13px; font-family: 'Arial Black', Arial; color: #f4ad37; background: url('../images/wilTitle.gif') no-repeat; }
			.wilBox div.filmpjes { position: absolute; top: 20px; }
			.wilBox ul { margin-left: 7px; float: left; display: inline; list-style: none; text-align: center; }
			.wilBox li a { text-decoration: none; font-size: 13px; font-family: 'Arial Black', Arial; color: #db5f29; }
			.wilBox li a:hover { text-decoration: underline; }
			.wilBox li img { border: 2px solid #f4ad37; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 80px; float: right; width: 194px; }
		#rightCntr h2 { padding: 2px 0px 0px 35px; display: block; height: 26px; font-size: 13px; font-family: 'Arial Black', Arial; background: url('../images/rightTop.gif') no-repeat; }
		#rightCntr div.bottom { background: #4a5d66; }
		
			/* ### RIGHT BOX ### */
			.rightBox { margin-bottom: 10px; padding-bottom: 10px; width: 194px; background: url('../images/rightBottom.gif') no-repeat bottom center; }
			.rightBox p { padding: 10px; font-size: 10px; }
			.rightBox ul { padding: 5px 0px 0px 10px; list-style: none; }
			.rightBox li { padding: 1px 0px 1px 0px; padding-left: 10px; background: url('../images/listBg.gif') no-repeat left center; }
			.rightBox li a { font-size: 10px; text-decoration: none; color: #fff; }
			.rightBox li a:hover { text-decoration: underline; }
			
		/* ### FILMS CONTAINER ### */
		#filmsCntr { padding-top: 80px; float: right; width: 640px; }
			
			/* ### FILM BOX ### */
			.filmBox { margin-bottom: 35px; float: left; overflow: hidden; width: 320px; }
			.filmBox h3 { padding: 4px 0px 5px 0px; font-size: 13px; font-family: 'Arial Black', Arial; }
			.filmBox ul { overflow: hidden; list-style: none; }
			.filmBox li { float: left; color: #db5f29; }
			.filmBox li.last { padding: 6px 20px 0px 20px; }
			.filmBox li img { border: 2px solid #f4ad37; }
			.filmBox div.stars { padding-top: 10px; }
			.filmBox div.stars img { margin-right: 3px; float: left; display: inline; border: 0px; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 901px; height: 24px; background: url('../images/footerBg.png') repeat-x; }
	#footerCntr ul { float: right; list-style: none; }
	#footerCntr li { margin-right: 10px; float: left; display: inline; font-size: 13px; line-height: 24px; }
	#footerCntr li a { text-decoration: none; color: #fff; }