.event {
    font-family: 'Segoe UI';
    padding-bottom: 20px;
}

.eventdate {
    float: left;
    align: top;
    border: 4px solid #b6b7bc;
    border-top: 19px solid #b6b7bc;
    width: 54px;
    height: 59px;
    text-align: center;
    font: consolas bold 8px;
    border-radius: 5px;
}

.eventdate_day {
    position: relative;
    top: -10px;
    font-family: inherit;
    font-size: 20pt;
    width: 34px;
    margin-left: 10px;
    text-align: center;
    border-bottom: 1px solid #C0C0C0;
}

.eventdate_dw {
    position: relative;
    font-family: inherit;
    top: -8px;
    font-size: 10pt;
}

.eventdate_mo {
    position: relative;
    top: -18px;
    font-family: inherit;
    font-size: 10pt;
}

.event_text {
    padding-left: 16px;
   
    width: 500px; float: left;
}

.event_title {
    font: Segoe UI;
    font-weight:700 ;
    font-family: inherit;
    font-size: 14pt;
    padding-bottom: 5pt;
}

.event_data {
    font: Segoe UI;
    font-family: inherit;
    font-size: 12pt;
    line-height: 20px;
}

.event_remark {
    border-style: outset;
    border-width: thin;
    padding:5px 5px 5px 5px;
    font-size: 10pt;
    font-style: italic;
    background-color: #E4E8E6;
}

/*
		<div class="event" >
			<div class="eventdate" >
				<div class="eventdate_mo">mrt.</div>
				<div class="eventdate_day">19</div>
				<div class="eventdate_dw">zo.</div>
				<div style="clear: both;"></div>
			</div>
			<div class="event_text" >
				<div class="event_title" >Opstellingen Namiddag van 13 tot 18 uur</div>
				<div class="event_data"  >
					met <strong>Fawzia en Louis</strong> <br>
					Locatie vzw CambiArte, 3360 Bierbeek
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>

*/