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

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; overflow: hidden; }

#ruler { visibility: hidden; white-space: nowrap; font-size: 20px; color: #fff; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding: 77px 16px 0px 16px; overflow: hidden; position: relative; width: 976px; height: 268px; background: url('../images/header-bg_new.png') bottom left no-repeat; }
	#headerCntr h1 { padding: 20px 39px 0px 0px; float: right; }


		/* ### ZOEK BOX ### */
		.zoekBox form { display: block; }
		.zoekBox fieldset { border: none; overflow: hidden; }
		.zoekBox input.field { padding-right: 5px; width: 200px; color: #fff; float: left; border: none; background: none; }
		.zoekBox input.zoek-button { margin-left: 5px; border: none; width: 16px; height: 16px; float: left; cursor: pointer; background: url('../images/zoek-button.png') top left no-repeat; }

		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 20px; margin: auto; width: 976px; height: 50px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr li { float: left; font-size: 13px; }
		#menuCntr li a { color: #fff; cursor: pointer; text-decoration: none; height: 50px; float: left; line-height: 50px; display: block; }
		#menuCntr li a span { padding: 0px 26px 0px 25px; height: 50px; line-height: 50px; display: block; float: left; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: #000; }

		/* ### SLIDE BOX ### */
		.slideBox { padding-left: 40px; padding-top: 35px; float: left;width: 50px; }
		.slideBox .slideInner {  width: 500px; height: 100px; z-index: 2; }


		.slideBox .box1 { font-size: 20px; color: #fff;  position: relative; z-index: 1; }
		.slideBox .box2 { line-height: 14px; color: #cbcabe; font-size: 16px; padding-top: 10px;}
                .slideBox .box2 a { line-height: 14px; color: #cbcabe; font-size: 16px; text-decoration: none; }

		.slideBox h2 { padding-bottom: 5px; font-size: 20px; color: #fff; text-transform: uppercase; }
		.slideBox h3 { padding-left: 98px; line-height: 14px; font-size: 18px; color: #cbcabe; font-size: 16px; text-transform: uppercase; }

		.linkBox { padding-left: 30px; padding-top: 40px; float: left; }
		.linkBox a { color: #fff; text-decoration: none; }
		.linkBox a:hover { color: #fff; text-decoration: underline; }

		.forumBox { padding-left: 30px; padding-top: 27px; float: left; color: #fff; }
		.forumBox a { color: #fff; text-decoration: none; font-weight: bold; }
		.forumBox a:hover { color: #fff; text-decoration: underline; font-weight: bold; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 36px; width: 1008px; background: url('../images/content-bottombg.png') bottom left no-repeat; }
	#contentCntr #middle { padding: 0px 16px; width: 976px; overflow: hidden; background: url('../images/content-middlebg.png') top left repeat-y; }

		/* ### NP BOX ### */
		.npBox { height: 39px; width: 900px; background: #cbcabe; float: left; }
		.npBox ul { list-style: none; overflow: hidden; }
		.npBox li { padding: 0px 20px 0px 14px; height: 39px; line-height: 39px; font-weight: bold; float: left; background: url('../images/arrow-bg.png') right no-repeat; }
		.npBox li a { text-decoration: none; color: #000; font-weight: normal; }
		.npBox li a:hover { text-decoration: underline; }
		.npBox li.last { background: none; }
		
		.npBoxr { height: 39px; width: 76px; background: #cbcabe; float: right; } 
		.npBoxr p { padding-top: 10px; padding-right: 10px; text-align: right; }

		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-left: 22px; padding-top: 15px; float: left; width: 635px; }

			/* ### POST BOX ### */
			.postBox { padding-bottom: 25px; width: 635px; }
			.postBox h2 { padding-bottom: 9px; margin-bottom: 8px; color: #ff0056; font-size: 20px; font-weight: normal; background: url('../images/dotted-bg.png') bottom left repeat-x; }
			.postBox h2 span { padding-top: 5px; display: block; font-size: 12px; font-style: italic; color: #666666; }
			.postBox p { padding-bottom: 13px; line-height: 18px; color: #000; }
			.postBox a { padding-left: 14px; color: #000; text-decoration: none; background: url('../images/bullet.png') left no-repeat; }
			.postBox a:hover { text-decoration: underline; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 15px; padding-right: 17px; float: right; width: 278px; }

			/* ### LOGIN BOX ### */
			.loginBox { width: 278px; background: url('../images/news-middlebg.jpg') top left repeat-y; }
			.loginBox .top { width: 278px; background: url('../images/news-topbg.jpg') top left no-repeat; }
			.loginBox .bottom { padding: 17px; padding-left: 20px; width: 241px; background: url('../images/news-bottombg.jpg') bottom left no-repeat; }
			.loginBox h3 { padding-bottom: 10px; font-size: 14px; color: #000; font-weight: bold; }
			.loginBox form { display: block; }
			.loginBox fieldset { border: none; overflow: hidden; }
			.loginBox input.field { padding: 6px; margin-bottom: 5px; float: left; width: 227px; height: 15px; border: 1px solid #e3e3e3; background: #fff; }
			.loginBox input.login-button { width: 87px; height: 29px; color: #fff; font-weight: bold; cursor: pointer; border: none; background: url('../images/login-button.jpg') top left no-repeat; }

			/* ### NEWS BOX ### */
			.newsBox { margin-top: 17px; width: 278px; background: url('../images/news-middlebg.jpg') top left repeat-y; }
			.newsBox .top { width: 278px; background: url('../images/news-topbg.jpg') top left no-repeat; }
			.newsBox .bottom { padding: 17px; padding-left: 20px; width: 241px; background: url('../images/news-bottombg.jpg') bottom left no-repeat; }
			.newsBox h3 { padding-bottom: 10px; font-size: 14px; color: #000; font-weight: bold; }
			.newsBox ul { padding-bottom: 10px; width: 241px; list-style: none; }
			.newsBox li { overflow: hidden; color: #000; line-height: 18px; }
			.newsBox li span { color: #ff0056; display: block; float: right; width: 165px; }
			.newsBox li a { text-decoration: none; color: #ff0056; }
			.newsBox a.alle { position: relative; left: 76px; color: #ff0056; text-decoration: none; }
			.newsBox a:hover { text-decoration: underline; }