/*
span.calendar (
  table.head (
    tr.nav
    tr.weekdays (
      td.[mo|tu|we|th|fr|sa|su]
    )
  )
  span.days (
    td.[mo|tu|we|th|fr|sa|su|today|picked]
  )
)
*/

span.calendar {
  position: absolute;
  color: white;
  background-image: url( '../../style/verlaufdbhb.png' );
  cursor: default;
  border: 3px solid white;
}

.calendar table {
  width: 168px;
  color: white;
}

.calendar, .calendar td {
  letter-spacing: normal;
  line-height: normal;
  font-family: Tahoma, Sans-Serif;
  font-size: 11px;
}

.calendar td {
  height: 18px;
  width: 24px;
}

.calendar .nav {
}

.calendar .nav td {
  text-align: center;
}

.calendar .nav td.nav-prev {
  width: 15px;
  text-align: left;
  padding-left: 4px;
}

.calendar .nav td.nav-next {
  width: 15px;
  text-align: right;
  padding-right: 2px;
}

.calendar .weekdays, .calendar .weekdays td {
  text-align: center;
  border-top: 1px solid #6976b6;
  border-bottom: 1px solid #6976b6;
}

.calendar .days table, .calendar .days td {
  text-align: center;
  background-image: url( '../../style/verlaufdbhb.png' );
}

.calendar .days td.input:hover {
  background: #ccccff;
  font-weight: bold;
}

.calendar .days td.sa, .calendar .days td.su, .calendar .weekdays td.sa, .calendar .weekdays td.su {
  background-image: url( '../../style/verlaufdbedb.png' );
}

.calendar .days td.picked {
  background: #ccccff;
  font-weight: bold;
}

.calendar .days td.today {
  font-weight: bold;
  color: yellow;
}