/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#FFF url(../gfx/back.gif) 50% 4px;
	}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#715D5D;
	line-height:18px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	color:#715D5D;
	}
	
a {
	color:#555;
	text-decoration:underline;
	}
a:hover {
	text-decoration:underline;
	}
h1 {
	font-size:16px;
	}
h2 {
	display:block;
	background:red;
	font-size:11px;
	line-height:20px;
	text-indent:15px;
	background:transparent url(../gfx/item_header.gif) bottom left repeat-x;
	line-height:32px;
	border-bottom:#B1BCB3;
	}
h3 {
	font-size:20px;
	color:#4B79D1;
	font-weight:normal
	}
h4 {}
h5 {}
h6 {}	
p {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
	
.cB {
	clear:both;
	}
	
td {
	vertical-align:top;
	}
	
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:774px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:transparent url(../gfx/3col_back.gif) top left repeat-y;
	}
.home #container {
	background:transparent url(../gfx/home_back.gif) 1px 0px repeat-y;
	}
.template2 #container {
	background:transparent url(../gfx/2col_back.gif) top left repeat-y;
	}
	
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	Background				===============================	*/
/* ============================================================	*/
	
div.topBack {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:139px;
	background:transparent url(../gfx/top_back.gif) center top repeat-x;
	}

/* ============================================================	*/ 
/* ========	HOME				===============================	*/
/* ============================================================	*/

body.home .left {
	background:transparent url(../gfx/home_left.jpg) top right no-repeat;
	float:left;
	width:345px;
	_height:300px;
	min-height:300px;
	position:relative;
	}

a.homeLink {
	display:block;
	width:177px;
	height:47px;
	position:absolute;
	top:35px;
	left:22px;
	text-decoration:underline;
	}
	
body.home .right {
	background:transparent url(../gfx/home_right.jpg) top right no-repeat;
	float:right;
	width:345px;
	_height:300px;
	min-height:300px;
	position:relative;
	}

body.home .left div,
body.home .right div {
	margin-right:200px;
	margin-top:30px;
	}

body.home .left div.leesMeer,
body.home .right div.leesMeer {
	margin:0 0 0 0;
	background:transparent url(../gfx/home_button.gif) top left no-repeat;
	
	width:156px;
	height:26px;
	/*border:1px solid red;*/
	
	position:absolute;
	top:234px;
	right:10px;
	}
	
body.home .mainContent {
	margin:0 20px 0 35px;
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	background:transparent url(../gfx/top_back.gif) center top repeat-x;
	height:139px;
	width:774px;
	}
body.home div.header {
	height:149px;
	}
.headerImage {
	height:139px;
	background:transparent url(../gfx/header_image2.gif) 1px 2px no-repeat;
	position:relative;
	}
body.home .headerImage {
	height:149px;

	}
body.home .headerImage {
	background:transparent url(../gfx/header_home.gif) 1px 2px no-repeat;
	}
	.headerImage div {
		position:absolute;
		top:75px;
		right:25px;
		color:#FFF;
		}
		.headerImage div a {
			color:#FFF;
			text-decoration:none;
			}

	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	width:214px;
	float:left;
	position:relative;
	
	overflow:visible;
	}
div.navigatie img {
	display:block;
	margin:0 auto 0 auto;
	text-align:center;
	}
ul.navigatie {
	margin:0 0 0 0;
	padding:0 0 0 3px;
	display:block;
	list-style:none;
	
	position:relative;
	top:-27px;
	
	z-index:900;
	}
	ul.navigatie li {
		display:block;
		width:209px;
		line-height:26px;
		background:transparent url(../gfx/button_back2.gif) top left no-repeat;
		text-align:center;
		padding-bottom:3px;
		}
.navigatie a {
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:26px;
	height:26px;
	min-height:26px;
	}
ul.navigatie a:hover{
	text-decoration:none;
	}
.navigatie a.sub {
	margin:0 10px 0 10px;
	background:transparent url(../gfx/subitem.gif) bottom left repeat-x;
	text-align:left;
	text-indent:10px;
	color:#FFF;
	font-size:12px;
	}

.navigatie a.sub:hover {
	/*text-indent:11px;*/
	text-decoration:underline;
	}

a.btnMeer,
a.btnOver,
a.btnContact,
a.btnOpdrachtgevers,
a.btnProfessionals,
a.btnProfessionals-selected,
a.btnInsearchReferral, 
a.btnVacatures,
a.btnKandidaten,
a.btnNiews {
	display:block;
	height:26px;
	text-align:center;
	margin:0 auto 0 auto;
	}
a.btnMeer {
	background:transparent url(../gfx/btn_meer.gif) left center no-repeat;
	width:34px;
	}
a.btnMeer:hover {
	background:transparent url(../gfx/btn_meer.gif) right center no-repeat;
	}	
a.btnOver {
	background:transparent url(../gfx/btn_over_insearch.gif) center left no-repeat;
	width:90px;
	}
a.btnOver:hover {
	background:transparent url(../gfx/btn_over_insearch.gif) center right no-repeat;
	}
a.btnContact {
	background:transparent url(../gfx/btn_contact.gif) center left no-repeat;
	width:49px;
	}
a.btnContact:hover {
	background:transparent url(../gfx/btn_contact.gif) center right no-repeat;
	}
a.btnOpdrachtgevers {
	background:transparent url(../gfx/btn_opdrachtgevers.gif) center left no-repeat;
	width:99px;
	}
a.btnOpdrachtgevers:hover {
	background:transparent url(../gfx/btn_opdrachtgevers.gif) center right no-repeat;
	}
a.btnProfessionals {
	background:transparent url(../gfx/btn_professionals.gif) center left no-repeat;
	width:80px;
	}
a.btnProfessionals:hover {
	background:transparent url(../gfx/btn_professionals.gif) center right no-repeat;
	}
	
a.btnInsearchReferral {
	background:transparent url(../gfx/btn_InSearch_Referral.gif) center left no-repeat;
	width:108px;
	}
a.btnInsearchReferral:hover {
	background:transparent url(../gfx/btn_InSearch_Referral.gif) center right no-repeat;
	}

a.btnVacatures {
	background:transparent url(../gfx/btn_vacatures.gif) center left no-repeat;
	width:60px;
	}
a.btnVacatures:hover {
	background:transparent url(../gfx/btn_vacatures.gif) center right no-repeat;
	}
	
a.btnKandidaten {
	background:transparent url(../gfx/btn_kandidaten.gif) center left no-repeat;
	width:74px;
	}
a.btnKandidaten:hover {
	background:transparent url(../gfx/btn_kandidaten.gif) center right no-repeat;
	}
	
a.btnNiews {
	background:transparent url(../gfx/btn_actueelnieuws.gif) center left no-repeat;
	width:96px;
	}
a.btnNiews:hover {
	background:transparent url(../gfx/btn_actueelnieuws.gif) center right no-repeat;
	}
	
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0px;
	width:772px;
	clear:both;
	border-top:1px solid #BEBDC1;
	}
div#footer .footerText a {
	color:#DDD;
	}
div#footer .footerText {
	text-align:left;
	line-height:18px;
	background:#7D7D7D;
	text-indent:5px;
	color:#FFF;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 19 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK	===============================	*/
/* ============================================================	*/

div.contentBlock {
	background:transparent url(../gfx/menu_gradient.gif) 1px 0px no-repeat;
	min-height:300px;
	width:100%;
	/*overflow:hidden;*/
	padding-bottom:25px;
	}
body.home div.contentBlock {
	background:transparent url(../gfx/home_line.gif) 15px 32px no-repeat;
	}
	
div.mainContent {
	margin:0px 203px 0px 218px;
	padding-top:15px;
	}
	
.template2 div.mainContent {
	margin:0px 0px 0px 218px;
	}

div.sidebar {
	float:right;
	width:197px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
div.sidebar A 
{
	margin-left:12px;
	margin-top:8px;
}
.itemBlock {
	margin:0 auto 0 auto;
	vertical-align:top;
	}
	.itemBlock td.right {
		vertical-align:top;
		}
	.itemBlock td.left {
		vertical-align:top;
		}
	.itemBlock td.right div,
	.itemBlock td.left  div {
		margin:5px 15px 5px 15px;
		}
	.itemBlock td.right,
	.itemBlock td.left {
		background:#FEFEFE url(../gfx/itemblock_back.gif) bottom left repeat-x;
		border-left:1px solid #DEDEDE;
		border-right:1px solid #DEDEDE;
		border-bottom:1px solid #DEDEDE;
		border-top:1px solid #DEDEDE;
		width:173px;
		}

.content {
	margin:0 15px 0 15px;
	}
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
		
input.typeRadio {
	border:0px solid #EEE;
	}
		
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	/*border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;*/
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
	
.header,
.headerImage {
	/*display:none;*/
	}

/* ============================================================	*/ 
/* ========	VACATURES		  	===============================	*/
/* ============================================================	*/ 

.vacatures {
}


.vacatures .evenRow TD,
.vacatures .oddRow TD {
	padding: 12px;
}
.detailsBlock, 
.detailsBlock:hover
{
	text-decoration:underline;
}
.vacatures .oddRow {
	background-color: #EEEEEE;	
}

.jobtitle {
	font-size:13px;
	font-weight:bold;
}
.jobtitle:hover {
	text-decoration:underline;
}
.vacatures .details {
	display:block;
	position:relative;
	font-size:9px;
	margin:0;
	padding:0;
	
}

.vacatures .pager {
	font-size: 10px;
	height:48px;
	padding-top:8px;
}
.vacatures .pager TD {
	vertical-align:middle;
}
.vacatures .pager A,
.vacatures .pager SPAN {
	padding: 4px 8px 4px 8px;
	background-color:#dddddd;
}
.vacatures .pager SPAN {
	background-color:#FFFFFF;
}
.vacatures .pager A:hover {
	background-color:#FFFFFF;
}