.contentUnstainedBackground {
    width:100%;
    min-height:100%;
    height:auto;
    margin-top:0px;
    float:left;
    position: absolute;
    z-index: 2;
}


.contentUnstainedImage img {
    width:auto;
    height: 1100px;
    z-index: -1;
    float: left;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    position: absolute;
    margin-top:15px;
}

/*

.contentUnstainedImage {
    background: url("../images/unstained_teambild.png") no-repeat fixed;
    background-position: right -160px center;
    background-size: auto 100%;
    width:100%;
    height:1100px;
    margin-left:0px;
    z-index: 0;
    float: left;        
}
*/
#contentUnstainedUnterschriften {
    width:200px;
    height: 100px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right: auto;
    margin-top:700px;
    position: absolute;
    z-index: 2;
}
#contentUnstainedDanielUnterschrift {
    width:200px;
    height: 100px;
    margin-left:-600px;
    transform: rotate(-8deg);
    margin-top:-530px;
    position: absolute;
}
#contentUnstainedNicoUnterschrift {
    width:120px;
    height: 100px;
    transform: rotate(-8deg);
    margin-top:-530px;
    margin-left:-200px;
    position: absolute;
}
#contentUnstainedMarvnUnterschrift {
    width:120px;
    height: 100px;
    transform: rotate(-8deg);
    margin-top:-280px;
    margin-left:260px;
    position: absolute;
}

#contentUnstainedJannisUnterschrift {
    width:140px;
    height: 100px;
    transform: rotate(-8deg);
    position: absolute;
    margin-left:400px;
    margin-top:-30px;
}
#contentUnstainedKBUnterschrift {
    width:220px;
    height: 100px;
    position: absolute;
    transform: rotate(-8deg);
    margin-top:40px;
    margin-left:-30px;
}
#contentUnstainedNicoleUnterschrift {
    width:200px;
    height: 100px;
    margin-left:-320px;
    margin-top:50px;
    transform: rotate(-8deg);
    position: absolute;
}

#UnstainedGoBack {

}
#UnstainedGoBack img {
    width:20px;
    height:auto;    
    transform: scaleX(-1);
    float:left;
    margin-left:55px;
}


.contentUnstainedBackgroundSubsite {
    width:auto;
    height:100%;
    z-index: -1;
    position: absolute;
    /*opacity: 0.1;   */
    overflow: hidden;
    margin-left:0px;
}
img#contentUnstained_KB_Background {
    height:120%;
    width:auto;
    margin-top:0px;
    margin-left:150px;
    opacity: 0;
}
img#contentUnstained_Marvn_Background {
    height:100%;
    width:auto;
    margin-top:0px;
    margin-left:0px;
    opacity: 0;
}
img#contentUnstained_Jannis_Background {
    height:100%;
    width:auto;
    margin-top:0px;
    margin-left:100px;    
    opacity: 0;
}
img#contentUnstained_Daniel_Background {
    height:100%;
    width:auto;
    margin-top:60px;
    margin-left:150px;        
    opacity: 0;
}
img#contentUnstained_Nicole_Background {
    height:130%;
    width:auto;
    margin-top:100px;
    margin-left:150px;        
    opacity: 0;
}
img#contentUnstained_Nico_Background {
    height:100%;
    width:auto;
    margin-top:60px;
    margin-left:50px;        
    opacity: 0;
}

    /* Swipe-Out Effect */
    img#contentUnstainedBackground-SwiteOut {
        width:0;
    }

#contentUnstainedTitle {    
    width:auto;
    min-width:1300px;
    height:auto;
    min-height:80px;
    float:left;
    margin-top:150px;
    margin-left:550px;
    font-family: georgea;
  
}

#contentUnstainedTitle_Name_F1 {
    width:auto;
    height:auto;
}
#contentUnstainedTitle_Name {
    color:#ffffff;
    letter-spacing: 10px;
    opacity: 0;   
    font-size:70pt;   
    float:left;
}

#contentUnstainedTitle_funktion_1 {
    color:#cfaa5c;
    letter-spacing: 10px;
    opacity: 0;
    font-size:30pt;
    padding-top:53px;
}
#contentUnstainedTitle_funktion_2 {
    color:darkgray;
    font-size:45pt;
    margin-top:-8px;
    position: absolute;
    opacity: 0;
}
#contentUnstainedTitle_funktion_3 {
    color:#ffffff;
    opacity: 0;    
    font-size:15pt;
    margin-top:200px;
    margin-left:100px;
    float: right;
    text-align: right;
    font-family: geo_sans_light;
    letter-spacing: 2px;
}
#contentUnstainedTitle_funktion_3 p {
    line-height: 8px;
    margin-top:20px;
}

@media (min-width:2000px) {
    #contentUnstainedTitle {
        width:auto;
        min-width:1300px;
        height:auto;
        min-height:80px;
        float:left;
        margin-top:150px;
        margin-left:650px;
        font-family: georgea;  
    }
    #contentUnstainedTitle_funktion_3 {
        color:#ffffff;
        opacity: 0.9;    
        font-size:15pt;
        margin-top:200px;
        margin-left:100px;
        float: right;
        text-align: right;
        font-family: geo_sans_light;
        letter-spacing: 2px;
        margin-right:-250px;
    }    
}    


#subNavi {
    width:10px;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    float:right;
    right:0;
    position: fixed;
    transition: width 1s, border 1s;
    z-index:100;
    padding-top:100px;
    border-left:solid 2px #ab8433;
    animation: subNaviFadeOut 3s;
}
#subNaviInnerBorder {
    border-bottom:solid 1px #cfaa5c;
    width:0px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    transition: width 0.6s;
   
}
#subNavi:hover {
    width:350px;
}


@keyframes subNaviFadeOut {
  from {width: 350px;}
  to {width: 10px;}
}

/*
#subNavi:hover {
    width:350px;
    border:0;
}
*/
#subNaviCard {
    width:340px;
    margin-left:10px;
    height:100px;
    margin-top:20px;
    opacity: 1;
    cursor: pointer;
}
#subNaviCard:hover #subNaviInnerBorder {
    width:80%;
    visibility: visible;
}
#subNaviCard img {
    float:left;    
    padding-left:0px;
    padding-top:10px;
    width:80px;
    height:80px;
}
#subnaviCardHeadline {
    font-size:22pt;
    color:#ffffff;
    text-align: left;
    width:230px;
    position: relative;
    margin-left:110px;
    padding-top:15px;
    font-family: BebasNeue-Regular;
    letter-spacing: 2px;
}
#subnaviCardSubline {
    font-size:22pt;
    color:#cfaa5c;    
    width:230px;
    margin-left:110px;
    text-align: left;
    font-family: BebasNeue-Regular;
    letter-spacing: 2px;
}

#contentUnstainedAboutUnstained {
    position: absolute;
    width:1000px;
    height:700px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    margin-top:150px;
    opacity: 0;
    z-index: 0;
    font-family: geo_sans_light;
    font-size: 14pt;
}
#contentUnstainedAboutUnstained a {
    color:#cfaa5c;
    cursor: pointer;
}

#contentUnstainedAboutUnstainedHeadline {
    color:#cfaa5c;
    font-size:50pt;
    font-family: georgea;    
    margin-top:20px;
    margin-bottom:30px;
}

#ueberUnstainedButton {
    float:right;
    width:auto;
    height:auto;
    margin-top:840px;
    margin-right:200px;
}
#ueberUnstainedButton img {
    width:200px;
    height:auto;
}
#ueberUnstainedButton img:hover {
    cursor: pointer;
}