/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #01567d; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #01567d; }
body { background: url('../images/bodyBg.png') #fff repeat-x; }
img { border: 0px; display: block; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding: 0px 28px 78px 28px; width: 854px; background: url('../images/headerBg.gif') #fff repeat-x; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 854px; height: 315px; }
	#headerCntr h1 { position: absolute; top: 45px; left: 0px; width: 251px; height: 43px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding: 55px 0px 25px 0px; width: 854px; }
		#menuCntr ul { overflow: hidden; width: 854px; list-style: none; }
		#menuCntr li { margin-right: 2px; padding-right: 3px; float: right; display: inline; font-size: 12px; background: url('../images/menuLi.gif') no-repeat right; }
		#menuCntr li.last { margin-right: 0px; padding-right: 0px; background: none; }
		#menuCntr li a { display: block; float: left; height: 23px; line-height: 23px; font-weight: bold; text-decoration: none; color: #02547a; }
		#menuCntr li a span { padding: 0px 10px 0px 10px; display: block; float: left; height: 23px; cursor: pointer; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #fff; background: url('../images/menuHL.gif') #00aeff no-repeat left; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuHR.gif') no-repeat right; }
		
		/* ### INTRO CONTAINER ### */
		#introCntr { padding: 20px; position: relative; width: 814px; height: 127px; background: url('../images/introBg.gif') no-repeat; }
		#introCntr h2 { font-size: 18px; font-weight: normal; color: #fff; }
		#introCntr p { position: absolute; top: 84px; left: 390px; line-height: 24px; font-size: 12px; color: #fff; }
		#introCntr a { position: absolute; top: 106px; right: 46px; display: block; width: 97px; height: 26px; line-height: 26px; text-align: center; font-weight: bold; font-size: 12px; text-decoration: none; color: #fff; }
		#introCntr a:hover { text-decoration: underline; }
		
		/* ### NP CONTAINER ### */
		#npCntr { padding-top: 12px; width: 854px; }
		#npCntr ul { overflow: hidden; width: 854px; list-style: none; }
		#npCntr li { padding-right: 9px; float: left; display: inline; color: #012333; background: url('../images/arrow2.gif') no-repeat right; }
		#npCntr li a { padding: 0px 8px 0px 8px; color: #012333; }
		#npCntr li a:hover { text-decoration: none; }
		#npCntr li span { padding: 0px 8px 0px 8px; font-weight: bold; }
		#npCntr li.first a { padding-left: 0px; }
		#npCntr li.last { padding-right: 0px; background: none; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 854px; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 600px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 600px; }
			.textBox h3 { padding-bottom: 15px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #00aeff; }
			.textBox h2 { padding-bottom: 15px; font-size: 12px; font-weight: bold; color: #011e2c; }
			.textBox span.dik { padding-bottom: 15px; font-size: 12px; font-weight: bold; color: #011e2c; }			
			.textBox p { padding-bottom: 15px; line-height: 18px; }
			.textBox img.right { margin: 0px 0px 0px 10px; float: right; }
			.textBox a { color: #00aeff; }
			.textBox a:hover { text-decoration: none; }
			.textBox ul.number { padding-bottom: 15px; overflow: hidden; width: 380px; list-style: none; }
			.textBox ul.number li { float: left; display: inline; width: 335px; line-height: 18px; }
			.textBox ul.number li.first { padding-right: 5px; width: 40px; text-align: right; }
			.textBox ul.stap { padding-bottom: 15px; list-style: none; }
			.textBox ul.stap li { padding-left: 50px; line-height: 18px; background: url('../images/arrow2.gif') no-repeat 29px center; }
			.textBox ul.stap2 { padding-bottom: 15px; list-style: none; }
			.textBox ul.stap2 li { padding-left: 80px; line-height: 18px; background: url('../images/arrow2.gif') no-repeat 59px center; }			
			.textBox td.dik { padding-bottom: 3px; padding-top: 3px; font-size: 12px; font-weight: bold; color: #011e2c; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 230px; }
		#rightCntr h3 { padding-bottom: 10px; text-align: left; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #00afff; }
		
			/* ### VOOR BOX ### */
			.voorBox { margin-bottom: 20px; padding: 13px; width: 204px; text-align: right; background: #f0f0f0; }
			.voorBox img { margin-bottom: 10px; }
			.voorBox p { padding-bottom: 11px; line-height: 18px; text-align: left; }
			.voorBox a { padding-left: 20px; color: #012333; background: url('../images/arrow.gif') no-repeat left; }
			.voorBox a:hover { text-decoration: none; }
			
			/* ### SCAN BOX ### */
			.scanBox { margin-bottom: 20px; padding: 13px; width: 204px; text-align: right; background: #f0f0f0; }
			.scanBox img { margin-bottom: 10px; }
			.scanBox p { padding-bottom: 11px; line-height: 18px; text-align: left; }
			.scanBox a { padding-left: 20px; color: #012333; background: url('../images/arrow.gif') no-repeat left; }
			.scanBox a:hover { text-decoration: none; }
			
			/* ### CONTACT BOX ### */
			.contactBox { padding: 13px; width: 204px; text-align: right; background: #f0f0f0; }
			.contactBox address { line-height: 18px; font-style: normal; text-align: left; }
			.contactBox a { padding-left: 20px; color: #012333; background: url('../images/arrow.gif') no-repeat left; }
			.contactBox a:hover { text-decoration: none; }
			.contactBox strong { display: block; }
			.contactBox ul { padding-bottom: 11px; overflow: hidden; width: 204px; list-style: none; }
			.contactBox li { float: left; display: inline; width: 164px; line-height: 18px; text-align: left; }
			.contactBox li.first { width: 40px; }
			.contactBox li a { padding: 0px; text-decoration: none; color: #01567d; background: none; }
			.contactBox li a:hover { text-decoration: underline; }

			/* ### SUBMENU BOX ### */
			.submenuBox { margin-bottom: 20px; padding: 13px; width: 204px; text-align: right; background: #f0f0f0; }
			.submenuBox ul { padding-bottom: 11px; overflow: hidden; width: 204px; list-style: none; }
			.submenuBox li { float: left; display: inline; width: 164px; line-height: 18px; text-align: left; font-size: 11px; }
			.submenuBox li a { padding-left: 20px; color: #012333; background: url('../images/arrow.gif') no-repeat left; }
			.submenuBox li a:hover { text-decoration: none; }
			
/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 58px; background: #01344c; }
#footerCntr div.content { margin: 0 auto; overflow: hidden; width: 864px; }
#footerCntr p { padding-left: 5px; float: left; width: 400px; line-height: 58px; color: #87abbc; }
#footerCntr ul { float: right; width: 400px; list-style: none; }
#footerCntr li { float: right; display: inline; line-height: 58px; color: #87abbc; }
#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #87abbc; }
#footerCntr li a:hover { text-decoration: underline; }