/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #999; }
input, select, textarea { font-family: Arial; font-size: 12px; vertical-align:middle; line-height: 24px; color: #333;}
body { height: 100%; background: url('../images/bodyBg.png') #3f3f3f 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/wrapperBg.gif') repeat-x bottom; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding: 135px 370px 0px 20px; position: relative; width: 470px; height: 167px; color: #fff; background: url('../images/headerBg.jpg') no-repeat; }
	#headerCntr h1 { padding-bottom: 8px; font-weight: bold; font-size: 25px; }
	#headerCntr p { font-weight: bold; font-size: 13px; text-transform: uppercase; }
	#headerCntr a { text-decoration: none; font-weight: bold; font-size: 15px; text-transform: uppercase; color: #fff; }
	#headerCntr a:hover { text-decoration: underline; }
	#headerCntr a.button { position: absolute; top: 244px; left: 85px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-top: 20px; overflow: hidden; width: 860px; background: url('../images/contentBg.gif') repeat-y 265px 0px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 247px; }
		
			/* ### MENU CONTAINER ### */
			#menuCntr { margin-bottom: 20px; width: 247px; background: #313131; }
			#menuCntr ul { padding: 3px; list-style: none; }
			#menuCntr li { height: 30px; line-height: 30px; font-size: 13px; font-weight: bold; border-bottom: 1px solid #3c3c3c; background: #1f1f1f; }
			#menuCntr li.last { border: 0px; }
			#menuCntr li a { padding-left: 10px; display: block; height: 30px; text-decoration: none; color: #999; }
			#menuCntr li a:hover, #menuCntr li.selected a { padding-left: 20px; color: #fff; background: url('../images/arrow2.gif') #303030 no-repeat 10px center; }
			#menuCntr h3 { height: 41px; line-height: 41px; text-indent: 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; background: url('../images/menuH3.gif') no-repeat; }
			
			#leftcontact {margin-bottom: 20px; width: 237px; background: #505050; border:2px solid #303030 ;  padding:5px}
			#leftcontact h3 { height: 41px; line-height: 41px; text-indent: 10px; background:#303030; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff;}
				#leftcontact td {padding:5px 0;}
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { overflow: hidden; width: 245px; background: #1f1f1f; }
			.nieuwsBox div.nieuws { padding: 10px; border-top: 1px solid #494949; }
			.nieuwsBox h2 { padding-bottom: 10px; font-weight: bold; font-size: 12px; color: #c4c4c4; }
			.nieuwsBox p { line-height: 20px; }
			.nieuwsBox a { color: #858585; }
			.nieuwsBox a:hover { color: #FFF; }
			.nieuwsBox h2 span { color: #858585; }
			.nieuwsBox h3 { height: 41px; line-height: 41px; text-indent: 10px; font-size: 11px; font-weight: bold; color: #fff; background: url('../images/nieuwsH3.gif') no-repeat; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-left: 20px; float: right; width: 575px; }
		
			/* ### TEXT BOX ### */
			.textBox { overflow: hidden; width: 556px; }
			.textBox h1 { padding-bottom: 10px; font-weight: bold; font-size: 23px; color: #80a5d6; }
			.textBox h1 span { font-size: 12px; color: #858585; }
			.textBox p { padding-bottom: 15px; line-height: 24px; }
			.textBox a { color: #858585; }
			.textBox a:hover { color: #FFF; text-decoration: none; }
			.textBox .more { display: block; float: right; position: relative; width: 200px; height: 24px; top: -24px; text-align: right; }
			.textBox img.right { float: right; }
			.textBox ul { padding-bottom: 15px; list-style: none; }
			.textBox li { padding-left: 20px; line-height: 24px; background: url('../images/arrow.gif') no-repeat left; }
			.textBox li a { color: #80a5d6; }
			.textBox li a:hover { text-decoration: none; }
			
			.textBox #contactformulier { line-height: 24px; }
			.textBox label { display: block; width: 190px; height: 24px; float: left; text-align: right; padding-right: 10px; }
			.textBox .veld { display: block;  width: 300px; height: 20px; float: left; margin: 4px 0; background: #333; color: #FFF; }
			.textBox textarea { display: block; width: 300px; height: 200px; float: left; margin: 4px 0; background: #333; color: #FFF; }
			#email { display: none; }

/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #1f1f1f; }
#footerCntr div.content { margin: 0 auto; width: 860px; height: 50px; background: url('../images/logoF.gif') no-repeat right top; }
#footerCntr p { line-height: 50px; color: #c4c4c4; }
#footerCntr a { color: #c4c4c4; text-decoration: none; }