html {
	height				: 100%; /* In geval van background op html én body */
}

body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.7em Arial, sans-serif;
	text-align			: center;
	background			: #FFF url(../img/body-bg.jpg) no-repeat center top;
}

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

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix 
	{ 
		height			: 1%;
	}
	
	.clearfix 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 168px;
	background			: url(../img/header.jpg) no-repeat center top;
}

#header a.logo	{
	position			: absolute;
	top					: 46px;
	left				: 23px;
}

#header h2.slogan {
	position			: absolute;
	top					: 120px;
	left				: 220px;	
	width				: 385px;
	height				: 25px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/header.jpg) no-repeat -220px -120px;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	top					: 45px;
	left				: 196px;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 47px;
	text-indent			: -900em;
	background			: url(../img/menu.gif.png) no-repeat;
}

#menu li a.home 			{ width: 69px; background-position: left top; }
#menu li a.over-rpm-bouw 	{ width: 136px; background-position: -69px top; }
#menu li a.projecten	 	{ width: 90px; background-position: -205px top; }
#menu li a.bouwen		 	{ width: 79px; background-position: -295px top; }
#menu li a.kelderafdichting	{ width: 135px; background-position: -374px top; }
#menu li a.referenties		{ width: 100px; background-position: -509px top; }
#menu li a.nieuws			{ width: 76px; background-position: -609px top; }
#menu li a.contact			{ width: 77px; background-position: -685px top; }

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

#menu li:hover a.over-rpm-bouw,
#menu li.hover a.over-rpm-bouw,
#menu li.actief a.over-rpm-bouw 	{ background-position: -69px bottom; }

#menu li:hover a.projecten,
#menu li.hover a.projecten,
#menu li.actief a.projecten 		{ background-position: -205px bottom; }

#menu li:hover a.bouwen,
#menu li.hover a.bouwen,
#menu li.actief a.bouwen 			{ background-position: -295px bottom; }

#menu li:hover a.kelderafdichting,
#menu li.hover a.kelderafdichting,
#menu li.actief a.kelderafdichting 	{ background-position: -374px bottom; }

#menu li:hover a.referenties,
#menu li.hover a.referenties,
#menu li.actief a.referenties 		{ background-position: -509px bottom; }

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

#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact 			{ background-position: -685px bottom; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 47px;
	width				: 175px;
	background			: #5b5b5b url(../img/bg-submenu.gif.png) repeat-x center top;
}

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

#menu li:hover ul.contact,
#menu li.hover ul.contact {
	left				: -63px;	
}

#menu li li {
	width				: 175px;
}

#menu li li a {
	width				: 149px;
	height				: auto;
	margin				: 0 3px;
	padding				: 5px 10px;
	text-indent			: 0;
	background			: none;
	color				: #fff;
	text-decoration		: none;
	font-size			: 12px;
}

#menu li li a:hover,
#menu li li.actief a {
	font-weight			: bold;
	background			: #5c5c5c;
}

/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	background			: url(../img/bg-main.gif.png) repeat-y right top;	
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	width				: 359px;
	background			: black;
	float				: right;
}

#zijbalk #zijbalk-content {
	padding				: 15px 20px 20px;
	background			: #7f0000 url(../img/bg-zijbalk.gif) repeat-x center top;
}

#zijbalk #zijbalk-content h3 {
	padding				: 0 0 10px 0;	
}

#zijbalk #zijbalk-content h3 a {
	font-size			: 1.8em;
	font-weight			: normal;
	color				: #fff;	
	text-decoration		: none;
}

/* Nieuws */
#zijbalk ul.nieuws li {
	margin				: 0 0 10px 0;	
	width				: auto;
}

#zijbalk ul.nieuws li .datum{
	display				: block;
	float				: left;
	width				: 41px;
	height				: 41px;
	background			: url(../img/kalender.gif.png) no-repeat;
	text-align			: center;	
}

#zijbalk ul.nieuws li .datum .dag {
	padding-top			: 9px;
	display				: block;
	font-size			: 11px;
	font-weight			: bold;
	color				: #7f0000;
}

#zijbalk ul.nieuws li .datum .maand {
	display				: block;
	font-size			: 11px;
	font-weight			: bold;
	color				: #000;	
	text-transform		: uppercase;
}

#zijbalk ul.nieuws li .info { 
	float				: right;
	width				: 260px;
	padding				: 0 0 0 15px;
	color				: #fff;
	font-size			: 12px;
}

#zijbalk ul.nieuws li .info a {
	color				: #fff;
	font-weight			: bold;
	text-decoration		: none;
}

#zijbalk ul.nieuws li .info p a {
	text-decoration		: underline;	
}


/* --------------------------------	*/
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#content ul.nieuws li {
	padding				: 5px 0;
	margin				: 10px 0;	
	border				: 1px solid #7f0000;
}

#content ul.nieuws li.hover {
	background			: #7f0000;
	color				: #fff;
}

#content ul.nieuws li.hover .info { 
	color				: #fff;
}

#content ul.nieuws li.hover a,
#content ul.nieuws li.hover .info a {
	color				: #fff;
}

#content ul.nieuws li .datum {
	display				: block;
	float				: left;
	width				: 46px;
	height				: 41px;
	background			: url(../img/kalender.gif.png) no-repeat 5px 0;
	text-align			: center;
	line-height			: 14px;
}

#content ul.nieuws li .datum .dag {
	padding-top			: 9px;
	display				: block;
	font-size			: 11px;
	font-weight			: bold;
	color				: #7f0000;
}

#content ul.nieuws li .datum .maand {
	display				: block;
	font-size			: 11px;
	font-weight			: bold;
	color				: #000;	
	text-transform		: uppercase;
}

#content ul.nieuws li .info { 
	float				: left; 
	width				: 500px;
	padding				: 0 0 0 20px;
	color				: #000;
	font-size			: 12px;
}

#content ul.nieuws li .info p {
}

#content ul.nieuws li .info a {
	color				: #000;
	font-weight			: bold;
	text-decoration		: none;
	font-size			: 13px;
}

#content ul.nieuws li .info h3 a {
	font-size			: 15px;	
	text-decoration		: none;
}

#content ul.nieuws li .info p a {
	text-decoration		: underline;	
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	background			: #fff;
	padding				: 30px 30px 40px 34px;
	font-size			: 13px;
	line-height			: 20px;
	/* FIXME: contentpagina specifiek */
	width				: 570px;
	float				: left;
	min-height			: 300px;
}

#content h1	{
	font-size			: 1.8em;
	font-weight			: normal;
	color				: #891313;
	margin				: 0 0 15px 0;
}

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

/* iwes opmaak */
#content .iwes {
	color				: #979696;
}

#content .iwes a:visited 	{ color: #999; }
#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 {
	margin				: 0;
	list-style			: none;
}

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

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #43418e;
	background			: #efeef9;
}

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

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

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

/* Pagina navigatie */
#content .paginanavigatie	{
	float				: right;
	padding				: 10px 0;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #43418e;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	background			: #7f0000;
	color				: #FFF;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	background			: #D61F25;
}

/* ----------------------------------------------------- */
/* projecten											 */
/* ----------------------------------------------------- */
#projecten li {
	background			: #7e0001;	
	padding				: 15px;
	color				: #fff;
	margin				: 10px 0;
	border				: 1px solid #7e0001;
}

#projecten li.hover {
	background			: #fff;
	border				: 1px solid #7e0001;
	color				: #000;
}

#projecten li .image {
	float				: left;
	width				: 230px;
}

#projecten li .image img {
	border				: 8px solid #b77070;
}

#projecten li .info {
	width				: 300px;
	float				: right;
}

#projecten li h3 a {
	font-size			: 20px;	
	text-decoration		: none;
}

#projecten li h3 a:hover {
	text-decoration		: underline;	
}

#projecten li a {
	color				: #fff;	
}

#projecten li a:hover {
	color				: #fff;	
	text-decoration		: none;
}

#projecten li.hover a {
	color				: #000;	
}

#projecten li.hover a:hover {
	color				: #000;	
	text-decoration		: none;
}


/* ----------------------------------------------------- */
/* projectdetails										 */
/* ----------------------------------------------------- */
#project #info {
	float				: left;
	width				: 320px;
}

#project #info .omschrijving {
	padding				: 5px;
	background			: #f7f7f7;
	margin				: 0 0 15px 0;
}

#project #fotos {
	float				: right;
	width				: 220px;	
	padding				: 5px;	
	background			: #f7f7f7;
}

#project #fotos em {
	color				: #333;	
	font-size			: 11px;
}

#project #fotos a.mainimage img {
	border				: 4px solid #B77070;
}

#project #fotos ul li {
	display				: -moz-inline-stack;
	display				: inline-block;
	float				: left;
	width 				: 110px;	
	vertical-align		: top;
}

#project #fotos ul li a {
	display				: block;
	margin				: 5px 0;	
}

#project #fotos ul li a img {
	border				: 4px solid #B77070;
}

#project #fotos ul li a:hover img,
#project #fotos a.mainimage:hover img {
	border				: 4px solid #7f0000;
}

#project #pdf h2 {
	font-size			: 1.3em;	
	font-weight			: normal;
	color				: #7f0000;
	margin				: 0 0 10px 0;
}

#project #pdf ul li {
	border				: 1px solid #7f0000;	
	background			: #fff url(../img/pdf.png) no-repeat 5px 3px;
	padding				: 5px 5px 5px 50px;
	margin				: 5px 0;
}


#project #pdf ul li.hover {
	background			: #7f0000 url(../img/pdf.png) no-repeat 5px 3px;
	color				: #fff;		
}

#project #pdf ul li.hover a {
	color				: #fff;
}

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

#googlemaps	{
	width				: 560px;
	height				: 380px;
	font				: 1em Arial;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 39px;
	line-height			: 35px;
	vertical-align		: middle;
	background			: url(../img/bg-footer.gif.png) no-repeat;
	text-align			: center;
}

#footer address {
	font-style			: normal;
	color				: #fff;
	font-size			: 12px;
}

#footer a {
	color				: #fff;	
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	font-size			: 12px;
	color				: #979696;
}

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

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

#amimpact a.actief {
	font-weight			: bold;
}



/* --------------------------------	*/
/* logos						 	*/
/* --------------------------------	*/
#logos {
	width				: 334px;
	margin				: 0 auto;	
}

#logos li {
	float				: left;
}

#logos li a {
	display				: block;
	height				: 45px;
	width				: 45px;
	text-indent			: -900em;
	overflow			: hidden;
	background-image	: url(../img/logos.gif.png);
}

#logos li.bouwend-nederland a 	{ width: 95px; background-position: 0 0; }
#logos li.tuv a	 				{ width: 39px; background-position: -95px 0; }
#logos li.unknown a	 			{ width: 39px; background-position: -135px 0; }
#logos li.bouw-garant a 		{ width: 50px; background-position: -174px 0; }
#logos li.woningborg a	 		{ width: 110px; background-position: -224px 0; }

#logos li.bouwend-nederland a:hover 	{ width: 95px; background-position: 0 bottom; }
#logos li.bouw-garant a:hover			{ background-position: -174px bottom; }
#logos li.woningborg a:hover			{ background-position: -224px bottom; }