html {
 font-family: sans-serif;
 background-color: #f0f0f0;
 font-size: 10pt;
}
h1 {
 color: #808080;
}
h2 {
 color: #404040;
}
hr {
 height: 1px;
 background-color: #a0a0a0;
 border: 0;
}
#timetable {
 padding: 10px;
 background: #fffff0;
 border: 1px solid #000000;
 border-radius: 5px;
 box-shadow: 5px 5px 2px #f0f0f0;
 display: inline-block;
}
table {
 border: none;
 margin: 0;
 padding: 0;
}
tr {
 border: none;
 border-bottom: 1px solid #ffffff;
 margin: 0;
 padding: 0;
}
td {
 border: none;
 margin: 0;
 padding: 0;
}
.date {
 text-align: center;
 background-color: #f0f0f0;
 color: #404040;
 font-size: 10pt;
}
.time {
 text-align: center;
 font-size: 8pt;
 width: 16px;
 white-space: nowrap;
 background-color: #f7f7f7;
}
.time.highlight {
 background-color: #d0d0f7;
}
.name {
 width: 180px;
 height: 24px;
 background-color: #e0f0ff;
 padding: 0 0 0 5px;
}
.function {
 background-color: #e0f0ff;
 text-align: center;
 vertical-align: middle;
 width: 40px;
}
.stop {
 background-color: #e0f0ff;
 width: 40px;
}
.name.last_edited,
.stop.last_edited {
 background-color: #d0e0f0;
}
.time_desc {
}
.time_desc div {
 width: 40px;
 margin-left: auto;
 text-align: center;
 font-size: 8pt;
}
.promise {
 vertical-align: middle;
 text-align: center;
 height: 24px;
 width: 14px;
}
.promise.changeable {
 cursor: pointer;
}
.promise.yes {
 background-color: #e0ffe0;
 background-image: url("./symbol_ja.png");
 background-size: 12px;
 background-repeat: no-repeat;
 background-position: center;
 border: 1px solid #ffffff;
}
.promise.limited {
 background-color: #f0f0e0;
 background-image: url("./symbol_vielleicht.png");
 background-size: 12px;
 background-repeat: no-repeat;
 background-position: center;
 border: 1px solid #ffffff;
}
.promise.no {
 background-color: #ffe0e0;
 background-image: url("./symbol_nein.png");
 background-size: 12px;
 background-repeat: no-repeat;
 background-position: center;
 border: 1px solid #ffffff;
}
.promise.empty {
 text-align: left;
 font-size: 8pt;
 color: #808080;
 padding: 0 0 0 20px;
 background-color: #f0f0f0;
 max-height: 24px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.promise.selected {
 border: 1px solid #8080ff;
}
.editing {
 background-color: #f0f0f0;
}
.legend
{
 display: inline-block;
}
.copyright {
 text-align: left;
 font-size: 8pt;
 color: #d0d0d0;
}
img.symbol {
 height: 12px;
 width: 12px;
}
button {
 height: 20px;
 width: 30px;
}
button.admin {
 width: auto;
}
#white_layer {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1;
 background: rgba(128, 128, 128, 0.75);
 text-align: center;
 vertical-align: middle;
 display: none;
}
#message_layer {
 margin: 100px auto;
 text-align: left;
 width: 400px;
 padding: 10px;
 background: #ffffff;
 border: 2px solid #000000;
 border-radius: 10px;
 box-shadow: 5px 5px 2px #404040;
}
#message_layer_text {
 font-size: 12pt;
 color: #000000;
}
#message_layer_buttons {
  margin-top: 20px;
  text-align: center;
}
#message_layer_button_1,
#message_layer_button_2 {
  min-width: 100px;
}