/* ################ */
/* # CSS Document # */
/* ################ */



html, body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #e9ecee;
        color: #5A5052;
        height:100%;
        padding: 0;
        margin: 0;
        text-align: center;
}

a {
        text-decoration: underline;
        color: #f54b00;
}

#page {
        font-size: 11px;
        line-height: 1.6;
        padding: 0;
        margin:0 auto;
        width: 960px;
        height: 691px;
        background-image: url(../img/hintergrund_page.jpg);
        text-align: left;
}

#links {
        position: absolute;
        margin-left: 33px;
        margin-top: 198px;
        width: 158px;
        height: 403px;
        background-color: #fff58c;
        background-image: url(../img/menu_schatten.jpg);
        background-position: right;
        background-repeat: no-repeat;
        border: 0px solid;
        z-index:4;
}

#schatten-u {
        position: absolute;
        padding: 0px;
        margin-left: 33px;
        margin-top: 593px;
        width: 150px;
        height: 8px;
        background-image: url(../img/menu_schatten_unten.jpg);
        background-repeat: no-repeat;
        border: 0px solid;
        z-index:4;
}

#clown {
        position: absolute;
        padding: 0px;
        margin-left: 172px;
        margin-top: 38px;
        width: 185px;
        height: 282px;
       /* background-image: url(../img/clown.gif);  */
        background-repeat: no-repeat;
        border: 0px solid;
        z-index:3;
}

#figur-tanz {
        position: absolute;
        margin-top: 82px;
        margin-left: 532px;
        width: 69px;
        height: 73px;
        background-image: url(../img/figur-tanz.jpg);
}

#figur-ball {
        position: absolute;
        margin-top: 15px;
        margin-left: 707px;
        width: 49px;
        height: 141px;
        background-image: url(../img/figur-ball.jpg);

}

#figur-sitz {
        position: absolute;
        margin-top: 99px;
        margin-left: 912px;
        width: 46px;
        height: 114px;
        background-image: url(../img/figur-sitzen.jpg);
        border: 0px solid;
}

#mitte {
        position: absolute;
        margin-left: 234px;
        margin-top: 156px;
        width: 710px;
        height: 479px;
        background-color: #ffffff;
        background-image: url(../img/inhalt_schatten_r.jpg);
        background-position: right;
        background-repeat: no-repeat;
        border: 0px solid;
        z-index: 2;
}

#inhalt {
        position: absolute;
     /*   overflow-y: auto;
        overflow-x: hidden; */
        text-align: justify;
        margin-top: 20px;
        margin-left: 63px;
        width: 360px;
        height: 434px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 20px;
        border: 0px solid;
        z-index: 5;
}

#seitenzahlen {
        position: absolute;
        font-style: italic;
        top: 10px;
        right: 20px;
        border: 0px solid;
}

#aktuell-inhalt-bilder {
        position: absolute;
        margin-top: 20px;
        right: 20px;
        width: 224px;
        height: 444px;
        padding-top: 0px;
        padding-left: 0px;
        border: 0px solid;
}

#inhalt-bilder {
        position: absolute;
        margin-top: 20px;
        right: 20px;
        width: 224px;
        height: 444px;
        padding-top: 0px;
        padding-left: 0px;
        border: 0px solid;
}

#aktuell {
        position: absolute;
        width: 224px;
        padding-top: 93px;
        text-align: center;
        line-height: 1.1;
        font-size: 30px;
        color: #ffffff;
        border: 0px solid #000000;
}

#sonstiges {
        position: absolute;
        width: 224px;
        padding-top: 73px;
        text-align: center;
        line-height: 1.1;
        font-size: 30px;
        color: #5A5052;
        border: 0px solid #000000;
}

#schatten-inhalt-u {
        position: absolute;
        padding: 0px;
        margin-left: 0px;
        margin-top: 471px;
        width: 702px;
        height: 8px;
        background-image: url(../img/inhalt_schatten_u.jpg);
        background-repeat: no-repeat;
        border: 0px solid;
        z-index:4;
}

#logo {
        position: absolute;
        padding-left: 14px;
        padding-top: 19px;

}

#navigation {
        width: 150px;
        margin-left: 20px;
        margin-top: 20px;
       /* border-right: 1px solid #dfe2e4; */
}

#navigation a {
        font-size: 12px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
}

#navigation a.style1 {
        color: #5A5052;
        padding-top: 7px;
        width: 150px;
        height: 22px;
        float: left;
       /* border-top: 1px solid #dfe2e4; */
}

/*#navigation .rahmen {
        width: 150px;
        border-top: 1px solid #dfe2e4;
        font-size: 0px;
        line-height: 0px;
        clear: both;
}     */

#navigation a:hover {           /*hover farbe der hauptpunke*/
        color: #e2001a;
}

#navigation a.aktiv {           /*aktiv farbe der hauptpunke*/
        color: #e2001a;
}

#navsecondlevel {
        padding-top: 0px;
}

#navsecondlevel a {
        padding-top: 5px;
        padding-left: 10px;
        color: #a5adb2;
        text-transform: none;
        display: block;
}

#navsecondlevel a:hover {           /*hover farbe der unterpunke*/
        color: #5A5052;
}

#navsecondlevel a.aktiv {          /*aktiv farbe der unterpunke*/
        color: #5A5052;
}

#subnavigation {
        padding-top: 30px;
}

#subnavigation a {
        color: #a5adb2;
        text-decoration: none;
        font-weight: bold;
        padding-left: 30px;
        padding-bottom: 15px;
        display: block;
}

#subnavigation a.aktiv {
        color: #a5adb2; /*#50575c; */
}

#footer {
        position: absolute;
        margin-top: 640px;
        margin-left: 234px;
        width: 702px;
        padding: 0px;
        font-size: 9px;
        border: 0px solid;
}
#footer-links {
        width: 351px;
        float: left;
        text-align: left;
        border: 0px solid;
}

#footer-rechts {
        width: 351px;
        float: right;
        text-align: right;
        border: 0px solid;
}

#seitennavigation {
        position: absolute;
        top: 410px;
        left: 10px;
        width: 360px;
        padding: 5px 5px 0 0px;
        border: 0px solid;
}

#seitennavigation .seiten {
        float: left;
}

#seitennavigation .seiten a {
        color: #50575c;
        font-weight: bold;
        text-decoration: none;
        padding: 5px;
}

#seitennavigation .seiten a.aktiv {
        color: #e2001a;
        font-size: 12px;
        padding: 5px 5px 5px 5px;

}

#seitennavigation .weiter {
        float: right;
        font-size: 12px;
}

#seitennavigation .weiter a {
        color: #e2001a;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        padding: 5px 0px 5px 10px;

}

input, select {
        width: 240px;
        margin-bottom: 8px;
}

textarea {
        margin-left: 80px;
        width: 240px;
        height: 100px;

}

label {
        clear: both;
        float: left;
        width: 80px;
        margin-bottom: 8px;
}

#submit {
        width: 80px;
}