/* --------------------------------------------	*/
/* standaard en overige elementen 				*/
/* --------------------------------------------	*/
html { 
	filter				: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	margin				: 0;
	padding				: 0;
	background			: #0A0A0A url(../img/body_bg.gif) repeat-x;
	font				: 1em 'Trebuchet MS', Arial;
	text-align			: center;
}

#container	{
	background			: url(../img/header_bg.jpg) no-repeat;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;
	position			: relative;
}

.banner p	{
	margin				: 0;
	padding				: 0 0 1em 0;
}
.banner iframe	{
	margin				: 0 0 1em 0;
}

.clear	{
	clear				: both;
}

/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#infoblokken ul:after{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix,
	#infoblokken ul{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #infoblokken ul{ 
		height			: 1%;
	}
	
	.clearfix,
	#infoblokken ul{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	


/* --------------------------------------------	*/
/* formulier elementen 							*/
/* --------------------------------------------	*/
#content input, #content textarea, #content select	{
	border				: solid 1px #ABA5B1;
	background			: white url(../img/input_bg.gif) repeat-x bottom;
	padding				: 1px 4px;
	font				: 1em 'Trebuchet MS', Arial;
	color				: #535353;
}

#content input.button	{
	background			: #50078c url(../img/button_bg.gif) repeat-x;
	border				: 0;
	font-weight			: bold;
	color				: white;
	padding				: 4px 10px;
	font-size			: 1em;
	cursor				: pointer;
}

/* width hackje voor IE */
#content input.button 			{ width: 0; overflow: visible; }
#content input.button[class] 	{ width: auto; }

#content input.verplicht, #content textarea.verplicht, #content select.verplicht	{
	background			: #BCA6D4;
	border				: solid 1px #7D6D88;
	color				: white;
}

#content input.fout, #content textarea.fout, #content select.fout	{
	border-color		: #ee0000;
}

#content input.radio, #content input.checkbox, #content input.image	{
	padding				: 0;
	border				: none;
	background			: none;
}



/* --------------------------------------------	*/
/* header										*/
/* --------------------------------------------	*/
#header	{
	height				: 154px;
	position			: relative;
}

#header h1	{
	margin				: 0;
}

#header h1 a	{
	position			: absolute;
	top					: 18px;
	left				: 30px;
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 135px;
	width				: 60px;
}

/* logo */
#header .logo	{
	position			: absolute;
	bottom				: 0;
	left				: 99px;
}

#header .logo p	{
	margin				: 0;
}

/* playlist */
#header #onair_playlist	{
	position			: absolute;
	top					: 38px;
	left				: 99px;
}


/* banner */
#header .banner	{
	position			: absolute;
	top					: 84px;
	right				: 0;
	padding-top			: 10px;
	background			: url(../img/advertentie_wit.gif) no-repeat center 1px;
}


#header .banner p	{
	margin				: 0;
}

/* zoeken	*/
#header form	{
	margin				: 0;
	padding				: 0;
}

#header form fieldset	{
	position			: absolute;
	top					: 34px;
	right				: 0;
	text-align			: right;
	
	width				: 320px;
	height				: 34px;
	margin				: 0;
	padding				: 0;
	border				: none;
	background			: url(../img/zoeken_bg.jpg) no-repeat left bottom;
}

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

#header form input	{
	font				: 0.7em 'Trebuchet MS', Arial !important;
}

#header form .input, #header form .input_focus	{
	background			: #fff url(../img/zoeken_input.gif) repeat-x bottom left;
	height				: 16px;
	width				: 124px;
	border				: solid 1px #303133;
	margin				: 7px 7px 0 0;
	padding-left		: 8px;
}

#header form .input_focus	{
	background			: #FFC4FF url(../img/zoeken_input_actief.gif) repeat-x bottom left;
}

#header form .button	{
	border				: none;
	margin				: 0 8px 0 0;
	vertical-align		: top;
}


/* --------------------------------------------	*/
/* menu											*/
/* --------------------------------------------	*/
#menu	{
	background			: black url(../img/menu_bg.gif) repeat-x;
	clear				: both;
	height				: 40px;
	margin-left			: 30px;
}

#menu ul	{
	margin				: 0;
	padding				: 0 0 0 69px;
	list-style			: none;
	height				: 40px;
	background			: url(../img/menu_start.gif) no-repeat;
}

#menu li	{
	display				: inline;
}

#menu a	{
	display				: block;
	float				: left;
	height				: 40px;
	text-indent			: -9000px;
	overflow			: hidden;
}

#menu a.home		{ width: 51px; background: url(../img/menu_home.gif) no-repeat top left; }
#menu a.nieuws		{ width: 57px; background: url(../img/menu_nieuws.gif) no-repeat top left; }
#menu a.agenda		{ width: 60px; background: url(../img/menu_agenda.gif) no-repeat top left; }
#menu a.dezender	{ width: 74px; background: url(../img/menu_dezender.gif) no-repeat top left; }
#menu a.weekschema	{ width: 94px; background: url(../img/menu_weekschema.gif) no-repeat top left; }
#menu a.deejays		{ width: 63px; background: url(../img/menu_deejays.gif) no-repeat top left; }
#menu a.hitlijsten	{ width: 68px; background: url(../img/menu_hitlijsten.gif) no-repeat top left; }
#menu a.reclame		{ width: 67px; background: url(../img/menu_reclame.gif) no-repeat top left; }
#menu a.cijfers		{ width: 54px; background: url(../img/menu_cijfers.gif) no-repeat top left; }
#menu a.fotoboek	{ width: 69px; background: url(../img/menu_fotoboek.gif) no-repeat top left; }
#menu a.weblogs		{ width: 65px; background: url(../img/menu_weblogs.gif) no-repeat top left; }
#menu a.acties		{ width: 53px; background: url(../img/menu_acties.gif) no-repeat top left; }
#menu a.weer		{ width: 51px; background: url(../img/menu_weer.gif) no-repeat top left; }
#menu a.podcast		{ width: 65px; background: url(../img/menu_podcast.gif) no-repeat top left; }

#menu a:hover, #menu a:active, #menu li.actief a	{
	background-position : bottom left;
}


/* --------------------------------------------	*/
/* main											*/
/* --------------------------------------------	*/
#main	{
	background			: white url(../img/main_bg.gif) repeat-y;
	clear				: both;
}


/* --------------------------------------------	*/
/* balk_boven, zit #teletekst in en nieuws op fp */
/* --------------------------------------------	*/
#balk_boven	{
	width				: 874px;
	height				: 30px;
	float				: left;
	background			: url(../img/balk_boven_bg.gif) no-repeat;
	position			: relative;
	z-index				: 10;
}

/* --------------------------------------------	*/
/* balk_boven, zit nieuws_ticker				 */
/* --------------------------------------------	*/

#nieuws_ticker {
	display				: block;
}
#nieuws_ticker ul {
	display				: block;
	float				: left;
	height				: 27px;
}
#nieuws_ticker li {
	float				: left;
	font				: bold 10px Verdana;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
	border				: none;
	width				: 560px; 
	height				: 27px; 
	margin				: 0; 
	padding				: 0;
	overflow			: hidden; 
	position			: absolute;
	z-index				: 432423;
	left				: 150px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position			: relative;
	left				: 10px;
	top					: 8px;
	width				: 648px;
	overflow			: hidden;
}
ul.newsticker { /* that's your list */
	position			: relative;
	left				: 650px;
	font				: bold 10px Verdana;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;

}
ul.newsticker li {
	 height				: 27px;
}
ul.newsticker li.nieuwsitem {
	float				: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin				: 0;
}

ul.newsticker li.titel {
	padding				: 0 ;
	margin				: 0;
	text-transform		: uppercase;
	background			: transparent;
}

ul.newsticker a {
	white-space			: nowrap;
	padding				: 0 0 0 20px;
	color				: #ffffff;
	font				: bold 10px Verdana;
	margin				: 0 25px 0 0;
 	height				: 27px;
	text-decoration		: none;
	background			: transparent url(../img/pijl_nieuws_ticker.gif) no-repeat scroll left 1px;
} 

ul.newsticker a:hover {
	text-decoration		: underline;
}

ul.newsticker span {
	margin				: 0 25px 0 0;
} 


/* --------------------------------------------	*/
/* teletekst balk, bovenaan op iedere pagina	*/
/* --------------------------------------------	*/
#balk_teletekst	{
	margin				: 0 0 0 195px;
	height				: 30px;
	padding				: 0;
	text-align			: right;
	background			: url(../img/teletekst_bg.gif) repeat-x;
}

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

#balk_teletekst legend	{
	display				: none;
}

#balk_teletekst label	{
	font-size			: 0.7em;
	color				: #FDFEFF;
	vertical-align		: middle;
}

#balk_teletekst .input, #balk_teletekst .input_focus	{
	background			: url(../img/teletekst_input.gif) repeat-x;
	height				: 16px;
	width				: 50px;
	border				: solid 1px #303133;
	margin				: 4px 0 0 0;	
	padding-left		: 8px;
}

#balk_teletekst .input_focus	{
	background			: url(../img/teletekst_input_actief.gif) repeat-x bottom left;
}

#balk_teletekst .button	{
	border				: none;
	margin				: 0 3px 0 0;
	vertical-align		: middle;
}


/* -----------------------------------------------	*/
/* balk_rechts, balk oa met lange verticale banner 	*/
/* -----------------------------------------------	*/
#balk_rechts	{
	width				: 120px;
	float				: right;
}

#balk_rechts .banner	{
	width				: 120px;
	padding-top			: 10px;
	background			: white url(../img/advertentie.gif) no-repeat center 1px;
}


/* --------------------------------------------	*/
/* balk_links, on air, luister live etc			*/
/* --------------------------------------------	*/
#balk_links	{
	width				: 197px;
	float				: left;
	position			: relative;
	z-index				: 20;
}

#balk_links .banner	{
	width				: 120px;
	padding-top			: 10px;
	margin-left			: 38px;
	background			: url(../img/advertentie.gif) no-repeat center top;
	overflow			: hidden;
}


/* --------------------------------------------	*/
/* nu on air!									*/
/* --------------------------------------------	*/
#onair	{
	width				: 197px;
	height				: 173px;
	background			: url(../img/onair_bg.gif) no-repeat;
	position			: relative;
}

#onair h3	{
	text-indent			: -9000px;
	overflow			: hidden;
	position			: absolute;
	top					: -21px;
	left				: 31px;
	height				: 52px;
	width				: 136px;
	background			: url(../img/onair_titel.gif) no-repeat;
	z-index				: 30;
	margin				: 0;
}

#onair img	{
	position			: absolute;
	top					: 25px;
	left				: 44px;
}

#onair a.email	{
	display				: block;
	text-indent			: -9000px;
	overflow			: hidden;	
	height				: 17px;
	width				: 25px;
	position			: absolute;
	top					: 75px;
	left				: 145px;
	z-index				: 1000;
}

#onair dl	{
	margin				: 0;
	position			: absolute;
	top					: 121px;
	left				: 48px;
	font				: 0.6em/1.2em Arial;
}

#onair dt	{
	color				: #E2E3E5;
}

#onair dd	{
	color				: #AE76DB;
	margin				: 0;
}


/* --------------------------------------------	*/
/* luister live									*/
/* --------------------------------------------	*/
#luisterlive	{
	width				: 197px;
	height				: 173px;
	background			: url(../img/luisterlive_bg.gif) no-repeat;
	position			: relative;
}

#luisterlive h3	{
	display				: none;
}

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

#luisterlive li a	{
	position			: absolute;
	text-indent			: -9000px;
	overflow			: hidden;	
	display				: block;	
}

#luisterlive li.windowsmedia a	{
	top					: 28px;
	left				: 35px;
	height				: 32px;
	width				: 52px;
	/* rare bug in IE6 en 7 maakt link niet klikbaar */
	*background			: white;
	*filter				: alpha(opacity=0);
	_background			: white;
	_filter				: alpha(opacity=0);
}

#luisterlive li.webplayer a	{
	top					: 60px;
	left				: 23px;
	height				: 32px;
	width				: 54px;
}

#luisterlive li.winamp a	{
	top					: 92px;
	left				: 40px;
	height				: 32px;
	width				: 52px;
}


/* --------------------------------------------	*/
/* balk_midden, staat de inhoud in				*/
/* --------------------------------------------	*/
#balk_midden	{
	float				: left;
	width				: 677px;
	margin-bottom		: 1em;
	background			: url(../img/titel_bg.gif) repeat-x;
	overflow			: hidden;
	position			: relative;
	z-index				: 5;
}

#balk_midden h2	{	/* wordt vervangen door SIFR */
	margin				: 0;
	color				: #FFFEFF;
	padding				: 13px 0 0 34px;
	height				: 26px;
	font-size			: 0.9em;
	font-weight			: 600;
}


/* --------------------------------------------	*/
/* SIFR, voor de titel							*/
/* --------------------------------------------	*/

/* These are standard sIFR styles... do not modify */
.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; }
.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 #balk_midden h2	{
	visibility			: hidden;
	letter-spacing		: -10px;
	font-size			: 8px;
	height				: 19px;
	line-height			: 6px;
	padding				: 0;
	margin				: 11px 0 12px 34px;
}


/* --------------------------------------------	*/
/* Lightbox 									*/
/* --------------------------------------------	*/
/*
#lightbox	{
	background			: #fff;
	padding				: 10px;
	border				: 1px solid #BC748F;
}

#lightboxDetails	{
	font-size			: 0.8em;
	padding-top			: 0.4em;
}	

#lightboxCaption	{
	float				: left; 
	display				: none; 
	font-size			: 0.9em;
	color				: #525252;
}

#keyboardMsg	{ 
	float				: right; 
	display				: none; 
}

#closeButton	{ 
	top					: 5px; 
	right				: 5px; 
}

#lightbox img	{ 
	border				: none; 
	clear				: both;
} 

#overlay img	{ 
	border				: none; 
}

#overlay	{ 
	background			: #000; 
	opacity				: 0.7; 
	-moz-opacity		: 0.7; 
	filter				: alpha(opacity=70);
}
	*/

/* --------------------------------------------	*/
/* content										*/
/* --------------------------------------------	*/
#content	{
	font-size			: 0.8em;
	line-height			: 1.5em;
	margin				: 3px 34px 0 33px;
	color				: #535353;
}

#content a	{
	color				: #9665C0;
}

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

#content div.melding	{
	border				: solid 1px #a49600;
	background			: #fffbbb url(../img/info.gif) no-repeat 0.6em;
	padding				: 0.6em 0.6em 0.6em 3em;
	margin				: 1em 0;
}

#content h3.kop	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 10px;
	margin				: 0;
	font-size			: 1em;
	text-align			: left;
}

#content h3.kop a	{
	color				: white;
}

#content p.kop	{
	color				: #9665C0;
	margin				: 0 0 5px 0;
	font-weight			: bold;
}

#content ul	{
	list-style			: square;
}


/* --------------------------------------------	*/
/* pagina navigatie (1 2 3 4 etc )				*/
/* --------------------------------------------	*/
.paginanav	{
	clear				: both;
	text-align			: right
}

.paginanav a	{
	background			: #D8D8D8;
	color				: #525252;
	padding				: 2px 4px;
}

.paginanav a:hover	{
	background			: #9665C0;
	color				: white;
}


/* --------------------------------------------	*/
/* balk onderaan de pagina, staan banners in	*/
/* --------------------------------------------	*/
#balk_onder	{
	_height				: 35px;	
	min-height			: 35px;
	background			: url(../img/balk_onder_bg.gif) no-repeat 30px bottom;
	clear				: both;
	text-align			: center;
	padding				: 0 0 1em 6em;
}

#balk_onder p	{
	display				: inline;
	margin				: 0 1em 0 0;
}

#balk_onder .banner	{
	padding-top			: 10px;
	background			: url(../img/advertentie.gif) no-repeat center top;
}


/* --------------------------------------------	*/
/* footer										*/
/* --------------------------------------------	*/
#footer	{
	clear				: both;
	height				: 50px;	
	background			: url(../img/footer_bg.gif) repeat-x 30px top;
	margin				: 0 0 10px 30px;
	text-align			: center;
}

#footer a	{	
	color				: #939393;
}

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

#footer address	{
	padding-top			: 15px;
	color				: #939393;
	font-size			: 0.7em;
	font-style			: normal;
}

#footer a.amimpact	{	
	font-size			: 0.6em;
	text-decoration		: none;
}
#footer a.amimpact:hover	{	
	color				: white;
}


/* --------------------------------------------	*/
/* nieuws overzicht								*/
/* --------------------------------------------	*/
#nieuws_overzicht ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	font-size			: 0.9em;
	clear				: both;
}

#nieuws_overzicht li	{
	display				: block;
	width				: 49%;
	padding				: 0 1% 0 0;
}

#nieuws_overzicht li.links	{	float: left; clear: both;	}
#nieuws_overzicht li.rechts	{	float: right; padding: 0 0 0 1%;	}

#nieuws_overzicht h4	{
	margin				: 0;
	font-size			: 1em;
}

#nieuws_overzicht h4 a	{
	padding				: 5px 65px 5px 8px;
	display				: block;
	color				: #525252;
	text-decoration		: none;
	background			: #D8D8D8 url(../img/nieuwsoverzicht_titel_bg.gif) repeat-x top left;
	font-weight			: bold;
	position			: relative;
}

#nieuws_overzicht h4 a span.datum	{
	float				: right;
	font-weight			: normal;
	position			: absolute;
	top					: 5px;
	right				: 8px;
}

#nieuws_overzicht p	{
	display				: block;
	margin				: 2px 0;
	line-height			: normal;
}

#nieuws_overzicht p img	{
	float				: left;
	margin				: 0 5px 5px 0;
	border				: solid 1px black;
}

#nieuws_overzicht p a	{
	color				: #525252;
	text-decoration		: none;
	display				: block;
	padding				: 5px;
}

#nieuws_overzicht p a:hover	{
	text-decoration		: underline;
	background			: #D8D8D8 url(../img/nieuwsoverzicht_item_bg.gif) repeat-x top left;
}

#nieuws_overzicht form.archief	{
	font-weight			: bold;
	padding				: 3px 8px;
	margin				: 0 0 15px 0;
	background			: #E7DBF1;
	color				: #52068C;
	border				: solid 1px #B391CE;
	font-size			: 0.9em;
}

#nieuws_overzicht form.archief input.button	{
	padding				: 2px 8px;
	line-height			: 1;
}

#nieuws_overzicht form.archief *	{
	vertical-align		: middle;
}


/* -------------------------------- */
/* reacties							*/
/* -------------------------------- */
#reacties h3.kop	{
	margin				: 0 0 5px 0;
}

#reacties dl	{
	margin				: 0;
	padding				: 0;
}

#reacties h5	{
	padding				: 5px 8px;
	margin				: 0;
	display				: block;
	color				: #525252;
	text-decoration		: none;
	background			: #D8D8D8 url(../img/nieuwsoverzicht_titel_bg.gif) repeat-x top left;
	font-weight			: bold;
}

#reacties h5 a	{
	text-decoration		: underline;
}

#reacties h5 a:hover	{
	text-decoration		: underline;
}

#reacties li p	{
	padding				: 5px 8px;
	margin				: 0 0 15px 0;
	border				: solid 1px #ECEBEC;
	border-top			: none;
}

#reacties a.reageer	{
	font-weight			: bold;
	float				: right;
}

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

#reacties ul ul	{
	padding-left		: 30px;
}

#reacties ul a	{
	text-decoration		: underline;
}
#reacties ul a:hover	{
	text-decoration		: underline;
}

#reacties li	{
	padding				: 0;
	margin				: 0;
}


/* -------------------------------- */
/* weblog							*/
/* -------------------------------- */
#weblog p	{
	margin				: 3px 0 15px 0;
}

#weblog p.deejays	{
	font-weight			: bold;
	padding				: 3px 8px;
	background			: #E7DBF1;
	color				: #52068C;
	border				: solid 1px #B391CE;
	font-size			: 0.9em;
}

#weblog p.deejays input.button	{
	padding				: 2px 8px;
	line-height			: 1;
}

#weblog p.deejays *	{
	vertical-align		: middle;
}

#weblog p.intro	{
	padding				: 6px;
	border				: solid 1px #E7DBF1;
	font-size			: 0.9em;
}


/* --------------------------------------------	*/
/* deejays										*/
/* --------------------------------------------	*/
#deejays ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	font-size			: 0.9em;
}

#deejays li	{
	display				: block;
	width				: 49%;
	padding				: 0 1% 0 0;
}

#deejays li.links	{	float: left; clear: both;	}
#deejays li.rechts	{	float: right; padding: 0 0 0 1%;	}

#deejays h4	{
	margin				: 0;
	font-size			: 1em;
	padding				: 5px 65px 5px 8px;
	display				: block;
	color				: #525252;
	text-decoration		: none;
	background			: #D8D8D8 url(../img/nieuwsoverzicht_titel_bg.gif) repeat-x top left;
	font-weight			: bold;
	position			: relative;
}

#deejays img	{
	float				: left;
	margin				: 5px 7px 5px 0;
	border				: solid 1px black;
}

#deejays p	{
	margin				: 0;
}

#deejays dl	{
	clear				: left;
	margin				: 0 0 1.5em 0;
}

#deejays dt	{
	width				: 70px;
	float				: left;
}

#deejays dd	{
	margin				: 0 0 0 70px;
}

#deejays dd.toelichting	{
	margin				: 0;
	padding				: 0 0 7px 0;
}


/* --------------------------------------------	*/
/* agenda										*/
/* --------------------------------------------	*/
#agenda p.invullen	{
	margin				: 1em auto;
}

#agenda p.invullen a	{
	margin				: 0 auto;
	display				: block;
	height				: 30px;
	width				: 175px;
	background			: url(../img/agendaitem_invullen.gif) no-repeat;
	text-indent			: -9000px;
	overflow			: hidden;
}

/* agenda tabel */
#agenda table	{
	border-collapse		: collapse;
	font-size			: 0.9em;
}

#agenda table thead tr	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
}

#agenda table thead td, #agenda table thead th	{
	padding				: 0 15px;
	height				: 29px;
	color				: white;
}

#agenda table thead a	{
	color				: white;
}

#agenda table tbody th	{
	background			: #C1A5D6;
	color				: white;
	border				: solid 1px #7C8083;
	padding				: 2px 0;
	text-align			: center;
}

#agenda table tbody td	{
	background			: #E7DBF1;
	border				: solid 1px #7C8083;
	text-align			: center;
	width				: 83px;
	line-height			: normal;
}

#agenda table tbody td.andere_maand	{
	background			: #D5C5E2;
}

#agenda table tbody td a, #agenda table tbody td span	{
	display				: block;
	width				: 100%;
	padding				: 7px 0;
	color				: #535353;
	text-decoration		: none;
}

#agenda table tbody td a	{
	font-weight			: bold;
	text-decoration		: underline;
}

#agenda table tbody td.actief span, #agenda table tbody td.actief a, #agenda table tbody td a:hover	{
	background			: #C1A5D6;
	color				: white;
}


/* recente agendapunten */
#agenda div.recent	{
	border				: solid 1px #E7DBF1;
}

#agenda .recent h3	{
	margin				: 0;
	background			: #E7DBF1 url(../img/kop_bg.gif) repeat-x;
	padding				: 6px 0;
	font-size			: 1em;
	text-align			: center;
}

#agenda .recent ul	{
	margin				: 5px 0;
	padding				: 0;
	list-style			: none;
}

#agenda .recent li	{
}

#agenda .recent a	{
	padding				: 3px 0;
	display				: block;
	width				: 100%;
	color				: #525252;
	text-decoration		: none;
}

#agenda .recent a:hover	{
	background			: #E7DBF1;
}

#agenda .recent a span	{
	background			: url(../img/pijl.gif) no-repeat 10px 1px;
	padding				: 0 5px 0 32px;
	color				: #949597;
}


/* --------------------------------------------	*/
/* weekschema									*/
/* --------------------------------------------	*/

/* agenda tabel */
#weekschema table	{
	margin-bottom		: 2em;
	font-size			: 0.9em;
}

#weekschema table thead tr	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
}

#weekschema table thead td, #weekschema table thead th	{
	padding				: 0 15px;
	height				: 29px;
	color				: white;
}

#weekschema table thead th	{
	text-align			: center;
}

#weekschema table thead a	{
	color				: white;
}

#weekschema table tbody th	{
	background			: #C1A5D6;
	color				: white;
	padding				: 7px 8px;
	text-align			: left;
	background			: #A685BE url(../img/kop3_bg.gif) repeat-x;
}

#weekschema table tbody td	{
	padding				: 5px 8px;
	color				: #535353
}

#weekschema table tbody .even	{	background: #D4C0E3;	}
#weekschema table tbody	.oneven	{	background: #E7DBF1;	}


/* --------------------------------------------	*/
/* programma									*/
/* --------------------------------------------	*/
#programma .algemeen	{
	background			: #E7DBF1;
	margin				: 0 0 20px 0;
	padding				: 0 0 20px 0;
}

#programma .algemeen h3	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 0;
	margin				: 0;
	font-size			: 1em;
	text-align			: center;
}

#programma .algemeen .foto	{
	margin				: 13px 16px 0 25px;
	padding				: 20px 20px 10px 20px;
	background			: white;
	width				: 220px;
	text-align			: center;
}

#programma .algemeen .foto img	{
	margin				: 0 0 5px 0;
}

#programma .algemeen ul	{
	margin				: 13px 0;
	padding				: 0;
	list-style			: none;
	float				: right;
}

#programma .algemeen li	{
	background			: url(../img/kop3_bg.gif) repeat-x;
	padding				: 7px 0 0 20px;
	height				: 27px;
	width				: 285px;
	color				: white;
	margin-bottom		: 2px;
}

#programma .info	{
	margin				: 2em 0;
	border				: solid 1px #E7DBEF;
}

#programma .info h3	{
	background			: #E7DBEF url(../img/kop_bg.gif) repeat-x;
	height				: 24px;
	color				: #53544F;
	padding				: 5px 0 0 0;
	margin				: 0;
	font-size			: 1em;
	text-align			: center;
}

#programma .info p	{
	margin				: 1em 1.5em;
}


/* --------------------------------------------	*/
/* fotoboek										*/
/* --------------------------------------------	*/
/* categorieen */
#fotoboek div.categorieen	{
	border				: solid 1px #E7DBF1;
	width				: 200px;
	float				: left;
}

#fotoboek .categorieen h3	{
	margin				: 0;
	background			: #E7DBF1 url(../img/kop_bg.gif) repeat-x;
	height				: 24px;
	padding				: 5px 0 0 10px;
	font-size			: 1em;
	text-align			: left;
}

#fotoboek .categorieen ul	{
	margin				: 5px 0;
	padding				: 0;
	list-style			: none;
}

#fotoboek .categorieen li	{
}

#fotoboek .categorieen a	{
	padding				: 3px 5px 3px 32px;
	display				: block;
	width				: 163px;
	color				: #525252;
	text-decoration		: none;
	background			: url(../img/pijl.gif) no-repeat 10px 5px;
}

#fotoboek .categorieen a:hover, #fotoboek .categorieen li.actief a	{
	background			: #E7DBF1 url(../img/pijl.gif) no-repeat 10px 5px;
}

/* overzicht met fotos */
#fotoboek .overzicht	{
	width				: 400px;
	margin-left			: 205px;
}

#fotoboek .overzicht h3	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 10px;
	margin				: 0;
	font-size			: 1em;
	text-align			: left;
}

#fotoboek .overzicht ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#fotoboek .overzicht li	{
	display				: block;
	float				: left;
	height				: 74px;
	width				: 93px;
	margin				: 3px;
}

#fotoboek .overzicht li a img	{
	border				: solid 2px white;
}

#fotoboek .overzicht li a:hover img	{
	border				: solid 2px #9665C0;
}


/* --------------------------------------------	*/
/* teletekst									*/
/* --------------------------------------------	*/
#teletekst	{
	
}

/* snelzoeken */
#teletekst form	{
	position			: relative;
	margin				: 0 0 2px 0;
	padding				: 3px 0 0 10px;
	height				: 26px;
	background			: #753DA2 url(../img/kop2_bg.gif) repeat-x;
	color				: white;
	font-weight			: bold;
}

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

#teletekst legend	{
	display				: none;
}

#teletekst label	{
	vertical-align		: middle;
}

#teletekst .input	{
	font-size			: 1em;
	border				: solid 1px #341155;
	vertical-align		: middle;
	margin-left			: 5px;
	width				: 35px;
}

#teletekst input.image	{
	vertical-align		: middle;
}

#teletekst .info	{
	position			: absolute;
	top					: 5px;
	right				: 15px;
}	

/* menu */
#teletekst ul	{
	padding				: 0;
	margin				: 0 0 0 -1px;
	list-style			: none;
	background			: #C8B4D7;
	height				: 24px;
}

#teletekst ul li	{
	display				: inline;
	height				: 24px;
}

#teletekst ul li a	{
	text-decoration		: none;
	color				: #545454;
	padding				: 4px 7px;
	height				: 16px;
	display				: block;
	float				: left;
	border-left			: solid 1px white;
	text-transform		: uppercase;
	font-size			: 0.85em;
}

#teletekst ul li.actief a, #teletekst ul li a:hover	{
	background			: #987AAC url(../img/kop4_bg.gif) repeat-x;
	color				: white;	
}

/* tv scherm met daarin de pagina */
#teletekst .pagina	{
	text-align			: center;
	width				: 609px;
	height				: 466px;
	background			: url(../img/teletekst_bg.jpg) no-repeat;
	color				: white;
	font				: bold 1.2em 'Courier New', Serif;
	position			: relative;
}

#teletekst .pagina img	{
	margin-top			: 7px;
}

#teletekst .pagina p	{
	padding-top			: 150px;
	margin				: 0;
}

/* vorige / volgende subpagina */
#teletekst .pagina ul	{
	text-align			: center;
	width				: 100%;
	background			: none;
}

#teletekst .pagina ul li a	{
	color				: #954bd1;
	text-transform		: none;
	border				: none;
	padding				: 0;
	height				: auto;
	display				: inline;
}

#teletekst .pagina ul li a:hover	{
	background			: none;
}

#teletekst .pagina ul li.vorige	{
	position			: absolute;
	top					: 350px;
	left				: 50px;
} 

#teletekst .pagina ul li.volgende	{
	position			: absolute;
	top					: 350px;
	right				: 50px;
} 


/* --------------------------------------------	*/
/* zoeken										*/
/* --------------------------------------------	*/
#zoeken	{
	font-size			: 0.95em;
}

#zoeken h3	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 10px;
	margin				: 0;
	font-size			: 1em;
	text-align			: left;
}

#zoeken h3 span	{
	color				: #C9B1E3;
}

#zoeken a	{
	padding				: 6px 80px 6px 32px;
	display				: block;
	color				: #525252;
	text-decoration		: none;
	font-weight			: bold;
	background			: url(../img/pijl.gif) no-repeat 10px 8px;
}

#zoeken a span	{
	position			: absolute;
	top					: 6px;
	left				: 540px;
	width				: 80px;
	color				: #949693;
	font-weight			: normal;
}

#zoeken dl {
	border-bottom		: solid 1px #E7DBEF;
	margin				: 3px 0 1em 0;
}

#zoeken dt {
	border				: solid 1px #E7DBEF;
	border-bottom		: none;
	position			: relative;
	background			: #E7DBEF url(../img/kop_bg.gif) repeat-x;
}

#zoeken dd {
	border				: solid 1px #E7DBEF;
	border-top			: none;
	border-bottom		: none;
	margin				: 0;
	padding				: 4px 10px 4px 32px;
}


/* --------------------------------------------	*/
/* formulier									*/
/* --------------------------------------------	*/
#formulier	{
	margin				: 0;
	border				: solid 1px #E7DBF1;
	border-top			: solid 0px white;
	width				: 607px;
}

#formulier h3	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 10px;
	margin				: 0;
	font-size			: 1em;
	text-align			: left;
}

#formulier #username	{	/* anti-spam truukje */
	display				: none;
}

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

#formulier li	{
	display				: block;
	border-top			: solid 1px #E7DBF1;
}

#formulier li.inline	{
	overflow            : hidden;
    clear				: left;
    zoom                : 1;
}

#formulier li.inline div.kop	{
	float				: left;
	width				: 163px;
}

#formulier li.inline div.veld	{
	margin-left			: 173px;
	*margin-left		: 0;
	_margin-left		: 173px;
	min-height			: 21px;	
}

#formulier li.inline div.veld #trigger_id_datums,
#formulier li.inline div.veld #output_id_datums,
#formulier li.inline div.veld #tijdstip_start,
#formulier li.inline div.veld #tijdstip_eind
{
    margin-left         : 10px;
}

#formulier p.buttons .ideal{
    float               : right;
}

#formulier li div.kop	{
	padding				: 5px 10px;
	font-weight			: bold;
}

#formulier li div.veld	{
	padding				: 5px 10px;
}

#formulier li .input	{
	margin				: 5px 10px;
	font-size			: 1em;
}

#formulier li .select	{
	margin				: 5px 10px;
	font-size			: 1em;
}

#formulier p.buttons	{
	float				: none;
	clear				: both;
	padding				: 5px 10px;
	margin				: 0;
}

#formulier ul.error	{
	margin				: 0.5em 2em;
	padding				: 0;
	list-style			: square;
}

#formulier .error li	{
	display				: block;
	border				: none;
	color				: #c00;
}


/* --------------------------------------------	*/
/* overzicht DL lijst							*/
/* --------------------------------------------	*/
#content dl.overzicht	{
	margin				: 0 0 1em 0;
}

#content dl.overzicht dt	{
	float				: left;
	width				: 140px;
	font-weight			: bold;
}

#content dl.overzicht dd	{
	margin				: 1px 0 1px 140px;
	/* ie6 3px float bug grr */
	_display			: inline-block; 
	_padding-left		: 2px; 
	_margin-left		: 0;
}


/* --------------------------------------------	*/
/* podcast overzicht							*/
/* --------------------------------------------	*/
#podcast	{
	border				: solid 1px #E7DBF1;
	margin				: 1.5em 0 0 0;
}

#podcast h3	{
	margin				: 0;
	background			: #E7DBF1 url(../img/kop_bg.gif) repeat-x;
	padding				: 6px 0;
	font-size			: 1em;
	text-align			: center;
}

#podcast ul	{
	margin				: 5px 0;
	padding				: 0;
	list-style			: none;
}

#podcast li	{
}

#podcast a	{
	padding				: 3px 0;
	display				: block;
	width				: 100%;
	color				: #525252;
	text-decoration		: none;
}

#podcast a:hover	{
	background			: #E7DBF1;
}

#podcast a span	{
	background			: url(../img/pijl.gif) no-repeat 10px 1px;
	padding				: 0 5px 0 32px;
	color				: #949597;
}

#rss_overlay	{
	border				: solid 1px #602F87;
	position			: absolute;
	top					: 310px;
	left				: 26
	0px;
	z-index				: 9999;
	display				: none;
	background			: #E7DBF1;
	width				: 500px;
	text-align			: center;	
	padding				: 4px;
}

#rss_overlay a	{
	font-weight			: bold;
}




/* --------------------------------------------	*/
/* formulieren module							*/
/* --------------------------------------------	*/
.formulier	{

}

.formulier h4	{
	background			: #52068C url(../img/kop2_bg.gif) repeat-x;
	height				: 24px;
	color				: white;
	padding				: 5px 0 0 10px;
	margin				: 0;
	font-size			: 1em;
	text-align			: left;
}

.formulier ul.error {
	color				: #FF0000;
	list-style			: square;
}

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


.formulier .checkbox, #formulier .radio	{
	border				: none;
} 

.formulier .fout	{
	border				: solid 1px #F00;
}

.formulier .checkboxFout, .formulier .checkboxFout	{
	background			: #F00;
} 

#content .formulier ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
	border				: solid 1px #E7DBF1;
	border-top			: none;
}

.formulier ul li	{
	padding				: 6px;
	border-top			: solid 1px #E7DBF1;
	clear				: both;
} 

.formulier label	{
	cursor				: pointer;
	margin-bottom		: 6px;
} 

.formulier label.fout	{
	border				: none;
	color				: #f00;
}

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

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


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   #formulier li.kolomNaam div.label */
#content .formulier {
	margin				: 0;
	padding				: 0;
	list-style			: none;
	width				: 460px;
}

.formulier li {
	clear				: both;
	overflow			: hidden;
	zoom				: 1;
	padding				: 5px 0;
}

.formulier div.label	{
	float				: left;
	width				: 150px;
	padding				: 2px 0;
}
.formulier div.veld	{
	float				: left;
	width				: 310px;
}

.formulier li.buttons	{
	padding-left		: 150px;
} 

/* agenda mist een z-index, deze even meegeven */
.calendar	{
	z-index				: 1337;
}


/* --------------------------------------------	*/
/* finfo-blokken								*/
/* --------------------------------------------	*/
#info-blokken {
	margin				: 0 0 10px 0;	
}

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

#info-blokken li {
	width				: 196px;
	float				: left;
	margin				: 9px 9px 0 0;
	font-size			: 0.9em;
	line-height			: 1em;
	background			: #bda1d4 url(../img/infoblok-bg.gif) left top repeat-x;
}

#info-blokken li.derde,
#info-blokken li.last {
	margin				: 9px 0 0 0;	
}

#info-blokken li h3 {
	margin				: 0;
	padding				: 0 4px 0 0 ;
	height				: 23px !important;
	line-height			: 20px;
	overflow			: hidden;
	background			: url(../img/kop2_bg.gif) left top repeat-x;	
	font-size			: 0.95em !important;	
}

#info-blokken li p {
	padding				: 0 6px;
	text-align			: justify;
	color				: #000;
	height				: 47px;
	overflow			: hidden;
}

#info-blokken li a {
	position			: relative;
	top					: 0;
	left				: 35px;
	display				: block;
	width				: 100px;
	height				: 17px;
	padding				: 6px 0 0 32px;
	overflow			: hidden;
	color				: #52068C;
	text-decoration		: none;
	background			: url(../img/infoblok-lees-meer.gif) left top no-repeat;
	margin				: 3px 0;
}

#info-blokken li:hover a {
	background-position	: right top;	
}

#info-blokken li img {
	border				: 2px solid #fff;
	margin-left			: 6px;
}

#info-blokken li:hover {
	color				: #fff !important;
	background			: #BDA1D4;
}

#info-blokken li:hover p{
	color				: #fff !important;	
}