html {
    position:relative;
    min-height: 100%;
}

/* Normalize html and body elements, this style is just good to have */
html, body {
    margin:0;
    padding:0;
}

.pageContentWrapper {
    margin-bottom:100px;    /* Footer height */
}

#head1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 15px;  /* Hmm. kA wieso wir den brauchen */
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

#body1 {
    background: url(images/fiberBlack_2160x1920.png);
    background-size: cover;
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;   /* Footer height */
}