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

body {
 background-color: #e1ddd9;

  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:black;
  padding:0px;
  margin:0px;
}

p, h2, pre {
margin: 0px;
padding: 5px 20px 5px 20px;
}



a {
color: #4A7408;
font-weight:bold;
/*font-size: 12px; */
background-color:transparent;
text-decoration: underline;
}

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

.alignright {
margin-top: 0;
text-align: right;
font-size: 10px;
}

h4 {
font-size:12px;
color: #564b47;
background-color: transparent;
text-transform:uppercase;
margin: 0px;
padding: 4px 20px 2px 20px;
	}
h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
	}


h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: white;
/* background-color: #90897a;*/
background-color: #92ac6b;

padding:5px 15px;
margin:0px

}

td, th {
padding: 3px;
vertical-align:top;
}

strong {
font-size: 13px;
}

/*  positioning-layers statisch und absolut */

#menu_li {
position: absolute;
left: 0px;
width: 270px;
color: #564b47;
margin: 0px;
padding: 0px;
}

#inhalt {
margin: 0px 270px 0px 270px;
border-left: 1px solid #564b47;
border-right: 1px solid #564b47;
padding: 0px;
background-color: #ffffff;
}

#rechts {
position: absolute;

right: 0px;
width: 270px;
color: #564b47;
margin: 0px;
padding: 0px;
}

#menu {
 background: #4A7408;
 padding: 1px 0px; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
 margin: 0px;
 text-align: left;
 color: #92ac6b; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}
#menu li {
 font-size: 16px;
 display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
 list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
 border-right: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 5px 0 5px;
 font-weight: bold;
 text-transform:uppercase;
}
#menu li a {
 font-size: 11px;
 color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}

#menu2 {
 background: #92ac6b;
 padding: 1px 50px; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
 margin: 0px;
 text-align: left;
 color: #4A7408; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}
#menu2 li {
 font-size: 16px;
 display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
 list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
 border-right: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 5px 0 5px;
 text-transform:uppercase;
 font-weight: bold;
}
#menu2 li a {
 font-size: 11px;
 color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}