﻿/* RADIO TABEL.CSS */

/* TABEL OPENEN SLUITEN */
.TabelKiesAfleveringCAST{
width:auto;float:left;padding-top:7px;font-size:0.9em;color:#fff;text-shadow:1px 1px 1px #000;}


/* TABEL OPENEN SLUITEN */
.TabelOpenSluitCAST{
position:relative;
float:right;
margin-right:5px;
bottom:-6px;
background-color:#daa520;
padding:2px 5px 2px 5px;
color:#000;
border-radius:5px 15px 15px 5px;
cursor:pointer;
font-size:0.9em;
text-align:left
}
/* MEDIA */
@media only screen and (max-width:414px){.TabelOpenSluitCAST{bottom:-5px}}

/* FILTER KLIKBARE DIV */
.CASTfilterDIVklik{position:relative}
.CASTfilterDIVlink{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}

/* CONTAINER 6 AUTO voor TABEL pagina*/
.CASTcontainer-6{
position:relative;
margin-top:10px;
margin-left:10px;
margin-right:10px;
font-size:1.0em;
display:grid;
align-content:center;
/*grid-template-columns:auto auto auto auto auto auto;*/
grid-template-columns:15.77777% 15.77777% 15.77777% 15.77777% 15.77777% 15.77777%;
gap:1.0vw;
background-color:transparent
}
.CASTcontainer-6 > div{}
.CASTcontainer-6 img{width:100%;margin-right:0;margin-left:-4px;border-radius:3px !important}
/* MEDIA */
@media only screen and (max-width:1920px){.CASTcontainer-6{grid-template-columns:24.22222% 24.22222% 24.22222% 24.22222%}}
@media only screen and (max-width:1368px){.CASTcontainer-6{grid-template-columns:32.66666% 32.66666% 32.66666%}}
@media only screen and (max-width:1280px){.CASTcontainer-6{grid-template-columns:32.66666% 32.66666% 32.66666%;font-size:0.8em}}
@media only screen and (max-width:1080px){.CASTcontainer-6{grid-template-columns:49.77777% 49.77777%;font-size:1.0em}}
@media only screen and (max-width:915px){.CASTcontainer-6{grid-template-columns:49.77777% 49.77777%;font-size:0.8em}}
@media only screen and (max-width:820px){.CASTcontainer-6{grid-template-columns:49.77777% 49.77777%;font-size:0.7em}}
@media only screen and (max-width:736px){.CASTcontainer-6{grid-template-columns:100%;font-size:1.0em}}
@media only screen and (max-width:568px){.CASTcontainer-6{grid-template-columns:100%;font-size:0.8em}}
@media only screen and (max-width:507px){.CASTcontainer-6{grid-template-columns:100%;font-size:1.0em}}
@media only screen and (max-width:414px){.CASTcontainer-6{grid-template-columns:100%;font-size:1.0em}}
@media only screen and (max-width:320px){.CASTcontainer-6{grid-template-columns:100%;font-size:0.8em}}

/* INFOBALK TABEL*/
.CASTinfobalkTabel{
height:30px;
margin:5px 0 0 0;
padding:5px 0 0 0;
font-size:1.2em;
color:#dcdcdc;
text-align:left;
/*letter-spacing:0.1em;
*/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))
}
/* MEDIA */
@media only screen and (max-width:1112px){.CASTinfobalkTabel{font-size:1.1em;}}
@media only screen and (max-width:1024px){.CASTinfobalkTabel{font-size:1.2em;}}
@media only screen and (max-width:981px){.CASTinfobalkTabel{font-size:1.2em;}}
@media only screen and (max-width:800px){.CASTinfobalkTabel{font-size:1.3em;}}
@media only screen and (max-width:782px){.CASTinfobalkTabel{font-size:1.2em;}}
@media only screen and (max-width:551px){.CASTinfobalkTabel{font-size:1.1em;}}

.CASTinfobalkTabel img{
position:relative;
float:left;
top:-5px;
margin-right:3px;
width:29px !important;
left:0
}

.CASTinfobalkTabel:hover{background-color:#606060}
.CASTinfobalkTabel a:link,
.CASTinfobalkTabel a:visited{color:#d3d3d3;text-decoration:none}
.CASTinfobalkTabel a:hover,
.CASTinfobalkTabel a:active{color:#dcdcdc;text-decoration:none}

/* TABEL CAPTION TABEL */
.TabelCaptionCAST{
color:#303030;background-color:#daa520;padding-top:2px;height:30px;width:100%;margin:6px auto;display:block;font-size:1.4em;border-radius:7px 15px 15px 7px}

/* TABEL */
.TabelKolomCAST{
position:relative;
width:auto;
height:auto;
padding:0;
font-size:0.9em;
margin-top:5px
}

.TabelKolomCAST a:link,
.TabelKolomCAST a:visited{color:#dcdcdc;text-decoration:none}
.TabelKolomCAST a:hover,
.TabelKolomCAST a:active{color:#daa520;text-decoration:none}

.TabelKolomCAST img{width:30px;border-radius:7px !important;margin:0 5px 0 -1px !important}

.TabelKolomCAST table{margin:0 auto}

.TabelKolomCAST td{
font-size:1.1em;
color:#dcdcdc;
vertical-align:central;
padding:3px 5px 0 5px;
line-height:1.2em;
border-bottom:1px #7e5e60 solid
}
