/* ============================================================	*/ 
/* ========	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/background.gif) top left repeat-x;
	}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	color:#6a6a6a;
	line-height:18px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
table {width:auto;}
td {vertical-align:top;}
	
label {font-weight:normal}
a {text-decoration:none; color:#0C419A;}
a:hover {text-decoration:underline;}
h1 {
	font-size:14px;
	color:#B3007A;
	font-weight:normal;
	padding-top:47px;
	text-transform:uppercase;
}
h2 {
	color:#0C419A;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}
h3 {
	font-size:12px;
	}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
li {
	margin:0 0 0 0;
	padding:0 0 0 12px;
	display:block;
	background:transparent url(../gfx/listitem.gif) 1px 6px no-repeat;
	/*text-indent:12px;*/
	}
li li {}

p.userHtml ul
{
	list-style:disc;
	margin:inherit;
	padding:inherit;
}

p.userHtml li 
{
	margin:inherit;
	padding:inherit;
	display:list-item;	
	background-image:none;
}

p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
	}
th {text-align:left;}

/* ============================================================	*/ 
/* ========	HOME LAY-OUT	  	===============================	*/
/* ============================================================	*/

.homeSearch {
    width:880px;
    overflow:hidden;
    background:transparent url(../gfx/main_back.gif) bottom left repeat-y;
    }

.left2 {
    width:703px;
    float:left;
    }

.home .left,
.home .center {
	width:349px;
	float:left;
	}
.home .right {
	float:left;
	width:172px;
	margin-left:5px;
	}
.home .center {
	margin-left:5px;
	}
	
.home .left,
.home .center,
.home .right {
	background:transparent;
	position:relative;
	/*height:275px;*/
	}

.spacer {
	font-size:1px;
	height:5px;
	min-height:5px;
	line-height:5px;
	}
	
body.home strong {color:#155EAA;}

.home .mKandidaat,
.home .mBaan,
.home .mInloggen {background:transparent;}
	
/* ============================================================	*/ 
/* ========	GENERAL LAY-OUT	  	===============================	*/
/* ============================================================	*/ 

.left {
	float:left;
	width:703px;
	}
.right {
	width:172px;
	float:left;
	margin-left:5px;
	_overflow:hidden;
	}
	
.left,
.right {
	/*background-color:#DEDEDE;*/
	}
	
.left a {
	color:#6a6a6a;
	text-decoration:none;
	}
	
/* ============================================================	*/ 
/* ========	MODULES			  	===============================	*/
/* ============================================================	*/ 

.kop {
	font-size:16px;
	text-indent:30px;
	font-weight:bold;
	color:#FFF;
	padding:8px 0px 7px 0px;
	_height:31px;
	}

.content {display:block; margin:0 0 0 30px; padding:8px 0 8px 0;}

.KwalificatieNaam span {
	display:block;
	width:300px;
	}
.vorigeVolgende {
	text-align:center;
	line-height:20px;
	padding-top:5px;
	}
	.vorigeVolgende a {
		color:#155EAA;
		text-decoration:underline;
		}
	.vorigeVolgende .selected {
		font-weight:bold;
		font-size:12px;
		}

a.bekijk {
	display:block;
	background:transparent url(../gfx/arrow_k.gif) 40px 7px no-repeat;
	text-transform:uppercase;
	}
	
.btnReageer {
	position:relative;
	width:703px;
	line-height:35px;
	border-top:5px solid #FFFFFF;
	background-color:#CCC;
	_height:35px;
	}
	
.tContent {
    display:block;
    margin-left:20px;
    }

a.bekijk:hover {text-decoration:underline;}
	
.home .tOverzicht {width:880px;}
.tOverzicht {background-color:#D5D5D5}
.tOverzicht th, .tOverzicht th a {text-align:left; color:#0C419A; font-weight:bold; line-height:25px; text-decoration:none}
.tOverzicht td {background:#EBEBEB url(../gfx/td_back.gif) top left repeat-x; line-height:27px; border-top:5px solid #FFF;}
.tOverzicht .firstCol {text-indent:30px;}
.tOverzicht .lastCol {width:65px;}

.tVacatureDetails td {
    background:#EBEBEB url(../gfx/td_back.gif) top left repeat-x;
    line-height:27px;
    border-top:5px solid #FFF;
    width:175px;
    }
.tVacatureDetails .firstCol,
.tVacatureDetails .secondCol,
.tVacatureDetails .textHeading,
.tVacatureDetails .lastCol {width:auto; font-weight:bold}
.tVacatureDetails .firstCol {text-indent:30px;}
.tVacatureDetails .secondCol {text-indent:20px; border-left:5px solid #FFF;}
.tVacatureDetails .lastCol {text-indent:20px; border-left:5px solid #FFF;}
.tVacatureDetails .textHeading { color: #B3007A; }

.mOpleidingen {border-top:5px solid #FFF; background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) 0px -10px repeat-x;}
.mKennis {border-top:5px solid #FFF; background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) 0px -10px repeat-x;}
.mWerkervaring {border-top:5px solid #FFF; background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) 0px -10px repeat-x;}

.tReageer {}
.tReageer th {text-align:left; color:#0C419A; font-weight:bold; line-height:25px;}
.tReageer td {background:#EBEBEB url(../gfx/td_back.gif) top left repeat-x; line-height:27px; border-top:5px solid #FFF;}
.tReageer .firstCol {width:232px;}
.tReageer .lastCol {border-left:5px solid #FFF;}

.mBaan {}
.mBaan .kop {background-color:#B3007A;}
.mBaan .content {margin-left:30px;}

.mLogin 
{
    height:220px;
    background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) top left repeat-x;
    }

.mForm {background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) top left repeat-x; clear:both; width:880px; overflow:hidden;}
.mForm .kop {background-color:#0C419A;}
.mForm .content {margin-left:30px;}

.mKandidaat {background:#D9D9D9 url(gfx/grad_d9d9d9.gif) top left repeat-x;}
.mKandidaat .kop {background-color:#B38A00}
.mKandidaat .content {margin-left:30px;}

.mInloggen {background:#D9D9D9 url(../gfx/grad_d9d9d9.gif) top left repeat-x; margin-bottom:5px; padding-bottom:8px;}
.mInloggen .kop {background-color:#0C419A; text-indent:20px;}
.home .mInloggen .kop {width:172px;}
.mInloggen .content {margin-left:20px;}

.mMijnGegevens {background:transparent url(../gfx/grad_d9d9d9.gif) top left repeat-x; width:880px; overflow:hidden;}
.mMijnGegevens .kop {background-color:#0C419A; text-indent:20px;}
.mMijnGegevens .content {margin-left:20px; line-height:18px;}
.mMijnGegevens td {line-height:25px;}

.mZoekVacature {background-color:#DEDEDE; padding-bottom:8px;}
.mZoekVacature .kop {background-color:#6A6A6A; text-indent:20px;}
.mZoekVacature .content {margin-left:20px; line-height:18px;}
.mZoekVacature strong {color:#155EAA;}
.mZoekVacature input {width:auto;}

.mVacatureOverzicht {background-color:#D5D5D5; width:880px; overflow:hidden;}
.mVacatureOverzicht .kop {background-color:#B3007A;}
.mVacatureOverzicht .content {}

.mVacatureDetails {background-color:#D5D5D5;}
.mVacatureDetails .kop {background-color:#B3007A;}
.mVacatureDetails .content {}

.tResult {width:880px;}
.tResult th {text-align:left;}
.tResult td {text-align:left;}

.editorialContent {
    background-color:#DEDEDE;
    }
    
/* ============================================================	*/
/* ========	BUTTONS    ========================================	*/
/* ============================================================	*/

.btnSubmit {
    display:block;
	width:123px;
	height:29px;
	line-height:29px;
	text-indent:10px;
	position:relative;
	left:-4px;
	text-decoration:none;
	font-weight:bold;
	color:#0C419A;
	
	background:transparent url('../gfx/submit_button.png') center top no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/submit_button.png', sizingMethod='image');
	_cursor:pointer;
    }
    
input.btnSubmit 
{
	border:solid 0px;
	cursor:pointer;	
	text-align:left;
}


div.toevoegen .col1 {text-indent:26px;}
div.toevoegen .col2 {text-indent:16px;}
div.toevoegen .col3 {text-indent:16px;}

/* ============================================================	*/ 
/* ========	LOSSE OBJECTEN		===============================	*/
/* ============================================================	*/



/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:890px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../gfx/container_back.gif) top left repeat-x;
	}
body.home #container {
	background:#FFF url(../gfx/home_back.gif) left bottom repeat-x;
	}
	
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */
/* ============================================================	*/ 
/* ========	subnav				===============================	*/
/* ============================================================	*/
	div.subnav {
	position:relative;
	width:888px;
	_height:21px;
	clear:both;
	background:#F00;
	margin: 0 1px 0 1px;
	background:#FFF url(../gfx/subnav_BG.gif) repeat-x;
	}
	
div.subnav a{
border:none;
display:inline-block;
float:right;

	}
a.vacature{
width:66px;
height:21px;
background:url(../gfx/vacatures.jpg);	
}
a.Contactpersonen{
width:117px;
height:21px;
background:url(../gfx/Contactpersonen.jpg);	
}
a.bedrijfsprofiel{
width:123px;
height:21px;
background:url(../gfx/bedrijfsprofiel.jpg);	
}

	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
position:relative;
	_height:225px;
	min-height:225px;
	margin:5px 5px 0px 5px;
	clear:both;
	background:#FFF url(../gfx/banner-vacaturekracht.jpg) top left no-repeat;
	}
	div.header .content {
		margin-left:545px;
		line-height:18px;
		}
.logolink{
	position:absolute;
	bottom:10px;
	right:30px;
	display:block;
	width:135px;
	height:65px;
	
}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	height:41px;
	position:relative;
	left:-7px;
	overflow:visible;
	}

div.navigatie a,
div.navigatie a:hover,
div.navigatie a.selected {
	display:block;
	width:191px;
	height:41px;
	float:left;
	position:relative;
	margin:0px -13px 0px 0px;
	text-decoration:none;
	color:#0C419A;
	
	background:transparent url('../gfx/button.png') center top no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/button.png', sizingMethod='image');
	_cursor:pointer;/* IE6 fix */
	}
div.navigatie a.selected,
div.navigatie a:focus {
	width:192px;
	margin:0px -14px 0px 0px;
	color:#FFF;
	
	background:transparent url('../gfx/button2.png') center top no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/button2.png', sizingMethod='image');
	}

	
div.navigatie a span {
	display:block;
	text-align:center;
	padding-top:13px;
	font-size:12px;
	font-weight:bold;
	
	font-family:"Trebuchet MS";
	
	}
	
div.subnavigatie 
{
	border:solid 1px red;
}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:890px;
	clear:both;
	background-color:#6A6A6A;
	color:#FFF;
	}
	div#footer a		{color:#FFF; text-decoration:none;}
	div#footer a:hover	{color:#FFF; text-decoration:underline;}
	
.footerText {
	text-align:right;
	line-height:27px;
	padding-right:10px;
	word-spacing:5px;
	}

.copy {
	float:left;
	line-height:27px;
	text-indent:10px;
	}

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

div.contentBlock {
	margin:0px 5px 0px 5px;
	padding-top:5px;
	padding-bottom:37px;
	overflow:hidden;
	}

div.sidebar {
	float:right;
	width:160px;
	padding-bottom:65px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
	
.mainContent {
	background:#E6E6E6 url(../gfx/item_gradient.gif) 0px 0px repeat-x;
	clear:both;
	width:880px;
	}
.home .mainContent {background:transparent}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}

div.accordionHeader {
    font-weight:bold;
    line-height:18px;
    background:transparent url(../gfx/header_back.gif) top left repeat-x;
    text-indent:20px;
    }
div.accordionHeader a {
    color:#6a6a6a;
    }
div.accordionContent {
    font-weight:normal;
    margin-left:30px;
    }

a.submit,
a.reageer {
	display:block;
	width:123px;
	height:29px;
	line-height:29px;
	text-indent:10px;
	position:relative;
	left:-4px;
	text-decoration:none;
	font-weight:bold;
	color:#0C419A;
	
	background:transparent url('../gfx/submit_button.png') center top no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/submit_button.png', sizingMethod='image');
	_cursor:pointer;
	}
a.reageer {
	width:203px;
	background:transparent url('../gfx/reageer_button.png') center top no-repeat;
	color:#155EAA;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/reageer_button.png', sizingMethod='image');
	_cursor:pointer;
    }
    
a.submit:hover,
a.reageer:hover {
    text-decoration:none;
    }
    
/* ============================================================	*/
/* ========	FIXES =============================================	*/
/* ============================================================	*/

.home .left table,
.home .right table,
.home .center table {width:auto;}
table {width:880px;}
td table {width:auto; margin:0 20px 0 0;}
/*td {background-color:#F00;}*/

table.tOpleidingen td,
table.tKennis td,
table.tWerkervaring td {background:#EBEBEB url(../gfx/td_back.gif) top left repeat-x; line-height:27px; vertical-align:middle;}

table.tOpleidingen th,
table.tKennis th,
table.tWerkervaring th {background-color:#CCC; line-height:25px;}

table.tOpleidingen {}
table.tKennis {}
table.tWerkervaring {}

input {line-height:13px;} /* IE 6.0 */

/* Toegevoegd door Marien 26 juni 2007 */
.registreerRadio 
{
	display:block;
	margin:10px;
}

.registreerRadio span 
{
	display:block;
}

.vacancyTextBox 
{
	width:390px;
}

.companyTextBox 
{
	width:280px;
}

.companyForm td
{
	padding-left:3px;
	padding-right:3px;
}

/*Modal Dialog voor tijdens het verwijderen van een vacature */
.modalDelete 
{
	background-color:#ddd;
	padding:20px;
	border-style:dashed;
	border-width:1px;
	border-color:#999;
	width:400px;
}

.modalDelete label.question
{
	display:block;
	margin-bottom:5px;
}

table.loginTable
{
	width:100%;}