.leitbildback {
         background: #FFFFFF url(../pics/lilie_CC0033.jpg) no-repeat 3% center;
         width: 100%;
         height: 100%;
         background-size: 200px 200px;
         position: fixed;
}

.leitbildheader {
        position: relative;
        overflow: hidden;
        background: #CC0033;
        width: 100%;
        height: 5%;
        color: #FFFFFF;
        text-indent: 5%;
}

.leitbildheader h2 {
         background: #CC0033;
         color: #FFFFFF;
         text-decoration: underline;
         text-indent: 10%;
}

.leitbildtext {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        color: #CC0033;
        text-indent: 5%;
}

.leitbildtext h3 {
         color: #CC0033;
         text-decoration: underline;
         text-indent: 15%;
         width: 85%
}

.leitbildtext p {
         color: #CC0033;
         width: 100%;
         text-align: justify;
         text-justify: inter-word;
}

.mytable {
         text-indent: 0%;
         width: 60%;
         position: relative;
         left: 20%;
}

.wiwo {
        position: relative;
        overflow: hidden;
        background: #FFFF00;
        width: 100%;
        height: 100%;
        color: #000000;

}

.gusp {
        position: relative;
        overflow: hidden;
        background: #009966;
        width: 100%;
        height: 100%;
        color: #FFFFFF;

}

.caex {
        position: relative;
        overflow: hidden;
        background: #333399;
        width: 100%;
        height: 100%;
        color: #FFFFFF;

}

.raro {
        position: relative;
        overflow: hidden;
        background: #CC0033;
        width: 100%;
        height: 100%;
        color: #FFFFFF;

}

/* Overlay style */
.overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #CC0033;
}

/* Overlay closing cross */
.overlay .overlay-close_white {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(../images/cross_white.gif) no-repeat center center;
        text-indent: 200%;
        color: transparent;
        outline: none;
        z-index: 100;
}

.overlay .overlay-close_black {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(../images/cross_black.gif) no-repeat center center;
        text-indent: 200%;
        color: transparent;
        outline: none;
        z-index: 100;
}

@media screen and (max-height: 30.5em) {
        .overlay nav {
                height: 70%;
                font-size: 34px;
        }
        .overlay ul li {
                min-height: 34px;
        }
}