/* ----------------------------------- */
/* css bestand voor ChromaKeep         */
/* en andere sites                     */
/* Sam Francke                         */
/* ----------------------------------- */
/* #36658C = donkerblauw               */
/* #B8DCFF = lichtblauw                */
html{box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
body {background:#ddd url('body.png') repeat scroll top left;/*font-size:0.90rem;*/margin:2px;padding:2px;font-family:Verdana,Tahoma,Arial,Segoe,sans-serif}
.container {display:flex;flex-flow:row wrap}
header{background:#FCFCFC;margin-top:0.1rem}
main{background:#FAFAFA;padding:0 2.50rem;border-bottom:3px solid #E37A83}
.sidebar{font-size:0.85rem;background:#FFF;padding:0 0.75rem 0 0.75rem;border-bottom:3px solid #E37A83}
footer{/*margin-bottom:0.5rem;*/background:#696969;/*padding-top:1.5rem;*/font-size:0.75rem;text-align:center;color:#6AB4FF}
p,li{font-size:0.90rem;color:#3D3D51;margin-left:15px}
header, main, .sidebar, footer {flex:100%}
main a{text-decoration:none;color:blue}
main a:hover{background:#3399FF;text-decoration:none;color:white}
.sidebar a{border-bottom:1px solid #E8E8E8;display:block;text-decoration:none;color:#36658C;background:transparent;padding:4px}
.sidebar a:active{text-decoration:none;color:#BA1B20}
.sidebar a:visited{text-decoration:none;color:#9CCEFF}
.sidebar a:hover{background:#3399FF;text-decoration:none;color:white}
.lrood{border-bottom:1px solid #E8E8E8;color:#E37A83;background-color:transparent;display:block;padding:2px}
footer a{text-decoration:none;color:white}
footer a:active{text-decoration:none;color:#BA1B20}
footer a:visited{text-decoration:none;color:#9CCEFF}
footer a:hover{background-color:#3399FF;text-decoration:none;color:white}
/* 480px  */@media screen and (min-width:480px){/*body{background-color:black}*/.sidebar {flex:auto;}.kop {font-size:3.00rem}}
/* 640px  */@media screen and (min-width:640px){/*body{background-color:gray}*/.sidebar {flex:auto;}.kop {font-size:3.00rem}}
/* 768px  */@media screen and (min-width:768px){/*body{background-color:blue}*/main{flex:2}.sidebar{flex:1}body{margin:0}.kop {font-size:3.00rem}}
/* 1024px */@media screen and (min-width:1024px){/*body{background-color:yellow}*/main{flex:3}.sidebar{flex:1}body{margin:0 4.5rem 0 4.5rem}.kop {font-size:3.25rem}}
/* 1280px @media screen and (min-width:1280px){/*body{background-color:green}*//*main{flex:3}.sidebar{flex:1.5}.sidebar{order:2}main{order:1}footer{order:4}body{margin:0 17.0rem 0 17.0rem}.kop {font-size:3.50rem}main{padding:0 1.5rem 0 1.5rem}}*/
/* 1920px */@media screen and (min-width:1920px){/*{body{background-color:red}*/main{flex:3}body{margin:0 27.0rem 0 27.0rem}.kop {font-size:3.75rem}main{padding:0 1.5rem 0 1.5rem}}
.blauw{color:#0769CB} .rood{color:#E10000} .geel{color:yellow}.dblauw{color:#3399FF}.vet{font-weight:bold;}.lblauw{color:#6AB4FF}.llblauw{color:#B8DCFF}.drood{color:#7C1818}
.llrood{color:#C0C0C0;font-size:1.25rem;letter-spacing:0.15rem}
.kop{font-family:Times,Georgia,serif,Segoe;padding:0.75rem 0.75rem 0 2.50rem;display:block;color:#36658C;letter-spacing:-0.15rem;text-align:center;font-variant:small-caps}
.onderkop{font-family:Times,Georgia,serif,Segoe;padding:0.75rem 0 0.75rem 2.50rem;font-weight:normal;text-align:center;font-size:0.90rem;color:#36658C;display:block;letter-spacing:2px}
.zwart{color:#000000}
.kopje{font-size:1.50rem;display:block;border-bottom:1px solid #B0C4DE;color:#447FAF;letter-spacing:0.20rem;margin-top:1.50rem}
.sidebar .kopje{color:#E37A83;border-bottom:1px solid #E37A83;margin-bottom:1.50rem}/* de afwijkingen van .kopje*/
.topnav{margin:0 1.50rem 0 1.50rem;overflow:hidden;background-color:#B8DCFF}
.topnav a{float:left;display:block;color:#36658C;text-align:center;padding:6px 10px;text-decoration:none;font-size:0.80rem;border-right:2px solid #F4F4F4}
.topnav a:hover{background-color:#3399FF;color:white}
.active{background-color:#4CAF50;color:white}
.p8{font-size:0.825rem;color:gray;font-style:italic}
/*.topnav .icon{display:none}*/
.verklaring2{font-size:0.80em;margin-right:0.3em;margin-left:0.3em;padding:1.00em;border:1px solid #CECECE;border-radius:6px;background-color:#FFFFF0;text-align:left;font-weight:normal;color:#444444}
::selection{color:#FAFAFA;background:#FAFAFA}
.sticky{position:fixed;top:0;width:100%}
.sticky + topnav{padding-top:102px}