*{--base-color:#1769ad;}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:#000000;}
.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;}
@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;}
table.grijs{background-color:#eeeeee;}
td.top{vertical-align:top;}
div.facebook{display:inline-block:width:100%;text-align:center;font-weight:bold;}

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:650px;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;}

h3{color:var(--base-color);font-size:13pt;display:flex;align-items:center;gap:6px;margin:18px 0 6px 0;letter-spacing: 0.08em;text-transform: uppercase;}

/* ── FAQ pagina ──────────────────────────────────────── */
 
h3 svg {
  width: 24px; height: 24px; flex-shrink: 0;
  fill: none; stroke: #00b2eb; stroke-width: 1.75;
  stroke-linecap: round; stroke-linejoin: round;
}

/* Intro-tekst bovenaan de FAQ */
.faq-intro {
  background: #eef5fc;
  border-left: 4px solid var(--base-color);
  border-radius: 0 6px 6px 0;
  padding: 10px 14px;
  margin-bottom: 18px;
  font-size: 11pt;
  color: #333;
}
 
/* Sectieblok */
.faq-section {
  margin-bottom: 10px;
}
 
/* Lijst zonder standaard dl/dt/dd-opmaak */
.faq-list {
  margin: 0 0 4px 0;
  padding: 0;
}
 
/* Eén vraag-antwoord blok */
.faq-item {
  border-bottom: 1px solid #e4e4e4;
}
.faq-item:last-child {
  border-bottom: none;
}
 
/* De vraagknop */
.faq-question {
  all: unset;               /* verwijder standaard button-opmaak */
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 9px 4px 9px 0;
  cursor: pointer;
  font-family: Lato, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
  transition: color 0.15s;
}
.faq-question:hover,
.faq-question:focus-visible {
  color: var(--base-color);
  outline: none;
}
 
/* Pijltje-icoon — draait 180° als open */
.faq-q-icon svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: none;
  stroke: var(--base-color);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.2s ease;
}
.faq-question[aria-expanded="true"] .faq-q-icon svg {
  transform: rotate(180deg);
}
 
/* Het antwoord */
.faq-answer[hidden] {
  display: none;
}
.faq-answer-inner {
  padding: 2px 0 12px 26px;   /* inspring gelijk aan pijltje + gap */
  font-size: 11.5pt;
  color: #444;
  line-height: 1.5;
}
 
/* Lijstjes binnen antwoorden */
.faq-answer-inner ul {
  margin: 4px 0 0 0;
  padding-left: 18px;
}
.faq-answer-inner li {
  margin-bottom: 3px;
}

/* ── uitslagen pagina ──────────────────────────────────────── */

.uitslag {
  font-family:Lato;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  padding: 10px 18px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.1s;
  margin: 4px;
}

.uitslag:hover {
  background: #f0f0f0;
  border-color: #999;
}

.uitslag:active {
  transform: scale(0.97);
}