body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; color: #222; background: #eceff1; margin: 0; }
header { background: #2f4858; color: #fff; padding: 14px 20px; }
header h1 { margin: 0; font-size: 22px; }
nav { background: #243845; }
nav a { color: #fff; display: inline-block; padding: 10px 16px; text-decoration: none; }
nav a:hover { background: #3b5a6e; }
.pagina { max-width: 700px; margin: 20px auto; background: #fff; border: 1px solid #cfd8dc; padding: 10px 28px 24px; }
h2 { font-size: 19px; border-bottom: 1px solid #cfd8dc; padding-bottom: 4px; margin-top: 28px; }
code { background: #eceff1; padding: 1px 5px; font-family: Consolas, "Courier New", monospace; }
a { color: #1a5c96; }
details { margin: 10px 0; }
summary { cursor: pointer; color: #1a5c96; }
label { display: block; font-weight: bold; margin-top: 16px; }
.uitleg { font-weight: normal; color: #555; font-size: 14px; }
input[type=text], select, textarea { font: inherit; padding: 6px; border: 1px solid #90a4ae; width: 100%; box-sizing: border-box; }
.cijfer label { display: inline; font-weight: normal; margin-right: 14px; }
textarea { height: 80px; }
button { background: #2f4858; color: #fff; border: 0; padding: 9px 20px; font: inherit; cursor: pointer; margin-top: 20px; }
button:hover { background: #3b5a6e; }
.kaart { border-top: 1px solid #cfd8dc; padding: 12px 0; }
.klein { color: #555; font-size: 14px; }
footer { text-align: center; color: #607d8b; font-size: 13px; padding: 10px 0 30px; }