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;
	color				: #565656;
	background			: #642A5D url(../img/bg.gif) no-repeat top center;
}

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

.clear	{
	clear				: both;
}



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

	/* voor IE-mac */
	.clearfix,
	#main-container
	{	
		display			: inline-block;	
	}

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

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 100%;
	margin				: 0 auto;
	background			: url(../img/bg-container.png) center 112px no-repeat;
	height				: 133px;
	z-index				: 432;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 158px;
	width				: 994px;
	margin				: 0 auto;
	background			: url(../img/bg-header.png) no-repeat -7px 30px;
	z-index				: 342;
}

#header a.logo	{
	position			: absolute;
	top					: 46px;
	left				: 24px;
	z-index				: 421;	
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	width				: auto;
	right				: 0;
	top					: 90px;
}

#menu li {
	float				: left;
	position			: relative;
	z-index				: 5000;
}

#menu li a {
	float				: left;
	position			: relative;
	z-index				: 10;
	height				: 26px;
	text-indent			: -900em;
	background			: url(../img/menu.png) no-repeat;
	border-right		: solid 1px #833D7B;
}

#menu li.last a {
	border				: none;	
}

#menu li a.home 		{ width: 70px; background-position: -33px -44px; }
#menu li a.diensten		{ width: 90px; background-position: -160px -44px; }
#menu li a.klanten		{ width: 88px; background-position: -303px -44px; }
#menu li a.actueel		{ width: 85px; background-position: -445px -44px; }
#menu li a.vgk			{ width: 62px; background-position: -597px -44px; }
#menu li a.vacatures	{ width: 92px; background-position: -732px -44px; }
#menu li a.contact		{ width: 78px; background-position: -875px -44px; }

#menu li:hover a.home,
#menu li.hover a.home		{ background-position: -33px -164px; }
#menu li.actief a.home 		{ background-position: -17px bottom;  	padding	: 50px 18px;	}

#menu li:hover a.diensten,
#menu li.hover a.diensten 	{ background-position: -160px -164px; }
#menu li.actief a.diensten 	{ background-position: -160px bottom; 	padding	: 50px 9px;	}

#menu li:hover a.klanten,
#menu li.hover a.klanten 	{ background-position: -303px -164px; }
#menu li.actief a.klanten 	{ background-position: -300px bottom; 	padding	: 50px 10px;	}

#menu li:hover a.actueel,
#menu li.hover a.actueel 	{ background-position: -445px -164px; }
#menu li.actief a.actueel 	{ background-position: -442px bottom; 	padding	: 50px 11px;	}

#menu li:hover a.vgk,
#menu li.hover a.vgk 		{ background-position: -597px -164px; }
#menu li.actief a.vgk 		{ background-position: -580px bottom; 	padding	: 50px 23px;	}

#menu li:hover a.vacatures,
#menu li.hover a.vacatures 	{ background-position: -732px -164px; }
#menu li.actief a.vacatures { background-position: -724px bottom; 	padding	: 50px 8px;	}

#menu li:hover a.contact,
#menu li.hover a.contact 	{ background-position: -875px -164px; }
#menu li.actief a.contact { background-position: -868px bottom; 	padding	: 50px 16px;	}

#menu li.actief {
	margin-top			: -56px;
	border				: none !important;
	z-index				: 4243;	
}

#menu li.actief a {
	border				: none;
}

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 27px;
	z-index				: 20;
	width				: 180px !important;
	height				: auto;
	background			: #501849;
	padding				: 7px;
}

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

#menu li.last:hover ul,
#menu li.last.hover ul{
	left 				: -115px;	
}

#menu li.actief.last:hover ul,
#menu li.actief.last.hover ul {
	left 				: -84px;	
}

#menu li.last2:hover ul,
#menu li.last2.hover ul{
	left 				: -20px;	
}

#menu li li {
	background			: none;
	background			: #61275A;	
	margin				: 1px;	
}

#menu li.actief ul{
	margin-top			: 56px;	
}

#menu li li.actief {
	margin-top			: 0;
}

#menu li li a {
	display				: block;
	width				: 147px;
	height				: auto;
	text-indent			: 0;
	color				: #CFBDCB;
	text-decoration		: none;
	padding				: 5px !important;
	padding-left		: 25px !important;
	margin				: 0px;
	text-transform		: uppercase;
	border				: none;
	background			: url(../img/submenu-item-bg.gif) 5px 5px no-repeat;	
}

#menu li li a:hover,
#menu li li.actief a {
	color				: #fff;
	background			: #75456F url(../img/submenu-item-bg.gif) -177px 5px no-repeat;		
}


/* --------------------------------	*/
/* background						*/
/* --------------------------------	*/
#background {
	position			: relative;
	z-index				: 1;	
	width				: 100%;
	background			: url(../img/bg-content.png) center top repeat-y;
}

#main-container {
	width				: 994px;
	margin				: 0 auto;
	position			: relative;
	background			: url(../img/bg-zijbalk.gif) right top repeat-y;	
}


/* --------------------------------	*/
/* main-content 				 	*/
/* --------------------------------	*/
#main-content {
	float				: left;
	width				: 776px;
	background			: url(../img/content-afbeelding.jpg) no-repeat right 0;
	padding-top			: 280px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 689px;
	padding-left		: 34px;
	background			: url(../img/h1-bottom.gif) 23px 23px no-repeat;
	font-size			: 1.1em;
	line-height			: 1.5em;	
}

#content h1	{
	font-size			: 1.6em;
	padding-bottom		: 30px;
	width				: 720px;
	overflow			: hidden;
}

#content a 			{ color: #642A5D; text-decoration: underline;  }
#content a:hover 	{ color: #591D51;text-decoration: none; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #8F5989; text-decoration:underline; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes {
	margin-top			: 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				: 1px solid #B891B3;
	font				: 1em Arial;
	background			: #FFEFFD;
	color				: #565656;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	padding				: 2px;
	border				: 1px solid #75456F;
	background			: #fff;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	padding				: 1px;
	border				: 2px solid #75456F;
	background			: #fff;	
}

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

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: solid 2px #B891B3;
	color				: #fff;
	background			: #75456F;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	padding				: 2px;	
	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			: #9F6398;
}

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

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

#content .terug {
	display				: block;	
	margin-top			: 30px;
}


/* --------------------------------	*/
/* Buttons intern			 		*/
/* --------------------------------	*/
#main-content .buttonsintern {
	clear				: both;	
	height				: 99px;
	padding				: 20px 0 0 15px;
}

#main-content .buttonsintern li {
	display				: inline;
	float				: left;
	height				: 99px;
	margin				: 0 0 0 8px;
}

#main-content .buttonsintern li a {
	float				: left;
	width				: 178px;
	height				: 99px;
	text-indent			: -900em;
	background			: url(../img/buttons-intern.jpg) no-repeat;
}

#main-content .buttonsintern li a.diensten 	{ background-position: left top; }
#main-content .buttonsintern li a.klanten 	{ background-position: -178px top; }
#main-content .buttonsintern li a.over 		{ background-position: -356px top; }
#main-content .buttonsintern li a.werken 	{ background-position: -534px top; }

#main-content .buttonsintern li a.diensten:hover 	{ background-position: left bottom; }
#main-content .buttonsintern li a.klanten:hover 	{ background-position: -178px bottom; }
#main-content .buttonsintern li a.over:hover 		{ background-position: -356px bottom; }
#main-content .buttonsintern li a.werken:hover	 	{ background-position: -534px bottom; }


/* --------------------------------	*/
/* zijbalk					 		*/
/* --------------------------------	*/
#zijbalk {
	float				: right;
	width				: 202px;
	background			: url(../img/zijbalk-top.gif) -9px -8px no-repeat;
	padding				: 56px 0 60px 16px;
}

/* laatste nieuws*/
#zijbalk .laatste-nieuws {
	padding				: 0 20px 10px 0;
}

#zijbalk .laatste-nieuws li {
	background			: url(../img/nieuws-bg.gif) left bottom no-repeat;
	width				: 165px;
	padding				: 0 10px;
	padding-bottom		: 25px;	
}

#zijbalk .laatste-nieuws h2 {
	padding-bottom		: 23px;
	background			: url(../img/nieuws-bg.gif) left bottom no-repeat;
}

#zijbalk .laatste-nieuws h2 a {
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/titel-actueel.png) left top no-repeat;
	width				: 70px;
	height				: 20px;
	margin-left			: 5px;
}

#zijbalk .laatste-nieuws h3 {
	font-weight			: bold;
	color				: #6e1d64;
	padding				: 2px 0;
}

#zijbalk .laatste-nieuws li a {
	color				: #6b6b6b;
}

#zijbalk .laatste-nieuws li a:hover,
#zijbalk .laatste-nieuws li a:visited {
	color				: #591D51;
}

/* slideshow */
#zijbalk .slideshow {
	position			: relative;
	width				: 188px;
	height				: 140px;
	overflow			: hidden;
	margin				: 0 0 33px 0;
}

#zijbalk .slideshow .overlay {
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 10;
	width				: 188px;
	height				: 140px;
	background			: url(../img/slideshow/overlay.png) no-repeat left top;
}

#zijbalk .slideshow .overlay ul {
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 5;
}

/* Logo Garderen */
#zijbalk .garderen-klijnhout {
	padding				: 8px 0 0 5px;
	border-top			: 1px solid #E7E7E7;
	margin				: 14px 0 10px -15px;	
}

/* Buttons */
#zijbalk a.button-boekhouden,
#zijbalk a.button-contact {
	display				: block;
	text-indent			: -900em;
	overflow  			: hidden;
	margin-top			: 5px;
	width				: 195px;
	height				: 61px;
	background			: url(../img/button-boekhouden-inloggen.gif) -2px bottom no-repeat;
}

#zijbalk a.button-boekhouden:hover {
	background-position	: -2px top;
}

#zijbalk a.button-contact {
	margin				: 5px 0 20px 0;
	background			: url(../img/button-contact.gif) -2px bottom no-repeat;
}

#zijbalk a.button-contact:hover {
	background-position	: -2px top;
}

/* Address */
#zijbalk address {
	font-style			: normal;
	line-height			: 1.5em;
	color				: #7f7f7f;
	padding				: 0 0 0 10px;
}

#zijbalk address span {
	font-weight			: bold;
}

#zijbalk address a {
	color				: #7f7f7f;
}

#zijbalk address a:hover {
	color				: #591D51;
}

/* Logo zijbalk */
#main-container .logo-zijbalk {
	width				: 200px;
	height				: 54px;
	margin				: 0 auto;
	position			: absolute;
	bottom				: 0;
	right				: 0;
}

#main-container .logo-zijbalk a.first img {
	border-right		: 1px solid #E3E3E3;
}


/* ----------------------------------------------------- */
/* nieuwsoverzicht										 */
/* ----------------------------------------------------- */
#nieuwsoverzicht {
	margin				: 25px 0;
}

#nieuwsoverzicht li {
	padding				: 15px 0 15px 0;
	border-bottom		: solid 1px #E7E7E7;
	overflow			: hidden;
}

#nieuwsoverzicht li h2 {
	font-size			: 1.2em;
	text-align			: justify;	
}

#nieuwsoverzicht li .datum {
	display				: block;
	float				: left;
	width				: 115px;
	font-size			: 1.8em;
	color				: #fff;
	background			: url(../img/nieuws-datum-bg.gif) no-repeat;
	width				: 92px;
	height				: 65px;
	text-align			: center;
	padding				: 30px 0 0 0px;
}

#nieuwsoverzicht li .item {
	float				: right;
	width				: 550px;
	text-align			: justify;
}

#nieuwsoverzicht li a.lees-meer {
	float				: right;	
}


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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	width				: 100%;
	background			: url(../img/bg-footer.png) center -6px no-repeat;
	padding				: 50px 0 10px 0;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 980px;
	margin				: 0 auto;
	color				: #8a5584;
}

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

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

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