/* Radio stations */
 #sky
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/skyaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px; }
 
 
  #sky_10
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_10.png) center center no-repeat #06246D;
  background-size: 80px;
  border-radius:4px; }
 

  #skyfeelgood
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/skyfeelgoodaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px; }
 

    #sky_pop
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/skypopup.png) center center no-repeat #06246D;
  background-size: 80px;
  border-radius:4px;  }
 


      #sky_hits
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_hitsaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 


       #sky_summerhits
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_summerhitsaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 

        #sky_lounge
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_loungeaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 
 #melon_eurotop
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_eurotop.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }
  
   #melon_soulful
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_soulful.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }

   #OWR
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/OWRaan.png) center center no-repeat #1B2438;
  background-size: 110px;
  border-radius:4px; }
  
   #melon_deep
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_deep.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }
  
   #melon_nudisco
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_nudisco.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }
  
   #melon_house
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_house.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }
  
   #melon_melodic
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/melon_melodic.png) center center no-repeat #1B2438;
  background-size: 80px;
  border-radius:4px; }
  
  
         #deep
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/deep.png) center center no-repeat #DE217B;
  background-size: 90px;
  border-radius:4px;  }
 

        #q_nonstop
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_nonstop.png) center center no-repeat #97D600;
  background-size: 90px;
  border-radius:4px;  }
 
 
         #q
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q.png) center center no-repeat #ED3624;
  background-size: 90px;
  border-radius:4px;  }
 

 
          #q_hotnow
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_hotnow.png) center center no-repeat #5BC1E7;
background-size: 110px;
  border-radius:4px; 
}

          #q_fouteuur
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_fouteuur.png) center center no-repeat #F6D400;
background-size: 110px;
  border-radius:4px; 
}
 

          #q_easy
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_easy.png) center center no-repeat #FD5FB4;
background-size: 110px;
  border-radius:4px; 
}


          #q_energy
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_energy.png) center center no-repeat #92D700;
background-size: 110px;
  border-radius:4px; 
}

          #q_christmas
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_christmas.png) center center no-repeat #97D601;
  background-size: 110px;
  border-radius:4px;  }
 

        #q_summer
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_summer.png) center center no-repeat #FFE135;
  background-size: 100px;
  border-radius:4px;  }
 
        #q_90
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_90.png) center center no-repeat #FC68B6;
  background-size: 90px;
  border-radius:4px;  }
 
        #q_nl
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_nl.png) center center no-repeat #FFA800;
  background-size: 90px;
  border-radius:4px;  }
  
          #q_10
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/q_10.png) center center no-repeat #FAF3C5;
  background-size: 70px;
  border-radius:4px;  }
  
            #radionoordzee
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radionoordzee.png) center center no-repeat #00369A;
  background-size: 110px;
  border-radius:4px;  }

          #R3fm
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/3fm.png) center center no-repeat #35D327;
  background-size: 110px;
  border-radius:4px;  }
 

 
           #R3fma
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/3fma.png) center center no-repeat #0E1F39;
  background-size: 85px;
  cursor:pointer;
  border-radius:4px;  }


 
         #radio2
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio2.png) center center no-repeat #B2DBD6;
  background-size: 85px;
  cursor:pointer;
  border-radius:4px;  }
 

 
          #radio4
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio4.png) center center no-repeat #EC6552;
background-size: 85px;
  border-radius:4px;  }
 
          #radio5
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio5.png) center center no-repeat #35AE8B;
background-size: 85px;
  border-radius:4px; 
   }
 
          #npoblend
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/npoblend.png) center center no-repeat #fff;
   background-size: 110px;
   border-radius:4px;  }

          #radiofunx
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radiofunx.png) center center no-repeat #712C83;
   background-size: 110px;
   border-radius:4px;  }
 
 #funxarab
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxarab.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }

 #funxdance
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxdance.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }
   
    #funxhiphop
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxhiphop.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }
   
    #funxlatin
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxlatin.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }
   
    #funxreggae
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxreggae.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }
   
    #funxslowjamz
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/funxslowjamz.png) center center no-repeat #71BFA5;
   background-size: 110px;
   border-radius:4px;  }
   
          #brabant
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/brabant.png) center center no-repeat #FF8201;
   background-size: 90px;
   border-radius:4px;  }
   
             #rtvrijmond
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/rtvrijmond.png) center center no-repeat #C6CBCE;
   background-size: 90px;
   border-radius:4px;  }
 

           #zeeland
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/zeeland.png) center center no-repeat #0098CD;
   background-size: 90px;
   border-radius:4px;  }
 

         #sterrennl
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sterrennl.png) center center no-repeat #0A0F46;
  background-size: 85px;
  border-radius:4px;  }
 

          #souljazz
{ width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/souljazz.png) center center no-repeat #C98936;
  background-size: 85px;
  border-radius:4px;  }
 

 #R538
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538aan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 
  
 #R538_nonstop
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_nonstopaan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 
 #R538_kerst
                 
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_kerst.png), url(../radio/snow.png); 
  background-color: #1B1B1B;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: 90px, auto;
  border-radius:4px;  }

           #R538_ibiza
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_ibizaaan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 

           #R538_party
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_partyaan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 


           #R538_hitzone
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_hitzoneaan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 

            #R538_dance
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_danceaan.png) center center no-repeat #A400F9;
  background-size: 90px;
  border-radius:4px;  }
 
       #R538_pop
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R538_pop.png) center center no-repeat #1B1B1B;
background-size: 105px;
border-radius:4px; }
 


         #slam
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam.png) center center no-repeat #E40069;
  background-size: 110px;
  border-radius:4px;  }
 

         #slam_nonstop
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam_nonstop.png) center center no-repeat #E40069;
  background-size: 110px;
  border-radius:4px;  }
 

 
          #slam_boomroom
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam_boomroom.png) center center no-repeat #E40069;
  background-size: 110px;
  border-radius:4px;  }
  
  #slam_juize
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam_juize.png) center center no-repeat #E40069;
  background-size:110px;
  border-radius:4px;  }
  #slam_mix
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam_mix.png) center center no-repeat #E40069;
  background-size: 110px;
  border-radius:4px;  }
    #slam_hardstyle
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/slam_hardstyle.png) center center no-repeat #E40069;
  background-size: 110px;
  border-radius:4px;  }
         #veronica
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica.png) center center no-repeat #228DFB;
  background-size: 110px;
  border-radius:4px;  }
 

 
           #veronica_hits
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica_hits.png) center center no-repeat #228DFB;
  background-size: 100px;
  border-radius:4px;  }
 

 
            #veronica_rock
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica_rock.png) center center no-repeat #228DFB;
  background-size: 100px;
  border-radius:4px;  }
  
              #veronica_allertijden
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica_allertijden.png) center center no-repeat #228DFB;
  background-size: 110px;
  border-radius:4px;  }
  
              #veronica_90
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica_90.png) center center no-repeat #228DFB;
  background-size: 100px;
  border-radius:4px;  }
 
              #veronica_80
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/veronica_80.png) center center no-repeat #228DFB;
  background-size: 100px;
  border-radius:4px;  }
  
              #sublime
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sublime.png) center center no-repeat #87B900;
  background-size: 110px;
  border-radius:4px;  }
  
  #sublime500
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sublime500.png) center center no-repeat #87B900;
  background-size: 110px;
  border-radius:4px;  }
  
  #sublimesmooth
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sublimesmooth.png) center center no-repeat #87B900;
  background-size: 110px;
  border-radius:4px;  }
 
 
 #mnm_hits
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/mnm_hitsaan.png) center center no-repeat #1F88C1;
  background-size: 110px;
  border-radius:4px;  }
 
 #radio2BE
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio2BEaan.png) center center no-repeat #FFAA00;
  background-size: 110px;
  border-radius:4px;  }
 
  #stubru
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/stubruaan.png) center center no-repeat #DBDBDB;
  background-size: 110px;
  border-radius:4px;  }
 
          #R100p
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100p.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }
 
 
 #R100pnonstop
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pnonstop.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }
  
  #R100ppuur
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100ppuur.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }

          #R100pfeest
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pfeest.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }
 
          #R100pkerst
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pkerst.png), url(../radio/snow.png); 
  background-color: #FE7900;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: 90px, auto;
  border-radius:4px;  }

            #R100pliefde
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pliefde.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }
  
              #R100pklassiekers
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pklassiekers.png) center center no-repeat #FE7900;
  background-size: 110px;
  border-radius:4px;  }
           
		   #R100pcarnaval
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/R100pcarnaval.png) center center no-repeat #FE7900;
  background-size: 90px;
  border-radius:4px;  }


           #sky_christmas
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_christmasaan.png);
  background-color: #002D70;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: 85px, auto;
  border-radius:4px;  }
 

 
            #soulradio
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/soulradio.png) center center no-repeat #000;
  border-radius:4px;  }
 


           #sky_00
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_00aan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 

            #sky_90
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_90.png) center center no-repeat #06246D;
  background-size: 80px;
  border-radius:4px;  }
 

             #sky_80
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_80aan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 

 
             #sky_lovesongs
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sky_lovesongsaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 

            #radio1
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio1.png) center center no-repeat #1952FF;
  background-size: 85px;
  border-radius:4px; 
   }
 

            #radio10
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio10aan.png) center center no-repeat #00D473;
  background-size: 110px;
  border-radius:4px;  }
  
  #radio10nonstop
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio10nonstopaan.png) center center no-repeat #00D473;
  background-size: 110px;
  border-radius:4px;  }
  
  #radio10disco
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio10discoaan.png) center center no-repeat #00D473;
  background-size: 110px;
  border-radius:4px;  }
  
  
    #radio10soul
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/radio10_soul.png) center center no-repeat #00D473;
  background-size: 110px;
  border-radius:4px;  }

 #arrow
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/arrow.png) center center no-repeat #000;
  background-size: 90px;
  border-radius:4px;  }
 
 
  #arrowcaz
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/arrowcaz.png) center center no-repeat #ED789A;
  background-size: 90px;
  border-radius:4px;  }
  
    #arrowjazz
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/arrowjazzaan.png) center center no-repeat #612977;
  background-size: 100px;
  border-radius:4px;  }
  
      #joe
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/joe.png) center center no-repeat #612977;
  background-size: 110px;
  border-radius:4px;  }
  
    #xm
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/xm.png) center center no-repeat #124189;
  background-size: 80px;
  border-radius:4px;  }

  #bnr
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/bnr.png) center center no-repeat #FFD300;
  background-size: 60px;
  border-radius:4px;  }

   #efteling
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/efteling.png) center center no-repeat #4FB1C7;
  background-size: 45px;
  border-radius:4px;  }
 
 
              #classic
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/classic.png) center center no-repeat #E7000E;
  background-size: 90px;
  border-radius:4px;  }
 


 #skysmooth
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/skysmoothaan.png) center center no-repeat #007CDE;
  background-size: 85px;
  border-radius:4px;  }
 
 
                 #sintradio
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sintradio.png) center center no-repeat #1B2C44;
  background-size: 90px;
  border-radius:4px;  }
 


                 #sinterklaasfm
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/sinterklaasfm.png) center center no-repeat #F6F1EB;
  background-size: 70px;
  border-radius:4px;  }
 

                 #kersthitradio2
         
 { width: 100px;
  height: 70px;
  float:left;
  margin: 0px 0px 10px 10px;
  padding: 5px 5px 5px 5px;
  background:url(../radio/kersthitradio.png), url(../radio/snow.png);
  background-color: #BE1E2D;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: 90px, auto;
  border-radius:4px;  }
 


/*opmaak speler */
/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  
}

div.audio-player {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: 50px;
  background: none;
  overflow:hidden !important; 

}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 34px;
  height: 34px;
  top: 8px;
  left: 0px;
  
	background: url('../icon/SVG/play.svg') no-repeat center/18px rgba(255,255,255,0.12);
	border-radius: 50%;
	transition: 0.2s ease-in-out;
}
.mejs-controls .mejs-pause button { background-position: 0 -35px; 
background: url('../icon/SVG/pause.svg') no-repeat center/20px rgba(255,255,255,0.12);
border-radius: 50%;
transition: 0.2s ease-in-out;
}
 
 .mejs-controls .mejs-play button:hover, .mejs-controls .mejs-pause button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.mejs-controls .mejs-pause button:hover {   
  background-color: rgba(255, 255, 255, 0.2); }
 
/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 34px;
  height: 33px;
  top: 8px;
  left: 50px;
  background: url('../icon/SVG/unmute.svg') no-repeat center/18px rgba(255,255,255,0.12);
	border-radius: 50%;
	transition: 0.2s ease-in-out;
}
.mejs-controls .mejs-unmute button { 
background: url('../icon/SVG/mute.svg') no-repeat center/18px rgba(255,255,255,0.12);
border-radius: 50%;
transition: 0.2s ease-in-out;
 }

.mejs-controls .mejs-mute button:hover, .mejs-controls .mejs-unmute button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.mejs-controls .mejs-unmute button:hover { background-color: rgba(255, 255, 255, 0.2);}

/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
  position: absolute;
  top: 18px;
  left: 100px;
  cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 120px;
  height: 11px;
  background: #FFF;
  -webkit-border-radius: 54px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  width: 0;
  height: 9px;
  top: 1px;
  left: 1px;
  background: #009BDB;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}



/* metallic sliders */

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  top: 0px;
  background: #333333;
  border-radius: 6px;

}
#playlist{
font-size: 13px;
color: #FFF;
margin-top:5px; 
margin-bottom:-15px;
display: inherit;
}


@media screen and (max-width: 900px) {
#sky, #sky_pop, #sky_hits, #sky_summerhits, #sky_lounge, #joe, #q_nonstop, #q, #q_nl, #q_90, #q_hotnow, #q_christmas, #q_summer, #q_10, #q_easy, #q_energy, #q_fouteuur, #R3fm, #R3fma, #radio2, #radio4, #radio5, #radionoordzee, #radiofunx, #brabant, #zeeland, #sterrennl, #souljazz, #R538, #R538_nonstop, #R538_party,  #R538_ibiza, #R538_hitzone, #R538_dance, #R538_pop,  #R538_kerst, #slam, #slam_nonstop, #slam_boomroom, #veronica, #veronica_hits, #veronica_rock, #mnm_hits, #R100p, #R100pnonstop, #R100pfeest, #R100pkerst, #sky_christmas, #soulradio, #sky_00, #sky_90, #sky_80,  #sky_lovesongs, #radio1, #radio10,#radio10soul, #arrow, #efteling, #classic,  #skysmooth, #sintradio, #sinterklaasfm, #kersthitradio, #sky_10, #skyfeelgood, #wave, #slam_juize, #slam_mix, #slam_hardstyle, #deep, #stubru, #radio2BE, #sublime, #veronica_allertijden, #veronica_90, #veronica_80, #R100pcarnaval, #R100pliefde, #R100pklassiekers, #R100ppuur, #rtvrijmond, #arrowcaz, #xm, #funxdance, #funxarab, #funxhiphop, #funxlatin, #funxreggae, #funxslowjamz, #arrowjazz, #bnr, #radio10nonstop, #radio10disco, #sublimesmooth, #sublime500, #melon_soulful, #melon_deep, #melon_melodic, #kersthitradio2, #OWR, #npoblend
{
margin: 0px 10px 10px 0px;
}

#playlist{
font-size: 12px;
margin-top:2px; 
margin-bottom:-12px;}

}