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

body	{
	background			: #ffffe1 url(../img/body_bg.gif) bottom left repeat-x;
	background-attachment:fixed;
	font-family			: Verdana, Arial, sans-serif;
	font-size			: 0.7em;
	text-align			: center; 
	line-height			: 1.4em;
	color				: #FFF;
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}

a {
	color				: #FFF;
}

a:hover {
	text-decoration		: none;
}



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


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 980px;
	text-align			: left;
	background			: #303956 url(../img/container_bg.gif) repeat-y left top;
	padding				: 0 7px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 109px;
	background			: #FFF url(../img/header_bg.gif) repeat-x left top;
	border-bottom		: 1px solid #FFF;
}

#header h1	{
	position			: absolute;
	top					: 0;
	left				: 0;
}

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


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	float				: right;
}

#menu li	{
	float				: left;
	height				: 109px;
	width				: 92px;
	margin				: 0 0 0 1px;
}
#menu li a {
	display				: block;
	height				: 109px;
	width				: 92px;
	text-indent			: -900em;
}
#menu li a.home 			{ background: url(../img/menu_home.gif) no-repeat left top; }
#menu li a.info 			{ background: url(../img/menu_info.gif) no-repeat left top; }
#menu li a.voordeel 		{ background: url(../img/menu_voordeel.gif) no-repeat left top; }
#menu li a.service 			{ background: url(../img/menu_service.gif) no-repeat left top; }
#menu li a.nonfood 			{ background: url(../img/menu_nonfood.gif) no-repeat left top; }
#menu li a.food 			{ background: url(../img/menu_food.gif) no-repeat left top; }
#menu li a.fulloperating 	{ background: url(../img/menu_fulloperating.gif) no-repeat left top; }
#menu li a.automaten 		{ background: url(../img/menu_automaten.gif) no-repeat left top; }
#menu li a.aanbiedingen 	{ background: url(../img/menu_aanbiedingen.gif) no-repeat left top; }

#menu li a:hover, #menu li.actief a {
	background-position	: right top;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	padding				: 124px 0 20px 0;
}

body.home #content 				{ background: url(../img/content_bg_home.gif) no-repeat left top; }
body.info #content 				{ background: url(../img/content_bg_info.gif) no-repeat left top; }
body.voordeel #content 			{ background: url(../img/content_bg_voordeel.gif) no-repeat left top; }
body.service #content 			{ background: url(../img/content_bg_service.gif) no-repeat left top; }
body.nonfood #content 			{ background: url(../img/content_bg_nonfood.gif) no-repeat left top; }
body.food #content 				{ background: url(../img/content_bg_food.gif) no-repeat left top; }
body.fulloperating #content		{ background: url(../img/content_bg_fulloperating.gif) no-repeat left top; }
body.automaten #content 		{ background: url(../img/content_bg_automaten.gif) no-repeat left top; }
body.aanbiedingen #content 		{ background: url(../img/content_bg_aanbiedingen.gif) no-repeat left top; }
body.coffeefresh #content 		{ background: url(../img/content_bg_coffeefresh.gif) no-repeat left top; }
body.maandactie #content 		{ background: url(../img/content_bg_maandactie.gif) no-repeat left top; }
body.automatenactie #content 	{ background: url(../img/content_bg_automatenactie.gif) no-repeat left top; }
body.occasionactie #content 	{ background: url(../img/content_bg_occasionactie.gif) no-repeat left top; }

/* Emailadres */
#content .email {
	position			: absolute;
	color				: #FFF;
	font-weight			: bold;
	font-size			: 0.8em;
	top					: 20px;
	right				: 5px;
}
#content .email a {
	color				: #FFF;
	text-decoration		: none;
}
#content .email a:hover {
	text-decoration		: underline;
}

/* Coffee fresh */
a.coffeefresh {
	display				: block;
	background			: url(../img/coffee_fresh.gif) no-repeat left top;
	text-indent			: -900em;
	position			: absolute;
	right				: 5px;
	top					: 68px;
	width				: 109px;
	height				: 24px;
}

/* --------------------------------	*/
/* Kolom links					 	*/
/* --------------------------------	*/
#kolom_links {
	width				: 143px;
	float				: left;
}
#kolom_links #submenu {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}
#kolom_links #submenu li {
	width				: 143px;
	margin				: 0 0 1px 0;
}
#kolom_links #submenu li a {
	display				: block;
	background			: #93170d url(../img/submenu_bg.gif) no-repeat right 2px;
	text-align			: right;
	font-weight			: bold;
	padding				: 3px 22px 3px 5px;
	text-decoration		: none;
	width				: 116px;
}
#kolom_links #submenu li a:hover {
	background			: #ecb728 url(../img/submenu_bg_h.gif) no-repeat right 2px;
}
#kolom_links #submenu li.actief a, #kolom_links #submenu li.actief a:hover {
	background			: #ecb728 url(../img/submenu_bg_a.gif) no-repeat right 2px;
	color				: #93170d;
}

/* Acties */
#kolom_links #acties	{
	margin				: 10px 0 5px 6px;
	width				: 130px;
}

#kolom_links #acties h3	{
	margin				: 0;
	padding				: 0;
	background			: #93170d;
	text-indent			: -900em;
	overflow			: hidden;
}

#kolom_links #acties h3.maandactie		{	height: 21px; background: url(../img/acties_maandactie.gif) no-repeat left top;	}
#kolom_links #acties h3.automatenactie	{	height: 23px; background: url(../img/acties_automatenactie.gif) no-repeat left top;	}
#kolom_links #acties h3.occasionactie	{	height: 27px; background: url(../img/acties_occasionactie.gif) no-repeat left top;	}
#kolom_links #acties h3.productenactie	{	height: 22px; background: url(../img/acties_productenactie.gif) no-repeat left top;	}

#kolom_links #acties ul	{
	margin				: 0 0 15px 0;
	padding				: 0;
	list-style			: none;
	background			: #f1c77b url(../img/acties_bg.gif) no-repeat left bottom;
}

#kolom_links #acties a	{
	color				: #93170d;
	font				: bold 10px/14px Verdana;
	text-decoration		: none;
	display				: block;
	padding				: 5px 10px;
	height				: 40px;
	width				: 110px;
}

#kolom_links #acties a:hover	{
	color				: #fff;
	text-decoration		: underline;
}

/* --------------------------------	*/
/* Pagina inhoud				 	*/
/* --------------------------------	*/
#paginainhoud {
	width				: 700px;
	float				: right;
	padding				: 0 60px 0 0;
	line-height			: 1.7em;
}

/* Titel */
#content h2, #content h3 {
	/*font-family			: Georgia, "Times New Roman", Times, serif;*/
	font-family			: Arial, Helvetica, sans-serif;
	color				: #FFF;
}

#content h2 {
	font-size			: 2.6em;
	line-height			: 1.4em;
}

#content h3 {
	font-size			: 1.3em;
	margin				: 5px 0 18px 0;
}

/* iwes opmaak */
#content blockquote	{
	margin				: 0 0 10px 30px;
}

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

#content ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content input, #content select, #content textarea	{
	border				: solid 1px #000;
	font				: 1em Arial;
	padding				: 2px;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #BE3E0F;
	border				: solid 1px #DFA46B;
	color				: #fff;
	padding				: 5px;
	text-decoration		: none;	
	font-weight			: bold;
}


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

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

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

#content .formmodule input.fout,
#content .formmodule select.fout,
#content .formmodule textarea.fout	{
	border				: solid 1px #f00;
}

#content .formmodule label.fout	{
	color				: #f00;
}

#content .formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #f00;
} 

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

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

#content .formmodule label	{
	cursor				: pointer;
} 

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

#content .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 */
#content .formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 70px;
}

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

#content .formmodule li.fm_form1_telefoonnummer	{
	clear				: both;
}

/*subcategorieen*/
#content ul.subcategorieen {
	list-style-type		: none;
	margin-top			: 15px;
}

#content ul.subcategorieen li	{
	width				: 250px;
	float				: left;
	margin-bottom		: 14px;
	background			: #fff;	
}


#content ul.subcategorieen li .afbeelding {
	float				: left;	
	width				: 100px;
}

#content ul.subcategorieen li .info {
	float				: left;
	width				: 150px;
	height				: auto;
	margin-top			: 10px;
}

#content ul.subcategorieen li .info a {
	font-size			: 1.2em;
	text-decoration		: none;
	font-weight			: bold;
	color				: #000;
}

#content ul.subcategorieen li .info a:hover {
	text-decoration		: underline;	
}

#content ul.subcategorieen li.even {
	float				: left;
	margin-left			: 60px;
}

#content ul.subcategorieen li.oneven {
	float				: left;
	clear				: left;		
}


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

#googlemaps	{
	width				: 700px;
	height				: 450px;
	background			: #eee;
	text-align			: left;
	font				: 1em/1.5em Verdana;
	color				: #000;
}

#googlemaps a	{
	color				: #303956;
}


/* --------------------------------	*/
/* automaten overzicht			 	*/
/* --------------------------------	*/
#automaten ul	{
	list-style			: none;
	margin				: 0;
	width				: 400px;
}

#automaten li	{
	padding				: 25px 0 0 0;
}

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

#automaten li div.info	{
	float				: right;
	width				: 285px;
	background			: #5A6BA2;
	padding				: 3px 6px;
}

#automaten li div.info h4 a	{
	text-decoration		: none;
	color				: #fff;
}


/* --------------------------------	*/
/* automaat						 	*/
/* --------------------------------	*/
#automaat	{
	padding				: 25px 0 0 0;
}
#automaat div.foto	{
	float				: left;
	width				: 300px;
}

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

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

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

#automaat div.info div.extra_informatie	{
	background			: #5A6BA2;
	padding				: 3px 6px;
}

#automaat div.info p a.specificaties,
#automaat div.info p a.info_aanvragen {
	background			: #BE3E0F;
	border				: solid 1px #DFA46B;
	color				: #fff;
	padding				: 3px 5px;
	text-decoration		: none;	
	font-weight			: bold;
	margin				: 0 10px 10px 0;
	display				: block;
	float				: left;
}

#automaat div.info p a.info_aanvragen	{
	background			: #ECB728;
	color				: #93170D;
}

#automaat div.info p a.terug	{
	float				: left;
	clear				: left;
}

/* --------------------------------	*/
/* nieuws overzicht				 	*/
/* --------------------------------	*/
#nieuws_overzicht ol	{
	margin				: 0;
	list-style			: none;
}

#nieuws_overzicht li {
	margin-bottom		: 25px;
}

#nieuws_overzicht li div.datum	{
	float				: left;
	width				: 70px;
	text-align			: left;
}

#nieuws_overzicht li div.foto img {
	border				: solid 1px #fff;
}

#nieuws_overzicht li div.info	{
	float				: right;
	width				: 610px;
	background			: #5A6BA2;
	border				: solid 1px #5A6BA2;
	padding				: 2px 5px;
}

#nieuws_overzicht li.hover div.info	{
	border				: solid 1px #AACEEE;
}

#nieuws_overzicht li div.info h4	{
}

#nieuws_overzicht li div.info h4 a {
	color				: #fff;
	text-decoration		: none;
}


/* --------------------------------	*/
/* nieuwsbrief					 	*/
/* --------------------------------	*/
#nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#nieuwsbriefformulier legend {
	text-indent				: -900em;
}

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

#nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
}

#nieuwsbriefformulier li label {
	display					: block;
	width					: 130px;
	float					: left;
	padding					: 3px 0 1px 0;
}
#nieuwsbriefformulier li input {
	border					: 1px solid #AAA;
	color					: #000;
	width					: 300px;
	padding					: 1px 2px;
}

#nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
}

#nieuwsbriefformulier li#extra_variabelen select {
}

#nieuwsbriefformulier li#extra_variabelen input {
	margin					: 0 0 3px 0;;
}

#nieuwsbriefformulier li.aan_afmelden {
	padding					: 10px 0 10px 130px;
}
#nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}
#nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;
	background-color		: #E5ECF5;		
}

#nieuwsbriefformulier li input.multipleFout_nieuwsbriefformulier {	
	background-color		: #E5ECF5;		
}

#nieuwsbriefformulier li input.button {
	color					: #FFF;
	border					: 0;
	cursor					: pointer;
	width					: auto;
	padding					: 3px 2px;
	margin					: 10px 0 10px 130px;
}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	display					:none;
	font-weight				: bold;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	text-align			: right;
	font-size			: 0.9em;
	color				: #5A6BA2;
	padding				: 10px 5px 10px 0;
}
	
#footer a {
	color				: #5A6BA2;
	text-decoration		: none;
}