/*  agenda.css  */

/* =========================================================================
 *	Calendar styles 
 */
div.calendar {width:350px;float:left;margin-top:20px;}	
div.calendar_header {font-size:85%;height:2.2em;}
div.calendar_header .innerwrapper {padding-top:8px;}
div.calendar_header .title {
display:block;
font-size:85%;
float:left;
width:190px; 
text-align:center;
font-weight:bold;
color:#0c2074;
}
div.calendar_header a.back { 
float:left;
width:80px;
margin-top:1px;
}
div.calendar_header a.next { 
float:right;
width:80px;
margin-top:1px;
}	
table.calendar {
border-collapse:separate;
border:solid 1px #ced2e3;
margin-left:1px; 
width:349px;
font-size:85%;
}
table.calendar th,
table.calendar td {
border:solid 0px #ced2e3;
height:28px;
margin:0px;
vertical-align:middle;
text-align:center;
color:#0c2074;
font-size:85%;
}
table.calendar td.dottedBorder {border-width:1px; border-color:#0000FF; border-style:dotted;}
table.calendar th {
border-bottom:solid 1px #ced2e3 !important; /* used the important to force the borderbottom, independing of the class of the th */
}
table.calendar td {
/*border-collapse: separate;*/
height:34px;
width:45px;
border: 2px solid #FFFFFF;
text-align:center;
}
table.calendar2 td {
border-collapse: separate;
height:38px;
width:49px;
border:solid 2px #0C2074;
}
.calendar .weekend{}
.calendar .selected{}
.calendar .today {border:solid 1px red;}
.calendar .promotion {background:url(../../images/calendar/promotion.png) no-repeat left top #e5e6fa; } 
.calendar .event{background-color:#e0f3f9;} 
.calendar .disabled{color:#ddd;}	
	
td.today { border-left-width:3px; border-left-style:solid; }
	
td.promotion a, td.event a {
/*display:block;*/
border-style:none;
text-decoration:none;
line-height:2.9em;
}
/*
td.promotion a:hover, td.event a:hover {
border-style:solid;
border-width:2px;
border-color:#0C2074; }
*/	
.calendar .legenda {
border:solid 1px #ced2e3;
border-top:solid 0px;
font-size:85%;
height:2.0em;
}
.calendar .legenda .innerwrapper {
padding-left:10px;
padding-right:10px;
padding-top:11px;
font-size:95%;
}
.calendar .legenda .label {color:#0c2074;font-weight:bold;}
.calendar .legenda img {
height:10px;
width:10px;
margin-right:10px;
margin-left:4px;
}
.calendar .legenda img.border {
height:6px;
width:6px;
border:solid 2px #0C2074;
} 
	
.calendar_nav {
border:solid 1px #ced2e3;
border-top:solid 0px;
font-size:85%;
margin-bottom:20px;
}
.calendar_nav  .innerwrapper {
padding-left:9px;
padding-right:9px;
padding-top:9px;
padding-bottom:9px;
font-size:85%;
}
.calendar_nav .navparam	{width:110px;float:left;}		
.calendar_nav .navparam label {display:block;color:#0c2074;font-weight:bold;}
.calendar_nav .navparam select {margin-top:7px;margin-bottom:13px;width:110px;}
.calendar_nav .navparam2{width:150px;float:left;}		
.calendar_nav .navparam2 label {display:block;color:#0c2074;font-weight:bold;}
.calendar_nav .navparam2 select {margin-top:7px;margin-bottom:13px;width:150px;}

div#eventdata {width:340px;float:right;margin-top:20px;}
div.eventlist {width:362px;float:right;	margin-top:20px;height:auto;
/*overflow-y: auto;overflow-x: hidden;*/
}
.eventlist_header {
width:100%;
height:28px;
background:#f4fafe;
font-size:85%;
margin-bottom:3px; 
}
.eventlist_header .innerwrapper {
padding-top:8px;
padding-left:14px;
padding-right:10px;
}
.eventlist_header .title {
float:left;
font-size:85%;
font-weight:bold;
color:#0c2074;
}
#canvas .eventlist_header .innerwrapper {width:310px;}

.eventlist_header .intern {
float:right;
font-weight:normal;
font-size:85%;
background-position:0px 1px;
margin-top:1px;
}			
#content .colAgenda {	
width:700px;
float:left;
padding-top:10px;	
margin-top: 6px;
color:#343434;
display:table;
}
#content ul.agendaUL {
font-family:arial,verdana,helvetica,sans-serif;
font-style:normal;
font-weight:normal;
line-height:1.4em;
text-decoration:none;
margin-top: 6px;
width:600px;
display:table;
float:left;
}
#content ul.agendaUL_GR {
font-family:arial,verdana,helvetica,sans-serif;
font-style:normal;
font-weight:normal;
line-height:1.4em;
text-decoration:none;
width:600px;
display:table;
float:left;
}
#content ul li.agendaLI  {
color:#343434;
font-size:85%;
margin-top: 6px;
margin-bottom: 6px;
width:600px;
float:left;
}
	#content ul li.agendaLIG  {
		color:#343434;
		font-size:85%;
		margin-top: 6px;
		margin-bottom: 6px;
		width:600px;
		float:left;
		}

	#content ul li a.agendaA {
		width:560px;
		}
	#content ul li a.agendaA:hover {
		text-decoration:underline;
		}			

	#content ul li p.agendaP {
		color:#343434;
		}
	p.agendaP_Titel {
		font-weight:bold; 	
		color:#0C2074;
		}
	#content ul li H4.agendaH4 {
		font-weight:bold;
		}
	#content ul li H4 a.agendaH4A {
		font-weight:bold;
		}
	#content ul li H4 a.agendaH4Arest {
		font-weight:bold;
		}
	div.agenda_img {
	display:table;
	position: relative;
	float:left;
	margin-right: 2px;
	margin-top: 1px;
	padding-left: 0px;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom: 5px;
	}
	
	#textcontent div.agenda_tekst {
	font-family:arial,verdana,helvetica,sans-serif;
	font-style:normal;
	font-size:95%;
	line-height:1.3em;
	margin-left: 0px;
	padding-right:3px;
	margin-bottom:0px;
	margin-top:1px;
	padding-top:1px;
	padding-bottom:1px;
	margin-right: 16px;
	display:table;
	color:#343434;
	}
	div.agenda_tekst span.detailItem {width:60px;font-weight:bold;display:inline-block;}
	.agenda_tekst p {
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:90%;
	font-style:normal;
	color:#343434;
	}
	.agenda_tekst H4 {
	font-weight:bold;
	}

	a.maandoverzicht {
	float:right; 	
	font-weight:bold; 	
	color:#0C2074; 
	cursor: pointer;
	background:url(../../images/icons/smallarrowblue.png) no-repeat left 2px;
	padding-left:11px;
	margin-left:5px;
	}
	a.left{text-align:center;float:left;width:130px;background: url('');}
	
	a.maandoverzicht {
	font-weight:bold; 	
	color:#0C2074; 
	text-decoration:underline;
	}


	#listfooterAgenda
	{
	width:500px;
	float:left;
	text-align:center;
	font-size:85%;	
	}		
	#listfooterAgenda .previous
	{
	font-size:90%;
	}
	#listfooterAgenda ul.pages
	{
		display:inline;
		font-size:95%;
	}
	#listfooterAgenda ul.pages li
	{
		display:inline;
		line-height:1.2em;
		font-weight:bold;
	}	
	#listfooterAgenda ul.pages li a	{ font-weight:normal;}
	#listfooterAgenda ul.pages li span
	{
		display:inline;
		font-weight:bold;
	}		
	#listfooterAgenda .next
	{
		font-size:90%;	
	}
	#listfooterAgPageSelectie
	{
		width:300px;
		float:right;
		text-align:right;
		font-size:85%;	
	}	
	
	
	#listbovenAgenda
	{
	    width:500px;
		float:left;
		text-align:center;
		font-size:85%;
		margin-top:1px;	
	}	
	#listbovenAgenda .previous
	{
		font-size:90%;
	}
	#listbovenAgenda ul.pages
	{
		display:inline;
	}
	#listbovenAgenda ul.pages li
	{
		display:inline;
		line-height:1.2em;

	}	
	#listbovenAgenda ul.pages li span
	{
		display:inline;
		font-size:85%;
		font-weight:bold;
	}		
	#listbovenAgenda .next
	{
		font-size:90%;	
	}
	#listbovenPageSelectie
	{
		width:300px;
		float:right;
		text-align:right;
		font-size:85%;	
	}	

	a.backtoAgenda {
	background:transparent url(../../images/icons/smallarrowblueback.gif) no-repeat scroll left 2px;
	color:#0C2074;
	font-size:75%;
	font-weight:bold;
	padding-left:11px;
	}	
	
	/*header calender*/
	div.calendar_header_new {
		font-size:85%;
		height:2.2em;
		margin-bottom:1px;
		width:349px;
		}
	
	div.volgendeAgenda
	{
		width:100px;
		float:right;
		text-align:center;
		font-size:85%;	
		margin-bottom:4px;
	}	
	div.calendar_header_new a.back2 { 
		margin-top:1px;
		font-size:100%;
		font-weight:bold;
		color:#0c2074;
		}
	div.maandoverzicht
	{
		text-align:center;
		font-size:85%;
		width:140px;
		float:left;
		display: inline;
	}	
	a.maandoverzicht 
	{
	font-weight:bold; 	
	color:#0C2074; 
	text-decoration:underline;
	}
	div.vorigeAgenda
	{
		width:100px;
		float:left;
		text-align:center;
		font-size:85%;	
		margin-top:1px;
	}
	div.calendar_header_new a.next2 { 
		margin-top:1px;
		font-size:100%;
		font-weight:bold;
		color:#0c2074;
		}

#content div.eventlist ul.linklist li.visibleDay { display:block; }
#content div.eventlist ul.linklist li.hiddenDay { display:none; }
#content div#eventdetail { display:none; font-size:70%; background-color:#F4FAFE; margin-top:20px; }
#content div.eventlist ul.linklist li.Promotie { background-color:#E7E7FF; }
#content div.eventlist ul.linklist li.Promotie a{ background-color:#E7E7FF; }
#content div.eventlist ul.linklist li.Event { background-color:#E7F3FF; }
#content div.eventlist ul.linklist li.Event a{ background-color:#E7F3FF; }
#content .eventlist ul.linklist li.hide {display:none;}
#content div#monthNum{ display:none;}
/*////////////////////////////AGENDA //////////////////////////////*/