html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
	overflow: -moz-scrollbars-vertical;
}

html, body	{
	background			: #ffefe0;
	margin				: 0 0 20px 0;
	padding				: 0;
	text-align			: center;
}

#container	{
	margin				: 0 auto;
	text-align			: left;
	width				: 973px;
	background			: white;
	padding				: 10px;
	border-bottom		: solid 8px #f78f1e;
}

.button { cursor: pointer; }
.show {	display: none; }
.hide {	display: hide; } /* should be removed, display: hide is incorrect */
.hidden { display: none; }

/* -------------------------------- */
/* amimpact linkje					*/
/* -------------------------------- */
a.amimpact	{
	color				: #f78f1e;
	font				: 0.75em 'Trebuchet MS', Arial;
	text-decoration		: none;
	margin-top			: 5px;
}
a.amimpact:hover	{
	color				: #333333;
}


/* -------------------------------- */
/* header 							*/
/* -------------------------------- */
#header	{
	background			: url(../img/header.jpg) no-repeat;
	width				: 973px;
	height				: 159px;
	position			: relative;
}

#header	h1 {
	margin				: 0;
	padding				: 0;
	position			: absolute;
}

#header	h1 a {
	text-indent			: -9000px;
	position			: absolute;
	overflow			: hidden;
	display				: block;
	top					: 0;
	left				: 0;
	height				: 159px;
	width				: 270px;
}

#header	h2 {
	font				: italic 1.3em 'Trebuchet MS', Arial;
	color				: #fbe3c7;
	margin				: 0;
	position			: absolute;
	top					: 120px;
	left				: 300px;
}


/* -------------------------------- */
/* topmenu (home, links, contact)	*/
/* -------------------------------- */
#topmenu	{
	margin				: 0 0 10px 0;
	padding				: 0;
	list-style			: none;
	text-align			: right;
}

#topmenu li	{
	display				: inline;
	font				: 0.7em 'Trebuchet MS', Arial;
	color				: #f78f1e;
}

#topmenu a	{
	color				: #f78f1e;
	text-decoration		: none;
}

#topmenu a:hover	{
	color				: #f78f1e;
	text-decoration		: underline;
}


/* -------------------------------- */
/* hoofdmenu						*/
/* -------------------------------- */
#menu	{
	margin				: 3px 0 0 0;
	height				: 45px;
	padding				: 0;
	list-style			: none;
	clear				: both;
	border-top			: solid 1px #f36533;
	border-bottom		: solid 1px #f36533;
}

#menu li	{
	display				: inline;
	float				: left;
	background			: #f36533;
}

#menu li a	{
	display				: block;
	height				: 45px;
	text-indent			: -9000px;
	overflow			: hidden;
}

#menu li.actief	{
	display				: inline;
}

#menu .aanbod	{			width: 104px; background: url(../img/menu_aanbod.gif) no-repeat;	}
#menu .locaties	{			width: 145px; background: url(../img/menu_locaties.gif) no-repeat;	}
#menu .cursussen	{		width: 92px; background: url(../img/menu_cursussen.gif) no-repeat;	}
#menu .activiteiten	{	width: 132px; background: url(../img/menu_opgroeien.gif) no-repeat;	}
#menu .vrijwilligers	{	width: 127px; background: url(../img/menu_vrijwilligers.gif) no-repeat;	}
#menu .begeleiding	{		width: 177px; background: url(../img/menu_begeleiding.gif) no-repeat;	}
#menu .evenementen	{		width: 196px; background: url(../img/menu_evenementen.gif) no-repeat;	}
#menu .kleurrijk	{		width: 196px; background: url(../img/menu-kleurrijk.gif) no-repeat;	}

#menu .actief .aanbod	{			width: 104px; background: url(../img/menu_aanbod_a.gif) no-repeat;	}
#menu .actief .locaties	{			width: 145px; background: url(../img/menu_locaties_a.gif) no-repeat;	}
#menu .actief .cursussen	{		width: 92px; background: url(../img/menu_cursussen_a.gif) no-repeat;	}
#menu .actief .activiteiten	{	width: 132px; background: url(../img/menu_opgroeien_a.gif) no-repeat;	}
#menu .actief .vrijwilligers	{	width: 127px; background: url(../img/menu_vrijwilligers_a.gif) no-repeat;	}
#menu .actief .begeleiding	{		width: 177px; background: url(../img/menu_begeleiding_a.gif) no-repeat;	}
#menu .actief .evenementen	{		width: 196px; background: url(../img/menu_evenementen_a.gif) no-repeat;	}
#menu .actief .kleurrijk	{		width: 196px; background: url(../img/menu-kleurrijk.gif) no-repeat;	}


/* -------------------------------- */
/* submenu							*/
/* -------------------------------- */
#submenu	{
	margin				: 0 0 10px 0;
	padding				: 0;
	list-style			: none;
	display				: block;
	width				: 194px;
}

#submenu li	{
	margin-bottom		: 4px;
	display				: block;
	background			: url(../img/submenu.gif) no-repeat;
	width				: 194px;
}

#submenu li	a {
	display				: block;
	text-align			: right;
	font				: bold 0.8em 'Trebuchet MS', Arial;
	color				: #f78f1e;
	text-decoration		: none;
	padding				: 4px 10px;
	width				: auto;
	background			: url(../img/submenu_bottom.gif) no-repeat bottom left;
}


#submenu li.actief	{
	background			: url(../img/submenu_a.gif) no-repeat;
}

#submenu li.actief a {
	color				: white;
	background			: url(../img/submenu_a_bottom.gif) no-repeat bottom left;
}

/* Kleurrijk */
.pagina-kleurrijk #submenu li {
	background			: none;	
}

.pagina-kleurrijk #submenu li a {
	padding				: 4px 30px 4px 0;
	color				: #FFF;
	background			: #7f3688 url(../img/kleurrijk/menu-wit.gif) no-repeat 172px 6px;	
}

.pagina-kleurrijk #submenu li.kleurrijk a span 	{ color: #43a02e; }
.pagina-kleurrijk #submenu li.sport a 			{ color: #0093d1; background: #7f3688 url(../img/kleurrijk/menu-blauw.gif) no-repeat 172px 6px; }
.pagina-kleurrijk #submenu li.zorg a 			{ color: #f4b554; background: #7f3688 url(../img/kleurrijk/menu-geel.gif) no-repeat 172px 6px; }
.pagina-kleurrijk #submenu li.arbeid a 			{ color: #c31b34; background: #7f3688 url(../img/kleurrijk/menu-rood.gif) no-repeat 172px 6px; }
.pagina-kleurrijk #submenu li.onderwijs a 		{ color: #d9a8e0; background: #7f3688 url(../img/kleurrijk/menu-paars.gif) no-repeat 172px 6px; }
.pagina-kleurrijk #submenu li.cultuur a 		{ color: #558f52; background: #7f3688 url(../img/kleurrijk/menu-groen.gif) no-repeat 172px 6px; }


/* -------------------------------- */
/* kolom_links						*/
/* -------------------------------- */
#kolom_links	{
	float				: left;
	margin				: 10px 0 20px 0;
	width				: 200px;
}

/* -------------------------------- */
/* adres							*/
/* -------------------------------- */
#kolom_links #address	{
	background			: url(../img/adres_top.gif) no-repeat;
}

#kolom_links #address p	{
	font				: 0.75em/1.6em 'Trebuchet MS', Arial;
	color				: #f78f1e;
	background			: url(../img/adres_bottom.gif) no-repeat bottom left;
	padding				: 8px 15px;
	margin				: 0;
}

#kolom_links #address h3	{
	font				: bold 0.8em/1.6em 'Trebuchet MS', Arial;
	color				: white;
	padding				: 8px 15px;
	margin				: 0;
}

#kolom_links #address a	{
	color				: #f78f1e;
}


/* -------------------------------- */
/* zoeken							*/
/* -------------------------------- */
form#zoeken	{
	margin-top			: 11px;
	background			: url(../img/submenu.gif) no-repeat top left;
}

#zoeken fieldset	{
	background			: url(../img/submenu_bottom.gif) no-repeat bottom left;
	margin				: 0;
	padding				: 4px 10px 8px 10px;
	border				: none;
}

#zoeken legend	{
	display				: none;
}

#zoeken label	{
	font				: bold 0.75em 'Trebuchet MS', Arial;
	color				: #f78f1e;
	display				: block;
}

#zoeken .input	{
	font				: 0.75em 'Trebuchet MS', Arial;
	color				: #0f60af;
	border				: solid 1px #f78f1e;
	width				: 125px;
}

#zoeken .button	{
	font				: bold 0.75em 'Trebuchet MS', Arial;
	color				: white;
	background			: #f78f1e;
	border				: none;
	width				: 40px;
	cursor				: pointer;
}

/* -------------------------------- */
/* content							*/
/* -------------------------------- */
#content	{
	margin				: 10px 0 20px 0;
	padding				: 20px;
	width				: 720px;
	border				: solid 1px #c6c6c6;
	font				: 0.75em/1.6em 'Trebuchet MS', Arial;
	color				: #0f60af;
	float				: right;
	min-height			: 220px;
	_height				: 220px;
}

.pagina-kleurrijk #content {
	padding				: 40px 0 0 20px;
	width				: 742px;
	border				: none;
	background			: url(../img/kleurrijk/content-top.gif) no-repeat left top;
}

* html #content {	/* 3px float bugje opgelost, en inhoud mag nu 100% in IE zonder te verspringen */
	display				: inline-block; 
}

#content a	{
	color				: #0f60af;
}

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

#content .input, #content .veld, #content .veldFout	{
	color				: #0f60af;
	border				: solid #0f60af 1px;
	font				: 1em 'Trebuchet MS', Arial;
	padding				: 0 0 0 0.2em;
}

#content .button	{
	background			: #f78f1e;
	color				: white;
	border				: outset 1px;
	font				: bold 1em 'Trebuchet MS', Arial;
}

#content a.button	{
	padding				: 2px 10px;
	text-decoration		: none;
}

#content h2	{
	margin				: 0 0 10px 0;
	padding				: 0 0 10px 0;
	font				: 1.4em 'Trebuchet MS', Arial;
	color				: #0f60af;
	border-bottom		: solid 1px #e2e2e2;
	display				: block;
	width				: 99%;
}

.pagina-kleurrijk #content h2	{
	color				: #7F3688;
}

#content h3	{
	margin				: 0 0 10px 0;
	font				: bold 1.2em 'Trebuchet MS', Arial;
	color				: #0f60af;
}

#content h4	{
	margin				: 0;
	font				: bold 1.1em 'Trebuchet MS', Arial;
	color				: #0f60af;
}

#content p, #content form	{
	margin				: 0 0 20px 0;
}


#content .kolommen_links, #content .kolommen_rechts	{
	margin				: 0 0 20px 0;
	padding				: 0;
	list-style			: none;
	width				: 49%;
}

#content .kolommen_links, #content .kolommen_rechts	{
	float				: left;
}

#content .kolommen_rechts	{
	float				: right;
}

#content .row_even	{
	background-color	: white;
	padding				: 2px 3px;
}

#content .row_odd	{
	background-color	: #f5f5f5;
	padding				: 2px 3px;
}

#content hr	{
	color				: #f78f1e;
	background-color	: #f78f1e;
	height				: 1px;
}


/* -------------------------------- */
/* formulier						*/
/* -------------------------------- */
#contactformulier ul 
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#contactformulier fieldset 
{
	border				: 0;
	margin				: 0;
	padding				: 0;
}

#contactformulier legend 
{
	display				: none;
}

#contactformulier #melding 
{
	margin				: 15px 20px;
	padding				: 0 10px;
	color				: red;
	font-weight			: bold;
	list-style			: square;
}

#contactformulier .veldFout
{
	border				: 1px solid red;
}

#contactformulier label 
{
	margin				: 0 0.7em 0 0;
}

* html #contactformulier label { margin: 0 0.9em 0 0; }

#contactformulier .button 
{
	margin				: 1.1em 0 0 0;
	border				: 1px solid orange;
	cursor				: pointer;
}


/* -------------------------------- */
/* formulier aanvraag kleurrijk		*/
/* -------------------------------- */
.pagina-kleurrijk #content .formmodule fieldset,
.pagina-kleurrijk #content .formmodule ul,
.pagina-kleurrijk #content .formmodule li,
.pagina-kleurrijk #content .formmodule .veld {
	padding				: 0;
	margin				: 0;
	border				: 0;	
	list-style			: none;
}

.pagina-kleurrijk .formmodule h4 {
	display				: none;
}

.pagina-kleurrijk #content .formmodule li {
	width				: 308px;
	margin				: 0 0 5px 0;
	border				: 3px solid #7F3688;	
}

.pagina-kleurrijk #content .formmodule li.buttons,
.pagina-kleurrijk #content .formmodule li.verplicht,
.pagina-kleurrijk #content .formmodule li.melding {
	border				: 3px solid #FFF;	
}

.pagina-kleurrijk #content .formmodule li .label {
	padding				: 3px 10px;
	border-bottom		: 1px solid #7F3688;	
	color				: #000;
}

.pagina-kleurrijk #content .formmodule li input,
.pagina-kleurrijk #content .formmodule li textarea {
	padding				: 4px;
	border				: 0;	
	color				: #000;
}

.pagina-kleurrijk #content .formmodule li textarea {
	overflow			: auto;
}

.pagina-kleurrijk #content .formmodule li input.fout,
.pagina-kleurrijk #content .formmodule li textarea.fout {
	background			: #FCC;
}


.pagina-kleurrijk #content .formmodule li.melding,
.pagina-kleurrijk #content .formmodule li label.fout {
	color				: #C00;
}


/* -------------------------------- */
/* cursussen						*/
/* -------------------------------- */
/* overzicht van cursussen */
#cursussen_lijst 
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#cursussen_lijst li a 	{
	font-weight			: bold;
	color				: white;
	display				: block;
	padding				: 2px 5px;
	text-decoration		: none;
	width				: auto;
	_width				: 328px;
}

#cursussen_lijst li a, #cursussen_lijst li a.expand	{
	background			: #f78f1e url(../img/expand.gif) no-repeat 5px;
	padding-left		: 20px;
}

#cursussen_lijst li a.collapse	{
	background			: #f78f1e url(../img/collapse.gif) no-repeat 5px;
	padding-left		: 20px;
}

#cursussen_lijst li	{
	padding-bottom		: 10px;
}

#cursussen_lijst li ul	{
	display				: none;
	margin				: 0;
	padding				: 5px;
	list-style			: none;
	border				: solid 1px #f78f1e;
}

#cursussen_lijst li ul li	{
	padding				: 0;
}

#cursussen_lijst li ul li a	{
	font-weight			: normal;
	background			: none;
	color				: #0f60af;
	text-decoration		: underline;
	display				: inline;
	padding				: 0;
}

/* informatie pagina */

div.cursussen_informatie	{
	float				: left;
	width				: 500px;
}

dl.cursussen_informatie	{
	border				: solid 1px #999;
	background			: #f9f9f9;
	padding				: 5px 8px;
	color				: #333;
	clear				: both;
}


.cursussen_informatie dt	{
	float				: left;
	width				: 100px;
	font-weight			: bold;
}

.cursussen_informatie dd	{
	margin				: 0;
	padding				: 0;
}


/* -------------------------------- */
/* zoek resultaten					*/
/* -------------------------------- */
#zoekresultaten	{
	margin-bottom		: 20px;
}

#zoekresultaten	p	{
	font-weight			: bold;
}

#zoekresultaten dt	{
	font-weight			: bold;
}

#zoekresultaten dt a	{
	color				: #f78f1e;
}

#zoekresultaten dd	{
	margin				: 0 0 15px 0;
	padding				: 0 0 0 10px;
}

#zoekresultaten	ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	display				: inline;
}

#zoekresultaten	li	{
	display				: inline;
	font-weight			: bold;
}

#zoekresultaten	li.current a	{
	text-decoration		: none;
}


/* -------------------------------- */
/* 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 #header h2 {
	visibility			: hidden;
	font-size			: 25px; 
}

.sIFR-hasFlash #content h2 {
	visibility			: hidden;
	font-size			: 10px; 
}