html {
	background			: #a9702f url(../img/body-bg.gif) repeat-x left top;
}

body	{
	background			: url(../img/foto-bg.jpg) no-repeat center 3px;
	font				: 0.8em Georgia, "Times New Roman", Times, serif;
}

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

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#menu:after,
#main:after,
#content .formmodule li:after,
#fotoboek-links ul.fotos:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#menu,
	#main,
	#content .formmodule li,
	#fotoboek-links ul.fotos
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #menu,
	* html #main,
	* html #content .formmodule li,
	* html #fotoboek-links ul.fotos
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#menu,
	#main,
	#content .formmodule li,
	#fotoboek-links ul.fotos 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 216px;
}

#header a.logo	{
	position			: absolute;
	top					: 9px;
	left				: 12px;
}

/* Header menu */
#header ul.topmenu {
	float				: right;
	margin				: 10px 30px 0 0;
	color				: #FFF;
	font				: 0.9em Arial, sans-serif;
}

#header ul.topmenu li {
	float				: left;
	border-left			: 1px solid #FFF;
}

#header ul.topmenu li.home {
	border				: 0;
}

#header ul.topmenu li a {
	float				: left;
	padding				: 0 10px;
	color				: #FFF;
	text-decoration		: none;
	font-weight			: bold;
}

#header ul.topmenu li a:hover {
	text-decoration		: underline;
}

#header ul.topmenu li.actief a {
	color				: #000;
}

/* Header foto's */
#header .topfotos {
	position			: absolute;
	top					: 95px;
	right				: 40px;
}

#header .topfotos li {
	float				: left;
}

#header .topfotos li.foto1 { padding: 0 8px 0 0; }
#header .topfotos li.foto2 { padding: 25px 8px 0 0; }
#header .topfotos li.foto3 { padding: 5px 8px 0 0; }


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	margin				: 0 0 0 100px;
}

#menu li {
	float				: left;
	height				: 37px;
	margin				: 0 4px 0 0;
}

#menu li a {
	float				: left;
	background			: url(../img/menu-bg.png) no-repeat;
	height				: 27px;
	text-indent			: -900em;
	margin				: 10px 0 0 0;
}

#menu li.actief a {
	height				: 37px;
	margin				: 0;
}

#menu li a.wie-zijn-wij 		{ background-position: left bottom; width: 107px; }
#menu li a.werkwijze 			{ background-position: -107px bottom; width: 107px; }
#menu li a.houten-monumenten	{ background-position: -214px bottom; width: 157px; }
#menu li a.gedenktekens 		{ background-position: -371px bottom; width: 126px; }
#menu li a.extras 				{ background-position: -497px bottom; width: 91px; }
#menu li a.prijzen 				{ background-position: -588px bottom; width: 91px; }
#menu li a.onderhoud			{ background-position: -679px bottom; width: 121px; }

#menu li a.wie-zijn-wij:hover 		{ background-position: left -37px; }
#menu li a.werkwijze:hover 			{ background-position: -107px -37px; }
#menu li a.houten-monumenten:hover	{ background-position: -214px -37px; }
#menu li a.gedenktekens:hover 		{ background-position: -371px -37px; }
#menu li a.extras:hover				{ background-position: -497px -37px; }
#menu li a.prijzen:hover			{ background-position: -588px -37px; }
#menu li a.onderhoud:hover			{ background-position: -679px -37px; }

#menu li.actief a.wie-zijn-wij,
#menu li.actief a.wie-zijn-wij:hover 		{ background-position: left top; }
#menu li.actief a.werkwijze,
#menu li.actief a.werkwijze:hover 			{ background-position: -107px top; }
#menu li.actief a.houten-monumenten,
#menu li.actief a.houten-monumenten:hover	{ background-position: -214px top; }
#menu li.actief a.gedenktekens,
#menu li.actief a.gedenktekens:hover		{ background-position: -371px top; }
#menu li.actief a.extras,
#menu li.actief a.extras:hover				{ background-position: -497px top; }
#menu li.actief a.prijzen,
#menu li.actief a.prijzen:hover				{ background-position: -588px top; }
#menu li.actief a.onderhoud,
#menu li.actief a.onderhoud:hover			{ background-position: -679px top; }

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

/* --------------------------------	*/
/* fotoboekje links				 	*/
/* --------------------------------	*/
#fotoboek-links {
	width				: 200px;
	float				: left;
	margin				: 10px 0 0 0;
	overflow			: hidden;
}

#fotoboek-links .fotogroot {
	width				: 187px;
	height				: 256px;
	padding				: 28px 5px 5px 5px;
	background			: url(../img/fotoboek-links-bg.png) no-repeat left top;
}

/* kleine fotos */
#fotoboek-links ul.fotos {
	margin				: 19px 0 0 0;
}

#fotoboek-links ul.fotos li {
	float				: left;
	margin				: 0 3px 10px 3px;
	display				: inline;
}

#fotoboek-links ul.fotos li a {
	float				: left;
	border				: 1px solid #FFF;
}

#fotoboek-links ul.fotos li a:hover {
	border				: 1px solid #000;
}

/* navigatie */
#fotoboek-links .fotosnav {
	margin				: 10px 0 0 2px;
}

#fotoboek-links .fotosnav li {
	float				: left;
	display				: inline;
	margin				: 0 2px 0 0;
}

#fotoboek-links .fotosnav li a {
	float				: left;
	padding				: 1px 4px 3px 4px;
	color				: #FFF;
	background			: #322417;
	border				: 1px solid #322417;
	text-decoration		: none;
	line-height			: 1.1em;
}

#fotoboek-links .fotosnav li a:hover {
	border				: 1px solid #FFF;
}

#fotoboek-links .fotosnav li a.actief {
	background			: none;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	display				: inline;
	width				: 456px;
	padding				: 0 0 20px 30px;
	line-height			: 1.5em;
	margin				: 33px 0 0 238px;
	min-height			: 361px;
}

#content h1 {
	font				: 1.7em Arial, sans-serif;
	font-weight			: bold;
	color				: #FFF;
	margin				: 0 0 15px 0;
}

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

/* 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 .formmodule h4 {
	display				: none;
}

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

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #AA7130;
	font				: 1em Arial;
	padding				: 1px 2px;
}

#content textarea	{
	overflow			: auto;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #322417;
	border				: 0;
	color				: #fff;
	font-weight			: bold;
}

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

#content .formmodule li {
	margin				: 0 0 2px 0;
	float				: left;
	width				: 400px;
	display:inline;
}

#content .formmodule .label {
	clear				: left;
	width				: 90px;
	float				: left;
}

#content .formmodule .veld {
	width				: 300px;
	float				: left;
}

#content .formmodule input.button 	{
	padding				: 3px 20px;
	margin				: 5px 0 5px 90px;
}


/* --------------------------------	*/
/* Fotoboek						 	*/
/* --------------------------------	*/
#fotoboek li {
	float				: left;
	width				: 94px;
	margin				: 0 12px 15px 8px;
}

#fotoboek li.titel {
	float				: none;
	clear				: left;
	width				: auto;
	margin				: 0 0 5px 0;
	padding				: 5px 5px 5px 8px;
	background			: #FFF;
	color				: #7a5940;
	font-weight			: bold;
}

#fotoboek li a {
	float				: left;
	width				: 94px;
	background			: none;
	border				: 1px solid #FFF;
}

#fotoboek li a:hover {
	border				: 1px solid #000;
}

/* --------------------------------	*/
/* Krantenknipsels				 	*/
/* --------------------------------	*/
#krantenknipsels {
	position			: relative;
	width				: 240px;
	float				: right;
	margin				: 110px 13px 0 0;
}

#krantenknipsels strong,
#krantenknipsels a {
	position			: absolute;
	display				: block;
	text-indent			: -900em;
}

#krantenknipsels strong.duurzaam {
	width				: 190px;
	height				: 48px;
	background			: url(../img/knipsel-zeer-duurzaam.png) no-repeat left top;
	left				: 32px;
	top					: 0;
	z-index				: 1;
}

#krantenknipsels strong.uniek {
	width				: 184px;
	height				: 68px;
	background			: url(../img/knipsel-uniek-in-nederland.png) no-repeat left top;
	left				: 43px;
	top					: 39px;
	z-index				: 2;
}

#krantenknipsels a {
	width				: 222px;
	height				: 85px;
	background			: url(../img/knipsel-vraag-brochure-aan.png) no-repeat left top;
	left				: 0;
	top					: 98px;
	z-index				: 4;
}

#krantenknipsels strong.veertig-jaar {
	width				: 238px;
	height				: 36px;
	background			: url(../img/knipsel-gaat-40-jaar-mee.png) no-repeat left top;
	left				: 0;
	top					: 175px;
	z-index				: 3;
}


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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #FFF;
	text-align			: center;
	padding				: 5px 0;
	font-size			: 0.85em;
}

#footer address	{
	font-style			: normal;
}

#footer address span	{
	padding				: 0 5px;
}

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

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

/* Tekst / links onderaan */
#amimpact {
	background			: #a9702f;
	padding				: 20px 0 80px 0;
	font				: 0.85em Arial, Helvetica, sans-serif;
	color				: #FFF;
}

#amimpact p {
	position			: relative;
	width				: 900px;
	margin				: 0 auto;
}

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

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

#amimpact .copyright {
	float				: left;
}

#amimpact .webdesign {
	float				: right;
}