/*********************************************************************/
/* 						    MAIN ELEMENTS	  		     			 */
/*********************************************************************/
body {
	text-align: center;
	font: normal 12px Arial;
	background: #000000 url('/img/ggg/bg.gif') repeat-y center;
	margin: 0 auto;
}


/*********************************************************************/
/* 							  FRAMEWORK 							 */
/*********************************************************************/
#site_container {
	width: 994px;
	margin: 0 auto;
	text-align: left;
}

	#header {
		background: url('/img/ggg/header.jpg') no-repeat;
		background-color: #FFFFFF;
		height: 200px;
		position: relative;
	}
		
		#header .logo {
			position: absolute;
			left:0;
			top: 50px;
			width: 200px;
			height:75px;
		}
		
		#header #foto {
			margin: 0;
			padding: 0;
			margin-left: 790px;
			height: 200px;
			width: 204px;
			overflow: hidden;
		}
		
			#header #foto .png24 {
				margin: 0 !important;
				padding: 0 !important;
			}
			
	#header_nav {
		background-color: #666666;
		margin: 0;
		padding: 0;
		height: 26px;
	}
	
#container {
	float: left;
	background-color: #FFFFFF;
	width: 590px;
}

	#container #content {
		width: 570px;
		margin-top: 10px;
		margin-bottom: 50px;
		padding: 0 10px 0 10px;
	}
	
#right {
	float: right;
	width: 204px;	
}

#left {
	float: left;
	width: 200px;
	margin-bottom: 30px;
	
}

	#left a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}

		#left a:hover {
			color: #000000;
		}


		
#footer {
	clear: both;
	background-color: #666666;
	margin: 0;
	padding: 0;
	height: 26px;
}

	#footer .footer_text {
		width: 590px;
		background-color: #CDCDCD;
		margin-left: 200px;
		padding: 0;
		height: 26px;
		line-height: 26px;
		text-align: center;
		font-size: 9px;
	}
	
		#footer .footer_text a {
			color: #000000 !important;
			font-size: 9px !important;
		}
	

/*********************************************************************/
/* 						MAIN NAVIGATION: TOP 						 */
/*********************************************************************/

/* ---- extra menu links ------ */
#site_container #header_nav #lblock a, #site_container #header_nav #rblock a{
	color:#FFFFFF;
	text-decoration:none;
	line-height:23px;
}
#site_container #header_nav #lblock a:hover, #site_container #header_nav #rblock a:hover {color:#CCCCCC;}

/* ---- Eo extra menu links ------ */

.top_nav {
	width: 590px;
	background-color: #663399;
	margin-left: 200px;
	padding: 0;
	height: 26px;
	line-height: 26px;
}

	.top_nav ul {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
		.top_nav ul li {
			display: inline;
			margin-right: 25px;
		}

			.top_nav ul li a {
				color: #FFFFFF !important;
				text-decoration: none !important;
				font-weight: bold !important;
			}
			
			.top_nav ul li a:hover {
				color: #000000 !important;
				text-decoration: none !important;
			}


/*********************************************************************/
/* 						MAIN NAVIGATION: BLOCK						 */
/*********************************************************************/
.main_nav {
	padding-top: 36px;
}

	.main_nav ul {
		margin: 0;
		padding: 0;
		width: 200px;
	}
	
		.main_nav ul li {
			margin-top: 21px;
			text-align: right;
			padding-right: 15px;
			list-style-type: none;
		}
		
			.main_nav ul li a {
				color: #FFFFFF;
				text-decoration: none;
				font-weight: normal;
			}
			
			.main_nav ul li a:hover {
				color: #000000;
				text-decoration: none;
			}


/*********************************************************************/
/* 					      	 BLOKKEN	  		        			 */
/*********************************************************************/
.block_content {
	/* padding: 5px; */
}


/*********************************************************************/
/* 					     BLOKKEN: SEARCH BLOCK	        			 */
/*********************************************************************/
.searchblock {
	margin-top: 20px;
	margin-left: 15px;
}

	.searchblock .zoek_arrow {
	  width: 15px;
	  text-align: left;
	  padding: 2px 0;
	}
	
	.searchblock .zoek_arrow img {
	  margin: 0 3px 0 6px;
	}

	.searchblock .zoek_title {
	  color: #5a1e7c;
	  font-weight: bold;
	  font-size: 12px;
	  width: 161px;
	  padding: 6px 0;
	}

	.searchblock .searchfields {
	  padding: 4px 0 6px 6px;
	  font-size: 12px;
	}
	
	.searchblock input.inputsearch {
	  border: 1px solid #e6ceed;
	  background: #fff;
	  width: 130px;
	  height: 23px;
	  float: left;
	}
	
	.searchblock .btnsearch {
	  border: 1px solid #e6ceed;
	  background: #fff;
	  float: left;
	  margin-left: 4px;
	  cursor:pointer;
	  cursor:hand;
	}


/*********************************************************************/
/* 						     HOMEPAGE			        			 */
/*********************************************************************/
a.morelink {
	color: #000000 !important;
}

.hpb_title {
	background-color:#FFFFFF;
}
	#container #content .hpb_title h2 a {
		color:#663399;
	}
	.hpb_img {
		margin-top:-10px;
	}
	.hpb_body {
		margin-top:-16px;
		padding: 0px 10px 6px 0px;
	}
		.hpb_articletitle {
			font-weight:bold;
			margin:18px 0px 0 0px;
		}


/*********************************************************************/
/* 					   		  PAGINAS				   				 */
/*********************************************************************/
#container #content h1 {
  color: #000000;
  font-size: 14px;
  padding: 5px 1px 0 1px;
  margin: 22px 0 12px 0;
  border: 0px !important;
}

#container #content h2 {
  color: #FFFFFF;
  font-size: 12px;
  background: #6699FF;
  padding: 5px;
  margin: 0 0 10px 0;
}

#container #content h2.summary {
  color: #FFFFFF;
  font-size: 12px;
  background: #6699FF;
  padding: 5px 0 5px 12px;
  margin: 0 0 0 48px;
}

#container #content h3 {
  font-weight: bold;
  color: #6699FF;
  font-size: 12px;
  padding: 0;
  margin: 6px 0 4px 0;
}

#container #content a {
  text-decoration: none;
  color: #663399;
  font-weight: bold;
}

	#container #content a:hover {
	  text-decoration: underline;
	}

a.back_link {
	background: url('/mod_bin/general/arrow.php?d=l&fc=6699FF') no-repeat left center;
	padding-left: 10px;
	text-decoration: none;
}

#banner {
	height: 25px;
	background-color: #CDCDFF;
}


/*********************************************************************/
/* 					   		  VACATUREBANK			   				 */
/*********************************************************************/
table.search_result th {
	background-color: #6699FF;
	text-align:left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 3px 5px 1px;
}

table.search_result td {
	vertical-align:top;
	padding: 5px 1px;
}

table.search_options td.lbl {
	width: 25%;
	vertical-align:top;
	padding-top: 5px;
	font-weight: bold;
}

table.vacature_details td.lbl {
	width: 200px;

}
table.vacature_details td.val {

}


/*********************************************************************/
/* 					   		  FORMS					   				 */
/*********************************************************************/
#content a.button, #content a.button_search {
	border: 1px solid #663399;
	padding: 2px 5px;
	background-color: #6699FF;
	color: #fff;
	cursor: pointer;
}

#content a.button:hover, #content a.button_search:hover {
	background-color: #FFFFFF;
	color: #5a1e7c;
	text-decoration: none !important;
}

#content a.button_search {
	background-image: url(/img/btn_search.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

#content input.ctrl_txt, #content input.ctrl_txa {
	border: 1px solid #663399;
}


/************************************************************************/
/*  Right sideblock styles                                              */
/************************************************************************/

#right a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

	#right a:hover {
		text-decoration: underline;
	}

#right table.block {
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 12px;
	width: 204px;
	clear: both;
}

	#right table.block p {
		margin: 1em 0;
		padding: 0;
	}

		#right table th, #right table td {
			font-size: 12px;
		}

	#right table th {
		padding: 5px 20px;
		text-align: left;
	}

	#right table div.rbcontent {
		margin: 5px 0 0 0;
		padding: 5px 10px 5px 20px;
	}

	#right table h3 {
		font-size: 12px;
		margin-top: 0;
	}
	
	#right table.citation div.rbcontent {
		font-size: 12px;
		padding: 5px 15px 25px 20px;
		background: transparent url(/img/citation_close.png) no-repeat bottom right;
		margin: 2px 0 0 0;
	}

	#right table.citation div.rbcontent p {
		padding: 0;
		margin: 0;
	}

/*----------------------------------------*/
/*  Rightsidebar loginblock styles        */
/*----------------------------------------*/

#right a.button {
	border: 1px solid #e6ceed;
	padding: 2px 5px;
	background: #5a1e7c;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

	#right a.button:hover {
		background: #fff;
		color: #5a1e7c;
		text-decoration: none;
	}

#right div.loginblock p {
	padding: 0;
	margin: 10px 0;
}

	#right div.loginblock input.ctrl_txt {
		border: 1px solid #5a1e7c;
	 	background: #f5edf8;
	  	width: 150px;
	}

/*----------------------------------------*/
/*  Rightsidebar poll styles              */
/*----------------------------------------*/

#right table.poll td {
	vertical-align: top;
	padding: 2px 5px 0 0;
}

	#right table.poll td.select {
		padding: 1px 0;
	}

	#right table.poll td.percent {
		padding-right: 0;
		vertical-align: top;
		text-align: right;
		width: 20%;
	}


/*----------------------------------------*/
/*  Right sidebar color styles            */
/*----------------------------------------*/

#right table.blue th {
	background: #00a4e7;
}

	#right table.blue h3, #right table.blue strong, #right table.blue b {
		color: #00a4e7;
	}
	
#right table.green th {
	background: #B2BA00;
}

	#right table.green h3, #right table.green strong, #right table.green b {
		color: #B2BA00;
	}

#right table.orange th {
	background: #f90;
}

	#right table.orange h3, #right table.orange strong, #right table.orange b {
		color: #f90;
	}

#right table.magenta th {
	background: #db66b3;
	color: #fff;
}

	#right table.magenta h3, #right table.magenta strong, #right table.magenta b {
		color: #db66b3;
	}

#right table.purple th {
	background: #5a1e7c;
	color: #fff;
}

	#right table.purple h3, #right table.purple strong, #right table.purple b {
		color: #5a1e7c;
	}




table.form td.l, table.form td.r{
	padding: 2px 0;
}

table.form td.l {
	width: 200px;
}

table.search_result th {
	background-color: #F5EDF8;
	text-align:left;
	font-weight: bold;
	color: #5a1e7c;
	font-size: 12px;
	padding: 5px 3px 5px 1px;
}

	table.search_result td {
		vertical-align:top;
		padding: 5px 1px;
	}

		table.search_options td.lbl {
			width: 25%;
			vertical-align:top;
			padding-top: 5px;
			font-weight: bold;
		}

		table.vacature_details td.lbl {
			width: 200px;
		
		}

/*********************************************************************/
/* [new/rkm/20feb2007]			NAVIGATION: FOOTER 				 	 */
/*********************************************************************/

.footer_nav {
	width: 590px;
	background-color: #CDCDCD;
	margin-left: 20px;
	padding: 0;
	height: 26px;
	line-height: 26px;
	font-size:9px;
	color:#000000;
}

	.footer_nav ul {
		margin: 0 0 0 15px;
		padding: 0;
		font-size:8px;
		color:#000000;
	}
	
		.footer_nav ul li {
			display: inline;
			margin-right: 8px;
			font-size:9px;
		}

			.footer_nav ul li a {
				color: #FFFFFF !important;
				text-decoration:underline !important;
				font-size:9px;
			}
			
			.footer_nav ul li a:hover {
				color: #000000 !important;
				text-decoration:underline !important;
				font-size:9px;
			}