/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #414141; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #414141; }
body { height: 100%; background: #ececed; }
img { border: 0px;}
h1, h2, h3, h4 {margin-top: 0.5em; margin-bottom: 0.5em;}
p {margin-top: 0.5em; margin-bottom: 0.5em;}
a { text-decoration: underline; color: #414141; }
a:hover {text-decoration: none;}
h1 {font-size: 13px;}
h2 {font-size: 12px;}
h3 {font-size: 11px;}

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding: 0px 9px 0px 1px; overflow: hidden; width: 948px; background: url('../images/mainBg.gif') repeat-y; }

	/* ### LEFT CONTAINER ### */
	#leftCntr { float: left; width: 734px; }
	
		/* ### HEADER CONTAINER ### */
		#headerCntr {position: relative; width: 735px; height: 159px; background: url('../images/headerBg.gif') no-repeat; }
		#headerCntr img { position: absolute; top: 20px; left: 400px; }
		body.lerarenbeurs #headerCntr { background: url('../images/headerBg_lb.gif') no-repeat; }

			/* ### MENU CONTAINER ### */
			#menuCntr { position: absolute; bottom: 0px; left: 30px; width: 690px; }
			#menuCntr ul { overflow: hidden; width: 690px; list-style: none; }
			#menuCntr li { float: left; display: inline; }
			#menuCntr li a { display: block; float: left; width: 147px; height: 30px; line-height: 36px; text-indent: 15px; font-size: 12px; text-decoration: none; color: #414141; background: url('../images/menuHBg.gif') no-repeat; }
			#menuCntr li a:hover, #menuCntr li.selected a {color: #ff0000; background: url('../images/menuBg.gif') no-repeat;}
			body.lerarenbeurs #menuCntr li a {background: url('../images/menuHBg_lb.gif') no-repeat; }
			body.lerarenbeurs #menuCntr li a:hover, body.lerarenbeurs #menuCntr li.selected a {color: #ff0000; background: url('../images/menuBg_lb.gif') no-repeat;}
			#menuCntr li.right { float: right; }
			#menuCntr li.right a span { padding-right: 15px; background: url('../images/li.gif') no-repeat right; }

		/* ### CONTENT CONTAINER ### */
		#contentCntr { padding: 20px 10px 0px 30px; width: 674px; }
		
			/* ### TEXT BOX ### */
			.textBox { margin-bottom: 10px; overflow: hidden; width: 686px; }
			.textBox div.left { float: left; width: 340px; }
			.textBox div.right { float: right; width: 340px; }
			.textBox h2 { padding-bottom: 11px; font-size: 12px; font-weight: bold; }
			.textBox p { padding-bottom: 11px; line-height: 16px; }
			
			/* ### ZOEK BOX ### */
			.zoekBox { margin-bottom: 20px; margin-top: 20px;}
			.zoekBox fieldset { overflow: hidden; border: 0px; }
			.zoekBox input.field { margin: 4px 20px 0px 0px; padding: 3px 5px 0px 5px; float: left; width: 310px; height: 17px; border: 1px solid #8d8b8d; background: #fff; }
			.zoekBox a {margin-right: 20px; display: block; float: left; height: 28px; line-height: 28px; text-decoration: none; color: #fff; background: url('../images/buttonBg.gif') repeat-x; }
			.zoekBox a span { display: block; float: left; height: 28px; cursor: pointer; background: url('../images/buttonL.gif') no-repeat left; }
			.zoekBox a span span { padding: 0px 10px 0px 10px; background: url('../images/buttonR.gif') no-repeat right; }
			.zoekBox a:hover { background: url('../images/buttonHBg.gif') repeat-x; }
			.zoekBox a:hover span { background: url('../images/buttonHL.gif') no-repeat left; }
			.zoekBox a:hover span span { background: url('../images/buttonHR.gif') no-repeat right; }
			
			/* ### THEMA BOX ### */
			.themaBox { margin-bottom: 20px; width: 686px; background: url('../images/themaBg.gif') repeat-y; }
			.themaBox div.top { background: url('../images/themaTop.gif') no-repeat top; }
			.themaBox div.bottom { padding: 10px; overflow: hidden; width: 666px; background: url('../images/themaBottom.gif') no-repeat bottom; }
			.themaBox h3 { padding: 0px 0px 10px 0px; font-size: 12px; font-weight: bold; }
			.themaBox ul { float: left; width: 220px; list-style: none; }
			.themaBox li { line-height: 16px; }
			.themaBox li a { text-decoration: none; color: #414141; }
			.themaBox li a:hover { text-decoration: underline; }

		/* ### FOOTER CONTAINER ### */
		#footerCntr { padding: 1em 30px 10px 30px; width: 674px; }
		#footerCntr h4 { height: 18px; line-height: 18px; text-indent: 50px; font-size: 11px; font-weight: normal; background: url('../images/aob2.gif') no-repeat left; }
		#footerCntr a { color: #414141; }
		#footerCntr a:hover { text-decoration: none; }
		#footerCntr p { line-height: 30px; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { float: right; width: 212px; }
	
		/* ### FAV BOX ### */
		.favBox { margin: 20px auto 10px auto; width: 182px; background: url('../images/favBg_02.gif') repeat-y; position: relative;}
		.favBox h3 { padding: 4px 0px 13px 0px; font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
		.favBox fieldset { overflow: hidden; width: 162px; border: 0px; }
		.favBox input.check { margin: 2px 5px 3px 0px; float: left; height: 16px; }
		.favBox label { margin-bottom: 3px; display: block; float: left; width: 130px; line-height: 16px; }
		.favBox input {font-size: 80%}
		.favBox div.top {background: url('../images/favBg_01.gif') no-repeat top; }
		.favBox div.bottom {padding: 10px; width: 162px; background: url('../images/favBg_03.gif') no-repeat bottom; }

		/* ### PARTNER BOX ### */
		.partnerBox { margin-bottom: 20px; padding: 0px 15px 0px 15px; width: 182px; }
		.partnerBox ul { list-style: none; border-top: 1px solid #c6c5c6; }
		.partnerBox li { border-bottom: 1px solid #c6c5c6; }