
/* BASIS ELEMENTEN */

html, body, #container	{
	height				: 100%;
}

body 	{
	margin				: 0;
	padding				: 0;
	background			: white url(../img/body_bg.gif) repeat-x 0 1.45em;
}

.hidden		{
	display				: none;
}

#container	{
	position			: relative;
	width				: 980px;
	background			: url(../img/main_bg.gif) repeat-y;
	font-size 			:	1em;
}

.clear	{
	clear				: both;
}

/*---------------------------------	*/
/* toegankelijkheid					*/
/*---------------------------------	*/
#toegankelijkheid	{
	background			: #007497;
	color				: #fff;
	padding				: 3px 5px;
	height				: 1.5em;
	font				: 0.7em/1.5em Arial;
	overflow			: hidden;
}

#toegankelijkheid a	{
	color				: #fff;
}

#toegankelijkheid select,
#toegankelijkheid input	{
	background			: #007497;
	color				: #fff;
	border				: solid 1px #95DCEF;
	font				: 1em Arial;
	vertical-align		: middle;
}

#toegankelijkheid div.jumpmenu,
#toegankelijkheid div.readspeaker,
#toegankelijkheid div.lettergrootte,
#toegankelijkheid form.weergave	{
	float				: left;
	height				: 1.5em;
	border-right		: solid 1px #95DCEF;
	padding-left		: 10px;
}

#toegankelijkheid form.weergave input	{
	width				: 1.5em;
}

#toegankelijkheid p,
#toegankelijkheid ul {
	float				: left;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#toegankelijkheid ul li,
#toegankelijkheid div.lettergrootte p	{
	float				: left;
	padding-right		: 10px;
}



/*-------------------------------*/
/* header */
/*-------------------------------*/
#header	{
	height				: 141px;
}

#header a.logo	{
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 400px;
	height				: 141px;
	display				: block;
	z-index				: 90;
}

#header a.logo img	{
	border				: none;
}

#header p.slogan	{
	display				: inline;
	margin				: 0;
	position			: absolute;
	top					: 37px;
	left				: 450px;
	font				: bold 1.6em Arial;
	text-transform		: uppercase;
	color				: #007497;
}


/*-------------------------------*/
/* weergave						 */
/*-------------------------------*/
#weergave	{
	position			: absolute;
	left				: 451px;
	top					: 15px;
	font				: 0.7em Arial;
	color				: #047796;
}

#weergave p	{
	display				: inline;
	font-weight			: bold;
}

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

#weergave li	{
	display				: inline;
	margin-left			: 7px;
}

#weergave li a	{
	color				: #047796;
	text-decoration		: none;
}

#weergave li.actief a	{
	text-decoration		: underline;
}


/*-------------------------------*/
/* menu_top (sitemap, rss, help) */
/*-------------------------------*/
#menu_top	{
	position			: absolute;
	right				: 2px;
	top					: 10px;
	display				: inline;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#menu_top li	{
	display				: inline;
	margin-left			: 7px;
}

#menu_top a	{
	font				: bold 0.7em Arial;
	color				: #047796;
	text-decoration		: none;
}


/*-------------------------------*/
/* menu (home, tekstversie, etc  */
/*-------------------------------*/
#menu	{
	position			: absolute;
	top					: 102px;
	left				: 226px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	z-index				: 100;
}

#menu li	{
	display				: inline;
}

#menu li a	{
	width				: auto;
	background			: #007497;
	border-left			: 1px solid #addbe6;
	border-right		: 1px solid #addbe6;
	height				: 18px; /* 38 (menu hoogte) - 20 (verticale padding) */	
	display				: block;
	float				: left;
	margin-right		: 5px;
	padding				: 10px 15px;
	font				: bold 0.8em Arial;
	text-decoration		: none;
	color				: white;
}	

#menu li a.actief	{
	background			: #2487A6;
}	



/*-------------------------------*/
/* tekst_size					 */
/*-------------------------------*/
#tekst_size	{
	position			: absolute;
	top					: 90px;
	right				: 18px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	z-index				: 120;
}

#tekst_size li	{
	display				: inline;
}

#tekst_size li a	{
	width				: 33px;
	height				: 33px;
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	float				: left;
	margin-left			: 7px;
}	

#tekst_size li.min a	{
	background			: url(../img/tekst_min.gif) no-repeat;
}

#tekst_size li.plus a	{
	background			: url(../img/tekst_plus.gif) no-repeat;
}


/*-------------------------------*/
/* zoeken						 */
/*-------------------------------*/
#zoeken	{
	position			: absolute;
	top					: 38px;
	right				: 2px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	text-align			: right;
}

#zoeken	.veld	{
	border				: solid 1px #047796;
	border-right		: none;
	font				: 0.8em Arial;
	height				: 1.6em;
	float				: left;
}

#zoeken	.button	{
	border				: solid 1px #047796;
	background			: #047796;
	color				: white;
	font				: bold 0.7em Arial;
	height				: 2.1em;
	float				: left;
	cursor				: pointer;
}

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

#zoeken	fieldset	{
	border				: none;
	margin				: 0;
	padding				: 0;
	float				: right;
}


/*-------------------------------*/
/* main							 */
/*-------------------------------*/
#main	{
	margin				: 0 0 20px 0;
	padding				: 0;
	float				: left;
	width				: 100%;
	background			: url(../img/main_bg.gif) repeat-y;
}


/*-------------------------------*/
/* zijbalk						 */
/*-------------------------------*/

#zijbalk	{
	margin				: 10px 6px;
	font				: 0.75em/1.5em Arial;
	border-top			: none;
	width				: 187px;
	float				: left;
}

/* beschermvrouwe */
#zijbalk .beschermvrouwe {
	margin				: 0;
	text-align			: center;
}

#zijbalk .beschermvrouwe span	{
	font				: bold 0.8em/1.1em Verdana;
	text-decoration		: none;
	color				: #007595;
	width				: 187px;
	display				: block;
	padding				: 5px 0;  	
}

/* aangepastlezen */
#zijbalk .aangepastlezen {
	margin				: 20px 0 0 0;
}

#zijbalk .aangepastlezen a img	{
	border				: 0;
}

/* drempelvrij */
#zijbalk .drempelvrij {
	margin				: 20px 0 0 0;
	text-align			: center;
}

#zijbalk .drempelvrij a	{
	text-decoration		: none;
	color				: #007595;
	font				: 0.8em/1.1em Verdana;
}

#zijbalk .drempelvrij a img	{
	border				: 0;
	margin				: 0 0 5px 0;
}


/* menu */
#zijbalk ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	border-bottom		: solid 1px #a5cbd3;
	width				: 190px;
}

#zijbalk ul ul	{
	border-bottom		: none;
	width				: auto;
}

/* eerste level menu - hoofdmenu */
#zijbalk ul li	{	
	background			: white;
	display				: block;
}

#zijbalk ul li a	{
	background			: #d2e9d9;
	color				: #047796;
	padding				: 4px 20px 4px 10px;
	display				: block;
	text-decoration		: none;
	font-weight			: bold;
	width				: 160px;
	border-top			: solid 1px #ffffff;
	border-bottom		: solid 1px #a5cbd3;
}

#zijbalk ul li.actief a	{
	background			: #047796;
	border-bottom		: none;
	color				: white;
}

/* tweede level menu - deze styles gaan ook door naar het derde level menu */
#zijbalk ul li ul li	{	
	font-weight			: bold;
	border-bottom		: none;
	border-top			: none;
	padding				: 2px 20px 2px 10px;
}

#zijbalk ul li li a, #zijbalk ul li.actief li a	{	
	display				: inline;
	padding				: 0;
	width				: auto;
	color				: #0289a6;
	background			: none;
	border				: none;
}

#zijbalk ul li.actief ul li	{	
	background			: #fff;
	font-weight			: bold;
	border				: none;
}

#zijbalk ul li.actief ul li.actief	{
	background			: #fff;
	font-weight			: bold;
}

#zijbalk ul li.actief ul li.actief a {
	border-bottom		: solid 1px #EE7633;
	background			: none;
}

#zijbalk ul li.actief ul li a	{
	border-bottom		: solid 1px #fff;
	background			: none;
}

#zijbalk ul li.actief ul li a:hover	{
	border-bottom		: solid 1px #EE7633;
	background			: none;
}

/* derde level menu */
#zijbalk ul li.actief ul li ul li a {
	font-weight			: normal;
	padding				: 0;
	border				: none !important;
}

#zijbalk ul li.actief ul li.actief ul li.actief a, #zijbalk ul li ul li ul li a:hover {
	border-bottom		: solid 1px #EE7633 !important;
}

#zijbalk ul li ul li ul {
	margin-left			: 10px;
}

#zijbalk ul li.actief ul li.actief ul li {	
	padding				: 1px 0;
	margin				: 0;
}



/*-------------------------------*/
/* content						 */
/*-------------------------------*/
#content	{
	float				: right;
	width				: 735px;
	margin				: 30px 0 25px 0;	
	font				: 0.74em/1.6em Arial;
	color				: #191919;
	background			: url(../img/content_bg.gif) no-repeat bottom left;
}

#content h1	{
	display				: none;
}

#content h2	{
	font				: bold 1.4em Arial;
	color				: #288da4;
	margin				: 1em 0 0.5em 0;
}

#content a	{
	color				: #047796;
}

#content .inhoud	{
	clear				: both;
	padding				: 15px 0;
	min-height			: 200px;
}

#content fieldset	{
	margin				: 0;
	padding				: 0;
	border				: none;
}

#content legend	{
	display				: none;
}

#content label	{
	font-weight			: bold;
}

#content .input	{
	border				: solid 1px #047796;
	font				: 1em Arial;
	color				: #047796;
}

#content .listFout {
	color				: #cc0000;
	list-style			: square;
}

#content .button	{
	border				: solid 1px #047796;
	background			: #047796;
	color				: white;
	font				: bold 1em Arial;
	cursor				: pointer;
}

#content small	{
	font-size			: 0.9em;
}

#content ul	{
	list-style			: square;
}

#content ul li.map {
	list-style			: square;
}



/* --------------------------------	*/
/* iwes data					 	*/
/* --------------------------------	*/
/* iwes data */
.iwes	{
}

.iwes q { quotes: none; }

.iwes img	{
	border			: none;
}

.iwes p	{
	margin			: 0 0 1.5em 0;
}

.iwes blockquote	{
	margin			: 0 0 1.5em 3em;
}

.iwes ul, .iwes ol	{
	margin			: 0 0 1.5em 3em;
	padding			: 0;
}

.iwes h3	{
	font-size			: 1.2em;
	color				: #000;
	margin				: 0 0 10px 0;
}

.iwes h4	{
	font-size			: 1em;
	color				: #000;
	margin				: 0;
}

/* opmaak */
.iwes_underline	{	text-decoration	: underline;	}

.iwes_kleur_000000	{	color: #000000;	}
.iwes_kleur_de7dc4	{	color: #DE7DC4;	}
.iwes_kleur_88136b	{	color: #88136B;	}
.iwes_kleur_5d97c3	{	color: #5D97C3;	}

.iwes_achtergrond_000000	{	background: #000000;	}
.iwes_achtergrond_de7dc4	{	background: #DE7DC4;	}
.iwes_achtergrond_88136b	{	background: #88136B;	}
.iwes_achtergrond_5d97c3	{	background: #5D97C3;	}

.iwes_grootte_1		{	font-size: 0.8em;	}
.iwes_grootte_2		{	font-size: 1em;		}
.iwes_grootte_3		{	font-size: 1.3em;	}

.iwes_links			{	text-align: left;		}
.iwes_rechts		{	text-align: right;		}
.iwes_centreren		{	text-align: center;		}
.iwes_uitvullen		{	text-align: justify;	}

/* kolommen */
.iwes_kolom_clear	{ clear: both; }
.iwes_kolom_100		{ width: 99.9%; float: left;  }
.iwes_kolom_75		{ width: 74.9%; float: left; }
.iwes_kolom_50		{ width: 49.9%; float: left; }
.iwes_kolom_25		{ width: 24.9%; float: left; }


/* resultaten van zoeken e.d. */

.resultaten	a {
	font-weight			: bold;
	text-decoration		: none;
}

.resultaten	a:hover {
	text-decoration		: underline;
}

.resultaten	p {
	
	margin				: 0 0 10px 0;
	padding-bottom		: 10px;
	border-bottom		: solid 1px #c7dde1;
}

/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#content .nieuws h3	{
	background			: #D2E9D9;
	font-size			: 1em;
	margin				: 0 0 5px 0;
	padding				: 2px 5px;
	text-align			: right;
}

#content .nieuws h3 a	{
	float				: left;
}

#content .nieuws div.intro	{
	margin				: 0 0 20px 0;
}

#content .nieuws div.intro p	{
	float				: right;
	width				: 500px;
}

#content .nieuws div.intro img	{
	float				: left;
	border				: none;
}

/*-------------------------------*/
/* navigatie					 */
/*-------------------------------*/
#navigatie	{
	background			: url(../img/navigatie.gif) no-repeat;
	border-right		: solid 1px #007497;
	border-bottom		: solid 1px #007497;	
	width				: 100%;
	height				: 29px;
}

#navigatie ul	{
	margin				: 0 8px;
	padding				: 0;
	list-style			: none;
	width				: 500px;
}

#navigatie li	{
	display				: inline;
	background			: #007497 url(../img/navigatie_splitter.gif) no-repeat right 13px;
	color				: white;
	height				: 23px;
	padding-top			: 6px;
	padding-right		: 16px;
	float				: left;
	white-space			: nowrap;
}

#navigatie li.actief	{
	padding-right		: 4px;
}

#navigatie a	{
	color				: white;
	font-weight			: bold;
	text-decoration		: none;
}

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

#navigatie li.actief a	{
	font-weight			: normal;
	margin-right		: 10px;
}


/*-------------------------------*/
/* readspeaker					 */
/*-------------------------------*/
#readspeaker	{
	position			: absolute;
	top					: 165px;
	right				: 4px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#readspeaker a	{
	font				: bold 0.9em Arial;
	color				: white;
	text-decoration		: none;
	background			: #d75713 url(../img/lezen_bg.gif) repeat-x;
}

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

#readspeaker li	{
	height				: 34px;
	display				: block;
	float				: left;
	margin-left			: 7px;
	text-align			: center;
	white-space:nowrap;
}	

#readspeaker li.uitgebreid	{
	background			: url(../img/lezen_uitgebreid.gif) no-repeat;
	width				: 149px;
}

#readspeaker li.content	{
	background			: url(../img/lezen_content.gif) no-repeat;
	width				: 89px;
}


/*-------------------------------*/
/* footer						 */
/*-------------------------------*/

#footer	{
	margin-top			: 60px;
}

#footer	{
	font				: 0.9em/1.4em Arial;
}

#footer, #footer a	{
	color				: #007497;
}

#footer address	{
	font-style			: normal;
	text-align			: right;
	background			: #D2E9D9;
	padding				: 7px 15px;
	border-bottom		: solid 1px #85BAC8;
	margin-bottom		: 10px;
}

#footer ul	{
	list-style			: none;
	margin				: 0;
	padding				: 0;
	display				: inline;
	float				: left;
}

#footer ul li	{
	display				: inline;
}

#footer .print	{
	float				: right;
	background			: url(../img/printer.gif) no-repeat;
	height				: 18px;
	padding-left		: 20px;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactformulier ul {
	list-style			: none !important;
	margin				: 0;
	padding 			: 0;
	width				: 280px;
}

.contactformulier li.postcode	{
	float				: left;
}

.contactformulier li.plaats	{
	float				: right;
}

.contactformulier li.telefoon	{
	clear				: both;
}

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

.contactformulier legend 	{
	display				: none;
}

.contactformulier label 	{
	font-weight			: bold;
}

.contactformulier input, .contactformulier textarea, .contactformulier select {
	border				: solid 1px #047796;
	font				: 1em Arial;
	color				: #000000;
}


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

.contactformulier .button	{
	background-color	: #0194E4;
	color				: #fff;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
	margin				: 5px 0 0 0;
}

.contactformulier .melding, .contactformulier #melding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.nieuwsoverzicht {
	background-color: #D2E9D9;
}