* {
 	margin: 0px;
	padding: 0px; 	
  }
  
   body {

       border:0;			/* This removes the border around the viewport in old versions of IE */
       width:100%;
       background:#fff;
       min-width:600px;    /* Minimum width of layout - remove line if not required  The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		color:black;
		font-family:arial;
		font-size:12px;		
   }
      
a {
		color:#FF6000;
		font-weight:bold;
		text-decoration:underline;
		}
a:hover {
		color:#000000;
		text-decoration:none;
}

 h1, h2 {
		color:#FF6000;
		font-size:24px;
		font-weight:bold;
		margin-bottom:10px;
   }
   
   p {
		margin:20px 0 0;   		
       padding:0;
	   line-height:18px;
   }
   
img { }

ul {
	list-style-position: inside;
	margin-left: 1em;
}

ul li {
	margin-top: 10px;;
}

hr {
	margin: 6px 0px 6px 0px;
	/*border: 1px solid #474747;*/
}	

fieldset {
	border: none;
}

#main_wrap {
	margin: 0 auto;
	width: 935px;
}


#header {  /* Header styles */
	display:inline;
	float:left;
	height:85px;
	width:935px;
}

	#logo {
		display:inline;
		float:left;
		height:85px;
		overflow:hidden;
		width:325px;
	}	
	
	#navigation	{
	float:right;
	margin-top:5px;	
}
	
	
	#thinmenu {
		background-color:#FF6000;
		float:left;
		height:21px;
		margin-bottom:5px;
		overflow:hidden;
		width:935px;	
	}

	#thinmenuleft {
			background:transparent url(images/bg_thinmenu_left.gif) no-repeat scroll left top;
			float:left;
			height:21px;
			padding-left:11px;
			width:314px;
	}
	
	#thinmenuleft a {
			color: #FFD0B3;
			font-weight: normal;
			text-decoration: none;
			line-height: 19px;
	}
	
	#thinmenuleft a:hover {
			text-decoration: underline;
	}
	
	#thinmenuright {
			background:transparent url(images/bg_thinmenu_right.gif) no-repeat scroll right top;
			float:left;
			height:21px;
			width:610px;
	}
	
   #topBanner {
		background-repeat: no-repeat;
		clear:both;
		float:left;
		width:935px ;
		height: 257px;
		min-height:1px;
		overflow-x:hidden;
		z-index: 10;
   }

   
#breadcrum {
		width: 660px;
		height: 14px;
		color:#918F90;
		display:inline;
		float:left;
		font-size:11px;
		margin-top:30px;
		margin-bottom:28px;
		margin-left:275px;
		min-height:1px;
		overflow-x:hidden;	
}

#breadcrum ul li {
	display: inline;
}

.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
     width:935px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	margin-bottom: 35px;
}

.leftmenu {
    background:#FFD8B7;
}

  .leftmenu .colright {
	float:left;
	position:relative;
	width:935px;
	background:#fff;
  }
  
 .leftmenu .col1wrap {
	float:right;
	width:416px;
	position:relative;
}

.leftmenu .col1 {
	position:relative;
	overflow:hidden;
	right: 244px;
}

   .leftmenu .col2 {
       float:left;
       width:200px;
       position:relative;
	   min-height: 300px;
   }
   
     .leftmenu .col3 {
       float:left;
       width:244px;
       position:relative;
	   left: 521px;
	   min-height: 300px;
   } 
   
   .col2 ul, .sitemap ul, .sitemap ul li ul {
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
	}
   
    .col2 ul li, .sitemap ul li {
			margin-top: 0px;
		   margin-bottom:10px;
	}
  
   .col2 ul li a, .sitemap ul li a {
      	background: transparent url(images/arrow_orange_circle.gif) no-repeat scroll left top;
		color:#000000;
		font-size:15px;
		line-height: 18px;
		font-weight:bold;
		padding-left:34px;
		text-decoration:none;
   }

	.col2 ul li a:link {
		color:#000000;
	}
	
	.col2 ul li a:visited  {
		color:#000000;
	}
	
	.col2 ul li a:hover, .sitemap ul li a:hover  {
		background: transparent url(images/arrow_orange.gif) no-repeat scroll 5px 5px;
		color: #FF6000;		
	}
	
	.col2 ul li a:active  {
		color:#FF6000;
	}   
	
	 .col2 ul li.active a {
		color:#FF6000;
   }
   	
	.col2 ul li ul {
		display: none;
	}
	
	.col2 ul li.active ul, .sitemap ul li ul {
		margin-top: 10px;
		display: block;
	}
	
	.col2 ul li  ul li, ul .sitemap ul li ul li {
		margin-bottom: 5px;
	}
	
     .col2 ul li.active  ul li a, .sitemap ul li ul li a {
      	background: transparent url(images/arrow_black.gif) no-repeat scroll left 3px;
		color:#000000;
		font-size:15px;
		font-size:12px;
		font-weight:bold;
		padding-left:34px;
		margin-left: 11px;
		text-decoration:none;
   }
   
   .col2 ul li  ul li a:link {
   		
   }
   
    .col2 ul li  ul li a:visited {
	
	}
   
    .col2 ul li.active  ul li a:hover, ul .sitemap ul li ul li a:hover {
      	background: transparent url(images/arrow_orange.gif) no-repeat scroll left 3px;
		color:#FF6000;
		font-size:12px;
		font-weight:bold;
		padding-left:34px;
		text-decoration:none;
   }
   
    .col2 ul li.active  ul li.active a {
      	background: transparent url(images/arrow_orange.gif) no-repeat scroll left 3px;
		color: #FF6000;
		font-weight:bold;
		padding-left:34px;
		margin-bottom: 5px;
		margin-left: 11px;
		text-decoration:none;
   }
   
   .vacancywrap{
		float:right;
		width:658px;
		position:relative;   
   }
  
  #vacancyDetail {
  		width: 658px;
  }

  #vacancyDetail h2 {
  		font-size: 12px;
		margin: 20px 0 0;
		padding: 0;
  }
  
  #vacancyDetail p {  
  		margin:0px;   		
       padding:0;
}
  
 #footer {   /* Footer styles */
       clear:both;
       float:left;
		background:Black url(images/bg_footer_bottom.gif) no-repeat scroll left bottom;
		color:#918F90;
		display:inline;
		float:left;
		font-size:12px;
		margin-bottom:5px;
		min-height:195px;
		width:935px;
   }
   #footer p {
       padding:10px;
       margin:0;
   }
   
   #footer_top {
		background:transparent url(images/bg_footer_top.gif) no-repeat scroll left top;
		display:inline;
		float:left;
		margin-bottom:16px;
		min-height:5px;
		padding-left:10px;
		padding-top:10px;
		width:925px;
   }
   
   #footer_top .linkblock {
		padding-left:4px;
		padding-top:4px;
		padding-bottom:24px;
}

#footer .linkblock a {
		background:transparent url(images/bg_footer_link.gif) no-repeat scroll right 13px;
		font-size:30px;
		font-weight:bold;
		padding-right:35px;
		text-decoration:none;
}

#footer .linkblock a:link {
	color: #FF6000;
	text-decoration: none;
}

#footer .linkblock a:visited {
	color: #FF6000;
	text-decoration: none;
}

#footer .linkblock a:hover {
	color: #FF6000;
	text-decoration: none;
}

#footer .linkblock a:active {
	color: #FF6000;
	text-decoration: none;
}
   
   #footer_bottom {
		float:left;
		padding-left:16px;
		width:919px; 
   }
   
   #bottom_left {
		float:left;
		line-height:17px;
		width:500px;
		margin-bottom: 16px;
   }
   
   #bottom_right {
		float:right;
		width:136px;
   }
   
   
#footer_top ul {
		background:transparent url(images/bg_footer_linklist.gif) no-repeat scroll left top;
		display:inline;
		float:left;
		height:21px;
		padding-left:7px;
		width:915px;
		margin-top: 0px;		
		margin-left: 0px;
		list-style-type: none;
}
#footer_top ul li {
		float:left;
		margin-top: 0px;	
		margin-right:28px;
}
#footer_top ul li a {
		color:#918F90;
		font-size:11px;
		font-weight: normal;
		line-height:21px;
		text-decoration: none;
}

#footer_top ul li a:hover {
		text-decoration:underline;
}


#footer_grijs {
	background-color:#E9E9E9;
	color:#615F60;
	float:left;
	height:30px;
	line-height:30px;
	margin-bottom:5px;
	width:935px;
}

#footer_grijs ul {
	margin-left:1em;
	list-style-type: none;
}

#footer_grijs ul li {
		float:left;
		margin-right:25px;
		margin-top: 0px;
}

#footer_grijs ul li a {
	color:#615F60;
	font-weight:normal;
	text-decoration: none;
}

#footer_grijs ul li a:hover {
	text-decoration: underline;
}

#grijs_left {
	background:transparent url(images/bg_footergrijs_left.gif) no-repeat scroll left top;
	float:left;
	height:30px;
	padding-left:16px;
	width:619px;
}

#grijs_right {
	background:transparent url(images/bg_footergrijs_right.gif) no-repeat scroll right top;
	display:inline;
	float:left;
	height:24px;
	padding-top:6px;
	width:300px;
}

#grijs_right form .searchblock {
	width: 300px;
}

#grijs_right .searchblock label {
	float:left;
	width:121px;
	line-height: 17px;
}

#grijs_right .searchblock  input#Search {
	border: 1px solid #A5ACB2;
	color:#000000;
	font-size: 11px;
	display:block;
	float:left;
	height:14px;
	overflow:hidden;
	width:140px;
	margin-top:1px;
}

#grijs_right .searchblock  input#btnSearch {
	background:transparent url(images/searchbutton.gif) no-repeat scroll left top;
	float: right;
	width:14px;
	height:14px;
	margin-right:10px;
	margin-top:2px;
		border: 0;
}


/* Vacatures */

table.list{
	border: 0px;
	padding: 0px;
	marging: 0px;
}

table.list tr.vacRow, tr.vacRowFirst, tr.vacRowLast{
	background-color:#F3F3F3;
}

/* vacature overzicht  */
table.list tr.over{
	background-color:#E9E9E9;
}

table.list tr th, table.list tr th.right a{
	height:26px;
	padding:5px;
	color: #FF6000;
	background-color: #FFF;
	font-weight: bold;
	text-align: left;
}

table.list tr th.right a{
	text-align: right;
}

table.list tr th.right a:hover {
	color: #000;
	text-decoration: underline;
}

table.list tr.vacRow td, table.list tr.vacRowFirst td, table.list tr.vacRowLast td {
	height:26px;
	padding:5px;
	border-bottom: 1px solid #FFFFFF;
}

table.list tr.vacRowFirst td.First {
	background-image:url(images/overview_bg_top_left.gif) ;
	background-position:left top;
	background-repeat:no-repeat;
}

table.list tr.vacRowFirst td.Last {
	background-image:url(images/overview_bg_top_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

table.list tr.vacRowLast td.First {
	background-image:url(images/overview_bg_bottom_left.gif);
	background-position:left bottom;
	background-repeat:no-repeat;	
}

table.list tr.vacRowLast td.Last {
	background-image:url(images/overview_bg_bottom_right.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}

table.list a {
	color:black;
	font-family:arial;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
}

table.list tr.over td, table.list tr.over a{
	color: #FF6000;
}

.orange-top {
	background-image: url(images/cornertop_658.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
	height: 7px;
	margin-top: 30px;
}

.orange-ctt {
	border-left: 1px solid #FF6000;
	border-right: 1px solid #FF6000;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 7px;
}
.orange-bottom {
	background-image: url(images/cornerbottom_658.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
	height: 7px;
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	border: 1px solid  #918F90;
}

.cssform textarea{
width: 250px;
height: 150px;
	border: 1px solid  #918F90;
}

.cssform error {
	color: red;
}

.cssform input[type="text"].invalidValue, .cssform input[type="text"].requiredValue {
	border: 1px solid  #FF0000;
}	

.cssform .hidden{
	display: none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}

/*   Ajax Search   */
#ajaxSearch_output {
	margin-top: 20px;
}

.AS_ajax_result {
		margin-bottom: 20px;
}

.AS_ajax_extract p {
	margin: 0 0 0 0;
}

.AS_ajax_highlight {
	text-decoration: underline;
	border-bottom: 1px solid #000000;
}