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

body	{
	background			: white url(../img/body_bg.gif) repeat-y;
	margin					: 0;
	padding					: 0;
	font-size				: 1.2em;
}

#container	{
	background			: url(../img/header_bg.gif) repeat-x;
	position				: relative;
}

.verberg	{
	display					: none;
}


/* ------------------------ */
/* header 					*/
/* ------------------------ */
#header	{
	height					: 121px;
	background			: url(../img/header_bg.jpg) no-repeat right top;
}

#header	h1 {
	margin					: 0;
}

#header	h1 a {
	height					: 121px;
	width						: 181px;
	margin					: 0;
	float						: left;
}

#header	h1 img {
	border					: 0;
}

#header p	{
	height					: 48px;
	width						: 300px;
	margin					: 20px 20px;
	float						: left;
}

#header a.print	{
	position				: absolute;
	top							: 93px;
	right						: 20px;
	height					: 15px;
	background			: url(../img/print.gif) no-repeat;
	padding-left		: 20px;
	color						: #812d01;
	font						: 0.7em Verdana, Arial;
}

/* zoek formulier */
#header	form	{
	position				: absolute;
	top							: 93px;
	left						: 200px;
	margin					: 0;
	padding					: 0;
}

#header legend, #header label	{
	display					: none;
}

#header fieldset	{
	border					: none;
	padding					: 0;
}

#header input.invoer	{
	border					: solid 1px black;
	color						: #333333;
	font						: 0.7em Verdana, Arial;
	height					: 16px;
	padding					: 2px 0 0 2px;
	margin					: 0 3px 0 0;
	float						: left;
}

#header input.submit	{
	border					: solid 1px black;
	background			: black url(../img/zoeken_bg.gif) repeat-x;
	color						: white;
	font						: bold 0.6em Verdana, Arial;
	height					: 20px;
	width						: 6em;
	padding					: 0 5px;
	margin					: 0;
}

#header form a	{
	font						: 0.7em Verdana, Arial;
	color						: #812d01;
	margin-left			: 10px;
}


/* ------------------------ */
/* kolom links (menu)		*/
/* ------------------------ */
#kolom_links	{
	border-top			: solid 1px #a4a2a2;
	width						: 179px;
}

#kolom_links ul	{
	margin					: 30px 0 0 0;
	padding					: 0;
	list-style			: none;
	border-top			: solid 1px #cac9c9;
	width						: 179px;
}

#kolom_links li	{
	margin					: 0;
	padding					: 0;
	display					: block;
	border-bottom		: solid 1px #cac9c9;
}

#kolom_links li a			{
	color						: #212121;
	display					: block;
	padding					: 6px 1px 6px 25px;
	margin					: 0;
	font						: 0.7em/1.4em Verdana, Arial;
}

#kolom_links li.actief a	{
	background			: #f3f3f3;
	text-decoration	: none;
}

#kolom_links li.webmail a	{
	text-decoration	: none;
	color						: #FB7514;
}


/* ------------------------ */
/* main	en posities			*/
/* ------------------------ */
#main	{
	margin					: 0;
	padding					: 0;
	position				: absolute;
	top							: 121px;
	right						: 0;
	left						: 181px;
}

#kolom_rechts	{
	float						: right;
}

html>body #kolom_rechts	{
	position				: absolute;
	right						: 0; 
	z-index					: 10000;
}

*:first-child+#kolom_rechts { /* IE7 hack */
	position				: relative;
	margin-left			: -200px;
}

#content	{
	float						: left;
	min-height			: 600px;
	top							: 0;
	margin-right		: 220px;
	_margin-right		: auto;
}

*:first-child+#content { /* IE7 hack */
	width: 100%;
}




/* ------------------------ */
/* kolom rechts				*/
/* ------------------------ */
#kolom_rechts	{
	width					: 200px;
	background				: url(../img/kolom_rechts_bg.jpg) no-repeat;
	padding-top				: 245px;
	margin					: 1px 0 20px 20px;
}

/* lettergrootte */
#kolom_rechts .lettergrootte {
	border					: solid 1px #fd8105;
}

#kolom_rechts .lettergrootte h3 {
	border-bottom			: solid 1px #c9c9c9;
	color					: #fd8105;
	font					: bold 0.9em Verdana, Arial;
	margin					: 0;
	padding					: 10px;
	text-align				: center;
}

#kolom_rechts .lettergrootte ul	{
	margin					: 7px 0 0 0;
	padding					: 0;
	font					: 0.7em Verdana, Arial;
	list-style				: none;
	height					: 62px;
	position				: relative;
}

#kolom_rechts .lettergrootte li	{
	margin					: 0;
	padding					: 0;
	display					: block;
	float					: left;
	list-style				: none;
}

#kolom_rechts .lettergrootte a	{
	text-indent				: -9000px;
	overflow				: hidden;
	height					: 59px;
	width					: 58px;
	display					: block;
	background				: red;
	margin					: 0 0 4px 6px;
}

#kolom_rechts .lettergrootte a.normaal	{ background: url(../img/lettergrootte_1.gif) no-repeat; }
#kolom_rechts .lettergrootte a.grotere	{ background: url(../img/lettergrootte_2.gif) no-repeat; }
#kolom_rechts .lettergrootte a.grootste	{ background: url(../img/lettergrootte_3.gif) no-repeat; }


/* hkz logo */
#kolom_rechts .hkz	{
	padding					: 15px 10px;
	border					: solid 1px #c9c9c9;
	margin-top				: 2px;
	text-align				: center;
}

#kolom_rechts .hkz img	{
	border					: none;
}

/* drempelvrij */
#kolom_rechts .drempelvrij	{
	padding					: 15px 10px;
	border					: solid 1px #c9c9c9;
	margin-top				: 2px;
	text-align				: center;
	font					: bold 0.7em/1.2em Verdana, Arial;
}

#kolom_rechts .drempelvrij a	{
	color					: #fa7413;
}

#kolom_rechts .drempelvrij img	{
	display					: block;
	border					: none;
	margin					: 0 auto 10px auto;
}


/* ------------------------ */
/* content					*/
/* ------------------------ */
#content	{
	padding						: 0 0 20px 20px;
	font						: 0.7em/1.7em Verdana, Arial;
	color						: #333333;
}

#content a#readspeaker	{
	float						: right; 
	display						: block;
	width						: 69px;
	padding						: 15px 0 0 0;
}

#content #readspeaker img	{
	border						: none;
}

#content h2	{
	margin						: 20px 0;
	font						: bold 1.25em Verdana, Arial;
}

#content div.h2datum {
	float						: right;
	display						: inline;
	font-size					: 1.2em;
	font-weight					: normal;
	width						: 6.5em;
	text-align					: right;
	margin						: 20px 0;
}

#content h2.h2datum {
	text-align					: left;
	margin						: 20px 0;
	padding-right				: 6.5em;
}

#content a	{
	color						: #fb7514;
}

#content .input	{
	font						: 1em Verdana, Arial;
	border						: solid 1px #a4a4a4;
	color						: #333333;
}

#content legend	{
	color						: #333333;
}

#content .input_verplicht {
	font						: 1em Verdana, Arial;
	border						: solid 1px #F98105;
	color						: #333333;
}

#content .button	{
	font						: bold 1em Verdana, Arial;
	color						: white;
	background					: #FC7E0E;
	border						: solid 1px #FC830A;	
	height						: 2em;
	cursor						: pointer;
}

#content th	{
	font						: bold 1em Verdana, Arial;
	background					: #f7f7f7;
	border						: solid 1px #e5e5e5;
	text-align					: left;
}

#content th a	{
	color						:	#333333;
}

#content li.fm_form1_informatie_over	{
	padding						: 0 0 10px 0;
}

#content li.fm_form1_informatie_over .veld	{
	overflow					: hidden;
	zoom						: 1;
}

#content li.fm_form1_informatie_over .veld label	{
	display						: block;
	float						: left;
	clear						: left;
}
/*form14 joost*/
#content .formmodule li	{
	padding						: 0 0 10px 0;
}

#content .formmodule li .veld input,
#content .formmodule li .veld .input,
#content .formmodule li .veld input.radio,
#content .formmodule li .veld select	{
	clear						: both;
	float						: left;
}

#content .formmodule li .veld input.radio {
		clear						: both;
}

#content .formmodule li .veld	{
	overflow					: hidden;
	zoom						: 1;
}

#content .formmodule li .veld label	{
	display						: block;
	float						: left;
	clear						: left;
}

#content .formmodule li .veld label#label_fm_form1_9_van_welk_vervoermiddel_maakt_u_gebruik,
#content .formmodule li .veld label#label_fm_form1_10_waar_zou_u_hulp_bij_nodig_hebben_onderweg,
#content .formmodule li .veld label#label_fm_form1_12_per_dag_denken_wij_aan_een_route_van_anderhalf_uur_w,
#content .formmodule li .veld label#label_fm_form1_13_zou_de_middag_voor_u_geschikt_zijn_voor_de_wandeling,
#content .formmodule li .veld label#label_fm_form1_15_kunt_u_naar_een_centraal_punt_in_doetinchem_reizen_v	{
	margin						: -14px 0 0 25px;
	*margin						: -20px 0 0 25px;
}

#content .formmodule li .veld input#fm_form1_9_van_welk_vervoermiddel_maakt_u_gebruik_anders_vak,
#content .formmodule li .veld input#fm_form1_10_waar_zou_u_hulp_bij_nodig_hebben_onderweg_anders_vak,
#content .formmodule li .veld input#fm_form1_12_per_dag_denken_wij_aan_een_route_van_anderhalf_uur_w_anders_vak,
#content .formmodule li .veld input#fm_form1_13_zou_de_middag_voor_u_geschikt_zijn_voor_de_wandeling_anders_vak,
#content .formmodule li .veld input#fm_form1_15_kunt_u_naar_een_centraal_punt_in_doetinchem_reizen_v_anders_vak {
	margin						: 3px 0 0 25px;
}

/* ------------------------ */
/* boxjes op de homepage	*/
/* ------------------------ */

#box div 	{
	width						: 48%;
	_width					: 48%;
	display					: inline;
	padding-bottom	: 10px;
	text-align			: center;
	margin-top			: 10px;
}

#box div.links	{
	float						: left;
}

#box div.rechts	{
	margin-left			: 10px;
	float						: right;
}

#box div.oranje	{
	border					: solid 1px #ffbe7e;
	background			: #fff6ed;
}

#box div.grijs	{
	border					: solid 1px #cac9c9;
	background			: #f3f3f3;
}

#box div.oranje a	{
	color						: #fa7416;
}

#box div.grijs a	{
	color						: #434343;
}

#box h3	{
	margin					: 0;
	padding					: 10px 15px;
	font						: bold 1.3em Verdana, Arial;
	width						: auto;
	text-align			: left;
}

#box div.oranje h3	{
	border-bottom		: solid 1px #ffbe7e;
	color						: #fa7416;
}

#box div.grijs h3	{
	border-bottom		: solid 1px #cac9c9;
	color						: #434343;
}

#box dl	{
	margin					: 10px 15px;
	text-align			: left;
}

#box dt	{
	padding					: 0 0 0 15px;
}

#box dd	{
	margin					: 0 0 10px 0;
}

#box div.grijs dt	{
	background			: url(../img/listitem_grijs.gif) no-repeat left 5px;
}

#box div.oranje dt	{
	background			: url(../img/listitem_oranje.gif) no-repeat left 5px;
}

#box a.meer	{
	font						: bold 1.3em Verdana, Arial;
}

#box div.datum	{
	font-style: italic;
}


/* ------------------------ */
/* footer					*/
/* ------------------------ */
#footer	{
	clear						: both;
	border-top			: solid 1px #e5e5e5;
	border-bottom		: solid 1px #e5e5e5;
	margin					: 0 0;
	padding					: 4px 20px;
	height					: 20px;
}

#footer	.boven, #footer	.amimpact, #footer .voorwaarden	{
	font						: 0.7em/1.7em Verdana, Arial;
	color						: #a4a4a4;
	text-decoration	: none;
}

#footer	.boven	{
	background			: url(../img/pijl.gif) no-repeat;
	padding-left		: 15px;
}

#footer	.amimpact, #footer .voorwaarden	{
	float						: right;
}

#footer .voorwaarden {
	padding-right				: 15px;
}




/* ------------------------ */
/* broodkruimeltjes			*/
/* ------------------------ */
#broodkruimels	{
	clear						: both;
	background			: #f7f7f7;
	border-bottom		: solid 1px #e6e6e6;
	padding					: 10px 20px;
}

#broodkruimels h3	{
	margin					: 0;
	display					: inline;
	color						: #333333;
	font						: 0.7em Verdana, Arial;
}

#broodkruimels ul	{
	margin					: 0;
	padding					: 0;
	display					: inline;
	font						: 0.7em Verdana, Arial;
	list-style			: none;
}

#broodkruimels li	{
	margin					: 0 0 0 5px;
	padding					: 0;
	display					: inline;
	list-style			: none;
	background			: url(../img/raquo.gif) no-repeat right 5px;
}

#broodkruimels li.laatste	{
	background			: none;
}

#broodkruimels a	{
	color						: #fb7516;
	margin-right		: 8px;
}


/* ------------------------ */
/* contactformulier			*/
/* ------------------------ */

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

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

#contactformulier legend 
{
	display					: none;
}


/* ------------------------ */
/* zoekformulier			*/
/* ------------------------ */
#zoeken	{
	background			: #f7f7f7;
	border					: solid 1px #e5e5e5;
	width						: 99%;
	position				: relative;
	float						: left;
	margin-bottom		: 20px;
}

table#zoeken
{
	padding: 10px;
}

#zoeken fieldset	{
	border					: none;
	margin					: 0;
	padding					: 10px;
}

#zoeken #trefwoorden	{
	float						: left;
	font-weight			: bold;
	
}

#zoeken #trefwoorden legend, #zoeken #socialekaart legend	{
	display					: none;
}

#zoeken #zoeken_in	{
	float						: right;
	text-align			: left;
	width						: 50%;
}

#zoeken #zoeken_in legend	{
	font-weight				: bold;
	margin					: 0 -3px;
	padding					: 0;
}

#zoeken #socialekaart	{
	margin					: 60px 0 10px 0;
	font-weight				: bold;
	padding					: 0 10px 10px 10px;
}

#zoeken .buttons	{
	padding					: 0 10px 10px 10px;
	clear					: both;
}

#suggesties ul, #suggesties li
{
	margin			: 0;
	padding			: 0;
}

#suggesties li a
{
	display			: block;
	margin			: 0;
	padding			: 0.3em 0 0.3em 1em;
	background-color: #fff;
}

#suggesties li a:hover
{
	background-color: #f7f7f7;
}

/* ------------------------ */
/* zoekresulaten			*/
/* ------------------------ */
#zoek_resultaten	{
}

#zoek_resultaten dt	{
	font-weight			: bold;
}

#zoek_resultaten dd	{
	margin					: 0 0 15px 15px;
}

#zoek_resultaten small	{
	display					: block;
}

#output{ font-family:Verdana; color:black; font-size: 0.7em; padding-left: 0px; padding-top:0px;	border:1px solid #000000; width: 300px; background: #FFFFFF; cursor:hand; height:275px; overflow:auto;}
.shadow{ width:202px;	position:relative;	top: 0px;	left: 0px;	background: #555; }
.shadow div{ position:relative;	top: 0px;	left: 0px;}

.active
{
	font-weight: bold;
}

/* ------------------------ */
/* tabs						*/
/* ------------------------ */
#tabs
{
	list-style: none;
	margin: 0;
	position: relative;
	top: 1px;
}
#tabs li
{
	float: left;
	border: 1px solid #fbe0c5;
	margin: 0 5px;
}
#tabs li a
{
	padding: 4px 9px;
}
#tabs .active
{
	background-color: #fbe0c5;
}

.tabcontent
{
	border: 1px solid #fbe0c5;
	padding: 10px;
}

/* ------------------------ */
/* 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;
}

/** RDL TABEL **/
.rdl
{
	margin-top: 10px;
}

.rdl h4
{
	margin: 0;
	padding: 0.5em 0.5em 1.5em 0;
	font-size: 1.1em;
	display: inline;
}

.rdl .kolom
{
	border: 1px solid #e5e5e5;
	background-color: #f7f7f7;
}

.rdl .kolom_container
{
	background-image: url("../img/rdl_pijl.gif");
	background-position: right 7px;
	background-repeat: no-repeat;
}

.rdl .kolom td
{
	padding-left: 15px;
}

.rdl .active_row
{
	font-weight: bold;
	background-color: #e5e5e5;
}

/* ---------------------------------------- */
/* formulierenmodule        								*/
/* ---------------------------------------- */
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset .formulier {  margin: 0; padding: 0; list-style: none; }
fieldset h4 { display: none; }

.formulier .veld { border: 0; }
.formulier .veld input, .formulier .veld textarea { font: 1em Verdana, Arial;border: 1px solid orange; color: #333; }
fieldset .formulier li { line-height: 1.4em; }
fieldset .formulier .verplicht { margin: 5px 0; font-weight: bold; }



/*-------------nieuwsbriefformulier------------------------*/
#content .nieuwsbriefformulier td	{
	padding				: 0;
}

.veld_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 10px;
	color:#000000;
	width:300px;
}

.veldFout_nieuwsbriefformulier
{
	border: 1px solid #ff2222;
	font-size: 10px;
	color:#000000;		
	width:300px;
}

.multiple_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 10px;
	background-color:#FFFFFF;		
	width:300px;
}

.multipleFout_nieuwsbriefformulier
{	
	font-size: 10px;
	background-color:#E5ECF5;		
	width:300px;
}

.button_nieuwsbriefformulier
{
	font-family		: Verdana;
	font-size		: 10px;
	font-weight     : bold;
	color			: #ffffff;
	border			: 1px solid #A9AA99;
	background-color: #A9AA99;
	cursor			: hand;
}

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

input.button   {
	cursor				: pointer;
	background			: #3E2E91;
	color				: #fff !important;
	font-weight			: bold;
	margin-top			: 10px;
	padding				: 2px;
	border				: none;
	font-size			: 1em;
}


/** FOUTMELDINGEN **/
#foutmelding
{
	margin-bottom: 2em;
}
#foutmelding legend
{
	color: red;
	font-weight: bold;
}
#foutmelding ul
{
	margin: 1em;
	list-style: none;
}

.button_rood
{
	color: #fff;
	border: 1px solid #900;
	background-color: #900;
	display: block;
	float: left;
	font: bold 0.9em;
	text-align: center;
	cursor: pointer;
}

a.button_rood
{
	padding: 3px;
	color: #fff;
}
.formulier label.fout	{
	border				: none;
	color				: #f00;
}

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

#googlemaps	{
	border				: 0px;
	height				: 400px;
	width					: 100%;
	background		: #eee;
	text-align		: left;
	font					: 0.8em Verdana;
	color					: #4E4E4E;
}

#googlemaps a	{
	color				: #FB7516;
}


#flash-player {
	margin-bottom		: 10px;
}

#player {
	display				: inline-block;
	width				: auto;
	background			: #F7F7F7;
    padding				: 10px;
    border				: 1px solid #E5E5E5;    
}

#videos {
	width				: 565px;
}

#videos .lijst {

}
#videos .lijst ul {
	list-style 			: none;
    margin				: 0 0 10px 0;
    border				: 0;
    padding				: 0;
}

#videos .lijst li {
	margin				: 0 0 5px 0;
    padding				: 0 0 0 6px;
}

#videos .lijst h3 {
    background			: #F7F7F7;
    border				: 1px solid #E5E5E5;
    font				: bold 1em Verdana,Arial;
    text-align			: left;
    padding				: 3px 0 3px 6px;
    margin				: 10px 0 10px 0;
}