/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #343434; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #959595; }
body { height: 100%; background: url('../images/bodyBg.png') #323232 repeat-x; }
img { border: 0px; display: block; }
a { color: #c21016; }
a:visited { color: #c21016; }

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 958px; height: 151px; }
	#headerCntr h1 { width: 261px; height: 108px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr div.ad { padding: 7px 0px 0px 24px; position: absolute; top: 60px; right: 0px; width: 475px; height: 67px; background: url('../images/adBg.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { overflow: hidden; width: 958px; height: 43px; }
		#menuCntr ul { float: left; overflow: hidden; width: 753px; list-style: none; }
		#menuCntr li { float: left; display: inline; }
		#menuCntr li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 40px; line-height: 40px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: #343434; }
		#menuCntr fieldset { padding-top: 9px; float: right; overflow: hidden; width: 201px; border: 0px; }
		#menuCntr input.field { padding: 5px 5px 0px 5px; float: left; width: 170px; height: 19px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		#menuCntr input.submit { float: left; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 20px; overflow: hidden; width: 918px; border-top: 5px solid #898989; background: #fff; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 582px; }
		
			/* ### ARTIKEL BOX ### */
			.artikelBox { margin-bottom: 30px; position: relative; width: 582px; }
			.artikelBox h3 { margin-bottom: 5px; padding-bottom: 5px; font: bold 18px Trebuchet MS; color: #fff; border-bottom: 3px solid #c21016; }
			.artikelBox h3 span { padding: 5px 10px; background: #c21016; }
			.artikelBox div.text { padding: 10px; position: absolute; left: 0px; bottom: 0px; background: url('../images/artikelBg.png'); }
			.artikelBox h1 { font: bold 18px Trebuchet MS; color: #fff; margin-bottom: -5px; }
			.artikelBox h1 a { color: #fff; text-decoration: none; }
			.artikelBox p.box { color: #fff; }
			.artikelBox ul { overflow: hidden; width: 562px; list-style: none; }
			.artikelBox li { float: left; width: 200px; font-size: 11px; color: #6e6e6e; }
			.artikelBox li.right { float: right; text-align: right; }
			.artikelBox img { width: 582px; }
			.artikelBox h2 { font: 18px; color: #c21016; padding: 8px 4px 4px 4px; }
			.artikelBox h4 { font: 11px Tahoma; font-weight: normal; padding: 0 4px 4px 4px; }
			.artikelBox p { font-family: Tahoma; line-height: 19px; padding: 8px 4px 4px 4px; }
			
			/* ### REACTIE BOX ### */			
			.reactieBox { margin-bottom: 30px; position: relative; width: 582px; }
			.reactieBox h3 { margin-bottom: 5px; padding-bottom: 5px; font: bold 18px Trebuchet MS; color: #fff; border-bottom: 3px solid #c21016; }
			.reactieBox h3 span { padding: 5px 10px; background: #c21016; }			
			.reactieBox { margin-bottom: 30px; width: 582px; }
			.reactieBox div.reactie { padding: 5px; overflow: hidden; width: 572px; }
			.reactieBox div.pic { float: left; width: 66px; }
			.reactieBox div.text { float: right; width: 500px; }
			.reactieBox div.grey { background: #ebebeb; }
			.reactieBox img {  }
			.reactieBox ul { list-style: none; }
			.reactieBox li { text-align: right; font-size: 11px; color: #6e6e6e; }
			.reactieBox h1 { padding-bottom: 8px; font: normal 14px Tahoma; color: #c21016; }
			.reactieBox h1 span { font: 11px normal; font-family: Tahoma; color: #999; }
			.reactieBox a { text-decoration: none; color: #c21016; }
			.reactieBox a:hover { text-decoration: underline; }
			
			.reactieBox div.sub { padding-left: 50px; background: url('../images/sub.gif') no-repeat 15px center; }
			.reactieBox div.sub div.reactie { 522px; }
			.reactieBox div.sub div.text { width: 460px; float: left; padding-left: 8px; }
			
			.reactieBox textarea {width: 572px; padding: 5px; background: #fff; border: 1px #999 solid; color: #000;}
			.reactieBox input { padding: 2px;margin:2px; background: #fff; border: 1px #999 solid; color: #000;}
			.reactieBox input.plaatsReactie { background: url('../images/plaatsreactie.gif') no-repeat; width: 118px; height: 26px; border: none; float: right; padding: 0; margin: 4px 0 0 0; }


			/* ### RUBRIEK BOX ### */
			.rubriekBox { margin-bottom: 30px; width: 582px; }
			.rubriekBox div.auto { padding: 5px; overflow: hidden; width: 572px; }
			.rubriekBox div.pic { float: left; width: 170px; }
			.rubriekBox div.text { float: right; width: 390px; }
			.rubriekBox div.grey { background: #ebebeb; }
			.rubriekBox ul { list-style: none; }
			.rubriekBox li { text-align: right; font-size: 11px; color: #6e6e6e; }
			.rubriekBox h1 { padding-bottom: 8px; font: bold 14px Trebuchet MS; color: #c21016; }
			.rubriekBox a { text-decoration: none; color: #c21016; }
			.rubriekBox a:hover { text-decoration: underline; }
			.rubriekBox a.button { padding: 0px  10px 0px 10px; display: block; float: left; height: 30px; line-height: 32px; text-decoration: none; color: #FFF; background: #c21016; font-family: Trebuchet MS; font-weight: bold; font-size: 15px; margin-right: 7px; margin-top: 5px; }
			.rubriekBox a.button:hover { text-decoration: underline; }
			.rubriekBox a.buttong { padding: 0px  10px 0px 10px; display: block; float: left; height: 30px; line-height: 32px; text-decoration: none; color: #FFF; background: #8f8f8f; font-family: Trebuchet MS; font-weight: bold; font-size: 15px; margin-right: 7px; margin-top: 5px; }
			.rubriekBox a.buttong:hover { text-decoration: underline; }
			.rubriekBox ul.buttons { overflow: hidden; width: 582px; list-style: none; border-bottom: 3px solid #c21016; }
			.rubriekBox ul.buttons li { padding-right: 5px; float: left; display: inline; font-family: Trebuchet MS; font-weight: bold; }
			.rubriekBox ul.buttons li a { font: bold Trebuchet MS; margin-top: 6px; padding: 0px 8px 0px 8px; display: block; float: left; height: 24px; line-height: 24px; font-size: 14px; color: #fff; background: #8f8f8f; }
			.rubriekBox ul.buttons li a:hover { text-decoration: none; background: #c21016; }
			.rubriekBox ul.buttons li.selected a { margin-top: 0px; height: 30px; line-height: 30px; font-size: 16px; background: #c21016; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 324px; }
		#rightCntr h3 { margin-bottom: 10px; padding-bottom: 5px; font: bold 16px Trebuchet MS; color: #fff; border-bottom: 3px solid #c21016; }
		#rightCntr h3 span { padding: 5px 10px; background: #c21016; }
		
			/* ### POLL BOX ### */
			.pollBox { margin-bottom: 10px; width: 324px; }
			.pollBox div.spacer { padding: 10px; overflow: hidden; width: 304px; }
			.pollBox h2 { padding-bottom: 8px; font: normal 16px Tahoma; color: #c21016; }
			.pollBox h4 { margin-top: 10px; font-size: 12px; font-weight: normal; }
			.pollBox p { padding-top: 11px; }
			.pollBox p.right { text-align: right; }
			.pollBox em { float: right; display: block; width: 44px; font-size: 11px; text-align: right; font-style: normal; color: #c21016; }
			.pollBox a { font-size: 11px; text-decoration: none; color: #c21016; }
			.pollBox a:hover { text-decoration: underline; }
			.pollBox div.poll { padding-top: 3px; float: left; overflow: hidden; width: 260px; height: 12px; }
			.pollBox div.red { float: left; width: 60%; height: 10px; background: #c21016; }
			.pollBox div.grey { float: left; width: 40%; height: 10px; background: #bebebe; }
			
			/* ### OVER BOX ### */
			.overBox { margin-bottom: 20px; width: 324px; }
			.overBox p { padding: 0px 10px 11px 10px; line-height: 16px; }
			.overBox a { color: #c21016; }
			.overBox a:hover { text-decoration: none; }
			
			/* ### CATS BOX ### */
			.catsBox { margin-bottom: 15px; width: 324px; }
			#rightCntr div.catsBox h3 { margin-bottom: 0px; }
			.catsBox ul { padding: 10px 0px 10px 10px; overflow: hidden; width: 304px; list-style: none; }
			.catsBox li { margin-right: 10px; padding: 10px 0px 10px 0px; float: left; display: inline; text-indent: 10px; width: 142px; border-bottom: 1px dashed #b0b0b0; }
			.catsBox li a { text-decoration: none; color: #343434; }
			.catsBox li a:hover { text-decoration: underline; color: #c21016; }
			
			/* ### AD BOX ### */
			.adBox { margin-bottom: 30px; width: 324px; }
			.adBox img { margin: 10px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 958px; height: 41px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { padding-left: 118px; float: left; width: 600px; line-height: 41px; color: #818080; }
	#footerCntr a { display: block; float: right; width: 124px; height: 41px; text-indent: -9999px; background: url('../images/azix.gif') no-repeat; }