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

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

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}

input, select, textarea	{
	font				: 1em Verdana;
	color				: #737373;
	border				: solid 1px #999;
}

input.button 	{
	background			: #3590CA;
	border-color		: #3590CA;
	color				: #fff;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	text-align			: left;
	background			: white url(../img/container_bg.gif) no-repeat right bottom;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 136px;
	background			: url(../img/body_bg.gif) repeat-x;
}

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

#header q {
	position			: absolute;
	background			: url(../img/header-quote.gif) left top no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
	width				: 524px;
	height				: 35px;
	left				: 226px;
	top					: 35px;
}

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

/* --------------------------------	*/
/* taal vlaggen						 	*/
/* --------------------------------	*/
#taal	{
	position			: absolute;
	top					: 15px;
	right				: 30px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#taal a img
{
	border: none;	
}

/* --------------------------------	*/
/* menutop						 	*/
/* --------------------------------	*/
#menutop	{
	position			: absolute;
	top					: 30px;
	right				: 30px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#menutop li	{
	display				: inline;
	color				: #737373;
	font-weight			: bold;
}

#menutop li a	{
	color				: #737373;
	text-decoration		: none;
}

#menutop li.actief a	{
	color				: #2CB358;
	text-decoration		: underline;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	top					: 88px;
	right				: 30px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#menu li	{
	float				: left;
	margin-left			: 17px;
}

#menu li a	{
	display				: block;
	float				: left;
	height				: 17px;
	text-indent			: -900em;
	overflow			: hidden;
}

/* menu-items NL */
#menu li a.home				{ width: 41px; background: url(../img/menu_home.gif) no-repeat left top; }
#menu li a.producten		{ width: 72px; background: url(../img/menu_producten.gif) no-repeat left top; }
#menu li a.winkels			{ width: 56px; background: url(../img/menu_winkels.gif) no-repeat left top; }
#menu li a.inzamelen		{ width: 75px; background: url(../img/menu_inzamelen.gif) no-repeat left top; }
#menu li a.webwinkel		{ width: 76px; background: url(../img/menu_webwinkel.gif) no-repeat left top; }
#menu li a.projecten		{ width: 70px; background: url(../img/menu_projecten.gif) no-repeat left top; }
#menu li a.organisatie		{ width: 84px; background: url(../img/menu_organisatie.gif) no-repeat left top; }
#menu li a.agenda			{ width: 55px; background: url(../img/menu_agenda.gif) no-repeat left top; }
#menu li a.kalender			{ width: 65px; background: url(../img/menu_kalender.gif) no-repeat left top; }
#menu li a.contact			{ width: 56px; background: url(../img/menu_contact.gif) no-repeat left top; }

/* menu-items DE */
#menu li a.home					{ width: 41px; background: url(../img/menu_home_de.gif) no-repeat left top; }
#menu li a.artikel				{ width: 46px; background: url(../img/menu_artikel.gif) no-repeat left top; }
#menu li a.webshop				{ width: 65px; background: url(../img/menu_webshop.gif) no-repeat left top; }
#menu li a.recycling-markte		{ width: 125px; background: url(../img/menu_recycling-markte.gif) no-repeat left top; }
#menu li a.organisation			{ width: 63px; background: url(../img/menu_uberuns.gif) no-repeat left top; }
#menu li a.kontakt				{ width: 56px; background: url(../img/menu_kontakt.gif) no-repeat left top; }

#menu li a:hover	{
	background-position	: left -17px;
}

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


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: url(../img/main_bg.gif) repeat-x;
}

/* VERKOCHT */
div.overzicht_verkocht,
div.overzicht_verkocht_de	{
	position			: absolute;
	height				: 51px;
	width				: 141px;
	background			: url(../img/verkocht_overzicht.gif) no-repeat right top;
	bottom				: 1px;
	right				: 1px;
	text-indent			: -900em;
}

div.overzicht_verkocht_de	{
	background			: url(../img/verkocht_overzicht_de.gif) no-repeat right top;
}

div.detail_verkocht,
div.detail_verkocht_de {
	height				: 51px;
	background			: url(../img/verkocht_detail.gif) no-repeat left top;
	text-indent			: -900em;
}

div.detail_verkocht_de {
	background			: url(../img/verkocht_detail_de.gif) no-repeat left top;
}

/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	width				: 235px;
	background			: url(../img/zijbalk_bg.gif) repeat-y;
	padding				: 19px 0;
	float				: left;
}

#zijbalk h3	{
	margin				: 0 0 7px 0;
	font-size			: 1.1em;
	color				: #0575BD;
	padding				: 0 24px;
}

/* hoofdmenu */
#zijbalk ul	{
	border-top			: solid 1px #C4C4C4;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#zijbalk ul	li {
	border-bottom		: solid 1px #C4C4C4;
}

#zijbalk ul	li a, #zijbalk ul li span {
	display				: block;
	padding				: 8px 15px 8px 24px;
	text-decoration		: none;
	color					: #20B24D;
	cursor				: pointer;
}

#zijbalk ul	li.actief a, #zijbalk ul li.actief span {
	background			: #E3E3E3;
	color				: #727272;
}


/* submenu */
#zijbalk ul ul	{
	padding				: 5px 0;
	display				: none;
}

#zijbalk ul li.actief ul	{
	display				: block;
}

#zijbalk ul li li	{
	border				: none;
	background			: url(../img/zijbalk_bullet.gif) no-repeat 30px;
	padding				: 3px 24px 3px 40px;
}

#zijbalk ul	li li a, #zijbalk ul li.actief li a {
	background			: transparent;
	display				: inline;
	padding				: 0;
	color				: #727272;
}

#zijbalk ul	li li.actief a {
	text-decoration		: underline;
	background			: transparent;
	color				: #20B24D;
}


/* zoeken formulier */
#zijbalk form	{
	margin				: 1px 0;
	padding				: 10px 24px;
	background			: #24B24E url(../img/zoeken_bg.gif) repeat-x;
}

#zijbalk form fieldset	{
	margin				: 0;
	padding				: 0;
	border				: none;
}

#zijbalk form legend	{
	display				: none;
}

#zijbalk form label	{
	display				: block;
	width				: 120px;
	height				: 20px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/zoeken_titel.gif) no-repeat;
}

#zijbalk form input.input	{
	width				: 183px;
	margin				: 0 0 10px 0;
	padding				: 1px;
	border				: solid 1px #727272;
	color				: #737373;
}

#zijbalk form input.button	{
	float				: right;
	cursor				: pointer;
	border-color		: #37B85D !important;
	background			: none;
}


/* flashImg */
#zijbalk #flashImg	{
	width				: 234px;
	height				: 183px;
	background			: url(../img/flashImg.jpg) no-repeat;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	padding				: 19px 20px;
	width				: 715px;
	line-height			: 1.6em;
}

#content h2	{
	margin				: 0 0 10px 0;
	color				: #2DB35A;
	font-weight			: normal;
	font-size			: 1.7em;
	line-height			: 1;
}

#content h3	{
	margin				: 0 0 10px 0;
	color				: #2DB35A;
	font-weight			: bold;
	font-size			: 1.3em;
	line-height			: 1;
}

#content h3	span.update {
	font-size			: 0.8em;
}

#content a	{
	color				: #0475BB;
}

#content p	{
	margin				: 0 0 15px 0;
}

#content .iwes	{
	margin				: 10px 0 20px 0;
}


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

#broodkruimels li	{
	display				: inline;
	color				: #0475BB;
	font-weight			: bold;
}

#broodkruimels li a	{
	text-decoration		: none;
	color				: #0475BB;
}

#broodkruimels li strong	{
	color				: #333;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #A0CAE6 url(../img/footer_bg.gif) repeat-x left top;
	padding				: 15px 24px;
	position			: relative;
	color				: #fff;
	line-height			: 1.5em;
	zoom				: 1;
}

#footer span.copyright	{
	font-weight			: bold;
}

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

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

#footer a.amimpact	{
	position			: absolute;
	bottom				: 15px;
	right				: 24px;
	color				: #E7F2F8;
	text-decoration		: none;
	font-size			: 0.9em;
}



/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	height				: 350px;
	width				: 425px;
	text-align			: left;
	border				: solid 1px #999;
	overflow			: hidden;
}



/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	margin				: 0 0 0 10px;
	padding				: 0 0 5px 0;
	background			: url(../img/contact_onder.gif) no-repeat left bottom;
}

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

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

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

.contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 10px 13px;
	background			: url(../img/contact_bg.gif) no-repeat left top;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

#reageer .button	{
	background			: #3590CA;
	border-color		: #3590CA;
	color				: #fff;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
	margin				: 10px 0 0 0;
}

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

.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;
}

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