body {
background-color:#9b282c;
text-align: center;                               /* ganz wichtig: hierdurch wird die ganze Seite auf den Bildschirm zentriert!*/
font-family: arial, verdana;
font-size: 11pt;
margin: 0;                                                                        /* dies verhindert einen Spalt oben und unten von der Hauptseite */
}

#ueberbox {
background-color:#f2f2f2;
border: 1px solid black;
width: 787px;
height: auto;                                                                 /*ist so tief wie ihr Inhalt */
margin-left: auto;                                                         /*im body text-align:center und in der ueberbox "width" mit margin-left und margin-right=auto ergibt Zentrierung */
margin-right: auto;

}


#logobox {
         top:0px;
         width:auto;
         height:150px;
         border-bottom:1px solid black;
         text-align: left;
         margin-left:0;
                 margin-right:0;
}

#bekanntmachen {
         float:right;
              width: 350px;
              height: 20px;
              border: 0px solid green;
              font-family:arial;
              font-size:8pt;
              color: #777777;
                  text-align: center;
                  padding-right: 10px;
                  padding-top: 5px;
                  }

a.bekanntmachen:link                 {text-decoration: none; color: #777777; font-family:arial; font-size:8pt;}
a.bekanntmachen:visited                {text-decoration: none; color: #777777; font-family:arial; font-size:8pt;}
a.bekanntmachen:active          {text-decoration: none; color: #777777; font-family:arial; font-size:8pt;}
a.bekanntmachen:hover           {text-decoration: underline; color: #777777; font-family:arial; font-size:8pt;}






#navispalte {
         float:left;                         /* float left !! */
                 text-align: left;       /* dazu 27.05. evtl wegnehmen */
         margin-top: 0px;
         margin-left: 0px;
         width: 150px;
         border-style:solid;
         border-width:0px;
         padding-top:0px;                                          /*Abstand nach oben hier durch padding fixiert */
         padding-left:0px;                                  /*Abstand der Spalte zur Aussenseite der ueberbox */
}

#navispalte .sprache {
font-family: arial;
         font-size:10pt;
         color:black;

}


#main {
        border: 0px solid gray;
        width: auto;
        line-height:1.5;
        text-align: left;
        padding-top: 25px;
        padding-left: 25px;
        padding-right: 10px;
        margin-top: 2px;
        margin-right: 10px;
        margin-left: 155px;
        margin-bottom:40px;
       
        
        }

#main .gaestebuch {
                 font-family: arial;
         font-size:10pt;
         color:black;
         background-color:#EEE8AA;
         padding: 6px;
                         }

#rahmen_braun{
        font-family: arial;
    font-size:10pt;
  background-color:#EEE8AA;    /*Farbe nun gelb! */
        border: 1px black;
        padding:5px;
        width: 550px;
        margin-top: 25px;
        margin-bottom: 25px;
        }


#zusatzinfos{
        font-family: arial;
    font-size:2pt;
    color: #F5F5Dd;
        width: 430px;
        }


h1  {
         font-family:arial;
         font-size:12pt;
         color: #444444;
         border-bottom: 1px solid #666666;
         padding-bottom: 5px;
         font-style: italic;
}

.willkommen {
 font-family:arial;
         font-size:12pt;
         font-style: italic;
         font-weight: bold;
         color: #444444;
         }

h2  {
         font-family:arial;
         font-size:10pt;
         color: black;

}



p {      font-family: arial;
         font-size:10pt;
         color:black;
}


ul {     font-family:arial;
         font-size:10pt;
         color:black;
         list-style-type: circle;
}

li {     font-family:arial;
         font-size:10pt;
         color:black;
}


/* Tabellen/Formulare - Achtung: Breite eines Formulars scheint sich nach dem breitesten td zu richten - wie hier das Nachrichtenfeld! */
/* Deshalb evtl. verschienden Tabellen einrichten - dann ist man total flexibel!! */

/*form {
                border: 0px solid red;
                width: 100px;
}*/


/*table {
                border: 0px dotted gray;
                width: 100px;
}*/


td {
         font-family:arial;
         font-size:10pt;
         border: 0px solid black;
         /*width:250px;  */                                /* Breite der ersten Spalte mit Bezeichnug "Name", "Vorname" usw. */
         /*padding: 7pt;    Wenn hier das cellpadding ausgefüllt ist, ist dies die Standardvorgabe für alle exisitierenden Tabellen */
}


img {border: 0px solid white;}


/* "a" ist ganz wichtig, wenn man den Unterstrich wegnehmen möchte. Es nimmt aber auch auf allen Links den Unterstrich weg. */
a {      font-family:arial;
         font-size:10pt;
         color:black;
         text-decoration:none;
}



.linkbox {
         font-family:arial;
         font-size: 10pt;
         margin: 1px;                                /* margin 2px sieht besser aus als margin 0px, vor allem in Mozilla*/
         border-style:groove;                /*anders als "solid", irgendwie schmaler*/
         border-width:0px;                        /*besser: 0*/
         width:140px;                                /* 020808 Stand bei 137px */
         height:15px;
         padding-top:5px;                        /* 020808 hier war padding:5px - statt padding-top:5px und padding-bottom:5px*/
         padding-bottom:5px;
         padding-left:10px;
         padding-right:0px;                    /* 020808 Stand bei 2px */
         background-color:#EEE8AA;


}

.linkboxleer {
         font-family:arial;
         font-size: 10pt;
         margin: 1px;                                /* margin 2px sieht besser aus als margin 0px, vor allem in Mozilla*/
         border-style:groove;
         border-width:0px;                        /*besser: 0*/
         width:140px;
         height:15px;
         padding-top:5px;
         padding-bottom:5px;
         padding-left:10px;
         padding-right:0px;
         background-color:#EEE8AA;
}


.linkboxaktiv {
         font-family:arial;
         font-size:10pt;
                  margin: 1px;                                /* margin 2px sieht besser aus als margin 0px, vor allem in Mozilla*/
         border-style:groove;
         border-width:0px;                        /*besser: 0*/
         width:140px;
         height:15px;
         padding-top:5px;
         padding-bottom:5px;
         padding-left:10px;
         padding-right:0px;
         background-color:#CBF279;

}

/*
.maintext {
         font-family: arial;
         font-size:11pt;
         line-height:1.5;
         color:black;
}
*/

#footer {
height: 25px;
width: auto;
background-color: #CBF279;
border-top: 1px solid white;
border-width: thin;
font-family: arial;
font-size:8pt;
color:black;
padding-top: 10px;
clear: left;                      /* clear: damit links nicht die NaviLeiste ins Gehege kommt !!!*/

}


#footer a {
                  font-family:arial;
         font-size:8pt;
         color:black;
         text-decoration:none;
}