body {
        background: #282417 url(../grafiken/bg_repeat.jpg) center 1447px repeat-y;
        margin: 0px;
        padding: 0px;
        font-family: Arial, Georgia, Times, Times New Roman, Verdana, Arial;
        font-size: 14px;
        behavior: url(/script/csshover.htc);
}


a:link, a:active, a:visited {
        color: #860000;
        text-decoration: none;
}

        a:hover {
                text-decoration: underline;
        }

.ListeMyiasis {
        width: 260px;
        min-height: 150px;
        height: auto !important;
        text-align: left;
                height: 150px;
        float: left;
        border: 3px solid #660000;
        background: #afa69a;
        margin-bottom: 10px;
        margin-left: 15px;
        padding: 2px;
        position: relative;
}

.hinweis {
        width: 400px;
        height: 130px;
        text-align: center;
        color: #660000;
        float: inherit;
        border: 3px solid #660000;
        background: #afa69a;
        margin: 0 auto;
        padding: 10px 0;

}

.tabelle {
        width: 125px;
        text-align: left;
        height: 20px;
        float: left;
        border: 1px solid #660000;
        margin-bottom: 0px;
        margin-left: 0px;
        padding: 15px;
}


.wildtier {
        width: 560px;
        text-align: center;
        height: 140px;
        float: left;
        border: 2px solid #660000;
        margin-bottom: 20px;
        margin-left: 5px;
        padding: 10px;

        }

.wildtiers1 {
        text-align: left;
        height: 130px;
        width: 180px;
        position: absolute;
        left: 330px;
        }

.wildtiers2 {
        text-align: left;
        height: 130px;
        width: 160px;
        position: absolute;
        left: 525px;
        }

.wildtiers3 {
        text-align: left;
        height: 130px;
        width: 150px;
        position: absolute;
        left: 700px;
        }
        
        
.tierheim {
        width: 500px;
        min-height: 190px;
        height: auto !important;
        text-align: left;
        height: 190px;
        line-height: 1;        
        float: left;
        border: 3px solid #660000; 
        margin-bottom: 20px;
        margin-left: 35px;
       
             

        }
        
.THName {
        text-align: left;
        font-size: larger;
        height: 45px;
        width: 190px;
        margin-top: 5px;
        position: absolute;
        left: 355px;
}

.tierheim1 {
        text-align: left;
        min-height: 130px;
        height: auto !important;
        height: 150px;
        width: 200px;
        line-height: 1;
        margin-top: 50px;
        position: absolute;
        left: 360px;
        }

.tierheim2 {
        text-align: left;
        height: 175px;
        width: 255px;
        border: 3px solid #afa69a;
        border-radius: 18px;
        line-height: 1;
        margin-top: 4px;
        position: absolute;
        left: 580px;

        }
        
.THBild1 {
        height: 50px;
        width: 50px;
        left: 15px;
        top: 5px;
        position: absolute;
}

.THBild2 {
        height: 50px;
        width: 50px;
        left: 75px;
        top: 5px;
        position: absolute;
}

.THBild3 {
        height: 50px;
        width: 50px;
        left: 135px;
        top: 5px;
        position: absolute;
}

.THBild4 {
        height: 50px;
        width: 50px;
        left: 195px;
        top: 5px;
        position: absolute;
}

.THBild5 {
        height: 50px;
        width: 50px;
        left: 15px;
        top: 95px;
        position: absolute;
}

.THBild6 {
        height: 50px;
        width: 50px;
        left: 75px;
        top: 95px;
        position: absolute;
}

.THBild7 {
        height: 50px;
        width: 50px;
        left: 135px;
        top: 95px;
        position: absolute;
}

.THBild8 {
        height: 50px;
        width: 50px;
        left: 195px;
        top: 95px;
        position: absolute;
}

.THMarker1 {
        height: 50px;
        width: 50px;
        left: 15px;
        top: 45px;
        position: absolute;
}

.THMarker2 {
        height: 50px;
        width: 50px;
        left: 75px;
        top: 45px;
        position: absolute;
}

.THMarker3 {
        height: 50px;
        width: 50px;
        left: 135px;
        top: 45px;
        position: absolute;
}

.THMarker4 {
        height: 50px;
        width: 50px;
        left: 198px;
        top: 45px;
        position: absolute;
}

.THMarker5 {
        height: 50px;
        width: 50px;
        left: 15px;
        top: 135px;
        position: absolute;
}

.THMarker6 {
        height: 50px;
        width: 50px;
        left: 75px;
        top: 135px;
        position: absolute;
}

.THMarker7 {
        height: 50px;
        width: 50px;
        left: 135px;
        top: 135px;
        position: absolute;
}

.THMarker8 {
        height: 50px;
        width: 50px;
        left: 195px;
        top: 135px;
        position: absolute;
}

.THlegende {
        width: 490px;
        min-height: 185px;
        height: auto !important;
        text-align: center;
                height: 185px;
        float: left;
        border: 3px solid #660000;
        /*background: #afa69a;*/
        left: 30px;
                margin-top: 2px;
                margin-bottom: 5px;
        margin-left: 35px;
        position: relative;
}

.THlegendeBild1 {
        height: 50px;
        width: 100px;
                top: 5px;
                left: 20px;
                text-align:center;
        position: absolute;
}

.THlegendeBild2 {
        height: 50px;
        width: 100px;
                top: 5px;
                left: 140px;
                text-align:center;
        position: absolute;
}

.THlegendeBild3 {
        height: 50px;
        width: 100px;
                top: 5px;
                left: 260px;
                text-align:center;
        position: absolute;
}     

.THlegendeBild4 {
        height: 50px;
        width: 100px;
                top: 5px;
                left: 380px;
                text-align:center;
        position: absolute;
} 

.THlegendeBild5 {
        height: 50px;
        width: 100px;
                top: 95px;
                left: 20px;
                text-align:center;
        position: absolute;
}

.THlegendeBild6 {
        height: 50px;
        width: 100px;
                top: 95px;
                left: 140px;
                text-align:center;
        position: absolute;
}

.THlegendeBild7 {
        height: 50px;
        width: 100px;
                top: 95px;
                left: 260px;
                text-align:center;
        position: absolute;
}     

.THlegendeBild8 {
        height: 50px;
        width: 100px;
                top: 95px;
                left: 380px;
                text-align:center;
        position: absolute;
} 

.downloads {
        width: 150px;
        height: 230px;
        text-align: center;
        float: left;
        margin-bottom: 10px;

}


.downloads img {
                border: 2px solid #660000;
}


.tierpensionen {
        width: 260px;
        height: 200px;
        text-align: left;
        float: left;
        border: 3px solid #78726b;
        margin-bottom: 20px;
        margin-left: 5px;
        padding: 5px;
}


.gehege {
        width: 550px;
        text-align: left;
        font-size: 16px;
        height: 100px;
        float: left;
        border: 4px solid #660000;
        background: #b6aea1;
        margin-bottom: 5px;
        margin-left: 3px;
        margin-right: 12px;
        margin-top: 10px;
        padding: 5px;
}

.unterschiede {
        width: 150px;
        min-height: 300px;
        height: auto !important;
        text-align: left;
        height: 520px;
        float: left;
        border: 2px solid #660000;
        margin-bottom: 20px;
        margin-left: 5px;
        padding: 5px;
}

.bilder-unterschied {
        margin-top: 15px;
        margin-right: 30px;
        float: right;
        width: 230px;
}

.sweetrabbits-container {
        width: 270px;
        min-height: 230px;
        height: auto;
        text-align: left;
        float: left;
        border: 5px solid #83735f;
        background: #b2aa9f;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 10px;
        padding: 5px;
}


.krankheiten {
        width: 270px;
        min-height: 300px;
        height: auto;
        text-align: left;
        float: left;
        border: 2px solid #660000;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 10px;
        padding: 5px;
}


.az-container {
        width: 270px;
        min-height: 230px;
        height: auto;
        text-align: left;
        float: left;
        border: 5px solid #660000;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 10px;
        padding: 5px;
}

.rot {

        font-weight: bold;
        color: #660000;
}

.ernaehrung {
        width: 250px;
        min-height: 550px;
        height: auto !important;
        text-align: left;
        height: 390px;
        float: left;
        border: 1px solid #660000;
        margin-bottom: 15px;
        margin-left: 5px;
        padding: 15px;
}

        .ernaehrung img {
                width: 220px;
}


.bilder-paeppeln {
        width: 270px;
        min-height: 460px;
        height: auto !important;
        text-align: left;
        height: 460px;
        float: left;
        border: 3px solid #660000;
        background: #afa69a;
        margin-bottom: 20px;
        margin-left: 5px;
        padding: 5px;
}

        .bilder-paeppeln img {
                width: 210px;
}


.link-container {
        width: 270px;
        height: 230px;
        height: auto !important;
        text-align: left;
        float: left;
        border: 5px solid #83735f;
        background: #b2aa9f;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 10px;
        padding: 5px;
}

.hasi {
        width: 18px;
        height: 17px;
        margin-right: 4px;
}



.listen-container {
        width: 170px;
        min-height: 520px;
        height: auto !important;
        text-align: left;
        height: 520px;
        float: left;
        border: 3px solid #660000;
        background: #afa69a;
        margin-bottom: 20px;
        margin-left: 5px;
        padding: 5px;
}

.TAliste {
        width: 260px;
        min-height: 150px;
        height: auto !important;
        text-align: left;
                height: 150px;
        float: left;
        border: 3px solid #660000;
        background: #afa69a;
        margin-bottom: 10px;
        margin-left: 15px;
        padding: 2px;
        position: relative;
}

.TABild1 {
        height: 40px;
        width: 40px;
        right: 0px;
        bottom: 20px;
        position: absolute;
}

.TABild2 {
        height: 40px;
        width: 40px;
        right: 0px;
        bottom: 60px;
        position: absolute;
}

.TABild3 {
        height: 40px;
        width: 40px;
        right: 0px;
        bottom: 100px;
        position: absolute;
}

.TAName {
        text-align: left;
        height: 45px;
        width: 250px;
        position: absolute;
}

.TAadresse {
        text-align: left;
        height: 50px;
        width: 220px;
        top: 55px;
        position: absolute;
}

.TAKontakt {
        text-align: left;
        height: 50px;
        width: 220px;
        bottom: 2px;
        position: absolute;
}

.TABemerkung {
        text-align: right;
        color: #860000;
                height: 18px;
        width: 100px;
        position: absolute;
        bottom: 2px;
        right: 4px;
        display:block;
     }

.TABemerkung a {
        text-decoration:none;
        display:block;
}

.TABemerkung a:hover {
        color:black;
        background:#afa69a;
        /*width:260px;*/
}

.TABemerkung a span {display:none;}

.TABemerkung a:hover span {
        text-align: left;
        background:#afa69a;
        text-decoration:none;
        position: absolute;
        top: -115px;
        right: -6px;
        min-height: 110px;
        height: auto !important;
        height: 110px;
        width: 262px;
        border:3px solid #660000;
        display:block;
        padding:-5px;
        font-size: 0.9em;
        /*font-size: small;*/
}


.TAlegende {
        width: 370px;
        min-height: 65px;
        height: auto !important;
        text-align: center;
                height: 80px;
        float: left;
        border: 3px solid #660000;
        /*background: #afa69a;*/
        left: 95px;
                margin-top: 5px;
                margin-bottom: 5px;
        margin-left: 15px;
        padding: 2px;
        position: relative;
}

.TAlegendeBild1 {
        height: 40px;
        width: 100px;
                top: 5px;
                left: 20px;
                text-align:center;
        position: absolute;
}

.TAlegendeBild2 {
        height: 40px;
        width: 100px;
                top: 5px;
                left: 140px;
                text-align:center;
        position: absolute;
}

.TAlegendeBild3 {
        height: 40px;
        width: 100px;
                top: 5px;
                left: 260px;
                text-align:center;
        position: absolute;
}


.abszesse {
        margin-top: -30px;
        margin-right: 30px;
        float: right;

}

.einleitung {
        margin-top: -30px;
        margin-right: 30px;
        float: right;
        width: 150px;

}

.rassen {
        margin-top: -10px;
        margin-right: 30px;
        float: right;
        width: 180px;

}

.gnadenwiese {
        margin-top: -30px;
        margin-right: 30px;
        margin-left: 10px;
        margin-bottom: 5px;
        float: right;
        width: 300px;

}

.shopbilder {
        margin-top: -30px;
        margin-right: 30px;
        margin-left: 10px;
        margin-bottom: 5px;
        float: right;
        width: 200px;

}

.pressebild {
        position: left;
        margin-top: -40px;
        margin-left: 350px;
        margin-right: 30px;
        height: 180px;
        padding: 2px;
        border: 2px solid #660000;

}

.foto-container {
        width: 150px;
        height: 230px;
        text-align: center;
        float: left;
        margin-bottom: 10px;

}

        .foto-container a {
                margin-bottom: 20px;

}

        .foto-container img {
                border: 2px solid #660000;
}


.bildersonstige {
        position: absolute;
        margin-top: -30px;
        margin-left: 440px;
        height: 150px;
        padding: 2px;

}

.teambild {
        margin-top: -30px;
        margin-right: 20px;
        margin-left: 10px;
        margin-bottom: 5px;
        float: right;
        width: 100px;
        border: 2px solid #660000;

}


.clear {
        clear: both;
}

#bg-top {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 1447px;
                background: url(../grafiken/bg_top.jpg) top center no-repeat;
        }

#container {
        position: absolute;
        width: 950px;
        left: 50%;
        margin-left: -475px;
}

#container #navigation-top {
        position: absolute;
        left: 490px;
        top: 10px;
        width: 460px;
        height: 40px;

        text-align: right;
}

        #container #navigation-top a {
                display: block;
                float: right;
                padding-right: 20px;
                margin-right: 10px;
                background: url(../grafiken/navigation-top_devider.gif) top right no-repeat;

                font-size: 13px;
                text-transform: uppercase;
                color: #300101;
                text-decoration: none;
                line-height: 40px;
        }

                #container #navigation-top a:hover {
                        color: black;
                        text-decoration: underline;
                }

                #container #navigation-top a.last {
                        padding: 0px;
                        margin: 0px;
                        background: none;
                }

#container #navigation-main {
        position: absolute;
        left: 30px;
        top: 105px;
        width: 450px;
        height: 235px;
        z-index: 200;
}

        #container #navigation-main ul {
                  width: 126px;
                  margin: 0px;
                  padding: 0px;
                z-index: 300;
        }

        #container #navigation-main li {
                  list-style: none;
                  position: relative;
                  vertical-align: bottom;
                  margin-bottom: 12px;
        }

        #container #navigation-main ul a {
                  color: #290003;
                  display: block;
                  vertical-align: bottom;
                  padding-left: 18px;
                  background: url(../grafiken/navi-deco.gif) top left no-repeat;
        }

        #container #navigation-main ul ul {
                  position: absolute;
                  left: -3000px;
                  padding: 5px 10px;
                  background: #e7dcda url(../grafiken/bg_flyout.gif) top left repeat-y;
                  width: 160px;
                  z-index: 400;
        }

        #container #navigation-main ul ul li {
                padding-bottom: 5px;
                padding-top: 5px;
                margin: 0px;
                border-bottom: 1px solid #f4efec;
        }

        #container #navigation-main ul li:hover ul {
                  left: 120px;
                  top: 0px;
        }

                * html #container #navigation-main ul li:hover ul {
                        left: 120px;
                        top: 0px;
                        z-index: 2000;
                }

                * html #container #navigation-main ul a,
                * html #container #navigation-main ul,
                * html #container #navigation-main li {
                        height: 1%;
                }


#container #heading {
        position: absolute;
        left: 190px;
        top: 100px;
        width: 747px;
        height: 260px;

        text-align: right;
        color: white;
        font-size: 14px;
        line-height: 18px;
        z-index: 100;
}

        #container #heading h1 {
                margin: 20px 0px 20px 0px;
                font-size: 28px;
                line-height: 36px;
                font-weight: normal;
        }

#container #extra {
        position: absolute;
        left: 320px;
        top: 390px;
        width: 620px;
        height: 15px;
        text-align: right;
}

        #container #extra h1 {
                color: white;
                margin: 0px;
                padding: 0px;
                font-weight: normal;
                font-size: 11px;
                letter-spacing: 1px;
        }

#container #content {
        position: absolute;
        top: 450px;
        width: 950px;
}

#container #content #column-left {
        float: left;
        margin-top: 50px;
        width: 255px;
        margin-left: 20px;
}

        * html #container #content #column-left {
                margin-left: 10px;
        }

        #container #content #column-left .box {
                width: 248px;
                margin-bottom: 30px;
        }

                #container #content #column-left .box .top {
                        width: 248px;
                        height: 15px;
                        background: url(../grafiken/box/box_bg-top.jpg) top left no-repeat;
                }

                        * html #container #content #column-left .box .top {
                                margin-bottom: -1px;
                        }

                #container #content #column-left .box .middle {
                        width: 208px;
                        background: url(../grafiken/box/box_bg-middle.jpg) top left repeat-y;
                        padding: 20px;
                        color: #5f5f5f;
                }

                        * html #container #content #column-left .box .middle {
                                width: 248px;
                        }

                #container #content #column-left .box .bottom {
                        width: 248px;
                        height: 28px;
                        background: url(../grafiken/box/box_bg-bottom.jpg) top left no-repeat;
                }

                #container #content #column-left .box h2 {
                        margin: -29px -14px 10px -14px;
                        padding: 10px 15px 10px 15px;
                        background: #6c0008;
                        color: white;
                        border-bottom: 1px solid #370000;
                        font-size: 18px;
                        font-weight: normal;
                        line-height: 18px;
                        text-transform: uppercase;
                        position: relative;
                }

                #container #content #column-left .box strong {
                        color: #252525;
                }

#container #content #column-right {
        float: right;
        width: 630px;
        min-height: 600px;
        height: auto !important;
        height: 600px;
        margin-right: 10px;
        font-size: 14px;
        color: #3d3d3d;
}

        #container #content #column-right .hr {
                        border: 0px solid white;
                        padding: 0px;
                        width: 615px;
                        height: 11px;
                        background: none;
                        background: url(../grafiken/hr-big.gif) top left no-repeat;
                        margin: 20px 0px 20px -2px;
        }


        #container #content #column-right .left {
                float: left;
                width: 300px;
        }

                #container #content #column-right .left .hr,
                #container #content #column-right .right .hr {
                        border: 0px solid white;
                        padding: 0px;
                        width: 287px;
                        height: 11px;
                        background: none;
                        background: url(../grafiken/hr-small.gif) top left no-repeat;
                        margin: 20px 0px 20px -2px;
                }

        #container #content #column-right .right {
                float: left;
                width: 300px;
                margin-left: 20px;
                }

        #container #content #column-right h2 {
                font-size: 22px;
                color: #860000;
                font-weight: normal;
                text-transform: uppercase;
                padding-left: 25px;
                background: url(../grafiken/headline-deco.gif) 0px 2px no-repeat;
                line-height: 22px;
                margin: 0px 0px 10px 0px;
        }



        #container #content #column-right .TAliste img {
                padding: 0px;
                border: none;
                border-style: none;
                }
                
        #container #content #column-right .tierheim img {
                padding: 0px;
                border: none;
                border-style: none;
                }

        #container #content #column-right .THlegende img {
                padding: 0px;
                border: none;
                border-style: none;
                }

                 #container #content #column-right .TAlegende img {
                padding: 0px;
                border: none;
                border-style: none;
                }

        #container #content #column-right img {
                padding: 2px;
                border: 4px solid #660000;
                }




#container #content #footer {
        width: 950px;
        height: 183px;
        margin-left: -1px; /* FÙr Firefox */
        background: url(../grafiken/bg_footer.jpg) bottom left no-repeat;
}

        * html #container #content #footer {
                margin-left: 0px; /* FÙr den IE */
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {
                  #container #content #footer {
                          margin-left: 0px; /* FÙr Safari und Chrome */
                  }
        }