@font-face{
    font-family:amsterdam sans;
    font-style:normal;
    font-weight:200;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Light.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Light.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Light.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Light.woff) format("woff")
}
@font-face{
    font-family:amsterdam sans;
    font-style:normal;
    font-weight:300;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Regular.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Regular.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Regular.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Regular.woff) format("woff")
}
@font-face{
    font-family:amsterdam sans;
    font-style:italic;
    font-weight:300;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Italic.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Italic.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Italic.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Italic.woff) format("woff")
}
@font-face{
    font-family:amsterdam sans;
    font-style:normal;
    font-weight:600;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Bold.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Bold.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Bold.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Bold.woff) format("woff")
}
@font-face{
    font-family:amsterdam sans;
    font-style:italic;
    font-weight:600;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-BoldItalic.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-BoldItalic.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-BoldItalic.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-BoldItalic.woff) format("woff")
}
@font-face{
    font-family:amsterdam sans;
    font-style:normal;
    font-weight:700;
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-ExtraBold.eot?#iefix);
    src:url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-ExtraBold.eot?#iefix) format("eot"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-ExtraBold.woff2) format("woff2"),url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-ExtraBold.woff) format("woff")
}

body{
    font-family:amsterdam sans,arial,sans-serif;
    font-size: 12px;
height: 100vh
}

a {
  text-decoration: none;
}

table {
  width: 100%; /* Tabel neemt volledige breedte van de pagina */
  border-collapse: collapse; /* Verwijdert grenzen tussen cellen */
align-items: start;
}

th, td {
  text-align: left; /* Tekst centreren in cellen */
  padding: 3px; /* Padding toevoegen voor ruimte */
}

th {
  background-color: #ff5733; /* Rode achtergrondkleur voor koptekst */
  color: white; /* Witte tekstkleur voor koptekst */
}

td {
  background-color: #f2f2f2; /* Lichte grijze achtergrondkleur voor data */
}

tr:nth-child(odd) {
  background-color: #eaeaea; /* Afwisselende rijkleur (lichtgrijs) */
}

th, td {
  border: 1px solid #ddd; /* Dunne grijze grens rond cellen */
}



.tr-black {
  background-color: #000000;
  color: white; /* Optional: Set text color to white for contrast */
}

.td-gr {
  background-color: #4CAF50;
  color: white; /* White text for contrast */
  text-align: center; /* Center the text */
}

.td-lg {
  background-color: #d9f5d7; 
  vertical-align: top;
  color: black; /* White text for contrast */
}

.td-lb {
  background-color: #007dc2; 
  color: white; /* White text for contrast */
}

.td-or {
  background-color: #eb8d00; /* Green background */
  color: white; /* White text for contrast */
}

.td-lr {
  background-color: #ff596f; /* Green background */
  color: white; /* White text for contrast */
}

.td-bl {
  background-color: #000000; /* Green background */
  color: white; /* White text for contrast */
}


h1 {
  font-family: Corbel; /* Optioneel: Kies een lettertype */
  font-size: 2.5em; /* Grootte aanpassen */
  font-weight: bold; /* Dikker maken */
  color: #333; /* Zwarte tekstkleur */
  text-align: left; /* Centreren */
  margin-bottom: 10px; /* Ruimte onder de koptekst */
  display: inline-block;
}

h2 {
  font-family: Corbel; /* Optioneel: Kies een lettertype */
  font-size: 1.8em; /* Grootte aanpassen */
  font-weight: bold; /* Dikker maken */
  color: #6e6e6e; /* Zwarte tekstkleur */
  text-align: left; /* Centreren */
  margin-bottom: 10px; /* Ruimte onder de koptekst */
}

h3 {
  font-family: Arial, sans-serif; /* Optioneel: Kies een lettertype */
  font-size: 1.4em; /* Nog kleinere grootte */
  font-weight: bold; /* Dikker maken */
  color: #333; /* Zwarte tekstkleur */
  margin-top: 15px; /* Ruimte boven de koptekst */
  margin-bottom: 10px; /* Ruimte onder de koptekst */
}

.link-bar {
  display: flex; /* Arrange links horizontally */
  margin: 0 auto; /* Center the bar horizontally */
  width: 100%; /* Make the bar full width */
  border: 1px solid #ccc; /* Optional border */
}

.link-bar a {
  text-decoration: none;
  color: black;
  padding: 10px 15px; /* Adjust padding as needed */
  display: flex;
  align-items: center; /* Center vertically */
  border: 1px solid transparent; /* Remove default link border */
}

.link-bar a:hover {
  background-color: #f0f0f0; /* Change background color on hover */
}

.dropbtn {
  background-color: #c4c4c4;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}



.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: red;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: red;color:white;}

iframe {
  width: 100%;
  height: 83vh;
}