html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -800px;
   float:left
}
div#container
{
   width: 1340px;
   height: 1600px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url('images/dutch_landscape.jpg');
   background-attachment: fixed;
   background-position: left center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#TextArt1
{
   border-width: 0;
   vertical-align: top;
}
#TextArt2
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   filter: drop-shadow(0px 4px 14px rgba(0,0,0,0.20));
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   filter: drop-shadow(0px 4px 14px rgba(0,0,0,0.20));
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#TextArt20
{
   border-width: 0;
   vertical-align: top;
}
#Shape14
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape14
{
   margin: 0;
   animation: animate-flash 2500ms linear 0ms infinite normal both;
   vertical-align: top;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#Shape12
{
   border-width: 0;
   vertical-align: top;
}
#TextArt13
{
   border-width: 0;
   vertical-align: top;
}
#Shape11
{
   border-width: 0;
   vertical-align: top;
}
#Shape11
{
   filter: drop-shadow(0px 3px 8px rgba(68,68,68,0.20));
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape15
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   filter: drop-shadow(0px 3px 8px rgba(68,68,68,0.20));
}
#Shape10
{
   border-width: 0;
   vertical-align: top;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow1
{
   border: 0px outset #E3E3E3;
   border-radius: 10px;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#Shape13
{
   border-width: 0;
   vertical-align: top;
}
#TextArt9
{
   border-width: 0;
   vertical-align: top;
}
#Shape16
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image27
{
   vertical-align: top;
}
#Image27
{
   border: 1px solid #C0C0C0;
   border-radius: 12px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape17
{
   border-width: 0;
   vertical-align: top;
}
#TextArt4
{
   border-width: 0;
   vertical-align: top;
}
#Button5
{
   box-sizing: border-box;
   line-height: 46px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #C0C0C0;
   border-radius: 12px;
   background-color: #F28C18;
   background-image: none;
   color: #FFFFFF;
   box-shadow: 0px 3px 8px #444444;
   cursor: pointer;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button5:focus
{
   outline: 0;
}
#Button5:hover
{
   background-color: #C4161C;
   transition: background-color 500ms linear 0ms;
}
#Shape18
{
   border-width: 0;
   vertical-align: top;
}
#Shape19
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape6 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape6 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape6 a .hover
{
   visibility: hidden;
}
#wb_Shape6 a:hover .hover
{
   visibility: visible;
}
#wb_Shape6 a:hover .default
{
   visibility: hidden;
}
#wb_Shape6 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#Shape6
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape7 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape7 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape7 a .hover
{
   visibility: hidden;
}
#wb_Shape7 a:hover .hover
{
   visibility: visible;
}
#wb_Shape7 a:hover .default
{
   visibility: hidden;
}
#wb_Shape7 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#Shape7
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape20 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape20 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape20 a .hover
{
   visibility: hidden;
}
#wb_Shape20 a:hover .hover
{
   visibility: visible;
}
#wb_Shape20 a:hover .default
{
   visibility: hidden;
}
#wb_Shape20 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape20
{
   border-width: 0;
   vertical-align: top;
}
#Shape20
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape21 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape21 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape21 a .hover
{
   visibility: hidden;
}
#wb_Shape21 a:hover .hover
{
   visibility: visible;
}
#wb_Shape21 a:hover .default
{
   visibility: hidden;
}
#wb_Shape21 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape21
{
   border-width: 0;
   vertical-align: top;
}
#Shape21
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape22 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape22 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape22 a .hover
{
   visibility: hidden;
}
#wb_Shape22 a:hover .hover
{
   visibility: visible;
}
#wb_Shape22 a:hover .default
{
   visibility: hidden;
}
#wb_Shape22 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape22
{
   border-width: 0;
   vertical-align: top;
}
#Shape22
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape23 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape23 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape23 a .hover
{
   visibility: hidden;
}
#wb_Shape23 a:hover .hover
{
   visibility: visible;
}
#wb_Shape23 a:hover .default
{
   visibility: hidden;
}
#wb_Shape23 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape23
{
   border-width: 0;
   vertical-align: top;
}
#Shape23
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape24
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape25 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape25 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape25 a .hover
{
   visibility: hidden;
}
#wb_Shape25 a:hover .hover
{
   visibility: visible;
}
#wb_Shape25 a:hover .default
{
   visibility: hidden;
}
#wb_Shape25 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape25
{
   border-width: 0;
   vertical-align: top;
}
#Shape25
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape26 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape26 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape26 a .hover
{
   visibility: hidden;
}
#wb_Shape26 a:hover .hover
{
   visibility: visible;
}
#wb_Shape26 a:hover .default
{
   visibility: hidden;
}
#wb_Shape26 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape26
{
   border-width: 0;
   vertical-align: top;
}
#Shape26
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape27 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape27 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape27 a .hover
{
   visibility: hidden;
}
#wb_Shape27 a:hover .hover
{
   visibility: visible;
}
#wb_Shape27 a:hover .default
{
   visibility: hidden;
}
#wb_Shape27 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape27
{
   border-width: 0;
   vertical-align: top;
}
#Shape27
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#SlideShow3 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow3
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#SlideShow4 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow4
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#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;
}
#InlineFrame1
{
   box-sizing: border-box;
   border: 2px solid #E3E3E3;
   border-radius: 20px;
   margin: 0;
}
#Shape28
{
   border-width: 0;
   vertical-align: top;
}
#Shape29
{
   border-width: 0;
   vertical-align: top;
}
#TextArt3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text9
{
   color: #1F1F1F;
   font-family: "Trebuchet MS";
   font-weight: bold;
   font-size: 24px;
   line-height: 30.5px;
}
#wb_Text9 p, #wb_Text9 ul
{
   margin: 0;
   padding: 0;
}
#festivalKalender{
  width:100%;
  max-width:268px;
  margin:0 auto;
  padding:6px;
  box-sizing:border-box;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:linear-gradient(to bottom, #1f8fd0 0%, #0d3295 100%);
  border:2px solid #8fd3ff;
  border-radius:6px;
}

#festivalKalender .fk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
#festivalKalender .fk-title{flex:1;margin:0 6px;text-align:center;font-size:12px;font-weight:bold;line-height:28px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);}
#festivalKalender .fk-footer{margin-top:6px;text-align:center;font-size:12px;font-weight:bold;}
#festivalKalender .fk-nav{width:28px;height:28px;border:1px solid rgba(255,255,255,0.25);background:#eaeaea;color:#000;cursor:pointer;font-size:14px;line-height:26px;text-align:center;}

#festivalKalender .fk-weekdays{
  display:grid;
  grid-template-columns:repeat(7,1fr);
}

#festivalKalender .fk-weekdays div{
  text-align:center;
  font-size:11px;
  font-weight:bold;
  line-height:22px;
}

#festivalKalender .fk-month{display:none;}
#festivalKalender .fk-month.active{display:block;}

#festivalKalender .fk-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
}

#festivalKalender .fk-cell{
  height:36px;
  border:1px solid rgba(255,255,255,0.10);
}

#festivalKalender .fk-day{
  display:block;
  text-align:center;
  line-height:36px;
}

#festivalKalender .fk-link{
  display:block;
  background:#ff2a2a;
  color:#fff;
  text-align:center;
  line-height:36px;
  font-weight:bold;
  text-decoration:none;
}

#festivalKalender .fk-link:hover{
  background:#d90000;
}

/* TOOLTIP */
.fk-tooltip{
  position:absolute;
  background:#ffffe1;
  color:#000;
  padding:4px 6px;
  font-size:11px;
  border:1px solid #000;
  border-radius:2px;
  white-space:nowrap;
  pointer-events:none;
  z-index:9999;
  opacity:0;
  transition:opacity 0.1s;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
@keyframes scrolltext {
  from { transform: translateX(0%); }
  to   { transform: translateX(-50%); }
}
    /* Algemene pagina styling */
    {
      font-family: Arial, sans-serif;
      padding: 20px;
    }

    h1 {
      color: #333;
    }

    /* Pop-up styling (VERVANGT oude versie) */
    .popup-container {
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background-color: rgba(0,0,0,0.4);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .popup {
      background: #fff;
      border-radius: 20px;
      padding: 30px 20px 20px;
      width: 320px;
      text-align: center;
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
      position: relative;
    }

    .popup-icon {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #fee2e2;
      color: #b91c1c;
      font-size: 28px;
      font-weight: bold;
      margin: 0 auto 15px;
    }

    .popup h2 {
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: 700;
    }

    .popup p {
      font-size: 14px;
      color: #374151;
      margin-bottom: 20px;
    }

    .popup-close-btn {
      background: #2563eb;
      color: #fff;
      border: none;
      padding: 10px 24px;
      border-radius: 999px;
      font-weight: 700;
      cursor: pointer;
    }

    .popup-close-btn:hover {
      background: #1e40af;
    }

    /* Layout styling */
    .nlroxx-panel {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      background: #6f94b3;
      border-radius: 22px;
      padding: 18px 4px 20px;
      text-align: center;
    }

    .nlroxx-input {
      width: 70%;
      max-width: 380px;
      min-width: 210px;
      padding: 10px 18px;
      margin: 0 auto 12px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 400;
      border: 2px solid transparent;
      background: #fff;
      outline: none;
      text-align: center;
      transition: border .2s, box-shadow .2s;
    }

    .valid {
      border-color: green;
      box-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
    }

    .invalid {
      border-color: red;
      box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
    }

    .card {
      width: 100%;
      max-width: 720px;
      margin: 0 auto;
      background: #fff;
      border-radius: 24px;
      border: 1px solid rgba(203,213,225,.85);
      box-shadow: 0 12px 28px rgba(0,0,0,.14);
      overflow: hidden;
    }

    .card-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .calendar-left { padding: 12px 10px; overflow: auto; }

    .cal-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 6px;
    }

    .cal-title { font-size: 13px; font-weight: 700; }

    .cal-nav {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      border: 1px solid #e5e7eb;
      background: #fff;
      font-size: 16px;
      cursor: pointer;
    }

    .cal-weekdays, .cal-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 6px;
    }

    .cal-weekdays div {
      font-size: 10px;
      font-weight: 600;
      color: #6b7280;
    }

    .cal-day {
      height: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10.5px;
      font-weight: 600;
      border-radius: 999px;
      border: 1px solid #e5e7eb;
      background: #fff;
      cursor: pointer;
    }

    .cal-day.muted {
      color: #b5bcc7;
      border-color: transparent;
      background: transparent;
    }

    .cal-day.selected {
      background: rgba(37,99,235,.18);
      border-color: rgba(37,99,235,.45);
    }

    .calendar-right {
      padding: 12px 10px;
      border-left: 1px solid #eef2f7;
      text-align: left;
      width: 80%;
    }

    .right-title { font-size: 16px; font-weight: 800; }

    .field-label { font-size: 11px; font-weight: 700; color: #6b7280; margin: 6px 0 3px; }

    input[type="date"] {
      -webkit-appearance: none;
      appearance: none;
      background: transparent;
      border: none;
      padding: 10px;
      font-size: 13px;
      font-weight: 700;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
      display: none;
      -webkit-appearance: none;
    }

    input[type="date"]:focus { outline: none; }

    .input-textarea {
      width: 100%;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      padding: 9px 10px;
      font-size: 13px;
      min-height: 100px;
    }

    .input-time {
      width: 100%;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      padding: 9px 10px;
      font-size: 13px;
      height: auto;
    }

    .footer-btn {
      width: 96%;
      max-width: 720px;
      margin: 10px auto 0;
      display: flex;
      justify-content: center;
    }

    .nlroxx-button {
      width: 240px;
      padding: 11px 18px;
      border-radius: 999px;
      border: none;
      font-size: 14px;
      font-weight: 800;
      color: #fff;
      background: #2563eb;
      cursor: pointer;
    }