body	{
	font				: 0.75em Arial, sans-serif;
	background			: #FFF url(../img/body-bg.png) repeat-x left top;
}

html, body	{
	height				: 100%;
	min-height			: 100%;
}

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

.clear	{
	clear				: both;
}


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


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

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 20px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 369px;
	top					: 0;
}

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

#menu li a {
	float				: left;
	position			: relative;
	z-index				: 20;
	height				: 73px;
	background			: url(../img/menu.png) no-repeat;
}

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

#menu li a.home,
#menu li a.home span		{ width: 59px; }
#menu li a.maatwerk,
#menu li a.maatwerk span 	{ width: 81px; }
#menu li a.organisatie,
#menu li a.organisatie span { width: 107px; }
#menu li a.dealers,
#menu li a.dealers span 	{ width: 68px; }
#menu li a.referenties,
#menu li a.referenties span { width: 91px; }
#menu li a.contact,
#menu li a.contact span 	{ width: 70px; }

#menu li a.home			{ background-position: left -146px; }
#menu li a.maatwerk 	{ background-position: -59px -146px; }
#menu li a.organisatie	{ background-position: -140px -146px; }
#menu li a.dealers 		{ background-position: -247px -146px; }
#menu li a.referenties 	{ background-position: -315px -146px; }
#menu li a.contact 		{ background-position: -406px -146px; }

#menu li.actief a.home			{ background-position: left -73px; }
#menu li.actief a.maatwerk 	{ background-position: -59px -73px; }
#menu li.actief a.organisatie	{ background-position: -140px -73px; }
#menu li.actief a.dealers 		{ background-position: -247px -73px; }
#menu li.actief a.referenties 	{ background-position: -315px -73px; }
#menu li.actief a.contact 		{ background-position: -406px -73px; }

#menu li a.home span 		{ background-position: left top; }
#menu li a.maatwerk span 	{ background-position: -59px top; }
#menu li a.organisatie span { background-position: -140px top; }
#menu li a.dealers span 	{ background-position: -247px top; }
#menu li a.referenties span { background-position: -315px top; }
#menu li a.contact span 	{ background-position: -406px top; }

/* Submenu */
#menu li ul {
	position			: absolute;
	display				: none;
	left				: 0;
	top					: 62px;
	z-index				: 10;
	width				: 150px;
	overflow			: hidden;
	padding				: 18px 4px 12px 4px;
	background			: url(../img/submenu-bg.png) no-repeat left bottom;
}

#menu li:hover ul,
#menu li.hover ul {
	display				: block;
}

#menu li li {
	width				: 144px;
	padding				: 0 3px;
}

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

#menu li li a {
	width				: 129px;
	height				: auto;
	padding				: 4px 5px 4px 10px;
	text-indent			: 0;
	text-decoration		: none;
	color				: #bebdbd;
	background			: none;
}

#menu li li.actief a,
#menu li li a:hover {
	color				: #FFF;
	background			: #000;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	float				: left;	
	position			: relative;
	z-index				: 20;
	width				: 709px;
	padding				: 1px 3px 0 4px;
	line-height			: 1.6em;
}


/* --------------------------------	*/
/* slideshow					 	*/
/* --------------------------------	*/
#slideshow {
	position			: relative;
	width				: 676px;
	height				: 224px;
	padding				: 22px 0 0 33px;
	background			: url(../img/slideshow-bg.png) no-repeat left top;
}

#slideshow ul {
	width				: 643px;
	height				: 203px;
	overflow			: hidden;
}

/* Navigatie */
#slideshow .nav a {
	display				: block;
	position			: absolute;
	top					: 108px;
	width				: 26px;
	height				: 26px;
	text-indent			: -900em;
	background			: url(../img/slideshow-navigatie.png) no-repeat;
}

#slideshow .nav a.prev {
	left				: 0;
	background-position : left top;
}

#slideshow .nav a.next {
	left				: 683px;
	background-position : right top;
}

/*#slideshow .nav a.prev:active 	{ background-position : left top; }
#slideshow .nav a.next:active 	{ background-position : right top; }*/
#slideshow .nav a.prev:hover 	{ background-position : left -26px; }
#slideshow .nav a.next:hover 	{ background-position : right -26px; }


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 670px;
	padding				: 15px 0 30px 20px;
	min-height			: 280px;
}

#content h1	{
	margin				: 0 0 5px 0;
	font-size			: 3em;
	line-height			: normal;
	color				: #013061;
}

#content h1 span	{
	font-size			: 0.6em;
}

#content a 			{ color: #00aeef; }
#content a:hover 	{ color: #C00; }

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

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #00aeef;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #0078A5;
}

#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			: #012F60;
	cursor				: pointer;
}

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

/* Contactformulier */
.formmodule {
	width				: 640px;
	padding				: 10px;
	border				: 1px solid #cbcbcb;
	background			: #ededed url(../img/contact-bg.png) repeat-x left top;
}

.formmodule li {
	width				: 310px;	
	padding				: 10px 0 0 0;
}

.formmodule .fm_form1_reactie textarea {
	height				: 315px;	
}

.formmodule .fm_form1_reactie,
.formmodule .buttons {
	clear				: both;
	float				: right;
	overflow			: hidden;
}

.formmodule .buttons .button {
	float				: right;	
}

.formmodule .verplicht {
	clear				: both;
	width				: 640px;
	text-align			: right;
	font-style			: italic;
	color				: #666;
}

.formmodule .label {
	overflow			: hidden;
	color				: #FFF;
}

.formmodule .fm_form1_postcode .label {
	width				: 108px;	
}

.formmodule .label label {
	float				: left;
	margin				: 0 0 0 1px;
	padding				: 2px 5px;
	background			: #0078A5;
}


#content .formmodule input,
#content .formmodule textarea {
	margin				: 0;
	padding				: 4px;
}

#content .formmodule input.button {
	width				: 89px;
	height				: 24px;
	padding				: 0;
	border				: none;
	font-size			: 0.9em;
	color				: #FFF;
	background			: url(../img/sidebar-button.png) no-repeat right top;
}



/* Pagina navigatie */
#content .navigatie	{
	overflow			: hidden;
	padding				: 10px 0;
}

#content .navigatie ul	{
	float				: right;
}

#content .navigatie li	{
	display				: inline;
	float				: left;
	height				: 26px;
	width				: 26px;
	margin				: 0 1px 0 0;
}

#content .navigatie li a	{
	float				: left;
	height				: 24px;
	width				: 26px;
	padding				: 2px 0 0 0;
	text-align			: center;
	font-weight			: bold;
	color				: #FFF;
	background			: url(../img/navigatie-bg.png) no-repeat left top;
}

#content .navigatie li.huidige-pagina {
	height				: 23px;
	padding				: 3px 0 0 0;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/navigatie-bg.png) no-repeat left bottom;
}


/* --------------------------------	*/
/* overzicht						*/
/* --------------------------------	*/
#overzicht {
	overflow			: hidden;	
}

#overzicht li {
	float				: left;
	width				: 650px;
	overflow			: hidden;
	padding				: 10px 10px 25px 10px;
	background			: url(../img/project-overzicht-bg.png) no-repeat left bottom;	
}

#overzicht li .info {
	float				: left;
	width				: 450px;
	overflow			: hidden;
}

#overzicht li .info h2 {
	line-height			: 2em;
	text-transform		: uppercase;
	color				: #41b9e6;
}

#overzicht li .info a {
	float				: right;
	width				: 89px;
	height				: 24px;
	margin				: 7px 0 0 0;
	text-align			: center;
	text-decoration		: none;
	line-height			: 2em;
	font-size			: 0.9em;
	color				: #FFF;
	background			: url(../img/sidebar-button.png) no-repeat right top;
}

#overzicht li img {
	float				: right;
	margin				: 13px 0 0 0;
	border				: 1px solid #FFF;
}

/* Hover */
#overzicht li.hover {
	color				: #FFF;	
	background			: #222 url(../img/project-overzicht-bg.png) no-repeat left bottom;	
}


/* --------------------------------	*/
/* projectdetail					*/
/* --------------------------------	*/
#detail {
	overflow			: hidden;
}

/* Fotos */
#detail #fotos {
	float				: left;	
	width				: 322px;
}

#detail #fotos img {
	border				: 1px solid #292929;
}

#detail #fotos .thumbs {
	margin				: 10px 0 0 0;
	overflow			: hidden;
}

#detail #fotos .thumbs li {
	display				: inline;
	float				: left;
	width				: 79px;
	margin				: 0 5px 5px 0;
}

/* Info */
#detail #info {
	float				: right;
	width				: 330px;
	overflow			: hidden;
	margin-bottom		: 15px;
	min-height			: 300px;
}

#detail #info ul {
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#detail #info ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

#detail a.terug {
	float				: left;
	width				: 125px;
	height				: 24px;
	margin				: 7px 0 10px 0;
	text-align			: center;
	text-decoration		: none;
	line-height			: 2em;
	font-size			: 0.9em;
	color				: #FFF;
	background			: url(../img/button-terug.png) no-repeat left top;
}

#detail a.terug:hover {
	background			: url(../img/button-terug.png) no-repeat right top;
}


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

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


#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* sidebar						 	*/
/* --------------------------------	*/
#sidebar {
	float				: right;
	position			: relative;
	z-index				: 25;
	width				: 274px;
	line-height			: 1.4em;
	color				: #FFF;
}

#sidebar .blok-projecten,
#sidebar .blok-video {
	position			: relative;
	width				: 238px;
	padding				: 22px 15px 0 21px;
	background			: url(../img/sidebar-blok.png) no-repeat;
}

#sidebar .blok-projecten {
	height				: 226px;
	background-position	: left top;
}

#sidebar .blok-projecten h3 {
	height				: 17px;
	overflow			: hidden;		
}

#sidebar .blok-projecten p {
	height				: 33px;
	overflow			: hidden;
}

#sidebar .blok-video {
	height				: 197px;
	margin				: 10px 0 0 0;
	background-position	: left bottom;
}


#sidebar h2 {
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 10;
	width				: 106px;
	height				: 107px;
	text-indent			: -900em;
	background			: url(../img/sidebar-titels.png) no-repeat;
}

#sidebar .blok-projecten h2 	{ background-position: left top; }
#sidebar .blok-video h2 		{ background-position: left bottom; }

#sidebar .blok-video h3 {
	height				: 17px;
	overflow			: hidden;		
}

#sidebar .blok-googlemaps {
	margin-top			: 5px;
	position			: relative;
	background			: url(../img/sidebar-googlemaps-bg.png) -3px top no-repeat;	
	padding				: 30px 15px 0 17px;
	width				: 238px;
	height				: 372px;
}

#sidebar .blok-googlemaps h2 {
	top					: 5px;
	background			: url(../img/sidebar-titel-googlemaps.png) no-repeat;
}

#sidebar #plattegrond-google {
	display				: none;	
}

#sidebar img {
	margin				: 0 0 5px 0;	
}

#sidebar a.bekijk {
	float				: right;
	width				: 89px;
	height				: 24px;
	margin				: 7px 0 0 0;
	text-align			: center;
	text-decoration		: none;
	line-height			: 2em;
	font-size			: 0.9em;
	color				: #FFF;
	background			: url(../img/sidebar-button.png) no-repeat right top;
}

#sidebar a.bekijk:hover {
	background			: url(../img/sidebar-button.png) no-repeat left top;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	margin-top			: -20px;	
	color				: #FFF;
	background			: #000 url(../img/footer-bg.png) repeat-x left bottom;
}

#footer address	{
	position			: relative;
	width				: 900px;
	margin				: 0 auto;
	padding				: 21px 0;
	font-style			: normal;
}

#footer address strong	{
	color				: #00aeef;
}

#footer address a	{
	text-decoration		: none;
	color				: #FFF;
}

#footer address a:hover	{
	color				: #00aeef;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 974px;
	margin				: 0 auto;
	padding				: 10px;
	text-align			: right;
	font-size			: 0.9em;
	color				: #013061;
}

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

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