@charset "UTF-8";
/* CSS Document */

div.agenda{
	width:229px;
	min-height:500px;
	background-image:url('/assets/images/agenda-background.gif');
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
}

div.agenda-title{
	height:27px;
	width:126px;
	position:relative;
	top:23px;
	left:19px;
	cursor: pointer;
	background-image:url('/assets/images/tab-passive-agenda-arrow.gif');
	background-position:top right;
	background-repeat:no-repeat;
}

div.agenda-hover{
	background-image:url('/assets/images/tab-mouseover-arrowblue.jpg');
	background-position:top right;
	background-repeat:no-repeat;
}

div.agenda-title h1{
	font-family:Helvetica, Sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#053b7c;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	letter-spacing:1px;
}

div.agenda-content{
	width:193px;
	margin-top:11px;
	margin-left:15px;
}

table.agenda-punt{
	width:193px;
	margin:8px 0px 0px 0px;
	padding:0px;
	vertical-align:top;
	cursor: pointer;
}

td.agenda-datum{
	width:53px;
	vertical-align:top;
}
	
td.agenda-omschrijving{
	width:140px;
	border-bottom:1px solid #727f8f;
}

td.agenda-omschrijving h1{
	font-family:Georgia,Times new Roman,Serif;
	font-size:14px;
	color:#3a434e;
	font-weight:normal;
	padding:4px 0px 2px 0px;
	margin:0px;
}

td.agenda-omschrijving p{
	font-family:Helvetica,Sans-serif;
	font-size:10px;
	color:#727f8f;
	padding:0px 0px 4px 0px;
	margin:0px;
	line-height:135%;
}

div.datumbadge{
	height:40px;
	width:50px;
	background-image:url('/assets/images/datumbadge-background.gif');
	background-position:left top;
	background-repeat:no-repeat;
	float: left;
	display: inline;
	z-index:1;
}

div.datumbadge-content{
	height:26px;
	width:20px;
	float: left;
	display: inline;
	padding: 4px 0px 0px 10px;
	z-index:2;
}

div.datumbadge-day{
	height:18px; 
	width:30px; 
	text-align:center; 
	vertical-align:bottom; 
	font-size:16px;
	line-height:90%;
	padding:4px 0px 0px 0px;
	font-family:Helvetia, Sans-serif;
	color:#535353;
	margin:0px;
}
	
div.datumbadge-month{
	height:12px; 
	width:30px; 
	text-align:center; 
	vertical-align:top; 
	font-size:10px; 
	text-transform:lowercase;
	line-height:10px;
	padding:0px;
	font-family:Helvetia, Sans-serif;
	color:#535353;
	margin:-4px 0px 0px 0px;
}

div.datumbadge-overground{
	height:40px;
	width:50px;
	background-image:url('/assets/images/datumbadge-overground.png');
	background-position:left top;
	background-repeat:no-repeat;
	float: left;
	display: inline;
	left:0px;
	top:0px;
	z-index:3;
	visibility:hidden;
}

div.timebadge{
	float: left;
	display: inline;
	background-image:url('/assets/images/tijdbadge.gif');
	background-repeat:no-repeat;
	height:15px;
	
	width:40px;
	z-index:10;
	margin:0px 0px 0px 5px;
	
	padding: 4px 0px 0px 0px;
	font-family:Helvetica,Sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#9b9b9b;
	text-align:center;
	vertical-align:middle;
}

/* agenda overzicht pagina */
div#agenda-body{
	margin:12px 0 0 20px;
	width:416px;
}

div.event{
	cursor: pointer;
	float: left;
	width:416px;
	color: #000;
	margin:0px;
	padding:0px;
}

div.event-title{
	width: 150px;
	float: left;
	overflow: hidden;
	vertical-align: middle;
	padding: 12px 0px 0px 10px;
	
	font-family: Georgia,Times new Roman, Serif;
	font-size: 14px;
	font-weight: normal;
	color:#3a434e;
}

div.event-divider{
	width: 10px;
	float: left;
	font-size: 11px;
	padding-top: 11px;
	text-align: center;
	
	font-family: Georgia,Times new Roman, Serif;
	font-size: 14px;
	font-weight: normal;
}

div.event-site{
	font-family:Helvetica,Sans-serif;
	width: 170px;
	float: left;
	font-size: 11px;
	padding: 15px 0px 0px 15px;
}

div.event-light{
	color: #b7bfca;
	background-color: #ffffff;
}

div.event-dark{
	color: #557297;
	background-color: #dedfe0;
}

div.event-hover{
	color: #fff;
	background-color: #053b7c;
}

/* event details */
div.event-details{
	float: left;
	width: 416px;
}

div.event-details-date{
	width: 50px;
	float: left;
}

div.event-details-text{
	float: left;
	width: 361px;
	padding: 0px 0px 5px 5px;
	border-bottom: 1px solid #727f8f;
}

div.event-details-text p{
	color: #727f8f;
	font-family:Helvetica,Sans-serif;
	font-size: 11px;
}

div.event-details-text h1{
	color:#3a434e;
	font-family: Georgia,Times new Roman, Serif;
	font-size: 14px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	font-weight: normal;
}

dl.event-details{
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: left;
	width: 360px;
}

span.small{
	font-size: 10px;
	color: #9faab8;
}

dl.event-details dt{
	font-family:Helvetica,Sans-serif;
	float: left;
	clear: both;
	overflow: hidden;
	font-size: 11px;
	color: #9faab8;
	margin-bottom:3px;
	padding: 2px 10px 2px 0px;
	width: 85px;
}

a.map-link{
	font-size: 10px;
	color: #9faab8;
	text-decoration: none;
}

dl.event-details dd{
	font-family:Helvetica,Sans-serif;
	float: left;
	font-size: 11px;
	color: #727f8f;
	overflow: hidden;
	width: 265px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
}