@import url("shadowbox.css");

/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #a0a5af url(../img/body_bg.gif) repeat-x;
	margin				: 0;
	padding				: 0;
	font				: 0.7em Trebuchet MS;
	text-align			: center; /* #container centreren voor IE5 */
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 895px;
	padding				: 0 4px;
	text-align			: left;
	background			: url(../img/container_bg.gif) repeat-y;
}

.button-folder {
	display				: block;
	width				: 159px;
	height				: 190px;
	text-indent			: -900em;
	background			: url(../img/button-folder.jpg) no-repeat left -5px;
}

.button-folder:hover {
	background-position	: left -235px;	
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 120px;
	background			: url(../img/header_bg.jpg) no-repeat;
}

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

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 70px;
	width				: 185px;
}


/* --------------------------------	*/
/* menu						 		*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	z-index				: 100;
	top					: 111px;
	left				: 26px;
	background			: url(../img/menu_bg.gif) no-repeat left bottom;
	height				: 2.8em;
	padding				: 0 0 10px 0;
	_padding			: 0;
}

#menu ul	{
	margin				: 0;
	padding				: 0 10px 9px 0;
	list-style			: none;
	display				: block;
	float				: left;
	background			: url(../img/menu_bg_eind.gif) no-repeat right bottom;
}

#menu li	{
	display				: block;
	float				: left;
	border-top			: solid 1px #2b5397;
}

#menu li a	{
	display				: block;
	float				: left;
	padding				: 8px 15px 0 15px;
	height				: 2.2em;
	background			: #13387C url(../img/menu_item_bg.gif) repeat-x;
	border-right		: solid 1px #456cb1;
	border-left			: solid 1px #22498E;
	border-top			: solid 1px #456cb1;
	font-weight			: bold;
	font-size			: 0.9em;
	color				: white;
	text-decoration		: none;
	text-transform		: uppercase;
}

#menu li.actief a, #menu li a:hover	{
	background			: #6a81ab url(../img/menu_item_bg_a.gif) repeat-x;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: white url(../img/main_bg.jpg) no-repeat;
	padding				: 5em 0 3em 0;
}

#main .clear	{
	clear				: both;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 164px;
	background			: white url(../img/zijbalk_bg.gif) no-repeat 22px 0;
	padding				: 5px 0 5px 22px;
}

#zijbalk ul	{
	margin				: 0 0 50px 0;
	padding				: 0 6px 0 0;
	list-style			: none;
	text-align			: right;
	width				: 158px;
}

#zijbalk ul	a	{
	display				: block;
	border-bottom		: solid 2px white;
	background			: #e6e9ef;
	color				: #3c5c94;
	text-decoration		: none;
	padding				: 3px 17px;
	width				: 124px;
}

#zijbalk ul	a:hover, #zijbalk ul li.actief a	{
	background			: #b4bdce;
	font-weight			: bold;
}

#zijbalk #foto	{
	background			: url(../fla/slideshow.jpg) no-repeat;
	height				: 106px;
	width				: 158px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	margin-left			: 40px;
	color				: #3D5C93;
	width				: 625px;
}

#content h2	{
	margin				: 0 0 0.5em 0;
	padding				: 0 0 0.5em 0;
	font-size			: 1.4em;
	border-bottom		: solid 2px #B4BDCE;
}

#content a	{
	color				: #3D5C93;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	position			: relative;
	z-index				: 100;
	text-align			: center;
	padding				: 8px 0 20px 0;
	background			: url(../img/logos.jpg) no-repeat -19px 8px;	
}

#footer ul	{
	height				: 90px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: relative;
}

#footer li	{
	position			: absolute;
	top					: 14px;
	z-index				: 30;
}

#footer li a {
	background			: url(../img/logos.png) no-repeat center 8px;
}

#footer li.fosag		{	left: 240px; top: -8px;}
#footer li.af			{	left: 334px; top: -9px; }
#footer li.tuv			{	left: 427px; top: -10px; }
#footer li.huisschilder	{	left: 609px; top: -9px; }

#footer li.fosag a			{	height: 80px; width: 50px; background-position: -16px bottom;  }
#footer li.af a				{	height: 80px; width: 45px; background-position: -111px bottom; }
#footer li.tuv a			{	height: 80px; width: 140px; background-position: -199px bottom; }
#footer li.huisschilder a	{	height: 80px; width: 50px; background-position: -387px bottom;}

#footer li.fosag a:hover		{	background-position: -16px 15px; }
#footer li.af a:hover			{	background-position: -111px 15px; }
#footer li.tuv a:hover			{	background-position: -199px 15px; }
#footer li.huisschilder a:hover	{	background-position: -387px 15px;}

#footer li a	{
	text-indent			: -900em;
	overflow			: hidden;
	display				: block;
}

/* adres */
#footer address	{
	color				: white;
	font-style			: normal;
}	

#footer address a	{
	color				: white;
	font-weight			: bold;
	text-decoration		: none;
}	

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


/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact	{
	text-align			: center;
	padding				: 10px;
}

#amimpact  a	{
	color				: #0D2B60;
	text-decoration		: none;
	font				: 0.9em Arial;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactformulier ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactformulier fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactformulier legend 	{
	display				: none;
}

.contactformulier label 	{
	font-weight			: bold;
}

.contactformulier .veldFout 	{
	border				: 1px solid red !important;
}

.contactformulier input, .contactformulier select, .contactformulier textarea	{
	font				: 1em 'Trebuchet MS', Arial;
	color				: #3D5C93;
	border				: solid 1px #3D5C93;
}

.contactformulier .button	{
	background-color	: #0D2B60;
	color				: #fff;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
	margin				: 5px 0 0 0;
}

.contactformulier .melding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

#googlemaps	{
	border				: 0px;
	height				: 500px;
	width					: 100%;
	background		: #eee;
	text-align		: left;
	font					: 1em Trebuchet MS;
	color					: #4E4E4E;
}

#googlemaps a	{
	color				: #003B81;
}