/* Kleine agendaitems */
.agendaitem{
	float:left;
}
.agendaitem_date{
	background:url('../images/kalender.png');
	height:31px;
	padding-top:3px;
	width:34px;
	margin:16px;
	margin-top:0px;
	margin-left:0;
	font-size:11px;
	text-align:center;
	color:black;
	line-height:13px;
	float:left;
}
.agendaitem_date span
{
	font-size:12px;
}
.agendaitem .text{
	float:right;
	width:240px;
	position:relative;
	top:-20px;
	color:black;
}
/* Grote agendaitems */
.bigagendaitem{
	float:left;
}
.bigagendaitem_date{
	background:url('../images/kalender.png');
	height:50px;
	padding-top:3px;
	width:50px;
	margin:16px;
	margin-top:0px;
	margin-left:0;
	font-size:11px;
	text-align:center;
	color:black;
	line-height:13px;
	float:left;
	position:relative;
}
.bigagendaitem_date .day{
	color:white;
	font-size:10px;
	font-weight:bold;
	width:50px;
	position:absolute;
	top:7px;
	left:0;
}
.bigagendaitem_date .month{
	color:black;
	font-size:11px;
	font-weight:bold;
	width:50px;
	position:absolute;
	top:4px;
	left:0;
}
.bigagendaitem_date .date{
	color:black;
	font-size:22px;
	width:50px;
	position:absolute;
	top:26px;
	left:-1px;
}

.bigagendaitem_date span
{
	font-size:12px;
}
.bigagendaitem .text{
	float:right;
	width:600px;
	position:relative;
	top:-8px;
	color:black;
}
@media(max-width:600px)
{
	.bigagendaitem .text {
	float:left;
	width: 275px;
	margin-top: -8px;
	}

}

@media(max-width:768px)
{
	.bigagendaitem .text {
	float:left;
	max-width: 400px;
	}

}