body {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 12px; line-height: normal; padding: 0; text-align: center; background: white}
* {margin: 0; padding: 0;}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px;}

a {color: #666666; text-decoration: underline; -moz-outline-style: none;}
a:hover {text-decoration: underline;}

.boxContent a {text-decoration: none;}

#schoolWrapper a {border: 0;}
#schoolWrapper a:hover {border: 0; text-decoration: none;}

ul, ol {clear: both; margin: 0 0 1em 2em; padding: 0 0 0 20px; list-style-position: outside;}
p {margin: 0 0 2em 0;}

h1 {font-size: 18px; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 12px; font-weight: bold; margin: 0 0 0.5em 0; padding: 0;}
h3 {font-size: 12px; font-weight: bold; margin: 0; padding:	0;}

#ctrRoot {width: 1000px; padding: 0; margin: 0 auto; text-align: left; overflow: hidden;}
	#ctrHeader {float: left; position: relative; width: 998px; height: 221px; padding: 0 1px; overflow: hidden; background: #4d5351;}
		.headerImage {position: absolute; z-index: 5; width: 998px; height: 221px;}
			.headerImage a img {border: 0;}
		.headerTitle {position: absolute; z-index: 10; top: 115px; width: 294px; height: 41px; padding: 3px 5px; background: url('../../media/bg_headertitle_akker.png') no-repeat;}
			.headerTitle h1 {font-size: 34px; margin: 0;}
				.headerTitle h1 a, .headerPayoff h2 a {color: black; text-decoration: none;}
		.headerPayoff {position: absolute; z-index: 10; top: 170px; width: 338px; height: 19px; padding: 3px 5px; background: url('../../media/bg_headerpayoff_akker.png') no-repeat;}
			.headerPayoff h2 {font-size: 16px; font-weight: normal; margin: 0;}
	#ctrMenu {float: left; width: 980px; height: 30px; padding: 0 10px; background: url('../../media/bg_nav_akker.gif') no-repeat; color: white;}
	#ctrContent {float: left; width: 1000px; min-height: 400px; padding: 20px 0;}

		/*** PORTAL ***/
		#schoolWrapper {float: left; display: block; width: 315px; margin: 0 27px 30px 0; overflow: hidden;}
			#schoolWrapper a img {border: 0;}
		#schoolWrapper .imageKoldewijn, #schoolWrapper .imageLoo, #schoolWrapper .imageNassau, #schoolWrapper .imageOranje, #schoolWrapper .imageHerder, #schoolWrapper .imageRegenboog {float: left; width: 305px; padding: 5px;}
		#schoolWrapper .imageKoldewijn {background: #92b0e4;}
		#schoolWrapper .imageLoo {background: #caec95;}
		#schoolWrapper .imageNassau {background: #eab474;}
		#schoolWrapper .imageOranje {background: #ffcf8f;}
		#schoolWrapper .imageHerder {background: #accafe;}
		#schoolWrapper .imageRegenboog {background: #dbe978;}
		#schoolWrapper .headerKoldewijn, #schoolWrapper .headerLoo, #schoolWrapper .headerNassau, #schoolWrapper .headerOranje, #schoolWrapper .headerHerder, #schoolWrapper .headerRegenboog {float: left; width: 305px; padding: 5px; font-weight: bold; color: white; line-height: normal;}
		#schoolWrapper .headerKoldewijn {background: url('../../media/bg_header_koldewijn.gif') repeat-x;}
		#schoolWrapper .headerLoo {background: url('../../media/bg_header_loo.gif') repeat-x;}
		#schoolWrapper .headerNassau {background: url('../../media/bg_header_nassau.gif') repeat-x;}
		#schoolWrapper .headerOranje {background: url('../../media/bg_header_oranje.gif') repeat-x;}
		#schoolWrapper .headerHerder {background: url('../../media/bg_header_herder.gif') repeat-x;}
		#schoolWrapper .headerRegenboog {background: url('../../media/bg_header_regenboog.gif') repeat-x;}
		
		/*** SUB ***/
		#contentBox {float: left; width: 632px; min-height: 400px; margin: 0; padding: 10px; overflow: hidden; background: #eaeaea; line-height: 18px;}		
		#sideBoxWrap {float: right; position: relative; clear: right; width: 315px; min-height: 200px; margin: 0 0 20px 0; padding: 0; overflow: hidden; line-height: 24px;}
			#sideBoxWrap .header {position: absolute; z-index: 10; width: 295px; height: 25px; padding: 0 10px; background: url('../../media/bg_header_akker.png') no-repeat; color: white;}
				#sideBoxWrap .header h1 {margin: 0;}
			#sideBoxWrap .boxContent {position: absolute; z-index: 5; top: 10px; width: 295px; padding: 20px 10px; background: url('../../media/bg_sidebox_akker.gif') repeat-x;}
			
			
		fieldset {display: block; overflow: hidden; padding: 10px;}
		#sideBoxWrap ul {margin: 0; padding: 0;}
		#sideBoxWrap ul li {clear: both; margin: 0; padding: 0 0 0 3em; list-style: none; /*list-style-position: outside;*/ background: url('../../media/bullet_akker.gif') no-repeat; background-position: 0 8px;}

	/*** FOOTER */
	#ctrFooter {float: left; width: 100%; padding: 20px 0; border-top: 1px solid #828282; background: #eaeaea;}
		#footermain {width: 1000px; margin: 0 auto;	line-height: 18px;}
			#footermain .footerSide {float: left; width: 297px;	padding: 0 15px; text-align: left;}
			#footermain .footerMiddle {float: left;	width: 311px; min-height: 100px;  padding: 0 15px; border-left: 1px solid #828282; border-right: 1px solid #828282; text-align: left;}			
			
/*** FORM **/
label {position: absolute; text-align: right; width:130px;}
input, textarea {margin-left: 140px;}
form p {margin: 0 0 0.5em 0;}
fieldset {border: 0;}
legend {padding: 2px 6px}

	form label.required{background-image:url(/media/required_star.gif);	background-position:right;background-repeat:no-repeat;
		}
	
	form span.required{
		padding-right:15px;
		}
		
	form .clean
		{
		border:none;
		}
		
	form .info{
		padding-top:0.5em;
		font-size:80%;
		line-height:100%;
		color:#aaa;
		}
		
	form .indent{
 		padding:2px 20px; 
		width:auto !important;
		white-space:nowrap;
		padding-left: 25px !important;
 		}
		
	form label.disabled{
		color:#aaa;
		}
	
	form .highlight{
		background-color:#e2e2e2;
		}
	
	.off{
		display:none !important;
		}
		
	.clear{
		clear:both;
		}

/* Foto gallery */
.foto-gallery li{height:200px;}