/* --------------------------------	*/
/* kalender					 	*/
/* --------------------------------	*/
#kalender	{
	position			: relative;
	margin				: 0 auto;
	text-align			: left;
}

#kalender h1	{
	font-size			: 1.4em;
	font-weight			: bold;
	margin				: 0 0 10px 0;
}

#kalender h2	{
	font-size			: 1.2em;
	font-weight			: bold;
	margin				: 0 0 10px 0;
}

#kalender h3	{
	font-size			: 1em;
	font-weight			: bold;
	margin				: 0;		
}


/* --------------------------------	*/
/* acties (bovenaan de pagina)		*/
/* --------------------------------	*/
#kalender form.mod_kalender_acties {
	margin				: 0 0 15px 0;
	padding				: 0 0 15px 0;
	border-bottom		: solid 1px #8294C4;
}

#kalender .mod_kalender_acties ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

/* weergave keuze */
#kalender .mod_kalender_acties .weergave h3	{
	display				: none;
}

#kalender .mod_kalender_acties .weergave ul	{
	float				: left;
}

#kalender .mod_kalender_acties .weergave ul li	{
	float				: left;
	margin-right		: 10px;
}

#kalender .mod_kalender_acties .weergave ul a	{
	display				: block;
	padding				: 4px 10px;
	border				: solid 1px #8294C4;
	background			: #E9EDF4;
	text-decoration		: none;
}

#kalender .mod_kalender_acties .weergave ul a:hover, #kalender .mod_kalender_acties .weergave li.actief a	{
	background			: #fff;
	border				: solid 1px #8294C4;
}

/* datum keuze */
#kalender .mod_kalender_acties .datum	{
	margin				: 0;
	position			: relative;
	display				: inline;
}

#kalender .mod_kalender_acties .datum h3	{
	font-weight			: normal;
	padding				: 0 10px 0 0;
}

#kalender .mod_kalender_acties .datum h3, #kalender .mod_kalender_acties .datum ul, #kalender .mod_kalender_acties .datum li	{
	display				: inline;
}

#kalender .mod_kalender_acties .datum li label	{
	display				: none;
}

/* opties */
#kalender .mod_kalender_acties .opties	{
	border				: solid 1px #8294C4;
	background			: #E9EDF4;
	padding				: 7px 10px;
}

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

#kalender .mod_kalender_acties .buttons li	{
	display				: inline;
}

#kalender .mod_kalender_acties .opties .clear	{
	overflow			: hidden;
	height				: 0px;
}


/* --------------------------------	*/
/* kalender 						*/
/* --------------------------------	*/
.mod_kalender	{
	margin				: 0 0 10px 0;
}	


/* --------------------------------	*/
/* navigatie 						*/
/* --------------------------------	*/
.mod_kalender div.navigatie	{
	margin				: 0 0 10px 0;
	padding				: 5px 10px;
	border				: solid 1px #003F9B;
	background			: #003F9B;
	height				: 1.7em;
}
	
.mod_kalender .navigatie ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}	

.mod_kalender .navigatie li	{
	float				: left;
	width				: 27%;
}

.mod_kalender .navigatie li.huidige	{
	text-align			: center;
	width				: 46%;
	font-weight			: bold;
	color				: #fff;
}

.mod_kalender .navigatie li.volgende	{
	float				: right;
	width				: 27%;
	text-align			: right;
}

#kalender .mod_kalender .navigatie li a	{
	color				: #fff;
	font-weight			: bold;
	text-decoration		: none;
}	


/* --------------------------------	*/
/* kalender tabellen				*/
/* --------------------------------	*/
.mod_kalender table	{
	width				: 100%;
	border-collapse		: collapse;
}

.mod_kalender table thead th	{
	border				: solid 1px #003F9B;
	background			: #003F9B;
	padding				: 4px 5px;
	font-weight			: normal;
	text-align			: left;
	color				: #FFFFFF;
}

.mod_kalender table tbody th	{
	border				: solid 1px #8294C4;
	background			: #E9EDF4;
	padding				: 6px 5px;
	font-weight			: bold;
	text-align			: left;
	vertical-align		: top;
}

.mod_kalender table tbody td	{
	border				: solid 1px #8294C4;
	background			: white;
	padding				: 5px;
	vertical-align		: top;
}

.mod_kalender table tbody tr.oneven td	{
	background			: #F9F9F9;
}

.mod_kalender table tbody tr.even td	{
	background			: white;
}


/* ----------------------------------------------------	*/
/* kalender opmaak				 						*/
/* geldt voor alle schermen, maar vooral maand en jaar	*/
/* ----------------------------------------------------	*/

/* maand kop (weeknr en dag) */
.mod_kalender th.weeknummer, .mod_kalender td.weeknummer	{
	display				: none;
}

.mod_kalender th.dag, .mod_kalender th.weekend_dag	{
	width				: 14.2%;
}

.mod_kalender th a, .mod_kalender td a	{
	text-decoration		: none;
}

.mod_kalender th a	{
	color				: #fff;
}

.mod_kalender th a:hover, .mod_kalender td a:hover	{
	text-decoration		: underline;
}

/* aparte cellen (vandaag, andere maand, etc) */
.mod_kalender td.vandaag, .mod_kalender td.weekend_vandaag	{
	background			: #F4F6FA;
}

.mod_kalender td.dag_andere_maand, .mod_kalender td.weekend_dag_andere_maand	{
	background			: #E9EDF4;
}

.mod_kalender td.weekend_dag_andere_maand a, .mod_kalender td.dag_andere_maand a	{
	color				: #666;
}

/* afspraken in andere maand iets lichter */
.mod_kalender td.weekend_dag_andere_maand div.afspraken, .mod_kalender td.dag_andere_maand div.afspraken	{
	opacity				: 0.85;
	-moz-opacity		: 0.85;
	filter				: Alpha(Opacity=85);
}

/* de maand achter de eerste dag (01-08 bijvoorbeeld) */
.mod_kalender span.maand_achter_dag	{
	display				: none;
}

/* toevoegen linkje */
.mod_kalender a.toevoegen	{
	text-decoration		: none;
}

/* --------------------------------	*/
/* maand weergave				 	*/
/* --------------------------------	*/
table#maand	{
	width				: 100%;
	line-height			: 1.1em;
}

#maand td	{
	height				: 100px;
	font-size			: 0.9em;
}

/* dag kopje */
#maand div.dag	{
	font-size			: 0.9em;
}

#maand a.toevoegen	{
	margin-right		: 3px;
}


/* afspraak */
#maand ul.afspraak 	{
	padding				: 5px 0;
	margin				: 0;
	list-style			: none;
	font-size			: 0.9em;
}

#maand ul.afspraak a	{
	text-decoration		: underline;
}

#maand ul.afspraak li	{
	
}

#maand ul.afspraak li.uur	{
	padding				: 1px 2px;
	color				: #fff;
}

/* afspraak acties */
#maand ul.afspraak .acties	{
	display				: none;
}


/* --------------------------------	*/
/* dag weergave				 		*/
/* --------------------------------	*/
#dag .dag_container	{
	position			: relative;
}


/* items bovenaan, duren gehele dag */
#dag ul.dag_items	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#dag .dag_items	li	{
	background			: #E9EDF4;
	border				: solid 1px #8294C4;
	padding				: 7px 10px;
	margin				: 0 0 15px 0;
}

#dag .dag_items li h4	{
	margin				: 0 0 5px 0;
}

#dag .dag_items li p	{
	margin				: 0;
}

#dag .dag_items	li img	{
	float				: left;
	border				: solid 1px #003F9B;
	margin				: 3px 10px 10px 0;
}