/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; overflow: hidden; height: 0px; }

/* ### WRAPPER ### */
#wrapper { position: relative; z-index: 20; width: 100%; min-height: 100%; }
img.bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }


A:link {text-decoration: none; color: red;}
A:visited {text-decoration: none; color: red;}
A:active {text-decoration: none; color: red;}
A:hover {text-decoration: none; color: red;}


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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 714px; height: 121px; background: url('../images/header-bg.jpg') left bottom repeat-x; }
	#headerCntr .left { float: left; } 
	#headerCntr .right { padding-top: 30px; overflow: hidden; float: right; width: 460px; }
	#headerCntr h1 { position: absolute; top: 6px; left: -17px; }
	#headerCntr h1 a { display: block; width: 263px; height: 77px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr h2 { font-size: 13px; color: #000; font-weight: normal; text-transform: uppercase;margin-top:-7px;margin-left:-7px; }
	#headerCntr ul.login { padding-top: 22px; list-style: none; float: right; overflow: hidden; }
	#headerCntr ul.login li { padding: 0px 8px; float: left; font-size: 9px; color: #fff; background: url('../images/link-sep.png') left no-repeat; }
	#headerCntr ul.login li a { text-decoration: none; color: #fff; }
	#headerCntr ul.login li.first { background: none; }
	#headerCntr ul.login li a:hover { text-decoration: underline; }
	
		/* ### SEARCH BOX ### */
		.searchBox { padding-top: 18px; float: right; width: 211px; }
		.searchBox form { display: block; }
		.searchBox fieldset { overflow: hidden; border: none; } 
		.searchBox input.field { float: left; width: 157px; font-size: 11px; color: #000; height: 14px; border: none; background: #fff; }
		.searchBox input.search-button { width: 40px; height: 14px; color: #000; float: left; border: none; cursor: pointer; background: #b2b2b2; }
		
		/* ### FONT BOX ### */
		.fontBox { padding-top: 16px; float: right; }
		.fontBox ul { padding-right: 10px; list-style: none; overflow: hidden; }
		.fontBox li { padding-left: 10px; float: left; line-height: 20px; }
		.fontBox li a { text-decoration: none; line-height: 20px; color: #fff; font-size: 11px; font-weight: bold; }
		.fontBox li a:hover { text-decoration: underline; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 88px; left: -16px; width: 720px; height: 30px; background: url('../images/menu-bg.png') top left no-repeat; }
		#menuCntr ul { padding-left: 55px; list-style: none; overflow: hidden; }
		#menuCntr li { padding-right: 18px; text-transform: uppercase; display: inline; float: left; height: 20px; line-height: 20px; }
		#menuCntr li a { text-decoration: none; color: #000; font-size: 12px; font-family: Arial; font-weight:bold; }
		#menuCntr li a:hover { text-decoration: none; color: #ff0000; }
		#menuCntr li.selected a { text-decoration: none; color: #ff0000; }
                
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 12px; margin-top: 2px; width: 714px; background: url('../images/content-bg.png') top left repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 7px; padding-left: 24px; float: left; width: 525px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 9px; width: 495px; }
			.textBox h2 { color: #ff0000; font-family: Arial; font-size: 20px; letter-spacing: -1px; text-transform: uppercase; }
			.textBox p { padding-bottom: 12px; line-height: 18px; }
                        .textBox a { text-decoration: none; color: #FF0000; }
                        .textBox a:hover { text-decoration: none; color: #ff0000; }
			
			/* ### STREET BOX ### */
			.streetBox { padding-right: 10px; margin-right: 10px; overflow: hidden; width: 147px; float: left; border-right: 1px solid #c5bfbf; }
			.streetBox h3 { padding-bottom: 10px; font-family: Arial; font-size: 12px; text-transform: uppercase; color: #ff0000; }
			.streetBox p { padding-bottom: 20px; font-size: 11px; line-height: 14px; }
			.streetBox ul { list-style: none; }
			.streetBox li { line-height: 17px; height: 17px; }
			.streetBox li a { color: #000; font-size: 11px; } 
			.streetBox li a:hover { text-decoration: underline; color:red; }
			.streetBox form { padding-bottom: 25px; display: block; }
			.streetBox fieldset { overflow: hidden; border: none; }
			.streetBox input.field { padding: 3px; margin-bottom: 5px; float: left; width: 126px; height: 14px; border: none; font-size: 11px; color: #000; background: #999999; }
			.streetBox input.login-button { margin-right: 17px; text-align: right; border: none; font-size: 11px; color: #000; float: right; cursor: pointer; width: 50px; height: 15px; background: url('../images/login-arrow.png') top left no-repeat; }
				
			/* ### SCHOOL BOX ### */
			.schoolBox { padding-right: 10px; margin-right: 10px; overflow: hidden; width: 160px; float: left; border-right: 1px solid #c5bfbf; }
			.schoolBox h3 { padding-bottom: 10px; font-family: Arial; font-size: 12px; text-transform: uppercase; color: #ff0000; }
			.schoolBox p { padding-bottom: 20px; font-size: 11px; line-height: 14px; }
			
			/* ### PERS BOX ### */
			.persBox { margin-right: 10px; overflow: hidden; width: 147px; float: left; }
			.persBox h3 { padding-bottom: 10px; font-family: Arial; font-size: 12px; text-transform: uppercase; color: #ff0000; }
			.persBox p { padding-bottom: 20px; font-size: 11px; line-height: 14px; }
			.persBox form { padding-bottom: 25px; display: block; }
			.persBox fieldset { overflow: hidden; border: none; }
			.persBox input.field { padding: 3px; margin-bottom: 5px; float: left; width: 126px; height: 14px; border: none; font-size: 11px; color: #000; background: #999999; }
 .persBox li a { font-size: 10px; }
				.persBox input.login-button { margin-right: 17px; text-align: right; border: none; font-size: 11px; color: #000; float: right; cursor: pointer; width: 50px; height: 15px; background: url('../images/login-arrow.png') top left no-repeat; }
			
			/* ### FOOTER CONTAINER ### */
			#footerCntr { padding-top: 2px; padding-bottom: 3px; border-top: 1px solid #b7bbbe; color: #666666; font-size: 9px; overflow: hidden; width: 490px; }
			#footerCntr ul { list-style: none; overflow: hidden; }
			#footerCntr li { padding-right: 12px; float: left; }
			#footerCntr li a { text-decoration: none; color: #666666; }
			#footerCntr li a:hover { text-decoration: underline; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 153px; }
		
			/* ### NEWS BOX ### */
			.newsBox { padding-top: 35px; margin-bottom: 20px; position: relative; width: 145px; }
			.newsBox h3 { padding-left: 28px; letter-spacing: -1px; width: 138px; position: absolute; top: 0px; left: 0px; font-size: 15px; line-height: 28px; height: 40px; text-transform: uppercase; color: #000; background: url('../images/heading-bg.png') top left no-repeat; }
			.newsBox ul { list-style: none; width: 125px; }
			.newsBox li { padding-bottom: 5px; font-size: 11px; }
			.newsBox li a { color: #fff; }
			.newsBox li a:hover { text-decoration: none; color:red; }
			.newsBox h3 { text-transform: uppercase; font-size: 15px; color: #ff0000; }
			.newsBox p { font-size: 11px; color: #fff; }
			.newsBox p a { color: #ff0000; text-decoration: none; }
			.newsBox p a:hover { text-decoration: underline; }
			.newsBox img { padding-top: 5px; }
			
			/* ### LINK BOX ### */
			.linkBox { padding-top: 35px; position: relative; width: 145px; }
			.linkBox h3 { padding-left: 28px; letter-spacing: -1px; width: 138px; position: absolute; top: 0px; left: 0px; font-size: 15px; line-height: 28px; height: 40px; text-transform: uppercase; color: #ff0000; background: url('../images/heading-bg.png') top left no-repeat; }
			.linkBox ul { list-style: none; }
			.linkBox li { font-size: 11px; line-height: 16px; }
			.linkBox li a { color: #fff; }
			.linkBox li a:hover {text-decoration: none; }
			.linkBox ul.social { width: 49px; float: right; }
			.linkBox ul.social li { padding-bottom: 6px; }
			.linkBox ul.social li a { text-indent: -9999px; display: block; }
			.linkBox ul.social li a.hyves { width: 49px; height: 19px; background: url('../images/hyves-icon.png') top left no-repeat; }
			.linkBox ul.social li a.youtube { width: 49px; height: 18px; background: url('../images/youtube-icon.png') top left no-repeat; }
			.linkBox ul.social li a.twitter { width: 49px; height: 19px; background: url('../images/twitter-icon.png') top left no-repeat; }
			.linkBox ul.social li a.fb { width: 49px; height: 19px; background: url('../images/fb-icon.png') top left no-repeat; }

.contentheading,.componentheading {color:#FF0000;font-family:Arial;font-size:20px;letter-spacing:-1px;text-transform:uppercase; padding-top:25px;}

div.moduletable_zoeken {
   padding-top: 18px; float: right; width: 211px;
}







div.search_zoeken input.inputbox_zoeken {
  float: left; width: 157px; font-size: 11px; color: #000; height: 14px; border: none; background: #fff;
}

div.search_zoeken input.button_zoeken {width: 40px; height: 14px; color: #000; float: left; border: none; cursor: pointer; background: #b2b2b2; }
div.moduletable_login {
   margin: 0 15px 15px 0;
   padding: 10px 0 10px 0;	
   border-top: 1px #660000 dotted;
   Border-bottom: 1px #660000 dotted;
}

form#form-login {
   width: 100%;
}

/* Fieldset */
div.moduletable_login form#form-login fieldset.input {
   border: none;
}

/* Paragraaf instellingen label en inputvelden */
p#form-login-username, 
p#form-login-password, 
p#form-login-remember {
   margin: 0 0 5px 0;
   padding: 0;
}

/* inputveld gebruikersnaam en wachtwoord */
input#modlgn_username, input#modlgn_passwd {
background:none repeat scroll 0 0 #999999;
border:medium none;
color:#000000;

font-size:11px;
height:14px;
margin-bottom:5px;
padding:3px;
width:126px;
}

/* checkbox automatisch inloggen */
input#modlgn_remember {
   background: none;
}

/* ongenummerde lijst login formulier */
div.moduletable_login ul { }

div.moduletable_login li a,
div.moduletable_login li a:active  {
   font-family: Arial;
   font-size: 11px;
}

div.moduletable_login li a:hover {
   font-family: Arial;
   font-size: 11px;
}

div.moduletable_login form #form-login div input.button {
background:url("../images/login-arrow.png") no-repeat scroll left top transparent;
border:medium none;
color:#000000;
cursor:pointer;
float:right;
font-size:11px;
height:15px;
margin-right:17px;
text-align:right;
width:50px;}

input.button {
background:url("../images/login-arrow.png") no-repeat scroll left top transparent;
border:medium none;
color:#000000;
cursor:pointer;
float:right;
font-size:11px;
height:15px;
margin-right:17px;
text-align:right;
width:55px;}


#form-login {font-size:8pt;}	
.input{border:0;}	

input#Stuur {
background:url("../images/login-arrow.png") no-repeat scroll left top transparent;
border:medium none;
color:#000000;
cursor:pointer;
float:right;
font-size:12px;
font-weight:bold;
height:15px;
margin-right:17px;
text-align:right;
width:55px;}