/*PROGRAMMA*/
.awardlogootje {position: absolute; z-index: 999; width: 70px; height: 70px; right: 0; top: 0; background: url("/Portals/18/Skins/zt25/assets/img/archief/terras-award-logo-klein.png") no-repeat;}

.imghouder { position: relative; display: block; min-height: 200px; max-width: 900px;}
.imghouder .WarmingUpAttentie{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/zt25/assets/img/archief/warming-up_driehoek_200x200.png") no-repeat top right;}
.imghouder .HeeftVoorprogramma{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/zt25/assets/img/archief/voorprogramma_driehoek_200x200.png") no-repeat top right;}
.imghouder .Uitverkocht{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/zt25/assets/img/archief/uitverkocht_driehoek_200x200.png") no-repeat top right;}
.imghouder .afgelast{ position: absolute; top:0; right:0;left:0;bottom: 0; background: url("/Portals/18/Skins/zt25/assets/img/archief/afgelast_driehoek_200x200.png") no-repeat top right;}
.imghouder img:not(.geenborder) { border: solid 8px #000; }
.artikelmedia { margin-top: 15px; margin-left: 0px; margin-bottom: 30px; }
.artikelmedia .mediaknop { display: inline-block; width: 40px; height: 40px; position: relative; float: none; cursor: pointer; border: solid 1px #000; transition: all .35s ease;  }
.artikelmedia .mediaknop .icon { display: block; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; -webkit-filter: invert(100%); filter: invert(100%); transition: all .35s ease; }
.artikelmedia .mediaknop .icon:hover { -webkit-filter: invert(0); filter: invert(0); }
.artikelmedia .mediaknop:hover { border: solid 1px #000; background: #000; opacity: 1; }
.artikelmedia .mediaknop.youtube .icon { background-image: url("/Portals/18/Skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px 0px; }
.artikelmedia .mediaknop.soundcloud .icon { background-image: url("/Portals/18/Skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -200px 0px; }
.artikelmedia .mediaknop.bandcamp .icon { background-image: url("/Portals/18/Skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -240px 0px; }
.artikelmedia .mediaknop.vimeo .icon { background-image: url("/Portals/18/Skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -280px 0px; }
.artikelmedia .mediaknop.spotify .icon { background-image: url("/Portals/18/Skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -320px 0px; }
h5.hideh5 { visibility: hidden; }
.btn-sm { display: inline-block; width: 33px; height: 33px; margin-right: 30px; position: relative; line-height: 33px; }
.btn-ws { background: url(/Portals/18/Skins/zt25/assets/img/archief/icon_website.png) no-repeat 50%; }
.btn-tw { background: url(/Portals/18/Skins/zt25/assets/img/archief/icon_twitter.png) no-repeat 50%; }
.btn-fb { background: url(/Portals/18/Skins/zt25/assets/img/archief/icon_facebook.png) no-repeat 50%; }
.btn-ig { background: url(/Portals/18/Skins/zt25/assets/img/archief/icon_instagram.png) no-repeat 50%; }
.btn-tt { background: url(/Portals/18/Skins/zt25/assets/img/archief/icon_tiktok.png) no-repeat 50%; }
/*//*/

/*PLAYER*/
.player { position: fixed; bottom: -300px; z-index: 999999999; height: 300px; background-color: #000; width: 600px; left: 50%; margin-left: -300px; opacity: 0; display: block; transition: all .35s ease; }
.player.actief { opacity: 1; bottom: 0; }
.playertitel a { text-decoration: none; display: block; }
.playertitel a:hover { text-decoration: underline; }
.home .playerholder { position: absolute; top: 20%; left: 50%; }
.programmaschema .playerholder { position: absolute; top: 40%; left: 50%; }
.playerholdergroot.playerholder { position: absolute; top: 50%; left: 50%; }
#playerZelf { width: 97%; height: 370px; overflow: hidden; background: #f2f2f2; position: absolute; border: solid 1px black; }
.youtube .carousel { width: 29%; height: 100%; overflow-x: hidden; position: absolute; right: 0px; /*z-index: 3;*/ text-align: center; }
.youtube .thumbnail { margin: 2px; width: 95%; border: 1px solid black; text-align: center; cursor: pointer; cursor: hand; }
.youtube iframe.player { width: 70%; height: 370px; overflow: auto; border: 0; border-right: solid 1px black; }
.yt-descript { color: #000; font-family: Arial, Helvetica, sans-serif; cursor: pointer; cursor: hand; font-size: 14px; margin-bottom: 5px; overflow-x: hidden; padding: 8px; float: left; }
span.playknop { height: 75px; width: 75px; top: 35%; left: 50%; margin-left: -37px; margin-top: -37px; position: absolute; background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play_button.png') top right no-repeat; z-index: 2 !important; }
span.playknop:hover { background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play_button.png') bottom right no-repeat; cursor: pointer; }
.programmaschema span.playknop { height: 50px; width: 50px; top: 5px; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play_button_small.png') top right no-repeat; z-index: 2 !important; }
.programmaschema span.playknop:hover { background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play_button_small.png') bottom right no-repeat; }
.playerholdergroot span.playknop { height: 200px; width: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play-200.png') top right no-repeat; z-index: 2 !important; }
.playerholdergroot span.playknop:hover { background: transparent url('/Portals/18/Skins/zt25/assets/img/archief/play-200.png') bottom right no-repeat; }

.player {height: 100px; width: 600px;}
.player #player { float: left; height: 100%; }
.player #player .thumb { display: block; float: left; position: relative; width: 100px; height: 100px; z-index: 2; background-color: #000; overflow-x: hidden; text-align: center; }
.player #player .thumb .play-btn { width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; cursor: pointer; }
.player #player .thumb .imgThumb { max-width: none; width: 100px!important; height: 100px!important; }
.player #player .label { float: left; position: relative; z-index: 2; height: 100px; overflow: hidden; width: 450px; background: #fff; }
.player #player .label .inner { display: block; padding: 23px 20px; }
.player #player .label .inner .playertitel { font-size: 24px; line-height: 24px; height: 48px; overflow: hidden; font-family: "bebas-kai", sans-serif; font-weight: normal; font-style: normal; color: #000; }
.player #player .label .inner .playertitel i { font-style: italic; }
.player #player .label .inner .playertitel a { color: #000; font-family: "bebas-kai", sans-serif; }
.player #player .label .inner .playertitel a:hover { color: #000; }
.player #player .buttons { width: 50px; height: 100px; position: relative; z-index: 2; overflow: hidden; float: left; background: #87CE97;}
.player #player .buttons .btn { display: block; width: 50px; height: 50px; position: relative; float: none; cursor: pointer; background: #87CE97; border-bottom: 1px solid #87CE97; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; -ms-transition: background 0.3s linear; transition: background 0.3s linear; }
.player #player .buttons .btn .icon { display: block; position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; }
.player #player .buttons .btn.youtube .icon { background-image: url("/portals/18/skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px 0px; }
.player #player .buttons .btn.spotify .icon { background-image: url("/portals/18/skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -320px 0px; }
.player #player .buttons .btn.close .icon { background-image: url("/portals/18/skins/zt25/assets/img/archief/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px -40px; }
.player #player .buttons .btn { cursor: default; }
.player #player .buttons .btn.close { background: #87CE97; opacity: 1; cursor: pointer; }
.player #player .buttons .btn.close:hover { opacity: .8; }
.player #player .buttons .btn.active { background: #87CE97; }
.player #player .buttons .btn.inactive { display: none; }
.player #player .youtube-embed { display: block; position: absolute; width: 600px; height: 338px; background: #fff; bottom: 100px; overflow: hidden; z-index: 1; left: 0px; }
.player #player .youtube-embed.spf { height: 352px; background: #333; bottom: 50px; }
.player #player .youtube-embed iframe { width: 600px !important; height: 338px !important; display: block; }
.player #player .youtube-embed.spf iframe { width: 102% !important; height: 352px !important; margin-left: -1%; display: block; }
.artikelexit { clear: both; padding-top: 7px; }

@media only screen and (max-width: 767.9999px) {
.player { height: 50px; width: 100% !important; left: 0; margin-left: 0; }
.player #player { height: 50px; width: 100%; }
.player #player .thumb { display: none; visibility: hidden; }
.player #player .label { float: left; position: relative; z-index: 2; height: 50px; overflow: hidden; width: 100%; background: #fff; display: block; }
.player #player .label .inner { display: block; padding: 10px 60px 10px 10px; }
.player #player .label .inner .playertitel { font-size: 24px; line-height: 24px; height: 24px; }
.player #player .buttons { height: 50px; position: absolute; right: 0; }
.player #player .buttons .btn { display: none; visibility: hidden; }
.player #player .buttons .btn.close { display: inline-block; visibility: visible; }
.player #player .youtube-embed { width: 100%; height: 230px; bottom: 50px; }
.player #player .youtube-embed iframe { width: 100% !important; height: 230px !important; display: block; }
}
/*/* PLAYER */