body{
    padding-top: 0px;
    background-size:cover;

    
    background-image:url('Hintergrund.png');
    
    
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position: 0 center;

    overflow-x:hidden;
}

h2{
    font-size: 80%;
    color:black;
    
}
.msHeadline{
     /*color: rgb(255, 150, 1);*/
     /*color:black;*/
}
.hcHeadline
{
     /*color: rgb(77, 255, 10);*/
}
.divFooter {
    position:absolute;
    width: 87.8%;
    bottom: 0px;
    background-color: white;
    left: 13.2%;
}
.logo{
   background-size:cover;
}
div{
    font-family:Calibri;
}

center{
    background-attachment:fixed;
    
}
.buttons{
    background-size:cover;
    background-color:transparent;
    height: 7.8125%;
    position:relative;
    /*height:auto;*/
    border:none;
   
}
.button-left{
    background-image:url('LogoLinks.png');
}
.button-left:hover{
    background-image:url('LogoLinksHover.png');
}
.button-right{
    background-image:url('LogoRechts.png');
    
}
.button-right:hover{
    background-image:url('LogoRechtsHover.png');
    border:none;
}
.navBar
{
    background-color:white;
    height:120px;
    width:100%;
    margin-top:-8px;
    left:0;
    position:absolute;
}
.navBarSpan{
    align-items:baseline;
}
.balken {
    float:right;
    height: 60px;
    width:10%;
    position:absolute;
    color:white;
    font-family:"Futura";
    margin-top:112px;
    margin-left:-8px;
}
.balkentwo{
    float:left;
    height: 100%;
    position:fixed;
    margin-top:0px;
    bottom:0;
}
.leftSideTTop
{
    float:left;
    height: 60px;
    position:absolute;
    color:white;
    font-family:"Futura";
    margin-left:-8px;
    margin-top:112px;
}
.leftSideTRight{
    float:left;
    height: 100%;
    margin-left: 160px;
    position:fixed;
    margin-top:0px;
    bottom:0;
    border-right:solid white;
}
.tLogo{
     background-color: rgb(255, 150, 1);
     
}
.headersection{
    position:absolute;
   
}
.language{
    margin-right:5px;
    position:relative;

}
.language:hover {
    cursor: pointer;
}
.homeLogo{
    height:48px;

    margin-left:30px;
    width: auto;
}
.homeLogo:hover{
    cursor:pointer;
}
.contacts{
    background-size:cover;
    margin-left:930px;   
}
.headerLink{
    color:grey;
    text-decoration:none;
    margin-left:0px;
    padding: 15px 25px;
    padding-top:25px;
    font-size:100%;
    font-weight:900;
}
.headerLink:hover{
    color:black;
}
.act{
    color:white;
    text-decoration:none;
    text-align:center;
    height:60px;
}
.information-area{
 display:block;
 text-align:justify;
 color:grey;
 font-size:18px;
 position:relative;
}

.english
{
    display: none;
}



.orangteText{
    color:rgb(255, 150, 1);
    /*font-weight:bolder;*/
}
.sideMenu{
    position:relative;

    top:100px;
}
.colorText{
    /*color: rgb(255, 150, 1);*/
    color:black;
    font-weight:bold;
}
.greenColorText
{
    /*color:rgb(77,255,10);*/
    color:black;
    font-weight:bold;
}
.menubars{
    color:black;
    position:relative;
    left: 20px;
    
    padding-right:5px;
}
.menubars:hover{
    cursor:pointer;
}

.homeImage{
    height:auto;
}
.diashow{
    position:relative;
    
}
#leftDiashowDiv{
    position:relative;
}
#leftDiashowDiv img{
    display: none;
    height: 38.8888%;
    width: auto;
    position: absolute;
}
#rightDiashowDiv{
    position:relative;
}
#rightDiashowDiv img{
    position:absolute;
    height:38.8888%;
    width: auto;
    display:none;
}
#welcomeToFostech{
    position:relative;
}

.tableContainer{
    position:relative;
}
.imgsSection{
    height:40%;
    width:auto;
    margin-bottom: 20px;
}

.imgContClass{
    position:absolute;
}
.smBr{
    display:block;
    margin:5px 0;
}
@font-face{
    src:url('Optima.TTF');
    font-family:'Optima';
    font-style:normal;
}