body {
  background-color: black;
  color: white;
  font-family: verdana, arial, helvetica, sans-serif;
}

a {
  background-color: inherit;
  color: #0FF;
}

h1 {
  color: #808;
  background-color: inherit;
  font-size: 300%;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
}

img.capital_letter { 
  height: 0.8em;
}

h2 {
  color: #808;
  background-color: inherit;
  font-size: xx-large;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
}

h3, h4 {
  color: #0ff;
  background-color: inherit;
  margin: 10px 0px 0px 0px;
}

.subtitle {
  color: #0ff;
  background-color: inherit;
  font-size: 60%;
}

table.container {
  margin-right: 10%;
}

td.sidebar {
  vertical-align: top;
  padding: 0.5em;
}

td.main {
  padding: 1em;
  vertical-align: top;
}

td, th {
  padding: 0.1em 0.5em;
}

th {
  text-align: left;
}

table.timetable tr.past td {
  font-style: italic;
  color: #777;
  background-color: inherit;
}

tr.div1, tr.men {
  color: white;
  background-color: #808;
}

tr.frhinos, tr.mixed, tr.local {
  color: white;
  background-color: #088;
}

tr.women {
  color: white;
  background-color: gray;
}

td.warning {
  color: red;
  background-color: inherit;
  text-align: center;
  font-weight: bold;
}

.time {
  font-weight: bold;
}