body {
  max-width              : 50em;
  font-size              : larger;
  font-family            : "DejaVu Sans Mono", "Lucida Console", monospace;
  line-height            : 120%;
  letter-spacing         : 1px;
}

small {
  font-size              : 100%;
}

p.impressum, div.menu {
  border                 : 1px solid #555;
  background-color       : #DDD;
  color                  : black;
  padding                : 0px 10px;
}

p.impressum {
  margin-top             : 4em;
}

div#content {
  border                 : 1px solid #555;
  margin-top             : 1em;
  margin-bottom          : 1em;
  padding                : 0px 10px;
}

div.menu:before, div#content:before, p.impressum:before {
  display                : block;
  width                  : 10em;
  background-color       : blue;
  color                  : white;
  padding                : 1px 1em;
  margin                 : -1ex auto 1ex auto;
  text-align             : center;
  border                 : 1px solid black;
  font-weight            : bold;
  font-variant           : small-caps;
  letter-spacing         : 2px;
  font-size              : 120%;
}

div.menu:before {
  content                : "Navigation";
}

div#content:before {
  content                : "Content";
}

p.impressum:before {
  content                : "Imprint";
}

em {
  font-weight            : bold;
  text-decoration        : none;
  font-style             : normal;
}

strong {
  font-weight            : bold;
  text-decoration        : underline;
  font-style             : normal;
}

p.navbar {
  border-top             : 1px solid #ddd;
  border-bottom          : 1px solid #ddd;
}

th, td {
  vertical-align         : top;
}

td p:first-child {
  margin-top             : 0px;
}

td {
  border-top             : 1px solid black;
}