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

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

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

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/wrapperBg.gif') no-repeat top; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 961px; height: 413px; }
	#headerCntr h1 { position: absolute; top: 30px; left: 30px; }
	#headerCntr h1 a { display: block; width: 362px; height: 94px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr img.meer { position: absolute; top: 146px; left: 0px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 120px; right: 0px; width: 570px; }
		#menuCntr ul { overflow: hidden; width: 570px; list-style: none; background: url('../images/line.png') no-repeat right bottom; }
		#menuCntr li { float: right; display: inline; height: 26px; background: url('../images/line.png') no-repeat left bottom; }
		#menuCntr li a { padding: 0px 10px 0px 10px; font-size: 15px; font-weight: bold; text-decoration: none; color: #000; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #00aeef; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-right: 10px; overflow: hidden; width: 951px; }
	
		/* ### NP CONTAINER ### */
		#npCntr { margin-bottom: 1px; overflow: hidden; width: 961px; height: 57px; background: #000; }
		#npCntr ul { padding: 0px 25px 0px 25px; overflow: hidden; width: 911px; list-style: none; }
		#npCntr li { padding-right: 10px; float: left; display: inline; height: 57px; line-height: 57px; font-weight: bold; text-transform: uppercase; color: #fff; }
		#npCntr li a { text-decoration: none; color: #fff; }
		#npCntr li a:hover { text-decoration: underline; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; display: inline; width: 653px; background: #fff; }
		
			/* ### TEXT BOX ### */
			.textBox { padding: 25px; overflow: hidden; width: 603px; }
			.textBox h1 { padding-bottom: 15px; font-size: 25px; font-style: italic; font-weight: normal; }
			.textBox h1 span { color: #00b6f1; }
			.textBox h2 { padding-bottom: 10px; font-size: 16px; font-weight: bold; font-style: italic; }
			.textBox img.right { float: right; }
			.textBox p { padding-bottom: 15px; line-height: 24px; }
			.textBox a { color: #00b6f1; }
			.textBox a { text-decoration: none; }
			.textBox ul { list-style: none; }
			.textBox li { padding-left: 15px; line-height: 24px; background: url('../images/arrow.gif') no-repeat left; }
			.textBox li.pdf  { background: none; }
			.textBox li.pdf a { padding-left: 25px; background: url('../images/pdf.gif') no-repeat 5px center; }
			
			/* ### WAAROM BOX ### */
			.waaromBox { padding: 25px; width: 603px; border-top: 1px solid #a6def2; background: #edfbff; }
			.waaromBox a { color: #000; font-weight: bold; text-decoration: none; }
			.waaromBox a:hover { color: #000; font-weight: bold; text-decoration: underline; }
			.waaromBox h1 { padding-bottom: 25px; font-size: 18px; font-style: italic; font-weight: normal; }
			.waaromBox h1 span { color: #00b6f1; }
			.waaromBox ul { overflow: hidden; width: 603px; list-style: none; }
			.waaromBox li { margin-right: 14px; padding-top: 80px; float: left; display: inline; width: 140px; line-height: 22px; font-size: 11px; background: no-repeat top; }
			.waaromBox h3 { line-height: 22px; font-size: 12px; font-weight: bold; color: #15a6da; }
			.waaromBox li.uiterlijk { background-image: url('../images/uiterlijk.png'); }
			.waaromBox li.beheer { background-image: url('../images/beheer.png'); }
			.waaromBox li.kracht { background-image: url('../images/kracht.png'); }
			.waaromBox li.prijs { margin-right: 0px; background-image: url('../images/prijs.png'); }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 286px; }
		
			/* ### CONTACT BOX ### */
			.contactBox { padding: 20px 24px 0px 24px; position: relative; top: -44px; width: 238px; height: 185px; background: url('../images/contactBg.png') no-repeat; }
			.contactBox h3 { padding-bottom: 10px; font-size: 18px; font-weight: normal; font-style: italic; color: #000; }
			.contactBox p { padding-bottom: 10px; line-height: 28px; font-size: 14px; color: #645b1c; }
			.contactBox a { padding-left: 10px; display: block; width: 228px; height: 35px; line-height: 35px; text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat; }
			.contactBox a:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 25px; width: 911px; }
	#footerCntr ul { overflow: hidden; width: 911px; list-style: none; }
	#footerCntr li { float: left; display: inline; font-size: 12px; color: #42bde2; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #000; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li span { padding-right: 5px; color: #000; }
	#footerCntr li.pdf a { padding-left: 25px; background: url('../images/pdf.gif') no-repeat 5px center; }