/* 
<table class="kalender" cellspacing="0" cellpadding="0" border="0">
  <tbody>
    <tr>
      <th>
        <div class="day">MA</div>
        <div class="date">21 jun</div>
      </th>
      <td>
        <div class="list"> block/list.css </div>
      </td>
    </tr>
    ...
  </tbody>
</table>    
*/

.kalender
{
  width: 100%;
  border-collapse: collapse;
}
.kalender th,
.kalender td
{
  vertical-align: top;
  border-bottom: 1px solid #e1e7ff;
}
.kalender th
{
  padding: 10px 12px;
  background: #f1f7ff;
}
.kalender td
{
  width: 100%;
  padding: 8px 0;
}
.day
{
  font-size: 20px;
  text-align: center;
}
.date
{
  text-align: center;
  white-space: nowrap;
}

/*.calendarItem
{
  color: #0c4d91;
  font-weight: bold;
  position: relative;
  _zoom: 1;
  padding-left: 130px;
}*/

/*.calendarItemTime*/
.calendarItem
{
  font-weight: normal;
  padding-left: 20px;
  background: url('/images/arrow_orange.gif') no-repeat 10px center;
  /*position: absolute;
  top: 0;
  left: 10px;*/
}