*,*:before,*:after{box-sizing:border-box}html{background:#7a8aa6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect width='4' height='4' fill='%237a8aa6'/><rect width='2' height='2' fill='%23859abd'/></svg>")}body{margin:0;padding:12px 8px 24px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:13px;line-height:1.55;color:#000}a{color:#00e;text-decoration:underline}a:visited{color:#551a8b}a:hover{color:#f60}.site{width:100%;max-width:820px;margin:0 auto;background:#fff;border:1px solid #333;box-shadow:4px 4px #3a4766}.kop{background:linear-gradient(to bottom,#6b9bd6,#039 55%,#001f5c);color:#fff;padding:14px 18px 10px;border-bottom:3px solid #ffcc00;display:flex;align-items:center;gap:16px}.kop .logo{width:72px;height:72px;flex:none;background:#fff;border:2px outset #ddd;display:grid;place-items:center}.kop h1{margin:0;font-family:Trebuchet MS,Verdana,sans-serif;font-size:30px;letter-spacing:1px;text-shadow:2px 2px 0 #001040}.kop h1 small{display:block;font-size:12px;letter-spacing:0;font-weight:400;text-shadow:none;color:#ffe680;margin-top:2px}.kop .tagline{margin:4px 0 0;font-size:12px;color:#dbe6f5;font-style:italic}.nav{background:linear-gradient(#f4f4f4,#c8c8c8);border-bottom:1px solid #666;padding:5px 8px;display:flex;flex-wrap:wrap;gap:4px}.nav a{display:inline-block;padding:3px 11px;font-size:11px;font-weight:700;color:#039;text-decoration:none;background:linear-gradient(#fff,#d9d9d9);border:2px outset #e0e0e0}.nav a:hover{background:linear-gradient(#fff4cc,#fc0);color:#000}.nav a:active{border-style:inset}.ticker{font-family:Comic Sans MS,Comic Sans,Verdana,cursive;background:#ffc;border-bottom:1px solid #cc9;font-size:11px;padding:3px 0;overflow:hidden;white-space:nowrap}.ticker span{display:inline-block;padding-left:100%;animation:ticker 28s linear infinite}.ticker b{color:#c00}@keyframes ticker{to{transform:translate(-100%)}}.body{display:grid;grid-template-columns:190px 1fr}.zij{background:#e9eef7;border-right:1px solid #99a;padding:10px 8px;font-size:11px}.inhoud{padding:12px 18px 18px}.box{background:#fff;border:1px solid #8899bb;margin-bottom:10px}.box h3{margin:0;padding:3px 7px;font-size:11px;font-family:Comic Sans MS,Comic Sans,Verdana,cursive;color:#fff;background:linear-gradient(#5f8fcf,#039);text-transform:uppercase;letter-spacing:1px}.box .in{padding:6px 7px}.box ul{margin:0;padding-left:14px}.box li{margin:2px 0}.zij a{color:#039}.menu a{display:block;padding:3px 6px 3px 18px;text-decoration:none;border-bottom:1px dotted #aab;font-weight:700;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><polygon points='2,1 8,5 2,9' fill='%23ff6600'/></svg>") no-repeat 4px 50%}.menu a:hover{background-color:#ffc}.badge{display:inline-block;width:80px;height:15px;font:700 9px/15px Verdana,sans-serif;text-align:center;color:#fff;border:1px solid #000;margin:2px 1px}.badge.b1{background:linear-gradient(90deg,#039 45%,#f60 45%)}.badge.b2{background:linear-gradient(90deg,#333 45%,#0a0 45%)}.badge.b3{background:linear-gradient(90deg,#600 45%,#fc0 45%);color:#000}.teller{font-family:Courier New,monospace;background:#000;color:#0f0;display:inline-block;padding:1px 5px;letter-spacing:2px;border:1px inset #666}.inhoud h2{font-family:Comic Sans MS,Comic Sans,Trebuchet MS,cursive;color:#039;font-size:18px;margin:22px 0 8px;padding-bottom:3px;border-bottom:2px dotted #ff6600}.inhoud h2:first-child{margin-top:4px}.inhoud h2 .nr{color:#f60}.inhoud p{margin:0 0 10px}.inhoud ul{margin:0 0 10px;padding-left:20px}.inhoud li{margin-bottom:3px}.welkom{font-family:Times New Roman,serif;font-size:15px;font-style:italic;color:#333}.quote{background:#ffc;border:1px dashed #cc9900;padding:8px 12px;margin:10px 0;font-weight:700;color:#630}.quote .wie{display:block;font-weight:400;font-size:11px;color:#666;margin-top:3px}table.tabel{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:12px}table.tabel th{background:linear-gradient(#5f8fcf,#039);color:#fff;text-align:left;padding:4px 7px;border:1px solid #335}table.tabel td{padding:4px 7px;border:1px solid #99a;vertical-align:top}table.tabel tr:nth-child(2n) td{background:#eef3fb}table.tabel td.stap{width:36px;text-align:center;font-weight:700;color:#f60;font-size:16px}.hr{border:0;border-top:1px dotted #999;margin:14px 0}.btn{display:inline-block;padding:5px 16px;font-weight:700;font-size:12px;color:#000;text-decoration:none;background:linear-gradient(#fff4cc,#fc0);border:2px outset #ffe680}.btn:hover{background:linear-gradient(#ffe680,#f90);color:#000}.btn:active{border-style:inset}.nieuw{background:#c00;color:#fff;font-size:9px;padding:0 4px;vertical-align:super;font-weight:700}.contact dl{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;margin:0 0 10px}.contact dt{font-weight:700;color:#039}.contact dd{margin:0}.voet{background:linear-gradient(#001f5c,#039);color:#dbe6f5;font-size:10px;text-align:center;padding:8px 12px;border-top:3px solid #ffcc00}.voet a{color:#ffe680}@media(max-width:640px){.body{grid-template-columns:1fr}.zij{border-right:0;border-top:1px solid #99a;order:2}.inhoud{order:1}.kop h1{font-size:22px}.contact dl{grid-template-columns:1fr}}.bouw{background:repeating-linear-gradient(135deg,#fc0 0 14px,#000 14px 28px);border-bottom:1px solid #666;padding:5px 8px;text-align:center}.bouw .tekst{display:inline-block;background:#ff9;border:1px solid #000;padding:2px 10px;font-size:11px;font-weight:700;color:#000}.bouw .werk{color:#c00;font-size:14px}.knipper{color:#f60;animation:knipper 1s steps(2,start) infinite}@keyframes knipper{to{visibility:hidden}}.foto{float:right;margin:0 0 8px 14px;text-align:center;font-size:10px;color:#555}.foto .kader{width:120px;height:150px;border:3px ridge #c0c0c0;background:#eee url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='150'><circle cx='60' cy='55' r='28' fill='%23c8c8c8'/><ellipse cx='60' cy='135' rx='48' ry='38' fill='%23c8c8c8'/></svg>") no-repeat center;display:grid;place-items:center;font-weight:700;color:#039}.inhoud h2{text-shadow:1px 1px 0 #ccc}.nav a{font-family:Comic Sans MS,Comic Sans,Verdana,cursive}@media(max-width:640px){.foto{float:none;margin:0 auto 10px}}
