*
{
    cursor:none !important;
}
body
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

.page
{
    position: absolute;
    width: 1920px;
    height: 1080px;
    display:none;
}

.header
{
    position: relative;
    padding: 10px 0 0 0;
    height: 260px;
    width: 100%;
    background-image: url('/images/header.jpg');
    background-repeat: no-repeat;
    background-position: center 70px;
}

    .header .logo
    {
        position: absolute;
        top: 10px;
        left: 60px;
        height: 140px;
    }

    .header .titel
    {
        position: relative;
        width: 100%;
        margin: 147px 0 0 0;
        text-align: center;
        color: #FFF;
        font-size: 50px;
        font-family: 'lexiaregular';
    }

.body
{
    position: relative;
    width: 100%;
    height: 760px;
    padding: 0 60px;
    box-sizing: border-box;
}

    .body .col
    {
        position: relative;
        float: left;
        width: 420px;
        height: 340px;
        margin: 30px 0 0 40px;
        border: 2px solid rgb(93,144,74);
        box-sizing: border-box;
        border-radius: 10px;
    }

        .body .col.first
        {
            margin: 30px 0 0 0;
        }

        .body .col .titel
        {
            font-size: 40px;
            text-align: Center;
            position: relative;
            width: 100%;
            height: 80px;
            line-height: 80px;
            color: rgb(93,144,74);
            font-family: 'hiptonsans-regularregular';
        }

        .body .col .content
        {
            position: relative;
            height: 210px;
        }
        .body .col .weersvoorspelling img
        {
            width:100px;
        }
        .body .col .weersvoorspelling
        {
            font-family: 'hiptonsans-regularregular';
            color: rgb(89,89,89);
            font-size: 30px;
            text-align:center;
        }
        .body .col .bottom
        {
            position: relative;
            height: 50px;
            width: 100%;
            font-family: 'lexiaregular';
            background: rgb(93,144,74);
            border-radius: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            text-align: center;
            line-height: 50px;
            color: #FFF;
            font-size: 25px;
        }

            .body .col .bottom:before
            {
                position: absolute;
                background-image: url('/images/veluwe_patroon.png');
                top: -49px;
                left: 0;
                content: ' ';
                width: 100%;
                height: 50px;
            }

        .body .col.third .bottom:before
        {
            background-position: 832px top;
        }

        .body .col.second .bottom:before
        {
            background-position: 416px top;
        }

        .body .col.last .bottom:before
        {
            background-position: 1248px top;
        }

        .body .col .weerColLeft
        {
            position: relative;
            width: 150px;
            text-align: right;
            float: left;
            box-sizing: border-box;
            padding: 0 20px 0 0;
        }
        .body .col .weerColLeft img
        {
            width:100px;
            margin:30px 0 0 0;
        }
        .body .col .weerColRight
        {
            position: relative;
            width: calc(100% - 150px);
            text-align: left;
            float: left;
            box-sizing: border-box;
            font-family: 'hiptonsans-regularregular';
            color: rgb(89,89,89);
            font-size: 30px;
            margin: 40px 0 0 0;
        }

        .body .col .opgewektColLeft
        {
            position: relative;
            width: 150px;
            text-align: right;
            float: left;
            box-sizing: border-box;
            margin: 15px 0 0;
        }

        .body .col .opgewektColRight
        {
            position: relative;
            width: calc(100% - 150px);
            text-align: left;
            float: left;
            box-sizing: border-box;
            font-family: 'hiptonsans-regularregular';
            color: rgb(89,89,89);
            font-size: 30px;
            margin: 0;
            line-height: 40px;
            padding: 0 0 0 40px;
            margin: 15px 0 0;
        }

            .body .col .opgewektColRight.huizen
            {
                line-height: 95px;
            }

.footer
{
    position: relative;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255,236,0,0) 0%, rgba(255,236,0,1) 85%);
    background: -webkit-linear-gradient(top, rgba(255,236,0,0) 0%,rgba(255,236,0,1) 85%);
    background: linear-gradient(to bottom, rgba(255,236,0,0) 0%,rgba(255,236,0,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffec00', endColorstr='#ffec00',GradientType=0 );
}

#huidigeOpwek
{
    position: absolute;
    top: -75px;
    width: 350px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.opgewekt
{
    width: 75px;
}
.footerContainer
{
    position:absolute;
    bottom:0;
    width:100%;
    height: 15px;
    background:rgb(93,144,74);
}
    .footerContainer:before
    {
                position: absolute;
                background-image: url('/images/veluwe_patroon.png');
                top: -49px;
                left: 0;
                content: ' ';
                width: 100%;
                height: 50px;
    }
#chart
{
    width:100%;
    height:275px;
}
.time
{
    position: relative;
    width: 100%;
    height: 275px;
    text-align: center;
    margin: 40px 0 0 0;
    font-family: 'hiptonsans-regularregular';
    color:rgb(89,89,89);
}
    .time .tijdstip
    {
        font-size: 140px;
    }
    .time .datum
    {        
        font-size: 80px;
    }
h1
{
    font-size: 40px;
    color:rgb(89,89,89);
    font-family: 'hiptonsans-regularregular';
    text-align:center;
    margin: 30px 0 0 0;
}