<link rel="stylesheet" type="text/css" href="./style.css">

<table class="event">
<thead>
<tr>
<th id="zeit">Zeit</th>
<th>Montag</th>
<th>Dienstag</th>
<th>Mittwoch</th>
<th>Donnerstag</th>
<th>Freitag</th>
</tr>
<tr class="time">
<th></th>
<th>07.10.2013</th>
<th>08.10.2013</th>
<th>09.10.2013</th>
<th>10.10.2013</th>
<th>11.10.2013</th>
</tr>
</thead>
<tbody>
<tr>
<td><!-- Zeitleiste -->
<div class="event m30 duration fh">09:00</div>
<div class="event m30 duration">09:30</div>
<div class="event m30 duration fh">10:00</div>
<div class="event m30 duration">10:30</div>
<div class="event m30 duration fh">11:00</div>
<div class="event m30 duration">11:30</div>
<div class="event m30 duration fh">12:00</div>
<div class="event m30 duration">12:30</div>
<div class="event m30 duration fh">13:00</div>
<div class="event m30 duration">13:30</div>
<div class="event m30 duration fh">14:00</div>
<div class="event m30 duration">14:30</div>
<div class="event m30 duration fh">15:00</div>
<div class="event m30 duration">15:30</div>
<div class="event m30 duration fh">16:00</div>
<div class="event m30 duration">16:30</div>
<div class="event m30 duration fh">17:00</div>
<div class="event m30 duration">17:30</div>
<div class="event m30 duration fh">18:00</div>
<div class="event m30 duration">18:30</div>
<div class="event m30 duration fh">19:00</div>
<div class="event m30 duration">19:30</div>
<div class="event m30 duration fh">20:00</div></td>
<td><!-- Montag -->
<div class="event m60 hov">
<div class="description">Frühstück</div>
</div>
<div class="event m150 hov">
<div class="description">Begrüßung und Tutorien
<span class="ort"><a href="https://navigator.tu-dresden.de/etplan/zeu/01/raum/118101.0480">ZEU/LICH</a></span></div>
</div>
<div class="event m60 hov">
<div class="description">Mittagspause</div>
</div>
<div class="event m270 empty"></div>
<div class="event m150 hov">
<div class="description">Kennenlernen mit Grillen
<span class="ort"><a href="https://ese.ifsr.de/2013/?page_id=12#countdown">Countdown</a></span></div>
</div></td>
<td><!-- Dienstag -->
<div class="event m210 hov">
<div class="description">Frühstück und Einschreibung</div>
</div>
<div class="event m30 hov">
<div class="description">Mittagspause</div>
</div>
<div class="event m240 hov">
<div class="description">Seminargruppen- treffen
<span class="ort">eurem Mentor folgen</span></div>
</div>
<div class="event m180 empty"></div>
<div class="event m30 hov">
<div class="description">Clubwanderung
<span class="ort"><a href="https://ese.ifsr.de/2013/?page_id=12#countdown">Countdown</a></span></div>
</div></td>
<td><!-- Mittwoch -->
<div class="event m90 hov">
<div class="description">Frühstück</div>
</div>
<div class="event m90 hov">
<div class="description">Vorträge</div>
</div>
<div class="event m60 hov">
<div class="description">Mittagspause</div>
</div>
<div class="event m180 hov">
<div class="description">Campus- schnitzeljagd
<span class="ort">Treff im Foyer</span></div>
</div></td>
<td><!-- Donnerstag -->
<div class="event m60 hov">
<div class="description">Frühstück</div>
</div>
<div class="event m120 hov">
<div class="description">Vorstellung der Professoren</div>
</div>
<div class="event m60 hov">
<div class="description">Mittagspause</div>
</div>
<div class="event m180 hov">
<div class="description">ESE Spiel</div>
</div>
<div class="event m150 empty"></div>
<div class="event m120 hov">
<div class="description">Spieleabend
<span class="ort">Treff im Foyer</span></div>
</div></td>
<td><!-- Freitag -->
<div class="event m180 empty"></div>
<div class="event m60 hov">
<div class="description">Mittagspause</div>
</div>
<div class="event m180 hov">
<div class="description">Stadtführung
</div></td>
</tr>
</tbody>
</table>