.ffour {
padding: 0px 0px 0px 0px;
font-size: 10pt;
font-family:sans-serif;
color: black;
text-align: left;
letter-spacing: 1px;
width: 100%;
height: 80%;
top: 10%;
position: absolute;
background-color: rgba(200,200,200, 0.5);
}

.fourcontainer
{
background-image: url('four.png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-color:navajowhite;

position: absolute;
/*border: 5px solid #000000;*/
height:100%;
width:100%;
min-width: 950px;
/*width: 80%;
min-width: 1200px; */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#fourlogo {
    position: absolute;
    top: 3%;
    left: 6%;
    height:10%;
    padding: 0px;
    
}

#fourmenucontainer {
    position:absolute;
    left: 5%;
    top: 15%;
}

.fourmenu {
    /*border: 2px solid gray;
    background-color: rgba(200,200,200, 0.7); */
    font-family: "Arial Black";
    padding: 2px 0px;
    color: #222;
    cursor: pointer;
    font-size: 0.9em;
}
.fourmenu:hover {
    color: whitesmoke;
}

#fourcontentcontainer {
    position:absolute;
    left: 20%;
    top: 20%;
}

.fourimpressum {
    position: absolute;
    bottom: 0px;
}