div {
    width: 920px;
    margin: auto;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px
  }

#insturen, #footer1, #uploadMessage {
	width: 500px;
}

#content, #footer {
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
    }

#warning {
    width: 100%;
}

#bestand {
    padding: 0px;
	width: 100%;
}

#tijd {
    padding: 0px;
	width: 100%;
}

body {
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
  margin: 20px;
  background-color: #64CCC9;
}

h1 {
  color: #ff671f;
  text-align: center;
}

h2 {
  color: #ff671f;
  text-align: center;
}

h3 {
  color: #ff671f;
  text-align: center;
}

img {
  width: 100%; /* or any custom size */
  height: 100%; 
  object-fit: contain;
}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #ff671f;
  color: white;
  padding: 10px 20px;
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #ff9e1b;
}

button {
  width: 15%;
  background-color: #ff671f;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
  
button:hover {
  background-color: #ff9e1b;
}
  
.knop {
  width: 100%;
  background-color: #ff671f;
  color: white;
  padding: 10px 15px;
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.col-nummer { width: 50px; text-align: left}

.col-naam { width: 250px; text-align: left}

.col-club { width: 450px; text-align: left}

.col-status { width: 150px; text-align: left}

.col-datum { width: 150px; text-align: left}

select#filterDropdown {
  color: black; /* tekst zwart */
  background-color: white; /* witte achtergrond */
}

select#filterDropdown option {
  color: black; /* opties leesbaar */
}