body	{
	background			: #000 url(../img/body-bg.gif) repeat-x left top;
	font				: 0.7em Tahoma, sans-serif;
}

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

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#menu:after,
#main:after,
#projectoverzicht .overzicht:after,
#projectoverzicht .projectdetail:after,
#nieuwsoverzicht li:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#menu,
	#main,
	#projectoverzicht .overzicht,
	#projectoverzicht .projectdetail,
	#nieuwsoverzicht li
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #menu,
	* html #main,
	* html #projectoverzicht .overzicht,
	* html #projectoverzicht .projectdetail,
	* html #nieuwsoverzicht li 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#menu,
	#main,
	#projectoverzicht .overzicht,
	#projectoverzicht .projectdetail,
	#nieuwsoverzicht li 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 990px;
	border				: 1px solid #000;
	background			: #E2D5BE;
}

.home #container 		{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.productlijn #container { background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.projecten #container 	{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.informatie #container 	{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.referenties #container { background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.nieuws #container 		{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.vacatures #container 	{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.contact #container 	{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }
.disclaimer #container 	{ background: #E2D5BE url(../img/home-bg.jpg) no-repeat left 95px; }


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 94px;
	background			: #2d2865;
	border-bottom		: 1px solid #000;
}

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

#header q	{
	position			: absolute;
	top					: 29px;
	left				: 251px;
	display				: block;
	width				: 383px;
	height				: 42px;
	text-indent			: -900em;
	background			: url(../img/slogan.gif) no-repeat left top;
}

/* topmenu */
#header .topmenu {
	float				: right;
	margin				: 10px 10px 0 0;
}

#header .topmenu li {
	float				: left;
	border-right		: 1px solid #e2d5be;
}

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

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

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

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



/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	width				: 822px;
}

#menu li	{
	float				: left;
	position			: relative;
}

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

#menu li a.home 		{ background-position: left top; 	width: 99px; }
#menu li a.productlijn 	{ background-position: -99px top; 	width: 130px; }
#menu li a.projecten 	{ background-position: -229px top; 	width: 120px; }
#menu li a.informatie 	{ background-position: -349px top; 	width: 126px; }
#menu li a.referenties 	{ background-position: -475px top; 	width: 130px; }
#menu li a.nieuws 		{ background-position: -605px top; 	width: 99px; }
#menu li a.vacatures 	{ background-position: -704px top; 	width: 118px; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 			{ background-position: left bottom; }
#menu li:hover a.productlijn,
#menu li.hover a.productlijn,
#menu li.actief a.productlijn 	{ background-position: -99px bottom; }
#menu li:hover a.projecten,
#menu li.hover a.projecten,
#menu li.actief a.projecten		{ background-position: -229px bottom; }
#menu li:hover a.informatie,
#menu li.hover a.informatie,
#menu li.actief a.informatie 	{ background-position: -349px bottom; }
#menu li:hover a.referenties,
#menu li.hover a.referenties,
#menu li.actief a.referenties 	{ background-position: -475px bottom; }
#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 		{ background-position: -605px bottom; }
#menu li:hover a.vacatures,
#menu li.hover a.vacatures,
#menu li.actief a.vacatures 	{ background-position: -704px bottom; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -999em;
	top					: 40px;
	width				: 165px;
	background			: #14112d;
}

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

#menu li ul li {
	width				: 165px;
	border-bottom		: 1px solid #4c4654;
}

#menu li ul li a {
	height				: auto;
	padding				: 8px 10px 8px 24px;
	width				: 131px;
	text-indent			: 0;
	background			: none;
	color				: #e2d5be;
	text-decoration		: none;
}

#menu li ul li a:hover {
	color				: #FFF;
}

#menu li ul li.actief a {
	color				: #FFF;
	background			: url(../img/submenu-actief.gif) no-repeat 8px 10px;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	padding				: 270px 15px 35px 40px;
	background			: url(../img/main-bg.gif) no-repeat left bottom;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	line-height			: 1.6em;
	width				: 640px;
	float				: left;
	min-height			: 187px;
}

#main h1,
#projectoverzicht h1	{
	color				: #2c2764;
	font-size			: 2.2em;
	font-weight			: normal;
	margin				: 0 0 17px 0;
	text-transform		: uppercase;
}

#content a 			{ color: #2c2764; }
#content a:visited 	{ color: #000; }
#content a:hover 	{ color: #000; }

/* iwes opmaak */
#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 {
	list-style			: none;
	margin				: 0;
}

#content input, 
#content select, 
#content textarea	{
	border				: 1px solid #000;
	font				: 1em Arial;
	padding				: 2px;
}

#content textarea	{
	overflow			: auto;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #2E2866;
	color				: #fff;
	font-weight			: bold;
	border				: none;
	padding				: 3px 20px;
	margin				: 10px 0;
}

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

#content a.gaterug {
	display				: block;
	color				: #114193;
	font-weight			: bold;
	text-decoration		: none;
	margin-top			: 10px;
}


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

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

#googlemaps a	{
	color				: #58585A;
}

/* --------------------------------	*/
/* projectoverzicht				 	*/
/* --------------------------------	*/
#projectoverzicht {
	padding				: 200px 15px 35px 40px;
	background			: url(../img/main-bg.gif) no-repeat left bottom;
	min-height			: 160px;
}

/* Keuze categorieen */
#projectoverzicht .categorieen {
	position			: relative;
	border				: 1px solid #000;
	float				: left;
	width				: 200px;
}

#projectoverzicht .categorieen strong {
	display				: block;
	background			: url(../img/categorie-select.gif) no-repeat right top;
	padding				: 3px 25px 3px 5px;
	color				: #114193;
	cursor				: default;
}

#projectoverzicht .categorieen ul {
	position			: absolute;
	left				: -1px;
	display				: none;
	background			: #d8c8ac; 
	border				: 1px solid #000;
	border-width		: 0 1px 1px 1px;
}

#projectoverzicht .categorieen:hover,
#projectoverzicht .categorieen.hover {
	background			: #d8c8ac; 
}

#projectoverzicht .categorieen:hover ul,
#projectoverzicht .categorieen.hover ul {
	display				: block;
}

#projectoverzicht .categorieen li {
	float				: left;
	width				: 200px;
}

#projectoverzicht .categorieen a {
	display				: block;
	width				: 190px;
	padding				: 5px;
	text-decoration		: none;
	color				: #000;
}

#projectoverzicht .categorieen a:hover {
	background			: #114193;
	color				: #FFF;
}

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

/* Overzicht producten */
#projectoverzicht .overzicht {
	clear				: left;
	padding				: 20px 0 0 0;
}

#projectoverzicht .overzicht li {
	width				: 435px;
	float				: left;
	padding				: 10px;
	margin				: 0 10px 10px 0;
	display				: inline;
}

#projectoverzicht .overzicht li.hover {
	background			: #114193;
	color				: #FFF;
}

#projectoverzicht .overzicht li h2 {
	color				: #114193;
	font-size			: 1.7em;
	font-weight			: normal;
	margin				: 0 0 5px 0;
}

#projectoverzicht .overzicht li.hover h2 {
	color				: #FFF;
}

#projectoverzicht .overzicht li .info {
	float				: left;
	width				: 250px;
	line-height			: 1.4em;
	text-align			: justify;
}

#projectoverzicht .overzicht li img {
	float				: right;
	border				: 1px solid #FFF;
}

#projectoverzicht .overzicht li a.leesmeer {
	float				: right;
	margin				: 10px 0 0 0;
	color				: #114193;
	font-weight			: bold;
	text-decoration		: none;
}

#projectoverzicht .overzicht li.hover a.leesmeer {
	color				: #FFF;
}

/* Projectdetail */
#projectoverzicht .projectdetail {
	clear				: left;
	padding				: 20px 0 0 0;
}

#projectoverzicht .projectdetail h2 {
	color				: #114193;
	font-size			: 1.7em;
	font-weight			: normal;
	margin				: 0 0 5px 0;
}

#projectoverzicht .projectdetail .info {
	float				: left;
	width				: 450px;
	padding				: 0 20px 0 0;
	line-height			: 1.4em;
}

#projectoverzicht .projectdetail .info li {
	list-style-type		: disc;
	list-style-position	: inside;
}

#projectoverzicht .projectdetail .fotos {
	float				: left;
	width				: 400px;
}

#projectoverzicht .projectdetail img {
	border				: 1px solid #FFF;
	margin				: 0 5px 5px 0;
}

#projectoverzicht .projectdetail a.gaterug {
	color				: #114193;
	font-weight			: bold;
	text-decoration		: none;
}


/* --------------------------------	*/
/* Nieuwsoverzicht 					*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	float				: left;
	padding				: 10px;
	margin				: 0 10px 10px 0;
	display				: inline;
	width				: 435px;
}

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

#nieuwsoverzicht li .datum {
	float				: left;
	width				: 30px;
	margin				: 5px 0 0 0;
	background			: #114193;
	color				: #FFF;
	padding				: 5px;
	text-align			: center;
}

#nieuwsoverzicht li .datum .dag {
	font-size			: 1.4em;
	font-weight			: bold;
}

#nieuwsoverzicht li .datum .maand {
	display				: block;
	text-transform		: uppercase;
	font-size			: 1.1em;
	font-weight			: bold;
}

#nieuwsoverzicht li .bericht {
	float				: left;
	width				: 385px;
	padding				: 0 0 0 5px;
}

#nieuwsoverzicht li h2 {
	color				: #114193;
	font-size			: 1.7em;
	font-weight			: normal;
	margin				: 0 0 5px 0;
}

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

#nieuwsoverzicht li a.leesmeer {
	float				: right;
	margin				: 10px 0 0 0;
	color				: #114193;
	font-weight			: bold;
	text-decoration		: none;
}

#nieuwsoverzicht li.hover a.leesmeer {
	color				: #FFF;
}

/* pagina navigatie	*/
.pagina_navigatie	{
	clear				: left;
}

.pagina_navigatie ul	{
	display				: inline;
}

.pagina_navigatie ul li	{
	display				: inline;
	border				: none;
	margin				: 0;
	padding				: 0 0 0 5px;
	font-weight			: bold;
}

.pagina_navigatie ul li a	{
	padding				: 2px 5px;
	background			: #114193;
	text-decoration		: none;
	color				: #FFF;
}

.pagina_navigatie ul li.actief a, 
.pagina_navigatie ul li a:hover	{
	background			: #333;
}


/* --------------------------------	*/
/* Laatste nieuws (Tritop nieuws) 	*/
/* --------------------------------	*/
#laatstenieuws {
	width				: 185px;
	float				: right;
	background			: url(../img/laatstenieuws-bg.gif) no-repeat left top;
	min-height			: 180px;
	padding				: 35px 30px 15px 25px;
	line-height			: 1.4em;
}

#laatstenieuws h2 {
	text-indent			: -900em;
}

#laatstenieuws a {
	float				: left;
	text-decoration		: none;
	color				: #000;
}

#laatstenieuws a .titel {
	color				: #2d2865;
}

#laatstenieuws a:hover .titel {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #2d2765 url(../img/footer-bg.gif) no-repeat left top;
	color				: #FFF;
	text-align			: center;
	padding				: 5px 0;
	border-top			: 1px solid #000;
}

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

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

#footer address {
	font-style			: normal;
}

/* Tekst / links onderaan */
#amimpact {
	padding				: 20px 0 80px 0;
	color				: #FFF;
}

#amimpact p {
	position			: relative;
	width				: 990px;
	margin				: 0 auto;
}

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

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

#amimpact .copyright {
	float				: left;
}

#amimpact .webdesign {
	float				: right;
}

/* --------------------------------	*/
/* 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 {
	visibility			: hidden;
	line-height			: 1.4em;
}