body {
   font-family: 'Helvetica Neue', Arial, sans-serif;
}
table {
   border-collapse: collapse;
   table-layout: fixed; /* belangrijke instelling voor vaste kolommen */
   font-family: Arial, sans-serif;
}

th, td {
   border: 0px solid #000;
   padding: 5px 10px;
   text-align: left;
   overflow: hidden; /* voorkomt dat tekst buiten de cel valt */
   text-overflow: ellipsis; /* optioneel: ... bij overflow */
   white-space: nowrap; /* voorkomt wrap */
   background-color: #A96463;
   color:#ffffff;
}

h1 {
   color: #A96463;
   font-size: 18px;
}
h2 {
   color: #A96463;
   font-size: 16px;
}

input {margin-top:5px;}




/* Stijlen voor de select-elementen */
tr td select {
   border: 0; /* Geen rand */
   width: 100%; /* Volledige breedte van de cel */
   color: #A96463; /* Tekstkleur */
   background-color: #F9D1A9; /* Achtergrondkleur voor de dropdown */
}

/* Stijlen voor de select-elementen in ongelijke rijen */
tr.odd td select {
   background-color: #F9D1A9; /* Achtergrondkleur voor unieke rijen */
   color: #A96463; /* Tekstkleur voor unieke rijen */
}

/* Stijlen voor de select-elementen in even rijen */
tr.even td select {
   background-color: #F4B779; /* Achtergrondkleur voor even rijen */
   color: #A96463; /* Tekstkleur voor even rijen */
}

/* Voorkom dat de tekst in de select overloop */
tr td select option {
   color: #A96463; /* Tekstkleur voor de opties */
   background-color: #F9D1A9; /* Achtergrondkleur voor de opties */
}

/* Optionele stijl voor even rijen */
tr.even td select option {
   background-color: #F4B779; /* Achtergrondkleur voor opties in even rijen */

}





/* Feestdag naam */

/* Kleuren per type */
tr.odd td {
   background-color: #F9D1A9;
   color: #A96463;
}

tr td input {
   border: 0;
   width: 100%;
   color: #A96463;
}

tr.odd td input{
   background-color: #F9D1A9;
   color: #A96463;
}

tr.even td {
   background-color: #F4B779;
   color: #A96463;
}


   tr.even td input {
      background-color: #F4B779;
      color: #A96463;
   }

tr.weekend td {
   background-color: lightgray;
   color: grey;
}
tr.weekend td input {
   background-color: lightgray;
}

tr.feestdag td {
   background-color: #DA7455;
   color: #fff;
}
   tr.feestdag td input {
      background-color: #DA7455;
      color: #fff;
   }







/* Basis menu styling */
#nav {
   background-color: #f9f9f9; /* lichte achtergrond, net als even dagen */
   border: 1px solid #ccc;
   font-family: Arial, sans-serif;
}

   #nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex; /* horizontaal */
   }

      #nav ul li {
         margin: 0;
         padding: 0;
      }

         #nav ul li a, #nav ul li .aspNetDisabled {
            display: block;
            padding: 10px 20px;
            text-decoration: none;
            color: #333; /* standaard tekstkleur */
            border-right: 1px solid #ccc;
         }

         /* Laatste item geen border */
         #nav ul li:last-child a {
            border-right: none;
         }

         /* Hover effect */
         #nav ul li a:hover {
            background-color: #eee; /* weekend kleur */
            color: #000;
         }

         /* Actieve link stijl (Home bijvoorbeeld) */
         #nav ul li a.active {
            background-color: #fdd; /* feestdag roodachtig */
            font-weight: bold;
            color: #900;
         }

         /* LinkButton styling (ASP.NET) */
         #nav ul li .aspNetDisabled,
         #nav ul li .LinkButtonStyle {
            display: block;
            padding: 10px 20px;
            cursor: pointer;
            color: #333;
         }

            #nav ul li .LinkButtonStyle:hover {
               background-color: #eee;
               color: #000;
            }

/* Responsive tip: smalle schermen stapelen */
@media (max-width: 600px) {
   #nav ul {
      flex-direction: column;
   }

      #nav ul li a, #nav ul li .LinkButtonStyle {
         border-right: none;
         border-bottom: 1px solid #ccc;
      }
}