hr {
 border: 0px;
 height: 1px;
 background-color: #000;
}

h1 {
 font-size: large;
 height: 100px;
 background-image: url('/~karlu20/.images/title_image.png');
 background-repeat: no-repeat;
 border-bottom: 1px solid #000
}

body {
 max-width: 800px;
}

img {
  border: 0
}

a {
 text-decoration: none;
}

a span {
 display: none;
}
a:hover span {
 font-family: Times, serif;
 font-size: small;
 font-variant: normal;
 text-align: justify;
 white-space: normal;
 color: #000;
 background-color: #ffc;
 display: block;
 position: absolute;
 border: 1px solid #000;
 max-width: 400px;
 padding: 5px;
 margin: 10px;
}
a:hover span br {
 border: 1px solid #000;
}

.date {
  font-weight: bold;
}

div.description {
  border: 1px solid #000;
  padding: 2px;
  background-color: #eef;
  color: black;
  margin-bottom: 2mm;
}

p {
  margin: .5em;
  text-align: justify;
  color: #000;
}

div.description p {
  margin: .5em;
  text-align: justify;
  color: #000;
}

div.float {
  float: right;
  clear: both;
  margin: 1px;
  margin-left: 10px;
  padding: 5px;
  border: 1px solid black;
  background-color: #eef;
  color: black;
}

div.float p {
  margin-top: 2px;
  margin-bottom: 2px;
}

div.float span.caption {
  font-weight: bold;
}

ul.howto {
  list-style: none;
  max-width: 500px;
}

ol.howto {
  max-width: 500px;
}

.howto li {
  padding: 0px .5em .5em 0em;
  text-align: justify;
}

code {
  font-family: monospace;
}

code.own_line {
  display: block;
  padding: .5em .5em .5em .5em;
  white-space:pre;
}

div#foot {
 border-top: 1px solid #000;
}

table {
  border-collapse: separate;
  border-spacing: 0px;
  padding: 10px;
}

table td {
  text-align: center;
  padding: 2px;
}

table tr.header td {
  border-bottom: 1px solid #000;
  white-space: nowrap;
}

table td.primary {
  border-right: 1px solid #000;
  text-align: left;
}