/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000000; margin:3px; }
body { background: #f4f4f4 url('../images/bg.png') repeat-x left top;; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

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

	/* ### main container ### */
	#mainCntr { padding: 0 0px 0 30px; margin: 0 auto; width: 1105px; }
	#mainCntr #left { width: 922px; float: left; }
	
			
			
		/* ### header container ### */
		#headerCntr { position: relative; width: 922px; height: 323px; }
		#headerCntr h1 { position: absolute; top: 8px; left: 0px; }
	
			/* ### banner box ### */
			.bannerBox { padding-top: 80px; width: 922px; height: 200px; border: none; }
			
			/* ### menu box ### */
			.menuBox { width: 922px; height: 43px; background: #fff; }	
			.menuBox ul { padding: 3px 3px 0 0; list-style: none; float: left; }
			.menuBox li { padding-right: 7px; line-height: 40px; float: left; background: url('../images/li_spreter.png') right center no-repeat; }
			.menuBox a { padding-left: 7px; color: #0174df; font-size: 15px; font-weight: bold; text-decoration: none; display: block; }
			.menuBox a:hover { text-decoration: underline; }
			.menuBox li.last { background: none; }
				
		/* ### content container ### */
		#contentCntr { padding-bottom: 28px; overflow: hidden; width: 922px; background: #fff; }
		
			/* ### left container ### */
			#leftCntr { float: left; width: 570px; }
				
				/* ### text box ### */
				.textBox { padding-bottom: 24px; width: 570px; overflow: hidden; }
				.textBox h1 { padding-left: 9px; line-height: 25px; color: #fff; height: 25px; width: 570px; font-weight: bold; font-size: 14px; background: #D8842E; }
				.textBox h2 { padding-left: 9px; line-height: 25px; color: #fff; height: 25px; width: 570px; font-weight: bold; font-size: 14px; background: #D8842E; }
				.textBox p { padding: 16px 0 0 9px; color: #00376c; font-size: 12px; font-weight: normal; } 
				.textBox p.last { padding-bottom: 20px; }
				.textBox span { font-weight: bold; }
				.textBox p.second { padding-bottom: 30px; }
				.textBox h3 { padding-left: 9px; line-height: 25px; color: #fff; height: 25px; width: 570px; font-weight: bold; font-size: 14px; background: #D8842E; }
				.textBox a.meer { margin: 16px 0 0px 9px; display: block; color: #00376c; text-decoration: none; }
				.textBox a:hover { text-decoration: underline; }
				.textBox .left { padding: 14px 0 0 4px; width: 63px; float: left; }
				.textBox .right { width: 503px; float: right; }			
			
			/* ### right container ### */
			#rightCntr { float: right; width: 268px; overflow: hidden; }
			
				/* ### vacatures box ### */
				.vacaturesBox { padding-bottom: 15px; width: 268px; float: right; min-height: 260px; background: url('../images/rightbox_bg.png') repeat-x left top; }
				.vacaturesBox h2 { padding: 10px 0px 0 2px; margin-left: 3px; color: #D8842E; font-size: 14px; font-weight: bold; border-bottom: 2px #D8842E solid; width: 258px; line-height: 20px; } 
				.vacaturesBox p { padding: 10px 15px 0 7px; font-size: 12px; font-weight: normal; color: #FFFFFF; }
				.vacaturesBox a { color: #D8842E; }
				
				
				/* ### image box ### */
				.imageBox { padding-bottom: 15px; width: 268px; float: right; }	
				.imageBox ul { list-style: none; float: right }
				.imageBox li { padding: 15px 18px 0 0px; float: left; }
				.imageBox img { border: 1px solid #00376c; }
				.imageBox li.last { padding-right: 0px; }
		
		/* ### footer container ### */
		#footerCntr { margin-bottom: 40px; overflow: hidden; width: 922px; height: 25px; background: #000000; }
		#footerCntr ul { list-style: none; text-align: center; }
		#footerCntr li { padding-right: 7px; line-height: 25px; display: inline; color: #fff; font-size: 12px; font-weight: normal; background: url('../images/bottom_li.png') right center no-repeat; }
		#footerCntr a { padding-left: 3px; text-decoration: none; color: #fff; }
		#footerCntr a:hover { text-decoration: underline; }
		#footerCntr li.last { background: none; }