@charset "utf-8";
@import "w3.css";

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  background-color: dimgrey;
}

div.TekstpaginaAchtergrond {
  width: 100%;
  max-width: 1200px;
  margin: 16px auto;
  background-color: white;
  padding: 5px;
}

.rood {
  color: #ff0000;
}

.kleinkap {
  font-variant: small-caps;
}

a:link {
  color: #006633;
  text-decoration: underline;
}

a:visited {
  color: #660066;
  text-decoration: underline;
}

img {
  border: 1px solid #000000;
}

img.geenlijn {
  border-style: none;
}

ul.programma {
  clear: both;
}

ul.programma li {
  margin-bottom: 15px;
}

.clear {
  clear: both;
}

.fotobijschrift {
  font-size: 0.63em;
}

.fotolinks {
  font-size: 0.63em;
  text-align: center;
  line-height: 2em;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
}

.fotocenter {
  font-size: 0.63em;
  text-align: center;
  line-height: 2em;
}

.fotorechts {
  font-size: 0.63em;
  text-align: center;
  float: right;
  margin-left: 20px;
}

.nadruk {
  color: #e3183a;
  font-weight: bold;
  font-size: 80%;
}

.kleinkap {
  font-variant: small-caps;
}

.klein {
  font-size: 70%;
}

#main p,
td {
  letter-spacing: 0em;
}

.commentaar {
  font-size: 80%;
  color: #ff0000;
}

.onzichtbaar {
  display: none !important;
}

hr {
  color: #00cc33;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  background-color: papayawhip;
}

.cols3 {
  column-count: 3;
  column-fill: balance;
}

table#deelnemers th {
  font-size: 1em;
  background-color: #e3183a;
  color: #ffffff;
}

table#res {
  max-width: 100%;
  border: medium double #336633;
  border-collapse: collapse;
}

table#res td,
th {
  font-size: 70%;
  border: thin solid #000000;
  padding: 3px;
}

table#res th {
  background: #00ff99;
}

#nav {
  width: 230px;
}

#navcontainer a {
  display: block;
  padding: 3px;
  width: 220px;
  border-bottom: 1px solid #0066ff;
  font-weight: bold;
  text-decoration: none;
}

#navcontainer ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
}

#navcontainer li {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 3px;
  margin-bottom: 0px;
}

#navcontainer a:link,
#navlist a:visited {
  color: #0066ff;
}

#navcontainer a:hover,
#navlist a:active {
  background-color: #0066ff;
  color: #fff;
}

div#main {
  margin: 20px 20px 20px 250px;
}

.klein {
  font-size: 70%;
}

.verborgen-tekst {
  display: none;
  padding: 15px;
  border: 1px solid #ccc;
  margin-top: 10px;
  background-color: #f4f4f4;
}

.zichtbaar {
  display: block;
}

.toggle-knop {
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

@media print {

  h2,
  h3 {
    page-break-before: always !important;
  }

  p,
  p * {
    page-break-before: avoid;
  }

  .niet-printen,
  .niet-printen * {
    display: none !important;
  }

  #res td,
  th {
    font-size: 100%;
  }
}