#mitte {
        position: absolute;
        height: 40%;
        width: 40%;
        top: 30%;
        left: 30%;
        z-index=2;
}

#textPos { position:absolute; top:130px; left:234px; width: 702px; z-index:1;}

#textPos2 { position:absolute; top:130px; left:203px; width: 302px; z-index:1;}

#textPosVita { position:absolute; top:130px; left:130px; width: 351px; z-index:1;}

#bilderGalerie { position:absolute; top:0px; left:0px; z-index:1;}

#textInhalt {
         font: 12px/16px 'OpenSansSemibold', Arial, sans-serif;
         color: #000;
         background-color:#CCCCCC;
         filter:alpha(opacity=8);
         opacity:0.8;
         padding: 15px 15px 15px 15px;
}

#textInhalt2 {
         font: 14px/20px 'OpenSansSemibold', Arial, sans-serif;
         color: #000;
         background-color:#CCCCCC;
         filter:alpha(opacity=8);
         opacity:0.8;
         padding: 15px 15px 15px 15px;
}

#textInhaltVita {
         font: 14px/14px 'OpenSansSemibold', Arial, sans-serif;
         color: #000;
         background-color:#CCCCCC;
         filter:alpha(opacity=8);
         opacity:0.8;
         padding: 15px 15px 15px 15px;
}

#oben {

         position:fixed;
         top:0px; left:0px;
         z-index:7;
}

#obenGalerie {

         position:fixed;
         top:0px; left:0px;
         z-index:7;
         filter:alpha(opacity=3);
         opacity:0.3;
}

#obenGalerie:hover{

         filter:alpha(opacity=10);
         opacity:1.0;

}

#menu {
        width: 1000px;
        margin: 70px 0px 0px 0px;

}

/* Menupunkte Galerie Überschriften */

#menu h3 {
        font-size: 10px;
        /* color: #fff; */
        color: #F4094A;
        padding: 5px;
        margin: 0;
        background: #000;
        line-height: 12px;
}

/* Überschrift Müllers Kabinett */

#menu h2 {
        float: left;
        margin: -10px 0 0 -20px;
        padding: 0px 20px 0px 35px;
        font: 14px 'OpenSansSemibold', Arial, sans-serif;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 2px;
        color: #fff;
        background: #000;
}

#menu ul {
        margin: 0 auto;
        list-style: none;
        font-size: 10px;
        padding: 0px;
}

#menu ul li {
        float: left;
        margin: -10px 0 0 0px;
        font: 14px 'OpenSansSemibold', Arial, sans-serif;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 2px;
        background: #999;
}

/* Hauptmenupunkte oben*/

#menu ul li a {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu ul li a:hover {
        color: #000;
}




#menu ul ul {
        position: absolute;
        top: -9999px;
        /* welcher Background*/
        background: #fff;
        padding: 30;
        margin: 55px 0px 0px 22px;
        -webkit-box-shadow: 0 10px 20px #000;
        -moz-box-shadow: 0 10px 20px #000;
        box-shadow: 0 10px 20px #000;
}



#menu ul li:hover ul {
        top: 55px;
}

#menu ul ul li {
        float: none;
        font-size: 10px;
        padding: 5px 10px 5px 15px;
        text-align: left;
        text-transform: uppercase;
        margin: 0;
        border-top: 1px solid #ddd;
        line-height: 8px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

/* aufgeklappte Menupunkte*/
#menu ul ul a {
        color: #000;
        text-decoration: none;
}

#menu ul ul li.all {
        font-size: 10px;
        border-bottom: none;
        text-transform: none;
}

#menu ul ul li:hover {
        background: #333;
        color: #fff;
}

@font-face {
    font-family: 'OSPDIN';
    src: url('../fonts/OSP-DIN-webfont.eot');
    src: url('../fonts/OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OSP-DIN-webfont.woff') format('woff'),
         url('../fonts/OSP-DIN-webfont.ttf') format('truetype'),
         url('../fonts/OSP-DIN-webfont.svg#OSPDIN') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}