/*-- ########       Menünavigation        ###### --*/
/*-- Ausrichten der Menüleiste auf der Startseite --*/
#starthintergrund {
    background-image: url(starthintergrund.jpg);
    background-repeat: repeat-x;
    background-position: 0 20px;
}

body {
    color: #911f14;
    background-color: rgb(250,224,201);
    /*--		  #fae0c9; --*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 1em;
}
/*-- Formatierung der DIV-Boxen für den Inhalt   --*/
.inhalt {
    margin: 0% 5% 0% 17em;
    width: 80%;
}

.navigationsleiste {
    float: left;
    clear: right;
    width: 11.5em;
    margin-left: 4em;
    margin-top: 0;
}
/*-- Ausrichten der Menüleiste auf der Startseite --*/
#inhaltindex {
    margin-top: 45px;
}

#indiemitte {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*-- navigationfuss ist die Menüleiste auf der Startseite --*/
.navigationfuss {
    width: 10em;
    display: table-cell;
    text-align: center;
    line-height: 1.6em;
}
/*---------------------------------------------------------------------------- --*/
.Listenavigation {
    padding: 0.1em;
    margin: 0.1em;
}

.Listenformat {
    list-style-type: none;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

.navigation {
    display: block;
    padding: 0.6% 0% 1.5% 12%;
}

.navigation, .navigationfuss {
    text-decoration: none;
    font-weight: bold;
    font-size: 0.7em;
}

a.navigation, a.navigationfuss {
    text-decoration: none;
    font-weight: bold;
    font-size: 0.7em;
}

.navigation:link, .navigationfuss:link, .seitenzahlgast:link {
    color: #911f14;
    background-color: #fae0c9;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.navigation:visited, .navigationfuss:visited, .seitenzahlgast:visited {
    color: #787878;
    background-color: #fae0c9;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.navigation:hover, .navigationfuss:hover, .seitenzahlgast:hover {
    color: #ffffff;
    background-color: #787878;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.navigation:active, .navigationfuss:active, .seitenzahlgast:active {
    color: #ffffff;
    background-color: #787878;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}


.txtUrl {
    margin-left: 3%;
    font-size: 0.7em;
    font-weight: normal;
}


/*-- Formatierung der Seitenzahlen im Gästebuch/Hut - Galerie  --*/
.seitenzahlgast, .seitenzahlgastaktuell, .seitenzahlgasttext {
    display: table-cell;
    text-decoration: none;
}

.seitenzahlgasttext {
    border: 0 solid;
}

.seitenzahlgast, .seitenzahlgastaktuell, .seitenzahlgasttext {
    font-size: 0.8em;
    text-align: center;
}

.seitenzahlgast, .seitenzahlgastaktuell {
    width: 3em;
}

.seitenzahlgastaktuell {
    color: #ffffff;
    background-color: #787878;
    border-top: 1.5px solid #000000;
    border-left: 1.5px solid #000000;
    border-bottom: 1.5px solid #ffffff;
    border-right: 1.5px solid #ffffff;
}

/*-- Formatierung der Formulare --*/
input.kontakt {
    width: 30em;
    /*max-width: 80%;*/
}

textarea.kontakt {
    width: 42em;
    /*max-width: 85%;*/
}

/*-- Formatierung von Bilder --*/
.logo {
    padding: 0;
    margin: 0;
}

.img01 {
    float: left;
    padding: 0.5em;
    margin: 0.5em;
}

.img02 {
    float: left;
    margin-left: 5em;
    margin-top: 3em;
}

.img03 {
    float: right;
    padding: 0.5em;
    margin: 0.5em;
}

.img04 {
    float: right;
    margin-right: 5em;
    padding: 0.5em;
}


.menuoben {
    text-align: center;
    margin: 0% 0% 0% 13em;
}

/*-- allgemeine Textformatierungen --*/
.fett {
    font-weight: bold;
    color: white;
    background-color: #0000ff;
}

#rechtssausrichten {
    text-align: right;
    margin-top: 0.1em;
}

.zeilenabstandklein {
    padding: 0;
    margin: 0.2em;
    font-weight: bold;
}

.bemerkungklein {
    font-size: 0.8em;
}
.datenschutz {
    text-align: center;
    font-size: 0.7em;
}
    .bemerkungfett {
    font-size: 1em;
    font-weight: bold;
}

.bemerkung {
    border: 0.1em solid #787878;
    padding: 1em;
    margin-left: 30%;
}

.textmitte {
    text-align: center;
}

.textrechts {
    text-align: right;
}

.textklein {
    font-size: 0.7em;
}

.nachoben {
    padding: 1em;
    text-align: center;
    font-size: 0.7em;
}

/*-- Formatierung von Listen --*/
@media all {
    dt {
        float: left;
    }

    dd {
        padding-left: 0;
        margin-left: 8em;
    }

        dd.gross {
            padding-left: 0;
            margin-left: 14em;
        }

    dt.gross {
        padding-left: 0;
        margin-left: 1em;
    }

    dt.autor {
        float: left;
        font-size: 0.7em;
    }

    dd.autor {
        padding-left: 0;
        font-size: 0.7em;
        margin-left: 185px;
    }

    dd.klein {
        padding-left: 0;
        margin-left: 70px;
    }

    dt.gb {
        float: left;
        font-size: 1em;
    }

    dt.gbbemerkung {
        font-size: 0.9em;
        float: left;
    }

    dd.gbbemerkung {
        font-size: 0.9em;
        padding-left: 1px;
        margin-left: 6.5em;
    }

    dd.gb {
        padding-left: 1px;
        margin-left: 12em;
        font-size: 1em;
    }
}

/*-- Formatierung von Elemente und Textkörper--*/

h1, h2, h3 {
    color: #911f14;
    background-color: transparent;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

p {
    font-size: 1em;
}

/*-- Formatierung der Links --*/
a:link {
    color: #0000ff;
    background-color: #fae0c9;
}

a:visited {
    color: #787878;
    background-color: #fae0c9;
}

a:hover {
    color: #ffffff;
    background-color: #787878;
}

a:active {
    color: #ffffff;
    background-color: #787878;
}
/*- --------------- Formatierung der Links für die Bilder --*/
.Fotonavi a {
    font-size: 0.7em;
    width: 7em;
    display: inline-block;
    text-decoration: none;
    background-color: #fae0c9;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
    /*- --------------- Formatierung der Links --*/
    .Fotonavi a:link {
        text-decoration: none;
        background-color: #fae0c9;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
    }

    .Fotonavi a:visited {
        background-color: #fae0c9;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
    }

    .Fotonavi a:hover {
        background-color: #fae0c9;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
    }

    .Fotonavi a:active {
        background-color: #fae0c9;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
    }