@charset "UTF-8";

html {height:99%;}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/design/back.gif) repeat-x #BEBEBE;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height:100%;
}


A { text-decoration:none }
/*
A:link {color:#000000;}
A:active {color:#000000;}
A:visited {color:#000000;}
A:hover {color:#000000;}
*/
a:link {color:#004587;text-decoration:none;font-weight:bold;}
a:visited {color:#004587;text-decoration:none;font-weight:bold;}
a:active {color:#004587;text-decoration:none;}
a:hover {color:#004587;text-decoration:underline;}


	H1,H2 {font-size: 130%; color: #004587;}
	H3,H4 {font-size: 110%;  color: #004587;}


	#container {
		width: 960px;
		min-height: 100%;
	
		background: url(../images/design/back_container.gif) 625px 0 repeat-y #FFFFFF;
		margin: 0 auto;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		text-align: left;
	}

	#header {
		margin:0;
	}

	#mainContent {
		margin: 0;
	}
	
	#navigatie {
		height: 20px;
		background-color:#d1d1d1;
		width:100%;
		font-size: 0.8em;
		padding: 5px 0 0 0;
		font-weight:bold;

	}
	
	#navigatie A:link {color:#000000; text-decoration:none;}
	#navigatie A:active {color:#000000; text-decoration:none;}
	#navigatie A:visited {color:#000000; text-decoration:none;}
	#navigatie A:hover {color:#004587; text-decoration:none;}
	#navigatie A.actief {color:#004587;}
	
	#navigatie ul {
		list-style-type:none;
		margin:0;
	}

	#navigatie ul li {
 		float:left;
		position:relative;

		background:url(../images/design/pijltje_blauw.gif) no-repeat 0 2px; 
		padding: 0 20px 5px 15px;
	}
	
	#navigatie li ul{
		position: absolute;

		background: #f7f7f7;
		border: #bfbfbf 1px solid;
		border-top: 0;
		
		list-style-type:none;
		padding: 10px;
		
		display: none;
		min-width: 250px;
		top: 20px;
		left: 0;
		margin: 0 0 0 -10px
	}
	
	#navigatie li ul li{
		background:url(../images/design/pijltje_oranje.gif) no-repeat 0 4px !important; 
		padding: 0 0 0 20px;
		margin: 0;
		color:#004587;
		display: block;
		float: none;
	}
	#navigatie li ul li a {
		color:#004587 !important;
	}
	
	#navigatie li ul li a:hover{
		color: #000 !important;
	}
	
	#navigatie li:hover ul,
	#navigatie li.sfhover ul{
		display: block;
		
	}
	
	#navigatie li.children:hover,
	#navigatie li.sfhover{
		background:url(../images/design/pijltje_up.gif) no-repeat 0 2px; 
	}
	
	#navigatie li.children ul {
		font-size:11px;
		line-height:18px;
	}
	
	.menuBorderBtm {border-bottom: 2px dotted #004587;}

/*	#subnav UL {}
	#subnav UL {list-style-type:none;}
*/
	#subnav UL {list-style-type:none;margin:-30px 0 10px -40px;}
	#subnav UL {list-style-type:none;}
	#subnav UL LI {background:url(../images/design/pijltje_oranje.gif) no-repeat 0 4px; padding-left: 15px;margin-right: 20px;color:#004587;}
			
	#subnav a:link {color:#004587;text-decoration:none;font-weight:bold;}
	#subnav a:visited {color:#004587;text-decoration:none;font-weight:bold;}
	#subnav a:active {color:#004587;text-decoration:none;}
	#subnav a:hover {color:#004587;text-decoration:underline;}
	
	#right {
		float:right;
		display:block;
		width:305px;
		height: 100%;
		min-height: 120px;
		background:url(../images/design/back_right.jpg) no-repeat;
		padding: 10px 0 0 30px;
		font-size: 0.8em;
		line-height: 20px;
	}
	
	.blokje {

	display:block;
	width: 256px;
	margin-right: 30px;

	font-weight:bold;
	line-height:25px;
	font-size:0.9em;

	}

	.blokje span {white-space:nowrap}

/*	.blokje A:link {color: #000000; text-decoration:none;}
	.blokje A:visited {color: #000000; text-decoration:none;}
	.blokje A:active {color: #000000; text-decoration:none;}
	.blokje A:hover {color: #000000; text-decoration:underline;}
*/

	.blokkop {
	background:url(../images/design/blok_kop_rechts.gif) no-repeat;
	width: 246px;
	height: 41px;
	padding: 2px 0 0 10px;

	}
		.blokkop H1 {
		font-size: 140%;
		color:#FFFFFF;
		margin-top: 10px;
		}
	.blokinhoud {
	width:244px;
	border: 1px solid #004587;
	padding: 5px;
	background-color:#FFFFFF;
	overflow: hidden;
	}
	
	.flash-banner{
		margin: 0 0 22px 0;
	}

	.kadertje {
	width: 255px;
	height: 44px;
	border: 1px solid #004587;
	background:#FFFFFF;
	padding-top: 5px;
	margin: 0 0 22px 0;
	clear: both;
	}
	.kadertje IMG {float:left;margin: -5px 15px 0 0;}

	.vakgroepen IMG {margin: 0 20px 20px 0;
	}
		#vakgroepRollOver {width: 260px;display:block;}

	.knopje img
	{
		border			: 0;
		/*margin-right	: 22px;*/

	}

.knopje{
	display: block;
	float: left;
	margin:0 22px 18px 0;
}

#content {
	display:block;
	margin: 0 10px 0 40px;
	padding-top: 50px;
	width:550px;
	background-color:#FFFFFF;
	font-size: 0.7em;
	line-height: 18px;
}

	/* NIEUWS */


	#nieuws_rij1 {float: left; display: block;margin-bottom: 50px; width: 550px;}
	#nieuws_rij2 {float: left; display: block;margin-bottom: 50px; width: 550px;}



	.nieuws_kader {
	font-size: 90%;
	width: 150px;
	float: left;
	margin-right: 30px;
	}
	.nieuws_kader H3 {color: #004587;margin-bottom: 0;}

	.nieuws_kader A {color: #004587;}
	.nieuws_kader A {color: #004587;}
	.nieuws_kader IMG {border: 1px solid #004587;}

	#subnav.nieuws_archief ul li:hover
	{
		background		: #ebf0f6 url(../images/design/pijltje_blauw.gif) no-repeat 0 4px;
	}

	#subnav.nieuws_archief ul li a:hover
	{
		text-decoration	: none;
	}

	#subnav.nieuws_archief a.navigationlink
	{
		font-weight		: normal;
	}

	#subnav.nieuws_archief span.navigationHighlight
	{
		font-weight		: bold;
		color			: #004587;
	}

	.nieuws_datum
	{
		float			: right;
		font-weight		: normal;
	}

	.nieuws_navigatie
	{
		text-align		: center;
	}

	/* ZOEK PAGINA */

	#zoekkader {
	border-top: 1px solid  #004587;
	border-bottom: 1px solid  #004587;
	background: #F2F2F2;
	width: 100%;
	padding: 20px 0;
	}


	.oranjeborders {
		border-top:1px solid #FE9915;
		border-bottom:1px solid #FE9915;

		}
	.z-vakgroep {padding-bottom: 3px; color: #FE9915; font-weight:bold; font-size:120%;}

		.rijdonker {background-color:#EEEEEE;}
		.rijlicht {background-color:#FFFFFF;}
		.functie {padding: 2px 0 2px 5px; font-weight:bold;}
		.zoekmarge {margin-bottom: 30px;}
		.zoekmarge {font-size: 90%;}

	.zoekresultaat A:link {text-decoration:none;}


	#footer {
		display:block;
		margin:0 auto;
		height: 30px;
		width: 920px;
		background: url(../images/design/back_container.gif) 625px 0 repeat-y #FFFFFF;
		text-align:left;
		padding: 15px 0 0 40px;

		}
		#legal {width: 320px; float:right;font-size: 9px;margin-top: -15px;}
			#legal A:link {color:#004587;text-decoration:none;}
			#legal A:active {color:#004587;text-decoration:none;}
			#legal A:visited {color:#004587;text-decoration:none;}
			#legal A:hover {color:#004587;text-decoration:underline;}

		.clearfloat {
		clear: both;
		}

		#btmBorder {margin-top: 20px;}

/* RSS feed styles */
img.HoofdNieuwsImage
{
	display			: block;
}


.contentFunctions ul {
	float: right;
}
.contentFunctions ul li {
	display: inline;
}

.contentsize{
	width: 280px;
	float: left;
}

.css-block{
	background: #eaeaea;

	width: 100%;
	margin: 27px 15px 5px 0;
	overflow: hidden;
}

.css-block.grey{
	background: #eaeaea url(../images/design/css-box_corner_bottomright.gif) no-repeat bottom right;
}

.css-block.blue{
	background: #d1dde9 url(../images/design/css-box_corner_bottomright_blue.gif) no-repeat bottom right;
}

.css-block.search{
	background: white url(../images/design/css-box_search.gif) repeat-x left 51px;
}

.css-block.vacatures{
margin: 0 0 0 10px;

width: 250px;
min-height: 170px;
	background: white url(../images/design/css-box_vacatures.gif) repeat-x left top;
}

.css-block h1{
	font-size: 130%;
	margin: 0;
	padding: 0;
	color: #fff;
}

.css-head{
	height: 50px;
	background: #004587 url(../images/design/css-box_corner_topright.gif) no-repeat top right;
}

.css-head a{
	padding: 14px 10px;
	display: block;
	text-decoration: none;
	background: transparent url(../images/design/css-box_corner_topleft.gif) no-repeat top left;
}

.css-content{
	padding: 10px 10px;
}

.css-content a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.css-content a:hover{
	text-decoration: underline;
}

.css-content h1{
	color: #000;
	margin: 0 0 10px;
}

.css-content img{
	float: right;
	margin: 0 0 0 10px;
	border: #f7f7f7 1px solid;
}

.css-content ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.css-content ul li{
	float: left;
	width: 50%;
	margin: 3px 0 5px;
}

form{
	margin: 0;
	padding: 0;
}

label{
	width: 100px;
	margin: 5px 0 0;
	float: left;
}

input,
select{
	width: 120px;
	margin: 4px 0;
	border: black 1px solid;
}
.selectbox{
	width:200px;
}
.submit{
	width: 50px;
	float: right;
}

.end{
	border-top: 15px white solid;
}

.grey .end{
	background: transparent url(../images/design/css-box_corner_bottomleft.gif) no-repeat bottom left;
}

.blue .end{
	background: transparent url(../images/design/css-box_corner_bottomleft_blue.gif) no-repeat bottom left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.header_print{
	display: none;
}

#verjaardagskaart {
	position: relative;
	left: -40px;
	top: -68px;
}

.errormsg{
	color: red;
	}