div#container
{
   width: 985px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: transparent;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 25%;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 0px solid #0D6EFD;
   border-radius: 0px;
   background-color: rgba(63,63,63,0.60);
   background-image: linear-gradient(to top, rgba(63,63,63,0.60) 0%, rgba(216,216,216,0.40) 100%);
   font-family: "Noto Sans";
   font-weight: bold;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 28px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 0px solid #0A58CA;
   background-color: #F8DA07;
   background-image: linear-gradient(to top, #F8DA07 0%, #EDEDED 100%);
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#CssMenu1 li i
{
   font-size: 19px;
   margin-right: 5px;
   width: 21px;
}
#Layer5
{
   background-color: transparent;
   background-image: url('images/decklinks1.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 100% 100%;
   border-radius: 0px;
   box-sizing: border-box;
}
#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;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 59px;
   width: 60px;
}
#Icon1 i
{
   color: #0D6EFD;
   display: inline-block;
   font-size: 59px;
   line-height: 59px;
   vertical-align: middle;
   width: 58px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #0D6EFD;
}
#Shape2_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.48%;
   top: 3.33%;
   width: 99.03%;
   height: 93.33%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape3_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.48%;
   top: 3.33%;
   width: 99.03%;
   height: 93.33%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: hole-in 1500ms ease-in 0ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: hole-in 1500ms ease-in 1500ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: hole-in 1500ms ease-in 3000ms 1 normal both;
   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;
   animation: hole-in 1500ms ease-in 4500ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: hole-in 1500ms ease-in 6000ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.48%;
   top: 3.33%;
   width: 99.03%;
   height: 93.33%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#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;
}
#Shape4
{
   width: 180px;
   height: 194px;
   background-color: transparent;
   background-image: url('images/heideroosje chatbox.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px #D2D2D2 solid;
   border-radius: 10px;
}
#Shape4_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.78%;
   top: 2.58%;
   width: 93.33%;
   height: 93.81%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#wb_Shape4
{
   margin: 0;
   animation: transform-wobble-top 1200ms ease-in 1000ms 1 normal both;
   vertical-align: top;
}
#Shape5_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.48%;
   top: 3.33%;
   width: 99.03%;
   height: 93.33%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#HorizontalLine1
{
   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;
}
#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: 64px;
   width: 87px;
}
#Icon2 i
{
   color: #C00000;
   display: inline-block;
   font-size: 64px;
   line-height: 64px;
   vertical-align: middle;
   width: 70px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #C00000;
}
#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: 68px;
   width: 66px;
}
#Icon3 i
{
   color: #00C024;
   display: inline-block;
   font-size: 66px;
   line-height: 68px;
   vertical-align: middle;
   width: 65px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #00C024;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7 div
{
   text-align: center;
}
#Shape9
{
   width: 63px;
   height: 488px;
   background-color: #232321;
   background-image: none;
   border: 0px #D2D2D2 solid;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: auto;
   height: 100%;
}
#SlideShow1
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#Login1
{
   background-color: #414140;
   border: 2px solid #000000;
   border-radius: 0px;
   color: #E3DED1;
   font-family: Lato;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-align: left;
   text-decoration: none;
   border-spacing: 6px;
   width: 328px;
   height: 228px;
}
#Login1 td
{
   padding: 0;
}
#Login1 .header
{
   background-color: rgba(248,248,248,0.00);
   color: #E3DED1;
   height: 0px;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Login1 .label
{
   height: 23px;
}
#Login1 .row
{
   height: 37px;
   text-align: left;
}
#Login1 .input
{
   background-color: #FFFFFF;
   border: 1px solid #DEE2E6;
   border-radius: 0px;
   color: #E3DED1;
   font-family: Lato;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   height: 37px;
   box-sizing: border-box;
   padding: 6px 4px 6px 4px;
}
#Login1 .input:focus
{
   border-color: #66AFE9;
   outline: 0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
}
#Login1 .button
{
   background-color: #F8DA07;
   border: 1px solid #F8DA07;
   border-radius: 0px;
   color: #000000;
   font-family: Lato;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   padding: 4px 14px 4px 14px;
   -webkit-appearance: none;
}
#djbutton
{
   box-sizing: border-box;
   line-height: 19px;
   text-decoration: none;
   vertical-align: top;
   border: 3px solid #000000;
   border-radius: 0px;
   background-image: linear-gradient(45deg, #F2F2F2 0%, #BFBFBF 100%);
   color: #0C0C0C;
   font-family: Bahnschrift;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#djbutton:focus
{
   outline: 0;
}
#Button1
{
   border: 3px solid #000000;
   border-radius: 0px;
   background-image: linear-gradient(45deg, #F2F2F2 0%, #BFBFBF 100%);
   color: #0C0C0C;
   font-family: Bahnschrift;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#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;
}
.darktheme #Layer5,
.darktheme #Html3,
.darktheme #wb_Icon1,
.darktheme #wb_Image5,
.darktheme #wb_Text7
{
   filter: invert(100%);
}
 .mytuner-widget { all: initial; display: block; color: #a3a29f; } .mytuner-widget, .mytuner-widget * { box-sizing: border-box; font-family: sans-serif; } .main-play-button { padding: 5px; border-radius: 20px; width: 40px; height: 40px; float: left; margin-left: 10px; margin-right: 15px; margin-top: 12.5px; cursor: pointer; background-color: #FFF; box-shadow: 1px 2px 6px -3px black; display: inline-block; } .main-play-button:hover { background-color: #EEE; } .main-play-button.disabled { filter: grayscale(1); cursor: not-allowed; } .main-play-button div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play@2x.png") no-repeat center; background-size: 16px; width: 28px; height: 28px; margin-left: 3px; } .main-play-button.loading div { background: url("https://static2.mytuner.mobi/static/images/sprite-loading.gif") no-repeat center; filter: grayscale(1); background-size: 28px; margin-left: 2px; } .main-play-button.playing div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause@2x.png") no-repeat center; background-size: 16px; margin-left: 2px; } .main-play-button.error div { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Error/erro@2x.png") no-repeat center; background-size: 16px; margin-left: 0; } .play-button { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play.png") no-repeat center; width: 40px; height: 40px; cursor: pointer; display: inline-flex; align-items: center; margin: auto 4px auto 19px; /* align with radio logo */ } .play-button.loading { background: url("https://static2.mytuner.mobi/static/images/sprite-loading.gif") no-repeat center; filter: grayscale(1); background-size: 28px; } .play-button.pla
ying { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause.png") no-repeat center; } .play-button.error { background: url("https://mytuner-radio.com/static/icons/widgets/BT_Error/erro.png") no-repeat center; background-size: 15px; } .play-button.disabled { opacity: 0.3; } .play-button.disabled:hover { cursor: not-allowed; } input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ width: 8px; padding: 0 5px; } .volume-controls { width: 35px; height: 35px; display: inline-block; position: absolute; margin-left: 5px; margin-top: 14px; padding-top: 0; border-radius: 20px; box-sizing: content-box !important; z-index: 10; /* animation */ border: 1px solid transparent; transition: background 0.5s, padding 0.5s, margin 0.5s, border 0.5s; overflow: hidden; } .volume-controls:hover { padding-top: 140px; /* add original margin */ margin-top: -126px; background-color: #F2F2F2; border: 1px solid grey; transition: background 0.5s, padding 0.5s, margin 0.5s; } .volume-controls:hover > .volume-control { display: block; } .volume-controls .volume-control { opacity: 0; margin-top: -126px; margin-left: 13px; position: absolute; transition: 0.5s all; } .volume-controls:hover .volume-control { opacity: 1; } .volume-controls .volume-indicator { cursor: pointer; display: block; } .player-radio-link { width: calc(100% - 65px - 84px - 37px - 12px); } .player-radio-name { width: calc(100% - 74px - 10px); } .player-mytuner-logo { margin-left: 47px; } @media (max-width: 480px) { .player-radio-link { width: calc(100% - 65px - 84px - 12px); } .player-mytuner-logo { margin-left: 10px; } .volume-controls { display: none; } }   .iframe-wrapper {
    width: 404px;       
    height: 499px;      
    overflow-y: auto;   
    overflow-x: hidden; 
    border: none;       
  }

  .iframe-wrapper iframe {
    width: 500px;        
    height: 6006px;      
    border: none;
    transform: scale(0.808); 
    transform-origin: top left;
    display: block;
  }

  /* Donkere scrollbar voor iframe-wrapper */
  .iframe-wrapper::-webkit-scrollbar {
    width: 10px;
  }

  .iframe-wrapper::-webkit-scrollbar-track {
    background: #1a1a1a;
  }

  .iframe-wrapper::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 5px;
    border: 2px solid #1a1a1a;
  }

  /* Firefox */
  .iframe-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #444 #1a1a1a;
  }