body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.75em Arial, sans-serif;
	text-align			: center;
	color				: #FFF;
	background			: #000;
}

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

.clear	{
	clear				: both;
}

/* --------------------------------	*/
/* background					 	*/
/* --------------------------------	*/
#background {
	background			: #2b2b2b url(../img/background.png) repeat-x left top;
}

#background2 {
	background			: url(../img/background-spikkels.png) no-repeat center bottom;
}	
	

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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 30;
	height				: 144px;
}

#header a.logo	{
	position			: absolute;
	top					: 18px;
	left				: 27px;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 10px;
	top					: 10px;
	color				: #FFF;
}

#topmenu li {
	float				: left;
	border-right		: 1px solid #FFF;
}

#topmenu li.last {
	border-right		: none;
}

#topmenu li a {
	float				: left;
	padding				: 0 5px;
	color				: #FFF;
	text-decoration		: none;
}

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

#topmenu li.actief a {
	color				: #00aeef;
}



/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 350px;
	top					: 47px;
}

#menu li {
	display				: inline;
	position			: relative;
	float				: left;
	margin				: 0 4px 0 0;
}

#menu li.vacatures {
	margin				: 0;
}

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

#menu li.diensten a 		{ width: 96px; background-position: left top; }
#menu li.producten a 		{ width: 178px; background-position: -96px top; }
#menu li.bereiken a 		{ width: 127px; background-position: -274px top; }
#menu li.certificering a 	{ width: 127px; background-position: -401px top; }
#menu li.vacatures a 		{ width: 96px; background-position: -528px top; }

#menu li.diensten:hover a,
#menu li.diensten-hover a,
#menu li.diensten a.actief 		{ width: 96px; background-position: left bottom; }
#menu li.producten:hover a,
#menu li.producten-hover a,
#menu li.producten a.actief		{ width: 178px; background-position: -96px bottom; }
#menu li.bereiken:hover a,
#menu li.bereiken-hover a,
#menu li.bereiken a.actief		{ width: 127px; background-position: -274px bottom; }
#menu li.certificering:hover a,
#menu li.certificering-hover a,
#menu li.certificering a.actief	{ width: 127px; background-position: -401px bottom; }
#menu li.vacatures:hover a,
#menu li.vacatures-hover a,
#menu li.vacatures a.actief 	{ width: 96px; background-position: -528px bottom; }

/* Submenu */
#menu li div {
	position			: absolute;
	left				: -900em;
	top					: 36px;
	width				: 184px;
	min-height			: 100px;
	background			: url(../img/submenu-bottom.png) no-repeat left bottom;
}

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

#menu li.vacatures:hover div,
#menu li.vacatures-hover div {
	left				: -88px;
}

#menu li div ul {
	width				: 184px;
	overflow			: hidden;
	padding				: 20px 0 10px 0;
	background			: url(../img/submenu-top.png) no-repeat;
}

#menu li.diensten div ul 		{ background-position: left top; }
#menu li.producten div ul 		{ background-position: -184px top; }
#menu li.bereiken div ul 		{ background-position: -368px top; }
#menu li.certificering div ul 	{ background-position: -552px top; }
#menu li.vacatures div ul 		{ background-position: -736px top; }

#menu li div li {
	width				: 184px;
}

#menu li div li a {
	float				: left;
	width				: 162px !important;
	height				: auto;
	padding				: 5px 5px 5px 17px;
	text-indent			: 0;
	text-decoration		: none;
	color				: #000;
	background			: none;
}

#menu li div li a:hover {
	color				: #00aeef;
}

#menu li div li.actief a {
	font-weight			: bold;
	color				: #00aeef;
}


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


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	min-height			: 520px;
	overflow			: hidden;
	padding				: 0 40px 20px 330px;
	line-height			: 1.6em;
	background			: url(../img/hoogwerker.jpg) no-repeat 1px bottom;
}

#content h1	{
	margin				: 10px 0 30px 0;
	font-size			: 2em;
	color				: #00aeef;
}

#content a 			{ color: #00aeef; }
#content a:hover 	{ color: #6fd8ff; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #FFF; }
#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				: 2px solid #000;
	font				: 1em Arial;
	background			: #EEE;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 2px solid #00aeef;
	background			: #FFF;
}

#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			: #00aeef;
	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.huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #00aeef;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	border				: 1px solid #333;
	color				: #CCC;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	border				: 1px solid #FFF;
}


/* --------------------------------	*/
/* Nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	position			: relative;
	padding				: 20px 15px 20px 90px;
	border-bottom		: 1px solid #666;
	color				: #9aa6b3;
}

#nieuwsoverzicht li.hover {
	color				: #FFF;
	background			: #00aeef;
}

#nieuwsoverzicht li .datum {
	position			: absolute;
	left				: 20px;
	top					: 30px;
	padding				: 10px 10px 5px 10px;
	font-size			: 0.9em;
	line-height			: 1.2em;
	text-align			: center;
	text-transform		: uppercase;
	color				: #00aeef;
}

#nieuwsoverzicht li.hover .datum {
	color				: #000;
}

#nieuwsoverzicht li .datum strong {
	display				: block;
	font-size			: 1.8em;
	color				: #FFF;
}

#nieuwsoverzicht li h2 {
	margin				: 0 0 7px 0;
	font-size			: 1.5em;
	color				: #FFF;
}

#nieuwsoverzicht li.hover h2 {
	color				: #000;
}

#nieuwsoverzicht li a {
	text-decoration		: none;
	color				: #00aeef;
}

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


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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	padding				: 8px 0;
	border				: 1px solid #545454;
	border-width		: 1px 0;
	text-align			: center;
}

#footer address	{
	font-style			: normal;
}

/* Tekst / links onderaan */
#amimpact {
	padding				: 10px 0;
	text-align			: center;
	color				: #00aeef;
}

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

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

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