html {
  height: 100%;
}

body {
  color: #900;
  background-color: #e9e9e9;
  font-family: Verdana, sans-serif;
  font-size: 80%;
  margin-top: 105px;
  padding: 20px;
}

a { 
color: #03c; 
}

a:link, a:visited, a:hover, a:active {
   text-decoration: none; 
}
a:hover {
  color: #c00;
  position: relative;
}

a span {
	display: none;
}

a:hover span {
	display: block;
   	position: absolute; 
   	top: 10px; 
   	left: 0;
   	padding: 5px; 
   	margin: 10px; 
   	z-index: 100;
   	background: #ccc; 
   	border: 1px solid #c00;
	opacity: 0.9;
}Ê

{}

#header {
  background-image: url(grossErhabenHeader3.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 500px;
  height: 300px;
  margin-left: 0;
  margin-top: 0;
  text-align: left;
  border: none;
  z-index: -1;
}

#menu {
  position: absolute;
  width: 160px;
  margin: 0;
  padding: 0;
  top: 100px;
  right: 20px;
  z-index: 1000;
}

#menu h1 {Ê 
	font-size: 7pt; 
	margin-bottom: -5px;
}

#menu ul {
  display: block;
  margin: 0;
  padding: 5px;
  list-style-type: none;
  height: 100%;
  background-image: url(gradBlut.png);
  background-repeat: no-repeat;
  background-position: top right;
  border-top: 1px #933 solid;
  border-bottom: 1px #933 solid;
  border-right: 1px #933 solid; 
  background-color: transparent; 
}Ê

{}

.update 
{
 border-left: 1px #933 solid;
 background-color: transparent;
 font-family: Tahoma, sans-serif;
 font-size: 7pt;
 padding: 2px;
 margin: 0px;
 color: #966; 
 } 
 
 .update img
 {
 border: none; 
 }
 
 .update a
{
color: #36c;
}

.update a:hover
{
color: #c66;
}

.legend 
{
  border-top: 1px #933 solid;
  border-bottom: 1px #933 solid;
  border-right: 1px #933 solid; 
  padding: 2px;
  margin: 0px;
  color: #966;
  background-color: transparent;
}

.legend table, td, caption
{ 
  border: none; 
  font-family: Tahoma, sans-serif;
  font-size: 75%;
}
 
 #titles {
 font-family: Garamound, Impact, sans-serif;
 font-size: x-large;
 color: #999;
 font-variant: small-caps;
 position: relative;
 margin-left: -25px;
 z-index: 3;
 }
 
 #titles:first-letter
 { 
 color: #ccc;
 }
 
 #meat {
  background-image: url(footer.png);
  background-position: bottom right; 
  background-repeat: no-repeat;
  float: left; 
  margin-left: 0px;
  margin-top: -5px;
  width: 75%;
  height: auto; 
  padding-top: 3px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  text-align: justify;
  text-indent: 20px;
  z-index: 1;
  }

#meat:first-line
{
font-size: 110%;
color: #600;  
}

#meat:first-letter
{
font-family: "Times New Roman", serif;
font-size: 150%; 
color: #ccc; 
}

#meat p:first-letter
{
font-family: "Times New Roman", serif;
font-size: 150%;
color: #507ac6;
}

#meat i, b
{
color: #666;
}

#meat del
{
color: #999;
}

#meat ol, ul
{ 
list-style-position: outside;
text-indent: 0;
}

/*.comm table, td, caption
{ 
border: none;
text-align: justify;
font-size: 10pt;
}*/

.danke
{
text-align: right;
}

#footnote
{
font-size: x-small; 
font-style: italic; 
color: #966; 
}

#footnote a
{
color: #36c;
}

#footnote a:hover
{
color: #c66;
}

.th {
  margin: 2px;
  margin-bottom: 15px;
  height: auto;
  width: 110px;
  text-indent: 0px;
  float: left;
  position: relative; 
  text-align: center;
  }
  
.th img 
  {
  margin: 3px;
  text-align: center;
  }
  
.th a img
  {
  border: 1px solid; 
  }

.sub
  {
  text-align: center;
  font-size: xx-small; 
  width: 100px;
  margin: 2px;
  }

#sig {
  clear: both; 
  height: 50px;
  width: 75%;
  bottom: auto;  
  margin-bottom: 15px;
  margin-left: 15px;
  font-size: x-small;
  font-style: italic;
  color: #999;
  text-align: right; 
  z-index: 1;
}

#sig a
{
color: #69c;
}

#sig a:hover
{
color: #c99;
}

#klar
{
clear: both; 
}