/* Basis zur Rückstellung */

        html, body {
                font-family : Arial, Helvetica, sans-serif;
                font-size: 100.01%;
                color: #000;
                height: 100.01%;
                width: 99.9%;
                background-color: #f1ebc1;
        }

        body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
                margin: 0px;
                padding: 0px;
        }

        p {
                font-weight: normal;
                font-size: 95%;
                line-height: 1.3em;
        }

        /*HTML und Cotainer*/

        #main_section {
                height: 86%;
        }


        #top_section {
                color: black;
                height: 7%;
                padding-top:7px;
                padding-left: 20px;
        }

        #navigation {
                position: absolute;
                left: 2%;
                top:10%;
                width: 20%;
        }

        #inhalt {
                margin-left: 21%;
                margin-top: 10px;
                width: 74%;
                padding: 1em;
                background-color: #eae0a6;
                min-height: 92%;
                height: auto;
        }

        #galerie #inhalt, #adoptiert #inhalt, #auszeichnungen #inhalt {
                padding-top: 0px;
        }

        #footer {
                padding-left: 10px;
        }

        * html #inhalt { height:93%; } /* nur für IE 5.5 - 6.x */
        html + body #inhalt { height:93%; } /* nur vom IE 5.0 */

        /*Textformatierungen*/

        #inhalt h1 {
                color: #b80007;
                text-align: center;
                margin-bottom: 10px;
                font-size: 125%;
        }

        #inhalt p {
                margin-top: 0.8em;
        }

        * html #inhalt p { margin-top:0.4em; } /* nur für IE 5.5 - 6.x */
        html + body #inhalt p { margin-top:0.4em; } /* nur vom IE 5.0 */

        #footer p, #navigation p{
                font-size: 75%;
                margin-top: 5px;
        }

        .fett {
                font-weight: bold
        }

        .mitte {
                text-align: center;
        }

        .farbe {
                color: #b80007;
        }

        .gross {
                font-size: 120%;
        }

        .klein {
                font-size: 80%;
        }

        .abstand {
                margin-top: 1em;
        }

        #code {
                font-family: "Courier New", Courier, serif;
                background-color: #f1ebc1;
                border: 2px solid #b80007;
                display: table-cell;
                padding: 0.5em;
        }

        /*Header*/

        #header_rechts {
                position: absolute;
                right: 5px;
                top:2px;
        }

        #top_section h1 {
                display: none;
        }

        /*Footer*/

        #footer img {
        vertical-align: middle;
        }


        /*Linkformatierung - nicht Navigation!*/

        #inhalt a, #footer a {
                color: #b80007;
        }

        #inhalt a:link, #inhalt a:visited {
                color: #b80007;
        }

        #inhalt a:hover, #inhalt a:active, #footer a:hover, #footer a:active {
                color: #b80007;
        }

        /*Navigationsleiste*/

        #navigation h2 {
                display: none;
        }

        #navigation ul {
                margin-left: 0;
                padding-left: 0;
                list-style-type: none;
        }

        #navigation li {
                font-size: 72%;
                padding-left: 38px;
        }

        #navigation a, #navigation a:link, #navigation a:visited {
                text-decoration: none;
                font-weight: bold;
                color: #000;
        }

        #navigation a:hover {
                color: #b80007;
        }

        #shop {
                margin-top: 15px;
                margin-left: 5px;
        }

        #uebermich #a_uebermich, #termine #a_termine, #sonstiges #a_sonstiges, #ueberbaeren #a_ueberbaeren, #newsletter #a_newsletter, #agb #a_agb, #gesinfo #a_gesinfo, #datenschutz #a_datenschutz, #impressum #a_impressum, #kontakt #a_kontakt, #galerie #a_galerie, #adoptiert #a_adoptiert, #baeren #a_galerie, #bestellung #a_galerie, #auszeichnungen #a_auszeichnungen, #links #a_links, #auszeichnungen_baeren #a_auszeichnungen, #archiv #a_news {
                color: #b80007;
        }

        /*Sonstiges*/
        .clearer {
                height:1px;
                clear:both;
                float: none;
                width: 1px;
                margin: 0;
                padding: 0;
                font-size: 0px;
                line-height: 0px;
                height: 1px;
        }

        hr {
                margin-top: 0.6em;
                margin-bottom: 0.6em;
    height: 1px;
    color: #7F7F7F;
    background-color: #7F7F7F;
    border: none;
        }

         * html #inhalt hr { margin-bottom:0em; } /* nur für IE 5.5 - 6.x */
        html + body #inhalt hr { margin-bottom:0em; } /* nur vom IE 5.0 */



        #inhalt ul {
                list-style-image: url(../images/pfote_klein.gif);
                margin-left: 35px;
        }

        /*index*/

        #index_foto, #index_aktuell {
                float:left;
                margin-top: 15px;
                margin-right: 15px;
        }

        #index_foto {
                width: auto;
        }

        #index_aktuell {
                margin-left: 15px;
                width: 45%;
        }

        /*Über mich*/

        #foto_ich {
                float: left;
                margin-right: 10px;
                margin-top: 5px;
        }

        /*Newsletter*/

        #newsletter input {
                margin-top: 1em;
                vertical-align: middle;
        }

        /*Kontaktformular*/

        #inhalt label, #inhalt input, #inhalt button {
                font-size: 88%;
                line-height: 2em;
        }

        #inhalt button {
                margin-top: 1em;
                margin-right: 0.6em;
        }

        #btn_kontaktsenden {
                margin-left: 8em;
        }

        #inhalt label {
                width: 13em;
                text-align: right;
                float: left;
        }

        #inhalt input {
                display: block;
                width: 20em;
                border: 1px solid #f1ebc1;
                float: left;
                margin-left: 10px;
                margin-top: 0.2em;
                padding: 2px 2px 2px 5px;
                cursor: pointer;
                vertical-align: middle !important;
                background-color: #f1ebc1;
        }

        #inhalt textarea {
                border: 1px solid #f1ebc1;
                background-color: #f1ebc1;
                float:left;
                margin-top: 0.5em;
                margin-left: 10px;
                margin-bottom: 3px;
                font-size: 85%;
                font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
                cursor: pointer;
        }


        #inhalt input:hover, #inhalt input:focus, #inhalt textarea:hover, #inhalt textarea:focus {
                background-color: #fff;
        }

        .pflicht {
                font-weight: bold;
        }


        #inhalt input.hidden {
                display:none;
        }

        #inhalt form br {
                clear: left;
        }

        #inhalt textarea {
                padding: 2px;
        }

        #inhalt fieldset {
                border: 0;
        }

        /* nur für IE 5.5 - 6.x */
        * html #inhalt input {line-height: 1.3em;}
        * html #inhalt button {line-height: 1.3em;padding-top: 0;padding-bottom: 0px;}
        * html #inhalt textarea {width: 21em;}

        /*Galerieansicht*/

        .galerie {
                width: 48%;
                float: left;
                margin-top: 2px;
        }

        .foto, .name {
                float: left;
                width: 49%;
                height: 170px;
        }

        .name p {
                padding-top: 60px;
                font-weight: bold;
        }

        /*Detailansicht*/

        #baeren #inhalt {
                width:74% !important;
        }

        #foto_detail {
                float: left;
                width: 384px;
        }

        #detail {
                float: left;
                padding-left: 20px;
                width: 330px;
                height: 482px;
        }

        #detail1 {
                height: 403px;
        }

        #anmerkung p{
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                line-height: 1.2em;
        }

        #bestellen {
                height: 75px;
        }

        #bestellen img {
                border: 1px solid black;
        }

        #detail h1 {
                text-align: left;
        }

        #detail ul {
                margin-top: 20px;
                font-size: 95%;
                margin-left: 20px;
        }

        #detail li {
                margin-bottom: 0.4em;
        }

        /*Weitere Bilder*/

        .weitere {
                float: left;
                width: 48%;
                height: 268px;
                display:table;
                text-align: center;
                margin-top: 10px;

                      }

        .tr {
        display: table-row;
        margin: auto;
        height: 268px;
        }

        .td {
        display: table-cell;
        vertical-align: middle;
        height: 268px;

        }

        .td_inhalt {
        width: 99%;
        margin: auto;
        }

        /*Bestellformular*/

        #bestellen_baer, #bestellen_preis {
                color: #AFAFAF;
        }

        #bestellen_baer:hover, #bestellen_baer:focus, #bestellen_preis:hover, #bestellen_preis:focus {
                background-color: #f1ebc1 !important;
                cursor: default;
        }

        #chb_agb, #chb_widerruf {
                width: 2em !important;
                background-color: #eae0a6 !important;
                border: 1px solid #eae0a6 !important;
        }

        #send_bestellen #bestellen_baer, #send_bestellen #bestellen_preis {
                color: #000;
        }

        #send_bestellen #bestellen_baer:hover, #send_bestellen #bestellen_baer:focus, #send_bestellen #bestellen_preis:hover, #send_bestellen #bestellen_preis:focus {
                background-color: #f1ebc1 !important;
        }

        #send_bestellen input, #send_bestellen textarea {
                color: #000 !important;
        }

        #send_bestellen label {
                font-weight: bold;
        }

        #send_bestellen input, #send_bestellen textarea {
                color: #000;
                cursor: default;
        }

        #send_bestellen input:hover, #send_bestellen textarea:hover {
                background-color: #f1ebc1;
                cursor: default;
        }

        .hidden {
                display: none;
        }

        #lb_agb, #lb_widerruf {
                text-align: left !important;
                margin-top: -4px;
                width: 30em !important;
        }

        /*Links*/

        #logo {
                border: 1px solid black;
        }

        /*Gästebuch*/

        .gb1, .gb2 {
                padding: 5px;
                border-top: 1px solid #000;
                border-left: 1px solid #000;
                border-right: 1px solid #000;
        }

        .gb1 p, .gb2 p {
                margin-top: 0 !important;
                font-size: 90%;
        }

        .gb1 {
                background-color: #f1ebc1;
                margin-top: 5px;
                /*-moz-border-radius-topleft: 7px;
                -moz-border-radius-topright: 7px;*/
        }

        .gb2 {
                background-color: #fff;
                border-bottom: 1px solid #000;
                /*-moz-border-radius-bottomleft: 7px;
                -moz-border-radius-bottomright: 7px;*/
        }