.calendar {
  width:750px;
}

.calendar tr.weekrij th {
  background-color: #d8d8d8;
}

.calendar td.week { 
  width:125px;
  background-color: #cccccc;
}

.with_weekends td.week {
  width:50px;
}

.calendar .weeknummer {
  font-size:220%; 
  margin-left:40px;
  margin-top:40px;
  margin-bottom:20px;
  color: #fff;
  font-weight: bold;
}

.with_weekends .weeknummer {
  font-size:180%; 
  margin-left:10px;
}

.calendar th {
  text-align:left;
  background-color:#f0f0f0;
  padding:5px;
}

.calendar th.week {
  text-align:center;
}

.calendar th.agendabalk {
  background-color:#666;
}

.calendar td.otherMonth {
  background-color:#f0f0f0;
}

.calendar td.currentMonth {
  padding:0px;
  vertical-align:top;
}

.calendar .calenderday {
  width:120px;
  background-color:#fff;
  color: #525252;
  font-size:125%;
  font-weight:bold;
  padding:0px 0px 0px 5px;
  margin:0;
}

.with_weekends .calenderday {
  width:95px;
}

.starttijd {
  display:block;
}

.showmonth{
  width:425px;
  font-size:130%;
  margin-left: 5px;
  color:#fff;
  float:left;
}

.previousmonth{ 
  font-size:120%;
  float:left;
  vertical-align:middle;
}

.nextmonth{   
  font-size:120%;
  float:left;
  vertical-align:middle;
}

.previousmonth a, .nextmonth a {
  color:#fff;
}

.previousmonth a:hover, .nextmonth a:hover{
  color:#000;
}

/* handheld */

.handheld .calendar {
  width:auto;
  font-size:80%;
}

.handheld .calendar td,
.handheld .calendar th { 
  width:16%;
}

.handheld .calendar td *,
.handheld .calendar th * { 
  width:auto;
}

.handheld .calendar .weeknummer {
  margin:auto;
}

.handheld .showmonth {
  float:none;
}

.handheld .calendar .weeknummer {
  font-size:100%;
}

.handheld .calendar tr.weekrij th {
  font-size:90%;
}