html {
	height				: 100%; /* In geval van background op html én body */
}

body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.8em Arial, sans-serif;
	text-align			: center;
	background			: url(../img/body-bg.jpg) center top no-repeat;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#main:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix,
	#main
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #main
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#main
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;

}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 130px;
	z-index				: 20;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 0;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	position			: relative;
	top					: 22px;
	left				: 208px;
	width				: 790px;
}

#menu li {
	position			: relative;
	float				: left;
	display				: inline;
	text-indent			: -9000em;
	padding				: 0 1px;
}

#menu li a {
	display				: block;
	background			: url(../img/menu-items.gif) no-repeat;
	height				: 79px;

}

#menu li a.home 		{	width : 87px;		background-position	: left top; }
#menu li a.over-visie 	{	width : 119px;		background-position	: -87px top; }
#menu li a.cases 		{	width : 83px;		background-position	: -206px top; }
#menu li a.diensten 	{	width : 101px;		background-position	: -289px top; }
#menu li a.nieuws 		{	width : 95px;		background-position	: -390px top; }
#menu li a.sales 		{	width : 81px;		background-position	: -485px top; }
#menu li a.contact 		{	width : 88px;		background-position	: -566px top; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 		{	background-position	: left bottom; }

#menu li:hover a.over-visie,
#menu li.hover a.over-visie,
#menu li.actief a.over-visie 	{	background-position	: -87px bottom; }

#menu li:hover a.cases,
#menu li.hover a.cases,
#menu li.actief a.cases 	{	background-position	: -206px bottom; }

#menu li:hover a.diensten,
#menu li.hover a.diensten,
#menu li.actief a.diensten  	{	background-position	: -289px bottom; }

#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 	{	background-position	: -390px bottom; }

#menu li:hover a.sales,
#menu li.hover a.sales,
#menu li.actief a.sales 	{	background-position	: -485px bottom; }

#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact 	{	background-position	: -566px bottom; }


/*submenu*/
#menu ul {
	position			: absolute;
	left				: -999em;
	top					: 79px;
	width				: 193px;
	z-index				: 43;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: -5px;
}

#menu ul li {
	float				: left;
	width				: 193px;
	padding				: 0;
	height				: auto;
	background			: #9d9d9c url(../img/submenu-border-bottom.gif) left top repeat-x;
}


#menu ul li a {
	float				: left;
	padding				: 7px 17px 6px 35px;
	width				: 141px;
	text-indent			: 0;
	color				: #fff;
	text-decoration		: none;
	height				: auto;
	overflow			: hidden;
	text-transform		: uppercase;
	background			: none;
	font-weight			: normal;
	font-size			: 0.85em;
}

#menu ul li a:hover,
#menu ul li.hover a,
#menu ul li.actief a {
	color				: #0079c2;
	background			: url(../img/pijl.gif) 10px 8px no-repeat;	
}

#menu ul li.actief a {
	font-weight			: bold;	
}

#menu ul li.first {
	padding-top			: 8px;
	background			: #9d9d9c url(../img/submenu-top-bg.jpg) repeat-x;
} 

#menu li.last:hover ul,
#menu li.last.hover ul {
	left				: -33px;
}




/* --------------------------------	*/
/* subheader					 	*/
/* --------------------------------	*/
#subheader {
	background			: #fff;
	height				: 210px;
	padding				: 17px;
}


/* --------------------------------	*/
/* broodkruimelpad				 	*/
/* --------------------------------	*/
#broodkruimelpad {
	color				: #036eae;
	width				: 794px;	
	margin				: 0 0 19px 0;
}

#broodkruimelpad a {
	color				: #036eae;
	font-weight			: bold;
}

#broodkruimelpad a:visited {
	color				: #036eae;
	font-weight			: bold;
}


/* --------------------------------	*/
/* content-container-bg			 	*/
/* --------------------------------	*/
#content-container {
	position			: relative;
	z-index				: 10;
	background			: url(../img/content-container-bg.jpg) right top repeat-y;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 794px;
	color				: #036eae;
	line-height			: 17px;
}

#content h1	{
	font-size			: 2.1em;
	font-family			: Georgia;
	margin				: 0 0 18px 0;
	line-height			: normal;
	width				: 752px
}

#content h1.records {
	display				: none;
}

#content a 			{ color: #000; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #4F4F4F; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul, 
#content #case-details ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol,
#content #case-details ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #2CABE0;
	font				: 1em Arial;
	background			: #E4F1F9;
	color				: #036EAE;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	padding				: 1px;
	border				: 2px solid #115793;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #4AA0D4;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

#content .verplicht {
	margin				: 0 0 10px 0;
}

#geboortedatum,
#geslacht {
	width				: 100px !important;
}

/* --------------------------------	*/
/* zijbalk-rechts	 				*/
/* --------------------------------	*/
#zijbalk-rechts {
	float				: right;
	width				: 156px;
	padding				: 10px 20px 20px 20px;
	clear				: right;
}

#zijbalk-rechts h3 {
	font-size			: 2.1em;
	color				: #246dc1;
	font-family			: Georgia;
	font-weight			: bold;
	margin				: 0 0 4px 0;
}

#zijbalk-rechts a.button-bekijk-video {
	display				: block;
	height				: 16px;
	width				: 150px;
	text-indent			: 25px;
	background			: url(../img/zijbalk-rechts-pijl.gif) no-repeat;
	color				: #23517f;
	font-weight			: bold;
	font-size			: 1.0em;
	margin				: 5px 0 0 0 ;
}

#zijbalk-rechts strong {
	color				: #115794;
}

#zijbalk-rechts .laatste-nieuws {
	color				: #908E8E;
	margin				: 9px 0 0 0 ;
}

#zijbalk-rechts .laatste-nieuws p {
	text-align			: justify;
	line-height			: 17px;
}

#zijbalk-rechts a.lees-meer {
	display				: block;
	float				: right;
	height				: 16px;
	width				: 60px;
	text-indent			: 25px;
	background			: url(../img/zijbalk-rechts-pijl.gif) no-repeat;
	color				: #23517f;
	font-weight			: bold;
	font-size			: 1.0em;
}

#zijbalk-rechts .button-contact,
#zijbalk-rechts .button-vacatures,
#zijbalk-rechts .button-direct-inschrijven {
	display				: block;
	text-indent			: -9000em;
	overflow			: hidden;
	margin				: 0 0 9px 0;
}

#zijbalk-rechts .button-contact {
	height				: 36px;
	width				: 139px;
	background			: url(../img/button-direct-naar-contact.gif) no-repeat;
	margin				: 36px 0 9px 0 ;
}

#zijbalk-rechts .button-vacatures {
	height				: 36px;
	width				: 139px;
	background			: url(../img/button-direct-naar-vacatures.gif) no-repeat;
}

#zijbalk-rechts .button-direct-inschrijven {
	width				: 140px;
	height				: 36px;
	background			: url(../img/button-direct-inschrijven.gif) -7px top no-repeat;
}

#zijbalk-rechts a:hover.button-contact,
#zijbalk-rechts a:hover.button-vacatures {
	background-position	: right top;
}

#zijbalk-rechts a:hover.button-direct-inschrijven {
	background-position	: -162px top;
}


/* --------------------------------	*/
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	position			: relative;
	overflow			: hidden;
	width				: 705px;
	padding				: 3px 10px 3px 0;
	text-align			: justify;
}


#nieuwsoverzicht li .datum strong {
	display				: block;
	font-size			: 1.7em;
	color				: #F15B2A;
}

#nieuwsoverzicht li h3 {
	margin				: 0 0 3px 0;
	line-height			: normal;
}

#nieuwsoverzicht li h3 a {
	text-decoration		: none;
	color				: #908E8E;
	font				: 1.8em Georgia;
}

#nieuwsoverzicht li h3 a:hover {
	color				: #115793;
}

#nieuwsoverzicht li a.leesmeer {
	float				: right;
	width				: 54px;
	height				: 22px;
	text-indent			: 23px;
	background			: url(../img/zijbalk-rechts-pijl.gif) no-repeat left top;
	color				: #23517f;
	font-weight			: bold;
	font-size			: 1.0em;	
}

#nieuwsoverzicht li a.leesmeer:hover {
	color				: #9C9C9C;
}

#nieuwsoverzicht li:hover {
	background			: #EFF9FF;
}



/* --------------------------------	*/
/* Vacatures			 			*/
/* --------------------------------	*/
.vacatures #content {
	background			: url(../img/vacatures-content-bg.jpg) right top no-repeat;
	width				: 798px;
	min-height			: 300px;
}

.vacatures #zijbalk-rechts {
	width				: 162px;
	padding				: 17px;
	background			: url(../img/vacatures-zijbalk-rechts-bg.jpg) left top  no-repeat;
}

.vacatures #broodkruimelpad {
	margin				: 17px 0 0 11px;
	width				: 400px;
}

.vacatures #content h1 {
	margin				: 25px 0 0 11px;
	width				: 594px;
}

.vacatures #content .button-direct-inschrijven {
	display				: block;
	position			: absolute;
	left				: 626px;
	top					: 80px;
	width				: 155px;
	height				: 36px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/button-direct-inschrijven.gif) left top no-repeat;
}

.vacatures #content a:hover.button-direct-inschrijven {
	background-position	: right top;
}

/* Zoeken */
#zoekform {
	position			: absolute;
	left				: 430px;
	top					: 20px;
	height				: 20px;
	z-index				: 1;
}

#zoekform legend {
	display				: none;
}

#zoekform input {
	width				: 219px;
	height				: 16px;
	margin				: 0 4px 0 0;
	border				: 0;
	font-size			: 0.95em;
	color				: #666;
	background			: #fff;
	border				: solid 1px #9c9c9c;
	padding				: 2px;
	float				: left;	
}

#zoekform label.label-zoek-vacature {
	display				: block;
	width				: 101px;
	height				: 21px;
	text-indent			: -9000em;
	overflow			: hidden;
	font-size			: 0;
	background			: url(../img/label-zoek-vacature.gif) no-repeat;
	float				: left;
}

#zoekform input.button {
	height				: 22px;
	width				: 22px;
	padding				: 0;
	line-height			: 900em;
	text-indent			: -900em;
	background			: red;
	cursor				: pointer;
	background			: url(../img/button-zoeken.gif) left top no-repeat;
	float				: left;
	margin				: 0;
}

#zoekform input:hover.button {
	background-position	: right top;
}


/* Jumpbox */
#content  .vakjumpbox {
	float				: right;
	padding				: 5px 10px;
	margin				: 10px 5px 0 ;
}

#content .jumpbox {
	width				: 171px;
	border				: 1px solid #9c9c9c;
}

#content .jumpbox span	{
	display				: block;
	height				: 17px;
	padding				: 2px 0 0 3px;
	line-height			: normal;
	background			: #FFF url(../img/jumpbox-pijl.gif) no-repeat right top;
	cursor				: pointer;
}

#content .jumpbox-open span	{
	background			: #FFF url(../img/jumpbox-open-pijl.gif) no-repeat right top;
}

#content .jumpbox ul	{
	float				: none;
	z-index				: 10;
	width				: 171px;
	padding				: 0;
	border				: solid 1px #9c9c9c;
	border-top			: none;
	background			: #FFF;
}

#content  .jumpbox ul li	{
	float				: left;
	width				: 171px;
	padding				: 0;
	border				: none;
}

#content  .jumpbox ul li a	{
	float				: left;
	width				: 165px;
	padding				: 2px 3px;
	border				: none;
	text-decoration		: none;
	color				: #8f8e8e;
}

#content  .jumpbox ul li a:hover,
#content  .jumpbox ul li.actief a	{
	border				: none;
	color				: #FFF;
	background			: #115793;
}


/* --------------------------------	*/
/* vacature-overzicht				*/
/* --------------------------------	*/
#vacature-overzicht {
	margin				: 40px 0 0 0;
}

#vacature-overzicht li {
	position			: relative;
	overflow			: hidden;
	width				: 700px;
	padding				: 0 0 7px 50px;
	margin-bottom		: 3px;
}

#vacature-overzicht .item {
	color				: #9d9d9c;
	font-weight			: bold;
}

#vacature-overzicht li .vacature-nr {
	position			: absolute;
	left				: 10px;
	top					: 0;
	width				: 35px;
	height				: 36px;
	line-height			: 1.2em;
	font				: 1.3em Georgia;
	font-weight			: bold;
	overflow			: hidden;
	color				: #9d9d9c;
}

#vacature-overzicht li .datum {
	color				: #115794;
}

#vacature-overzicht li h3 a {
	text-decoration		: underline;
	color				: #115794;
	font				: 1.1em Georgia;
	font-weight			: bold;
	margin-bottom		: 4px;
	display				: block;
}

#vacature-overzicht li h3 a:hover {
	color				: #4AA0D4;
}

#vacature-overzicht li h3 a:visited {
	color				: #4C83AF;
}

#vacature-overzicht li a.lees-meer {
	color				: #9D9D9C;
}

#vacature-overzicht li a.leesmeer:hover {
	background			: url(../img/leesmeer.gif) no-repeat left bottom;
}

#vacature-overzicht li:hover {
	background			: #EFF9FF;
}

#vacature-overzicht p.tekst {
	padding				: 0 0 0 16px;
}



/* --------------------------------	*/
/* vacature-details					*/
/* --------------------------------	*/
#vacature-details {
	width				: 750px;
}

#vacature-details p {
	margin-bottom		: 15px;
}

#vacature-details a.reageer {
	display				: block;
	background			: url(../img/frontpage-pijl-wie-is-visie.gif) no-repeat;
	text-indent			: 40px;
	font				: 1.4em Arial;
	color				: #23517F;
	font-weight			: bold;
	width				: 350px;
	height				: 35px;
}

#vacature-details a:hover.reageer {
	background			: url(../img/frontpage-pijl-u-wilt.gif) no-repeat;
}


/* --------------------------------	*/
/* case-overzicht					*/
/* --------------------------------	*/
#case-overzicht {
	margin				: 10px 0 0 0;
}

#case-overzicht li {
	position			: relative;
	overflow			: hidden;
	width				: 700px;
	padding				: 0 0 7px 20px;
	margin-bottom		: 3px;
}

#case-overzicht .item {
	color				: #9d9d9c;
	font-weight			: bold;
}

#case-overzicht li .vacature-nr {
	position			: absolute;
	left				: 10px;
	top					: 0;
	width				: 35px;
	height				: 36px;
	line-height			: 1.2em;
	font				: 1.3em Georgia;
	font-weight			: bold;
	overflow			: hidden;
	color				: #9d9d9c;
}

#case-overzicht li .datum {
	color				: #115794;
}

#case-overzicht li h3 a {
	text-decoration		: underline;
	color				: #115794;
	font				: 1.1em Georgia;
	font-weight			: bold;
	margin-bottom		: 4px;
	display				: block;
}

#case-overzicht li h3 a:hover {
	color				: #4AA0D4;
}

#case-overzicht li h3 a:visited {
	color				: #4C83AF;
}

#case-overzicht li a.lees-meer {
	color				: #9D9D9C;
}

#case-overzicht li a.leesmeer:hover {
	background			: url(../img/leesmeer.gif) no-repeat left bottom;
}

#case-overzicht li:hover {
	background			: #EFF9FF;
}

#content .button-nieuwsbrief-aanmelden {
	display				: block;
	position			: absolute;
	left				: 626px;
	top					: 30px;
	width				: 155px;
	height				: 36px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/button-nieuwsbrief.gif) left top no-repeat;
}

#content a:hover.button-nieuwsbrief-aanmelden {
	background-position	: right top;
}


/* --------------------------------	*/
/* case-details						*/
/* --------------------------------	*/
#case-details {
	width				: 750px;
	padding				: 0 0 20px 0;
}


/* --------------------------------	*/
/* nieuwsbrief aan- en afmelden		*/
/* --------------------------------	*/
#nieuwsbriefformulier fieldset {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

#nieuwsbriefformulier legend {
	text-indent			: -900em;
}

#nieuwsbriefformulier ul {
	list-style			: none;
	padding				: 0;
	margin				: 0;
}

#nieuwsbriefformulier li {
	margin				: 0 0 3px 0;
	list-style			: none;
}

#nieuwsbriefformulier li label {
	display				: block;
	width				: 80px;
	float				: left;
	padding				: 3px 0 1px 0;
}
#nieuwsbriefformulier li input {
	width				: 200px;
	margin				: 1px;
}

#nieuwsbriefformulier li#extra_variabelen {
	clear				: both;
}

#nieuwsbriefformulier li#extra_variabelen select {
	display				: block;
	width				: 80px;
	margin				: 10px 0 3px 80px;
}

#nieuwsbriefformulier li#extra_variabelen br {
	clear				: left;
}

#nieuwsbriefformulier li.aan_afmelden {
	padding				: 10px 0 10px 80px;
}
#nieuwsbriefformulier li.aan_afmelden input.radio {
	border				: 0;
	width				: 17px;
}
#nieuwsbriefformulier li.aan_afmelden label {
	width				: 100px;
	display				: inline;
	float				: none;
}

#nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;		
}

#nieuwsbriefformulier li input.button {
	display				: block;
	cursor				: pointer;
	color				: #fff;
	border				: none;
	width				: 100px;
	margin				: 10px 0 10px 80px;
}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color				: #E70509;
	display				: none;
	font-weight			: bold;
}

.solliciteren {
	margin-bottom		: 20px;
}

.inschrijven input,
.inschrijven select,
.inschrijven textarea,
.solliciteren input,
.solliciteren select,
.solliciteren textarea {
	margin				: 2px;
}

.inschrijven .error,
.solliciteren .error {
	margin-bottom		: 30px;
}
 

/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .paginanavigatie	{
	clear				: left;
	float				: left;
	margin				: 20px 0 0 0;
	padding				: 10px 0;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #9C9C9C;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	background			: #4AA0D4;
	color				: #FFF;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	background			: #115793;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 400px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
	margin				: 10px;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* locaties					 		*/
/* --------------------------------	*/
#content .locaties_container ul	{
	margin				: 10px 0 0 0;
	padding				: 0;
	list-style			: none;
}

#content .locaties_container ul li	{
	width				: 160px;
	float				: left;	
	padding				: 10px;
}


#content .locaties_container	li:hover, 
#content .locaties_container	li.hover {
	background			: #EFF9FF;
}

#content .locaties_container	li h4 a {
	text-decoration		: none;
	font-size			: 12px;
}

#content .locaties_container	li:hover a, 
#content .locaties_container	li.hover a {
	color				: #EFF9FF;
}

#content .locaties_container	li:hover a.meer_info, 
#content .locaties_container	li.hover a.meer_info {
	color				: #EFF9FF;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	width				: 100%;
	background			: url(../img/html-bg.jpg) center top repeat-x;
	height				: 109px;
	color				: #fff;
	font-style			: normal;
	line-height			: 15px;
}

#footer .footer-content {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
}

#footer address {
	font-style			: normal;
}

#footer .algemene-gegevens,
#footer .adres-enschede,
#footer .adres-doetinchem,
#footer .copyright {
	float				: left;
	width				: 200px;
	margin				: 15px 0 0 0;
	text-align			: left;
}

#footer .copyright a {
	font-weight			: normal;
}

#footer .algemene-gegevens {
	width				: 180px;
}

#footer .adres-enschede {
	width				: 220px;
}

#footer a {
	color				: #fff;
	font-weight			: bold;
}

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

#footer .copyright {
	float				: right;
	position			: relative;
	top					: 0;
	width				: 280px;
}

#footer span.titel {
	font-weight			: bold;
	color				: #e6f2f9;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 6px 0;
	font-size			: 0.8em;
	color				: #042B6C;
}

#amimpact a {
	text-decoration		: none;
	color				: #042B6C;
}

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

#amimpact a.actief {
	font-weight			: bold;
}

#amimpact .webdesign {
	display				: block;
	float				: right;
	height				: 27px;
}

/*calendar*/
.calendar {
	z-index				: 5342;
}