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

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding: 0px 15px 40px 15px; width: 970px;  }

   #mainbgtop { background: url('../images/headerBg.gif') repeat-x; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 970px; height: 80px; background: url('../images/headerBg.gif') repeat-x;  }
	#headerCntr h1 { position: absolute; top: 5px; left: 15px; width: 265px; height: 271px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; cursor: hand;}
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 8px; overflow: hidden; width: 970px; }
		#menuCntr ul { float: right; overflow: hidden; width: 690px; list-style: none; }
		#menuCntr ul ul { padding-bottom: 3px; position: absolute; top: 45px; display: none; clear: both; float: none; width: 170px; border: 1px solid #7e7e7e; border-top: 0px; background: #fff; }
		#menuCntr ul ul li { float: none; display: block; height: 24px; text-transform: none; font-weight: normal; }
		#menuCntr ul ul li a { padding: 0px 10px 0px 10px; display: block; width: 170px; height: 24px; line-height: 24px; text-decoration: none; color: #8c7d96; }
		#menuCntr ul ul li a:hover, #menuCntr ul ul li a.selected { color: #fff; background: #87a2b3; }
		#menuCntr li { float: left; display: inline; text-transform: uppercase; font-weight: bold; }
		#menuCntr li a { display: block; float: left; height: 30px; line-height: 22px; text-decoration: none; color: #fff; background: url('../images/menuHBg.gif') no-repeat center -30px; }
		#menuCntr li a span { display: block; float: left; height: 30px; cursor: pointer; background: url('../images/menuHL.gif') no-repeat left -30px; }
		#menuCntr li a span span { padding: 0px 30px 0px 30px; background: url('../images/menuHR.gif') no-repeat right -30px; }
		#menuCntr li a:hover, #menuCntr li a.selected { color: #343f47; background-position: center top; }
		#menuCntr li a:hover span, #menuCntr li a.selected span { background-position: left top; }
		#menuCntr li a:hover span span, #menuCntr li a.selected span span { background-position: right top; }		
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 970px; }
	
		/* ### TEXT CONTAINER ### */
		#textCntr { padding: 0px 20px 20px 310px; width: 630px;  }
		#textCntr h1 { padding-bottom: 5px; font: 22px Tahoma; color: #87a2b3; }
		#textCntr p { padding-bottom: 12px; line-height: 23px; }
		#textCntr li { line-height: 23px; }
		#textCntr a { color: #87a2b3; text-decoration:underline; }
		#textCntr a:hover { color: #333; text-decoration:underline; }
		#textCntr img { border: 1px solid #777; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}

		
		/* ### INFO CONTAINER ### */
		#infoCntr { padding: 0px 30px 0px 30px; overflow: hidden; width: 910px; }
		#infoCntr div.last { float: right; }
		
			/* ### INFO BOX ### */
			.infoBox { margin-bottom: 20px; padding: 15px 0px 15px 20px; float: left; overflow: hidden; width: 433px; height: 155px; background: url('../images/infoBg.png') no-repeat; }
			.infoBox div.text { float: left; width: 273px; }
			.infoBox div.pic { padding-top: 10px; position: relative; float: right; overflow: hidden; width: 142px; height: 143px; }
			.infoBox div.pngover { position: absolute; top: 10px; left: 0px; width: 142px; height: 143px; background: url('../images/pngover.png') no-repeat; }
			.infoBox h2 { padding-bottom: 5px; font: 22px Tahoma; color: #87a2b3; }
			.infoBox p { padding-bottom: 12px; line-height: 23px; }
			.infoBox a { text-decoration: none; color: #8c7d96; }
			.infoBox a:hover { text-decoration: underline; }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; }
	#footerCntr div.content { margin: 0 auto; padding: 0px 20px 0px 20px; width: 930px; height: 35px; line-height: 35px; border-top: 4px solid #343f47; background: #87a2b3; }
	#footerCntr p { float: left; width: 400px; color: #475660; }
	#footerCntr ul { float: right; overflow: hidden; width: 400px; list-style: none; }
	#footerCntr li { float: right; display: inline; line-height: 35px; color: #343f47; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #343f47; }
	#footerCntr li a:hover { text-decoration: underline; color: #fff; }

	/* ### SITEMAP ### */
	#sitemap li { list-style-type: disc; margin-left: 10px; margin-top: 10px;}
	#sitemap li li { list-style-type: disc; margin-left: 40px; margin-top: 5px; }
	#sitemap a { display: block;  color: #333; text-decoration:none; }
	#sitemap a:hover { display: block;  color: #87a2b3; text-decoration:underline; }

	/* ### CONTACT ### */
	input.formulier { border: 1px solid #87a2b3; width: 275px; height: 20px; line-height: 20px;}
    textarea.formulier { border: 1px solid #87a2b3; width: 275px; height: 80px; }
    #cform table, td { padding: 2px; line-height: 20px; }

	/* ### NIEUWS ### */
    .nieuwsblok { border-bottom: 1px dotted #ccc;  margin-top: 10px; padding-bottom: 10px;}
	.nieuwsblok H2 { font: 18px Tahoma; color: #87a2b3; margin-bottom: 5px;}

	/* ### QUIZ ### */
	.quizvraag { border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px; }
	.quizvraag p { font-weight: bold; }