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

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

.clear	{
	clear				: both;
}
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;
	background			: url(../img/container-bg.png) repeat-y left top;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 212px;
	padding				: 57px 0 0 12px;
	background			: url(../img/header-bg.png) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 17px;
	z-index				: 2;
	cursor				: pointer;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 12px;
	top					: 30px;
}

#topmenu li {
	display				: inline;
	border-right		: 1px solid #605d91;
}

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

#topmenu li a {
	padding				: 0 5px;
	text-decoration		: none;
	color				: #605d91;
}

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

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

/* Foto's */
#header-fotos {
	position			: relative;
	z-index				: 1;
	width				: 970px;
	height				: 212px;
	overflow			: hidden;
}

/* Balk overlay */
#header .balk {
	position			: absolute;
	left				: 12px;
	bottom				: 0;
	z-index				: 3;
	width				: 970px;
	height				: 25px;
	opacity				: 0.7;
	background			: #605d91;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	padding				: 0 12px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 20px;
	top					: -40px;
	z-index				: 80;
	width				: 185px;
	height				: 238px;
	padding				: 22px 0 0 7px;
	background			: url(../img/menu-bg.png) no-repeat left top;
}

#menu li {
	position			: relative;
	padding				: 0 0 8px 0;
}

#menu li a {
	display				: block;
	width				: 177px;
	height				: 19px;
	text-indent			: -900em;
	background			: url(../img/menu.gif) no-repeat;
}

#menu li a.home		 	{ background-position: left top; }
#menu li a.algemeen 	{ background-position: left -19px; }
#menu li a.produkt 		{ background-position: left -38px; }
#menu li a.uitleg 		{ background-position: left -133px; }
#menu li a.referenties 	{ background-position: left -57px; }
#menu li a.media 		{ background-position: left -76px; }
#menu li a.nieuws 		{ background-position: left -95px; }
#menu li a.links 		{ background-position: left -114px; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home			{ background-position: right top; }
#menu li:hover a.algemeen,
#menu li.hover a.algemeen,
#menu li.actief a.algemeen		{ background-position: right -19px; }
#menu li:hover a.produkt,
#menu li.hover a.produkt,
#menu li.actief a.produkt 		{ background-position: right -38px; }
#menu li:hover a.uitleg,
#menu li.hover a.uitleg,
#menu li.actief a.uitleg		{ background-position: right -133px; }
#menu li:hover a.referenties,
#menu li.hover a.referenties,
#menu li.actief a.referenties 	{ background-position: right -57px; }
#menu li:hover a.media,
#menu li.hover a.media,
#menu li.actief a.media 		{ background-position: right -76px; }
#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 		{ background-position: right -95px; }
#menu li:hover a.links,
#menu li.hover a.links,
#menu li.actief a.links			{ background-position: right -114px; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: -6px;
	z-index				: 1000;
	width				: 156px;
	padding				: 5px 0;
	border				: 1px solid #CCC;
	border-width		: 1px 1px 1px 0;
	background			: url(../img/submenu-bg.gif) repeat-y right top;
}

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

#menu li li {
	margin				: 0 0 2px 0;
	padding				: 0;
}

#menu li li a {
	width				: 135px;
	height				: auto;
	padding				: 2px 3px 2px 18px;
	text-indent			: 0;
	text-decoration		: none;
	color				: #605d91;
	background			: none;
}

#menu li li a:hover,
#menu li li.actief a {
	color				: #FFF;
	background			: url(../img/submenu-hover-bg.gif) repeat-y left top;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	z-index				: 10;
	min-height			: 410px;
	line-height			: 1.6em;
	color				: #666;
}

#content .contenttitel {
	position			: relative;
	z-index				: 50;
	padding				: 16px 5px 14px 218px;
	background			: #9492b5;
}

#content h1	{
	font-size			: 2em;
	font-style			: italic;
	font-weight			: normal;
	color				: #FFF;
}

#content a 			{ color: #F15B2A; }
#content a:hover 	{ color: #605d91; }


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent {
	position			: relative;
	width				: 735px;
	padding				: 20px 0 20px 220px;
}

/* iwes opmaak */
#content .iwes a:visited 	{ color: #8f8e8e; }
#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	{
	margin				: 1px;
	padding				: 2px;
	border				: solid 1px #8f8e8e;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	margin				: 0;
	border				: 2px solid #F15B2A;
}

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

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

/* Terug */

#content .button-terug {
	clear				: left;
	width				: 200px;
	padding				: 0 0 10px 0;
}

#content .terug {
	float				: left;
	width				: 187px;
	height				: 22px;
	text-indent			: -900em;
	background			: url(../img/terugnaaroverzicht.gif) no-repeat left top;
}

#content .terug:hover {
	background			: url(../img/terugnaaroverzicht.gif) no-repeat left bottom;
}



/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .paginanavigatie	{
	position			: absolute;
	right				: 0;
	bottom				: 0;
	color				: #8f8e8e;
}

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

#content .paginanavigatie ul	{
	float				: right;
	padding				: 6px 10px;
	background			: #dedde8;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 3px 0 0;
	border				: none;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 3px 0 0;
	padding				: 1px 4px;
	border				: 1px solid #605d91;
	color				: #FFF;
	background			: #605d91;
}

#content .paginanavigatie ul li a	{
	padding				: 1px 4px;
	background			: #FFF;
	border				: 1px solid #a3a3a3;
	color				: #8f8e8e;
	text-decoration		: none;
}

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


/* Jumpbox */
#content .paginanavigatie .vakjumpbox {
	float				: right;
	padding				: 5px 10px;
	background			: #dedde8;
}

#content .paginanavigatie .jumpbox {
	width				: 171px;
	border				: 1px solid #9c9c9c;
}

#content .paginanavigatie .jumpbox span	{
	display				: block;
	height				: 17px;
	padding				: 2px 0 0 3px;
	line-height			: normal;
	background			: #FFF url(../img/jumpbox-pijl.gif) no-repeat right top;
	cursor				: pointer;
}

#content .paginanavigatie .jumpbox-open span	{
	background			: #FFF url(../img/jumpbox-open-pijl.gif) no-repeat right top;
}

#content .paginanavigatie .jumpbox ul	{
	float				: none;
	z-index				: 10;
	width				: 171px;
	padding				: 0;
	border				: solid 1px #9c9c9c;
	border-top			: none;
	background			: #FFF;
}

#content .paginanavigatie .jumpbox ul li	{
	float				: left;
	width				: 171px;
	padding				: 0;
	border				: none;
}

#content .paginanavigatie .jumpbox ul li a	{
	float				: left;
	width				: 165px;
	padding				: 2px 3px;
	border				: none;
	text-decoration		: none;
	color				: #8f8e8e;
}

#content .paginanavigatie .jumpbox ul li a:hover,
#content .paginanavigatie .jumpbox ul li.actief a	{
	border				: none;
	color				: #FFF;
	background			: #aeacc6;
}


/* --------------------------------	*/
/* referentieoverzicht			 	*/
/* --------------------------------	*/
#referentieoverzicht {
	position			: relative;
	z-index				: 10;
	padding				: 20px 0 20px 195px;
}

#referentieoverzicht li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 191px;
	margin				: 0 0 10px 0;
	padding				: 0 0 25px 0;
	vertical-align		: top;
	background			: url(../img/ref-overzicht-bottom.png) no-repeat left bottom;
	min-height			: 170px
}

#referentieoverzicht li.hover {
	background			: url(../img/ref-overzicht-bottom.png) no-repeat right bottom;
}

#referentieoverzicht li h3 {
	padding				: 18px 18px 0 22px;
	font-size			: 1.3em;
	color				: #605d91;
	background			: url(../img/ref-overzicht-top.png) no-repeat left top;
}

#referentieoverzicht li h4 {
	padding				: 0 18px 5px 22px;
	font-weight			: normal;
	color				: #000;
}

#referentieoverzicht li .info {
	display				: block;
	padding				: 0 16px 5px 22px;
}

#referentieoverzicht li a,
#referentieoverzicht li a:hover  {
	display				: block;
	margin				: 15px 12px 0 12px;
	padding				: 0 5px 2px 10px;
	font-weight			: bold;
	color				: #FFF;
	background			: #605d91;	
}


/* --------------------------------	*/
/* referentiedetail				 	*/
/* --------------------------------	*/
#referentiedetail {
	position			: relative;
	z-index				: 10;
	overflow			: hidden;
	padding				: 20px 0 20px 195px;
}

/* Fotos */
#referentiedetail #fotos {
	float				: left;
	width				: 308px;
	height				: 416px;
	padding				: 20px 0 0 22px;
	background			: url(../img/ref-detail-fotos-bg.png) no-repeat left top;
}

#referentiedetail #fotos h2 {
	font-size			: 1.5em;
}

#referentiedetail #fotos .fotogroot {
	width				: 283px;
	height				: 185px;
	margin				: 10px 0;
	padding				: 0 0 0 1px;
}

#referentiedetail #fotos .thumbs {
	overflow			: hidden;
	padding				: 10px 0 15px 0;
}

#referentiedetail #fotos .thumbs li {
	float				: left;
	width				: 71px;
	height				: 54px;
	margin				: 0 1px 1px 0;
}

#referentiedetail #fotos .thumbs li a {
	width				: 69px;
	height				: 52px;
}

#referentiedetail #fotos .thumbs li a img {
	margin				: 1px;
}

#referentiedetail #fotos .thumbs li a:hover img {
	margin				: 0;
	border				: 1px solid #605d91;
}


/* Info */
#referentiedetail .info {
	float				: left;
	width				: 390px;
	padding				: 20px 0 0 20px;
	text-align			: justify;
}

#referentiedetail .info h2 {
	margin				: 0 0 15px 0;
	font-size			: 1.4em;
	font-weight			: normal;
	color				: #605d91;
}


/* --------------------------------	*/
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	position			: relative;
	overflow			: hidden;
	width				: 600px;
	padding				: 10px 10px 10px 70px;
	border-bottom		: 1px solid #9492B5;
}

#nieuwsoverzicht li .datum {
	position			: absolute;
	left				: 10px;
	top					: 10px;
	width				: 48px;
	height				: 36px;
	padding				: 13px 1px 0 0;
	font-size			: 0.9em;
	line-height			: 1.2em;
	text-align			: center;
	text-transform		: uppercase;
	background			: url(../img/datum-bg.png) no-repeat left top;
}

#nieuwsoverzicht li .item {
	min-height			: 	45px;
}

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

#nieuwsoverzicht li h3 a {
	text-decoration		: none;
	color				: #605d91;
}

#nieuwsoverzicht li h3 a:hover {
	color				: #F15B2A;
}

#nieuwsoverzicht li a.leesmeer {
	float				: right;
	width				: 94px;
	height				: 22px;
	text-indent			: -900em;
	background			: url(../img/leesmeer.gif) no-repeat left top;
}


#nieuwsoverzicht li a.leesmeer:hover {
	background			: url(../img/leesmeer.gif) no-repeat left bottom;
}

#nieuwsoverzicht li a.bekijk-video {
	float				: right;
	width				: 100px;
	height				: 22px;
	text-indent			: -900em;
	background			: url(../img/bekijk-video.gif) no-repeat left top;
}

#nieuwsoverzicht li a.bekijk-video:hover {
	background			: url(../img/bekijk-video.gif) no-repeat right top;
}

/* --------------------------------	*/
/* videos							*/
/* --------------------------------	*/
#videos {
	position			: relative;
	z-index				: 2;
}

#videos .video {
	float				: right;	
	width				: 600px;
	overflow			: hidden;
}

#videos .video .omschrijving {
	margin-top			: 10px;	
	width				: 600px;
}

#videos .lijst {
	float				: left;	
	width				: 235px;
	min-height			: 300px;
	background			: url(../img/video-lijst-bg.png) left top no-repeat;
	padding				: 8px 
}

#videos .lijst li {
	width				: 250px;	
}

#videos .lijst h3 {
	padding				: 5px 0;
	text-align			: center;
	font-size			: 1.2em;
}

#videos .lijst a {
	display				: block;
	width				: 212px;
	color				: #605D91;	
	padding				: 3px 10px;
	text-decoration		: none;
}

#videos .lijst a:hover,
#videos .lijst li.actief a{
	background			: #AFAEC8;
	color				: #fff;
}

#videos .lijst a:visited {
	color				: 	
}


/* --------------------------------	*/
/* nieuwsbrief aan- en afmelden		*/
/* --------------------------------	*/
#nieuwsbriefformulier fieldset {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

#nieuwsbriefformulier legend {
	text-indent			: -900em;
}

#nieuwsbriefformulier ul {
	list-style			: none;
	padding				: 0;
	margin				: 0;
}

#nieuwsbriefformulier li {
	margin				: 0 0 3px 0;
	list-style			: none;
}

#nieuwsbriefformulier li label {
	display				: block;
	width				: 80px;
	float				: left;
	padding				: 3px 0 1px 0;
}
#nieuwsbriefformulier li input {
	width				: 200px;
	margin				: 1px;
}

#nieuwsbriefformulier li#extra_variabelen {
	clear				: both;
}

#nieuwsbriefformulier li#extra_variabelen select {
	display				: block;
	width				: 80px;
	margin				: 10px 0 3px 80px;
}

#nieuwsbriefformulier li#extra_variabelen br {
	clear				: left;
}

#nieuwsbriefformulier li.aan_afmelden {
	padding				: 10px 0 10px 80px;
}
#nieuwsbriefformulier li.aan_afmelden input.radio {
	border				: 0;
	width				: 17px;
}
#nieuwsbriefformulier li.aan_afmelden label {
	width				: 100px;
	display				: inline;
	float				: none;
}

#nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;		
}

#nieuwsbriefformulier li input.button {
	display				: block;
	cursor				: pointer;
	color				: #fff;
	border				: none;
	width				: 100px;
	margin				: 10px 0 10px 80px;
}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	display					: none;
	font-weight				: bold;
}

/*button nieuwsbrief*/
.button-nieuwsbrief-container {
	float					: right;
	background				: #DEDDE8;
	padding					: 2px 0 0 0 ;
	width					: 193px;
}

a.button-nieuwsbrief {
	display					: block;
	float					: right;
	padding					: 5px 10px;
	position				: relative;
	width					: 173px;
	height					: 19px;
	text-indent				: -9000em;
	background				: url(../img/button_nieuwsbrief.gif) 3px 2px no-repeat;
}

a:hover.button-nieuwsbrief {
	background-position		: -215px	2px;
}



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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* brochure link				 	*/
/* --------------------------------	*/
.brochure {
	display				: block;
	position			: absolute;
	left				: 40px;
	bottom				: -45px;
	width				: 144px;
	padding				: 186px 0 0 0;
	font-size			: 0.9em;
	text-align			: center; 
	color				: #FFF;
	background			: url(../img/brochure.png) no-repeat left top;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 55px;
	padding				: 20px 0 0 0;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/footer-bg.gif) no-repeat left top;
}

#footer address	{
	font-style			: normal;
}

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

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

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


/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
.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,
.sIFR-hasFlash h2 {
	visibility			: hidden;
	line-height			: 1.8em;
}