﻿/* RADIO.CSS */

/* HELP CONTAINER*/
.RADIOhelpContainer{position:relative;text-align:center}
.RADIOhelpImageCentered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;font-size:0.9em;line-height:1.2em}
.RADIOhelpImageCentered a:link,
.RADIOhelpImageCentered a:visited{color:#000 !important;text-decoration:none}
.RADIOhelpImageCentered a:hover,
.RADIOhelpImageCentered a:active{color:#daa520;text-decoration:none}

/* HELP JA/NEE*/ 
.RADIOhelpJaNee{width:100%;height:auto;margin-top:-25px;margin-bottom:5px;color:#dcdcdc;font-size:3.8em;text-align:center;padding:5px}
/* MEDIA */
@media (min-width:854px){.RADIOhelpJaNee{display:block}}
@media (min-width:855px){.RADIOhelpJaNee{display:none}}

.RADIOhelpJaNee a:link,
.RADIOhelpJaNee a:visited{color:#dcdcdc;text-decoration:none}
.RADIOhelpJaNee a:hover,
.RADIOhelpJaNee a:active{color:#daa520;text-decoration:none}

/* HELP PAGINA*/
.RADIOsmartphoneHelp{font-size:3.5em;color:#dcdcdc;padding:30px;margin:30px auto 0 auto;width:100%}

.RADIOsmartphoneHelp a:link,
.RADIOsmartphoneHelp a:visited{color:#dcdcdc;text-decoration:none}
.RADIOsmartphoneHelp a:hover,
.RADIOsmartphoneHelp a:active{color:#daa520;text-decoration:none}

/* LINE ONDER HEADER */
#navbar{overflow:hidden;background-color:#daa520;z-index:3;width:auto;height:1px;border-radius:0}

/* FILTER KLIKBARE DIV */
.RADIOfilterDIVklik{position:relative}
.RADIOfilterDIVlink{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}

/* FILTER BLOK MOBIEL */
.RADIOfilterBlokMobiel{
position:relative;
top:0;
padding:0;
font-size:1.0em;
display:grid;
align-content:center;
grid-template-columns:12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333%;
gap:0.0vw
}

.RADIOfilterBlokMobiel> div{
margin-top:10px;
margin-left:9px;
height:30px;
font-size:3.4em;
padding-top:7px;
background:linear-gradient(90deg, rgba(218,165,32,0.8), transparent, rgba( 218,165,32,0.8));
border-radius:5px;
text-align:center
}
/* MEDIA */
@media only screen and (max-width:981px){.RADIOfilterBlokMobiel{grid-template-columns:11.99999% 11.99999% 11.99999% 11.99999% 11.99999% 11.99999% 12.88888% 12.99999%  !important}}
@media only screen and (max-width:834px){.RADIOfilterBlokMobiel{grid-template-columns:19.22222% 19.22222% 19.22222% 19.22222% 19.33333% !important}}
@media only screen and (max-width:782px){.RADIOfilterBlokMobiel{grid-template-columns:19.22222% 19.22222% 19.22222% 19.22222% 19.33333% !important}}
@media only screen and (max-width:768px){.RADIOfilterBlokMobiel{grid-template-columns:16.0% 16.0% 16.0% 16.11111% 16.11111% 16.11111% !important}}
@media only screen and (max-width:736px){.RADIOfilterBlokMobiel{grid-template-columns:19.22222% 19.22222% 19.22222% 19.22222% 19.33333% !important}}
@media only screen and (max-width:694px){.RADIOfilterBlokMobiel{grid-template-columns:19.22222% 19.22222% 19.22222% 19.22222% 19.33333% !important}}
@media only screen and (max-width:667px){.RADIOfilterBlokMobiel{grid-template-columns:19.33333% 19.33333% 19.33333% 19.33333% 19.33333% !important}}
@media only screen and (max-width:568px){.RADIOfilterBlokMobiel{grid-template-columns:19.55555% 19.55555% 19.55555% 19.55555% 19.55555% !important}}
@media only screen and (max-width:551px){.RADIOfilterBlokMobiel{grid-template-columns:24.33333% 24.33333% 24.22222% 24.22222% !important}}
@media only screen and (max-width:507px){.RADIOfilterBlokMobiel{grid-template-columns:24.22222% 24.22222% 24.22222% 24.22222% !important}}
@media only screen and (max-width:438px){.RADIOfilterBlokMobiel{grid-template-columns:24.44444% 24.44444% 24.44444% 24.44444% !important}}
@media only screen and (max-width:414px){.RADIOfilterBlokMobiel{grid-template-columns:32.77777% 32.77777% 32.77777%  !important}}
@media only screen and (max-width:375px){.RADIOfilterBlokMobiel{grid-template-columns:32.77777% 32.77777% 32.77777% !important}}
@media only screen and (max-width:320px){.RADIOfilterBlokMobiel{grid-template-columns:49% 49% !important}}

.RADIOfilterBlokMobiel a:link,
.RADIOfilterBlokMobiel a:visited{color:#dcdcdc;text-decoration:none}
.RADIOfilterBlokMobiel a:hover,
.RADIOfilterBlokMobiel a:active{color:#daa520;text-decoration:none}

/* BRON */
.RADIOaudioSource{float:right;margin:17px 0px 0 0;border-radius:30px;background-color:#daa520;width:95%}
/* MEDIA */
@media only screen and (max-width:883px){.RADIOaudioSource{max-width:100%}}

/* IMAGE */
.RADIOimage{
display:block;
max-width:93.99999%;
margin:0 auto;
border-radius:10px;
}

/* BEDRIJFSNAAM DESKTOP */
.RADIObedrijfsnaamDesktop{
width:auto;
height:116px;
margin-left:350px;
padding:20px 0 0 35px;
font-family:'Merriweather'serif;
font-size:9.5em;
line-height:1.0em;
font-style:italic;
font-weight:300;
text-align:left;
letter-spacing:-3px;
text-shadow:1px 1px 1px #666;
border-radius:58px 0 0 58px;
background:linear-gradient(to right, #000, transparent)
}
.RADIObedrijfsnaamDesktop a{text-decoration:none;color:#d3d3d3}
/* MEDIA */
@media only screen and (max-width:1024px){.RADIObedrijfsnaamDesktop{font-size:11.0em}}
@media only screen and (max-width:900px){.RADIObedrijfsnaamDesktop{font-size:9.4em}}

/* BEDRIJFSNAAM MOBIEL */
.RADIObedrijfsnaamMobiel{
width:auto;
height:90px;
margin-top:5px;
margin-left:5px;
padding-top:10px;
font-size:7.0em;
font-style:italic;
font-weight:300;
font-family:'Merriweather'serif;
text-align:center;
letter-spacing:-2px;
text-shadow:1px 1px 1px #666;
border-radius:45px 0 0 45px;
background:linear-gradient(to left, rgba(255,255,255,0.4), rgba(0,0,0,0.9)60%)
}
.RADIObedrijfsnaamMobiel a{text-decoration:none;color:#fff}
/* MEDIA */
@media only screen and (max-width:320px){.RADIObedrijfsnaamMobiel{font-size:6.0em;line-height:1.0em}}

/* CONTENT CONTAINER */
.RADIOcontentContainer{max-width:1114px;margin:-95px auto 0 auto}
/* MEDIA*/
@media only screen and (max-width:1366px){.RADIOcontentContainer{max-width:100%}}

/* HEADER CONTAINER */
.RADIOheaderContainer{
max-width:1100px;
height:120px;
margin:10px auto 0 auto;
background-color:#dfe3d7;
background-color:transparent;
border-radius:0 0 10px 10px
}

/* MENU CONTAINER */
.RADIOmenuContainer{
max-width:1100px;
height:50px;
margin:10px auto -110px auto;
background-color:#dfe3d7;
background-color:transparent;
border-radius:0 0 10px 10px
}

/* CURSOR HOVER*/
.RADIOcursor:hover{cursor:pointer}

/* INFOBALK DESKTOP*/
.RADIOinfobalkDesktop{
height:30px;
margin:15px 7px 8px 7px;
padding:2px 0 0 0;
font-size:4.5em;
color:#dcdcdc;
text-align:center;
letter-spacing:0.2em;
text-shadow:1px 1px 1px #000;
border-radius:8px;
background:linear-gradient(90deg, rgba(245,245,245,0.2), transparent, rgba(245,245,245,0.2))}
/* MEDIA */
@media only screen and (max-width:981px){.RADIOinfobalkDesktop{width:98%}}

.RADIOinfobalkDesktop a:link,
.RADIOinfobalkDesktop a:visited{color:#dcdcdc;text-decoration:none}
.RADIOinfobalkDesktop a:hover,
.RADIOinfobalkDesktop a:active{color:#daa520;text-decoration:none}

/* INFOBALK DESKTOP EINDE*/
.RADIOinfobalkDesktopEinde{
height:30px;
margin:15px 7px 25px 7px;
padding:2px 0 0 0;
font-size:4.5em;
color:#dcdcdc;
text-align:center;
letter-spacing:0.2em;
text-shadow:1px 1px 1px #000;
border-radius:8px;
background:linear-gradient(90deg, rgba(245,245,245,0.2), transparent, rgba(245,245,245,0.2))}
/* MEDIA */
@media only screen and (max-width:981px){.RADIOinfobalkDesktopEinde{width:98%}}

.RADIOinfobalkDesktopEinde a:link,
.RADIOinfobalkDesktopEinde a:visited{color:#dcdcdc;text-decoration:none}
.RADIOinfobalkDesktopEinde a:hover,
.RADIOinfobalkDesktopEinde a:active{color:#daa520;text-decoration:none}

/* OMSCHRIJVING */
.RADIOomschrijving{
max-width:94%;
max-height:25px;
margin:10px auto 10px auto;
padding:1px;
font-size:3.0em;
font-weight:bold;
color:#3B5008;
text-align:center;
border-radius:4px;
background-color:#dcdcdc
}
/* MEDIA */
@media only screen and (max-width:1024px){.RADIOomschrijving{max-width:90.99999%}}
@media only screen and (max-width:981px){.RADIOomschrijving{max-width:90.88888%}}
@media only screen and (max-width:926px){.RADIOomschrijving{max-width:90.33333%}}
@media only screen and (max-width:896px){.RADIOomschrijving{max-width:90.22222%}}
@media only screen and (max-width:854px){.RADIOomschrijving{max-width:90.11111%}} /* vanaf hier mobiel */
@media only screen and (max-width:834px){.RADIOomschrijving{max-width:93.55555%}}
@media only screen and (max-width:782px){.RADIOomschrijving{max-width:94.55555%}}
@media only screen and (max-width:551px){.RADIOomschrijving{max-width:95.0%}}
@media only screen and (max-width:507px){.RADIOomschrijving{max-width:94.88888%}}

.RADIOomschrijving a:active{text-decoration:none}
.RADIOomschrijving a:visited{text-decoration:none;color:#3B5008}
.RADIOomschrijving a:link{text-decoration:none;font-size:1.0em;color:#3B5008}
.RADIOomschrijving a:hover{text-decoration:none;color:#daa520}

/* PAGINA TITEL */
.RADIOpaginaTitel{
position:relative;
width:auto;
float:right;
right:33.55555%;
margin-top:-50px;
font-size:2.6em;
line-height:2.2em;
text-align:left;
font-weight:300;
font-style:italic;
letter-spacing:2px;
text-shadow:1px 1px 1px #666;
/*transform:translate(-19%,-50%)*/
}
/* MEDIA */
@media only screen and (max-width:1112px){.RADIOpaginaTitel{margin-top:-50px;line-height:1.5em;right:41%}}
@media only screen and (max-width:1080px){.RADIOpaginaTitel{margin-top:-50px;line-height:1.5em;right:41%}}
@media only screen and (max-width:1024px){.RADIOpaginaTitel{margin-top:-50px;line-height:1.5em;right:38%}}
@media only screen and (max-width:981px){.RADIOpaginaTitel{margin-top:-50px;line-height:1.5em;right:35%}}
@media only screen and (max-width:963px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:33%}}
@media only screen and (max-width:960px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:34%}}
@media only screen and (max-width:950px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:33%}}
@media only screen and (max-width:926px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:32%}}
@media only screen and (max-width:900px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:30%}}
@media only screen and (max-width:896px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:29%}}
@media only screen and (max-width:854px){.RADIOpaginaTitel{margin-top:-45px;line-height:1.5em;right:36%}}
@media only screen and (max-width:834px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:36%}}
@media only screen and (max-width:820px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:35%}}
@media only screen and (max-width:800px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:35%}}
@media only screen and (max-width:782px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:34%}}
@media only screen and (max-width:768px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:34%}}
@media only screen and (max-width:760px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:34%}}
@media only screen and (max-width:738px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:33%}}
@media only screen and (max-width:694px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:32%}}
@media only screen and (max-width:667px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:32%}}
@media only screen and (max-width:640px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:32%}}
@media only screen and (max-width:600px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:30%}}
@media only screen and (max-width:568px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:28%}}
@media only screen and (max-width:507px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:25%}}
@media only screen and (max-width:443px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:22%}}
@media only screen and (max-width:438px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:22%}}
@media only screen and (max-width:428px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:22%}}
@media only screen and (max-width:414px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:21%}}
@media only screen and (max-width:384px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:19%}}
@media only screen and (max-width:375px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:18%}}
@media only screen and (max-width:360px){.RADIOpaginaTitel{margin-top:-40px;line-height:1.5em;right:16%}}
@media only screen and (max-width:320px){.RADIOpaginaTitel{margin-top:-50px;line-height:1.5em;right:6%}}
/* MEDIA */
@media only screen and (max-width:1112px){.RADIOpaginaTitel a{font-size:1.3em !important}}
@media only screen and (max-width:834px){.RADIOpaginaTitel a{color:#fff !important}}

.RADIOpaginaTitel a:active{text-decoration:none}
.RADIOpaginaTitel a:visited{text-decoration:none;color:#d3d3d3}
.RADIOpaginaTitel a:link{text-decoration:none;font-size:2.0em;color:#d3d3d3;display:block}
.RADIOpaginaTitel a:hover{text-decoration:none}

/* INFOBALK EINDE */ 
.RADIOinfobalkEinde{
z-index:3;
position:relative;
width:98.55555%;
height:30px;
margin:-10px auto 15px auto;
padding:5px 5px 2px 0;
font-size:3.7em;
color:#dbd7d2;
text-align:center;
border-radius:0 0 20px 20px;
background:linear-gradient(to top, rgba(179,178,176,0.9), rgba(245,245,245,0.0))}

.RADIOinfobalkEinde a:link,
.RADIOinfobalkEinde a:visited{color:#daa520 !important;text-decoration:none}
.RADIOinfobalkEinde a:hover,
.RADIOinfobalkEinde a:active{color:#dcdcdc !important;text-decoration:none}

/* NAAR TOP PAGINA */ 
.RADIOnaarTopPagina{position:relative;float:right;margin-right:15px;padding:3px 0 0 0;text-align:center;font-size:0.9em}
.RADIOnaarTopPagina a:link{text-decoration:none}
.RADIOnaarTopPagina a:visited{color:#dcdcdc}
.RADIOnaarTopPagina a:hover{color:#dcdcdc}

/* INFOBALK EINDE MOBIEL*/ 
.RADIOinfobalkEindeMobiel{
z-index:3;
position:fixed;
padding-top:5px;
padding-bottom:15px;
bottom:0;
width:100%;
height:35px;
font-size:4.7em;
color:#dcdcdc;
text-align:center;
background-color:#000;
border-radius:20px 20px 0 0
}
.RADIOinfobalkEindeMobiel a:link{color:#dcdcdc;text-decoration:none}
.RADIOinfobalkEindeMobiel a:visited{color:#dcdcdc}
.RADIOinfobalkEindeMobiel a:hover{color:red}

/* INFOBLOK 25-45-30 */
.RADIOinfoBlok-33-33-33{
position:relative;
top:0;
padding:0;
font-size:3.8em;
display:grid;
align-content:center;
grid-template-columns:33% 33.66666% 33%;
gap:0.0vw;
background-color:transparent
}
.RADIOinfoBlok-33-33-33> div{padding:8px;margin-top:20px;margin-left:0;height:85px;color:#daa520;text-align:center}

.RADIOinfoBlok-33-33-33 a:link{color:#dcdcdc;text-decoration:none}
.RADIOinfoBlok-33-33-33 a:visited{color:#daa520}
.RADIOinfoBlok-33-33-33 a:hover{color:#daa520 !important}

/* MEDIA */
@media only screen and (max-width:854px){.RADIOinfoBlok-33-33-33{grid-template-columns:105.44444%;margin-left:7px}}
@media only screen and (max-width:846px){.RADIOinfoBlok-33-33-33{grid-template-columns:105.44444%;margin-left:7px}}
@media only screen and (max-width:834px){.RADIOinfoBlok-33-33-33{grid-template-columns:105.44444%;margin-left:7px}}
@media only screen and (max-width:768px){.RADIOinfoBlok-33-33-33{grid-template-columns:106%;margin-left:7px}}
@media only screen and (max-width:414px){.RADIOinfoBlok-33-33-33{grid-template-columns:98.44444%;margin-left:7px}}
@media only screen and (max-width:375px){.RADIOinfoBlok-33-33-33{grid-template-columns:97.99999%;margin-left:7px}}

/* INFOBLOK voor RADIO TABEL 33 33 33 */
.RADIOinfoBlokTabel-33-33-33{
position:relative;
top:0;
padding:0;
font-size:1.0em;
display:grid;
align-content:center;
grid-template-columns:33% 33.66666% 33%;
gap:0.0vw;
background-color:transparent
}
.RADIOinfoBlokTabel-33-33-33> div{padding:8px;margin-top:20px;margin-left:0;height:85px;color:#daa520}

/* KOLOM CONTAINER */
.RADIOkolomContainer{width:100%;}

/* FILTERBALK*/
.RADIOfilterbalk{
height:30px;
margin:0;
padding:2px 0 0 0;
font-size:5.0em;
color:#dcdcdc;
text-align:center;
letter-spacing:0.2em;
text-shadow:1px 1px 1px #000;
border-radius:8px;
background:linear-gradient(90deg, rgba(218,165,32,0.8), transparent, rgba( 218,165,32,0.8))
}
/* MEDIA */
@media only screen and (max-width:981px){.RADIOfilterbalk{width:98%;margin-left:-4px !important}}
@media only screen and (max-width:834px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}
@media only screen and (max-width:782px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}
@media only screen and (max-width:768px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}
@media only screen and (max-width:736px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}
@media only screen and (max-width:667px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}
@media only screen and (max-width:438px){.RADIOfilterbalk{width:97%;margin-left:-4px !important}}
@media only screen and (max-width:414px){.RADIOfilterbalk{width:97%;margin-left:-4px !important}}
@media only screen and (max-width:375px){.RADIOfilterbalk{width:97%;margin-left:-4px !important}}
@media only screen and (max-width:320px){.RADIOfilterbalk{width:96%;margin-left:-4px !important}}

/* INFOBALK TABEL*/
.RADIOinfobalkTabel{
height:30px;
margin:0;
padding:2px 0 0 0;
font-size:1.0em;
color:#dcdcdc;
text-align:center;
letter-spacing:0.2em;
text-shadow:1px 1px 1px #000;
border-radius:8px 15px 15px 8px;
cursor:pointer;
background:linear-gradient(90deg, rgba(218,165,32,0.3), transparent, rgba( 218,165,32,0.9))
}

.RADIOinfobalkTabel:hover{background-color:#606060}
.RADIOinfobalkTabel a:link,
.RADIOinfobalkTabel a:visited{color:#d3d3d3;text-decoration:none}
.RADIOinfobalkTabel a:hover,
.RADIOinfobalkTabel a:active{color:#dcdcdc;text-decoration:none}

/* SPEELVELD*/
RADIOspeelveld{margin-top:15px}
/* MEDIA */
@media only screen and (max-width:854px){.RADIOspeelveld{width:94% !important}}
@media only screen and (max-width:846px){.RADIOspeelveld{width:93% !important}}
@media only screen and (max-width:834px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:820px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:800px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:782px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:768px){.RADIOspeelveld{width:91% !important}}
@media only screen and (max-width:760px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:736px){.RADIOspeelveld{width:91% !important}}
@media only screen and (max-width:720px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:694px){.RADIOspeelveld{width:91% !important}}
@media only screen and (max-width:678px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:667px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:640px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:568px){.RADIOspeelveld{width:93% !important}}
@media only screen and (max-width:551px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:507px){.RADIOspeelveld{width:92% !important}}
@media only screen and (max-width:438px){.RADIOspeelveld{width:93% !important}}
@media only screen and (max-width:414px){.RADIOspeelveld{width:100% !important}}
@media only screen and (max-width:412px){.RADIOspeelveld{width:100% !important}}
@media only screen and (max-width:375px){.RADIOspeelveld{width:100% !important}}
@media only screen and (max-width:360px){.RADIOspeelveld{width:100% !important}}
@media only screen and (max-width:320px){.RADIOspeelveld{width:100% !important}}

/* AUDIO TEKST */
.RADIOaudioTekst{color:#daa520;font-size:3.4em;text-align:center;margin-top:12px;line-height:1.2em}
/* MEDIA */
@media only screen and (max-width:915px){.RADIOaudioTekst{width:100% !important}}

.RADIOaudioTekst a:link,
.RADIOaudioTekst a:visited{color:#dcdcdc;text-decoration:none}
.RADIOaudioTekst a:hover,
.RADIOaudioTekst a:active{color:#daa520 !important;text-decoration:none}

/* GRID CONTAINER 1*/
.RADIOgridContainer-1{
position:relative;
height:auto;
margin-top:0;
padding:0;
font-size:1.0em;
display:grid;
align-content:center;
grid-template-columns:98.66666%;
gap:0.0vw;
background-color:transparent
}
.RADIOgridContainer-1> div{padding-top:3px;top:0;margin-left:0;height:71px;margin-top:6px}
/* MEDIA */
@media only screen and (max-width:1024px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:20px !important}}
@media only screen and (max-width:926px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:45px !important}}
@media only screen and (max-width:915px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:50px !important}}
@media only screen and (max-width:883px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:55px !important}}
@media only screen and (max-width:854px){.RADIOgridContainer-1{grid-template-columns:85%;margin-left:0 !important}}
@media only screen and (max-width:846px){.RADIOgridContainer-1{grid-template-columns:85%;margin-left:0 !important}}
@media only screen and (max-width:834px){.RADIOgridContainer-1{grid-template-columns:93%;margin-left:0 !important}}
@media only screen and (max-width:820px){.RADIOgridContainer-1{grid-template-columns:93%;margin-left:0 !important}}
@media only screen and (max-width:800px){.RADIOgridContainer-1{grid-template-columns:92%;margin-left:0 !important}}
@media only screen and (max-width:768px){.RADIOgridContainer-1{grid-template-columns:99%;margin-left:0 !important}}
@media only screen and (max-width:760px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:0 !important}}
@media only screen and (max-width:640px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:0 !important}}
@media only screen and (max-width:412px){.RADIOgridContainer-1{grid-template-columns:100%;margin-left:0 !important}}

.RADIOgridContainer-1 a:link,
.RADIOgridContainer-1 a:visited{color:#daa520;text-decoration:none}
.RADIOgridContainer-1 a:hover,
.RADIOgridContainer-1 a:active{color:#dcdcdc;text-decoration:none}

/* SPEAKER CORRECTIE*/
.RADIOspeakerCorrectie{}
@media only screen and (max-width:320px){.RADIOspeakerCorrectie{margin-left:-12px}}

/* INFOBALK MOBIEL*/
.RADIOinfobalkMobiel{
width:100%;
height:30px;
margin:10px 7px 10px 7px;
padding:2px 0 0 0;
font-size:4.5em;
color:#fff;
text-align:center;
text-shadow:1px 1px 1px #000;
border-radius:8px;
background:linear-gradient(90deg, rgba(245,245,245,0.2), transparent, rgba(245,245,245,0.2))
}
/* MEDIA */
@media only screen and (max-width:834px){.RADIOinfobalkMobiel{width:96%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:568px){.RADIOinfobalkMobiel{width:97%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:551px){.RADIOinfobalkMobiel{width:96%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:438px){.RADIOinfobalkMobiel{width:97%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:414px){.RADIOinfobalkMobiel{width:97%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:375px){.RADIOinfobalkMobiel{width:97%;font-size:3.5em;margin-bottom:-70px}}
@media only screen and (max-width:320px){.RADIOinfobalkMobiel{width:96%;font-size:3.5em;margin-bottom:-70px}}

.RADIOinfobalkMobiel img{width:100%}
.RADIOinfobalkMobiel a:link,
.RADIOinfobalkMobiel a:visited{color:#fff;text-decoration:none;font-size:1.3em}
.RADIOinfobalkMobiel a:hover,
.RADIOinfobalkMobiel a:active{color:#daa520;text-decoration:none}

/* INFOBALK MOBIEL EINDE*/
.RADIOinfobalkMobielEinde{
width:100%;
height:30px;
margin:10px 7px 25px 7px;
padding:2px 0 0 0;
font-size:4.5em;
color:#fff;
text-align:center;
text-shadow:1px 1px 1px #000;
border-radius:8px;
background:linear-gradient(90deg, rgba(245,245,245,0.2), transparent, rgba(245,245,245,0.2))
}
/* MEDIA */
@media only screen and (max-width:834px){.RADIOinfobalkMobielEinde{width:96%;font-size:3.5em}}
@media only screen and (max-width:568px){.RADIOinfobalkMobielEinde{width:97%;font-size:3.5em}}
@media only screen and (max-width:551px){.RADIOinfobalkMobielEinde{width:96%;font-size:3.5em}}
@media only screen and (max-width:438px){.RADIOinfobalkMobielEinde{width:97%;font-size:3.5em}}
@media only screen and (max-width:414px){.RADIOinfobalkMobielEinde{width:97%;font-size:3.5em}}
@media only screen and (max-width:375px){.RADIOinfobalkMobielEinde{width:97%;font-size:3.5em}}
@media only screen and (max-width:320px){.RADIOinfobalkMobielEinde{width:96%;font-size:3.5em}}

.RADIOinfobalkMobielEinde a:link,
.RADIOinfobalkMobielEinde a:visited{color:#fff;text-decoration:none;font-size:1.3em}
.RADIOinfobalkMobielEinde a:hover,
.RADIOinfobalkMobielEinde a:active{color:#daa520;text-decoration:none}

/* GRID CONTAINER 8 */
.RADIOgridContainer-8{
position:relative;
height:auto;
margin-top:10px;
margin-bottom:20px;
margin-left:5px;
padding:0;
font-size:1.0em;
display:grid;
align-content:center;
grid-template-columns:12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333% 12.33333%;
gap:0.1vw;
background-color:transparent
}
.RADIOgridContainer-8 > div{padding-top:10px}
/* MEDIA */
@media only screen and (max-width:834px){.RADIOgridContainer-8{grid-template-columns:16.33333% 16.33333% 16.33333% 16.33333% 16.33333% 16.33333%;font-size:1.0em}}
@media only screen and (max-width:551px){.RADIOgridContainer-8{grid-template-columns:24.66666% 24.66666% 24.66666% 24.66666%;font-size:0.9em}}
@media only screen and (max-width:375px){.RADIOgridContainer-8{grid-template-columns:33.33333% 33.33333% 33.33333%;font-size:1.0em}}

/* GRID CONTAINER 3 */
.RADIOgridContainer-3{
position:relative;
height:auto;
margin-top:0;
padding:0;
font-size:1.0em;
display:grid;
align-content:center;
grid-template-columns:32.66666% 32.66666% 32.66666%;
gap:0.1vw;
background-color:transparent
}
.RADIOgridContainer-3> div{padding-top:3px;top:0;margin:0 auto 20px 10px;height:auto}
/* MEDIA */
@media only screen and (max-width:1080px){.RADIOgridContainer-3{grid-template-columns:32.77777% 32.77777% 32.77777%}
@media only screen and (max-width:981px){.RADIOgridContainer-3{grid-template-columns:32.44444% 32.44444% 32.44444%}
@media only screen and (max-width:960px){.RADIOgridContainer-3{grid-template-columns:32.55555% 32.55555% 32.55555%}}
@media only screen and (max-width:926px){.RADIOgridContainer-3{grid-template-columns:32.55555% 32.55555% 32.55555%}}
@media only screen and (max-width:915px){.RADIOgridContainer-3{grid-template-columns:32.55555% 32.55555% 32.55555%}}
@media only screen and (max-width:896px){.RADIOgridContainer-3{grid-template-columns:32.44444% 32.44444% 32.44444%}
@media only screen and (max-width:834px){.RADIOgridContainer-3{grid-template-columns:31.77777% 31.77777% 31.77777%}}
@media only screen and (max-width:820px){.RADIOgridContainer-3{grid-template-columns:31.77777% 31.77777% 31.77777%}}
@media only screen and (max-width:800px){.RADIOgridContainer-3{grid-template-columns:31.66666% 31.66666% 31.66666%}}
@media only screen and (max-width:768px){.RADIOgridContainer-3{grid-template-columns:31.77777% 31.77777% 31.77777%}}
@media only screen and (max-width:760px){.RADIOgridContainer-3{grid-template-columns:31.66666% 31.66666% 31.66666%}}
@media only screen and (max-width:667px){.RADIOgridContainer-3{grid-template-columns:31.77777% 31.77777% 31.77777%}}
@media only screen and (max-width:640px){.RADIOgridContainer-3{grid-template-columns:31.77777% 31.77777% 31.77777%}}
@media only screen and (max-width:600px){.RADIOgridContainer-3{grid-template-columns:48.0% 48.0%}}
@media only screen and (max-width:568px){.RADIOgridContainer-3{grid-template-columns:48.33333% 48.33333%}}
@media only screen and (max-width:551px){.RADIOgridContainer-3{grid-template-columns:95.33333%;font-size:0.9em;}}
@media only screen and (max-width:507px){.RADIOgridContainer-3{grid-template-columns:95.33333%;font-size:0.9em;}}
@media only screen and (max-width:438px){.RADIOgridContainer-3{grid-template-columns:95.99999%;font-size:0.9em;}}
@media only screen and (max-width:428px){.RADIOgridContainer-3{grid-template-columns:96.11111%;font-size:0.9em;}}
@media only screen and (max-width:414px){.RADIOgridContainer-3{grid-template-columns:96.33333%;font-size:0.9em;}}
@media only screen and (max-width:412px){.RADIOgridContainer-3{grid-template-columns:96.33333%;font-size:0.9em;}}
@media only screen and (max-width:375px){.RADIOgridContainer-3{grid-template-columns:96%;font-size:0.9em;}}
@media only screen and (max-width:360px){.RADIOgridContainer-3{grid-template-columns:96%;font-size:0.9em;}}
@media only screen and (max-width:240px){.RADIOgridContainer-3{grid-template-columns:94%;font-size:0.9em;}}

