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

body	{
	background			: #001d52;
	font				: 0.7em Tahoma;
}

.toegankelijkheid, .flash-replaced .alt	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}

#schaduw	{
	background			: url(../img/schaduw_bg.gif) repeat-y;
}

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


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 883px;
	background			: url(../img/container_bg.jpg) no-repeat left top;
	padding				: 0 0 0 111px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 100px;
	background			: #001d52 url(../img/header_bg.gif) repeat-x left bottom;
}

#header a img	{
	position			: absolute;
	top					: 42px;
	left				: 0;
}


/* --------------------------------	*/
/* topmenu	 (home, contact, route)	*/
/* --------------------------------	*/
#topmenu	{
	position			: absolute;
	bottom				: 0;
	right				: 10px;
	height				: 34px;
	background			: url(../img/topmenu_bg.gif) repeat-x left -34px;
}

#topmenu li	{
	display				: block;
	float				: left;
	height				: 34px;
	line-height			: 34px;
	padding				: 0 5px;
	color				: #001E54;
}

#topmenu li.first	{
	background			: url(../img/topmenu_bg.gif) no-repeat left top;
	padding-left		: 35px;
}

#topmenu li.last	{
	background			: url(../img/topmenu_bg.gif) no-repeat right bottom;
	padding-right		: 25px;
}

#topmenu li a	{
	font-size			: 1.3em;
	text-decoration		: none;
	color				: #001E54;
	margin-right		: 5px;
}

#topmenu li a:hover, #topmenu li.actief a	{
	text-decoration		: underline;
	color				: #DE632A;
}


/* --------------------------------	*/
/* headerfoto					 	*/
/* --------------------------------	*/
#header_foto	{
	border-top			: solid 9px #fff;
	border-bottom		: solid 8px #fff;
	background			: #fff url(../img/header_foto_bg.gif) repeat-y 10px 0;
	width				: 877px;
	height				: 245px;
	width				: 634px;
	padding				: 0 10px 0 233px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 245px;
	position			: absolute;
	top					: 109px;
	left				: 121px;
	z-index				: 10;
}

#menu ul	{
	position			: absolute;
	top					: 20px;
	width				: 223px;
}

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

#menu ul li a	{
	display				: block;
	width				: 183px;
	padding				: 6px 10px 7px 30px;
	border-bottom		: dashed 1px #847c7b;
	color				: #F7FFFF;
	text-decoration		: none;
	text-transform		: uppercase;
	font-size			: 1.15em;
}

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

#menu ul li a:hover, #menu ul li:hover a, #menu ul li.hover a, #menu ul li.actief a	{
	background			: #596C8D;
}

/* submenu */
#menu ul ul	{
	display				: none;
	left				: 223px;
	top					: 0;
	bottom				: auto;
	background			: #dc642d;
	width				: 203px;
}

#menu ul li:hover ul, #menu ul li.hover ul	{
	display				: block;
}

#menu ul ul li a	{
	background			: #dc642d !important;
	border-bottom-color	: #ee9d67;
	padding-left		: 10px;
}

#menu ul ul li a:hover,
#menu ul ul li.actief a	{
	background			: #eba585 !important;
}



/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: #fff url(../img/main_bg.gif) repeat-y left top;
	width				: 857px;
	padding				: 0 10px;
	color				: #383D67;
}

/* formulieren */
#main input, 
#main select, 
#main textarea	{
	border				: solid 1px #383D67;
	font				: 1em Tahoma;
	padding				: 2px;
	color				: #383D67;
}

#main input.fout, #main textarea.fout	{
	border				: 1px solid #f00;
}

#main input.radio, 
#main input.checkbox 	{
	border				: none;
	vertical-align		: middle;
}

#main input.button 	{
	cursor				: pointer;
	background			: #001d52 url(../img/button_bg.gif) repeat-x left;
	color				: #fff;
	font-weight			: bold;
	padding				: 3px 10px;
	margin				: 2px 0;
}

#main .melding	{
	color				: #f00;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	border-top			: solid 9px #DE632A;
	float				: left;
	width				: 514px;
	padding				: 17px 30px;
	line-height			: 1.7em;
}

#content h1	{
	font-size			: 2.3em;
	line-height			: normal;
	font-weight			: bold;
	color				: #000;
	margin				: 0 0 15px 0;
}

#content a	{
	color				: #DB622D;
}

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


/* --------------------------------	*/
/* informatie aanvraag formulier 	*/
/* --------------------------------	*/
form#informatie	{
	border-top			: solid 9px #DE632A;
	float				: right;
	width				: 263px;
	padding				: 85px 10px 20px 10px;
	line-height			: 1.7em;
	background			: url(../img/informatie_bg.gif) no-repeat 10px 20px;
}

#informatie legend {
	display				: none;
}

#informatie ul.errors	{
	line-height			: 1.4em;
}

#informatie ul.errors li	{
	margin				: 0;
	color				: #f00;
	font-size			: 0.9em;
}

#informatie li	{
	margin				: 3px 0;
}

#informatie li.naam label, 
#informatie li.email label, 
#informatie li.telefoon label, 
#informatie li.opmerkingen label	{
	display				: none;
}

#informatie li input	{
	width				: 255px;
}

#informatie li input.checkbox	{
	width				: auto;
	margin				: 0;
}

#informatie li textarea	{
	width				: 255px;
	height				: 70px;
	margin				: 2px 0;
}


/* --------------------------------	*/
/* automaten overzicht			 	*/
/* --------------------------------	*/
#content ul.subcategorieen	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content ul.subcategorieen a	{
	color				: #082255;
	font-weight			: bold;
}

#automaten li	{
	border-bottom		: solid 9px #F8EBD7;
	padding				: 15px;
}

#automaten li.hover	{
	border-bottom		: solid 9px #fff;
	background			: #F8EBD7;
}

#automaten li div.foto	{
	float				: left;
	width				: 90px;
	text-align			: center;
}

#automaten li div.foto img	{
	border				: solid 1px #001D52;
}

#automaten li div.info	{
	float				: right;
	width				: 375px;
}

#automaten li div.info h3	{
	margin				: 0 0 5px 0;
}

#automaten li div.info h3 a	{
	font-size			: 1.3em;
	text-decoration		: none;
	color				: #383D67;
}


/* --------------------------------	*/
/* automaat						 	*/
/* --------------------------------	*/
#automaat div.foto	{
	float				: left;
	width				: 175px;
	text-align			: center;
}

#automaat div.foto img	{
	border				: solid 1px #001D52;
}

#automaat div.info	{
	float				: right;
	width				: 330px;
}

#automaat div.info p	{
	margin-bottom		: 15px;
}

#automaat div.info p.informatie	{
	font-weight			: bold;
}

#automaat div.info p.extra_informatie	{
	background			: #F8EBD7;
	padding				: 3px 6px;
}

#automaat div.info p a.terug, #automaat div.info p a.specificaties	{
	background			: #001D52;
	color				: #fff;
	padding				: 5px;
	text-decoration		: none;	
	font-weight			: bold;
}

#automaat div.info p a.specificaties	{
	background			: #DE632A;
	margin				: 0 0 0 5px;
}



/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	margin-left			: -111px;
	padding				: 20px 0 10px 111px;
	text-align			: center;
	background			: #001D52 url(../img/footer_bg.gif) no-repeat left top;
	color				: #7E8EA5;
	font-size			: 0.9em;
}

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


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

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

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* 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 #content h1 {
	visibility			: hidden;
	line-height			: 1.5em;
}

.sIFR-hasFlash #producten h2 {
	visibility			: hidden;
	line-height			: 1.5em;
	margin-bottom		: 0;
}