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 42px;
}

#menu > li {
	float				: left;
	position			: relative;
	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.houten-grafmonumenten	{ background-position: -1182px bottom; width: 202px; }
#menu li a.gedenktekens 		{ background-position: -371px bottom; width: 126px; }
#menu li a.houten-kruis			{ background-position: -1064px bottom; width: 118px; }
#menu li a.urn 					{ background-position: -1003px bottom; width: 60px; }
#menu li a.prijzen 				{ background-position: -588px bottom; width: 91px; }
#menu li a.nieuws				{ background-position: -799px bottom; width: 91px; }
#menu li a.organisatie 			{ background-position: -890px bottom; width: 114px; }


#menu li:hover a.houten-grafmonumenten,
#menu li.hover a.houten-grafmonumenten,
#menu li a.houten-grafmonumenten:hover	{ background-position: -1182px -37px; }

#menu li:hover a.gedenktekens
#menu li.hover a.gedenktekens,
#menu li a.gedenktekens:hover 		{ background-position: -371px -37px; }

#menu li:hover a.houten-kruis,
#menu li.hover a.houten-kruis,
#menu li a.houten-kruis:hover		{ background-position: -1064px -37px; }

#menu li:hover a.urn,
#menu li.hover a.urn,
#menu li a.urn:hover 				{ background-position: -1003px -37px; }

#menu li:hover a.prijzen,
#menu li.hover a.prijzen,
#menu li a.prijzen:hover			{ background-position: -588px -37px; }

#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li a.nieuws:hover				{ background-position: -799px -37px; }

#menu li.organisatie:hover a,
#menu li.hover.organisatie a,
#menu li a.organisatie:hover		{ background-position: -890px -37px; }


#menu li.actief a.houten-grafmonumenten,
#menu li.actief a.houten-grafmonumenten:hover	{ background-position: -1182px top; }

#menu li.actief a.gedenktekens,
#menu li.actief a.gedenktekens:hover		{ background-position: -371px top; }

#menu li.actief a.houten-kruis,
#menu li.actief a.houten-kruis:hover	{ background-position: -1064px top; }

#menu li.actief a.urn,
#menu li.actief a.urn:hover 				{ background-position: -1003px top; }

#menu li.actief a.prijzen,
#menu li.actief a.prijzen:hover				{ background-position: -588px top; }

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

#menu li.actief a.organisatie,
#menu li.actief a.organisatie:hover			{ background-position: -890px top; }

/*submenu*/

#menu .submenu {
	position			: absolute;	
	left				: -9000em;
	top					: 36px;
	width				: 203px;
	height				: auto;
	padding				: 0 0 15px 0;	
	background			: url(../img/submenu-bottom.png) no-repeat left bottom;
}

#menu > li.organisatie.hover .submenu,
#menu > li.organisatie:hover .submenu {
	left				: -89px;
}

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

#menu > li.actief.hover .submenu,
#menu > li.actief:hover .submenu {
	top					: 37px !important;	
}
	

#menu .submenu > ul {
	background			: #332518;
	border-bottom		: 1px solid #4F3614;
	padding-top			: 16px;
}


#menu .submenu a {
	display				: block;
	padding				: 3px 15px;
	color				: #EFE6E0;
	text-decoration		: none;
	border-top			: 1px solid #4F3614;
}


#menu .submenu li.actief {
	background			: #4F3614;	
}

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

#menu .submenu li:first-child  {

}

#menu .submenu li:hover {
	background			: #4F3614;
}

/* --------------------------------	*/
/* 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;
}