div#container
{
   width: 996px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #2E2F2B;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#PageHeader1
{
   background-color: transparent;
   background-image: url('images/blackgold header.png');
   background-repeat: no-repeat;
   background-position: center top;
   border-radius: 0px;
   box-sizing: border-box;
}
#Layer5
{
   background-color: rgba(21,21,21,0.45);
   background-image: none;
   border-radius: 10px;
   box-sizing: border-box;
}
#Layer4
{
   background-color: transparent;
   background-image: url('images/blackgold footer.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: contain;
   border-radius: 0px;
}
#Layer14
{
   background-color: transparent;
   background-image: url('images/blackgold headerbar.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 100% 100%;
   border-radius: 0px;
}
#TextArt1
{
   border-width: 0;
   vertical-align: top;
}
#TextArt1
{
   filter: drop-shadow(2px 2px 0px rgba(210,229,220,0.20));
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text14 div
{
   text-align: center;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text16 div
{
   text-align: center;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text17 div
{
   text-align: center;
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text18 div
{
   text-align: center;
}
#wb_Text19 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text19 div
{
   text-align: center;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text20 div
{
   text-align: center;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text21 div
{
   text-align: center;
}
#wb_Text22 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text22 div
{
   text-align: center;
}
#wb_Text23 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text23 div
{
   text-align: center;
}
#wb_Text24 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text24 div
{
   text-align: center;
}
#wb_Text25 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text25 div
{
   text-align: center;
}
#wb_Text26 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text26 div
{
   text-align: center;
}
#wb_Text27 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text27 div
{
   text-align: center;
}
#wb_Text28 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text28 div
{
   text-align: center;
}
#wb_Text29 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text29 div
{
   text-align: center;
}
#wb_Text31 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text31 div
{
   text-align: center;
}
#wb_Text15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text15 div
{
   text-align: center;
}
#Logout1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #0D6EFD;
   border-radius: 0px;
   color: #A5A5A5;
   font-family: "Trebuchet MS";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: center;
   text-decoration: underline;
   width: 78px;
   height: 26px;
   padding: 0;
}
#wb_Text32 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text32 div
{
   text-align: center;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon2
{
   height: 20px;
   width: 20px;
}
#Icon2 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 19px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #E0C399;
}
#wb_Icon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon3
{
   height: 20px;
   width: 20px;
}
#Icon3 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 19px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #E0C399;
}
#wb_Icon5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon5
{
   height: 23px;
   width: 12px;
}
#Icon5 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 12px;
   line-height: 23px;
   vertical-align: middle;
   width: 13px;
}
#wb_Icon5:hover #Icon5 i
{
   color: #E0C399;
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.cc-revoke,.cc-window 
{
   font-family: "Arial" !important;
   font-size: 19px !important;
}
.cc-btn 
{
   font-size: 19px !important;
}
#Layer6
{
   background-color: transparent;
   background-image: url('images/webplayer kaal.png');
   background-repeat: round;
   background-position: left top;
   border-radius: 0px;
}
#HorizontalLine1
{
   border-color: #797979;
   border-style: solid;
   border-bottom-width: 175px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
   box-shadow: 2px 0px 2px #000000;
}
#RollOver1
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
}
#RollOver1 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver1 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver1 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver1 .hover
{
   visibility: hidden;
}
#RollOver1:hover .hover
{
   visibility: visible;
}
#RollOver1:hover span
{
   visibility: hidden;
}
#RollOver1 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOver2
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
}
#RollOver2 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver2 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver2 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver2 .hover
{
   visibility: hidden;
}
#RollOver2:hover .hover
{
   visibility: visible;
}
#RollOver2:hover span
{
   visibility: hidden;
}
#RollOver2 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Icon6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   animation: transform-pulse 1500ms ease 0ms infinite normal both;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon6
{
   height: 60px;
   width: 60px;
}
#Icon6 i
{
   color: #39D46E;
   display: inline-block;
   font-size: 60px;
   line-height: 60px;
   vertical-align: middle;
   width: 59px;
}
#wb_Icon6:hover #Icon6 i
{
   color: #88E6A9;
}
#wb_Icon7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   animation: transform-pulse 1500ms linear 0ms infinite normal both;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon7
{
   height: 60px;
   width: 60px;
}
#Icon7 i
{
   color: #A83E4A;
   display: inline-block;
   font-size: 60px;
   line-height: 60px;
   vertical-align: middle;
   width: 59px;
}
#wb_Icon7:hover #Icon7 i
{
   color: #B75E68;
}
#HorizontalLine2
{
   border-color: #797979;
   border-style: solid;
   border-bottom-width: 20px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
   box-shadow: 2px 0px 2px #000000;
}
#HorizontalLine3
{
   border-color: #797979;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
   box-shadow: 0px 2px 2px #000000;
}
#InlineFrame1
{
   box-sizing: border-box;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
}
.darktheme #PageHeader1,
.darktheme #Layer5,
.darktheme #Layer4,
.darktheme #Layer14
{
   filter: invert(100%);
}
  /* Verberg de standaard achtergrond */
  #slider1 {
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    height: 5px;
  }

  /* Webkit (Chrome, Safari) - track en thumb */
  #slider1::-webkit-slider-runnable-track {
    height: 5px;
    background: #D8D8D8;
    border-radius: 5px;
  }

  #slider1::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    background-color: #C19859;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px; /* Zorg dat de thumb mooi in het midden zit */
  }

  /* Firefox - track en thumb */
  #slider1::-moz-range-track {
    height: 5px;
    background: #D8D8D8;
    border-radius: 5px;
  }

  #slider1::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background-color: #C19859;
    border-radius: 50%;
    cursor: pointer;
  }

  /* Edge/IE */
  #slider1::-ms-track {
    height: 5px;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }

  #slider1::-ms-fill-lower {
    background: #D8D8D8;
    border-radius: 5px;
  }

  #slider1::-ms-fill-upper {
    background: #D8D8D8;
    border-radius: 5px;
  }

  #slider1::-ms-thumb {
    width: 20px;
    height: 20px;
    background-color: #C19859;
    border-radius: 50%;
    cursor: pointer;
  }
.whatsapp-container {
  position: fixed !important;
  left: 20px;
  bottom: 80px;
  z-index: 999999999 !important; /* maximale z-index */
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  animation: fadeIn 1s forwards;

  /* FORCEREN dat hij boven alle lagen blijft */
  transform: translate3d(0,0,0);
  will-change: transform;
  pointer-events: auto;
}

.onair-lamp {
  display: none;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: red;
  padding: 3px 8px;
  border-radius: 6px;
  margin-bottom: 8px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: pulse-lamp 1.5s infinite;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.whatsapp-float {
  width: 56px;
  height: 56px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
  animation: whatsapp-pulse 2s infinite, fadeIn 1s forwards;
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-decoration: none;
  opacity: 0;
}

.whatsapp-float img { width: 28px; height: 28px; filter: none; }
.whatsapp-float:hover { background-color: #1ebe5d; transform: scale(1.08); animation: fadeIn 1s forwards; }

@keyframes whatsapp-pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); } 70% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }
@keyframes pulse-lamp { 0%, 100% { box-shadow: 0 0 6px rgba(255,0,0,0.7); } 50% { box-shadow: 0 0 14px rgba(255,0,0,1); } }
@keyframes fadeIn { to { opacity: 1; } }

@media (max-width: 767px) {
  .whatsapp-container { bottom: 90px; }
  .whatsapp-float { width: 60px; height: 60px; }
  .whatsapp-float img { width: 32px; height: 32px; }
  .onair-lamp { font-size: 12px; padding: 3px 8px; margin-bottom: 6px; }
}