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

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

html, body	{
	height				: 100%;
}

.toegankelijkheid	{
	display				: none;
}


/* --------------------------------	*/
/* achtergrond					 	*/
/* --------------------------------	*/
#achtergrond	{
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 50%;
	height				: 350px;
	z-index				: 1;
	background			: url(../img/achtergrond_bg.gif) repeat-x;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	padding				: 0;
	width				: 994px;
	min-height			: 100%;
	_height				: 100%;
	text-align			: left;
	z-index				: 10;
	background			: url(../img/container_bg.gif) repeat-y 9px top;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 289px;
	background			: url(../img/header_bg.jpg) no-repeat 167px 47px;
}


/* logo */
#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 0;
	left				: 9px;
}

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


/* linkjes bovenaan */
#header ul	{
	position			: absolute;
	top					: 45px;
	right				: 25px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#header li	{
	float				: left;
	padding				: 0 5px;
}

#header li a	{
	text-transform		: uppercase;
	font-weight			: bold;
	font-size			: 0.95em;
	color				: #312D6A;
	text-decoration		: none;
}

#header li.actief a	{
	text-decoration		: underline;
}


/* auto */
#header #auto	{
	width				: 534px;
	height				: 214px;
	position			: absolute;
	top					: 100px;
	left				: 167px;
	background			: url(../img/header_auto.jpg) no-repeat -1px -10px;
}


/* intro */
#header p.intro	{
	width				: 275px;
	position			: absolute;
	top					: 130px;
	right				: 10px;
	margin				: 0;
	font-weight			: bold;
	line-height			: 1.5em;
	color				: #fff;
}


/* zoeken */
#header form	{
	width				: 170px;
	position			: absolute;
	top					: 80px;
	right				: 2px;
	margin				: 0;
}

#header form input.input	{
	width				: 120px;
	height				: 20px;
	background			: url(../img/zoeken_input.gif) no-repeat;
	margin				: 0;
	padding				: 3px 0 0 4px;
	border				: none;
	vertical-align		: middle;
	font				: 1em Verdana;
	color				: #24235F;
}

#header form input.button	{
	width				: 46px;
	height				: 23px;
	background			: url(../img/zoeken_button.gif) no-repeat;
	margin				: 0;
	padding				: 0 0 4px 0;
	border				: none;
	vertical-align		: middle;
	font				: bold 0.9em Verdana;
	color				: #fff;
	text-transform		: uppercase;
	cursor				: pointer;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	width				: 180px;
	position			: relative;
	margin				: -123px 0 0 0;
	padding				: 0 0 0 9px;
	float				: left;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: relative;
	height				: 165px;
	background			: url(../img/menu_bg.gif) repeat-y left top;
	list-style			: none;
	margin				: 0;
	padding				: 36px 0 0 0;	
}

#menu li	{
	height				: 28px;
	width				: 158px;
}

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

#menu li a.home			{	background: url(../img/menu_home.gif) no-repeat left top;	}
#menu li a.verhuur		{	background: url(../img/menu_verhuur.gif) no-repeat left top;	}
#menu li a.verkoop		{	background: url(../img/menu_verkoop.gif) no-repeat left top;	}
#menu li a.reparatie	{	background: url(../img/menu_reparatie.gif) no-repeat left top;	}
#menu li a.contact		{	background: url(../img/menu_contact.gif) no-repeat left top;	}

#menu li a:hover, #menu li.actief a		{	
	background-position	: left bottom;
	width				: 180px;
}


/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
#submenu	{
	position			: relative;
	width				: 158px;
	background			: url(../img/submenu_bg.gif) no-repeat left top;
	padding				: 29px 0 0 0;	
}

#submenu ul	{
	background			: url(../img/content/submenu_bg_ul.gif) no-repeat left top;
	list-style			: none;
	margin				: -29px 0 0 0;
	padding				: 29px 0 0 0;	
}

#submenu ul li a	{
	display				: block;
	width				: 137px;
	background			: #cbcbe4;
	border-top			: solid 1px #eee;
	border-right		: solid 1px #fff;
	padding				: 7px 10px;	
	color				: #353373;
	text-decoration		: underline;
}

#submenu ul li a:hover, #submenu ul li.actief a	{
	border-top			: solid 1px #fff;
	background			: #eeeeee url(../img/content/submenu_item_bg_a.gif) no-repeat right;
}

#submenu ul li.actief a	{
	font-weight			: bold;
	text-decoration		: none;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	width				: 795px;
	position			: relative;
	float				: right;
}


/* --------------------------------	*/
/* logos						 	*/
/* --------------------------------	*/
#logos	{
	height				: 49px;
	list-style			: none;
	margin				: 0 0 25px 0;
	padding				: 0 0 0 80px;
	background			: url(../img/logos_bg.gif) no-repeat right top;	
	position			: relative;
}

#logos li	{
	float				: left;
}

#logos a	{
	display				: block;
	height				: 30px;
	position			: absolute;
	top					: 5px;
	background			: url(../img/trans.gif);
	text-indent			: -900em;
	overflow			: hidden;
}

#logos a.topcon			{ left: 260px; width: 100px;	}
#logos a.atika			{ left: 380px; width: 85px;		}
#logos a.altrex			{ left: 482px; width: 62px;		}
#logos a.husqvarna		{ left: 562px; width: 105px;	}
#logos a.carat			{ left: 683px; width: 105px;	}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	background			: url(../img/content_top_bg.gif) no-repeat left top;
	color				: #333;
	padding				: 25px 0 0 0;
}

#content h2	{
	padding				: 4px 5px;
	margin				: 0 auto;
	width				: 708px;
	height				: 16px;
	font				: bold 1.4em Arial;
	color				: #211F5E;
	text-transform		: uppercase;
	zoom				: 1;
	background			: url(../img/content_titel_bg.gif) no-repeat;
}

#content div.iwes	{
	background			: #fff url(../img/content_iwes_bg.gif) repeat-x left top;
	border-left			: solid 1px #ccc;
	border-right		: solid 1px #ccc;
	padding				: 10px 37px 25px 37px;
	position			: relative;
	line-height			: 1.5em;	
}

#content a	{
	color				: #C80000;
}


/* formulieren */
#content input, #content select, #content textarea	{
	border				: solid 1px #666;
	font				: 1em Verdana;
	color				: #333;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #7272A8;
	border				: solid 1px #2A2868;
	color				: #fff;
	font-weight			: bold;
	padding				: 3px 10px;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: url(../img/footer_bg.gif) no-repeat left top;
	height				: 20px;
	padding				: 20px 15px 0 125px;
	margin				: -7px 0 0 0;
	position			: relative;
}

#footer address {
	color				: #fff;
	font-style			: normal;
	font-size			: 0.9em;
}

#footer address a {
	color				: #fff;
}



/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact	{
	clear				: both;
	padding				: 10px;
	width				: 158px;
	text-align			: center;
	font-size			: 0.9em;
}

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


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

#googlemaps	{
	height				: 400px;
	width				: 715px;
	background			: #eee;
	text-align			: left;
	color				: #333;
}

#googlemaps a	{
	color				: #C80000;
}


/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	display				: none;
}

.formmodule ul.error {
	color				: #c00;
	list-style			: square;
}

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

.formmodule .fout	{
	border				: solid 1px #c00 !important;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #c00;
} 

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

.formmodule ul.formulier li	{
	padding				: 1px 0;
} 

.formmodule label	{
	cursor				: pointer;
} 

.formmodule li.melding	{
	color				: #f00;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: solid 1px dotted;
} 


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
.formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 65px;
}

.formmodule li.fm_form1_plaats	{
	float				: left;
	width				: 230px;
}

.formmodule li.fm_form1_telefoon	{
	clear				: both;
}


/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/

dl#zoeken	{
	margin				: 0;
}

#zoeken dt	{
	font-weight			: bold;
	color				: #C80000;
}

#zoeken dd	{
	margin				: 0 0 20px 0;
}