@charset "utf-8";
* {

margin:0;
padding:0;

}




body {
	
	background-color:#F3F4F5;
	text-align: center;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:11pt;
	
	
	
}

#wrappersub{
	
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color:#e4e5e7;
	/*background-image: url(../images/backgr_grijslijntje.png);*/
	background-repeat: repeat;
	border-top:1px solid #333;
	
	
}

#header {
	
	background-color:#e4e5e7;
	float:left;
	
	}
	
#header img {
	
	border:0px;
	
	}	


#header a {
	
	background-color:transparent;
	float:left;
	
	}
	


a:link{
	
	color:#d75027;
	text-decoration:none;
	
}

a:visited{
	
	color:#d75027;
	text-decoration:none;
	
}

a:active{
	
	color:#d75027;
	text-decoration:none;
	
}

a:hover{
	
	color:#fff;
	background-color:#d75027;
	text-decoration:none;
	
}

#wrapper #header {
	background-image: url(../images/logobanner2.png);
	background-repeat: no-repeat;
	height:150px;
}


#header{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	background-color: #F3F4F5;
	
}

#navig {
	background-image: url(../images/backgr_grijslijntjenav.png);
	
	
}

#navigcontent {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	background-color: #737a7e;
	
	background-repeat: repeat-x;
	height: 34px;
	float:left;
	
}

#menuwrapper{
	
	float:left;
	
}


#zoek {
	margin-left: 720px;	
	height:150px;
	background-color:#e4e5e7;
	position: relative;
	
	
}

#zoek form {
	width: 290px;
	
	
}

#zoekbox {	
	
	width:250px;
	height:34px;
	text-align:left;
	position: absolute; bottom: 0;		
}

#zoekveld {
	
	border-bottom:1px solid #707F80;	
	border-right:1px solid #707F80;
	border-top:1px solid #707F80;
	background-color: #fff;
	border-left:0px solid #707F80;
	color: #DE5E22;
	height:26px;
	width:216px;
	float:left;
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-size:14px;
	padding-top:7px;
	padding-left:5px;
	
	
}

.zoekknop{
cursor:pointer;
border-top: 0px solid #fff;
border-bottom: 1px solid #fff;

background-image: url("/ws/images/hp_zoeken.png");
background-repeat: repeat-x;
height:34px;
width:39px;
float:left;
padding: 4px 10px 5px 0px;
border-right: 0px solid #FFF;
border-left: 1px solid #FFF;
color: #CCCCCC;
text-transform:uppercase;
padding: 1px 10px 1px 10px;
font-family: "Trebuchet MS",, Verdana, sans-serif;
font-size:.75em;


}

#zoeklabel {
	display:block;
	float:left;
	height:20px;
	
}

#breadcrumb{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	
	background-color: #737a7e;
	background-repeat: repeat-x;
	text-align:left;
	height: 34px;
	float:left;
	
	
}

a:link.breadcrumb,a:visited.breadcrumb {
	
	color:#F3F4F5;
	font-size:0.8em;
	
}


#bodypart{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;	
	font-family: "Trebuchet MS",, Verdana, sans-serif;
	font-size:1em;
		
}

#bodycontent{
	
	width:1000px;
	background-color:#E4E5E7;	
	}



#afdelingselect {
		
	width: 690px;
	margin-left:10px;
	float:left;
	padding:10px 0px 0px 0px;
	word-wrap: break-word;	
}

#afdelingselect a:link,#afdelingselect a:visited,#afdelingselect a:active,#afdelingselect a:hover{
	
	color:#333333;
	text-decoration:none;
	
	
}

a.opleidingsbtn:link,a.opleidingsbtn:visited,a.opleidingsbtn:active{
	
	display:block;
	list-style:none;
	float:left;
	height:45px;
	width:135px;
	border:solid 1px #333;	
	text-align:center;
	padding:20px;
	background-color:#dddddd;
	color:#333333;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bolder;

	
}

a.opleidingsbtn:hover{

	background-color:#fff;
	color:#d75027;
	
	}

#nieuwsberichten {
	margin-left: 724px;
	width: 255px;
	background-color: #F3F4F5;
	border:1px solid #737a7e;
		
}

#nieuwsberichten dl {
	padding-left:5px;
	padding-right:5px;
	font-size:0.9em;
	overflow: auto; 
	height:450px;
}

#nieuwsberichten dl dt{
	background-image:url("/ws/images/hp_krant.png");
	background-repeat:no-repeat;
	padding-left:30px;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


#bodyleft {
	background-color: #F3F4F5;
	float: left;
	width: 656px;
	margin-left:10px;
	padding:10px;
	line-height:1.5em;
	font-size:0.9em;
		
}

#bodyleftvolledig {
	background-color: #F3F4F5;
	float: left;
	width: 956px;
	margin-left:10px;
	padding:10px;
	line-height:1.5em;
	font-size:0.9em;	
}

#bodyleft ul{
	margin-left:20px;
		
}

#bodyleftvolledig ul{
	margin-left:20px;
		
}

#bodyleft ol{
	margin-left:20px;
		
}

#bodyleftvolledig ol{
	margin-left:20px;
		
}


#bodyright {
	margin-left: 690px;
	width: 285px;
	background-color: #F3F4F5;
	padding:10px 0px 10px 10px;
	line-height:1.5em;
	font-size:0.9em;
	
	
}


#nieuwstitel{
	
	padding-top:5px;
	
}

#hpnieuwstitel{
	
	padding-top:5px;
	padding-bottom:3px;
	margin-bottom:5px;
	height:30px;
	
}

.nieuwstitel{
	
	text-transform:uppercase;	
	background-image: url(../images/nieuws.png);
	background-repeat:repeat-x;
	
}

.hpnieuwstitel{
	
	text-transform:uppercase;	
	background-image: url(../images/nieuws.png);
	background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
	
}




.leesmeerhp{
	
	text-align:right;
	margin-right:40px;
	
}

#doelgroepen{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height:80px;
	text-align: left;
	clear:both;
	background-color:#737a7e;
	}
	
#doelgroepencontent{
	
		
	height:80px;
	width:700px;
	float:left;
	
}


#hpknoppen {
	
	
	height:110px;
	padding-top:4px;
	
	
}

#hpknoppen a{
	
	
	margin-bottom:0px;
}



#hpknoppen img{
	
	border:0px;
	
}	

	

#doelgroepen img {
	float:left;

}

#doelgroepencontent img{
	
	border:0px;
	
}

#footer{
	background-image: url(../images/backgr_footer.png);
	height: 28px;
	clear: both;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color:#F3F4F5;
	text-transform:uppercase;
}



#footercontent{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	height: 28px;
	background-image: url(../images/backgr_footercontent.png);
	background-repeat: repeat-x;
	text-align:center;

		
}

#bottom{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	height: 10px;
	background-color: #737a7e;
		
}



.hp_afd_blokje {
	width:65px;
	height:65px;
	padding :2px;
	float:left;
}

div .hp_afd_blokje a:link{
	display:block;
	height:63px;
	width:63px;
	color:#000;
	text-decoration:none;	
	}

div .hp_afd_blokje a:visited{
	display:block;
	height:63px;
	width:63px;
	color:#000;
	text-decoration:none;	
	}

div .hp_afd_blokje a:active{
	display:block;
	height:63px;
	width:63px;
	color:#000;
	text-decoration:none;	
	}

div .hp_afd_blokje a:hover{
	display:block;
	height:63px;
	width:63px;
	color:#000;
	text-decoration:none;
	background:0;	
	}




/*
TABS
*/
div.tabcontent{
	display:none;
}
div.activetext{
	display: block;
}
#tabswrap {
	margin-top: 20px;
	line-height:2em;
}
ul#tabs {
	list-style-type: none;
	line-height:2em;
}



ul#tabs img{
	
	border:0px;
	
}

ul#tabs li {
	display: inline;
}
ul#tabs li a {
	padding:2px 10px;
	text-decoration:none;
}
ul#tabs li a.active {
	background:#DE5E22;
	color:#FFF;

}
ul#tabs li a{
	background:#f2aa3b;
	color:#555;
}
#content{
	background:#E4E5E7;
	color:#333;	
	padding: 2px 10px;
	border:1px solid #737A7E;
}
#content a:link{
	color:#DE5E22;	
	}

#content a:visited{
	color:#DE5E22;	
	}
	
#content a:active{
	color:#DE5E22;	
	}	

#content a:hover{
	color:#F3F4F5;
	background-color:#DE5E22;	
	}
	
a.gnnietactief:link{	
	color:#333;
	
}

a.gnnietactief:visited{	
	color:#333;
	
}	

a.gnnietactief:active{	
	color:#333;
	
}	

a.gnnietactief:hover{	
	color:#fff;
	
}		
/*
 STIJLEN PAGINA GROEPSNAAM
 */

.gntitel {
	
	text-transform:uppercase;
	font-weight:bold;
	height:25px;
	background-image: url(../images/nieuws.png);
	background-color: #b00057;
	background-repeat:repeat-x;
	margin-top:20px;
	margin-bottom:5px;
	margin-right:200px;
	
}

#gnbodyleft {
	background-color: #F3F4F5;
	float: left;
	width: 456px;
	margin-left:10px;
	padding:10px;
	line-height:1.5em;
	font-size:0.9em;
		
}

#gnbodyleftvolledig {
	background-color: #F3F4F5;
	float: left;
	width: 960px;
	margin-left:10px;
	line-height:1.5em;
	font-size:0.9em;
		
}

#gnbodyleft ul{
	margin-left:20px;
	list-style:none;	
}

#gnbodyleftvolledig ul{
	margin-left:20px;
	list-style:none;	
}



#gnbodyright {
	margin-left: 500px;
	width: 490px;
	background-color: #F3F4F5;
	line-height:1.5em;
	font-size:0.9em;
	
	
}


#roosterleft {
	
	width:245px;
	float:left;
	
}


#roosterright {
	
	margin-left:245px;	
	
}

#roostertitel{
	
	text-transform:uppercase;
	height:25px;
	background-image: url(../images/nieuws.png);
	background-color:#b00057;
	background-repeat:repeat-x;
	
}

.rstklasgroep {
	
	border:solid 1px #737a7e;
	margin:2px;
	padding:2px;
	
	
}


.rstplaatsvrij {
	
	background-color:#dddddd;
	
}

.rstklasgroeptitel {
	
	background-color:#dddddd;
	
	
}

a.rstinschrijflink:link,a.rstinschrijflink:visited,a.rstinschrijflink:hover{
	
	display:block;
	background-color:#dddddd;
	color:#b00057;;
	
}

/*CSS INSCHRIJVINGSFORMULIER */

#gnbodyleft label{
		display:block;
		float:left;
		width:140px;
	}
	#gnbodyleft .frm_radio_wrapper label
	,#gnbodyleft .frm_checkbox_wrapper label{
		float:none;
		display:inline;
	}
	#gnbodyleft .frm_checkbox_wrapper span{
		display:block;
		margin:0 0 0 140px;
	}
	#gnbodyleft label.required{
		font-weight:bold;
	}
	#gnbodyleft .frm_row{
		overflow:hidden;
		padding:0 0 2px 0;
	}
	#gnbodyleft .frm_textfield{
		width:250px;
		border:#737a7e solid 1px;
		padding:0 0 2px 5px;
		color:#999;
	}
	#gnbodyleft .frm_textarea{
		width:250px;
		border:#737a7e solid 1px;
		padding:0 0 2px 5px;
		color:#999;
	}
	#gnbodyleft .frm_select{
		width:250px;
		border:#737a7e solid 1px;
		color:#999;
	}
	#gnbodyleft .frm_date{
		width:auto;
	}
	#gnbodyleft .frm_textfield.focus
	,#gnbodyleft .frm_textfield:focus
	,#gnbodyleft .frm_textarea.focus
	,#gnbodyleft .frm_textarea:focus
	,#gnbodyleft .frm_select.focus
	,#gnbodyleft .frm_select:focus{
		color:#000;
	}
	#form0_row_name
	,#form0_row_birthdate
	,#form0_row_street
	,#form0_row_rijksregisternr
	,#form0_row_education
	,#form0_row_ses{
		margin:15px 0 0 0;
	}
	#gnbodyleft span.error{
		display:block;
		clear:left;
		padding:0 0 5px 140px;
		color:#ff0000;
		font-weight:bold;
	}
	#gnbodyleft .frm_button{
		margin:20px 0 0 140px;
		border:#737a7e solid 1px;
		background:#fff;
		color:#999;
	}
	#gnbodyleft .frm_button:hover
	,#gnbodyleft .frm_button.hover{
		color:#333;
		cursor:pointer;
	}
	#gnbodyleft .message{
		font-style:italic;
	}
	#gnbodyleft .error_tekst{
		color:#ff5d04;
	}
	
	

/* EINDE CSS INSCHRIJVINGSFORMULIER */

.institel{
	
	display:block;
	float:left;
	width:200px;
	text-align:right;
	
}
.insvalue{
	
	display:block;
	float:left;
	margin-left:10px;
	
}

.cevoraopleiding {
	background-color: #eeeeee;
	border: 1px solid #990000;
	margin-bottom: 10px;
	padding:5px;
}


/*TEVREDENHEIDSENQUETE */

div#vraag_1_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}

div#vraag_2_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
	
	
div#vraag_3_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
	
div#vraag_4_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
div#vraag_5_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
div#vraag_6_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
div#vraag_7_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}	
div#vraag_8_div
	{
  	margin-left: 50px;
  	background-color: #F9D88E;
  	display:none;
	}
	
#tevrenq_form > fieldset {
	
	padding:10px;
	
	}
	
#tevrenq_form > fieldset > p > label{
	
	background-color:#ccc;
	
	}
	
#tevrenq_form > fieldset > label{
	
	margin-top:50px;
	
	}
	
	
/*ROOSTERKLASSEN */

.overz_grpnaam{
	
	background-color: #CCCCCC;
	
	clear:left;
	margin-right: 10px;
}
.overz_grp:hover{
	
	background-color: #CCCCCC;
	
	
}
.overz_grpnaam:hover {
	background-color: #E8E8E8;
	clear:left;
	border: 1px none #CCCCCC;
	margin-right: 10px;
}


.overz_inschrijfmogelijkheid{
	
	float:left;
	width:50px;
}
.overz_vestiging{
	
	float:left;
	width:100px;
	margin-left:55px;
	
}
.overz_dag{
	
	float:left;
	width:50px;
	margin-left:160px;	
	
}


/*TOT HIER ROOSTERKLASSEN */	

/*SIMPLE MODAL*/

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:530px; width:500px; color:#bbb; background-color:#333; border:4px solid #444; padding:5px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url("../images/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#modal_afb {
	
	cursor:pointer;

	
	}
	
.modalhref {
	
	display:block;
	background-color: #fff;
	
	
	}	

#affiche {
	
	
	background-color:#fff;
	text-align:right;
	padding-top:20px;
	
}

#affiche a:link {
	
	color:#000;
	font-size:2em;
	border:0;
	
	
	}
	
	
#affiche a img{

	border:0;
	
	}

#affiche a:visited {
	
	color:#000;
	font-size:2em;
	border:0;
	
	
	}
	
#affiche a:active {
	
	color:#000;
	font-size:2em;
	border:0;
	
	}	

#affiche a:hover {
	
	color:#000;
	font-size:2em;
	border:0;
	
	
	}
	
.divtweedekansschema {
	height: 100px;
	width: 150px;
	border: 1px solid #333;
	float: left;
}
.divtweedekansschema a {
	display: block;
	height: 100px;


}
.divtweedekansschema a .vcenter {
	position: relative;
	top: 20%;
	text-align: center;
	display: block;
}
.plustweedekansschema {
	float: left;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
	font-weight: bolder;
}
.divtweedekansschema .vcenter {
	position: relative;
	top: 20%;
	text-align: center;
	display: block;
}


#algvoform label {
	
	display:block;
	float:left;
	width:340px;
	text-align:right;
	
	}
	
#algvoform input {
	

display:block;
width:300px;
margin-left:345px;	
	}
	
.error {
	
	background-color:red;
	color:#fff;
	
	}
	
	
.tbtitel {
	
	
	margin-top:20px;
	
	}	
		
		
		
.rstsemester1e {
	
	display: none;
	
}

