body {
    font-family: sans-serif;
    background-color: #FFFFC8;
    font-style: italic;
    font-size:medium;
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
   
}

#kopfbereich {
    width: 100%;
    padding: 19px;
    background-color:#229824;
    margin: 6px;
    font-variant: small-caps;
    font-weight: 900;
    font: bolder 
}         


#navileiste{
    margin-left: 6px;
    margin-top: 15px;
    margin-right: 8px;
    height: auto;
    width: 17%;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    background-color:#229824;
    color: #333;
    float: left;
}

#navileiste ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

#navileiste li{
    border-bottom: 1px solid #0DB300;
    margin: 0;
}

#navileiste li a{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #0D8300;
    border-right: 10px solid #12C617;
    background-color: #208C24;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

html>body #navileiste li a { width: auto; }

#navileiste li a:hover{
    border-left: 10px solid #0CAD00;
    border-right: 10px solid #14BD19;
    background-color: #1FA123;
    color: #fff;
}

#fussbereich{
    text-align: center;
    font-size: 10px;
    clear: both;
    height: 40px;
    background-color: #229824;
    padding-top: 20px;
    width:100%;
    margin-bottom: 0;
    margin-top: auto;
    margin-left: 6px;
    margin-right: 6px;
    

 }


.balkeninfoleiste {
    
    float: right;
    width: 15%;
    height: 19px;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #0CAD00;
    font: bolder 7px;
    text-align:center;
    color: #FFFFFF;
    font-variant: small-caps;
    font-weight: 900;
    border:1px;
    border-style:double;
    border-color:#229824;
    padding: 3px;
}

    
.infoleiste{
    float: right;
    width: 15%;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
    border:1px; 
    border-style:double;
    border-color:#229824;
    color:#229824;
    font-size: 12px;
    padding: 3px;
    }

.bildgross {

    border:2px;
    border-style:solid;
    border-color:#229824;
    padding: 19px;
    width: 55%;
    margin-bottom: 20px;
    margin-right: 6px;
    float:left;
    font: bolder 12px;
    color:#229824 ;
 
    }
    
.bildbalken{
    border:2px;
    border-style:solid;
    border-color:#229824;
    padding-left: 19px;
    padding-right: 19px;
    background-color: #229824;
    font: bolder 15px;
    text-align:center;
    color: #FFFFFF;
    font-variant: small-caps;
    font-weight: 900;
    width: 55%;
    margin-top: 25px;
    float: left;

} 
    
    
.bildbalkenunten{
    background-color: #229824;
    font: bolder 15px;
    text-align:center;
    color: #FFFFFF;
    font-variant: small-caps;
    font-weight: 900;
    width: 62%;
    margin-top: 25px;
    margin-left: 177px;
 
}
    
.rahmeninhalt  {
    
    border:2px;
    border-style:solid;
    border-color:#229824;
    width: 60%;
    height: auto;
    font: bolder 12px;
    color:#229824 ;
    margin-bottom: 20px;
    padding: 19px;
    font-weight: 500;
    float:left;
    margin-left:177px ;
    }
    
.teilueberschrift {

    background-color: #229824;
    font: bolder 15px;
    text-align:center;
    color: #FFFFFF;
    font-variant: small-caps;
    font-weight: 900;
    width: 95%;
    float: none;
}    
   
.vorstandschafteinzel {
     border:2px;
     border-style:solid;
     border-color:#229824;
     float: left;
     margin-top: 15px;
     margin-right: 15px;
     margin-bottom: 15px;
}    

.bilder {
     border-style:solid;
     border: 2px;
     padding: 3px;
     float: left;
     border-color:#229824;
     text-align:center;
     margin: 3px;
     }
     
/*Fotogalerie*/

a:link {
   color:#0000FF;
}
a:visited {
   color:#800080;
}
a:hover {
   color:#FF0000;
}
a:active {
   color:#FF0000;
}
a:focus {
   color:#FF0000;
}


/* horizontale Linien */
hr {
   background-color:#229824;
   color:#808080;
   border:0px;
   height:3px;
}


/* Darstellung von dirinfo.txt */
#di {
   text-align:left;
}


/* Extratext auf den Übersichtsseiten  */
/* -- oben  --                         */
#etueboben    {
   text-align:left;
}
/* -- unten --                         */
#etuebunten   {
   text-align:left;
}


/* Navigations-"Blättern"-Einträge */
#bloben {
   text-align:right;
}
#blunten {
   text-align:center;
}


/* Ordner-Navigationsleiste */
#ordnavi  {
   text-align:left;
}


/* Unterordner-Liste */
#ordner  {
}
#ordner table {
}
#ordner img {
   margin-right:1em;
   vertical-align:middle;
}
#ordner td.abst {
   padding-right:1em;
}


/* Tabelle mit Vorschaubildern */
#vorschau {
   text-align:center; /* nur für den IE */
}


/* Tabellenrahmen und -abstände */
#vorschau table  {
   empty-cells:show;
   margin-left:auto;
   margin-right:auto;
}
#vorschau td {
   text-align:center;
   vertical-align:top;
}
#vorschau td .bild {
   width:120px;
   height:120px;
   background-color:transparent;
   margin:auto;
}
#vorschau td .pano {
}


/* Bildbeschreibungen Übersichtsdatei */
#vorschau .beschr {
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#vorschau .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#vorschau .kl {
   font-size:smaller;
}


/* Links zu Text-, Audio und Videodatei */
#vorschau .aviwavtxt {
   font-size:80%;
}


/* Fußzeile (Link nach oben und Hinweis auf Programm) */
#fusszeile {
   text-align:center;
   font-size:70%;
}
#fusszeilenachoben  {
   float:left;
   text-align:left;
   margin:0;
}
#fusszeileproghinweis {
   float:right;
   padding-left:2em;
   margin:0;
}


/**** Formatierung für die Einzelbild-Seite ****/
#einzelbild {
   text-align:center;
}


/* Formatierung für die Navigationszeile in den Dateien der großen Bilder */
#navieinzelbild {


}
#navieinzelbild a {
   margin-left:1em;
   margin-right:1em;
}


/* Das große Bild selber */
#grossbild {
}
#grossbild img {
margin:0ex 0.5em 0ex 0.5em;
}


/* Extratext auf den Einzelbild-Seiten */
/* -- oben --                          */
#eteinzeloben  {
   text-align:left;
}
/* -- unten --                         */
#eteinzelunten {
   text-align:left;
}


/* Bildbeschreibungen bei den großen Bildern */
#einzelbild .beschr{
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#einzelbild .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#einzelbild .kl {
   font-size:smaller;
}
/* Links zu Text-, Audio und Videodatei */
#einzelbild .aviwavtxt {
   font-size:80%;
}