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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 13px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #8c806e; }
body { background: #cfe4f6 url('../images/body-bg.gif') top left repeat-x; }
img { border: 0px; }

a { color: #c72026; }

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

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding-bottom: 0px; margin: 0 auto; width: 780px; background: #fff; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 780px; height: 319px; }
	#headerCntr h1 { position: absolute; top: 18px; left: 0px; }
	#headerCntr img { float: left; }
	#headerCntr h1 a { display: block; width: 226px; height: 100px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 278px; left: 0px; width: 780px; height: 41px; background: url('../images/menu-bg.gif') top left no-repeat; }
		#menuCntr ul { padding-left: 110px; width: 780px; list-style: none; overflow: hidden; }
		#menuCntr li { padding-right: 1px; float: left; display: inline; font-family: Tahoma; font-size: 14px; font-weight: bold; background: url('../images/menu-sep.gif') right 18px no-repeat; }
		#menuCntr li.last { background: none; }
		#menuCntr li a { padding: 0px 10px; display: block; float: left; height: 41px; line-height: 41px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li a.selected { background: #404041; }
		#menuCntr ul ul { padding: 5px 0px 10px 0px; position: absolute; top: 41px; clear: both; width: 133px; display: none; background: url('../images/subBg.png') no-repeat left bottom; }
		#menuCntr ul ul li { padding: 0px 8px 4px 8px; line-height: 20px; float: none; display: block; font-size: 12px; background: none; }
		#menuCntr ul ul li a { padding: 0px; display: inline; float: none; height: auto; line-height: 20px; color: #ee3c42; }
		#menuCntr ul ul li a:hover { color: #fff; background: none; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 35px 60px 0px 55px; overflow: hidden; width: 665px; }

        #contentCntr img.left { float: left; margin: 5px 10px 10px 0px; }
        #contentCntr img.right { float: right; margin: 5px 0px 10px 10px; }
        #contentCntr img.left, #content .content img.right { margin-bottom: 5px; }

	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-right: 25px; float: left; width: 136px; }
		
			/* ### MENU BOX ### */
			.menuBox { width: 136px; margin-bottom:40px; }
			.menuBox h2 { padding-bottom: 20px; font-size: 27px; color: #c72026; }
			.menuBox h3 { padding-top:14px; padding-bottom: 7px; font-size: 16px; color: #c72026; }
			.menuBox ul { list-style: none; }
			.menuBox li { line-height: 25px; border-bottom: 1px solid #cccccc; }
			.menuBox li a { text-decoration: none; color: #000; }
			.menuBox li a:hover { color: #c72026; font-weight: bold; }
			.menuBox li a.active { color: #c72026; font-weight: bold; }
			.menuBox li ul { padding-left: 15px; list-style: none; }
			.menuBox li ul li { padding-left: 7px; border-bottom: 0px; line-height: 22px; height: 22px; background: url('../images/red-bullet.gif') left no-repeat; }

			/* ### LEFT BOX ### */
			.leftBox { width: 156px; margin-left:-32px; padding-top:0px;}
			.leftBox h2 { padding-top: 14px; font-size: 27px; color: #c72026; }
			.leftBox h3 { padding-top: 14px; padding-bottom:7px; font-size: 16px; color: #c72026; }
            .leftBox p { line-height:20px; color: #000; }
            .leftBox p a { color: #c72026; }
			.leftBox ul { list-style: none; }
			.leftBox li { line-height: 25px; border-bottom: 1px solid #cccccc; }
			.leftBox li a { text-decoration: none; color: #000; }
			.leftBox li a:hover { color: #c72026; font-weight: bold; }
			.leftBox li a.active { color: #c72026; font-weight: bold; }
			.leftBox li ul { padding-left: 15px; list-style: none; }
			.leftBox li ul li { padding-left: 7px; border-bottom: 0px; line-height: 22px; height: 22px; background: url('../images/red-bullet.gif') left no-repeat; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 665px; overflow: hidden; }

			/* ### TEXT BOX ### */
			#centerCntr .textBox { width: 675px; color:#000; }
            .textBox table { margin:5px; color:#000; }
            .textBox table td { padding:5px; }
            .textBox img { padding:4px; border:1px solid #ccc; }
            .textBox table.vakken { word-spacing: 20px; line-height:30px;}
            .textBox ol, .textBox ul { color:#000; padding-left:40px; margin-bottom:30px; line-height:20px;}
            .textBox input { color:#000; }
			.textBox .right { font-family: Trebuchet MS, Arial; margin-top: 27px; border-top: 1px solid #cccccc; float: right; width: 180px; }
			.textBox .right h4 { color:#555; }
            .textBox .right img { border: 0px; }
			.textBox { width: 475px; }
			.textBox h2 { padding-bottom: 20px; font-family: trebuchet MS, Arial; font-size: 27px; color: #555555; }
			.textBox p { padding-bottom: 15px; line-height: 18px; color: #000; }
			.textBox h3 { padding-bottom: 15px; font-size: 15px; color: #000; }
			.textBox h4 { font-size: 13px; color: #000; }
			
			/* ### EVALUATIE BOX ### */
			#centerCntr .evaluatieBox { width: 675px; color:#000; }            
			
			.evaluatieBox h2 { padding-bottom: 20px; font-family: trebuchet MS, Arial; font-size: 27px; color: #555555; }
			.evaluatieBox p { margin-top:30px; padding-bottom: 5px; text-align:center; line-height: 18px; color: #000; }
			.evaluatieBox h3 { margin-top:60px; padding-bottom: 0px; font-size: 15px; color: #000; text-align:center; }
			.evaluatieBox h4 { font-size: 13px; color: #000; }
			.evaluatieBox textarea { color:#000; display:block; }
			        
			/* ### WELCOME BOX ### */
			.welcomeBox { padding-bottom: 75px; width: 665px; overflow: hidden; }
			.welcomeBox .left { float: left; width: 423px; }
			.welcomeBox .right { margin-top: 27px; border-top: 1px solid #cccccc; float: right; width: 180px; }
			.welcomeBox h2 { margin-bottom: 25px; font-family: Trebuchet MS, Arial; text-transform: uppercase; font-size: 21px; color: #555555; border-bottom: 1px solid #cccccc; }
			.welcomeBox p { color: #000; line-height: 24px; }
			.welcomeBox h4 { padding: 4px 0px; font-size: 12px; color: #555555; font-family: trebuchet MS, Arial; }
			
            .welcomeBox .left { margin-top:3px; }
            
			/* ### NEWS BOX ### */
			.newsBox { width: 268px; float: left; margin-top:-80px;}
			.newsBox h3 { padding-bottom: 5px; color: #c72026; font-size: 16px; font-family: trebuchet MS, Arial; text-transform: uppercase; border-bottom: 1px solid #cccccc; }
			.newsBox ul { list-style: none; }
			.newsBox li { padding-top: 20px; padding-bottom: 12px; border-bottom: 1px solid #cccccc; }
			.newsBox li span { display: block; color: #c72026; font-weight: bold; font-size: 14px; }
			.newsBox li p { padding-bottom: 8px; color: #000; }
			.newsBox li a { display: block; color: #fff; text-decoration: none; font-style: italic; font-size: 10px; width: 65px; height: 15px; line-height: 15px; text-align: center; background: url('../images/meer-bg.gif') top left no-repeat; }
			.newsBox li a:hover { text-decoration: underline; }
			.newsBox li.last { border: none; }			
			
			/* ### BIJLES BOX ### */
			.bijlesBox { padding-left: 18px; width: 140px; float: right; }
			.bijlesBox h3 { padding-bottom: 5px; margin-bottom: 20px; color: #c72026; font-size: 16px; font-family: trebuchet MS, Arial; text-transform: uppercase; border-bottom: 1px solid #cccccc; }
			.bijlesBox ul { list-style: none; }
			.bijlesBox li { padding-left: 7px; font-size: 12px; line-height: 24px; color: #000; background: url('../images/red-bullet.gif') left no-repeat; }
			.bijlesBox li a { color: #000; }
			.bijlesBox li a:hover { text-decoration: none; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-left: 25px; float: right; width: 475px; border-left: 1px solid #cccccc; }	
	
	/* ### SITEMAP CONTAINER ### */
	#sitemapContainer { margin-top: 40px; padding: 35px 60px 40px 55px; overflow: hidden; width: 665px; color: #aaa; background: url('./images/dropshadow.png') repeat-x #444; }
	#sitemapContainer h2, #sitemapContainer h2 a { color: #bbb; font-size:16px; }
	#sitemapContainer ul { list-style-type:none; line-height:22px; margin-top: 16px;}
	#sitemapContainer a { color: #999; font-size:12px; }
	#sitemapLeft, #sitemapRight, #sitemapMiddle { float:left; width:210px; border:0px #fff solid; }
	#sitemapRight { float: right; text-align: right; }