body {
	font-family: Trebuchet MS; margin:0px; padding:0px; 
	color:#000000; 
	background:#eeeeee; 
}
img, div, input, hr {
	behavior: url(/css/iepngfix.htc);
} 
fieldset {padding:20px;}
legend { color:#672683; font-weight: bold; }
h2 { font-size:15px; }

/* Input fields */
input,select,textarea { font-size: 11px; font-family: Trebuchet MS;}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #000;
	color : #000;
}
table#form > tr > td {
vertical-align: top; 
}
	
#page { font-size:11px; background:#eddff3;  width:950px; margin: auto; text-align:left;}
#inner { padding:0px ; }

#header {
	width:950px; height:125px;
}
#footer {
	clear:both;
}
#footer div {
	font-size:9px; font-weight: normal; text-align:right; width:930px; color:#ffffff; margin:4px;	
}

	#nav, #nav a, .nav { 
	color:#ffffff;
	font-weight: bold;
	font-size: 11px;
	background:url(/images/bg_nav_balk.gif) repeat-x;
	height:16px;
	text-align:left;
	padding:5px;
	}
	
	td.tab {
		font-weight:bold;
		margin: 0px 8px;
		cursor: pointer;
		color:#672683;
	}
	#vac_overzicht, #leftcol {
		background:url(/images/bg_vacatures.png) no-repeat right top #ffffff;
		width:475px;
		min-height: 700px;
		margin-top:25px;
		float:left; clear:left;
	}
	
	#midcol {
		float:left; width:200px; margin-top:35px;
	}
	#login {
		background:url(/images/bg_login.png) bottom no-repeat #ffffff;
		width:249px;
		float:right;
	}
	#rightcol {
		float:left; width:400px; margin:24px; 
	}
	#portfolio {
	clear:both; margin-top: 16px;	
	}
	#portfolio div.inner {
	background: #f4f3f3; border: 1px solid #CCC; padding:6px 15px 15px 15px;	
	}
	
div {margin:0px; padding:0px;}
a { text-decoration:none; color:#672683; font-weight:bold}
#nav > span > a {  text-decoration: none; }
#nav > span > a:hover {  text-decoration: underline; }
a.vac_overzicht { text-decoration: none; color:#000000; font-weight:normal; }
a.vac_overzicht p { margin:0px; }

a.vac_overzicht:hover {  text-decoration:none;font-weight:normal;  }

a:hover { text-decoration: underline;}

/*
 Vacature pagina
*/

.overview .row {
 	cursor:pointer; 		
}
 
.overview tr.b {
 background: #eddff3;
}

.overview .row:hover {
	  background:  #672683; 
 	color:#fff;	
}
.overview .row:hover td a {
	  background:  #672683;
 	color:#fff;	
}
ul.categorieen {
	list-style: none;
	margin: 0; padding:0; width:200px;
} 
ul.categorieen li {
padding:4px; border-bottom: 1px solid #fff;
}
ul.categorieen li:hover {
background:#fff;
}

ul#legenda {
 margin: 0px 4px 0px 15px; padding:0px;

}
#legenda li {
	padding: 0 15px; margin: 0 0 5px 0;
}
#legenda li.groen {
	list-style-image:url(/images/status_groen.png);
	list-style:url(/images/status_groen.png);
}
#legenda li.oranje {
	list-style-image:url(/images/status_oranje.png);
	list-style:url(/images/status_oranje.png);
}
#legenda li.rood {
	list-style-image:url(/images/status_rood.png);
	list-style:url(/images/status_rood.png);
}
#legenda li.paars {
	list-style-image:url(/images/status_paars.png);
	list-style:url(/images/status_paars.png);
}
/* 
	Vacature overzicht Homepagina 
*/
#home_overzicht {
 padding:10px 25px;
		
		} 
#home_overzicht p{ 
	margin:0px; 
}
#home_overzicht ul { 
	margin:15px 0 0 0; padding: 0px; list-style: none; 
}

#home_overzicht ul li { 
	margin:0px; padding:0px;list-style: none; width:400px;
}
#home_overzicht ul li span { 
	float:left; 
}
#home_overzicht ul li span.titel { 
	width:360px;
}
#home_overzicht ul li span.cat { 
	width:40px;
}
#home_overzicht ul li p { 
	margin:0px; padding:0px; list-style: none; clear:both; float:none;
}

h1{	font-size: 16px;}
h3 {margin: 5px 0px;padding:0px;font-size: 16px;}
h2.nav {margin: 3px 0px;padding:0px;font-size: 14px;}
h2 {
	margin: 10px 0px 0px 0px;	
}
p {
margin: 0px; 
}
hr{ border: solid 1px #ffffff;}


#inschrijfForm td {
	border-bottom: solid 1px #ffffff; vertical-align:middle;  
}

/*
 popup.js
*/
div.popup {

  width:660px; height:500px;
  border: 2px solid #672683;
  
  background-color: white;
  /* The following properties should not be changed */
  position: absolute;
}

#popup_overlay {
  background-color: whitesmoke;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.popup_draghandle {
  cursor: move;
}
  
/* Accordion */
.accordion_toggle {
	display: block;
	height: 1px;
	cursor: pointer;
	margin: 0 0 0 0;
}
.accordion_toggle_active {
	font-weight:bold;
	color:#606;

}
.accordion_content {
	overflow: hidden;
	padding: 10px 0px;
}