html,body,h1,h2,h3,a {
  color:black;
  background:white;
  line-height:150%;
  font-family:"Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  margin:0;
  padding:0;
  border:0;
}

html,body {
  height:100%;
}

h1,h2,#language a {
  color:#808080;
  vertical-align:middle;
}

/* for Opera */
#language img {
  vertical-align:middle;
}

#language {
  text-align:center;
  position:absolute;
  bottom:50px;
  width:200px;
}

#illustration {
  padding-top:90px;
}

a {
  color:#808080;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a[name] {
  color:black;
}

#bar {
  position:absolute;
  z-index:2;
  width:200px;
  height:100%;
  top:0;
}

#bar, #bar a {
  background:#dc143c;
  color:white;
}

#main {
/* vermeiden, weil #main sonst nicht ueber die restliche breite geht
  position:absolute;
  z-index:1;
*/
  left:0;
  min-height:100%;
  border-left:200px solid #dc143c;
  padding-left:40px;
  padding-top:0;
  padding-right:20px;
  padding-bottom:20px;
}

h1 {
  padding-top:16px;
}

h1,h2 {
  padding-bottom:35px;
}

.right {
  float:right;
  margin-left:20px;
  margin-top:20px;
  margin-bottom:20px;
  border:1px solid #999;
}

ol {
  padding-top:20px;
  padding-bottom:20px;
}

.date {
  color:#999;
  font-size:9px;
  letter-spacing:.2em;
  margin-top:40px;
}

.author {
  font-style:italic;
  text-align:right;
/*
  margin-top:0;
  margin-bottom:0;
*/
}

#navigation {
  border:1px solid #dc143c;
  margin-top:-19px;
  margin-bottom:40px;
  margin-right:0;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  text-align:right;
}

li.prg {
  margin-bottom:20px;
}