/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#sitecontainer {
	width:990px;
	margin:0 auto;
	border:1px solid #8391c8;
	background-image:url(../images/bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-size:62.5%;
	position:relative;
	line-height:1.8em;
}

#logo {
	position:absolute;
	top:60px;
	right:0px;
}
#printlogo { display:none; }
.clear {
	clear:both;
	height:0px;
}

#topnav_left {
	float:left;
	height:41px;
	width:810px;
	background-color:#fff;
}
#zoeken { position:absolute; top:9px; left:175px; width:220px; }
.zoekbutton { background-color:#FFFFFF; border:0px; color:#8391c8; }
.logoutbutton { background-color:#FFFFFF; border:0px; color:#b91f33;  }
#inloggen { position:absolute; top:9px; left:425px; width:220px; text-align:center;  }
#contact { position:absolute; top:11px; left:630px; width:170px; text-align:center;  }
#contact a { font-size:1.3em; color:#8391c8; text-decoration:none; }

#topnav_right {
	float:left;
	height:41px;
	width:180px;
	background-color:#8391c8;
}
#leaderbar {
	clear:both;
	height:61px;
	background-color:#bac0e1;
	border-bottom:3px solid #b91f33;
	/*padding-left:100px;*/
	/*padding-left:50px;*/
}
#leaderbar h2 { font-size:2.2em; color:#b91f33; padding-top: 22px;   }

#site {
	background-image:url(../images/bg_snelnaar.gif);
	background-position:right;
	background-repeat:repeat-y;
	height:100%;	/*voor IE6*/
}
#contentkader {
	float:left;
	width:810px;
	min-height:600px;
	border-top:20px solid #b91f33;
	position:relative;
}
#nieuwsticker {
	height:19px;
	width:630px;
	position:absolute;
	top:-20px;
	left:170px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}

#content {
	float:left;
	width:610px;
	padding: 0px 10px 80px 30px;
	font-size:1.2em;
	color:#313131;
	position:relative;
}

#content ul, #content ol { padding-left:20px; padding-top:0em; margin: 0 0 0 1em;}

#content li {
/*list-style:none;
background-image:url(../images/bullet.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:20px;*/
/*list-style-image:url(../images/verder.gif);
list-style-position:outside;*/
list-style:square;
}

#fotobalk_verticaal { 
	float:left;
	width:210px;
 }
#tekst { float:left; width:370px; padding-left:20px; margin-top:50px; line-height:1.8em; }

#fotobalk_horizontaal { 
	height:70px;
 }
#fotobalk_horizontaal img { position:absolute;top:-50px; }

#tekst_breed { margin-top:50px; line-height:1.8em; }

h1 { /* titel boven tekstpagina */
	font-size:115%;
	color:#094fa3;
	font-weight:bold;
	padding-bottom:2em;
	margin:0;
}

a:link, a:active, a:visited { color:#b91f33; }
a:hover { color:#094fa3; }

td { vertical-align:top; }
.adres {
	display:block;
	font-size:1em;
	text-align:center;
	padding:30px 0px;
}



/*nieuwspagina*/
.nieuwslijst { padding-bottom:2.5em; }
.nieuwsimg {  }
.datum { font-weight:bold; white-space:nowrap; }
.nieuwsarchieflijst_datum { white-space:nowrap; }
.intro { font-weight:bold;  }
a.verder { color:#8391c8; padding-left:15px; text-decoration:none; background-image:url(../images/verder.gif); background-position:left; background-repeat:no-repeat; }
a:hover.verder { color:#094fa3; background-image:url(../images/verder_blauw.gif); }
a.terug { color:#8391c8; padding-left:15px; text-decoration:none; background-image:url(../images/terug.gif); background-position:left; background-repeat:no-repeat;  }
a:hover.terug { color:#094fa3; background-image:url(../images/terug_blauw.gif); }
a.close { color:#8391c8; padding-left:15px; text-decoration:none; background-image:url(../images/close_lila.gif); background-position:left; background-repeat:no-repeat; }
a:hover.close { color:#094fa3; background-image:url(../images/close_blauw.gif);  }

/*.pijl_meer { vertical-align:middle; }*/
h1.nieuwslijst_titel { color:#b91f33; font-size:160%; font-weight:normal; padding-bottom:1.5em;  }
h1.nieuwsarchieflijst_titel { color:#b91f33; font-size:125%; font-weight:normal; padding-bottom:0.5em;  }


/*nieuws include homepage*/
.nieuwskader { border-top:7px solid #ced2ea; width:100%; margin:0 auto; line-height:1.8em; padding-bottom:40px;  }
.nieuws { color:#b91f33; font-size:160%; font-weight:bold; padding:0px 5px; position:relative; top:-10px;  }
.incl_nieuws { padding:3px 5px; }
.nieuwskader a { text-decoration:none; color:#313131;  }
.nieuwskader a:hover { color:#094fa3; }
.nieuwskader a.verder { color:#8391c8; }
.nieuwskader a.verder:hover { color:#094fa3;  }

/*agenda*/
.agenda_lijst { margin-bottom:1.5em;}
.agenda_datum { white-space:nowrap; width:120px; }
.agenda_datum_home { color:#b91f33; font-weight:bold; padding-right:6px; }
.agenda_lijsttitel { color:#b91f33; padding-left:20px; }
.agenda_intro { color:#000; padding-left:20px; }
.agenda_titel { }
.agenda_dateselect { border-bottom:2px solid #8391c8; margin-bottom:2.5em; padding-bottom:1em; text-align:right; }
.agenda_selectbutton { background-color:#8391c8; border:1px solid #8391c8; color:#fff; }
.agenda_bladerbutton { vertical-align:bottom; }
/*vacaturepagina*/
.vacaturelijst { padding-bottom:2.5em; padding-left:20px; }
.vacaturelijst_functie { font-weight:bold;}
.vacaturelijst_datum { font-weight:normal; font-style:italic; }


/*formulieren*/
.fullblock {
	display:block;
	margin:10px 0px;
}

/*zoeken*/
#zoekmachine { width:100%; display:block; padding-bottom:3em; border-bottom:1px solid #bac0e1; border-collapse:collapse; line-height:1.8em; }
.kol1 {	width:5%;  }
.kol2 { width:95%;  }
.categorie { display:block; font-size: 0.8em; padding-bottom:2em; color:#515151; }


/*examens en pta's*/
#select_pta {
	float:left;
	background-color:#094fa3;
	padding:10px;
}
#select_pta form, #show_pta form {
	width:260px;
	color:#fff;
	font-weight:bold;
}

#show_pta {
	float:left;
	background-color:#8391c8;
	padding:10px;
}
#content_pta {
	float:left;
	width:50%;
	margin-right:20px;
}
.pta_select {
	width:250px;
	padding:3px;
	margin:.3em auto;
}

.pta_submit {
	width:250px;
	margin:.3em auto;
}


/* Easy Slider : voor nieuwsticker op homepage */

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:19px;
		overflow:hidden; 
		}
		
	#slider a { color:#fff; text-decoration:none; }
	#slider a img { border:0px; text-decoration:none; }
			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0.5em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		background:url(../images/slidebullet.gif) center center no-repeat;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:url(../images/slidebullet-here.gif) center center no-repeat;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/*interne verlofaanvraag*/
#verlofaanvraag, #nascholingaanvraag {
	border-top:		1px solid #ccc;
	padding:		2em 0;	
}

.form_label {
	width:			200px;
	display:		inline-block;
	color:			#094fa3;
	vertical-align:	top;
}

.label_breed {
	display:		inline-block;
	color:			#094fa3;
	vertical-align:	top;
}

.ster {
	font-size:		1.4em;
}

.error {
	border:			1px solid #b91f33;
}

#error_msg {
	border:			1px solid #b91f33;
	color:			#b91f33;
	padding:		.5em;
	margin-bottom:	1em;	
}

#verlofaanvraag input, #verlofaanvraag select, #verlofaanvraag textarea,
#nascholingaanvraag input, #nascholingaanvraag select, #nascholingaanvraag textarea {
	width:			300px;	
	padding:		3px;
	margin:			3px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		1.1em;
}

#verlofaanvraag select, #nascholingaanvraag select {
	width:			308px;	
}

#nascholingaanvraag .radio {
	width:			20px;	
}

#verlofaanvraag #button, #nascholingaanvraag #button {
	width:			80px;	
}