/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff url('../images/bodyBg.jpg') top left repeat-x; }
img { border: 0px; display: block; }

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

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

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 845px; height: 51px; }
	#headerCntr h1 { position: absolute; top: 13px; left: 0px; }
	#headerCntr h1 a { display: block; width: 250px; height: 25px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 12px; float: right; height: 22px; }
		#menuCntr ul { list-style-type: none; }
		#menuCntr li { float: left; }
		#menuCntr li a { padding-left: 28px; font-family: 'Rockwell', Arial; font-size: 18px; color: #fff; text-decoration: none; }
		#menuCntr li a:hover { text-decoration: underline; }
		
	/* ### BANNER CONTAINER ### */
	#bannerCntr { padding-top: 21px; width: 845px; height: 219px; overflow: hidden; }
	#bannerCntr img { width: 843px; height: 217px; border: 1px solid #DBDBDB; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-top: 6px; overflow: hidden; width: 843px; border: 1px solid #DBDBDB; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 398px; overflow: hidden; }
			
			/* ### TEXT BOX ### */
			.textBox { margin-top: 10px; width: 394px; border-right: 1px solid #F1F1F1; }
			.textBox h3 { padding: 0 35px 0 20px; font-weight: normal; font-family: 'Calibri', arial; font-size: 18px; line-height: 25px; color: #000; }
			.textBox h3 span { color: #EE2D63; }
			.textBox p { padding: 5px 19px 0 20px; line-height: 22px; font-family: Arial, Helvetica; font-size: 12px; color: #7A7A7A; }
			.textBox p.last { padding: 30px 20px 20px 20px; margin-bottom: 25px; }
			.textBox a { color: black; }
					
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding: 0 15px 24px 15px; float: left; overflow: hidden; width: 237px; background-color: #F1F1F1; }
		#centerCntr h3 { padding-top: 20px; font-weight: normal; font-family: 'Calibri', arial; font-size: 21px; color: #000; }
		
			/* ### ONZE BOX ### */
			.onzeBox { padding-top: 9px; margin-top: 4px; width: 238px; overflow: hidden; background: url('../images/onzeTop.jpg') top no-repeat; }
			.onzeBox.last { margin-top: 4px; }
			.onzeBox.first { margin-top: 12px; }
			
			.bottom { padding-bottom: 9px; width: 238px; overflow: hidden; background: url('../images/onzeBottom.jpg') bottom no-repeat; }
			.middle { width: 238px; overflow: hidden; background: url('../images/onzeMiddle.jpg') center repeat-y; }
			.middle p { padding: 0 14px; line-height: 22px; font-size: 12px; color: #7A7A7A; }
			
			 /* ### LINKS ### */
			 .onzeBox a .voetbalcentraal { margin: 0 0 0 12px; width: 210px; height: 26px; background: url('../images/voetbalcentraal-logo.jpg') no-repeat left -26px; display: block; text-indent: -9999px; }
			 .onzeBox a:hover .voetbalcentraal { background: url('../images/voetbalcentraal-logo.jpg'); }
			 .onzeBox a .footballpro { margin: 0 0 0 12px; width: 210px; height: 36px; background: url('../images/footballpro-logo.jpg') no-repeat left -36px; display: block; text-indent: -9999px; }
			 .onzeBox a:hover .footballpro { background: url('../images/footballpro-logo.jpg'); }
			 .onzeBox a .voetbalspelletjes { margin: 0 0 0 12px; width: 210px; height: 21px; background: url('../images/voetbalspelletjes-logo.jpg') no-repeat left -21px; display: block; text-indent: -9999px; }
             .onzeBox a:hover .voetbalspelletjes { background: url('../images/voetbalspelletjes-logo.jpg'); }
			 
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 178px; overflow: hidden; }
			
			/* ### CONTACT BOX ### */
			.contactBox { margin: 20px 0 0 3px;  width: 175px; overflow: hidden; border-left: 1px solid #F1F1F1; }
			.contactBox h3 { padding-left: 15px; font-weight: normal; font-family: 'Calibri', arial; font-size: 21px; color: #000; }
			.contactBox address { font-style: normal; }
			.contactBox address span { padding: 15px 45px 0 14px; display: block; line-height: 22px; font-family: Arial, Helvetica; font-size: 12px; color: #7A7A7A; }
			.contactBox address span.second { padding-top: 7px; padding-right: 56px; }
			.contactBox address span.last { padding: 8px 15px 15px 14px; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 0 10px; margin: 7px 0; overflow: hidden; width: 823px; height: 34px; border: 1px solid #DBDBDB; }
	#footerCntr p {  float: left; font-size: 11px; color: #9A9A9A; line-height: 34px; }
	#footerCntr a { text-decoration: underline; color: #9A9A9A; }
	#footerCntr a:hover { text-decoration: none; }
	#footerCntr span { float: right; font-size: 11px; color: #9A9A9A; line-height: 34px; }