html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #0a3d74 url(../img/content_bg.gif) repeat-x left top;
	font				: 0.8em Arial, sans-serif;
	text-align			: center; 
	color				: #fff;
}

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

a	{
	color				: white;
	text-decoration		: underline;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix	{	display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clearfix 	{ height	: 1%;}
.clearfix 			{ display	: block;}
/* einde van verbergen IE-mac */

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#containerwrapper	{
	background: url(../img/bg_containerwrapper.gif) no-repeat center 59px;
}

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

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 102px;
}

#header h1	{
	position			: absolute;
	top					: 0px;
	left				: 1px;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 95px;
	width				: 680px;
	background			: url(../img/logo.gif) no-repeat;
}

.deutsch #header h1 a	{
	background			: url(../img/de_logo.gif) no-repeat;
}

/* talen */
#header #talen {
	position			: absolute;
	right				: 20px;
	top					: 15px;
}

#header #talen li {
	float				: left;
	width				: 41px;
	height				: 20px;
	margin				: 0 5px 0 0;
}

#header #talen li a {
	display				: block;
	width				: 41px;
	height				: 20px;
	overflow			: hidden;
	text-indent			: -999em;
}

#header #talen li.ned a {
	background			: url(../img/vlaggen.gif) no-repeat left bottom;
}
#header #talen li.ned a:hover, #header #talen li.ned a.actief {
	background			: url(../img/vlaggen.gif) no-repeat left top;
}
#header #talen li.dui a {
	background			: url(../img/vlaggen.gif) no-repeat right bottom;
}
#header #talen li.dui a:hover, #header #talen li.dui a.actief {
	background			: url(../img/vlaggen.gif) no-repeat right top;
}

/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#header #zoekform	{
	position			: absolute;
	background			: url(../img/bg_zoekveld.gif) no-repeat right top;
	right				: 0;
	top					: 49px;
}

#header #zoekform legend	{
	display				: none;
}

#header #zoekform .input	{
	border				: none;
	background			: none;
	width				: 126px;
	height				: 25px;
	padding				: 0 2px 0 5px;
}

#header #zoekform .button	{
	border				: none;
	background			: url(../img/btn_zoeken.gif) no-repeat left top;
	width				: 133px;
	padding				: 0;
	height				: 26px;
	line-height			: 999em;
	text-indent			: -9000em;
	cursor				: pointer;
	overflow			: hidden;
}

.deutsch #header #zoekform .button	{
	background			: url(../img/de_btn_zoeken.gif) no-repeat left top;
}

/* --------------------------------	*/
/* zoekresultaten				 	*/
/* --------------------------------	*/
dl.zoekresultaten {
	margin				: 20px 0 10px 0;
}

dl.zoekresultaten dt {
	font-weight			: bold;
}

dl.zoekresultaten dd {
	padding				: 0 0 15px 10px;
	color				: #b9cddf;
}

/* --------------------------------	*/
/* subheader					 	*/
/* --------------------------------	*/
#subheader	{
	position			: relative;
	height				: 121px;
	background			: url(../img/bg_subheader.jpg) no-repeat left top;
	z-index				: 100;
}

#subheader ul	{
	position			: absolute;
	left				: 362px;
	bottom				: 8px;
	z-index				: 400;
}

#subheader ul li	{
	float				: left;
}

#subheader ul li a	{
	overflow			: hidden;
	text-indent			: -999em;
	height				: 65px;
}

#subheader ul li a.bedrijfsfilm, #subheader ul li a.redactioneel	{
	display				: block;
	width				: 90px;
	position			: relative;
}

#subheader ul li a.tritop	{
	position			: relative;
	margin-left			: 280px;
	display				: block;
	width				: 120px;
}

#subheader ul li a.bedrijfsfilm	{
	background			: url(../img/subheader_icons.gif) no-repeat left top;
	margin				: 0 0 0 18px;
}
#subheader ul li a.bedrijfsfilm:hover, #subheader ul li.actief a.bedrijfsfilm	{
	background			: url(../img/subheader_icons.gif) no-repeat left bottom;
}
#subheader ul li a.redactioneel	{
	background			: url(../img/subheader_icons.gif) no-repeat -90px top;
	margin				: 0 0 0 20px;
}
#subheader ul li a.redactioneel:hover, #subheader ul li.actief a.redactioneel	{
	background			: url(../img/subheader_icons.gif) no-repeat -90px bottom;
}
#subheader ul li a.tritop	{
	background			: url(../img/subheader_icons.gif) no-repeat -180px top;
}
#subheader ul li a.tritop:hover	{
	background			: url(../img/subheader_icons.gif) no-repeat -180px bottom;
}

#subheader #vlag	{
	width				: 314px;
	height				: 178px;
	position			: absolute;
	right				: 0;
_right: -1px;
	bottom				: 3px;
_bottom: 2px;
	background			: url(../img/subheader_vlag.jpg) no-repeat left top;
	z-index				: 200;
}

/* Duitse icoontjes */
.deutsch #subheader ul li a.bedrijfsfilm {
	background			: url(../img/de_subheader_icons.gif) no-repeat left top;
	margin				: 0 0 0 18px;
	width				: 139px;
}
.deutsch #subheader ul li a.bedrijfsfilm:hover, .deutsch #subheader ul li.actief a.bedrijfsfilm	{
	background			: url(../img/de_subheader_icons.gif) no-repeat left bottom;
}
.deutsch #subheader ul li a.redactioneel	{
	background			: url(../img/de_subheader_icons.gif) no-repeat right top;
	margin				: 0 0 0 10px;
	width				: 110px;
}
.deutsch #subheader ul li a.redactioneel:hover, .deutsch #subheader ul li.actief a.redactioneel	{
	background			: url(../img/de_subheader_icons.gif) no-repeat right bottom;
}
.deutsch #subheader ul li a.tritop	{
	margin-left			: 221px;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: relative;
	z-index				: 300;
}

#menu li	{	
	float				: left;		
}

#menu li a	{
	display				: block;
	width				: 77px;
	height				: 59px;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	overflow			: hidden;
	text-indent			: -999em;
}

/* Nederlandse menu knoppen */
#menu li a.home			{	width: 71px; background-image: url(../img/menu/btn_home.gif); }
#menu li a.hetbedrijf	{	width: 91px; background-image: url(../img/menu/btn_hetbedrijf.gif); }
#menu li a.diensten		{	width: 77px; background-image: url(../img/menu/btn_diensten.gif); }
#menu li a.producten	{	width: 87px; background-image: url(../img/menu/btn_producten.gif); }
#menu li a.referenties	{	width: 95px; background-image: url(../img/menu/btn_referenties.gif); }
#menu li a.brochures	{	width: 94px; background-image: url(../img/menu/btn_brochures.gif); }
#menu li a.onsteam		{	width: 81px; background-image: url(../img/menu/btn_onsteam.gif); }
#menu li a.vacatures	{	width: 84px; background-image: url(../img/menu/btn_vacatures.gif); }
#menu li a.nieuws		{	width: 68px; background-image: url(../img/menu/btn_nieuws.gif); }
#menu li a.contact		{	width: 73px; background-image: url(../img/menu/btn_contact.gif); }

/* Duitse knoppen */
.deutsch #menu li a.home		{	width: 71px; background-image: url(../img/menu_de/btn_home.gif); }
.deutsch #menu li a.hetbedrijf	{	width: 129px; background-image: url(../img/menu_de/btn_hetbedrijf.gif); }
.deutsch #menu li a.diensten	{	width: 69px; background-image: url(../img/menu_de/btn_diensten.gif); }
.deutsch #menu li a.producten	{	width: 77px; background-image: url(../img/menu_de/btn_producten.gif); }
.deutsch #menu li a.referenties	{	width: 75px; background-image: url(../img/menu_de/btn_referenties.gif); }
.deutsch #menu li a.brochures	{	width: 77px; background-image: url(../img/menu_de/btn_brochures.gif); }
.deutsch #menu li a.onsteam		{	width: 94px; background-image: url(../img/menu_de/btn_onsteam.gif); }
.deutsch #menu li a.vacatures	{	width: 109px; background-image: url(../img/menu_de/btn_vacatures.gif); }
.deutsch #menu li a.nieuws		{	width: 52px; background-image: url(../img/menu_de/btn_nieuws.gif); }
.deutsch #menu li a.contact		{	width: 70px; background-image: url(../img/menu_de/btn_contact.gif); }

#menu li a:hover, #menu li.actief a	{
	background-position	: top left;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	background			: #155793;
	padding				: 23px 18px;
	line-height			: 1.5em;
}

#maincontent	{
	margin-left			: 180px;
_margin-left			: 174px;
	width				: 744px;
}

#maincontent p.geeninfo {
	margin				: 10px 0 10px 10px;
}

#maincontent h2 {
	line-height			: 2.8em;
	padding				: 1px 60px 3px 20px;
	width				: 707px;
_width					: 700px;
}

#content h2	{
	text-transform		: uppercase;
}

/* Navigatie */
.navigatie ul {
	margin				: 20px 0 10px 0;
}

.navigatie ul li {
	float				: left;
	margin				: 0 2px 0 0;
	color				: #8aabc9;
}

.navigatie ul li a {
	display				: block;
	float				: left;
	border				: 1px solid #2568a5;
	padding				: 2px 7px;
	text-decoration		: none;
	color				: #8aabc9;
}

.nieuws #maincontent .navigatie ul li a:hover, .hetbedrijf #maincontent .navigatie ul li a:hover {
	background-color	: #7ca4c9;
	color				: #0A3D74;
}

.navigatie ul li.huidige_pagina {
	padding				: 2px 7px;
	font-weight			: bold;
	background-color	: #2568a5;
	border				: 1px solid #2568a5;
	color				: #FFF;
}

/* --------------------------------	*/
/* home							 	*/
/* --------------------------------	*/
.home #maincontent	{
	float				: left;
	background			: url(../img/bg_maincontent.gif) repeat-y right top;
	margin-left			: 0;
}

.home #maincontent h2	{
	background			: url(../img/bg_paginatitel_home.gif) repeat-y left 4px;
	width				: 665px;
}

	/* --------------------------------	*/
	/* home - zijbalk				 	*/
	/* --------------------------------	*/
	.home #zijbalk h2	{
		line-height			: 2.8em;
		text-align			: right;
		background			: url(../img/bg_titel_nieuws.gif) no-repeat left top;
		padding				: 0 24px 0 0;
	}
	
	.home #content #zijbalk	{
		width				: 212px;
		float				: right;
	}		
	
	#content .nieuws	{
		
	}
	
	#content .nieuws ul	{
		margin				: 15px 0 0 25px;
		width				: 150px;
	}
	
	#content .nieuws ul li {
		margin				: 10px 0;
	}
	
	#content .nieuws ul li span	{
		font-size			: 0.8em;
		background			: #0C4379;
		padding				: 1px 8px;
	}
	
	#content .nieuws ul li a	{
		font-size			: 0.85em;
		text-transform		: uppercase;
		font-weight			: bold;
		display				: block;
		margin				: 7px 0 0 0;
	}

/* --------------------------------	*/
/* vervolgpag. menu				 	*/
/* --------------------------------	*/
#content .menu	{
	font-size		: 0.85em;
	font-weight		: bold;
	width			: 175px;
	float			: left;
	background		: url(../img/bg_submenu_top.gif) no-repeat left top;
}

#content .menu ul	{
	padding			: 10px 0 20px 0;
	background		: url(../img/bg_submenu_bottom.gif) no-repeat left bottom;
}

#content .menu ul li	{
	width			: 167px !important;
	border-bottom	: 1px solid #125c91;
	border-top		: 1px solid #1975ac;
}

#content .menu ul li.first	{
	border-top		: none;
}

#content .menu ul li.last	{
	border-bottom	: none;
}

#content .menu	ul li a	{
	display			: block;
	width			: 152px;
	line-height		: 2em;
	padding-left	: 15px;
	text-decoration	: none;
}

#content .menu a:hover	{
	text-decoration	: underline;
}

/* --------------------------------	*/
/* vervolgpagina's:				 	*/
/* --------------------------------	*/
/* - het bedrijf				 	*/
/* - diensten				 		*/
/* - producten					 	*/
/* - referenties				 	*/
/* - brochures					 	*/
/* - ons team					 	*/
/* - vacatures					 	*/
/* - nieuws						 	*/
/* - contact					 	*/
/* --------------------------------	*/
.home #maincontent a:hover { color: #EF7F01; }

.hetbedrijf #maincontent h2	{ background: url(../img/hetbedrijf/bg_header.gif) repeat-y left top; }
.hetbedrijf #maincontent a:hover { color: #009EDF; }
.hetbedrijf #content .menu ul li a.actief, 
.hetbedrijf #content .menu ul li a:hover	{ background: url(../img/hetbedrijf/bg_submenu.gif) no-repeat left top; }

.diensten #maincontent h2	{ background: url(../img/diensten/bg_header.gif) repeat-y left top; }
.diensten #maincontent a:hover { color: #e3004f; }
.diensten #content .menu ul li a.actief, 
.diensten #content .menu ul li a:hover	{ background: url(../img/diensten/bg_submenu.gif) no-repeat left top; }

.producten #maincontent h2	{ background: url(../img/producten/bg_header.gif) repeat-y left top; }
.producten #maincontent a:hover { color: #f9b202; }
.producten #content .menu ul li a.actief, 
.producten #content .menu ul li a:hover	{ background: url(../img/producten/bg_submenu.gif) no-repeat left top; }

.referenties #maincontent h2	{ background: url(../img/referenties/bg_header.gif) repeat-y left top; }
.referenties #maincontent a:hover { color: #b1c901; }
.referenties #content .menu ul li a.actief, 
.referenties #content .menu ul li a:hover	{ background: url(../img/referenties/bg_submenu.gif) no-repeat left top; }

.brochures #maincontent h2	{ background: url(../img/brochures/bg_header.gif) repeat-y left top; }
.brochures #maincontent a:hover { color: #e75114; }
.brochures #content .menu ul li a.actief, 
.brochures #content .menu ul li a:hover	{ background: url(../img/brochures/bg_submenu.gif) no-repeat left top; }

.onsteam #maincontent h2	{ background: url(../img/onsteam/bg_header.gif) repeat-y left top; }
.onsteam #maincontent a:hover { color: #029791; }
.onsteam #content .menu ul li a.actief, 
.onsteam #content .menu ul li a:hover	{ background: url(../img/onsteam/bg_submenu.gif) no-repeat left top; }

.vacatures #maincontent h2	{ background: url(../img/vacatures/bg_header.gif) repeat-y left top; }
.vacatures #maincontent a:hover { color: #dc8db7; }
.vacatures #content .menu ul li a.actief, 
.vacatures #content .menu ul li a:hover	{ background: url(../img/vacatures/bg_submenu.gif) no-repeat left top; }

.nieuws #maincontent h2	{ background: url(../img/nieuws/bg_header.gif) repeat-y left top; }
.nieuws #maincontent a:hover { color: #857ab2; }
.nieuws #content .menu ul li a.actief, 
.nieuws #content .menu ul li a:hover	{ background: url(../img/nieuws/bg_submenu.gif) no-repeat left top; }

.contact #maincontent h2	{ background: url(../img/contact/bg_header.gif) repeat-y left top; }
.contact #maincontent a:hover { color: #f7d100; }
.contact #content .menu ul li a.actief, 
.contact #content .menu ul li a:hover	{ background: url(../img/contact/bg_submenu.gif) no-repeat left top; }

/* --------------------------------	*/
/* Nieuwsoverzicht				 	*/
/* --------------------------------	*/
#content #nieuwsoverzicht li {
	margin				: 0 0 10px 0;
	background			: #2568a5 url(../img/nieuws/item_bot_bg.gif) no-repeat left bottom;
	min-height			: 49px;
	_height				: 49px;
}

#content #nieuwsoverzicht li:hover, #content #nieuwsoverzicht li.hover {
	margin				: 0 0 10px 0;
	background			: #857ab2 url(../img/nieuws/item_bot_bg_h.gif) no-repeat left bottom;
	cursor				: pointer;
}

#content #nieuwsoverzicht li:hover span, 
#content #nieuwsoverzicht li.hover span,
#content #nieuwsoverzicht li:hover strong, 
#content #nieuwsoverzicht li.hover strong {
	cursor				: pointer;
}

#content #nieuwsoverzicht li a {
	position			: relative;
	display				: block;
	text-decoration		: none;
	padding				: 5px 10px 5px 56px;
	color				: #ddedfb;
	font-size			: 0.9em;
	background			: url(../img/nieuws/item_top_bg.gif) no-repeat left top;
}

#content #nieuwsoverzicht li:hover a, #content #nieuwsoverzicht li.hover a {
	background			: url(../img/nieuws/item_top_bg_h.gif) no-repeat left top;	
	color				: #FFF;
}

#content #nieuwsoverzicht li a strong {
	width				: 670px;
	display				: block;
	color				: #FFF;
	font-size			: 1.1em;
}

#content #nieuwsoverzicht li .datum {
	display				: block;
	position			: absolute;
	left				: 6px;
	_left				: -50px;
	top					: 6px;
	font-size			: 0.9em;
	text-transform		: uppercase;
	text-align			: center;
	padding				: 3px 0 0 0;
	color				: #2568a5;
	width				: 44px;
	height				: 34px;
	line-height			: 1em;
	background			: url(../img/nieuws/datum_bg.gif) no-repeat left top;
}

#content #nieuwsoverzicht li:hover .datum, #content #nieuwsoverzicht li.hover .datum {
	background			: url(../img/nieuws/datum_bg_h.gif) no-repeat left top;
	color				: #857ab2;
}

#content a.nieuws_terug {
	display				: block;
	background			: #0a3d74;
	color				: #fff;
	border				: 1px solid #FFF;
	width				: 220px;
	text-align			: center;
	margin				: 10px 0;
	text-decoration		: none;
}

#content a.nieuws_terug:hover {
	color				: #FFF;
	background			: #857ab2;
}

/* --------------------------------	*/
/* Fotoboek						 	*/
/* --------------------------------	*/
#fotoboek ul {
	margin				: 10px 0 20px 0;
}

#fotoboek li {
	float				: left;
	text-align			: center;
	margin				: 0 10px 10px 0;
}

#fotoboek li a {
	display				: block;
	text-decoration		: none;
}

#fotoboek li a:hover {
	display				: block;
	text-decoration		: none;
}

#fotoboek li a img {
	border				: 3px double #39C;
}

#fotoboek li a:hover img {
	border				: 3px double #FFF;
}

#fotoboek li a strong {
	display				: block;
	background			: #39C;
	padding				: 1px;
	font-weight			: normal;
	width				: 174px;
}

#fotoboek li a:hover strong {
	display				: block;
	background			: #FFF;
	color				: #0a3d74;
}

#fotoboek .navigatie {
	clear				: both;
}

/* iwes opmaak */
#maincontent table	{
	margin				: 0 20px;
}

#maincontent table img	{
	border				: 1px solid #FFF;
}

#maincontent table blockquote	{
	margin				: 0 0 10px 30px;
}

#maincontent table ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
	list-style-image	: url(../img/list_item.gif);
}

#maincontent table ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#maincontent table .formmodule ul,
#maincontent table .formmodule ul li {
	list-style			: none !important;
	list-style-image	: none !important;
}

#content .formmodule input, 
#content .formmodule select, 
#content .formmodule textarea	{
	border				: 1px solid #0a3d74;
	font				: 1em Arial;
	padding				: 2px;
	background			: #d0dde9;
}

#content .formmodule textarea {
	overflow			: auto;
}

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

#content .formmodule input.button 	{
	cursor				: pointer;
	background			: #0a3d74;
	color				: #fff;
	font-weight			: bold;
	border				: 1px solid #FFF;
	padding				: 0 20px;
	margin				: 10px 0;
}

#content .formmodule .fout	{
	border				: solid 1px #F9B202;
}

#content .formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #F9B202;
} 

#content .formmodule label.fout	{
	border				: none;
	color				: #F9B202;
	background			: none;
}

#content .formmodule li.melding	{
	color				: #F9B202;
}

form {
	margin				: 0;
	padding				: 0;
}

form h4 {
	display				: none;
}	

form fieldset {
	padding				: 0;
	margin				: 0;
}

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

form ul li {
	list-style			: none;
	margin				: 0;
	padding				: 0;
	clear				: left;
}

form li .label {
	width				: 80px;
	float				: left;
	padding				: 0 0 4px 0;
}

form li .veld {
	width				: 320px;
	float				: left;
	padding				: 0 0 4px 0;
}

form li.buttons {
	padding					: 0 0 0 80px;
	*padding				: 0 0 0 111px;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 126px;
	background			: #033567 url(../img/bg_footer.gif) no-repeat left top;
	text-align			: center;
	font-size			: 0.85em;
}

#footer address	{
	font-style			: normal;
	padding				: 18px 0 0 0;
}

#footer .vcard span	{
	padding				: 0 1px;
}

#footer .vcard .fn, #footer .vcard .type	{
	display				: none;
}

#footer_animatie {
	height				: 78px;
}

#amimpact	{
	padding				: 5px 0 0 0;
	text-align			: right;
	font-size			: 0.85em;
}

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

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

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

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

#googlemaps a	{
	color				: #58585A;
}


