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

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

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}


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


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

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

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


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
/*#menu	{
	position			: absolute;
	top					: 47px;
	left				: 276px;
	height				: 50px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#menu li	{
	height				: 50px;
	float				: left;
}

#menu li a	{
	height				: 50px;
	width				: 110px;
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
}

#menu li a.home			{ width: 157px; background: url(../img/menu_home.gif) no-repeat left top;	}
#menu li a.byenhof		{ width: 110px; background: url(../img/menu_byenhof.gif) no-repeat left top;	}
#menu li a.zakelijk		{ width: 107px; background: url(../img/menu_zakelijk.gif) no-repeat left top;	}
#menu li a.particulier	{ width: 105px; background: url(../img/menu_particulier.gif) no-repeat left top;	}
#menu li a.service		{ width: 101px; background: url(../img/menu_service.gif) no-repeat left top;	}
#menu li a.contact		{ width: 125px; background: url(../img/menu_contact.gif) no-repeat left top;	}

#menu li.actief a	{
	background-position	: left bottom;
}*/

#menu {
	position			: absolute;
	top					: 10px;
	left				: 276px;
	width				: 710px;
	height				: 175px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#menu li {
	float				: left;
}

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

/* normaal */
#menu li a.home {
	width				: 190px;
	height				: 40px;
	background-position	: left top;
}
#menu li a.industriebouw {
	width				: 171px;
	height				: 40px;
	background-position	: -190px top;
}
#menu li a.woningbouw {
	width				: 176px;
	height				: 40px;
	background-position	: -361px top;
}
#menu li a.service {
	width				: 173px;
	height				: 40px;
	background-position	: -537px top;
}
#menu li a.downloads {
	width				: 190px;
	height				: 47px;
	background-position	: left -40px;
}
#menu li a.gevelbouw {
	width				: 171px;
	height				: 47px;
	background-position	: -190px -40px;
}
#menu li a.storingsdienst {
	width				: 176px;
	height				: 47px;
	background-position	: -361px -40px;
}
#menu li a.contact {
	width				: 173px;
	height				: 47px;
	background-position	: -537px -40px;
}

/* actief */
#menu li.actief a.home 			{ background-position: left -87px; }
#menu li.actief a.industriebouw { background-position: -190px -87px; }
#menu li.actief a.woningbouw 	{ background-position: -361px -87px; }
#menu li.actief a.service 		{ background-position: -537px -87px; }
#menu li.actief a.downloads 	{ background-position: left -127px; }
#menu li.actief a.gevelbouw 	{ background-position: -190px -127px; }
#menu li.actief a.storingsdienst{ background-position: -361px -127px; }
#menu li.actief a.contact 		{ background-position: -537px -127px; }


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	background			: url(../img/main_bg.gif) repeat-y right top;
	margin				: 0 0 7px 0;
	zoom				: 1;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	position			: relative;
	float				: left;
	width				: 177px;
	padding				: 116px 0 0 9px;
	background			: url(../img/zijbalk_foto.gif) no-repeat left top;
}

#zijbalk h3	{
	font-size			: 1em;
	font-weight			: bold;
	width				: 140px;
	color				: #fff;
	margin				: 0;
	padding				: 6px 5px 6px 19px;
	background			: url(../img/zijbalk_titel_bg.gif) no-repeat left top;
}

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

#zijbalk ul li {
	margin				: 2px 0 0 0;
}

#zijbalk ul li a {
	color				: #626264;
	text-decoration		: none;
	display				: block;
	padding				: 4px 5px 4px 19px;
	background			: url(../img/zijbalk_menu_item_bg.gif) no-repeat left top;
	width				: 140px;
}

#zijbalk ul li.actief a, #zijbalk ul li a:hover {
	background			: url(../img/zijbalk_menu_item_bg_a.gif) repeat-y left top;
	font-weight			: bold;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 808px;
	background			: url(../img/content_bg.gif) repeat-x left top;
}


/* --------------------------------	*/
/* titel						 	*/
/* --------------------------------	*/
#titel	{
	height				: 73px;
	padding				: 40px 0 0 50px;
	background			: url(../img/titel_bg.gif) no-repeat right top;	
}

#titel h2	{
	color				: #fff;
	margin				: 0;
	font				: bold 2.5em "Courier New", Courier, monospace;
}

#titel h3	{
	color				: #f4e00b;
	margin				: 0;
	font				: bold 1.6em "Courier New", Courier, monospace;
}


/* --------------------------------	*/
/* inhoud						 	*/
/* --------------------------------	*/
#inhoud	{
	background			: #e4e4e4 url(../img/inhoud_bg.gif) no-repeat right top;	
	padding				: 20px 0 30px 50px;
	line-height			: 1.5em;
	color				: #3C3C3C;
	zoom				: 1;
}

#inhoud a	{
	color				: #858585;
}

#inhoud a:hover	{
	color				: #3C3C3C;
}

#inhoud h4	{
	font-weight			: bold;
	font-size			: 1em;
	text-transform		: uppercase;
	border-bottom		: solid 6px #CDCDCD;
	margin				: 0 50px 15px 0;
	padding				: 0 0 5px 0;
}

#inhoud h4 a	{
	color				: #3C3C3C;
}


/* formulieren */
#inhoud input, #inhoud select, #inhoud textarea	{
	border				: solid 1px #3C3C3C;
	font				: 1em Tahoma;
	color				: #3C3C3C;
}

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

#inhoud input.button 	{
	cursor				: pointer;
	background			: #4b4b4b url(../img/button_bg.gif) repeat-x left top;
	border				: none;
	text-transform		: uppercase;
	text-decoration		: underline;
	color				: #FFFFFF;
	padding				: 3px 10px;
	font-weight			: bold;
}


/* --------------------------------	*/
/* overzicht					 	*/
/* --------------------------------	*/
#overzicht	{
	padding				: 0;
	margin				: 0;
	list-style			: none;
}

#overzicht li	{
	display				: block;
	float				: left;
	margin				: 0 30px 20px 0;
	text-align			: center;
	width				: 150px;
}

#overzicht li a	{
	color				: #3D3D3D;
	text-transform		: uppercase;
	text-decoration		: none;
	font-weight			: bold;
}

#overzicht li a img	{
	border				: solid 3px #fff;
	margin				: 5px 0 0 0;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	margin				: 0 7px 0 186px;
	padding				: 0 0 0 35px;
	background			: #858585 url(../img/footer_bij.gif) no-repeat left top;
	height				: 32px;
	font-size			: 0.9em;
	text-transform		: uppercase;
	letter-spacing		: 0.1em;
}

#footer address	{
	display				: block;
	padding				: 8px 15px 0 15px;
	background			: #858585 url(../img/footer_bg.gif) repeat-x left bottom;
	height				: 24px;
	font-style			: normal;
	color				: #FFFFFF
}

#footer a	{
	color				: #FFFFFF
}

#footer address .adres	{
	font-weight			: bold;
	float				: left;
}

#footer address .contact	{
	float				: right;
}


/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact	{
	padding				: 7px 22px;
	text-align			: right;
	font-size			: 0.9em;
}

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


/* --------------------------------	*/
/* sifr				 	*/
/* --------------------------------	*/

/* These are standard sIFR styles... do not modify */

.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 #titel h2 {
	visibility: hidden;
}

.sIFR-hasFlash #titel h3 {
	visibility: hidden;
}

/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	font				: 1em Arial;
	margin				: 0;
}

.contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1em Arial;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #999;
	color				: #fff;
	font-weight			: bold;
	margin-top			: 10px;
}

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

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

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

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

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}

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

#googlemaps	{
	height				: 500px;
	width				: 710px;
	background			: #eee;
	text-align			: left;
	font				: 1em Tahoma;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}