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.8em Arial, sans-serif;
	color				: #554334;
	text-align			: center;
	background			: #FFF url(../img/bg.jpg) center top no-repeat;
	letter-spacing		: normal;
}

.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-wrapper				*/
/* --------------------------------	*/	
#container-wrapper {
	margin				: 0 auto;
	width				: 994px;
}	


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 970px;
	margin				: 0 auto;
	text-align			: left;
	padding				: 0 0 0 19px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 435px;
	background			: url(../img/header-bg.jpg) left 110px no-repeat;
 	z-index				: 453534;
}

#header a.logo	{
	position			: absolute;
	top					: 8px;
	left				: 138px;
	z-index				: 453;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 20px;
	top					: 13px;
	color				: #92abb8;	
}

#topmenu li {
	float				: left;
	border-right		: 1px solid #92abb8;
	
}

#topmenu li.last {
	border-right		: none;
}

#topmenu li a {
	float				: left;
	padding				: 0 6px;
	color				: #92abb8;
	text-decoration		: none;
	text-decoration		: none;
}
#topmenu li a:hover {
	color				: #6e8d24;
}

#topmenu li.actief a {
	font-weight			: bold;
	color				: #6e8d24;
}

#topmenu li a:hover {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* flashimg							*/
/* --------------------------------	*/
#header .flashimg {
	position			: absolute;
	top					: 109px;
}

#header .filmpje {
	position			: absolute;
	top					: 237px;
	right				: 18px;
	width				: 269px;
	height				: 119px;
}

#single {
	width				: 269px;
	height				: 119px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	background			: #5E5E5E url(../img/menu-bg.gif) repeat-x;
	height				: 72px;
	width				: 951px;
	top					: 363px;
	left				: 0;
	z-index				: 5322;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 72px;
	width				: 140px;
	text-indent			: -900em;
	background			: url(../img/menu-items.jpg) left bottom no-repeat;
	z-index				: 132;
}

#menu li.first:hover,
#menu li.first {

}

#menu li a.over-ons 		{ width: 137px; background-position: -21px bottom; }
#menu li a.de-vloeren 		{ width: 139px; background-position: -178px bottom; }
#menu li a.vloer-en-zorg	{ width: 139px; background-position: -337px bottom; }
#menu li a.advies-op-maat	{ width: 139px; background-position: -496px bottom; }
#menu li a.ook-bij-ons		{ width: 145px; background-position: -655px bottom; }

#menu li:hover a.over-ons,
#menu li.hover a.over-ons,
#menu li.actief a.over-ons 			{  background-position: -21px top; }

#menu li:hover a.de-vloeren ,
#menu li.hover a.de-vloeren ,
#menu li.actief a.de-vloeren  		{ background-position: -178px top; }

#menu li:hover a.vloer-en-zorg ,
#menu li.hover a.vloer-en-zorg ,
#menu li.actief a.vloer-en-zorg  	{ background-position: -337px top; }

#menu li:hover a.advies-op-maat ,
#menu li.hover a.advies-op-maat ,
#menu li.actief a.advies-op-maat 	{ background-position: -496px top; }

#menu li:hover a.ook-bij-ons ,
#menu li.hover a.ook-bij-ons ,
#menu li.actief a.ook-bij-ons  		{ background-position: -655px top; }

#menu li:hover, #menu li.hover 	{
	z-index				: 1338;
}

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 72px;
	width				: 239px;
	z-index				: 93523;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: -18px;
}

#menu li li {
	width				: 230px;
	background			: url(../img/submenu-bg.png) repeat-y;	
	padding				: 3px 0;
}

#menu li:hover li.first,
#menu li li.first {
	padding-top			: 10px;
}

#menu li:hover li.last,
#menu li li.last  {
	padding-bottom		: 40px;	
	background			: url(../img/submenus-bg-bottom.png) left bottom no-repeat;		
}

#menu li ul.sub-over-ons li.last  		{background-position	: left bottom}
#menu li ul.sub-de-vloeren li.last  	{background-position	: -239px bottom;}
#menu li ul.sub-vloer-en-zorg li.last  	{background-position	: -478px bottom;}
#menu li ul.sub-advies-op-maat li.last  {background-position	: -717px bottom;}
#menu li ul.sub-ook-bij-ons li.last  	{background-position	: -956px bottom;}


#menu li li a {
	color				: #858585;
	height				: auto;
	padding				: 3px 10px;
	text-indent			: 0;
	background			: none;
	padding				: 0 0 0 40px;
	text-decoration		: none;
}

#menu li:hover li a,
#menu li li:hover a {
	padding				: 0 0 0 40px;	
}

#menu li li a:hover {
	color				: #000;
}

#menu li li.actief a {
	font-weight			: bold;
	color				: #000;
}


/* --------------------------------	*/
/* main						 		*/
/* --------------------------------	*/
#main {
	clear				: both;
	min-height			: 430px;
}


/* --------------------------------	*/
/* zoekform						 	*/
/* --------------------------------	*/
#zoekform {
	position			: relative;
	top					: 378px;
	left				: 710px;
	width				: 257px;
	z-index				: 65342;
	background			: url(../img/zoeken-bg.gif) no-repeat 2px 2px;
}

#zoekform legend {
	display				: none;
}

#zoekform .input {
	border				: 0;
	width				: 170px;
	color				: #fff;
	padding				: 5px 5px 0 0;
	float				: left;
	margin				: 5px 0 0 16px;
	background			: none;
}

#zoekform .button {
	background			: url(../img/zoeken-button-verzenden.gif) no-repeat left 4px;
	border				: 0;
	text-indent			: -9000em;
	line-height			: 9000em;
	overflow			: hidden;
	height				: 32px;
	width				: 42px;
	margin				: 0;
	padding				: 0;
	float				: right;
	margin-right		: 13px;
	cursor				: pointer;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	z-index				: 34;
	color				: #554334;
	width				: 681px;
	float				: left;
	margin				: 20px 0 10px 4px ;
}

#content h1	{
	font-size			: 1.5em;
	color				: #6e8e24;
}

#content a 			{ color: #6E8D25; }
#content a:hover 	{ color: #564434; }


/* iwes opmaak */
#content .iwes {
	margin-top			: 8px;
}

#content .iwes a:visited 	{ color: #6D8D23; }
#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 .formmodule li {
	width				: 400px;
	float				: left;
	display				: inline;
	padding				: 2px 0;
	clear				: both;
}

#content .formmodule li.button {
	clear				: both;
}

#content .formmodule .label {
	clear				: left;
	width				: 90px;
	float				: left;
}

#content .formmodule .veld {
	width				: 200px !important;
	float				: left;
	padding				: 2px;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #4E3E2F;
	font				: 1em Arial;
	color				: #554334;	
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 2px solid #4E3E2F;
	padding				: 1px;
	background			: url(../img/input-bg.jpg) repeat;/*#D4D8BD;*/
}

#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			: #6E8D25;
	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			: #3bb3ed;
	color				: #FFF;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	background			: #D61F25;
}


/* --------------------------------	*/
/* zijbalk					 		*/
/* --------------------------------	*/
#zijbalk {
	float				: right;
	width				: 265px;
	clear				: right;
	padding				: 0 0 0 17px;
	background			: url(../img/zijbalk-border.gif) repeat-y;
	margin				: 24px 0 0 0;
	height				: 100%;
	min-height			: 400px;
}

#zijbalk strong {
	position			: relative;
	z-index				: 3423;
	display				: block;
	width				: 187px;
	height				: 77px;
	text-indent			: -9000em;
	overflow			: hidden;
	background			: url(../img/logo-multi-aktie.gif) 3px top no-repeat;
	margin				: -16px 0 7px 0;
}

#zijbalk p {
	width				: 215px;
	text-align			: justify;
	line-height			: 1.3em;
	height				: 102px;
	overflow			: hidden;
}

#zijbalk a.leesmeer {
	color				: #554334;
	text-decoration		: none;
	font-weight			: bold;
}

#zijbalk a:hover.leesmeer {
	color				: #6D8D23;
}

#zijbalk h3 {
	margin				: 5px 0 0 0; 
}

#zijbalk h3,
#zijbalk p {
	padding-left		: 3px;
}

#zijbalk img {
	border				: 3px solid #544232;	
}


/* --------------------------------	*/
/* zoekresultaten			 		*/
/* --------------------------------	*/
#zoeken .zoekresultaten {
	margin-top			: 10px;
}

#zoeken .zoekresultaten h3 {
	margin-bottom		: 10px;
}

#zoeken .zoekresultaten ul li {
	min-height			: 40px;
	width				: 640px;
	padding				: 5px;
}


#zoeken .zoekresultaten li.oneven {
	background			: #EAECDE;
}

#zoeken .zoekresultaten li.even {

}

#zoeken .zoekresultaten a {
	text-decoration		: none;
}

#zoeken .zoekresultaten li:hover {
	background			: #DBDFC6;
}


/*inhoud*/
.inhoud {
	margin-top			: 10px;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 245px;
	height				: 350px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: url(../img/footer-bg.jpg) no-repeat;
	height				: 36px;
	color				: #fff;
	clear				: both;
}

#footer address {
	font-style			: normal;
	padding				: 11px 0 0 17px;
}

#footer a {
	color				: #fff;
	text-decoration		: none;
}

#footer a:hover {
	color				: #6D8D22;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-indent			: 70px;
	font-size			: 0.9em;
	text-align			: left;
	color				: #aaaaaa;
	top					: 15px;
	padding-bottom		: 10px;
}

#amimpact a {
	text-decoration		: none;
	color				: #aaaaaa;
}

#amimpact a:hover {
	text-decoration		: underline;
}

#amimpact a.actief {
	font-weight			: bold;
}




/* These are standard sIFR styles... do not modify */

.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 h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 65px;
	line-height		: 1.7em;
}




