/* WDC – klassieke opmaak (2004), technisch vernieuwd */

* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px; background: #c0c0c0; font: 10pt/1.45 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; }
a { color: #000; }
:focus-visible { outline: 2px solid #003359; outline-offset: 2px; }

/* Wit kader met blauwe rand, logo links */
.kader { display: flex; width: 883px; max-width: 100%; margin: 0 auto; background: #fff; border: 1px solid #666699; padding: 2px; gap: 4px; }
.logo { flex: 0 0 158px; width: 158px; height: 450px; display: block; }
.rechts { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.balk { height: 31px; background: #003359; }
.balk-naam { display: none; }

/* Inhoud (was de iframe van 706 x 381) */
.inhoud { flex: 1; min-height: 381px; padding: 6px 40px 16px 30px; text-align: justify; }
.inhoud h1 { font-size: 13pt; margin: 6px 0 14px; text-align: left; }
.inhoud p { margin: 0 0 12px; }
.inhoud ul { margin: 0 0 12px; padding-left: 52px; list-style: '-   '; }
.inhoud li { padding-left: 8px; }

table.gegevens { border-collapse: collapse; margin: 0 0 12px; }
table.gegevens th { text-align: left; font-weight: normal; padding: 1px 14px 1px 0; vertical-align: top; white-space: nowrap; }
table.gegevens td { padding: 1px 0; }

table.tarieven { border-collapse: collapse; width: 100%; margin: 0 0 14px; }
table.tarieven th, table.tarieven td { border: 1px solid #c0c0c0; padding: 3px 8px; text-align: left; }
table.tarieven td:last-child { white-space: nowrap; text-align: right; width: 34%; }
table.tarieven caption { text-align: left; font-weight: bold; padding: 0 0 4px; }

/* Menubalk onderaan */
.menu { display: flex; gap: 2px; margin-top: 4px; }
.menu a { flex: 1; background: #003359; color: #fff; text-align: center; font: bold 8pt Tahoma, Arial, sans-serif; padding: 5px 4px; text-decoration: underline; }
.menu a:hover, .menu a[aria-current="page"] { background: #1a4c75; }

.voet { text-align: center; font-size: 8pt; color: #333; margin: 10px 0 0; }

/* Smalle schermen: logo boven, menu bovenaan de inhoud */
@media (max-width: 760px) {
  body { padding: 0; }
  .kader { flex-direction: column; border: 0; }
  .logo { display: none; }
  .balk { height: auto; order: -2; padding: 12px 16px; }
  .balk-naam { display: block; color: #fff; font-weight: bold; font-size: 11pt; }
  .menu { order: -1; flex-wrap: wrap; margin: 2px 0 0; }
  .menu a { flex: 1 1 40%; padding: 10px 4px; font-size: 10pt; }
  .inhoud { padding: 12px 16px; text-align: left; min-height: 0; }
}

/* Nieuws */
.archief { font-style: italic; color: #444; }
.bericht { border-top: 1px solid #c0c0c0; padding-top: 10px; margin-top: 14px; }
.bericht h2 { font-size: 11pt; margin: 0 0 2px; text-align: left; }
.bericht .datum { font-size: 8pt; color: #555; margin: 0 0 8px; }