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

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; position: relative; overflow: hidden; width: 954px; background: url('../images/mainBg.gif') repeat-y; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { padding-left: 200px; float: right; width: 736px; height: 133px; background: url('../images/headerBg.png') no-repeat; }
		
	/* ### LEFT CONTAINER ### */
	#leftCntr { padding: 0px 3px 0px 5px; float: left; display: inline; width: 245px; background: url('../images/menuBg.gif') no-repeat top left; }
	#leftCntr div.top { background: url('../images/leftTop.gif') no-repeat top; }
	#leftCntr div.bottom { padding: 8px 12px 10px 12px; overflow: hidden; width: 221px; background: url('../images/leftBottom.gif') no-repeat bottom; }
		
		/* ### MENU CONTAINER ### */
				
				/* ### LOGIN BOX ### */
				
		/* ### SPOT BOX ### */
		.spotBox { margin-bottom: 5px; width: 245px; text-align: center; background: url('../images/leftBg.gif') repeat-y; }
		.spotBox h2 { margin-bottom: 10px; height: 27px; text-indent: -9999px; background: url('../images/reactiesH2.gif') no-repeat; }
		.spotBox img { border: 1px solid #33565a; }
		.spotBox a { font-size: 20px; font-weight: bold; text-decoration: none; color: #254e52; background: no-repeat left; }
		.spotBox a:hover { text-decoration: underline; }
		.spotBox a.man { padding-left: 20px; background-image: url('../images/man.gif'); }
		.spotBox a.vrouw { padding-left: 20px; background-image: url('../images/vrouw.gif'); }
		
		/* ### REACTIE BOX ### */
		.reactieBox { margin-bottom: 5px; width: 245px; background: url('../images/leftBg.gif') repeat-y; }
		.reactieBox h2 { margin-bottom: 10px; height: 27px; text-indent: -9999px; background: url('../images/reactiesH2.gif') no-repeat; }
		.reactieBox ul { overflow: hidden; width: 221px; list-style: none; }
		.reactieBox li { float: left; width: 166px; line-height: 20px; color: #243c3c; }
		.reactieBox li.first { padding-left: 20px; width: 35px; background: url('../images/reactie.gif') no-repeat left; }
		.reactieBox li a { text-decoration: none; font-weight: bold; color: #243c3c; }
		.reactieBox li a:hover { text-decoration: underline; }
		
	/* ### CENTER CONTAINER ### */
	#centerCntr { float: left; width: 500px; }
	#centerCntr div.top { background: url('../images/centerTop.gif') no-repeat top; }
	#centerCntr div.bottom { padding: 10px; overflow: hidden; width: 480px; background: url('../images/centerBottom.gif') no-repeat bottom; }
	#centerCntr img.ad { margin-left: 17px; }
	
		/* ### TOP CONTAINER ### */
					/* ### TOP BOX ### */
			.topBox { float: left; overflow: hidden; width: 200px; }
			.topBox div.pic { float: left; width: 90px; }
			.topBox div.pic img { padding: 4px 6px 4px 6px; background: url('../images/picBg.gif') no-repeat; }
			.topBox div.text { float: right; width: 110px; }
			.topBox h3 { padding-bottom: 15px; font-size: 12px; font-weight: bold; }
			.topBox p { padding-bottom: 11px; }
			
		/* ### NIEUWS CONTAINER ### */
		#nieuwsCntr { margin-bottom: 5px; width: 500px; background: url('../images/centerBg.gif') repeat-y; }
		#nieuwsCntr div.meer { height: 20px; line-height: 30px; text-align: right; background: url('../images/nieuwsH1.gif') repeat-x top; }
		#nieuwsCntr a { text-decoration: none; font-weight: bold; color: #fff; }
		#nieuwsCntr a:hover { text-decoration: underline;}
		
			/* ### NIEUWS BOX ### */
				
	/* ### RIGHT CONTAINER ### */
	#rightCntr { margin-right: 5px; float: right; display: inline; width: 195px; }
	#rightCntr div.top { background: url('../images/rightTop.gif') no-repeat top; }
	#rightCntr div.bottom { padding: 10px; overflow: hidden; width: 175px; background: url('../images/rightBottom.gif') no-repeat bottom; }
	
		/* ### POLL BOX ### */
		.pollBox { margin-bottom: 5px; position: relative; width: 195px; background: url('../images/rightBg.gif') repeat-y; }
		.pollBox h2 { margin-bottom: 10px; height: 27px; text-indent: -9999px; background: url('../images/laatstH2.gif') no-repeat; }
		.pollBox h1 { padding-bottom: 5px; font-size: 11px; font-weight: bold; color: #243c3c; }
		.pollBox fieldset { overflow: hidden; width: 175px; color: #243c3c; border: 0px; }
		.pollBox input.radio { margin: 0px 5px 3px 0px; float: left; width: 20px; height: 16px; }
		.pollBox label { margin-bottom: 3px; display: block; float: left; width: 145px; height: 16px; line-height: 16px; }
		.pollBox input.submit { float: right; }
		.pollBox a { position: absolute; bottom: 10px; left: 10px; text-decoration: none; color: #243c3c; }
		.pollBox a:hover { text-decoration: underline; }
		
		/* ### GEWIJZIGD BOX ### */
		.gewijzigdBox { margin-bottom: 5px; width: 195px; background: url('../images/rightBg.gif') repeat-y; }
		.gewijzigdBox h2 { margin-bottom: 10px; height: 27px; text-indent: -9999px; background: url('../images/laatstH2.gif') no-repeat; }
		.gewijzigdBox ul { list-style: none; } 
		.gewijzigdBox li { line-height: 18px; color: #243c3c; }
		.gewijzigdBox li a { text-decoration: none; color: #243c3c; }
		.gewijzigdBox li a:hover { text-decoration: underline; }
		.gewijzigdBox li.man a { padding-left: 20px; background: url('../images/man.gif') no-repeat left; }
		.gewijzigdBox li.vrouw a { padding-left: 20px; background: url('../images/vrouw.gif') no-repeat left; }
		
		/* ### LINKS BOX ### */
		.linksBox { margin-bottom: 5px; width: 195px; background: url('../images/rightBg.gif') repeat-y; }
		.linksBox h2 { margin-bottom: 10px; height: 27px; text-indent: -9999px; background: url('../images/linksH2.gif') no-repeat; }
		.linksBox ul { list-style: none; } 
		.linksBox li { line-height: 18px; color: #243c3c; }
		.linksBox li a { text-decoration: none; color: #243c3c; }
		.linksBox li a:hover { text-decoration: underline; }

/* ### FOOTER CONTAINER ### */
#footerCntr { margin: 0 auto; padding-top: 10px; width: 954px; height: 30px; background: url('../images/footerBg.gif') no-repeat top; }
#footerCntr p { line-height: 30px; text-align: center; color: #c7eeef; }
#footerCntr a { text-decoration: none; color: #c7eeef; }
#footerCntr a:hover { text-decoration: underline; }