body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { margin: 0px; padding: 0px; } body { font-family: Arial, sans-serif; font-size: 85%; color: rgb(76, 76, 76); line-height: 1.4; background-color: rgb(249, 249, 249); } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } #header { height: auto; text-align: left; position: relative; z-index: 3; width: 100%; background-color: rgb(255, 255, 255); } .header-top { width: 100%; height: 40px; position: relative; z-index: 999; background-color: rgb(249, 249, 249); border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;} .header-con { width: 976px; margin: 0px auto; position: relative; } .banner-con { width: 976px; margin: 10px auto 0; } .p-menu { font-size: 0.9em; text-shadow: rgb(255, 255, 255) 1px 1px; position: absolute; top: 0px; right: 0px; height: 28px; text-align: right; } a { text-decoration: none; } a, h1, h1 a.h1-a { color: #247D9E; } h1, .h-title, .h1, .spot-box h3, .newsbox .h1 { font-family: Arial, sans-serif; font-size: 1.8em; margin-bottom: 0.2em; } .newsbox .h1 { font-size: 1.4em; } .newsbox .list h3 { font-size: .9em; font-style: italic; font-weight: light; clear: both; } .news-content { margin-top: .5rem; margin-bottom: 1rem; clear: both; } .news-footer a { display: block; margin-top: 8px; } .p-menu a, .icon-holder { padding: 14px; color: rgb(76, 76, 76); text-decoration: none; } ul { margin: 0px; padding: 0px; list-style: none outside none; } li { list-style: none; } .p-menu li { float: left; margin: 0px; padding: 0px; line-height: 40px; position: relative; z-index: 0; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(229, 229, 229); } #dropmenu li { float: none; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: rgb(255, 255, 255); } #dropmenu .first { width: auto; padding: 0px; background-color: rgb(249, 249, 249); } .p-menu .avatar { width: 30px; height: 30px; display: block; position: absolute; left: 6px; top: 5px; -webkit-background-size: cover; background-size: cover; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } #dropmenu a { background-color: rgb(249, 249, 249); display: block; padding: 0px 0px 0px 20px; } .p-menu .first a { display: inline-block !important; padding-right: 12px; padding: 0px 12px 0px 45px !important; } #dropmenu a.icon-holder { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(229, 229, 229); display: inline-block; padding: 0px 14px !important; } .hdr-optns a span, .listitems a.nogood, .alarm-icon, .favo-icon, a.close, a.close span, .fa { display: inline-block; width: 16px; height: 16px; background-image: url(/_images/icons-sprite.png); background-attachment: scroll; background-color: transparent; zoom: 1; margin-right: 8px; font-size: 1.2em; background-position: 0px 0px; background-repeat: no-repeat no-repeat; } .alarm-icon, .favo-icon { vertical-align: text-top; } .p-menu .icon { margin: 0px; } #dropmenu .count { float: right; margin-right: 20px; padding-left: 17px; } .header-banner { background-color: rgb(255, 255, 255); width: 100%; min-height: 260px; position: relative; background-position: initial initial; background-repeat: initial initial; z-index: 1; } .header-menu { width: 100%; height: 48px; background: #EEE; background: #065f89; background: #0485be; background: -moz-linear-gradient(top, #0485be 0%, #056e9d 50%, #076996 50%, #065f89 100%); background: -webkit-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: -o-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: -ms-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: linear-gradient(to bottom, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0485be', endColorstr='#065f89',GradientType=0 ); border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3); } .w-t-s { font-size: 1.1em; color: rgb(255, 255, 255); font-weight: 200; text-shadow: rgba(0, 0, 0, 0.298039) -1px -1px; } .menu { height: 48px; width: 100%; } .small-menu-button { display: none; left: 1em; position: absolute; } img { border: 0px; } .logo { float: left; padding-top: 3px; margin-right: 10px; } .menu li { display: inline-block; margin: 0px; padding: 0px; } .menu .menu-item { padding: 16px 10px 14px; height: 48px; color: rgb(255, 255, 255); font-size: .9rem; line-height: 1.2; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu .menu-item.login { display: none; } .search { position: absolute; right: -2px; bottom: 8px; width: 294px; height: 32px; z-index: 5; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; } .zoek { width: 100%; height: 18px; top: 2px; background-image: none; background-color: rgb(255, 255, 255); border: 0px; font-size: 0.9em; color: rgb(76, 76, 76); padding: 5px; z-index: 1; line-height: 22px; outline: none; font-weight: normal; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial; } .search .zoek { width: 265px; position: absolute; right: 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px inset, rgba(0, 0, 0, 0.298039) 0px 1px 1px, rgba(0, 0, 0, 0.298039) -1px -1px 1px, rgba(255, 255, 255, 0.298039) 0px 2px 1px; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px inset, rgba(0, 0, 0, 0.298039) 0px 1px 1px, rgba(0, 0, 0, 0.298039) -1px -1px 1px, rgba(255, 255, 255, 0.298039) 0px 2px 1px; } .search .go, #pm-searcher .go { background-image: url(/_images/icons-sprite.png); background-attachment: scroll; background-color: transparent; width: 16px; height: 16px; border: 0px; z-index: 2; position: absolute; right: 6px; top: 8px; background-position: 0px -244px; background-repeat: no-repeat no-repeat; } #page, .home-holder { margin: 0px auto; width: 980px; position: relative; z-index: 2; padding: 0.2em 1em; } .wrapper { width: 980px; clear: both; } .box { background-color: rgb(255, 255, 255); min-height: 200px; margin: 4px 0px 0px; position: relative; border: 1px solid rgb(229, 229, 229); box-sizing: border-box; } .box-hdr { height: 40px; position: relative; z-index: 4; background-color: rgb(249, 249, 249); border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(229, 229, 229); } .box-hdr-inner, .box-hdr-h1 { font-size: 1.1em; color: rgb(103, 103, 103); padding: 13px 14px 7px; text-shadow: rgb(255, 255, 255) 1px 1px; line-height: 1; text-align: left; display: inline-block; } .box-hdr-h1 { margin: 0; padding: 0; } h5, h4 { display: inline; } .inlnfix { font-size: 100%; display: inline; } #otherposts h3 { padding: 14px 0; font-size: 105%; } .h-title { display: block; color: #4c4c4c; margin-bottom: 14px; } .box-hdr-right { height: 37px; width: 8px; position: absolute; top: 0px; right: 0px; } .box .box-inner { padding: 10px 14px; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } #breadcrumb { padding: 6px 0px 17px 0; color: rgb(128, 128, 128); text-align: left; position: relative; } #breadcrumb li { display: inline-block; } #breadcrumb a, .info-text { color: #4c4c4c; text-decoration: none; width: auto; } #breadcrumb img { position: absolute; left: 0; top: 8px; } b { font-family: Arial, sans-serif; font-weight: bold; } #fb-box, #gp-box { position: fixed; z-index: 10; top: 34%; right: 1px; background-color: rgb(255, 255, 255); margin: 1px; color: rgb(102, 102, 102); font-size: 11px; display: block; width: 0px; height: 270px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial; } .fb-boxbutton { background: transparent url(/_images/icons-sprite.png) no-repeat 0 -559px; background-attachment: scroll; background-color: transparent; width: 54px; height: 105px; position: absolute; left: -40px; top: 8%; z-index: 1; cursor: pointer; } .plus { background-position: 0 -847px; top: 48%; } .feedbackBtn { position: fixed; z-index: 999; bottom: 1px; right: 1px; float: right; padding: 5px 10px; background-color: rgb(215, 215, 215); margin: 1px; color: rgb(102, 102, 102); border: 1px solid rgb(204, 204, 204); background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; text-shadow: white 1px 1px; font-size: 11px; display: block; background-position: initial initial; background-repeat: initial initial; } .hdr-optns { right: 0; position:absolute; top: 2px; } .hdr-optns a { float: left; } .hdr-optns a span, .listitems a.nogood, .alarm-icon, .favo-icon, a.close, a.close span, .fa { display: inline-block; width: 16px; height: 16px; background: transparent url(/_images/icons-sprite.png) no-repeat scroll 0 0px; margin-right: 8px; zoom: 1; margin-right: 8px; font-size: 1.2em; } .hdr-optns a.alarm:hover span, .alarm-icon, .hdr-optns a.alarm.active span { background-position: -16px -47px; } .hdr-optns a.favo:hover span, .favo-icon, .hdr-optns a.favo.active span { background-position: -16px -16px; } .hdr-optns a span { display: block; margin: 10px; } .hdr-optns .send span { background-position: 0 -32px; } .hdr-optns a.nogood span, a.nogood { background-position: 0 0px; margin-right: 3px; } .hdr-optns a.alarm span { background-position: 0 -47px; } .hdr-optns a.favo span{ background-position: 0 -16px; } .hdr-optns a.widget span { width: 19px; height: 17px; margin-top: 8px; background-position: 0 -86px; } .hdr-optns a.broken span { background-position: 0 -180px; } .alarm-icon, .favo-icon { vertical-align: text-top; } .hide { opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .show { opacity: 1; filter: alpha(opacity = 100); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .list img, .thumb { border: 1px solid rgb(207, 207, 207); margin: 0px 10px 10px 0px; padding: 1px; float: left; } .s3 .wrapper { width: 300px; clear: both; } .section { float: left; } .s1 { width: 980px; } .s2 { width: 640px; margin-right: 4px; } .s3 { width: 336px; margin-bottom: 4px; } .s4 { width: 488px; margin-bottom: 0; margin-right: 4px; } .s-r { margin-right: 0 !important; } .w3 .s3 { margin-right: 4px; } .w3 .s2 { margin-right: 0px; } .item-text { clear: both; padding: 4px 0 4px 0; line-height: 1.8; } .item-text.alert { margin-top: 20px; } .program .item-text { clear: none; } .list .box-inner { padding: 0; } .no-prio { color: #4c4c4c; } h2, h3, .h2 { font-size: 1.4em; } h2 a.h2-a { color: #4c4c4c; } .list img, .thumb { border: 1px solid #CFCFCF; margin: 0 10px 10px 0px; padding: 1px; float: left; } .list img { width: 100px; height: 75px; } .shortlist img { width: 40px; height: 40px; margin: 0; } .dossier-tags { margin: 30px 0 14px 0;; width: auto; clear: both; min-height: 40px; } .dossier-tags img, .addperson { width: 40px; height: 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .tag { margin: 1px; display: inline-block; vertical-align: top; position: relative; zoom: 1; float: left; } .tag.name, .tag.arrow, .addperson { background-color: #247D9E; padding: 3px 4px 3px 4px; color: #fff; line-height: 13px; } .tag.name:hover, .tag.arrow, .tag.arrow:hover, .addperson:hover { background-color: #247D9E; } .tag.arrow { background: #247D9E; } .tag.arrow span { display: inline-block; } .tag.arrow:hover { background-position: 100% -408px; } .page-menu { margin: 10px -15px 0px -15px; background: #f9f9f9 url(/_images/bgsprite.png) no-repeat scroll -350px -825px; width: auto; height: 40px; clear: both; position: relative; z-index: 2; text-shadow: #fff 1px 1px; border-bottom: 1px solid #e5e5e5; } .listitems { margin: 0 -14px -10px -14px; z-index: 1; } .listitem-top { padding: 0px 0 10px 0; } .listitem-top .info { font-size: 0.85em; color: #808080; position: absolute; right: 14px; top: 12px; } .listitems.list h1, .listitems.list h2, .listitems.list h3, .listitems.list h4, .listitems.list .h2, .guideItem .title, .ellipsis, .AZlist a, .info-title { display: inline-block; padding-top: 0px; zoom: 1; text-overflow: ellipsis; max-width: 96%; white-space: nowrap; overflow: hidden; } .listitems.list h1, .listitems.list h2, .listitems.list h3, .listitems.list h4, .listitems.list .h2 { font-size: 1.2em; } .listitems.defaultlist h1, .listitems.defaultlist h2, .listitems.defaultlist h3, .listitems.defaultlist h4, .listitems.defaultlist .h2 { max-width: 42%; } .info-title { max-width: 38%; vertical-align: middle; } .list.iconslist h3 { display: block; } .list h2, .list h3, .h1-a, .h2-a { font-size: 1.1em; display: block; } .list li { position: relative; min-height: 80px; padding: 12px 14px 12px 14px; clear: both; border: 1px solid #fff; border-top: 1px solid #f7f7f7; } #socialbtns { position: relative; height: 68px; z-index: 100; margin-bottom: 10px; } .socialbtn { margin: 15px 0 0 0; display: inline-block; vertical-align: text-top; width: 24%; text-align: center; } .sharebtn { background: #4c65a5; height: 30px; position: relative; line-height: 30px; width: 60%; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; } .sharebtn .fa { color: #fff; font-size: 1.4em; width: 25%; text-align: center; float: left; line-height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 5px 12%; } .fa { width: 20px; height: 20px; margin: 0; } .fa-google-plus { background-position: 0 -817px; } .fa-twitter { background-position: 0 -798px; } .fa-facebook { background-position: 0 -777px; } .symbaloobtn .sharebtn { background: #95cbf9; } .twitter .sharebtn { background: #3b92c8; } .googleplus .sharebtn { background: #be1f14; } #dropmenu { overflow: hidden; height: 40px; z-index: 1000; text-align: left; border: 1px solid #f9f9f9; border-width: 0 1px; } .page-loader, .more-loader { width: 16px; height: 16px; position: absolute; left: -20px; top: 13px; z-index: 100; display: none; } .fb-login-btn { line-height: 1.1; position: relative; display: block; color: #4C4C4C; } .fb-login-btn.big { line-height: 40px; background: #4162a3; text-align: center; max-width: 304px; font-size: 1.2em; color: #fff; border: 1px solid #385b9e; border-radius: 3px; margin: 20px auto; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); display: block; } .login-wrapper { max-width: 310px; margin: 0 auto; } .cookie-bar { z-index: 1000; height: auto; background: #000; background:rgba(0,0,0,0.7); width: 100%; position: fixed; bottom: 0; color: #fff; font-size: 12px; font-weight: lighter; } .cookie-container { width: 1000px; margin: 0 auto; position: relative; } .warning { padding: 10px 40px; float:left; padding-right: 230px; } .payoff { line-height: 3.1em; font-size: 1em; margin-left: 10px; } .payoff a, .payoff a:hover { color: #4C4C4C; } .btn-holder { position: absolute; right: 0; width: 230px; text-align: right; padding-right: 20px; padding-top: 16px; } span.rating-info.rating { background-color: #fff; background-color: rgba(255, 255, 255, .95); font-size: 11px; padding: 4px 5px 4px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; top: 3px; right: 3px; -moz-box-shadow: 0 0 2px #4C4C4C; -webkit-box-shadow: 0 0 2px #4C4C4C; box-shadow: 0 0 2px #4C4C4C; } .AZlist .td { width: 33%; vertical-align: top; float: left; } .AZlist a { display: block; font-size: 1em; } .selectionbox { overflow: hidden; position: absolute; left: 0; top: 4px; width: 118px; height: 32px; z-index: 10; } .reaction-area, .popover input, #EmailAddress, .settings input[type=text], .settings input[type=password], .login input[type=text], .login input[type=password], .login input[type=email], .p-menu input, #page .zoek, #pm-search { color: #4C4C4C; font-size: 100%; background: #F5F5F5; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #DCDCDC; border-top-color: #bababa; border-left-color: #bababa; line-height: 22px; } .icon-XL { margin-right: 10px; float: left; } #page-info { } .px { position: absolute !important; width: 1px !important; height: 1px !important; border: 0 !important; } .empty { height: 0 !important; min-height: 0 !important; } .clear { clear: both; } .click.for-small-guide { display: none; } .NPOPlayer-advertising { z-index: 1000; } .thumbblock a { display: inline !important; white-space: normal; font-size: 16px !important; } .thumbblock h3 { font-size: 18px; } .thumbblock { clear: both; margin-bottom: 20px; padding-right: 10px; font-size: 12px; line-height: 1.4; } .infobox .dossier-tags { margin: 16px; } .infobox #socialbtns { height: auto; } .infobox .socialbtn { width: 24%; } .infobox .sharebtn { width: 100%; } .infobox .sharebtn:hover { width: 90%; } .infobox .listitems { margin: 0 -5px -10px -5px; } .noblue { color: #4c4c4c; } .default-high { height: 250px !important; } #banner1, #banner2 { width: auto !important; height: auto !important; } .text-center { text-align: center; } .header-low { min-height: 60px; } .custom-play { cursor: pointer; color: #fff; } .custom-play div { position: absolute; background-size: cover; z-index: -1; height: 50%; width: 50%; opacity: 0.7; filter: alpha(opacity=70); -webkit-transform: translate3d(0, 0, 0); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-filter: blur(1.6px); -moz-filter: blur(1.6px); -ms-filter: blur(1.6px); -o-filter: blur(1.6px); filter: blur(1.6px); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .custom-play:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url(/_images/play.svg) no-repeat 50% 50%; background-size: auto 30%; z-index: 3; } .no-svg .custom-play:before { background-image: url(/_images/play.png); } .no-svg .custom-play.paid:before { background-image: url(/_images/paid.png); } .custom-play span { position: absolute; width: 80%; left: 10%; bottom: 10%; background: rgba(0, 0, 0, 0.4); display: block; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.4em; } .snippets-player #play span { bottom: 37%; font-size: 0.9em; } .snippets-player .custom-play:before { height: 60%; background-size: auto 45%; } .custom-play.paid:before { background-image: url(/_images/paid.svg); } .player-nav-frame { height: 140px; width: 78%; position: relative; overflow: hidden; } .costs { display: block; position: absolute; left: -60px; top: 7px; font-size: 1.8em; background: rgba(255, 255, 255, 0.2); width: 30px; height: 30px; text-align: center; border-radius: 20px; z-index: 10; } .custom-play.no-icon:before { background-image: none; } .custom-play.no-icon { cursor: default; } .p-1 { padding: 1rem; }@viewport { width: device-width; } html { -webkit-text-size-adjust: none; } .touch { -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; } .touch .banner-con, .touch .action, .touch .rectangle-con, .touch #fb-box, .touch #gp-box, .touch .box-part .fb-login-btn, .touch .box-part .hr { display: none; } #header-2 { height: 44px; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; background: #EEE; background: #065f89; background: #0485be; background: -moz-linear-gradient(top, #0485be 0%, #056e9d 50%, #076996 50%, #065f89 100%); background: -webkit-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: -o-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: -ms-linear-gradient(top, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); background: linear-gradient(to bottom, #0485be 0%,#056e9d 50%,#076996 50%,#065f89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0485be', endColorstr='#065f89',GradientType=0 ); border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 2px 0px 5px -2px rgba(0, 0, 0, 0.5), inset -2px 0px 5px -2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3) } .logo-2 { width: 87px; height: 41px; background: transparent url(/_images/logo-resp.png) no-repeat 0 0; position: relative; z-index: 1; margin: 0 auto; margin-top: 1px; display: block; } .header-con-2 { padding: 0 1em; width: auto; } .star-box-holder { display: block; } .star-select { display: none; } .a-overlay { display: none; } .touch .s4 { width: 49.7%; } .touch #page, .touch #footer .con, .touch #menu .con, .touch .home-holder { max-width: 980px; width: auto; } .touch .search { right: 12px; } .touch #embed-player { max-width: 640px; margin: 0 auto; overflow: hidden; } .touch #logo { left: 1em; } .touch .h-300 { min-height: 350px; } @media only screen and (max-width : 1030px) { .touch .slideshow, .touch .guide-arrow { display: none; } .touch .s2 { width: 65.5%; margin-right: 0.5%;} .touch .s3 { width: 34%; overflow-y: hidden; } .touch .s1, .touch .wrapper{ width: 100%; box-sizing: border-box; } .touch .fullframe-con, .touch .fullframe .shadow.bottom { width: 100%; } .touch #header-2 .search { width: 32%; } .touch #embed-player { width: 100%; height: 360px; } .touch .image-holder { width: 100%; overflow: hidden; overflow-x: scroll; white-space: nowrap; padding: 0.2em; } .touch .image-list { width: 980px; } .touch .copy { width: 66%;} .episode .star-box-holder { display: none; } .star-select { display: block; } .rating-box.program-rating .star-box-holder { display: none; } } @media only screen and (max-width : 850px) { .touch .shop, .touch .feedbackBtn, .touch .homepage .shadow, .touch .zoek-bottom, .icon-XL {display: none; } .touch .fullframe .headline { padding-left: 0; } .touch .wrapper, .touch #page, .touch #embed-player, .touch .header-con-2, .touch #footer .con, .touch .s3, .touch .s4 { width: 100%; } .touch .s2{ width: 100%; margin-right: 0;} .touch #page, .touch .header-con-2, .touch #footer .con { width: auto; } .touch #header-2 .search { width: 21%; } .touch .menu-item span { padding-left: 10px; } .touch #menu .menu-item {padding-right: 4px;} .touch #menu .menu-item.active, .touch .menu-item.active span { background-image: none; } .touch #menu .menu-item.active { box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.4), inset -1px 0px 1px rgba(0, 0, 0, 0.4), 1px 0px 1px rgba(255, 255, 255, 0.2), -1px 0px 1px rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 91, 127, 0)), to(rgba(14, 91, 127, 0.4))); background: -moz-linear-gradient(top, rgba(14, 91, 127, 0), rgba(14, 91, 127, 0.4)); } .touch #logo { left: 1em; } .touch .page-menu { background: #f9f9f9 none repeat; border-top: 1px solid #e5e5e5; } .touch #footer .section { width: 49%; float: left; } .touch .inpage-rating { display: block; } .touch .inpage-rating .rating-box { height: 50px; } .primary-img { width: 30%; max-width: 200px; height: auto; } .touch #embed-player { height: 360px; } .touch #menu ul { display: none; } .touch .small-menu-button { display: block; } .touch #header-2 .search.wide { width: 50%; } .touch .spotlight-list.list li { width: 100%; border-top: 1px solid #e3e3e3;} .touch .box#guide .guideItem { width: 32%; } .touch .box#guide .guideItem.movies { width: 66%; } .touch .wrap3 { clear: both; width: 100%; } .touch .wrap4 { clear: none;} .touch .no-player { padding: 60px 0; } .touch .errormessage.blowup, .touch .react-type.blowup { margin-bottom: 40px; } .touch .player-box .first, .touch .player-box .middle { display: none; } .touch .box.player-box { width: 100%; background-image: none; background: #222529; height: auto; margin: 4px 0 0 0 !important; border-radius: 4px; } .touch .player-box li { border: 0; } .touch .player-nav .navthumb { max-width: 100px; } .touch .arrow a { background-position: -350px -727px; } .touch .right a {background-position: -350px -676px;} .touch .other { font-size: 1.2em; } .touch .other-link:hover { color: #197a9e; } .touch .AZlist a { line-height: 3.2em; } .touch .defaultlist li { padding-bottom: 32px; } .a-overlay { display: inline; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; outline: 0; } .h-title h3, .h-title h2 { font-size: .7em; } } @media only screen and (max-width : 640px) { .touch .header-info-box, .touch .stappen, .touch .program .tabs, .touch .showitems, .touch .twitter, .touch .symbaloobtn, .touch .banner_rectangle, .touch .h-title h3, .touch .role-line, .touch #snippets-nav, .touch #play .paid { display: none; } .touch .snippets-player #play span { bottom: 10%; } .touch .socialbtn { width: 48%; } .touch .program .header-info { padding: 0; } .touch #embed-player { height: 200px; } .touch .auto-height #embed-player { height: auto !important; } .touch #tabs { overflow: auto; white-space: nowrap; bottom: -1px; } .touch .calender ul { width: 620px; position:relative; } .touch #footer .section { width: 100%; } .touch .calender a { height: 40px; } .touch .box-selection-bg { display: none; } .touch .list.iconslist li { width: 33%; } .touch .iconslist .icon-effect { background: #fff; } .touch .settings-menu { width: 100%; } .touch .settings-menu a { width: 43%; float: left; margin-right: 1%; } .touch .settings-menu a.active span { display: none; } .touch .settings .form-row { margin: 0; } .touch .settings .settings-info label { width: 100%; } .touch .settings input[type="text"], .touch .settings input[type="password"], .touch .login input[type="email"], .touch .login input[type="password"], #password_box { width: 97% !important; } .touch .settings-menu-r { width: 92%; } .touch .page-menu { height: 70px; } .touch #page .zoek { width: 60%; } .touch .h-300 { min-height: inherit; } .touch #guide .h-title { text-align: center; } .touch .snippets-player .custom-play:before { height: 100%; } #header-2 { position: absolute; } .touch #menu .small-menu-button, .touch #menu .back-button { position: fixed; left: 2px; top: 2px; background-color: rgba(0, 0, 0, 0.3); border-radius: 3px; padding: 2px; -webkit-transform: translate3d(0,0,0); } .touch.left-menu #menu .back-button { display: none !important; } .touch.stand-alone #menu .small-menu-button { left: 40px; } .touch.left-menu #menu .small-menu-button { top: 1px; } .touch .custom-play div { -webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -ms-filter: blur(0.8px); -o-filter: blur(0.8px); filter: blur(0.8px); } html { overflow-x: hidden; } } @media only screen and (max-width : 500px) { .touch body {font-size: 85%;} .touch #kijkwijzer, .touch .listitem-top .info, .touch .fullframe .box-hdr a, .touch .fullframe .guide-mask, .touch .searchForm, .touch .shortlist .shareRating, .touch .paging .arrow, .touch .cookie-link { display: none; } .touch .cookies .click { line-height: 2; } .touch .cookie-container .btn-holder { width: 45%; padding-top: 14px;} .touch .warning { padding-left: 10px; padding-right: 52%;} .touch .list.defaultlist .rating-box { position: absolute; right: -2px; top: 10px; width: 55px; z-index: 2; } .touch .list .star-box-holder { top: 0; right: 2px; } .touch #header-2 .search.wide { width: 80%; } .touch.stand-alone #header-2 .search.wide { width: 65%; } .touch .list.iconslist li { width: 50% } .touch .AZlist .td { width: 100%; } .touch .guideItem { width: 100%; } .touch .copy { width: 50%;} .touch .p3 .image { width: 17%; } .touch .box#guide .guideItem { width: 49%; } .touch .wrap2 { clear: both; width: 100%; } .touch .wrap3 { clear: none;} .touch .box#guide .guideItem.movies { width: 100%; } .touch .login .box-part { width: 100%; min-height: inherit; float: none; height: auto; } .touch .small-box { width: 50%;} .touch #embed-player iframe { height: 200px; } .touch .logo-svg.mid { top: 10px; } .touch .popover { width: 93%; left: 2% !important; top: 2%; padding: 2%; height: 90%;} .touch .popover .box { height: 100%; -webkit-overflow-scrolling: touch; } .touch .popover .box-inner { overflow-y: scroll; height: 80%; } .touch .share .follow-btn { font-size: 1em; } .touch .player-container .logo-svg { display: none; } .touch .no-player.alert { padding-top: 60px; } .touch .headline h1 { font-size: 1.8em; } .touch .headline { font-size: 1.4em; } .touch .tvblik-info .section { width: 100%; } .touch .click, .touch .click.button { width: 100%; padding: 0.5em 0; text-align: center; } .touch .no-player .click { width: 80%; } .touch .ios-stappen li { width: 100%; margin: 10px 0; border-width: 0 0 1px 0; } .touch .defaultlist li { line-height: 1.6; } .touch .defaultlist .star-select { width: 30%; } .touch #play span { font-size: 1.2em; } .touch .thread-box .click.btn2 { position: relative; bottom: 0; margin-top: 10px; display: inline-block !important; } .touch .fullframe #guide { height: auto; } .touch .for-small-guide { display: block; } .touch .list.halflist li { width: 100%; } .home-holder .box-hdr-inner a { float: right; margin-top: 10px; font-size: .9em; } } @media only screen and (max-width : 420px) { .touch .episode .primary-img, .touch .comments, .touch .date, .touch .p3 .image, .p-image .image { display: none; } .touch .primary-img { width: 40%; max-width: inherit; } .touch .image-holder { overflow: visible; } .touch .image-list { width: 100%; } .touch .box#guide .guideItem { width: 99%; } .touch .image-list .overlay { background: none; } .touch .image-list .image-wrap, .touch .image-wrap .overlay { width: 100%; height: 140px; } .touch .image-list .image-wrap { margin: 20px 0 0 0; float: none;} .touch .image-list .tip { width: 100%; } .touch .fullframe.toplist, .touch .toplist .fullframe-con { height: auto; min-height: 400px; } .touch .fullframe.toplist { background-image: none; } .touch .info-box, .touch .info-box h2 { font-size: 1.2em; } .touch #menu-response.blowup { height: 60px; } .touch #menu-response .success { margin-top: 0; } .touch .or { margin: 0 50%; } } .touch .small-menu-button, .touch .back-button { display: none; left: 0; position: absolute; background: transparent url(/_images/icons-sprite.png) no-repeat scroll 12px -670px; width: 50px; height: 40px; border: 0; top: 1px; } .touch.stand-alone .small-menu-button { left: 26px; } .touch .back-button { width: 37px; background-position: 8px -704px; } .left-menu #header-2, .left-menu #page, .left-menu .touch-menu, .left-menu .page-spacer { -webkit-transform:translateX(14em); -moz-transform:translateX(14em); -ms-transform:translateX(14em); -o-transform:translateX(14em); transform:translateX(14em); } #page { left: 0; } .touch-menu { width: 14em; bottom: 0; top: 0; left: -14em; background: #222529; float: left; display: inline-block; position: fixed; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .fade { opacity: 0; } .touch { overflow: hidden; height: 100%; width: 100%; -webkit-user-drag: none; -webkit-user-select: none; position: relative; } .touch { overflow: visible; } .touch .small-menu-button { display: block; } .touch .search .zoek, .touch .username, .touch .password { width: 100%; height: 18px; top: 2px; background: #fff none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3), 0px 2px 1px rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3), 0px 2px 1px rgba(255, 255, 255, 0.3); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3), 0px 2px 1px rgba(255, 255, 255, 0.3); } .touch #inlogform input { height: 28px; } .touch-menu .input.touch .pageclear { padding: 5px 5px 5px 5px; width: 80% !important; } .touch .slideshow, .touch .showitems, .touch #p-menu { display: none; } .touch .wrapper{ width: 100%;} .touch .player-box { margin-left: -1.6%;} .touch #menu li { display: block; } .touch #options .widget { display: none; } .touch .widget .box-inner { padding: 10px 14px; } .touch #inlogform { position: relative; } .header-con-2 { height: 46px; margin: 0 auto; position: relative; } .touch #logo { top: 5px; display: none; } .touch #logo img { width: 162px !important; height: auto !important; } .touch #page { height: 100%; width: 100%; margin: 0; padding: 0; display: inline-block; z-index: 2; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-width: inherit; margin-top: 44px; background: #f9f9f9; left: 0; } .touch .page-spacer { } .touch #menu { left:0; position: relative; width: auto; } .touch #page .w1 { padding: 1em; width: auto; max-width: 980px; margin: 0 auto; } .touch .fullframe { padding: 0 1em; width: auto; min-width: inherit; } .touch .cookie-container { width: 100%; } .touch .search { top: 5px; } .touch .list.iconslist .star-box-holder { width: 100%; top: 7px; } .touch .pageclear { height: 1px; margin-bottom: 190px; } .touch .guide .h-title h3 { max-width: 54%; } .touch .image-list .tip { bottom: 0; } .touch .star-box .stars-holder:hover { width: 22px; } .touch .shortlist .star-box .stars-holder:hover { margin: 0; } .touch .star-box .number { font-size: 1em; padding-top: 4px; } .touch .list-more {margin-left: 0; margin-right: 0;} .touch a:active, .touch button:active { -webkit-transform: scale3d(0.99, 0.99, 1); -webkit-box-shadow: 0px 0px 10px 10px rgba(214, 239, 248, 0.6); -moz-box-shadow: 0px 0px 10px 10px rgba(214, 239, 248, 0.6); box-shadow: 0px 0px 5px 5px rgba(214, 239, 248, 0.6); background-color: rgba(214, 239, 248, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .touch .paging a { display: inline-block; margin-top: 3px; } .touch .lb-responsive, .touch .rt-responsive { width: 100%; text-align: center; margin-top: 5px; } .touch .rt-responsive { margin: 16px 0; } .touch .stap2-success { display: none; } .rt-responsive, .rectangle-responsive, .rectangle-responsive iframe { width: 336px; height: 280px; margin: 0 auto;} @media(max-width: 850px) and (min-width: 728px) { .rt-responsive, .rectangle-responsive, .rectangle-responsive iframe { width: 728px; height: 90px; } } @media(max-width: 728px) { .rt-responsive, .rectangle-responsive, .rectangle-responsive iframe { display:none; } .rectangle-responsive-mobile, .rectangle-responsive-mobile iframe { width: 336px; height: 280px; } } @media(max-width: 640px) { .inlist-mobile, .inlist-mobile iframe { width: 320px; margin: 20px auto; } .inlist-mobile { height: auto; } } .lb-responsive, .leaderboard-responsive, .leaderboard-responsive iframe { width: 320px; height: auto; margin: 0 auto; } @media(min-width: 468px) { .lb-responsive, .leaderboard-responsive, .leaderboard-responsive iframe { width: 468px; height: auto; } } @media(min-width: 640px) { .lb-responsive, .leaderboard-responsive, .leaderboard-responsive iframe { width: 640px; height: auto; } } @media(min-width: 728px) { .lb-responsive, .leaderboard-responsive, .leaderboard-responsive iframe { width: 728px; height: auto; } } .rt-responsive iframe, .lb-responsive iframe { margin: 0 auto; } @media(max-width: 320px) { .lb-responsive, .leaderboard-responsive, .rt-responsive, .rectangle-responsive { margin-left : -0.9em; } } .leaderboard-responsive { background: transparent; } .rectangle-responsive { background: transparent; margin-top: 10px; } .force-rectangle .rectangle-responsive , .force-rectangle .rectangle-responsive iframe { width: 336px; height: 280px; margin: 0 auto; } .floating-ad { position: fixed; width: 320px; height: 0; z-index: 3; bottom: 0; left: calc(50% - 160px); margin: 0 auto; background-color: #fff; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .floating-ad.show { height: auto; border: 1px solid #000; } .floating-ad .close { position: absolute; right: 0; top: 0; font-size: 1.6rem; background: transparent; border: 0; } .floating-ad.show .close { right: -9px; top: -28px; } .floating-ad .close:before { content: '�'; } .left-menu .floating-ad { -webkit-transform: translateX(14em); -moz-transform: translateX(14em); -ms-transform: translateX(14em); -o-transform: translateX(14em); transform: translateX(14em); } #fingerprint { display: none; } @media only screen and (min-width : 1030px) { .hide-for-large { display: none; } .show-for-large { display: block; } } @media only screen and (max-width : 1029px) { .hide-for-large { display: block; } .show-for-large { display: none; } body { overflow-x: hidden; } .touch-menu li { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } #page { position: fixed; } } @media only screen and (max-width : 640px) { .touch #page { position: relative; right: 0;} body { overflow-x: hidden; } } @media only screen and (min-width : 640px) and (max-width : 1029px) { #page { position: fixed; } }