/* --------------------------------------------------------------------------------------------------------
global
---------------------------------------------------------------------------------------------------------*/

html {
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical;
}

body {
	background:				#CCC url("../images/bg.gif") repeat scroll 0px 0px;
	text-align:				center;
	margin:					0;
	font:						normal 0.7em "Trebuchet MS", Arial, Tahoma, sans-serif;
	line-height:			15px;
	color:					#000;
}

div.bodywrapper {
	background:				transparent url("../images/bg_top.gif") repeat-x scroll 0px 0px;
	width:					100%;
	margin:					0;
}

div.pagewrapper {
	margin:					20px auto;
	width:					954px;
	height:					100%;
	border:					0;
	background-color:		#FFF;
	color:					#000;
	text-align:				left;
}

div.contentwrapper {
	width:					914px;
	height: 					100%;
	margin:					0;
	padding-bottom:		40px;
}

div.pageheader {
	display:					none;
}

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:					0;
}

td {
	vertical-align:		top;
}

a {
	color:					#0000B4;
	text-decoration:		underline;
}

img {
	border:					0;
}
/*
.left {
	float:					left;
}

.right {
	float:					right;
}*/

.relative {
	position:				relative;
}

.absolute {
	position:				absolute;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}

.supscript {
	font-size:				7px;
}

h1, h2, h3, h4, h5, h6 {
	
}

ul {
	margin:					0 0 0 15px;
	padding:					0;
}

input {
	font:						normal 11px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:					#444;
	padding:					1px 2px;
}

textarea {
	font:						normal 11px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:					#444;
	padding:					1px 2px;
}

/* --------------------------------------------------------------------------------------------------------
divider
---------------------------------------------------------------------------------------------------------*/

div.divider-xlarge {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					24px 0;
	background-color:		#E4E1D9;
}

div.divider-large {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					12px 0;
	background-color:		#E4E1D9;
}

div.divider-small {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					6px 0;
	background-color:		#E4E1D9;
}

/* --------------------------------------------------------------------------------------------------------
h
---------------------------------------------------------------------------------------------------------*/

h1 {
	font-size:				15px;
	font-weight:			bold;
	color:					#000;
	margin:					0 0 5px 0;
}

h1.paginakop {
	font-size:				23px;
	line-height:			23px;
	font-weight:			normal;
	color:					#F27F0C;
	padding-bottom:		25px;
}

h3 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#000;
	margin:					0 0 2px 0;
}

/* --------------------------------------------------------------------------------------------------------
navigation
---------------------------------------------------------------------------------------------------------*/
div.navigation {
	display:					none;
	/*text-align:				right;
	margin:					0;*/
}


/* --------------------------------------------------------------------------------------------------------
nieuwsberichten op de homepage
---------------------------------------------------------------------------------------------------------*/
div.nieuws {
	width:					674px;
}

div.nieuwsmargin {
	padding:					35px 36px 0px 40px;
}

div.nieuwsbericht {
	width:					290px;
	padding:					12px 0;
}

div.nieuwsbericht a img {
	border:              solid 1px #E4E1D9;
}


div.onderlijn {
	padding-bottom:		12px;
	border-bottom:			solid 4px #E4E1D9;
}

div.nieuwsimage {
	width:					60px;
}

div.nieuwstekst {
	width:					230px;
}

div.nieuwsdatum {
	color:					#A7A386;
	font-size:				90%;
}

a.nieuwsbericht {
	font-size:				15px;
	line-height:			16px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
}

/* --------------------------------------------------------------------------------------------------------
koekeloeren
---------------------------------------------------------------------------------------------------------*/
div.koekeloeren {
	width:					240px;
	background:				#E4E1D9 url("../images/bg_koekeloeren_top.gif") no-repeat scroll 0px 0px;
}

div.koekeloerenmargin {
	padding:					50px 20px 20px 20px;
}


/* --------------------------------------------------------------------------------------------------------
emailnieuwsbrief
---------------------------------------------------------------------------------------------------------*/
div.emailnieuwsbrief {
	width:					290px;
}

div.emailnieuwsbriefmargin {
	background-color:		#E4E1D9;
	height:					68px;
	padding:					10px 20px;
	margin:					10px 0 0 0;
}

input.emailnieuwsbrief {
	width:					248px;
	border:					solid 1px #B0A992;
	margin:					2px 0;
}

/* --------------------------------------------------------------------------------------------------------
bellen en e-mailen
---------------------------------------------------------------------------------------------------------*/
div.bellenenemailen {
	width:					290px;	
}

div.bellenenemailenmargin {
	background-color:		#E4E1D9;
	height:					68px;
	padding:					10px 20px;
	margin:					10px 0 0 0;
}

/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/

div.footer {
	border:					solid 1px #000;
	display:					none;
	/*width:					914px;
	color:					#A7A386;
	font-size:				9px;
	background-color:		#FFF;
}

div.footermargin {
	padding:					0 0 10px 40px;
}

div.footer a.footer {
	text-decoration:		none;
	color:					#A7A386;*/
}





/* --------------------------------------------------------------------------------------------------------
SUBPAGINA'S
---------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------
subnav
---------------------------------------------------------------------------------------------------------*/

div.subnav {
	border:					solid 1px #000;
	display:					none;
	/*width:					282px;*/
}

div.subnavmargin {
	display:					none;
	/*padding:					35px 50px 0px 40px;*/
}

a.subnav {
	display:					none;
	/*font-size:				12px;
	font-weight:			bold;
	color:					#83A200;
	text-decoration:		none;
	display:					block;
	height:					21px;
	line-height:			21px;*/
}

div.subnavheader {
	display:					none;
	/*color:					#A7A386;
	font-size:				90%;*/
}

a.true {
	display:					none;
	/*color:					#415100;*/
}

div.reageren {
	display:					none;
	/*padding-top:			40px;
	width:					185px;*/
}


/* --------------------------------------------------------------------------------------------------------
subnav in content (diensten startpagina en referenties startpagina)
---------------------------------------------------------------------------------------------------------*/

a.subnavcontent {
	background:				transparent url("../images/bg_pijl_bruin.gif") no-repeat scroll 0px 0px;
	color:					#83A200;
	padding:					0 0 0 15px;
	font-size:				15px;
	line-height:			15px;
	height:					15px;
	font-weight:			bold;
	text-decoration:		none;
	display:					block;
}

table.subnavcontent {
	empty-cells:			hide;
	table-layout:			auto;
}

table.subnavcontent td {
	background-color:		#F6F6F3;
	/*width:					33%;*/
	height:					25px;
	padding:					0px 10px;
	vertical-align:		middle;
	empty-cells:			hide;
	border-right:			solid 3px #FFF;
	border-bottom:			solid 3px #FFF;
}

table.subnavcontent td.emptycell {
	background-color:		#FFF;
}

div.subnavcontentheader {
	color:					#A7A386;
	font-weight:			bold;
	padding-bottom:		10px;
}


/* --------------------------------------------------------------------------------------------------------
pagecontent
---------------------------------------------------------------------------------------------------------*/

div.pagecontent {
	float:					left;
	width:					592px;
}

div.pagecontentmargin {
	padding:					35px 0px 0px 0px;
}

img.paginakop {
	padding-bottom:		25px;
}

div.flashpaginakop {
	padding-bottom:		25px;
	margin-left:			-2px;
}

/* --------------------------------------------------------------------------------------------------------
vacatures overzicht
---------------------------------------------------------------------------------------------------------*/

div.vacature {
	
}

a.vacature {
	font-size:				15px;
	line-height:			21px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
	display:					block;
}

/* --------------------------------------------------------------------------------------------------------
referenties
---------------------------------------------------------------------------------------------------------*/

div.referenties {
	line-height:			30px;
	display:					block;
}

img.referenties {
	margin-right:			10px;
	border:              solid 1px #E4E1D9;
}


/* --------------------------------------------------------------------------------------------------------
nieuwsberichten en cases breed op de subpages
---------------------------------------------------------------------------------------------------------*/

div.nieuwsberichtsub {
	width:					592px;
}

div.nieuwsimagesub {
	width:					60px;
}

div.nieuwsimagesub a img {
	border:              solid 1px #E4E1D9;
}

div.nieuwstekstsub {
	width:					532px;
}

a.nieuwsberichtsub {
	font-size:				15px;
	line-height:			16px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
	display:					block;
	padding-bottom:		5px;
}


/* --------------------------------------------------------------------------------------------------------
quotes
---------------------------------------------------------------------------------------------------------*/

div.quote {
	width:					592px;
}

div.quotetekst {
	background:				#74CACE url("../images/bg_quotetekst.gif") no-repeat scroll 0px 0px;
	width:					409px; /*424*/
	height:					65px; /*150*/
	padding:					85px 0 0 15px;
	display:					block;
	color:					#FFF;
	font-size:				15px;
	font-weight:			bold;
	float:					left;
}

div.quoteimage {
	width:					168px;
	float:					right;
}

div.quotenaam {
	color:					#087277;
	font-size:				11px;
	font-weight:			normal;
	display:					block;
	padding-top:			5px;
}

/* --------------------------------------------------------------------------------------------------------
quotes large
---------------------------------------------------------------------------------------------------------*/

div.quote-large {
	background:				#74CACE url("../images/bg_quotetekst-large.gif") no-repeat scroll 0px 0px;
	width:					352px; /*352*/
	height:					300px; /*300*/
	padding:					0;
	display:					block;
	float:					left;
}

div.quoteintro-large {
	padding:					25px 80px 0 0;
}

div.quotetekst-large {
	color:					#FFF;
	font-size:				15px;
	font-weight:			bold;
	padding:					0 0 0 15px;
	top:						235px;
}

div.quoteimage-large {
	width:					240px;
	float:					right;
}

div.quotenaam-large {
	color:					#087277;
	font-size:				11px;
	font-weight:			normal;
	display:					block;
	padding:					5px 0 0 15px;
	top:						270px;
}

/* --------------------------------------------------------------------------------------------------------
quotes large
---------------------------------------------------------------------------------------------------------*/

div.projectaanpak {
	background:				#F6F6F3 url("../images/bg_projectaanpak.gif") repeat-y scroll 0px 0px;
}

div.projectaanpak-pijlen {
	width:					164px;
	background-color:		#F6F6F3;
}

div.projectaanpak-tekst1 {
	width:					388px;
	padding-top:			25px;
}

div.projectaanpak-tekst {
	width:					388px;
	padding-top:			65px;
}


/* --------------------------------------------------------------------------------------------------------
nieuwsdetail pagina
---------------------------------------------------------------------------------------------------------*/

div.nieuwsdetail {
	width:					584px;
}

div.nieuwsdetailmargin {
	padding:					35px 0px 0px 40px;
}

div.gerelateerdnieuws {
	width:					290px;
}

div.gerelateerdnieuwsmargin {
	padding:					35px 0px 0px 0px;
}

div.nieuwsimagerollator {
	background-color:		#E4E1D9;
	width:					504px;/*544*/
	padding:					20px;
}

div.imagerollator {
	background-color:		#F0F;
}

a.feiten {
	padding:					1px 5px 1px 15px;
	background:				#F6F6F3 url("../images/bg_extlink.gif") no-repeat scroll 0px 0px;
	height:					18px;
	line-height:			18px;
	margin-right:			10px;
}

/* --------------------------------------------------------------------------------------------------------
casedetail pagina
---------------------------------------------------------------------------------------------------------*/

div.casedetail {
	width:					584px;
}

div.casedetailmargin {
	padding:					35px 0px 0px 40px;
}

div.casefeiten {
	width:					290px;
}

div.casefeitenmargin {
	padding:					35px 0px 0px 0px;
}


/* --------------------------------------------------------------------------------------------------------
inschrijven e-alert
---------------------------------------------------------------------------------------------------------*/

table.inschrijven-e-alert td {
	vertical-align:		middle;
	padding:					2px 0;
}

input.inschrijven-e-alert {
	width:					436px;
	border:					solid 1px #E4E1D9;
}

input.inschrijven-e-alert-tussenvoegsel {
	width:					50px;
	border:					solid 1px #E4E1D9;
}

input.inschrijven-e-alert-check {
	padding:					0;
	margin:					0 10px 0 0;
}

.opmerkingenveld {
	font-size:				10px;
}


/* --------------------------------------------------------------------------------------------------------
contact
---------------------------------------------------------------------------------------------------------*/

table.contactformulier td {
	vertical-align:		middle;
	padding:					2px 0;
}

input.contactformulier {
	width:					397px;
	border:					solid 1px #E4E1D9;
}

textarea.contactformulier {
	width:					397px;
	border:					solid 1px #E4E1D9;
	
}

table.contactformulier td.contactformulier-opmerking {
	vertical-align:		top;
}

div.adresgegevensprint {
	
}

img.routeimage {
	display:					none;
}

img.routeimage2 {
	
}