* {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: helvetica;
    src: url("../fonts/Helvetica.ttf");
}

html, body {
    background-color: #000000;
    /*background-image: url("../img/krebs.PNG");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    margin: 0px;
    padding: 0px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: Helvetica, sans-serif;
}

#container {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    /*background-color: #ff6a00;*/
}

#header {
    background-color: rgba(44, 44, 44, 0.60);
    padding: 0px;
    height: 140px;
}

#content {
    /*position: absolute;*/
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

#contentImage {
    /*width: 100%;*/
    width: 1200px;
    /*height: 800px;*/
    opacity: 1;
}

#footer {
    /*background-color: rgba(39, 39, 42, 0.83);*/
    width: 100%;
    height: 140px;
    bottom: 0px;
    position: absolute;
    background-color: #5E5E5E;
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}

#impressumText {
    text-align: left;
    padding: 0px;
    color: white;
    /* font-size: 1em; */
    line-height: 18px;

}




@font-face {
    font-family: helvetica;
    src: url("../fonts/Helvetica.ttf");
}



#mainMenu {
    position: absolute;
    margin-top: 0px;
    width: 270px;
    height: 100%;
    /*float: left;*/
    margin-left: 10%;
    padding: 0px;
    /*background-color: rgba(21, 22, 22, 0.49);*/
    /*background-color: #5E5E5E;*/
    /* These three lines are for transparency in all browsers. */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .9;
    z-index: 100;*/
}

#mainMenuImage {
    left: 600px;
    width: 400px;
    float: right;
}

#mainMenuContent {
    width: 270px;
    height: 100%;
    float: left;
    margin-left: 15%;
    padding: 0px;
}

#mainMenuHeader {
    background-color: rgba(21, 22, 22, 0.49);
    height: 100px;
    color: white;
    padding-top: 0px;
    background-color: #5E5E5E;
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}

#mainMenuHeaderText {
    position: relative;
    top: 25%;
    color: #000000;
    font-size: 35px;
    font-weight: 900;
    padding-left: 0px;
}

#mainMenuFooter {
    background-color: rgba(39, 39, 42, 0.83);
    height: 140px;
    margin-top: 5px;
    width: 260px;
    bottom: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    /*position: absolute;*/
    background-color: #5E5E5E;
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}

    #mainMenuFooter a {
        color: white;
        text-decoration: none;
    }

#menuwrapper {
    margin-top: 20px;
}

.mainMenuText {
    font-family: arial;
}

#Titel {
    margin-left: -7px;
}

h1 {
    font-family: arial, Helvetica, sans-serif;
}