body	{
	background			: #2b5516 url(../img/body-bg.jpg) repeat-x left top;
	font				: 0.7em Arial, sans-serif;
}

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

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#breadcrumbs ol:after,
#main:after,
#blokken:after,
#content #login .formmodule li:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#breadcrumbs ol,
	#main,
	#blokken,
	#content #login .formmodule li
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #breadcrumbs ol,
	* html #main,
	* html #blokken,
	* html #content #login .formmodule li 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#breadcrumbs ol,
	#main,
	#blokken,
	#content #login .formmodule li 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto 0 112px;
	padding				: 21px 0 0 0;
	width				: 789px;
}


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

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

/* Topmenu */
#header #topmenu {
	position			: absolute;
	/*left				: 345px;*/
	top					: 20px;
	right				: 200px;
/*	width				: 250px;*/
}

#header #topmenu li {
	float				: left;
}

#header #topmenu li a {
	float				: left;
	color				: #000;
	text-decoration		: none;
	padding				: 0 10px;
	background			: url(../img/topmenu-bg.gif) no-repeat right 4px;
}

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

#header #topmenu li a.last {
	background			: none;
}

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


#wrapper .banner {
	position			: absolute;
	top					: 286px;
	left				: 665px;
	width				: 104px;
	height				: 96px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/banner-beste-leerbedrijf.png) no-repeat -28px -15px;
}

#wrapper .banner a {
	display				: block;
	width				: 100%;
	height				: 100%;
}

#wrapper .banner.has-link:hover {
	background-position	: -28px	-165px;	
}


/* --------------------------------	*/
/* wrapper						 	*/
/* --------------------------------	*/
#wrapper {
	background			: url(../img/wrapper-bg.png) repeat-y left top;
	padding				: 0 11px 0 3px;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu-bg.gif) repeat-x left top;
	height				: 23px;
	border-bottom		: 1px solid #FFF;
}

#menu li {
	float				: left;
	background			: url(../img/menuitem-bg.gif) no-repeat right 7px;
	padding				: 0 1px 0 0;
}

#menu li.last {
	background			: none;
}

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

#menu li a.kormelink 	{ width: 102px; background-position: left top; }
#menu li a.diensten 	{ width: 92px; background-position: -102px top; }
#menu li a.referenties 	{ width: 107px; background-position: -194px top; }
#menu li a.nieuws 		{ width: 87px; background-position: -301px top; }
#menu li a.vacatures 	{ width: 100px; background-position: -388px top; }

#menu li a.kormelink:hover,
#menu li.actief a.kormelink 	{ background-position: left bottom; }
#menu li a.diensten:hover,
#menu li.actief a.diensten 		{ background-position: -102px bottom; }
#menu li a.referenties:hover,
#menu li.actief a.referenties 	{ background-position: -194px bottom; }
#menu li a.nieuws:hover,
#menu li.actief a.nieuws 		{ background-position: -301px bottom; }
#menu li a.vacatures:hover,
#menu li.actief a.vacatures 	{ background-position: -388px bottom; }


/* --------------------------------	*/
/* breadcrumbs					 	*/
/* --------------------------------	*/
#breadcrumbs {
	position			: relative;
	padding				: 0 0 84px 0;
	background			: url(../img/breadcrumbs-bg.jpg) no-repeat left bottom;
}

.kormelink 				#breadcrumbs { background: url(../img/breadcrumbs-kormelink-bg.jpg) no-repeat left bottom; }
.diensten 				#breadcrumbs { background: url(../img/breadcrumbs-diensten-bg.jpg) no-repeat left bottom; }
.referenties 			#breadcrumbs { background: url(../img/breadcrumbs-referenties-bg.jpg) no-repeat left bottom; }
.nieuws		 			#breadcrumbs { background: url(../img/breadcrumbs-nieuwsoverzicht-bg.jpg) no-repeat left bottom; }
.login		 			#breadcrumbs { background: url(../img/breadcrumbs-login-bg.jpg) no-repeat left bottom; }
.sitemap	 			#breadcrumbs { background: url(../img/breadcrumbs-sitemap-bg.jpg) no-repeat left bottom; }
.contact				#breadcrumbs { background: url(../img/breadcrumbs-contact-bg.jpg) no-repeat left bottom; }

/*diensten sub*/
.woningbouw				#breadcrumbs { background: url(../img/breadcrumbs-woningbouw-bg.jpg) no-repeat left bottom; }
.utiliteitsbouw			#breadcrumbs { background: url(../img/breadcrumbs-utiliteitsbouw-bg.jpg) no-repeat left bottom; }
.verbouw				#breadcrumbs { background: url(../img/breadcrumbs-verbouw-bg.jpg) no-repeat left bottom; }
.utiliteitsbouw			#breadcrumbs { background: url(../img/breadcrumbs-utiliteitsbouw-bg.jpg) no-repeat left bottom; }
.renovatie				#breadcrumbs { background: url(../img/breadcrumbs-renovatie-bg.jpg) no-repeat left bottom; }
.restauratie			#breadcrumbs { background: url(../img/breadcrumbs-restauratie-bg.jpg) no-repeat left bottom; }
.service				#breadcrumbs { background: url(../img/breadcrumbs-service-bg.jpg) no-repeat left bottom; }
.houtbewerking			#breadcrumbs { background: url(../img/breadcrumbs-houtbewerking-bg.jpg) no-repeat left bottom; }
.projectontwikkeling	#breadcrumbs { background: url(../img/breadcrumbs-projectontwikkeling-bg.jpg) no-repeat left bottom; }
.recreatiebouw			#breadcrumbs { background: url(../img/breadcrumbs-recreatiebouw-bg.jpg) no-repeat left bottom; }

/*kormelink sub*/
.organisatie			#breadcrumbs { background: url(../img/breadcrumbs-organisatie-bg.jpg) no-repeat left bottom; }
.historie				#breadcrumbs { background: url(../img/breadcrumbs-historie-bg.jpg) no-repeat left bottom; }
.werkwijze				#breadcrumbs { background: url(../img/breadcrumbs-werkwijze-bg.jpg) no-repeat left bottom; }
.certificaten			#breadcrumbs { background: url(../img/breadcrumbs-certificaten-bg.jpg) no-repeat left bottom; }
.opleidingen			#breadcrumbs { background: url(../img/breadcrumbs-opleidingen-bg.jpg) no-repeat left bottom; }
.links					#breadcrumbs { background: url(../img/breadcrumbs-links-bg.jpg) no-repeat left bottom; }
.kormelink-contact		#breadcrumbs { background: url(../img/breadcrumbs-kormelink-contact-bg.jpg) no-repeat left bottom; }


#breadcrumbs ol {
	background			: #e3e3e3;
	padding				: 4px 5px 4px 15px;
	background			: #e3e3e3;
	border-bottom		: 1px solid #FFF;
}

#breadcrumbs ol li {
	float				: left;
	padding				: 0 11px 0 6px;
	background			: url(../img/breadcrumbsitem-bg.gif) no-repeat right 5px;
}

#breadcrumbs ol li.huidig {
	background			: none;
}

#breadcrumbs ol li a {
	color				: #000;
}

#breadcrumbs ol li a:hover {
	color				: #C03;
}

/* Slogan */
#breadcrumbs q.slogan {
	position			: absolute;
	display				: block;
	bottom				: 0;
	right				: 0;
	width				: 194px;
	height				: 180px;
	background			: url(../img/slogan.png) no-repeat left top;
	text-indent			: -900em;
}


/* --------------------------------	*/
/* main						 		*/
/* --------------------------------	*/
#main {
	position			: relative;
	padding				: 20px;
	min-height			: 300px;
}


/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
#submenu {
	display				: inline;
	width				: 212px;
	float				: left;
	margin				: 30px 40px 0 0;
}

#submenu li {
	float				: left;
	width				: 212px;
	padding				: 0 0 1px 0;
	background			: url(../img/main-bg.gif) no-repeat left bottom;
}

#submenu li a {
	float				: left;
	padding				: 5px 5px 5px 10px;
	width				: 197px;
	color				: #666;
	font-size			: 1.2em;
	text-decoration		: none;
	font-weight			: bold;
}

#submenu li a:hover,
#submenu li.actief a {
	background			: #e3e3e3;
}


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

#content h1	{
	font-size			: 1.7em;
	font-weight			: normal;
	margin				: 0 0 15px 0;
	color				: #666;
}

#content a 			{ color: #306; }
#content a:hover 	{ color: #C03; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #999; }

#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 #d5d2d2;
	font				: 1em Arial;
	padding				: 2px;
	margin				: 1px;
}

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

#content textarea	{
	overflow			: auto;
}

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

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

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

#content label#label_fm_form1_geslacht {
	display				: none;
}
#content li.fm_form1_geslacht {
	padding				: 5px 0 2px 0;	
}

/* Login */
#content #login .formmodule li {
	margin				: 0 0 3px 0;
}

#content #login .formmodule li .label {
	float				: left;
	width				: 100px;
	text-align			: right;
	padding				: 1px 3px 0 0;
}

#content #login .formmodule li .veld {
	float				: left;
	width				: 250px;
}

#content #login .formmodule li input.button {
	margin				: 0 0 0 103px;
}

#content #login .formmodule li.verplicht {
	padding				: 10px 0 0 103px;
}

/* Triggers onderin */
#content .triggers {
	margin				: 20px 0 0 0;
	background			: #e3e3e3;
	padding				: 3px;
}

#content .triggers li {
	display				: inline;
	padding				: 0 10px 0 0;
	background			: url(../img/topmenu-bg.gif) no-repeat right 4px;
}

#content .triggers li a {
	padding				: 0 8px;
	background			: url(../img/triggersitem-bg.gif) no-repeat right 6px;
	font-weight			: bold;
}


/* --------------------------------	*/
/* nieuwsoverzicht			 		*/
/* --------------------------------	*/
ol#nieuwsoverzicht li {
	float				: left;
	width				: 399px;
	padding				: 8px;
	margin				: 0 0 5px 0;
}

ol#nieuwsoverzicht li.oneven {
	background			: #f3eef6;
}

ol#nieuwsoverzicht li.hover {
	background			: #3E175E;
	color				: #FFF;
}

ol#nieuwsoverzicht li .datum {
	color				: #306;
}

ol#nieuwsoverzicht li.hover .datum {
	color				: #FFF;
}

ol#nieuwsoverzicht li .info {
	padding				: 0 0 0 20px;
}

ol#nieuwsoverzicht li h3 {
	color				: #C03;
	font-size			: 1.2em;
}

ol#nieuwsoverzicht li.hover h3 {
	color				: #FFF;
}

ol#nieuwsoverzicht li a {
	color				: #306;
	font-weight			: bold;
	display				: block;
	margin				: 3px 0 0 0;
}

ol#nieuwsoverzicht li:hover a,
ol#nieuwsoverzicht li a:hover,
ol#nieuwsoverzicht li a.hover,
ol#nieuwsoverzicht li.hover a{
	color				: #fff;
}


/* --------------------------------	*/
/* projecten-overzicht	 			*/
/* --------------------------------	*/
.projecten-overzicht #content {
	width				: 745px;
}

#projecten-overzicht li {
	float				: left;
	width				: 760px;
	margin				: 0 12px 0 0;
	display				: inline;
}

#projecten-overzicht li a {
	float				: left;
	text-decoration		: none;
	color				: #000;
	width				: 740px;
	padding				: 5px;

}

#projecten-overzicht li.oneven a {
	background			: #F3EEF6;
}

#projecten-overzicht li a:hover {
	background			: #CC0033;
	color				: #FFF;
}

#projecten-overzicht li a strong {
	color				: #C03;
	font-weight			: bold;
	font-size			: 1.2em;
	line-height			: 1.6em;
}

#projecten-overzicht .plaats {
	color				: #C03;
}

#projecten-overzicht a:hover .plaats {
	color				: #FFF;
}

#projecten-overzicht li a:hover strong {
	color				: #FFF !important;
}

#projecten-overzicht li a img {
	float				: right;
	border				: 4px solid #CC0033;
	margin				: 5px 0 5px 10px;
}

#projecten-overzicht .datum {
	font-weight			: bold;
}


/* --------------------------------	*/
/* project-bestanden 				*/
/* --------------------------------	*/
#project-bestanden {
	width				: 715px;
	margin-top			: 10px;	
	padding				: 10px;	
	border				: solid 1px #F3EEF6;	
}

#project-bestanden p {
	font-size			: 1.4em;
	font-weight			: bold;
	color				: #CC0033;
}

#project-bestanden .naam{
	font-size			: 1.1em;
	font-weight			: bold;
}

#project-bestanden .omschrijving {
	padding				: 0 0 0 30px;
}

#project-bestanden li {
	margin				: 5px 0;
	padding				: 5px;
}

#project-bestanden li.oneven {
	background			: #F3EEF6;
}

#project-bestanden li a {
	text-decoration		: none;
	padding				: 5px;	
}

#project-bestanden li a:hover {
	color				: #fff;
}

#project-bestanden li:hover  {
	background			: #CC0033;
	color				: #fff;
}

#project-bestanden li:hover a  {
	color				: #fff;
}

#project-omschrijving {
	width				: 715px;
	border				: solid 1px #F3EEF6;
	padding				: 10px;
}

#project-omschrijving .plaats {
	color				: #CC0033;
	font-weight			: bold;	
	font-size			: 1.4em;
}

#project-omschrijving .datum {
	font-weight			: bold;
	font-size			: 1.1em;
}


/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .pagina_navigatie	{
	padding				: 10px 0;
	float				: right;
}

#content .pagina_navigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .pagina_navigatie ul	{
	display				: inline;
}

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

#content .pagina_navigatie ul li.navigatie_huidige_pagina	{
	background			: #306;
	color				: #FFF;
	padding				: 2px 5px;
	margin				: 0 5px 0 0;
}

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

#content .pagina_navigatie ul li.actief a, 
#content .pagina_navigatie ul li a:hover	{
	background			: #3E175E;
	color				: #FFF;
}



/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap	{
	margin				: 0 0 20px 0;
}

#sitemap ul	{
	margin				: 0 0 0 1.5em;
	padding				: 0;
	list-style			: square;
}

#sitemap ul ul	{
	margin				: 0 0 0 2.5em;
}

#sitemap li	{
	margin				: 0 0 2px 0;
}

#sitemap a	{
	text-decoration		: none;
}

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

#sitemap a.map	{
	font-weight			: bold;
}



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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: url(../img/footer-bg.png) no-repeat left bottom;
	text-align			: center;
	color				: #333;
}

#footer address {
	background			: url(../img/main-bg.gif) no-repeat 22px top;
	padding				: 49px 0 35px 0;
	font-style			: normal;
}

#footer address strong.bedrijf {
	color				: #C03;
}

#footer address a {
	color				: #306;
	font-weight			: bold;
}

#footer address a:hover {
	color				: #C03;
}

/* AM ImpacT */
#amimpact {
	width				: 880px;
	padding				: 0 0 10px 0;
	text-align			: right;
	color				: #FFF;
}

#amimpact a {
	color				: #FFF;
}


/* --------------------------------	*/
/* 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.4em;
}