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

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

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 30px auto;
	width				: 940px;
	text-align			: left;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 227px;
	background			: url(../img/header_bg.gif) repeat-x 0 42px;
}

#header h1	{
	margin				: 0;
	height				: 42px;
	background			: url(../img/header_lijnen.gif) no-repeat 0 26px;
}

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


/* logos en contact */
ul#logos, ul#contact	{
	list-style			: none;
	margin				: 0;
	padding				: 0;
	position			: absolute;
	z-index				: 100;
}

#logos	{	
	top					: 82px;
	left				: 6px;
}

#contact	{
	top					: 78px;
	right				: 0;
}

#logos li	{
	float				: left;
}

#logos a, #contact a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
}

#logos .rittal			{	width: 69px; }
#logos .rittal a		{	width: 56px; height: 93px; background: url(../img/logo_rittal.gif) no-repeat;  }
#logos .rimatrix a		{	width: 199px; height: 35px; background: url(../img/logo_rimatrix.gif) no-repeat;  }

#contact .email a		{	width: 268px; height: 46px; background: url(../img/contact_email.gif) no-repeat;  }
#contact .telefoon		{	text-indent: -900em; overflow: hidden; width: 268px; height: 44px; background: url(../img/contact_telefoon.gif) no-repeat;  }



/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
ul#menu	{
	position			: relative;
	height				: 35px;
	background			: url(../img/menu_bg.gif) repeat-x;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	font-size			: 1.1em;
	z-index				: 200;
}

#menu li	{
	display				: block;
	float				: left;
	height				: 30px;
	background			: url(../img/menu_item_bg.gif) no-repeat;
	position			: relative;
}

#menu li a	{
	display				: block;
	height				: 22px;
	_width				: 1%;
	white-space			: nowrap;
	padding				: 8px 15px 0 15px;
	background			: url(../img/menu_item_bg_eind.gif) no-repeat top right;
	text-decoration		: none;
	color				: #fff;
}

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

#menu li:hover a, #menu li.actief a, #menu li.hover a	{
	background			: url(../img/menu_item_bg_eind_a.gif) no-repeat top right;
}

/* submenu */
#menu ul	{
	display				: none;
	background			: #ca0259 url(../img/submenu_bg.gif) repeat-x bottom left;
	top					: auto;
	left				: auto;
	list-style			: none;
	padding				: 0;
	margin				: 0;
	width				: 200px;
	position			: absolute;
}

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

#menu ul li	{
	float				: none;
	background			: none;
	height				: auto;
}

#menu ul a	{
	background			: none;
	border-bottom		: solid 1px #ab002b;
	border-top			: solid 1px #e70ca4;
	width				: auto;
	height				: auto;
	padding				: 3px 15px;
	width				: 170px;
	white-space			: normal;
}

#menu li:hover ul a:hover, #menu li.hover ul a:hover	{
	background			: #e911a6 url(../img/submenu_item_bg_a.gif) repeat-x;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	width				: 940px;
}

/* formulier opmaak */
#main input, #main select, #main textarea	{
	border				: solid 1px #153a5f;
	font				: 1em Tahoma, Arial;
}

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

#main input.button 	{
	cursor				: pointer;
	background			: #153a5f;
	padding				: 2px;
	border				: solid 1px #C0D1DB;
	color				: #fff;
	font-weight			: bold;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	float				: left;
	width				: 660px;
	background			: #153a5f url(../img/content_bg.jpg) no-repeat right top;
	padding-top			: 210px;
	color				: #fff;
	z-index				: 10;
}

#content .content_img	{
	position			: absolute;
	background			: url(../img/content_img.jpg) no-repeat;
	height				: 320px;
	width				: 575px;
	top					: -95px;
	right				: 47px;
	z-index				: 10;
}

#content h2	{
	margin				: 0 0 30px 0;
	padding				: 0 94px;
	font-size			: 2.5em;
	line-height			: 1em;
	font-weight			: normal;
	font-style			: italic;
	color				: #D8268D;
	z-index				: 20;
}

#content a	{
	color				: #D8268D;
}

#content a:visited	{
	color				: #C0D1DB;
}

#content .inhoud	{
	position			: relative;
	background			: url(../img/inhoud_bg.gif) no-repeat left top;	
	z-index				: 20;
	line-height			: 1.5em;
}

#content .iwes	{
	position			: relative;
	padding				: 0 0 30px 94px;
	background			: url(../img/iwes_bg.gif) no-repeat left bottom;	
	_height				: 150px;
	min-height			: 150px;
}


/* --------------------------------	*/
/* vraag						 	*/
/* --------------------------------	*/
#formulier	{
	float				: right;
	width				: 280px;
	background			: #c0d1db url(../img/vraag_bg.gif) repeat-x 0 0;
	margin				: -45px 0 0 0;
	position			: relative;
}

#formulier h2	{
	margin				: 0 auto 15px auto;
	width				: 250px;
	height				: 22px;
	background			: url(../img/vraag_titel.gif) no-repeat left top;
	text-indent			: -900em;
	overflow			: hidden;
}

#formulier fieldset	{
	padding				: 0 0 15px 0;
	margin				: 0;
	border				: none;
	background			: url(../img/vraag_hoek.gif) no-repeat right bottom;
	line-height			: 1.5em;	
}

#formulier legend, #formulier legend h4	{
	display				: none;
}

#formulier ul	{
	margin				: 0 auto;
	padding				: 0;
	list-style			: none;
	width				: 250px;
	color				: #153a5f;
}

#formulier label	{
	display				: block;
	font-weight			: bold;
}

#formulier input	{
	width				: 250px;
	background-color	: #fff;
}

#formulier textarea	{
	width				: 250px;
	height				: 60px;
}

#formulier .highlight	{
	background-color	: #FAFFF3;
}

#formulier input.button	{
	width				: auto;
}

#formulier li.postcode	{	float: left;	}
#formulier li.plaats	{	float: right;	}
#formulier li.telefoon	{	clear: both;	}

#formulier li.postcode input	{	width: 60px;	}
#formulier li.plaats input		{	width: 175px;	}


#formulier ul.error	{
	margin				: 1em auto;
}

#formulier ul.error li	{
	margin				: 5px 0;
}

#formulier ul.error li label {
	color				: #153A5F;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap ul	{
	margin				: 0;
	padding				: 0;
	list-style			: square;
}

#sitemap ul li	{
	font-weight			: bold;
}

#sitemap ul li ul li	{
	font-weight			: normal;
}

#sitemap ul.laag0, #sitemap ul li ul	{
	margin-left			: 20px;
}

#sitemap ul.laag1	{
	margin-left			: 40px;
}

#sitemap ul.laag2	{
	margin-left			: 60px;
}

#sitemap ul.laag3	{
	margin-left			: 80px;
}

#sitemap ul.laag4	{
	margin-left			: 100px;
}

#sitemap a:hover	{
	text-decoration		: none;
}



/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	padding				: 10px;
	text-align			: right;
	width				: 650px;
}

#footer a	{
	padding				: 0 10px;
	color				: #153a5f;
	text-decoration		: none;
}

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

#footer span	{
	font-weight			: bold;
}


.copyright	{
	padding-right		: 10px;
}

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

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