html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #000 url(../img/body_bg.gif) repeat-x left top;
	font				: 0.75em Tahoma, Arial, sans-serif;
	text-align			: center; 
}

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

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#main:after,
#content #nieuws_overzicht:after,
#content #opgeleverde_werken_overzicht:after,
#content #opgeleverde_werken_overzicht li a:after,
#content .pagina_navigatie:after,
#bottom:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix,
#main,
#content #nieuws_overzicht,
#content #opgeleverde_werken_overzicht,
#content #opgeleverde_werken_overzicht li a,
#content .pagina_navigatie,
#bottom	{	
	*display			: inline-block;	
}

/* start verbergen voor IE-mac \*/
* html .clearfix,
* html #main,
* html #content #nieuws_overzicht,
* html #content #opgeleverde_werken_overzicht,
* html #content #opgeleverde_werken_overzicht li a,
* html #content .pagina_navigatie,
* html #bottom 	{ 
	height				: 1%;
}

.clearfix,
#main,
#content #nieuws_overzicht,
#content #opgeleverde_werken_overzicht,
#content #opgeleverde_werken_overzicht li a,
#content .pagina_navigatie,
#bottom		{ 
	display				: block;
}
/* einde van verbergen IE-mac */

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

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 220px;
	background			: url(../img/header_bg.gif) no-repeat left top;
	z-index				: 70;
}

#header a.logo	{
	position			: absolute;
	top					: 57px;
	left				: 41px;
}

#header #slogan {
	position			: absolute;
	width				: 400px;
	height				: 54px;
	right				: 40px;
	top					: 70px;
	z-index				: 1;
}

#header #slogan strong {
	display				: block;
	float				: right;
	width				: 263px;
	height				: 54px;
	background			: url(../img/header_slogan.gif) no-repeat left top;
	text-indent			: -999em;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_bg.gif) no-repeat 8px top;
	width				: 184px;
	height				: 194px;
	position			: relative;
	left				: 261px;
	padding				: 26px 0 0 0;
	z-index				: 2;
}

#menu li {
	padding				: 2px 0 0 0;
	width				: 184px;
	height				: 24px;
	background			: url(../img/menu_border.gif) no-repeat 8px top;
	position			: relative;
	float				: left;
}

#menu li a {
	text-indent			: -999em;
	background			: url(../img/menu_items_bg.gif) no-repeat;
	display				: block;
	height				: 24px;
	width				: 184px;
}

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

#menu li a.geschiedenis 			{ background-position: left -24px; }
#menu li:hover a.geschiedenis,
#menu li.hover a.geschiedenis 		{ background-position: center -24px; }
#menu li.actief a.geschiedenis 		{ background-position: right -24px; }

#menu li a.wiezijnwij 				{ background-position: left -48px; }
#menu li:hover a.wiezijnwij,
#menu li.hover a.wiezijnwij 		{ background-position: center -48px; }
#menu li.actief a.wiezijnwij 		{ background-position: right -48px; }

#menu li a.nieuws 					{ background-position: left -72px; }
#menu li:hover a.nieuws,
#menu li.hover a.nieuws 			{ background-position: center -72px; }
#menu li.actief a.nieuws 			{ background-position: right -72px; }

#menu li a.opgeleverd 				{ background-position: left -96px; }
#menu li:hover a.opgeleverd,
#menu li.hover a.opgeleverd 		{ background-position: center -96px; }
#menu li.actief a.opgeleverd 		{ background-position: right -96px; }

#menu li a.vacatures 				{ background-position: left -120px; }
#menu li:hover a.vacatures,
#menu li.hover a.vacatures 			{ background-position: center -120px; }
#menu li.actief a.vacatures 		{ background-position: right -120px; }

#menu li a.contact 					{ background-position: left -144px; }
#menu li:hover a.contact,
#menu li.hover a.contact 			{ background-position: center -144px; }
#menu li.actief a.contact 			{ background-position: right -144px; }

/* Submenu */
#menu li ul {
	display				: none;
	position			: absolute;
	left				: 184px;
	top					: -6px;
	background			: #949494 url(../img/submenu_bg.gif) no-repeat left top;
	border-top			: 6px solid #777;
	border-bottom		: 6px solid #777;
	width				: 172px;
	padding				: 0 6px;
}

#menu li:hover ul, 
#menu li.hover ul	{
	display				: block;
}

#menu ul li {
	width				: 172px;
	height				: auto;
	background			: url(../img/submenu_border.gif) repeat-x left top;
}
#menu ul li.first {
	background			: none;
	padding				: 0;
}

#menu ul li a {
	background			: none;
	text-indent			: 0;
	width				: 149px;
	color				: #FFF;
	text-decoration		: none;
	height				: auto;
	padding				: 4px 5px 6px 18px;
}

#menu ul li a:hover,
#menu ul li.actief a {
	background			: url(../img/submenu_items_bg.gif) repeat-y right top;
}

/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	background			: #FFF;
	padding				: 0 18px 20px 18px;
	line-height			: 1.5em;
	position			: relative;
	z-index				: 15;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 427px;
	float				: left;
	min-height			: 400px;
	_height				: 400px;
}

.no_slideshow #content {
	width				: 764px;
	background			: #FFF;
	padding				: 0 18px 20px 18px;
	position			: relative;
	z-index				: 15;
	float				: none;
}

#content h1	{
	color				: #0c3d91;
	font-weight			: normal;
	font-size			: 1.7em;
	margin				: 0 10px 0.7em 0;
	background			: url(../img/titel_bg.gif) no-repeat left top;
	padding				: 2px 0 2px 30px;
}

#content a {
	color				: #164595;
}

/* breadcrumbs */
#content .breadcrumbs {
	font-size			: 0.9em;
	padding				: 20px 0;
}

#content .breadcrumbs a {
	color				: #000;
	text-decoration		: none;
}

/* --------------------------------	*/
/* Inhoud						 	*/
/* --------------------------------	*/
#content .inhoud {
	padding				: 0 30px;
}

/* iwes opmaak */
#content .iwes td	{
	text-align			: justify;
}

#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

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

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

/* formulieren */
#content input, 
#content select, 
#content textarea	{
	border				: 1px solid #666;
	font				: 1em Arial;
	padding				: 2px;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #003399;
	background			: #eee;
}

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

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

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

#content .formmodule ul {
	list-style-position	: inside;
	zoom				: 1;
	margin-left			: 0px;
}

#content .formmodule li {
	list-style			: none;	
	margin				: 0;
	zoom				: 1;
}


/* --------------------------------	*/
/* Nieuws overzicht				 	*/
/* --------------------------------	*/
#content #nieuws_overzicht {
	width				: 360px;
}

#content #nieuws_overzicht li {
	float				: left;
	width				: 360px;
}

#content #nieuws_overzicht a {
	float				: left;
	width				: 350px;
	text-decoration		: none;
	color				: #000;
	border-bottom		: 1px dashed #bab9ba;
	padding				: 5px;
}

#content #nieuws_overzicht a:hover {
	background			: #6787BA;
	color				: #FFF;
}

#content #nieuws_overzicht a strong {
	color				: #114193;
	font-weight			: normal;
	font-size			: 1.4em;
	line-height			: 1.6em;
}
#content #nieuws_overzicht a:hover strong {
	color				: #FFF;
}

#content #nieuws_overzicht a .leesmeer {
	display				: block;
	text-align			: right;
	color				: #114193;
	font-weight			: bold;
}
#content #nieuws_overzicht a:hover .leesmeer {
	color				: #FFF;
}

/* --------------------------------	*/
/* Opgeleverde werken overzicht	 	*/
/* --------------------------------	*/
#content #opgeleverde_werken_overzicht li {
	float				: left;
	width				: 370px;
	margin				: 0 12px 0 0;
	display				: inline;
}

#content #opgeleverde_werken_overzicht li a {
	float				: left;
	text-decoration		: none;
	color				: #000;
	border-bottom		: 1px dashed #bab9ba;
	width				: 360px;
	padding				: 5px;
}

#content #opgeleverde_werken_overzicht li a:hover {
	background			: #6787BA;
	color				: #FFF;
}

#content #opgeleverde_werken_overzicht li a strong {
	color				: #114193;
	font-weight			: normal;
	font-size			: 1.4em;
	line-height			: 1.6em;
}
#content #opgeleverde_werken_overzicht li a:hover strong {
	color				: #FFF;
}

#content #opgeleverde_werken_overzicht li a img {
	float				: right;
	border				: 4px solid #b7b6b6;
	margin				: 5px 0 5px 10px;
}

/* --------------------------------	*/
/* Pagina navigatie				 	*/
/* --------------------------------	*/
#content .pagina_navigatie {
	padding				: 10px 0;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 2px 6px;
}

#content .pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #053D8A;
	border				: 1px solid #8aa1ca;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #053D8A;
	color				: #FFF;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #8aa1ca;
	color				: #FFF;
}

/* --------------------------------	*/
/* Slideshow					 	*/
/* --------------------------------	*/
#slideshow {
	width				: 337px;
	height				: 414px;
	float				: right;
	position			: relative;
}

#slideshow .foto {
	padding				: 10px;
	background			: #262626;
	position			: relative;
	width				: 317px;
	height				: 340px;
}

#slideshow .foto img {
	position			: absolute;
	left				: 10px;
	top					: 10px;
}

#slideshow .menu {
	padding				: 0 10px;
	background			: #262626;
	/*display				: none;*/
	height				: 52px;
	position			: relative;
	top					: -10px;
}

/*#slideshow .play {
	display				: block;
	position			: absolute;
	left				: 125px;
	top					: 145px;
	background			: url(../img/slideshow_play.png) no-repeat left top;
	width				: 84px;
	height				: 84px;
	text-indent			: -999em;
}*/

/* Categorieen */
#slideshow .categorie {
	float				: left;
	width				: 95px;
	padding				: 7px 0 0 0;
} 

#slideshow .categorie li {
	margin				: 0 0 1px 0;
}

#slideshow .categorie li a {
	display				: block;
	background			: url(../img/slideshow_categorie_button.gif) no-repeat;
	width				: 95px;
	height				: 16px;
	text-indent			: -999em;
}

#slideshow .categorie li a.woonhuizen 			{ background-position: left top; }
#slideshow .categorie li a.woonhuizen:hover,
#slideshow .categorie li.actief a.woonhuizen 	{ background-position: right top; }

#slideshow .categorie li a.bedrijven 			{ background-position: left bottom; }
#slideshow .categorie li a.bedrijven:hover,
#slideshow .categorie li.actief a.bedrijven 	{ background-position: right bottom; }

/*pagina opgeleverde wereken */
#slideshow .categorie .opgeleverd {
	float				: left;
	width				: 95px;
	padding				: 7px 0 0 0;
} 

#slideshow .categorie .opgeleverd li {
	margin				: 0 0 1px 0;
}

#slideshow .opgeleverd li a {
	background			: none;
}


/* Navigatie */
#slideshow .navigatie {
	float				: right;
	padding				: 0 2px 0 0;
	height				: 52px;
	width				: 128px;
	background			: url(../img/slideshow_button_border.gif) no-repeat right top;
}

#slideshow .navigatie li {
	float				: left;
	width				: 62px;
	height				: 52px;
	padding				: 0 0 0 2px;
	background			: url(../img/slideshow_button_border.gif) no-repeat left top;
}

#slideshow .navigatie li a {
	float				: left;
	width				: 62px;
	height				: 52px;
	text-indent			: -999em;
	background			: url(../img/slideshow_button_bg.gif) no-repeat;
}

#slideshow .navigatie li a.vorige 			{ background-position: left top; }
#slideshow .navigatie li a.vorige:hover 	{ background-position: left bottom; }

#slideshow .navigatie li a.volgende 		{ background-position: right top; }
#slideshow .navigatie li a.volgende:hover	{ background-position: right bottom; }

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 109px;
	background			: url(../img/footer_bg.gif) no-repeat left top;
	color				: #d5d5d5;
}

#footer a	{
	color				: #d5d5d5;
}

/* Vacature trigger */
#footer .vacature_trigger {
	float				: left;
	width				: 300px;
	color				: #FFF;
	margin				: 15px 0 0 50px;
}

#footer .vacature_trigger a {
	color				: #FFF;
}

#footer .vacature_trigger strong {
	display				: block;
	text-indent			: -999em;
	background			: url(../img/vacature_trigger_bg.gif) no-repeat left top;
	width				: 283px;
	height				: 52px;
}

#footer .vacature_trigger p {
	padding				: 4px 0 0 53px;
}

/* adressen */
#footer .adressen {
	float				: right;
}

#footer .adressen address {
	font-style			: normal;
	float				: left;
	width				: 145px;
	font-size			: 0.9em;
	line-height			: 1.7em;
	margin				: 15px 15px 0 0;
}

#footer .adressen address .bedrijfsnaam,
#footer .adressen .type {
	display				: none;
}

#footer .adressen address .fn {
	font-weight			: bold;
}

/* --------------------------------	*/
/* bottom						 	*/
/* --------------------------------	*/
#bottom {
	color				: #FFF;
	font-size			: 0.9em;
	padding				: 10px 22px;
}

#bottom .copyright {
	float				: left;
	width				: 300px;
}

#bottom span.amimpact {
	float				: right;
}

#bottom a {
	color				: #FFF;
	text-decoration		: none;
}

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

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

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

#googlemaps a	{
	color				: #58585A;
}