body
{
   background-color: #FFFFF0;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #A9A9A9;
   border-radius: 0px;
   padding: 0;
   box-shadow: 5px 5px 5px #A9A9A9;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button1
{
   box-sizing: border-box;
   line-height: 23px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #800000;
   background-image: none;
   color: #FFFFFF;
   box-shadow: 3px 3px 3px #A9A9A9;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Line2
{
   border-color: #800000;
   border-style: solid;
   border-bottom-width: 9px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
   box-shadow: 3px 3px 3px #A9A9A9;
}
#Button2
{
   box-sizing: border-box;
   line-height: 23px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #DEB887;
   background-image: none;
   color: #FFFFFF;
   box-shadow: 3px 3px 3px #A9A9A9;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button6
{
   box-sizing: border-box;
   line-height: 21px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #800000;
   background-image: none;
   color: #FFFFFF;
   box-shadow: 3px 3px 3px #A9A9A9;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Line3
{
   border-color: #800000;
   border-style: solid;
   border-bottom-width: 8px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
   box-shadow: 3px 3px 3px #A9A9A9;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    background-color: #FFFFF0; /* zacht geel */
  }

  body {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }

  /* Header blijft bovenaan */
  #header {
    background-color: #FFFFF0;
    padding: 15px;
    border-bottom: 2px solid #800000;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  #header h1 {
    margin: 0 0 10px 0;
    font-size: 22px;
    color: #800000;
  }

  #searchInput {
    width: 350px;
    padding: 6px;
    font-size: 14px;
    border: 2px solid #800000;
    border-radius: 4px;
  }

  /* Scrollbare resultaten */
  #results-container {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background-color: #FFFFF0;

    /* ⭐ Afkadering van het hele blok */
    border: 2px solid #800000;
    border-radius: 6px;
    margin: 10px;
  }

  /* Tabel */
  table {
    border-collapse: collapse;
    width: 100%;
    border: 2px solid #800000;   /* buitenrand tabel */
  }

  /* Cellen */
  th, td {
    border: 1px solid #800000;   /* lijnen tussen regels en kolommen */
    padding: 6px 8px;
    font-size: 14px;
  }

  /* Kop */
  th {
    background-color: #f0e8a0;
    position: sticky;
    top: 0;
    z-index: 5;
    color: #800000;
  }

  tr:nth-child(even) {
    background-color: #fff7d1;
  }