@charset "ISO-8859-1";
  H1 {
        color: #FF9900;
        font-size: 200%;
        font-family: "Times New Roman", Times, serif;
    }
    H2 {
        color: #DD1800;
        font-size: 160%;
        font-family: "Times New Roman", Times, serif;
    }
    H3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
    }
        a:link {
        text-decoration: none;
        color: #FF9900;
        font-weight: bold;
        }
        a:visited {
        color: #FF9900;
        text-decoration: none;
        font-weight: bold;
        }
        a:hover, a:active {
        color: #CC3300;
        text-decoration: none;
        font-weight: bold;
        }
    .hr {
        height:1px;
        color: #990000;
        background-color: #990000;
        border: 0px;
    }
    .message {
        color: #FF6666;
        font-style: italic;
        font-weight: bold;
    }
html, body  {
        margin: 0; /* margin + padding im Body-Elements auf 0 für div. Browser-Standardeinstellungen. */
        padding: 0;
        text-align: center; /* Container in IE 5*-Browsern zentriert - Text im #container-Selektor Standardausrichtung left. */
        color: #FFCC99;
        background-image: url(footer-cats.jpg);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 95%;
        background-color: #000000;
        background-repeat: no-repeat;
        background-position: bottom;
        background-attachment: fixed;
        height: 100%;
    }
#container {
        width: 1060px;
        margin: 0 auto;
        text-align: left; /* Aufhebung text-align: center im Body-Element. */
        border: 0;
        min-height: 100%;
        position: relative;
    }
#header {
        padding: 0 40px 0 40px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
        background-color: #DDDDDD;
        background-image: url(header-cats.png);
        background-repeat: no-repeat;
        height: 270px;
    }
        #header h1 {
        margin: 0;
        padding: 10px 0;
        text-indent: -3000px;
    }
#navibar {
        padding: 10px 12px 0 12px;
        height: 60px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
    }
#sidebar1 {
        float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
        width: 250px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
        padding: 15px 10px 15px 70px;
        color: #FFCC99;
    }
#mainContent {
        margin: 0 0 0 330px; /* für sidebar */
        padding: 0 70px 210px 20px; /* padding unten 80px enthält footer. */
        min-height: 100px;
    }
#footer   {
        position: absolute;
        bottom: 0px;
        width: 1060px;
        height: 210px;
    }
        #footer p {
        margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
        padding: 170px 100px 10px 10px;
        text-align: right;
        color: #FF9900;
        font-size: 11px;
    }
#button {
        position:absolute;
        width:175px;
        height:172px;
        z-index:1;
        left: 900px;
        top: 110px;
        }
.y-tube-frame {
        width:625px;
        height:400px;
        }
#y-tube-01 {
        position:absolute;
        width:625px;
        height:400px;
        z-index:2001;
        visibility: hidden;
}
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
            float: right;
            margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
            float: left;
            margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
            clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }