/* -- CSS Reset -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }


body {
    font-family: 'Open Sans', sans-serif;
    background-image:  url('../images/background1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center top;
}

#clear-cookie {
    color: rgb(230, 230, 230);
    font-size: 12px;
    padding: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: rgb(210, 20, 20);
    background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);

}

div#talen-container {
    width:100%;
    height:280px;
    position:absolute;
    top:50%;
    color:white;
    background:#1d2c3180;
}

div#talen {
    width:50%;
    min-width:1000px;
    margin:0 auto;
    height:280px;
    line-height:280px;
}

div#talen a {
    color: #fff;
    text-decoration: none;
    font-size: 25px;
}
div#talen a:hover,
div#talen a:active {
    color: #000;
}

div#talen ul {
    font-size:0;
    float:left;
}

div#talen ul li {
    display:inline-block;
    width:90px;
    height:90px;
    line-height:90px;
    text-align:center;
    font-size:16pt;
    background:#ff000d;
    border-radius: 45px;
    margin:0 10px;
}

div#land-be,
div#land-lux {
    float: left;
    width:150px;
    height:auto;
    line-height:2;
    text-align: center;
}

div#land-be {
    margin-right:20px;
}

img#bel {
    width:146px;
    height:auto;
    margin:0 auto;
    margin-top:60px;
}

div#land-be span, div#land-lux span {
    display:block;
    margin:0;
    width:150px;
}

div#land-lux {
    margin-left:20px;
}

img#lux {
    width:48px;
    height:auto;
    margin:0 auto;
    margin-top:110px;
}

div#bel {
    float:left;
}

div#lux {
    float:right;
}


@media screen and (max-width:1024px) {
    body {
        background-image:  url('../images/background-mobile.jpg');
    }
    div#talen-container {
        height:560px;
        top:10%;
    }
    div#talen {
        width:100%;
        min-width:unset;
    }
    div#bel,
    div#lux {
        float: none;
        width: 500px;
        height: 280px;
        margin: 0 auto;
    }

}

@media screen and (max-width:510px) {
    div#bel,
    div#lux {
        clear: both;
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    img#lux {
        margin-top: 25px;
    }
    img#bel {
        width:100px;
        height:auto;
        margin:0 auto;
        margin-top:10px;
    }
    div#talen {
        line-height: 25px;
    }
    div#talen ul {
        clear: both;
    }
    div#talen ul li {
        display: inline-block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 14pt;
        background: #ff000d;
        border-radius: 30px;
        margin:0 10px;
    }

    /*    div#land-be,
        div#land-lux {
            display:none;
        }*/
}