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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #6B6B6B; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #6B6B6B; }
body { background: url('../images/bodyBg.png') #fff repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
input.field { margin: 14px 5px 0px 0px; padding: 0px 5px 0px 5px; float: left; width: 153px; height: 21px; border: 1px solid #e6e6e6; background: #fff; }
input.submit { margin-top: 14px; float: left; cursor: pointer; width: 97px; height: 23px; font-size: 15px; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 975px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 975px; height: 282px; background: url('../images/headerBg.png') no-repeat bottom; }
	#headerCntr h1 { position: absolute; top: 48px; left: 48px; }
	#headerCntr h1 a { display: block; width: 240px; height: 51px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU BOX ### */
		.menuBox { position: absolute; top: 64px; right: 0px; width: 500px; }
		.menuBox ul { overflow: hidden; width: 500px; list-style: none; }
		.menuBox li { padding-right: 20px; float: left; display: inline; }
		.menuBox li a { display: block; float: left; height: 31px; line-height: 29px; font-size: 15px; text-decoration: none; color: #6B6B6B; background: url('../images/menuL.gif') no-repeat left -300px; }
		.menuBox li a span { padding: 0px 10px 0px 10px; display: block; float: left; cursor: pointer; height: 31px; background: url('../images/menuR.gif') no-repeat right -300px; }
		.menuBox li a:hover, .menuBox li.selected a { color: #45c1ff; background-position: left bottom; }
		.menuBox li a:hover span, .menuBox li.selected a span { background-position: right bottom; }
		
		/* ### SLOGAN BOX ### */
		.sloganBox { position: absolute; top: 145px; left: 50px; width: 875px; }
		.sloganBox p { line-height: 30px; font-size: 18px; color: #6B6B6B; }
		.sloganBox a { font-style: italic; text-decoration: underline; color: #6B6B6B; }
		.sloganBox a:hover { text-decoration: none; }
		.sloganBox strong { font-weight: normal; color: #000; }
		
		/* ### NP BOX ### */
		.npBox { position: absolute; top: 230px; left: 50px; overflow: hidden; width: 875px; height: 51px; border-bottom: 1px solid #e6e6e6; }
		.npBox ul { float: left; overflow: hidden; width: 450px; list-style: none; }
		.npBox li { padding-right: 10px; float: left; display: inline; height: 51px; line-height: 51px; font-size: 16px; color: #aaaaaa; }
		.npBox fieldset { float: right; overflow: hidden; width: 375px; border: 0px;}
		.npBox label { padding-right: 10px; float: left; display: block; height: 51px; line-height: 51px; font-size: 16px; color: #aaaaaa; }
		.npBox input.field { margin: 14px 5px 0px 0px; padding: 0px 5px 0px 5px; float: left; width: 153px; height: 21px; border: 1px solid #e6e6e6; background: #fff; }
		.npBox input.submit { margin-top: 14px; float: left; cursor: pointer; width: 97px; height: 23px; font-size: 15px; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
		.npBox li a { padding-right: 10px; text-decoration: none; color: #aaaaaa; }
		.npBox li a:hover { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 30px 50px 30px 50px; overflow: hidden; width: 875px; background: url('../images/contentBg.png') repeat-y; }
	#contentCntr div.lines { overflow: hidden; width: 875px; background: url('../images/contentLines.gif') no-repeat center; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 688px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 7px; width: 688px; background: url('../images/textBottom.gif') no-repeat left bottom; }
			.textBox div.bottom { padding-right: 30px; background: url('../images/textBg.gif') repeat-y; }
			.textBox h2 { padding-bottom: 10px; font-size: 19px; font-weight: normal; color: #66ccff; }
			.textBox h3 { padding-bottom: 5px; font-size: 14px; font-weight: normal; color: #66ccff; }
			.textBox p { padding-bottom: 20px; line-height: 24px; }
			.textBox a { color:#6B6B6B; }
			.textBox p strong { line-height: 30px; font-size: 14px;}
			.textBox img { margin-bottom: 10px; padding: 5px; border: 1px solid #e7e7e7; }
			.textBox img.noborder {border: 0px; margin:0px; padding:0px; }
			.textBox div.stats { padding: 20px 0px 20px 0px; overflow: hidden; width: 658px; border-top: 1px solid #e6e6e6; }
			.textBox div.stats ul { float: left; width: 165px; list-style: none; }
			.textBox div.stats li { line-height: 24px; }
			.textBox div.stats li.bold { font-size: 14px; color: #66ccff; }
			.textBox div.stats a.website { margin-right: 10px; float: left; display: block; width: 121px; height: 33px; line-height: 33px; text-align: center; font-size: 15px; text-decoration: none; color: #fff; background: url('../images/bekijkBg.gif') no-repeat; }
			.textBox div.stats a.contact { margin-right: 10px; float: left; display: block; width: 140px; height: 33px; line-height: 33px; text-align: center; font-size: 15px; text-decoration: none; color: #fff; background: url('../images/contactBg.gif') no-repeat; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 173px; }
		
			/* ### NAV BOX ### */
			.navBox { width: 173px; }
			.navBox ul { list-style: none; }
			.navBox li { display: inline; font-size: 14px; }
			.navBox li a { padding-left: 18px; display: block; width: 173px; height: 37px; line-height: 37px; text-decoration: none; color: #6B6B6B; background: url('../images/navBg.gif') no-repeat; }
			.navBox li a:hover, .navBox li.selected a { color: #66ccff; }
			.navBox li.first a { background-image: url('../images/firstBg.gif'); }
			.navBox li.last a { background-image: url('../images/lastBg.gif'); }
			
			/* ### LINK BOX ### */
			.linkBox { width: 173px; }
			.linkBox h3 { padding-bottom: 5px; font-size: 20px; font-weight: normal; color: #66ccff; border-bottom: 1px solid #e6e6e6; }
			.linkBox ul { list-style: none; }
			.linkBox li { display: block; height: 36px; font-size: 14px; border-bottom: 1px solid #e6e6e6; }
			.linkBox li a { padding-left: 20px; display: block; width: 173px; height: 36px; line-height: 36px; text-decoration: none; color: #6B6B6B; background: url('../images/arrow2.gif') no-repeat left -300px; }
			.linkBox li a:hover, .linkBox li.selected a { background-position: left center; }
		
		/* ### INTRO BOX ### */
		.introBox { margin-right: 60px; float: left; display: inline; width: 245px; }
		.introBox h2 { padding-bottom: 8px; font-size: 19px; font-weight: normal; color: #66ccff; }
		.introBox p { padding-bottom: 10px; line-height: 24px; color: #6B6B6B; }
		.introBox a { text-decoration: underline; color: #6B6B6B; }
		.introBox a:hover { text-decoration: none; }
		.introBox span { color: #66ccff; }
		
		/* ### KIJKER BOX ### */
		.kijkerBox { float: left; width: 265px; }
		.kijkerBox h3 { padding-bottom: 10px; font-size: 19px; font-weight: normal; color: #66ccff; }
		.kijkerBox img { margin-bottom: 10px; padding: 5px; border: 1px solid #ebebeb; }
		.kijkerBox a { text-decoration: underline; color: #6B6B6B; }
		.kijkerBox a:hover { text-decoration: none; }
		.kijkerBox p { line-height: 24px; }
		.kijkerBox span { color: #66ccff; }
		
		/* ### PERS BOX ### */
		.persBox { float: right; width: 265px; }
		.persBox h3 { padding-bottom: 8px; font-size: 19px; font-weight: normal; color: #66ccff; }
		.persBox ul { list-style: none; }
		.persBox li { padding: 0px 0px 0px 15px; line-height: 24px; color: #6B6B6B; background: url('../images/arrow.gif') no-repeat left 8px; }
		.persBox li a { text-decoration: underline; color: #6B6B6B; }
		.persBox li a:hover { text-decoration: none; }
		.persBox li.line { height: 20px; background: url('../images/line.gif') no-repeat 15px center; }
		
	/* ### INFO CONTAINER ### */
	#infoCntr { padding: 0px 50px 0px 50px; overflow: hidden; width: 875px; height: 252px; background: url('../images/infoBg.png') no-repeat; }
	#infoCntr div.lines { padding-top: 25px; overflow: hidden; width: 875px; height: 227px; background: url('../images/infoLines.gif') no-repeat center; }
	#infoCntr h3 { font-size: 19px; font-weight: normal; color: #66ccff; }
	
		/* ### QUICK BOX ### */
		.quickBox { margin-right: 60px; float: left; display: inline; width: 240px; }
		.quickBox h3 { padding-bottom: 5px; }
		.quickBox ul { list-style: none; }
		.quickBox li { padding-left: 15px; line-height: 28px; color: #6B6B6B; background: url('../images/arrow.gif') no-repeat left; }
		.quickBox li.english { padding-left: 20px; line-height: 28px; color: #6B6B6B; background: url('../images/english.png') no-repeat left; }
		.quickBox li.dutch { padding-left: 20px; line-height: 28px; color: #6B6B6B; background: url('../images/dutch.png') no-repeat left; }
		.quickBox li a { text-decoration: underline; color: #6B6B6B; }
		.quickBox li a:hover { text-decoration: none; }
		
		/* ### TWITTER BOX ### */
		.twitterBox { float: left; width: 260px; }
		.twitterBox h3 { padding-bottom: 8px; }
		.twitterBox a { text-decoration: underline; color: #6B6B6B; }
		.twitterBox a:hover { text-decoration: none; }
		.twitterBox ul { list-style: none; }
		.twitterBox li { padding: 0px 0px 10px 15px; line-height: 24px; color: #6B6B6B; background: url('../images/arrow.gif') no-repeat left 8px; }
		.twitterBox li a { text-decoration: underline; color: #6B6B6B; }
		.twitterBox li a:hover { text-decoration: none; }
		.twitterBox p { padding: 0px 0px 10px 15px; line-height: 24px; color: #6B6B6B; background: url('../images/arrow.gif') no-repeat left 8px; }
		.twitterBox p a { text-decoration: underline; color: #6B6B6B; }
		.twitterBox p a:hover { text-decoration: none; }
		.twitterBox pijl { color: #66ccff; }
		#twitter_update_list li {list-style-type: none;}
		
		/* ### GEG BOX ### */
		.gegBox { float: right; width: 260px; }
		.gegBox h3 { padding-bottom: 8px; }
		.gegBox address { font-style: normal; line-height: 20px; color: #6B6B6B; }
		.gegBox ul { overflow: hidden; width: 260px; list-style: none; }
		.gegBox li { float: left; display: inline; line-height: 24px; color: #6B6B6B; }
		.gegBox li a { padding: 0px 5px 0px 5px; text-decoration: underline; color: #6B6B6B; }
		.gegBox li a:hover { text-decoration: none; }
		.gegBox li.first a { padding-left: 0px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 5px 50px 20px 50px; overflow: hidden; width: 875px; color: #b4b4b4; }
	#footerCntr p { float: left; width: 400px; }
	#footerCntr ul { float: right; overflow: hidden; width: 425px; list-style: none; }
	#footerCntr li { float: right; display: inline; }
	#footerCntr a { text-decoration: none; color: #b4b4b4; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr li a { padding: 0px 5px 0px 0px; }
	#footerCntr li a.first { padding: 0px 5px 0px 5px; }
	#footerCntr li a.last { padding: padding: 0px; }
	#footerCntr li img { display: inline; }