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



/* BASIS ELEMENTEN */
html, body, #container, #outer_container	{
	height				: 100%;
}

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

.hidden		{
	display				: none;
}

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


#outer_container	{	/* deze staat buiten #container, speciaal voor de achtergrond bolletjes... */
	position			: relative;
	width				: 100%;
	background			: url(../img/bollen_bg.gif) no-repeat 926px 300px;
}

/*---------------------------------	*/
/* toegankelijkheid					*/
/*---------------------------------	*/
#toegankelijkheid	{
	background			: #750058;
	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			: #750058;
	color				: #fff;
	border				: solid 1px #c99cbe;
	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 #933a7e;
	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				: 115px;
}

#header h1	{
	margin				: 0;
	padding				: 0;
	width				: 300px;
	height				: 114px;
	background			: white;
	border-bottom		: solid 1px #a65d94;
}

#header h1 a	{
	position			: absolute;
	left				: 13px;
	top					: 9px;
	z-index				: 1000;
	margin				: 0;
	padding				: 0;
}

#header h1 a img	{
	border				: 0;
}


/*-------------------------------*/
/* contrast						 */
/*-------------------------------*/
#contrast	{
	position			: absolute;
	left				: 300px;
	top					: 4px;
	font				: 0.7em Arial;
}

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

#contrast p, #contrast a	{
	color				: #750058;
	text-decoration		: none;
}

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

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

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


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

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

#menu_top a	{
	font				: 0.7em Arial;
	color				: #750058;
}


/*-------------------------------*/
/* menu (home, tekstversie, etc  */
/*-------------------------------*/
#menu	{
	position			: absolute;
	top					: 77px;
	left				: 300px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#menu li	{
	display				: inline;
}

#menu li a	{
	width				: auto;
	background			: #750058 url(../img/menu_bg.gif) repeat-x;
	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.actief a	{
	background			: #0487a5 url(../img/menu_actief_bg.gif) repeat-x;
}	




/*-------------------------------*/
/* tekst_size					 */
/*-------------------------------*/
#tekst_size	{
	margin				: 0;
	padding				: 0;
}

#tekst_size h2	{
	display				: none;
}

#tekst_size ul	{
	position			: absolute;
	top					: 63px;
	right				: 18px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#tekst_size li	{
	display				: inline;
}

#tekst_size span	{
	display				: none;
}

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

#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					: 25px;
	right				: 2px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	text-align			: right;
}

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

#zoeken	.button	{
	border				: solid 1px #7c045e;
	background			: #7c045e;
	color				: white;
	font				: bold 0.7em Arial;
	height				: 2.0em;
	float				: left;
}

#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	{
	padding				: 20px 0 0 9px;
	width				: 206px;
	float				: left;
	font				: 0.75em/1.5em Arial;
}

/* logo's van bibliotheek en nlbb */
#zijbalk .bibliotheek, #zijbalk .nlbb, #zijbalk .drempelvrij {
	margin				: 15px 0 0 0;
}

#zijbalk .bibliotheek a {
	margin				: 0;
	display				: block;
	background			: url(../img/bibliotheek.gif) no-repeat;
	height				: 73px;
	width				: 190px;
	text-indent			: -9000px;
	overflow			: hidden;
}

#zijbalk .nlbb a {
	margin				: 0;
	display				: block;
	background			: url(../img/nlbb.gif) no-repeat;
	height				: 62px;
	width				: 190px;
	text-indent			: -9000px;
	overflow			: hidden;
}

#zijbalk .drempelvrij	{
	text-align			: center;
	padding-right		: 9px;
}

#zijbalk .drempelvrij a {
	text-decoration		: none;
	font-size			: 0.9em;
	color				: #760159;
}

#zijbalk .drempelvrij a img {
	border				: 0;
	margin-bottom		: 8px;
}


/* menu */
#zijbalk ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	border-bottom		: solid 1px #caa7c0;
	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			: #750058 url(../img/menu_level1.gif) no-repeat 173px 11px;
	color				: #fff;
	padding				: 4px 20px 4px 10px;
	display				: block;
	text-decoration		: none;
	font-weight			: bold;
	width				: 160px;
	border-top			: solid 1px #923c7d;
	border-bottom		: solid 1px #610048;
}

#zijbalk ul li.actief a	{
	background			: #933a7e url(../img/menu_level1_a.gif) no-repeat 172px 11px;
	border-bottom		: none;
	color				: white;
}

#zijbalk ul li a:hover	{
	background-color	: #933a7e;
}

/* 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				: #750058;
	background			: none;
	border				: none;
}

#zijbalk ul li.actief ul li	{	
	color				: #750058;
	background			: #fff url(../img/menu_level2.gif) no-repeat 173px 11px;
	font-weight			: bold;
	border				: none;
}

#zijbalk ul li.actief ul li.actief	{
	background			: #fff url(../img/menu_level2_a.gif) no-repeat 172px 11px;
	font-weight			: bold;
}

#zijbalk ul li.actief ul li.actief a {
	border-bottom		: solid 1px #5D97C3;
	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 #5D97C3;
	background			: none;
}

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

#zijbalk ul li.actief ul li.actief ul li.actief a, #zijbalk ul li.actief ul li.actief ul li a:hover {
	border-bottom		: solid 1px #5D97C3;
}

#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				: 742px;
	padding				: 40px 0 25px 20px;	
	font				: 0.74em/1.6em Arial;
	color				: #191919;
	background			: url(../img/content_bg.gif) no-repeat bottom right;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6	{
	font				: bold 1em Arial;
	color				: #000;
	margin				: 1em 0 0 0;
}

#content h2	{
	display				: none;
}

#content .iwes h2	{
	display				: block;
}

#content .iwes	{		
	min-height			: 300px;
	padding				: 1.5em 0 0 0;
	vertical-align		: top;
}

#content .top	{		
	text-align			: right;
	display				: block;
	height				: 60px;
}

#content a	{
	color				: #750058;
}

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

#content legend	{
	display				: none;
}

#content label	{
	font-weight			: bold;
}

#content input, #content select, #content textarea 	{
	border				: solid 1px #AB5396;
	font				: 1em Arial;
	color				: #0b778f;
}

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

#content .button	{
	border				: solid 1px #AB5396;
	background			: #750058;
	color				: white;
	font				: bold 1em Arial;
}

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

#content ul	{
	/*list-style			: square;*/
	list-style:none;
	margin-top			: 0px;
	margin-bottom		: 0px;
}

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

#content ul.laag1
{
	padding-left: 0px;
}
#content ul.laag2 {
	padding-left: 40px;
}
#content ul.laag3 {
	padding-left: 80px;
}


/* overzichtjes */
#content dl.overzicht dt	{
	background			: #D0ACC6;
	padding				: 3px;
	font-weight			: bold;
}

#content dl.overzicht dt a	{
	color				: #75006A;
}

#content dl.overzicht dt a.kop	{
	float				: left;
}

#content dl.overzicht dt span.datum	{
	float				: right;
}

#content dl.overzicht dd	{
	padding				: 5px 0;
	margin				: 0 0 20px 0;
}

#content dl.overzicht dd div.foto	{
	float				: left;
	width				: 200px;
}

#content dl.overzicht dd div.info	{
	float				: right;
	width				: 525px;
}


/* resultaten van zoeken e.d. */
.resultaten	a {
	font-weight			: bold;
	text-decoration		: none;
}

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

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


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

.iwes_inhoud q { quotes: none; }

.iwes_inhoud img	{
	border			: none;
}

.iwes_inhoud p	{
	display			: block;
	margin			: 0 0 1.5em 0;
}

.iwes_inhoud blockquote	{
	display			: block;
	margin			: 0 0 1.5em 3em;
}

#content .iwes_inhoud ul, 
#content .iwes_inhoud ol	{
	margin			: 0 0 1.5em 3em;
	padding			: 0;
	list-style		: square;
}

#content .iwes_inhoud ol	{
	list-style		: decimal;
}

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


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

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

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

.formmodule .fout	{
	border				: solid 1px #c00 !important;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #c00;
} 

.formmodule ul.formulier {
	list-style			: none !important;
	margin				: 0 !important;
	padding 			: 0 !important;
}

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

.formmodule label	{
	cursor				: pointer;
} 

.formmodule li.melding	{
	color				: #f00;
	display				: none;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: dotted 1px #ccc;
} 


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

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

.formmodule li.fm_form1_telefoon	{
	clear				: both;
}

/* lijst met checkboxes onder elkaar */
#formulier .lijst_checkboxes {
	padding				: 10px 0;
}

#formulier .lijst_checkboxes label {
	display				: block;
}


/*-------------------------------*/
/* navigatie					 */
/*-------------------------------*/
#navigatie h2	{
	display				: none;
}

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

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

#navigatie li	{
	display				: inline;
	background			: #760159 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	{
	background			: #760159;
	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					: 143px;
	right				: 4px;
}

#readspeaker h2	{
	display				: none;
}

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

#readspeaker a	{
	font				: bold 1em Arial;
	color				: white;
	text-decoration		: none;
	background			: #619bc7 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				: 25px 0 0 0;
}

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

#footer, #footer a	{
	color				: #7c045e;
}

#footer address	{
	font-style			: normal;
	text-align			: right;
	background			: #d0acc6;
	padding				: 7px 15px;
	border-bottom		: solid 1px #933a7e;
	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;
}


.button
{
	border									: 1px solid #000;
	background-color				: #961325;
	color										: #fff;
	font-weight							: bold;
	font-size								: 1em;
	padding									: 1px;
	cursor									: pointer;
}

.nieuwsoverzicht {
	background-color: #D0ACC6;
}






/*-------------------------------*/
/* iwes styles (prioriteit 2)	 */
/*-------------------------------*/
.i_underline	{	text-decoration: underline;	}

.i_size_1	{		font-size: 0.9em;	}
.i_size_2	{		font-size: 1.1em;	}
.i_size_3	{		font-size: 1.3em;	}

.i_color_000000	{		color: #000;	}
.i_color_DE7DC4	{		color: #DE7DC4;	}
.i_color_88136B	{		color: #88136B;	}
.i_color_5D97C3	{		color: #5D97C3;	}