/* ################################################## */
/*  MADE BY: WSWEBS				                      */
/*  WWW.WSWEBS.NL	                                  */
/* ################################################## */

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

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

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

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 724px; height: 171px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	#headerCntr h3 { position: absolute; top: 48px; right: 0px; width: 280px; height: 94px; text-indent: -9999px; background: url('../images/slogan.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 724px; }
		#menuCntr ul { padding: 5px 0px 0px 80px; overflow: hidden; width: 624px; list-style: none; }
		#menuCntr li { padding-left: 30px; float: left; display: inline; }
		#menuCntr li a { display: block; float: left; height: 18px; font: 11px/18px Verdana; text-decoration: none; color: #fff; }
		#menuCntr li a span { display: block; float: left; height: 18px; cursor: pointer; }
		#menuCntr li a span span { padding: 0px 10px 0px 10px; }
		#menuCntr li a:hover { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a:hover span { background: url('../images/menuHL.gif') no-repeat left; }
		#menuCntr li a:hover span span { background: url('../images/menuHR.gif') no-repeat right; }
		#menuCntr li.selected a { background: url('../images/menuSBg.gif') repeat-x; }
		#menuCntr li.selected a span { background: url('../images/menuSL.gif') no-repeat left; }
		#menuCntr li.selected a span span { background: url('../images/menuSR.gif') no-repeat right; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 724px; background: url('../images/dots.gif') repeat-y 447px 0px; }

		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 432px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 432px; }
			.textBox h1 { padding-bottom: 2px; font-size: 15px; font-weight: normal; font-style: italic; color: #4588c8; }
			.textBox em { padding-bottom: 10px; display: block; font-size: 10px; color: #bbb; }
			.textBox em a { text-decoration: none; color: #90c9ff; }
			.textBox em a:hover { text-decoration: underline; }
			.textBox p { padding-bottom: 10px; line-height: 14px; }
			.textBox a { color: #4588c8; }
			.textBox a:hover { text-decoration: none; }
			.textBox input.field { padding: 3px 5px 0px 5px; float: left; width: 174px; height: 17px; border: 2px solid #dcdcdc; background: #fff; }
			.textBox textarea { padding: 3px 5px 0px 5px; float: left;  border: 2px solid #dcdcdc; background: #fff; }
			.textBox input.submit { padding-bottom: 2px; float: left; width: 70px; height: 24px; cursor: pointer; font-style: italic; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			
			/* ### ACTIE BOX ### */
			.actieBox { padding: 15px 0px 0px 14px; width: 418px; border-top: 1px solid #eaeaea; }
			.actieBox img { padding: 1px; border: 2px solid #dcdcdc; background: #fff; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 262px; }
		#rightCntr h3 { font-size: 15px; font-weight: normal; font-style: italic; color: #4588c8; }
		
			/* ### ZOEK BOX ### */
			.zoekBox { width: 262px; }
			.zoekBox fieldset { padding: 5px 0px 15px 0px; overflow: hidden; width: 262px; border: 0px; }
			.zoekBox p { line-height: 14px; }
			.zoekBox input.field { padding: 3px 5px 0px 5px; float: left; width: 174px; height: 17px; font-style: italic; border: 2px solid #dcdcdc; background: #fff; }
			.zoekBox input.submit { padding-bottom: 2px; float: right; width: 70px; height: 24px; cursor: pointer; font-style: italic; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.zoekBox a { color: #4588c8; text-decoration: underline; }
			.zoekBox a:hover { text-decoration: underline; }
			
			/* ### VOLG BOX ### */
			.volgBox { margin-top: 15px; padding-top: 15px; width: 262px; border-top: 1px solid #eaeaea; }
			.volgBox ul { overflow: hidden; width: 262px; list-style: none; }
			.volgBox li { padding: 5px 10px 0px 10px; float: left; display: inline; }
			.volgBox li.last { padding-left: 14px; }
		
		/* ### LAATSTE BOX ### */
		.laatsteBox { margin-top: 15px; padding-top: 15px; width: 724px; border-top: 1px solid #eaeaea; }
		.laatsteBox h3 { padding-bottom: 5px; font-size: 15px; font-weight: normal; font-style: italic; color: #4588c8; }
		.laatsteBox div.opdracht { padding-top: 10px; overflow: hidden; width: 724px; }
		.laatsteBox div.pic { float: left; width: 410px; }
		.laatsteBox div.pic img { padding: 1px; border: 2px solid #dcdcdc; background: #fff; }
		.laatsteBox div.text { float: right; width: 300px; }
		.laatsteBox ul { overflow: hidden; width: 300px; list-style: none; }
		.laatsteBox li { float: left; display: inline; width: 215px; line-height: 14px; }
		.laatsteBox li.first { width: 85px; color: #5f5f5f; }
		.laatsteBox em { font-style: normal; text-decoration: underline; }
		.laatsteBox li a { text-decoration: none; font-style: italic; color: #4588c8; }
		.laatsteBox li a:hover { text-decoration: underline; }
		
		/* ### OVERZICHT BOX ### */
		.overzichtBox { width: 724px; }
		.overzichtBox h3 { padding-bottom: 5px; font-size: 15px; font-weight: normal; font-style: italic; color: #4588c8; }
		.overzichtBox div.opdracht { padding-top: 10px; overflow: hidden; width: 724px; }
		.overzichtBox div.pic { float: left; width: 410px; }
		.overzichtBox div.pic img { padding: 1px; border: 2px solid #dcdcdc; background: #fff; }
		.overzichtBox div.text { float: right; width: 300px; }
		.overzichtBox div.opdracht h3 { padding-bottom: 5px; font-size: 15px; font-weight: normal; font-style: italic; color: #4588c8; }
		.overzichtBox ul { overflow: hidden; width: 300px; list-style: none; }
		.overzichtBox li { float: left; display: inline; width: 215px; line-height: 14px; }
		.overzichtBox li.first { width: 85px; color: #5f5f5f; }
		.overzichtBox em { font-style: normal; font-weight: bold; color: #4588c8; }
		.overzichtBox li a { text-decoration: none; font-style: italic; color: #4588c8; }
		.overzichtBox li a:hover { text-decoration: underline; }
		
		/* ### PAGE BOX ### */
		.pageBox { width: 724px;}
		.pageBox p { padding-bottom: 10px; line-height: 14px; }
		.pageBox a { color: #4588c8; }
		.pageBox a:hover { text-decoration: none; }
		.pageBox h3 { font-size: 10px; font-weight: normal; font-style: italic; color: #4588c8; }
		.pageBox input.field { padding: 3px 5px 0px 5px; float: left; width: 174px; height: 17px; border: 2px solid #dcdcdc; background: #fff; }
		
/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 59px; background: url('../images/footerBg.gif') repeat-x; }
#footerCntr div.content { margin: 0 auto; width: 724px; }
#footerCntr p { padding-top: 17px; line-height: 15px; text-align: center; }
#footerCntr a { color: #828282; }
#footerCntr a:hover { text-decoration: none; }