html { 
  padding:0px;
  margin:0px;
}

body {
  width: 700px;
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px 20px;
  margin:0px;
}
p, pre, h2 {
  padding:10px;
  margin:0px
}


h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}

h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}	

a { 
color: #000;
background-color:transparent;
text-decoration: underline; 
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}


#menu {
  float: left;
  width: 200px;
  left: 20px;
  background-color: #e0ad33;
  padding:0px;
  margin:0px
}
#inhalt {
  background: url("tausta.gif");
  background-repeat: no-repeat;
  background-color:#fff;
  overflow: auto;
}

.small {
 font-size: 10px;
 color: gray;
 font-weight: bold;
 float: right;
}

.navi {
float: left;
width: 100px;

}

.navi ul {
float: left;
margin-right: 0px;
padding-right: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.navi a {
display: block;
width: 190px;

}

.navi a:link, .navi a:visited {
color: #000;
text-decoration: none;
padding: 0.5em;
}

.navi a:hover {
color: #fff;
background-color: #000;
padding: 0.5em;
}