div#container
{
   width: 970px;
   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;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#Icon1
{
   height: 25px;
   width: 25px;
}
#Icon1 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 25px;
   line-height: 25px;
   vertical-align: middle;
   width: 24px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #E0C399;
}
#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: 25px;
   width: 25px;
}
#Icon2 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 25px;
   line-height: 25px;
   vertical-align: middle;
   width: 24px;
}
#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: 28px;
   width: 17px;
}
#Icon3 i
{
   color: #AC955F;
   display: inline-block;
   font-size: 17px;
   line-height: 28px;
   vertical-align: middle;
   width: 20px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #E0C399;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border-radius: 1px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   transition: all 1ms ease;
}
#Icon4
{
   -webkit-text-stroke: 2px #000000;
   text-stroke: 2px #000000;
}
#Icon4
{
   height: 51px;
   width: 54px;
}
#Icon4 i
{
   color: #F2DA31;
   display: inline-block;
   font-size: 51px;
   line-height: 51px;
   vertical-align: middle;
   width: 54px;
   transition: all 1ms ease;
}
#wb_Icon4:hover #Icon4 i
{
   color: #F1E27C;
}
#wb_Icon5
{
   background-color: transparent;
   background-image: none;
   border-radius: 1px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   transition: all 1ms ease;
}
#Icon5
{
   -webkit-text-stroke: 2px #000000;
   text-stroke: 2px #000000;
}
#Icon5
{
   height: 51px;
   width: 54px;
}
#Icon5 i
{
   color: #F2DA31;
   display: inline-block;
   font-size: 51px;
   line-height: 51px;
   vertical-align: middle;
   width: 54px;
   transition: all 1ms ease;
}
#wb_Icon5:hover #Icon5 i
{
   color: #F1E27C;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
.darktheme #Html8
{
   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;
  }