*{box-sizing:border-box;}
    html{
    }
    body{
        background-image: url(i/cookies.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;       
    }
    button{
        cursor:pointer;
    }
    input.email{
        padding:6px;
        border:1px solid #ddd;
        background:#fff;
    }
    #cookieholder{
        font-family:calibri,sans-serif;
        font-size: 13px;
        font-weight:normal;
        letter-spacing: -.5;
        text-align: justify;
        line-height: 1.1;
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        display: -ms-grid;
        grid-gap: 0;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-box-align: center;
        align-items: center;
        justify-items: center;
    }
    #cookieInfo, #paywall{
        position:relative;
        padding:20px 24px;
        background-color:rgb(255,255,255);
        color: #26314b;
    }
    #background, #cookieInfo, #paywall{
        max-width:800px;
        width:100%;
        height:auto;
    }
    #cookieholder p{
        padding: 4px 2px;
        margin-bottom:32px; 
    }
    .pointer{
        cursor:pointer;
    }
    #cookieholder p a{
        padding:0px;
        color: #004992;
        text-decoration:none;
    }
    #cookieholder p a:hover{
        color:#39d;
    }
    .cookiesButton{
        display:block;
        background-color:#fafafa;
        color:#777;
        padding:4px 24px;
        margin:0 auto 10px auto;
        width:70%;
        border:0;
        outline:0;
        font-size:12px;
    }
    .CookiesOK{
        padding:16px 24px!important;
        background-color:#10b910!important;
        color:#fff!important;
        margin-top:4px;
        font-size:18px!important;
        letter-spacing: -.3px;
        text-shadow: 1px 1px #444;

    }
    .CookiesOK:hover,
    .CookiesOK:active{
        background-color:#159315!important;
    }
.CookiesNotOK {
    padding: 16px 24px;
    background-color: #fff0f0;
}
   .CookiesNotOK:hover,
    .CookiesNotOK:active{
        background-color:#fddcdc!important;
    }

.warnbox{
    padding:24px;
    background-color:red;
    color:#ffffff;
    max-width:70%;
    width:70%;
    display:block;
    margin:0 auto;
}
    #paywall{
        display: none;
    }
    .paywall{
        border:0;
        outline:0;
        font-size:18px;
        padding:16px 0;
        width:70%;
        background-color:#06a;
        color:#fff;
        margin:0 auto 6px auto;
        display:block;
    }

    h1{
        text-align:center;
        font-size:28px;
        font-weight:normal;
        margin:10px 0;
        letter-spacing: -1px;
    }

#error{
    display:none;
}
.noscript #cookieInfo{
    display:none;
}
.noscript #error{
    display:block;
   position:relative;
        padding:20px 24px;
        background-color:rgb(255,255,255);
        color: #26314b;
}

.showpay #cookieInfo{
    display:none;
}

.showpay #paywall{
    display: block;
}
.center{
    display:block;
    margin:0 auto;
}
.welkom{
    margin-top:-4px;
}
.smaller {
    margin: -10px auto 24px auto;
    display: block;
    text-align: center;
}
.heading {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-left: 2px;
}
.list a{
    padding:4px!important;
}
#norefund{
    position: absolute;
    left: 28px;
    margin-top: 10px;
}
#norefund:checked + .paybuttons,
#norefund:checked + .paybuttons + #rather,
#norefund:checked + .paybuttons + #rather + p{
    opacity:1;
    display:block;
}
.paybuttons{
    display:none;
    opacity:.5;
    margin-top:40px;
}
#rather,#rather+p{
    display:none;
}
label{
    font-weight: bold;
    cursor:pointer;
    position: relative;
    top: 10px;
    padding: 10px 10px 11px 28px;
    background-color: #f5f5f5;
    border:1px solid #eee;
}
.tmargin{
    margin-top:40px;
}
.greyBig{
    color:#bbb;
}
#cookieuitleg,#cookiedetails{
    display:none;
}
.show{
    display:block!important;
}
.center{
    text-align:center;
}
.tokeninput{
    border:1px solid #eee;
    padding:10px 16px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
}
.warn{
    color:#e24242;
}
.warnLabel{
    background-color:#ff8686;
}
.bold{
    font-weight:bold;
}
button.expand{
    background-color: transparent;
    color: #004992;
    border: 0;
    padding: 0;
    /* font-size: 12px; */
    font-weight: normal;
    font-family: calibri,sans-serif;
    font-size: 13px;
    padding-left:3px;
}
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
td{font-size:12px;}
.noscript #extWarn{
    display:none;
}
#extWarn{
    margin-top:70px;
    display:block;
}