body {
    font-family: 'Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
    background-color: #000;
}

.bar-nl {
    background-color: #fff;
    width: 100%;
    height: 300px;
    padding: 0;
}

    .bar-nl .content-nl {
        color: #000;
        text-align: left;
        width: 600px;
        margin: 0 auto;
        font-size: 20px;
    }

        .bar-nl .content-nl .header {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 48px;
            text-align: center;
            color: #efe;
            margin: 0;
            padding: 0;
            height: 100px;
        }

            .bar-nl .content-nl .header h1 {
                margin: 0;
            }

        .bar-nl .content-nl .photo {
            float: left;
        }

        .bar-nl .content-nl .groet {
            vertical-align: central;
            margin: 50px 0 0 0;
            height: 150px;
        }

.bar-en {
    background-color: #FFD800;
    width: 100%;
    height: 300px;
    padding: 0;
}

    .bar-en .content-en {
        color: #fff;
        text-align: left;
        width: 600px;
        margin: 0 auto;
        font-size: 22px;
    }

        .bar-en .content-en .header {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 48px;
            text-align: center;
            color: #fedd8c;
            margin: 0;
            padding: 0;
            height: 100px;
        }

        .bar-en .content-en .photo {
            float: left;
        }

        .bar-en .content-en .groet {
            vertical-align: central;
            margin: 50px 0 0 0;
            height: 150px;
        }

.bar-de {
    background-color: #687FFF;
    width: 100%;
    height: 300px;
    padding: 0;
}

    .bar-de .content-de {
        color: #fff;
        text-align: left;
        width: 600px;
        margin: 0 auto;
        font-size: 22px;
    }

        .bar-de .content-de .header {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 48px;
            text-align: center;
            color: #93A5FF;
            margin: 0;
            padding: 0;
            height: 100px;
        }

        .bar-de .content-de .photo {
            float: left;
        }

        .bar-de .content-de .groet {
            vertical-align: central;
            margin: 50px 0 0 0;
            height: 150px;
        }

.bar-pt {
    background-color: #00FF21;
    width: 100%;
    height: 300px;
    padding: 0;
}

    .bar-pt .content-pt {
        color: #fff;
        text-align: left;
        width: 600px;
        margin: 0 auto;
        font-size: 22px;
    }

        .bar-pt .content-pt .header {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 48px;
            text-align: center;
            color: #77FF83;
            margin: 0;
            padding: 0;
            height: 100px;
        }

        .bar-pt .content-pt .photo {
            float: left;
        }

        .bar-pt .content-pt .groet {
            vertical-align: central;
            margin: 50px 0 0 0;
            height: 150px;
        }