/* horizontaal */
.phScrollvak               { width:calc(100% - 5px); max-width:764px; text-align:right; margin:0 auto; padding: 1px 0px 0px 0px; overflow-y:hidden; display:inline-block;} 
.phScrollvakNep            { position: sticky; bottom:0px; }
.phScrollvakNepZichtbaar   { display: block; }
.phScrollvakNepVerborgen   { display: none; }


.phRegelAlleUren          { width:  764px; } /*  2*300 + 144 + 20 */


/*regel boven programmagegevens, opnieuw bij andere categorie*/
.phKopVak            { border: solid 1px #55AAFF; margin: 0px; padding: 1px 0px 1px 0px; 
                       background-color: #DDEEFF; color: #000000;
                       font-family: sans-serif; font-size: 0.9em; font-weight: normal; 
                       vertical-align: middle; text-align: left; 
                       display: table-cell; }
.phKopVakEersteRegel { border-top: solid 2px #55AAFF; }
.phKopVakCategorie   { width: 144px;min-width:144px; position: sticky; left: 0px; }
.phKopVakTijdstip    { width: 298px; }
.phKopVakTijdstipLeeg { width: 20px; min-width: 20px; }
.phKopVakTijdstipVervolg { text-indent: 20px; }
.phKopVakCategorieSelectieTijdstip { min-width: 210px; }
H2.phKopVakCategorieZenderCategorie { width:164px; font-weight: normal; font-size:0.8em; vertical-align: top; font-style: italic; margin:0px; padding:0px; }

/*regel met programmagegevens */
.phVakRegelProgram  { border: solid 1px #55AAFF; padding: 0px; 
                      font-family: sans-serif; font-size: 0.9em; font-weight: normal; 
                      vertical-align: top; text-align: left;
                      display:table-cell; }
.phVakRegelProgramZendernaam    { width: 144px; min-width:144px; border-right-color: #BBDDFF; position: sticky; left: 0px; background-color:rgba(255,255,255,0.9) }
.phVakRegelProgramProgramma     { border-left-color: #DDEEFF; border-right-color: #DDEEFF; }
.phVakRegelProgrampLeeg   { width: 20px; min-width: 20px; }

.phZendernaamLinkStream   { margin-left:20px; padding:2px; text-decoration:none; display: inline-block; }


.pgProgTijdEnTitel  { max-width: calc(100vw - 200px); }
.pgProgOmschrijving { max-width: calc(100vw - 200px); }
.pgProgPresentatie  { max-width: calc(100vw - 200px); }
	
@media screen and (min-width: 510px)
{
.phVakRegelProgramZendernaam { width: 200px; min-width:200px; }
.phKopVakCategorie           { width: 200px; min-width:200px; }
.phRegelAlleUren             { width: 820px; } /*  2*300 + 210 + 20 */
.phScrollvak                 { max-width: 823px; }
.phZendernaamLinkStream   { margin-left:5px; }
.pgProgTijdEnTitel  { max-width: calc(100vw - 256px); }
.pgProgOmschrijving { max-width: calc(100vw - 256px); }
.pgProgPresentatie  { max-width: calc(100vw - 256px); }
}



/*selectie datum en tijd*/
.containerSelectieDatumTijd  { width:calc(100% - 5px); max-width:776px; display:inline-block; font-family: sans-serif; margin: 10px 0px 10px 0px;}

.alineaSelectieDatumTijd     { margin: 10px 0px 10px 0px; font-family: sans-serif; font-size: 1.2em; font-weight: bold;}

.verborgenLabel              { display: none;}

.selectieDatumOfTijd         { font-family: sans-serif; font-size: 1.0em; font-weight: bold; border: 0; }