body {
  background-color: #eee;
  color: #334;
}

table {
  border-spacing: 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #777;
}
td {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: #777;
  padding: 3px;
  margin: 0px;
}

.week {
  vertical-align: top;
  text-align: center;
}
.day {
  vertical-align: top;
  text-align: left;
  background-color: #d7d7df;
  color: #444;
  font-family: Arial, sans-serif;
}
.weeknum {
  font-weight: bold;
  color: #eeeeff;
  background-color: #33339999;
  border-style: none;
  border-radius: 1em;
  width: 2.5em;
  margin: 0 auto;
}
.weekend {
  background-color: #c7c7cf;
}
.holiday {
  background-color: #c7c7cf;
  color: #a00;
}
.today {
  background-color: #e7e7ef;
  border-color: #66f;
  border-style: solid;
  border-width: 2px 2px 1px 1px
}
.gone {
  background-color: #c0c0c7;
  opacity: 0.3;
}
.gone .service, .gone .daynum {
  opacity: 0.5;
}
.gone .daynum {
  opacity: 0.85
}
.daynum {
  clear: both;
  margin-bottom: 2px;
  background-color: #66669933;
}
.service {
  display: inline-block;
  float: right;
  overflow: auto;
  height: 48px;
  width: 48px;
  min-height: 48px;
  min-width: 48px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 48px 48px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.post {
  background-image: url(gfx/Postbox.svg);
}
.paper {
  background-image: url(gfx/Paper-recycling.svg);
}
.garbage {
  background-image: url(gfx/Garbage.svg);
}