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

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

.toegankelijkheid	{
	display				: none;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#main:after,
#referenties li .inhoud:after,
#overzicht li .inhoud:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix, 
#main,
#referenties li .inhoud,
#overzicht li .inhoud	{	
	display				: inline-block;	
}
/* start verbergen voor IE-mac \*/
* html .clearfix, 
* html #main,
* html #referenties li .inhoud,
* html #overzicht li .inhoud	{ 
	height				: 1%;
}

.clearfix, 
#main,
#referenties li .inhoud,
#overzicht li .inhoud	 { 
	display				: block;
}
/* einde van verbergen IE-mac */


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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 276px;
	padding				: 83px 0 0 0;
	background			: url(../img/header_bg.gif) no-repeat left bottom;
}

#header h1	{
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 10;
}

#header h1 a	{
	text-indent			: -900em;
	overflow			: hidden;
	display				: block;
	height				: 106px;
	width				: 316px;
	background			: url(../img/logo.gif) no-repeat;
}

/* intro */
#header .intro	{
	background			: #f4c300 url(../img/header_intro_bg.gif) no-repeat left bottom;
	width				: 349px;
	height				: 129px;
	float				: left;
	padding				: 50px 60px;
	line-height			: 1.4em;
	overflow			: auto;
	overflow-x			: hidden;
	position			: relative;
}

#header .intro h2	{
	font-size			: 1.5em;
	margin				: 0 0 10px 0;
	position			: relative;
}

#header .intro a	{
	color				: #000;
}

/* flash fototje/sogan */
#header .slogan	{
	background			: #f4c300 url(../img/header_slogan_bg.jpg) no-repeat left bottom;
	width				: 464px;
	height				: 229px;
	float				: left;
	overflow			: hidden;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
ul#menu	{
	position			: absolute;
	top					: 56px;
	left				: 316px;
	width				: 617px;
	height				: 27px;
	background			: #f4c300;
	z-index				: 1337;
}

#menu li	{
	float				: left;
	height				: 27px;
	padding				: 0 4px 0 0;
	position			: relative;
}

#menu li a	{
	height				: 27px;
	padding				: 0 25px;
	line-height			: 27px;
	display				: block;
	_float				: left;
	background			: url(../img/menu_item_bg.gif) repeat-x left top;
	font-weight			: bold;
	text-decoration		: underline;
	color				: #fff;
	position			: relative;
}

#menu li.actief a	{
	color				: #F4C200;
}

#menu li:hover a, #menu li.hover a	{
	background			: #F0CA2B;
	color				: #847125;
	text-decoration		: none;
}

/* submenu */
#menu ul	{
	position			: absolute;
	left				: -999em;
	top					: 27px;
	background			: #252525 url(../img/submenu_bg.gif) repeat-x left top;
	border-bottom		: solid 1px #424240;
	width				: 180px;
}

#menu li:hover ul, #menu li.hover ul	{
	left				: 0;
}

#menu li:hover ul li, #menu li.hover ul li	{
	float				: none;
	height				: auto;
	padding				: 0;
	zoom				: 1;
	line-height			: 1;
}

#menu li:hover ul li a, #menu li.hover ul li a	{
	float				: none;
	height				: auto;
	width				: 130px;
	padding				: 6px 25px;
	line-height			: 1;
	background			: none;
	font-weight			: normal;
	text-decoration		: none;
	border-top			: solid 1px #5A5A5A;
	border-bottom		: solid 1px #232323;
	color				: #fff;
}

#menu li:hover ul li a:hover, #menu li.hover ul li a:hover	{
	background			: #686868 url(../img/submenu_item_bg.gif) repeat-x left top;
	color				: #fff;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: url(../img/main_bg.gif) repeat-y left top;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 750px;
	padding				: 40px 0 40px 100px;
	line-height			: 1.4em;
}

#content h2	{
	font-size			: 1.5em;
	margin				: 0 0 10px 0;
}

#content a	{
	color				: #AD8900;
}

#content .terug	{
	border-top			: solid 1px #C4C4C4;
	margin				: 10px 0 0 0;
	padding				: 10px 0 0 0;
	font-weight			: bold;
}

/* iwes opmaak */
#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				: solid 1px #141414;
	font				: 1em Arial;
	padding				: 2px;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #F4C300;
	border				: outset 1px #F4C300;
	color				: #000;
	font-weight			: bold;
}



/* --------------------------------	*/
/* overzicht referenties		 	*/
/* --------------------------------	*/
#overzicht	{
	position			: relative;
}

#overzicht li	{
	background			: url(../img/overzicht_item_bg.gif) no-repeat left bottom;
	zoom				: 1;
	font-size			: 0.95em;
	cursor				: pointer;
	float				: left;
	width				: 365px;
}

#overzicht li.even	{
	clear				: left;
}

#overzicht li.oneven	{
	clear				: right;
	float				: right;
}

#overzicht li .inhoud	{
	background			: url(../img/overzicht_item_kop.gif) no-repeat left top;
	zoom				: 1;
	padding				: 15px 25px 25px 25px;
	min-height			: 108px;
	_height				: 108px;
}

/* foto */
#overzicht li .foto	{
	float				: right;
	width				: 97px;
}

#overzicht li .foto img	{
	border				: solid 1px #141414;
}

/* info */
#overzicht li .info	{
	float				: left;
	width				: 195px;
	padding				: 6px 0;
}

#overzicht li .info h3	{
	margin				: 0 0 2px 0;
}

#overzicht li .info h3 a	{
	color				: #AC8B00;
	font-size			: 1.1em;
}

#overzicht li .info p.type	{
	font-weight			: bold;
	margin				: 0 0 10px 0;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap ul	{
	list-style			: disc;
	margin				: 0 0 0 1em;
}

#sitemap ul ul	{
	list-style			: circle;
}

#sitemap ul ul ul	{
	list-style			: square;
}

/* linkjes */
#sitemap ul	a.map {
	font-weight			: bold;
	color				: #000;
}

#sitemap ul a.map:hover {
	color				: #AD8900;	
}

#sitemap ul	a.pagina {
	color				: #AD8900;
}

#sitemap ul a.pagina:hover {
	color				: #000;	
}

/* listitems */
#sitemap ul li {
	margin				: 3px 0;
}

#sitemap > ul >	li {
	padding				: 0 0 5px 0;
}


/* --------------------------------	*/
/* blokken onderin				 	*/
/* --------------------------------	*/
#main .blokken {
	clear				: both;	
	height				: 102px;
	padding				: 0 0 20px 100px;
}

#main .blokken li {
	display				: inline;
	float				: left;
	width				: 233px;
	height				: 102px;
	margin				: 0 10px 0 0;
}

#main .blokken li a {
	float				: left;
	width				: 233px;
	height				: 102px;
	text-indent			: -900em;
	background			: url(../img/blokken.png) no-repeat;
}

#main .blokken li a.contact 	{ background-position: left top; }
#main .blokken li a.afspraak 	{ background-position: -233px top; }
#main .blokken li a.adres 		{ background-position: right top; }

#main .blokken li a.contact:hover 	{ background-position: left bottom; }
#main .blokken li a.afspraak:hover 	{ background-position: -233px bottom; }
#main .blokken li a.adres:hover 	{ background-position: right bottom; }

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: url(../img/footer_bg.gif) no-repeat left top;
	height				: 58px;
	position			: relative;
}

#footer address	{
	position			: absolute;
	top					: 35px;
	left				: 125px;
	color				: #fff;
	text-transform		: uppercase;
	font-size			: 0.75em;
	font-style			: normal;
}

#footer address a	{
	color				: #fff;
}


/* --------------------------------	*/
/* am-impact					 	*/
/* --------------------------------	*/
#bottom	{
	padding				: 10px;
	overflow			: hidden;
	zoom				: 1;
}

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

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

#bottom ul {
	float				: left;	
}

#bottom ul li {
	display				: inline;
	border-left			: 1px solid #CCC;
}

#bottom ul li:first-child {
	border				: none;
}

#bottom ul li.actief a {
	font-weight			: bold;
	color				: #000;
}

#bottom ul li a {
	padding				: 0 10px;
}

#bottom .amimpact {
	float				: right;	
}



/* --------------------------------	*/
/* sifr							 	*/
/* --------------------------------	*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #header h2, .sIFR-hasFlash #content h2 {
	position: relative;
	visibility: hidden;
	font-size: 2em;
	line-height: 1;
}


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

#googlemaps	{
	height				: 510px;
	width				: 510px;
	background			: #eee;
	text-align			: left;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	display				: none;
}

.formmodule ul.error {
	color				: #c00;
	list-style			: square;
}

.formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.formmodule .fout	{
	border				: solid 1px #c00 !important;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #c00;
} 

.formmodule ul.formulier {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.formmodule ul.formulier li	{
	padding				: 1px 0;
} 

.formmodule label	{
	cursor				: pointer;
} 

.formmodule li.melding	{
	color				: #f00;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: solid 1px dotted;
} 


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
.formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 65px;
}

.formmodule li.fm_form1_plaats	{
	float				: left;
	width				: 230px;
}

.formmodule li.fm_form1_telefoon	{
	clear				: both;
}