html {
  margin: 0;
  padding: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000000;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left; }

h1 {
  font-size: 130%; }

h2 {
  font-size: 110%;
  margin-top: 10px; }

p {
  margin: 0 10px 10px; }

div#container {
  width: 1000px;
  margin: 0 auto;  /* zentrieren */
  padding: 135px 0 0 0;  /* Platz für Kopfgrafik */
  background-image: url(cliparts/header.png);
  background-position: left top;
  background-repeat: no-repeat; }

div#wrapper {
  float: left;
  width: 100%; }

div#content {
  width: 675px;
  margin: 0 160px; }

div#content p {
  margin-right: 80px;
  line-height: 1.4;
  font-size: 0.9em; }

div#content h1 {
  margin: 0 0 10px 0; }

div#content h2 {
  margin: 20px 50px 10px 0; }

div#content li {
  margin: 0px 80px 5px 0px;
  line-height: 1.4;
  font-size: 0.9em; }

.center {
  width: 580px;
  margin: 0px auto 10px; }

.underline {
  text-decoration: underline; }
  
div#navigation {
  font-size: 0.8em;
  float: left;
  width: 125px;
  height: 2000px;
  margin-top: -3px;
  margin-left: -1000px;
  background: #61B22E; }

/* Formate für die linke Navigationsleiste */

#navigation p {
  margin-top: 20px;
  color: #000; }

#navigation a {
 text-decoration: none;
 font-weight: bold;
 display: block;
 width: 100px; 
 height: 20px;
 text-align: center;
 line-height: 1.4; 
 border-width: 3px;
 color: black; 
 background: #e3e3e3;
 border-color: #e3e3e3; 
 border-style: outset; 
 margin: 10px 0px 0px 10px; } 

#startseite #navi01,
#verein #navi02,
 #geschichte #navi02a,
 #vorstand #navi02b,
#orchester #navi03,
 #dirigent #navi03a,
 #bergkapelle #navi03b,
 #jugend #navi03c,
 #schueler #navi03d,
 #stollen #navi03e,
 #theorie #navi03f,
 #floeten #navi03g,
 #frueherz #navi03h,
#aktuell #navi04,
 #termine #navi04a,
#presse #navi05,
#bilder #navi06,
 #wandertag #navi06a,
 #musikparade #navi06b,
 #oktoberfest #navi06c,
 #bergfest #navi06d,
#links #navi07,
#impressum #navi08 {
  border-style: inset;} 

#navigation a:hover {
  background: #A0A0A0;
  color: red; } 

#navigation2 a {
 font-family: Arial;
 font-size: 0.9em;
 text-decoration: none;
 font-weight: normal;
 display: block;
 width: 90px; 
 height: 12px;
 text-align: center;
 line-height: 1.2; 
 border-width: 3px;
 color: black; 
 background: #e3e3e3;
 border-color: #e3e3e3; 
 border-style: outset; 
 margin: 3px 0px 0px 15px; } 

div#extra {
  font-size: 0.85em;
  float: left;
  width: 200px;
  margin-top: 0px;
  margin-left: -202px;
  border: 1px solid red; }

div#extra h2 {
  margin: 20px 0 10px 10px;
  font-size: 1.1em;
  text-decoration: underline; }

div#extra p {
  margin: 0 5px 5px 10px;
  font-size: 0.95em; }

div#extra a {
  display: inline; }
  
div.leftimage {
  width: 180px;
  float: left;
  margin-top: 30px;
  text-align: center; }

div.righttext {
  width: 450px;
  float: left;
  margin-left: 20px;
  margin-top: 10px; }
  
div.righttext p {
  margin-left: 0px; }