*{--base-color:#cc0000;}body{background-color:#f3f3f3;margin:0px;font-family:Lato;font-size:12pt;line-height:1.2}
.main{background-color:#ffffff;width:100%;max-width:1000px;margin:10px auto;border-radius:8px;}
#menu{background-color:var(--base-color);display:block;width:100%;}
#menu a{font-weight:bold;color:#ffffff;text-decoration:none;display:inline-block;margin:4px 8px 4px 8px;}
#menu a:hover{color:#ff8000;}
.kop{color:var(--base-color);font-weight:bold;font-family:Lato,Helvetica;font-size:33px;width:100%;text-align:center}
.content{padding:10px;display:flow-root;}
h1{color:var(--base-color);font-size:16pt;font-weight:bold;border-bottom:solid 2px #cccccc;}
a{color:var(--base-color)}
td,th{font-family:Lato;font-size:12pt;padding:3px 6px 3px 6px}
th{background-color:var(--base-color);text-align:left;color:#ffffff;font-weight:bold;}
div.fotobanner{display:none;}
div.sponsors{display:block;text-align:center;margin-top:10px;}
div.sponsor{width:100%;height:100px;border:solid 1px #cccccc;display:inline-block;margin:0px 5px 5px 0px;position:relative;border-radius:8px;}
div.sponsor:hover{border:solid 1px #000000;}
div.sponsor img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
table{border-spacing:0px;border-collapse:collapse;}
table.dlnlijst{width:100%;max-width:500px;}
.dlnlijst td,th{padding:3px 6px 3px 6px;}
.dlnlijst tr:nth-child(odd) {background:rgba(142,152,158,0.1);}
.dlnlijst tr{border-bottom:solid 1px #cccccc;}
.dlnaant{color:var(--base-color);font-size:10pt;font-weight:bold;}
@media print,screen and (min-width:600px){
 div.fotobanner{display:block;float:right;width:260px;margin:0px 0px 5px 5px;}
 div.sponsor{width:175px;}
}
img.foto{width:250px;margin:2px;border-radius:8px;}

.tabel{border-collapse:collapse;}
.tabel td,.tabel th {padding:3px}
.center{text-align:center;}
.top{vertical-align:top;}

table.grijs{background-color:#eeeeee;}
td.top{vertical-align:top;}
div.facebook{display:inline-block:width:100%;text-align:center;font-weight:bold;}

div.inschrijfknop{background-color:#0066cc;color:#ffffff;width:400px;border:solid 2px #0066cc;border-radius:6px;transition:background 0.3s ease, border 0.3s ease;}
div.inschrijfknop table {color:#ffffff;font-weight:bold;}
div.inschrijfknop a:hover{text-decoration:none;}
div.inschrijfknop:hover{background-color:#ff8000;border:solid 2px #ff8000;}
table.stand tr:nth-child(even) {background:rgba(142,152,158,0.1);}
td.r{text-align:right;}

span.info{border:2px solid #3c99dc;box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);padding:10px;border-radius:5px;margin:0px 20px 10px 0px;display:table;font-weight:bold;background:#dff3f3}

img.parcours{width:100%;max-width:600px;border:solid 1px #ccc;border-radius:6px;margin:6px 0;}

h2{font-size:13pt;display:flex;align-items:center;gap:6px;margin:3px 0 6px 0;}
h2 svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:#00b2eb;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}

svg.transport{width:48px;height:48px;fill:none;stroke:#ffffff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;border-radius:6px;background-color:#00b2eb;}