A {Color: #d14e0e; Text-Decoration: none; }
A:HOVER {Color: #000066; Text-Decoration: none; font-size: 1.3em;  Font-Weight: 600; }


html, body {
margin:9px;
padding: 0;
background: #FFFFCC;
}


#container {  font-size: 1em; 
 max-width: 900px;
 margin: auto; 
 border: 1px solid 
 border-top: 0; color:FFFFFF;
}

#logo { background: url(bilder/herbstblatt.jpg) ;
 height: 90px;
 padding: 10px 0 0 3%  ;
 margin-top: 0.2em;
 text-align: right;
  font-size: 45px;
Font-Weight: 500;
}

/* - Hauptinhaltsteil height: 75%; - */

#main { 
  padding: 0px 0px 0px  25% ; /* Der rechte Abstand 25% Stellt sicher dass auch nach dem Umflie�en der Subnavigation der Text genau so breit wird wie oben und ein zwei Columnen Eindruck entsteht. */
  max-width: 900px; text-align:right; Color: #2C2F68; Font-Weight: 500; 
  Font-Family: Arial, Helvetica; line-height: 1.4em; Font-Size: 0.8em; margin-left: 3%;
}

#main a {Font-Weight: 800;} 


/* - Menu, Linke Spalte height: 77.5%; - */

#subnav {
background:#10332E;
 width: 23%; /* Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer gen�gend Platz f�r den richtigen Inhalt bleibt. */

min-width: 10em; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
 float: left; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeiflie�t und nicht erst unten drunter anf�ngt. */
 padding: 15px 0px 1000% 2%;
 margin: 0em;
 Text-Align: left;
  font-size: 0.9em; line-height: 2em; color: FFFF00; Font-Weight: 600; Font-Family: Arial, Helvetica;/* Die Schriftgr��e setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
}


#subnav a {color: FFFFFF}

#menu {
background: #CCCCCC;
 /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Men�s rechts und links sein. */
 margin: 0;
 padding: 3px 3%;
 text-align: center;
 color:10332E}

#menu li
{ 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-left: 1px solid white; border-right: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 10px 0 10px;
 font-weight: bold;Font-Family: Arial, Helvetica; Font-Size: 0.7em;
}

/* Adresse */

#menu {
background: #CCCCCC;
margin: 0;
padding: 3px 3%;
text-align: center;
color:10332E;
}

#menu li {
display: inline;
list-style-type: none;
border-left: 1px solid white; border-right: 1px solid white;
padding: 0 10px 0 10px;
font-weight: bold;Font-Family: Arial, Helvetica; Font-Size: 0.7em;
}



#fotobox {
float:right;
margin-top:20px;
margin-bottom:20px;
width: 90%;

}





/*Titel Index */
h1 { line-height: 1.8em; Font-Size: 1.6em; Position: relative; Color: #d14e0e;
     Text-Align: right; Font-Weight: 800; margin-right: 6em; margin-top: 4em; margin-bottom: 0em}


/*Unter�berschrift */
h2 {line-height: 1.6em; Font-Weight: 550; Font-Size: 1.4em; margin-top: 1.2em; Position: relative; Color: #d14e0e;
     }


/*Text klein und dick */
h4  {Font-Size: 0.9em; Color: #2C2F68;
     Text-Align: right; line-height: 0.9em; Font-Weight: 600; margin-right: 0em;}

/*Überschrift statt Linküberschrift*/
h3 {Font-Family: Arial, Helvetica; line-height: 1.2em; Font-Size: 1.2em; Position: relative; Color: #d14e0e;
     Text-Align: right; Font-Weight: 700; margin-right: 0em; margin-top: 2em}

/*Link Indexseite*/
h6 {Font-Family: Arial, Helvetica; line-height: 1.5em; Font-Size: 1.2em; Position: relative; Color: #d14e0e;
     Text-Align: right; Font-Weight: 700; margin-right: 10em; margin-top: 0em}



h9 {Font-Family: Arial, Helvetica, Sans-Serif; line-height: 5em; Font-Size: 0.6em; Position: relative; Color: #FFFFFF;
     Text-Align: left; Font-Weight: 600;  margin-right: 1em;margin-top: 0em}