html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul,li,ol{margin:0 0 0 10px;padding:0 0 0 0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none inside none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;-webkit-print-color-adjust:exact !important;}
select,input,button,textarea{font:99% verdana,arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
html,body{width:100%;}
html{border:0;}
body{opacity:1.0;font-family:Verdana, Arial, Calibri, sans-serif;font-size:13px;}
.buttonZwart{padding:2px 10px 2px 10px;margin:0 1px 0 0;font-size:11px;border:2px solid #949494;color:Black;font-weight:bold;background-color:rgba(255, 255, 255, .395);cursor:pointer;}
td.vierkant{width:100px;height:100px;border:0 solid transparent;font:Calibri, Arial, serif;font-size:24px;font-weight:bold;text-align:center;margin:0;padding:8px 8px 8px 8px;}

td.vierkantL{width:100px;height:100px;border:0 solid transparent;font:Calibri, Arial, serif;font-size:24px;font-weight:bold;text-align:center;margin:0;padding:8px 16px 8px 0;}
td.vierkantM{width:100px;height:100px;border:0 solid transparent;font:Calibri, Arial, serif;font-size:24px;font-weight:bold;text-align:center;margin:0;padding:8px 8px 8px 8px;}
td.vierkantR{width:100px;height:100px;border:0 solid transparent;font:Calibri, Arial, serif;font-size:24px;font-weight:bold;text-align:center;margin:0;padding:8px 0 8px 16px;}

td.vierkantMobile{width:75px;height:75px;border:0 solid transparent;font:Calibri, Arial, serif;font-size:24px;font-weight:bold;text-align:center;margin:0;padding:8px 8px 8px 8px;}
.vierkantD{width:100px;height:100px;border:2px solid White;background-color:#f4f4f4;font:Calibri, Arial, serif;font-size:36px;font-weight:bold;text-align:center;vertical-align:middle;padding:30px 0 0 0;}
.vierkantD:hover{width:100px;height:100px;border:2px solid Blue;background-color:#f4f4f4;font:Calibri, Arial, serif;font-size:36px;font-weight:bold;text-align:center;vertical-align:middle;padding:30px 0 0 0;}
td.vierkant a{width:96px;height:96px;text-decoration:none;}
td.aanmelden{width:100px;height:100px;text-align:center;vertical-align:middle;}
a.aanmelden{width:100px;height:100px;text-align:center;vertical-align:middle;font-size:36px;font-weight:bold;color:black;text-decoration:none;}

/*
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    #blok1 {
        margin:0;padding:100px 0 0 158px;
    }
    #blok2 {
        margin:0;padding:0;
    }
}

/*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    #blok1 {
        margin:0;padding:100px 0 0 158px;
    }
    #blok2 {
        margin:0;padding:0;
    }
}

/*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
    #blok1 {
        margin:0;padding:100px 0 0 58px;
    }
    #blok2 {
        margin:0;padding:0;
    }
}

/*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #blok1 {
        margin:0;padding:100px 0 0 58px;
    }
    #blok2 {
        margin:0;padding:0;
    }
}

/*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    #blok1 {
        margin:0 auto;padding:80px 10px 0 10px;
    }
    #blok2 {
        margin:0;padding:0;
    }
}

/*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    #blok1 {
        width:100%;margin:0 auto;padding:10px 0 0 0;
    }
    #blok2 {
        margin:0 auto;padding:0;width:348px;
    }
    .centreer {
        text-align:center;
    }
}