/* BASIS ELEMENTEN */

body 	{
	margin				: 0;
	padding				: 0;
	background			: white;
	font-size			: 1em;
}

.hidden		{
	display				: none;
}

.clear		{
	clear				: both;
}

#container	{
	position			: relative;
	width				: 994px;
	background			: url(../img/header_bg.jpg) no-repeat;
}




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

#header h1	{
	position			: absolute;
	top					: 52px;
	left				: 168px;
	margin				: 0;
	width				: 448px;
}

#header h1 a	{
	display				: block;
	height				: 65px;
	width				: 600px;
	text-indent			: -900em;
	overflow			: hidden;
}


/*-------------------------------*/
/* weergave selectie			 */
/*-------------------------------*/
#weergave	{
	position			: absolute;
	left				: 169px;
	top					: 10px;
}

#weergave p	{
	float				: left;
	font				: bold 0.7em Arial;
	color				: #fff;
	background			: #23788F;
	margin				: 0;
}

#weergave ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	float				: left;
	font				: 0.7em Arial;
}

#weergave ul li 	{
	display				: inline;
	margin				: 0 0 0 8px;
}

#weergave ul li a 	{
	color				: #fff;
	background			: #23788F;
}



/*-------------------------------*/
/* menu_top (sitemap, rss, help) */
/*-------------------------------*/
#menu_top	{
	position			: absolute;
	right				: 0;
	top					: 10px;
	width				: 216px;
	text-align			: center;
	display				: inline;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	z-index				: 1000;
}

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

#menu_top a	{
	font				: bold 0.7em Arial;
	color				: white;
	text-decoration		: none;
	background			: #1982A1;
}


/*-------------------------------*/
/* menu (algemeen etc)  */
/*-------------------------------*/
#menu	{
	position			: absolute;
	top					: 150px;
	left				: 169px;
	list-style			: none;
	margin				: 0;
	padding				: 0;
	z-index				: 1337;
}

#menu li	{
	display				: inline;
}

#menu li a	{
	width				: auto;
	background			: #ffffff;
	border				: 1px solid #007497;
	display				: block;
	float				: left;
	margin-right		: 7px;
	padding				: 6px 10px;
	font				: bold 0.70em verdana;
	text-decoration		: none;
	color				: #00647F;
	text-transform		: uppercase;
}	
	

#menu li.actief a, #menu li a:hover	{
	background			: #e6f4ea;
}	



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

#tekst_size li	{
	display				: inline;
}

#tekst_size li a	{
	width				: 30px;
	height				: 29px;
	text-indent			: -9000px;
	display				: block;
	float				: left;
	margin-left			: 2px;
	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					: 0;
	right				: 0;
	margin				: 0;
	z-index				: 100;
	text-align			: center;
	width				: 216px;
	height				: 172px;
	background			: #1982A1 url(../img/zoeken_bg.gif) repeat-x left 50px;
}

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

#zoeken	.button	{
	border				: none;
	height				: 24px;
	width				: 24px;
	float				: left;
	margin-right		: 20px;
}

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

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


/*-------------------------------*/
/* main							 */
/*-------------------------------*/
#main	{
	margin				: 0;
	padding				: 0;
	float				: left;
	width				: 100%;
}


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

#zijbalk	{
	padding				: 40px 0 0 20px;
	width				: 230px;
	float				: left;
	font				: 0.75em/1.5em Arial;
}

/* logo's van bibliotheek en nlbb */
#zijbalk p.viziris, #zijbalk p.oogfonds, #zijbalk p.nlbb, #zijbalk p.drempelvrij {
	padding				: 20px 0;
	margin				: 0;
	text-align			: center;
	width				: 210px;
}

#zijbalk p.viziris img, #zijbalk p.oogfonds img, #zijbalk p.nlbb img, #zijbalk p.drempelvrij img {
	border				: none;
}



/* menu */
#zijbalk ul	{
	margin				: 0 0 30px 0;
	padding				: 0;
	list-style			: none;
	width				: 210px;
}

#zijbalk ul ul	{
	margin				: 0 0 0 0;
}

/* eerste level menu - hoofdmenu */
#zijbalk ul li	{	
	display				: block;
	border-bottom		: solid 1px #ffffff;
	font-weight			: bold;
}

#zijbalk ul li a	{
	background			: #dbede1;
	color				: #00647F;
	padding				: 3px 0 3px 23px;
	display				: block;
	text-decoration		: none;
	width				: 187px;
}

#zijbalk ul li.actief a, #zijbalk ul li a:hover	{
	background			: #dbede1 url(../img/menu_level1.gif) no-repeat;
}

#zijbalk ul li.algemeen a, #zijbalk ul li.algemeen a:hover	{
	background			: #00647F;
	color				: white;
}

#zijbalk ul li.aladin a	{
	background			: #a04289;
	color				: white;
}

/* tweede level menu */
#zijbalk li li	{	
	background			: #ffffff;
	border-bottom		: none;
	border-top			: none;
	font-weight			: normal;
}

#zijbalk li li a	{	
	color				: #00647F;
	background			: #ffffff !important;
	border				: none;
	margin				: 0 0 0 23px;
	padding				: 0;
	display				: inline;
}

#zijbalk li li a:hover 	{
	border-bottom		: solid 1px #EC712E !important;
}

#zijbalk li li a.actief 	{
	font-weight			: bold;
}

/* derde level */
#zijbalk li li li a	{	
	margin				: 0 0 0 35px;
}



/*-------------------------------*/
/* kalender						 */
/*-------------------------------*/
#kalender	{
	width				: 210px;
	border-collapse		: collapse;
	margin				: 0 0 15px 0;
}

#kalender caption	{
	background			: #00647F;
	color				: white;
	padding				: 3px;
	margin				: 0;
	font-weight			: bold;
	font-size			: 1em;
}

#kalender thead th	{
	background			: #00647F;
	color				: white;
	padding				: 1px 3px;
	border-top			: solid 1px white;
	text-align			: center;
}

#kalender thead th select	{
	background			: #00647F;
	color				: white;
	font				: 0.9em arial;
	border				: solid 1px white;
}

#kalender thead th a	{
	background			: #00647F;
	color				: white;
	font-weight			: bold;
	text-decoration		: none;
	padding				: 0 3px;
	border				: solid 1px white;
}

#kalender tbody th	{
	background			: #e6f4ea;
	color				: #00647F;
	padding				: 1px 0;
	border				: solid 1px #FFE8FE;
	width				: 30px;
}

#kalender tbody td	{
	text-align			: center;
	border				: solid 4px #e6f4ea;
	color				: #00647F;
	font-size			: 0.8em;
}

#kalender tbody td a	{
	background			: #007497;
	color				: #ffffff;
	display				: block;
	font-weight			: bold;
	text-decoration		: none;
}

#kalender tbody td.vandaag	{
	background			: #00647F;
	color				: #ffffff;
}

#kalender tbody td.anderemaand	{
	background			: #c2dfcc;
	color				: #145C6F;
}



/*-------------------------------*/
/* content						 */
/*-------------------------------*/
#content	{
	float				: right;
	width				: 735px;
	padding				: 40px 0 25px 0;	
	font				: 0.74em/1.6em Arial;
	color				: #191919;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-size: 1em; margin: 0;}

#content a	{
	color				: #00647F;
}

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

#content legend	{
	display				: none;
}

#content label	{
	font-weight			: bold;
}

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

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

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

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

#content ul	{
	list-style			: square;
}

#content p	{
	
}

#content #iwes	{
	width				: 735px;
	min-height			: 500px;
	background			: url(../img/content_bg.gif) no-repeat bottom right;
}

#content h2, #content h1	{
	font				: bold 1.2em Arial;
	margin				: 30px 0 0.5em 0;
	color				: #007497;
}

#content table.tekst	{
	width				: 100%;
	border-spacing		: 0;
}

#content table.tekst td	{
	padding				: 3px;
}


/*-------------------------------*/
/* overzicht van nieuws en zoeken */
/*-------------------------------*/
.overzicht a {
	font-weight			: bold;
	text-decoration		: none;
}

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

.overzicht dt {
	margin				: 0 0 10px 0;
	padding				: 2px 5px;
	background-color	: #DBEDE1;
	position			: relative;
}

.overzicht dt .datum {
	padding				: 2px 5px;
	position			: absolute;
	top					: 0;
	right				: 0;
}

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

.overzicht dd .foto {
	float				: left;
	width				: 200px;
}

.overzicht dd .foto img {
	border				: none;
}

.overzicht dd .info {
	float				: right;
	width				: 510px;
}


/*-------------------------------*/
/* nieuws archief select form	 */
/*-------------------------------*/
#nieuws_archief	{
	padding				: 2px 5px;
	background-color	: #DBEDE1;	
	margin				: 10px 0;
	border				: solid 1px #C2DFCC;
}

#nieuws_archief select	{
	margin				: 0 5px;
}


/*-------------------------------*/
/* navigatie					 */
/*-------------------------------*/
#navigatie	{
	width				: 100%;
	height				: 29px;
}

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

#navigatie li	{
	display				: inline;
	color				: #007497;
	float				: left;
	white-space			: nowrap;
	margin-right		: 10px;
	font-weight			: bold;
}

#navigatie a	{
	color				: #007497;
	text-decoration		: none;
	margin-right		: 5px;
}

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


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

#readspeaker a	{
	font				: bold 1em Arial;
	color				: white !important;
	text-decoration		: none;
}

#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;
	font				: 0.9em/1.4em Arial;
}

#footer a.top	{
	float				: right;
	margin-bottom		: 5px;
}

#footer, #footer a	{
	color				: #00647F;
}

#footer address	{
	font-style			: normal;
	text-align			: right;
	padding				: 7px 15px;
	background			: #dbede1;
	border-bottom		: solid 1px #c2dfcc;
	margin-bottom		: 10px;
	clear				: both;
}

#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;
}


/* --------------------------------	*/
/* iwes data					 	*/
/* --------------------------------	*/
/* iwes data */
#iwes	{
}

#iwes q { quotes: none; }

#iwes img	{
	border			: none;
}

#iwes p	{
	display			: block;
	margin			: 0 0 1.5em 0;
}

#iwes blockquote	{
	display			: block;
	margin			: 0 0 1.5em 3em;
}

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

#iwes 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; }

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



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

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

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

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

#fm_form1_melding	{
	display				: none;
}

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

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

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

#iwes .formmodule label	{
	cursor				: pointer;
} 

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

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


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   #iwes .formmodule li.kolomNaam div.label */
#iwes .formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 65px;
}

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

#iwes .formmodule li.fm_form1_telefoon	{
	clear				: both;
}