/* ----------------------------------- */
/* css bestand voor aldmat 2.0.0       */
/* 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:#FFFFFF;margin-top:0.1rem}
main{background:#FFFFFF;padding:0 2.50rem;border-bottom:3px solid #E37A83}
.sidebar{font-size:0.85rem;background:#FFFFFF;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.635rem;text-align:center;color:#6AB4FF}
p{font-size:0.95rem;color:#000000;margin-left:10px}
header, main, .sidebar, footer {flex:100%}
main a{text-decoration:none;color:blue}
main a:hover{background:#3399FF;text-decoration:none;color:white}
img{width:auto;height:auto;max-width:100%;max-height:100vh}

.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}}
.schuin{font-style:italic}.blauw{color:#0769CB}.rood{color:#E10000}.geel{color:yellow}.dblauw{color:#3399FF}.vet{font-weight:bold;}.lblauw{color:#6AB4FF}.llblauw{color:#B8DCFF}.drood{color:#CD3333}.llrood{color:#C0C0C0;font-size:2rem;letter-spacing:0.20rem}
.kop{font-family:Times,Georgia,serif,Segoe;padding:0.75rem 0.75rem 0 2.50rem;display:block;color:#36658C;letter-spacing:-0.20rem;text-align:left;/*font-weight:bold;*/font-variant:small-caps/*;background:#FFFFFF*/}
.onderkop{font-family:Times,Georgia,serif,Segoe;font-variant:small-caps;padding:0.75rem 0 0.75rem 2.50rem;font-weight:normal;text-left:center;font-size:0.75rem;color:#36658C;display:block;letter-spacing:2px}
.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 #FFFFFF}
.topnav a:hover{background-color:#3399FF;color:white}
.active{background-color:#4CAF50;color:white}
/*.topnav .icon{display:none}*/
::selection{color:#FFFFFF;background:#FFFFFF}
.sticky{position:fixed;top:0;width:100%}
.sticky + topnav{padding-top:102px}