body{
	background-color:#E5E5E5;
	margin-top:0px;
	margin-bottom:0px;
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:957px;
}

#header{
	width:957px;
	display:block;
}

#header #logo{
	width:300px;
	height:92px;
	background-image:url(/images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
}

#top-menu{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

#top-menu ul{
	margin:0px;
	margin-top:5px;
}

#top-menu li{
	display:inline;
	float:right;
	margin-left:35px;
	text-transform:uppercase;
}

#top-menu li a{
	text-decoration:none;
	color: #f1922f;
	font-weight:bold;
	font-size:11px;
}

#top-menu li a:hover, #top-menu li.active a{
	text-decoration:underline;
}

#menu{
	border-bottom-color: #f1922f;
	border-bottom-width:3px;
	border-bottom-style:solid;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	height:28px;
}


#menu ul{
	margin:0px;
	margin-top:20px;
	padding-left:0px;
}

#menu li{
	display:inline;
	margin-right:4px;
	padding-left:17px;
	padding-right:17px;
	padding-top:7px;
	padding-bottom:7px;
	text-transform:uppercase;
}

#menu li a{
	text-decoration:none;
	color: #424143;
	font-weight:bold;
	font-size:14px;
}

#menu li:hover, #menu li.active, #menu li.active a, #menu li:hover a{
	color:#FFF;
	background-color: #f1922f;
}

#content{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#424143;
}

#content #home_vacature{
	
	background-image:url(images/home_vacature_bg.jpg);
	background-repeat:repeat-x;
	float:left;
	width:215px;
	margin-left:10px;
	padding: 20px;
	margin-bottom:10px;
}

#content #home_vacature #home_vacature_plaats{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#424143
}

#content #home_vacature #home_vacature_naam h2{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:16px;
	color: #f1922f;
	height:45px;
}

#content #home_vacature #home_vacature_omschrijving{
	font-size:12px;
	height:95px;
	overflow:auto;

}

#content #home_vacature #home_vacature_bekijk{
	font-weight:bold;
	font-size:13px;
	margin-top:5px;
}

#content #home_vacature #home_vacature_bekijk a{
	color:#424143;
}

#content #home_schrijfin{
	margin-left: 804px;
	height:200px;
}

#content #home_schrijfin a{
	font-weight:bold;
	font-size:13px;
}
#content #home_schrijfin .button{
	width:135px;
	height:23px;
	padding-left:10px;	
	background-color:#f1922f;
	background-image:url(images/button_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:4px;
	margin-bottom:4px;
}

#content #home_schrijfin .button a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

#content #home_schrijfin .button:hover{
	background-color:#f0a55a;
}

#content #home_schrijfin .button:hover a{
	text-decoration:none;
	font-weight:bold;
}

#content #home_schrijfin h3{
	color:#424143;
	margin-top:5px;
	margin-bottom:10px;
}


#content #vacature {
	margin-left:12px;
	padding-top:12px;
}

#content #vacature #vacature_top{
	background-image:url(/images/vacature_top.jpg);
	width:957px;
	height:110px;
	background-repeat:no-repeat;
}

#content #vacature #schrijf_je_in{
	margin-left:680px;
	padding-top:30px;
	width:240px;
}









#content #vacature  .button{
	width:135px;
	height:23px;
	padding-left:10px;	
	background-color:#f1922f;
	background-image:url(images/button_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:4px;
	margin-top:5px;
	margin-left:96px;
}

#content #vacature  .button a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

#content #vacature  .button:hover{
	background-color:#f0a55a;
}

#content #vacature .button:hover a{
	text-decoration:none;
	font-weight:bold;
}








#content #vacature #schrijf_je_in input{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#f1922f;
	color:#FFF;
	width:140px;
	height:30px;
	text-align:left;
	font-size:13px;
	float:right;
	margin-top:20px;
}

#content #vacature #schrijf_je_in input:hover{
	background-color:#f0a55a;
}

#content #vacature .vacature_overzicht_item{
	border-bottom-color:#CCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	margin-right:10px;
}

#content #vacature .vacature_overzicht_item .plaats{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color:#424143;
}

#content #vacature .vacature_overzicht_item .naam{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #f1922f;
	margin-bottom:-10px;
}

#content #vacature .vacature_overzicht_item .omschrijving{
	font-size:12px;
}

#vacature #vacature_left{
	width:680px;
	float:left;
}
#vacature #vacature_left table, #vacature #vacature_left h1, #vacature #vacature_left h2, #vacature #vacature_left p{
	/*margin-left:20px;*/
}

#vacature #vacature_left td{
	vertical-align:top;
}

#vacature #vacature_left hr{
	color:#eee;
	background-color:#eee;
	border-color:#eee;
}

#vacature #vacature_left input[type="submit"]{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#f1922f;
	color:#FFF;
	width:100px;
	height:30px;
	text-align:left;
	font-size:13px;
	float:right;
}

#vacature #vacature_left table.hoger tr td{
	padding-bottom:20px;
}

#vacature #vacature_left table tr td{
	min-width:175px;
}

#vacature #vacature_left .vacature_overzicht_paginas{
	padding-top:15px;
	font-weight:bold;
}

#vacature .requiredField{
	color: #f1922f;
}

#vacature #vacature_right{
	width:200px;
	float:left;	
}

#vacature #vacature_right h2{
	color:#424143;
}

#content #werkgever{
	padding-bottom:15px;
	margin-top:-30px;
}

#content #werkgever #w_left{
	float:left;
	width:460px;
	margin-left:12px;
}

#content #werkgever #w_right{
	float:left;
	width:460px;
	margin-left:12px;
}

#content #werkgever #w_right #w_afbeelding{
	background-image:url(/images/werkgever_afbeelding.jpg);
	background-repeat:no-repeat;
	width:460px;
	height:293px;
}

#content #werkgever #w_left #w_tekst{
	width:460px;
	height:293px;	
	overflow:hidden;
}

#content #werkgever #w_left #w_tekst input{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#f1922f;
	color:#FFF;
	width:200px;
	height:30px;
	text-align:left;
	font-size:13px;
	float:right;
	margin-top:20px;
}

#content #werkgever #w_left #w_tekst input:hover{
	background-color:#f0a55a;
}

#content #werkgever .w_blok{
	background-image:url(/images/werkgever_blok_bg.jpg);
	background-repeat:repeat-x;
	background-color:#D3D3D3;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	height:200px;
}

#content #werkgever .w_blok h2{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#424143;
	background: transparent url(/images/border_bg.jpg) repeat-x bottom left;
}






#content #werknemer  .button{
	width:180px;
	height:23px;
	padding-left:10px;	
	background-color:#f1922f;
	background-image:url(images/button_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:4px;
	margin-top:120px;
	margin-left:270px;
	position:static;
}

#content #werknemer  .button a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

#content #werknemer  .button:hover{
	background-color:#f0a55a;
}

#content #werknemer .button:hover a{
	text-decoration:none;
	font-weight:bold;
}









#content #werkgever  .button{
	width:180px;
	height:23px;
	padding-left:10px;	
	background-color:#f1922f;
	background-image:url(images/button_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:4px;
	margin-top:120px;
	margin-left:270px;
	position:static;
}

#content #werkgever  .button a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

#content #werkgever  .button:hover{
	background-color:#f0a55a;
}

#content #werkgever .button:hover a{
	text-decoration:none;
	font-weight:bold;
}











#inschrijving-submit  .button{
	width:100px;
	height:23px;
	padding-left:10px;	
	background-color:#f1922f;
	background-image:url(images/button_bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:4px;

	margin-left:188px;
}

#inschrijving-submit  .button a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}

#inschrijving-submit  .button:hover{
	background-color:#f0a55a;
}

#inschrijving-submit .button:hover a{
	text-decoration:none;
	font-weight:bold;
}










#content #w_algemenevwd h2{
	margin-top:40px;
	color:#000;
}

#content #w_algemenevwd{
	margin-left:35px;
}

#content #werknemer{
	padding-bottom:12px;
}

#content #werknemer #w_left{
	float:left;
	width:460px;
	margin-left:12px;
}

#content #werknemer #w_right{
	float:left;
	width:460px;
	margin-left:12px;
}

#content #werknemer #w_right #w_afbeelding{
	background-image:url(/images/werknemer_afbeelding.jpg);
	background-repeat:no-repeat;
	width:460px;
	height:293px;
}

#content #werknemer #w_left #w_tekst{
	width:460px;
	height:293px;	
	overflow:hidden;
}

#content #werknemer #w_left #w_tekst input{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#f1922f;
	color:#FFF;
	width:200px;
	height:30px;
	text-align:left;
	font-size:13px;
	float:right;
	margin-top:20px;
}

#content #werknemer #w_left #w_tekst input:hover{
	background-color:#f0a55a;
}

#content #werknemer .w_blok{
	background-image:url(/images/werknemer_blok_bg.jpg);
	background-repeat:repeat-x;
	background-color:#D3D3D3;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	height:200px;
}

#content #werknemer .w_blok h2{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#424143;
	background: transparent url(/images/border_bg.jpg) repeat-x bottom left;
}

#content #disclaimer, #content #privacy, #content #overons{
	margin-left:12px;
}

#content #disclaimer h1, #content #privacy h1, #content #overons h1{
	padding-top:16px;
}

#content #disclaimer .left, #content #privacy .left, #content #overons .left{
	float:left;
	width:460px;
}

#content #disclaimer .right, #content #privacy .right, #content #overons .right{
	float:left;
	width:460px;
	margin-left:12px;
}

#content h1, #content h2, #content h2 a, #content h3{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	color: #f1922f;
}

#content a{
	color:#f1922f;
	text-decoration:none;
}

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

#footer{
	border-top-color: #f1922f;
	border-top-width:3px;
	border-top-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:957px;
	display:block;	
	padding-top:5px;
	line-height:17px;
}

#footer a{
	color:#f1922f;
	text-decoration:none;
}

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

#footer1{
	float:left;
	width:160px;
	color:#424143;
	padding-bottom:10px;
}


#footer2{
	float:left;
	color:#424143;
	padding-bottom:10px;
}

#copyright{
	float:right;
	color:#999;
	font-size:11px;
}

/*
CSS voor module Contact Formulier [begin]
*/

.DynamicFormContainer div
{
	padding-bottom: 2px;

}

.DynamicFormContainer input:hover
{
	background: #F0F0F0;
}

.DynamicFormTextFieldContainer, .DynamicFormSelectContainer
{
	border: none;
	clear: both;
	padding: 2px;	
	padding-left:12px;
}
.DynamicFormTextFieldContainer label,
.DynamicFormSelectContainer label,
.DynamicFormCaptchaContainer label,
.DynamicFormCheckContainer label,
.DynamicFormMultiValueCheckContainer label,
.DynamicFormCheckContainer label,
.DynamicFormRadioSingleLineContainer label:first-child,
.DynamicFormDateFieldContainer label
{
	float: left;
	width: 150px;
}

.DynamicFormDateFieldContainer label
{
	width: 152px;
}

.DynamicFormCaptchaContainer img#df_captachImage
{
	margin-left: 150px;
}

.DynamicFormRadioMultiLineData, .DynamicFormMultiLineCheckData
{
	margin-left: 150px;
	margin-top: -12px;
}

.DynamicFormMain
{
	float: left;
	padding-right: 20px;
}

.DynamicFormSidebar *
{
	padding-top: 0px;
}

.DynamicFormMain *
{
	font-size: 12px;
}

.DynamicFormMain input[type="radio"], .DynamicFormMain input[type="checkbox"]
{
	border: 0px;
}

.DynamicFormMain input[type="submit"]{
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	background-color:#F1922F;
	color:#FFF;
	height:30px;
	text-align:center;
	float:right;
	margin-top:10px;
	border:none;
	cursor:pointer;
	background-image:url("images/button_bg.png");
	background-position:right center;
	background-repeat:no-repeat;	
	padding-right: 20px;
}

.DynamicFormMain input[type="submit"]:hover{
	background-color:#f0a55a;
}


.DynamicFormMain h2
{
	font-size: 18px;
}

.DynamicFormMain input[type="text"], .DynamicFormMain textarea{
	width:250px;
}

.DynamicFormMain textarea
{
	overflow-y: auto;
}

.DynamicFormHeading{
	display:none;
}

.DynamicFormTopbar{
	margin-top:-17px;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom:10px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 240px;
	margin-left:10px;
	background-image:url(/images/werkgever_blok_bg.jpg);
	background-repeat:repeat-x;
	background-color:#D3D3D3;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	height:220px;
}

.DynamicFormLeftSidebar h2{
	padding-top:0px;
	padding-bottom:10px;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:2px;
}



/*
CSS voor module Contact Formulier [eind]
*/


/*
CSS voor de vacature module.
*/
.formErrorRow {
	background: #EACE60;
}

.formSuccessRow {
	background: #35D77D;
}

.error, .errorMessage {
	background: #FF9FA2;
	padding:3px;
}


.okmessage, .ok {
	/*border: solid green 2px;*/
	color:#f1922f;
	font-weight:bold;
	padding:3px;
}






/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}
