#tabs, .tabs { text-align: center; width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 9; } .sug { clear: both; } .listitems.list.sug h2 { display:block; } .page-menu .display-btns { float: right; padding-top: 10px; position: relative; z-index: 10; } .page-menu .selection { float: left; padding: 14px 0 10px 14px; z-index: 10; position: relative; width: 80px; height: 16px; } .page-menu .showitems { float: right; } .search-box .page-menu .showitems { width: 60px; } .role { top: 30px; background-position: -473px -497px; } .role-line { font-style: italic; left: 128px; font-size: 0.85em; color: #808080; width: 46%; } .defaultlist .btn, .role-line { bottom: 10px; } .selection span { background: transparent url(/_images/icons-sprite.png) no-repeat scroll -20px -67px; width: 9px; height: 6px; display: inline-block; margin-left: 4px; margin-top: 0px; vertical-align: middle; } .display-btns li { display: inline-block; } .display-btn { display: inline-block; } .display-btn span { display: block; width: 18px; height: 14px; margin: 4px 4px; background: transparent url(/_images/icons-sprite.png) no-repeat scroll 0px 0px; } .display-btns .default span { background-position: 0 -132px; } .display-btns .icon span { background-position: 0 -118px; } .display-btns .list span { background-position: 0 -104px; } .display-btns .default.active span { background-position: -36px -132px; } .display-btns .icon.active span { background-position: -36px -118px; } .display-btns .list.active span { background-position: -36px -104px; } ul.forum li.forum-list { border: 0; min-height: 40px; clear: none; padding: 4px 0px 4px 0px; } ul.list.forum { margin: 0 0 0 116px; } .forum-list .listitem-top { color: #9d9d9d; } .h1-a, .h2-a { display: block; } .selectionbox a { padding: 8px 12px; display: block; white-space: nowrap; font-size: 0.9em; } .page-menu a, .overview-box a { color: #4c4c4c; } .program .header-info { padding-top: 40px; height: 40px; } .header-info-box { position: absolute; top: 14px; left: 10px; width: 100% } .header-info-box h2 { font-size: 1em; display: inline; padding-left: 4px; width: 90%; } .hfix { font-size: 1.2em; } .inpagealarm { cursor: pointer; color: #30a2cd; } .overview { margin: 20px -14px 0px -14px; text-align: center; border-top: 1px solid #CFCFCF; padding: 20px 0 20px 0; } .overview a, .overview-li a.cat { margin: 0 0 1em 0.2em; padding: 0.6em 0.56em; display: inline-block; } .forum-list a { display: block; min-height: 40px; margin: 0; position: relative; } .forum-list .date{ right: 6px; top: 8px; position: absolute; font-size: 0.8em; } .overview-ul { margin-top: 20px; height: 40px; } .overview-li { float: left; position: relative; height: 40px; } a.empty { color: #aaaaaa; } .overview-li .overview-box { display: none; margin: 0 0 0 0px; position: absolute; top: 34px; left: 2px; z-index: 5; padding: 0; } .follow li { padding-bottom: 30px; border-top: 0; border-bottom: 1px solid #CFCFCF; } .spotlight-list { clear: both; float: left; border-width: 0 1px 1px 0px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background: -moz-linear-gradient(top, #ffffff, #eeeeee); border-radius: 2px; box-shadow: 0px 1px 2px #cccccc; padding: 10px 0 10px 0; } .spotlight-list.list li { float: left; width: 32.8%; border-top: 0; clear: none; margin-right: 3px; border: 0; border-left: 1px solid #e1e1e1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #station h2 { float: left; clear: left; border-bottom: 1px solid #CFCFCF; margin: 20px 0 14px 0; width: 100%; } #pm-searcher { margin: 7px auto; position: relative; width: 30%; } .p4 .listcell { width: 40% } .p3 .listcell { width: 40%; } .p3 .cellrating { width: 20%; } .p3 .image { width: 14%; } .p2 .listcell { width: 50%; } .p-image .listcell { padding: 12px 0; } .p-image .image { padding: 0; } .list .s-l:before { content: " | "; color: #c0c0c0; margin-left: 0.25em; vertical-align: top; } .comments { float: right; margin-top: 3px; } .no-result { clear: both; margin: 40px 0 20px; } .station-item { float: left; margin: 20px 10px; width: 114px; height: 170px; } .station-item a { clear: left; display: block; font-size: 1em; line-height: 1.6; } .station-item .title { font-weight: bold; } .action img { margin: 0 -15px -15px -15px; } #station h2 { font-family: Arial, Sans-Serif; margin: 1.4em 0; } .dossier-info { line-height: 1.8; } .dossier-info .h1-a { font-size: 1.3em; } .list.dossier-info li { padding-bottom: 32px; } #list { position: relative !important; } .halflist { width: 100%; margin: 0 !important; } .halflist:after, .sp:after { content: ''; display: block; clear: both; } .list.halflist li { width: 50%; border: 0; float: left; clear: none; border-bottom: 1px solid #f7f7f7; border-top: 0px; padding: 0; } .halflist li:nth-child(even) { } .halflist li:nth-child(odd) { content: ''; display: block; clear: both; } .halflist li:nth-child(even) .sp { border-left: 1px solid #f7f7f7; padding-left: 10px; } .sp { padding: 10px 10px 10px 0; } .home-holder.m-b { margin-bottom: 10px; } .list li.future { border: 2px solid #30a2cd; margin-top: 1.2rem; border-radius: 4px; } .future:before { content: 'Vooruit kijken'; position: absolute; width: 130px; text-transform: uppercase; letter-spacing: 1px; font-size: .7rem; background-color: #fff; left: calc(50% - 60px); top: -7px; font-weight: 600; display: block; text-align: center; color: #30a2cd; } .listitems.defaultlist .list-spotlight { background-color: #ebf2f7; margin-bottom: 0; clear: both; position: relative; } .listitems.defaultlist .list-spotlight h2, .listitems.defaultlist .list-spotlight h3 { max-width: 100%; width: 100%; } .listitems.defaultlist .list-spotlight h2 { font-size: 1.6em; } .listitems.defaultlist .list-spotlight h3 { font-size: 1.4em; max-width: 80%; } .list-spotlight:after { content: 'Uitgelicht TV nieuws'; position: absolute; top: 46px; right: -4px; background-color: #0485be; padding: 4px 10px; color: #fff; z-index: 1000; } .listitems.defaultlist .break-header h2 { display: block; font-size: 1.1rem; max-width: none; } .listitems.defaultlist .break-header h3 { display: block; font-size: 1rem; max-width: none; }#guide .page-menu { margin: 50px -15px 0px -15px; background-position: 0 -916px; width: auto; height: 42px; padding-top: 11px; } .scrollPane li { display: block; color: #4c4c4c; position: relative; } .guideItem .title { max-width: 85%; font-size: 0.9em; color: #4c4c4c } .guideItem a .title { color: #30a2cd; } .guide-container .title { max-width: 95%; } #tabs, .tabs { text-align: center; width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 9; } .guideItem li { line-height: 20px; } .guideItem span { color: #a7a7a7; vertical-align: top; } .scrollPane { height: 290px; overflow: hidden; position: relative; } .guideItem { float: left; width: 24%; margin: 14px 1% 0 0; } .guideItem.movies { width: 49%; } #guide .movies .h-title { width: 100%; } .movies .scrollPane { margin-top: 30px; height: auto; } .movies .station { font-style: italic; } .movies .station, .movies .time { display: inline-block; } .movies span.title { width: 58%; overflow: hidden; color: #4C4C4C; display: inline-block; } #guide .h-title { border-bottom: 2px solid #b8b8b8; margin: 0; display: inline-block; width: 100%; color: #4C4C4C; height: 34px; margin-bottom: 10px; } .h-title h3, .h-title h2 { font-size: 0.9em; display: inline-block; overflow: auto; } .scrollWindow { height: auto; position: relative; } .sizeBtn { width: 100%; height: 20px; display: block; margin: 8px 0 8px 0; padding-top: 8px; } .station-logo { display: inline-block; margin: 0 4px -6px; float: left; } .rtl7, .veronica { width: 58px; } .rtl5 .rtl7, .veronica {margin-right: 4px; } .h-title a { color: #4C4C4C; } .scrollPane .alarm-icon, .scrollPane .favo-icon { margin: 2px 0 0 0; float: right; } li.g-tt { display: none; } #guide .inlist-mobile { float: left; }#page.homepage { width: 100%; max-width: inherit; padding: 0; } .fullframe { min-width: 954px; text-align: left; background: transparent; position: relative; z-index: 2; margin-top: -4px; background: #fff url(/_images/home-visual.jpg) repeat-x center bottom scroll; } .fullframe-con { height: 235px; width: 976px; margin: 0 auto; position: relative; } .fullframe #guide { background-color: transparent; height: auto; z-index: 2; } .fullframe #guide .h-title { margin-bottom: 10px; } #guide .fullframe-box { z-index: 4; position: relative; background: #fff; height: 100%; } .fullframe-box, .info-copy { padding: 14px; } .fullframe .shadow { position: absolute; left: -14px; top: -14px; width: 503px; height: 388px; z-index: 2; background: transparent url(/_images/bgsprite.png) no-repeat scroll left -978px; } .fullframe .shadow.right { background-position: -74px -1038px; right: -14px; top: -14px; left: auto; } .fullframe .shadow.bottom { background-position: 0px -1460px; left: 0; right: auto; bottom: 4px; top: auto; width: 976px; height: 10px; z-index: 4; } .toplist, #toplist { background: #fff url(/_images/toplistbg.jpg) repeat-x scroll left top; min-height: 224px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); z-index: 3; margin-bottom: 4px; } .fullframe .box-hdr h2 { color: #638796; text-shadow: #fff 1px 1px; display: inline-block; } .fullframe .box-hdr { background: transparent; border: 0; } .toplist h3, #toplist h3 { color: #ccdae0; font-size: 1em; margin-bottom: 2px; } .fullframe .headline h1 { font-size: 2.2em; color: #1c5d7d; margin-top: 16px; } .fullframe .headline { color: #6d8b9a; font-size: 1.5em; font-weight: 100; padding-left: 200px; position: relative; width: 780px; } .icon-XL { position: absolute; left: 0; top: 6px; } .fullframe .headline .payoff2 { color: #1c5d7d; } .fullframe .subtitle { border-bottom: 1px solid #e2eef4; padding: 0 0 14px 0; height: auto; } .fullframe .box-hdr a { float: right; padding-top: 3px; display: inline-block; } .toplist-con { padding: 14px; } .guide-arrow { position: absolute; left: -44px; top: 160px; width: 64px; height: 50px; background: transparent url(/_images/bgsprite.png) no-repeat scroll -848px -1098px; z-index: 3; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; } .guide-arrow.right { background-position: -852px -1048px; right: -44px; left: auto; } .guide-arrow.guide-bottom { background-position: -852px -1154px; left: 454px; bottom: -14px; top: auto; z-index: 5; } .fullframe .guideItem { margin-right: 4px; height: 330px; } .guide-container { position: absolute; left: 0; } .guide-mask { overflow: hidden; position: relative; width: 100%; height: 100%; } .block { position: absolute; left: 0; width: 952px; } .block-2 { left: 952px; } .block-3 { left: 1904px; } .right.guide-right.busy { right: -20px; } .guide-left.busy { left: -20px; } .box { line-height: 1.6;} .image-list .image-wrap { display: block; position: relative; float: left; width: 180px; height: 140px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8),0 0px 2px rgba(0,0,0,.8); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.8),0 0px 2px rgba(0,0,0,.8); box-shadow: 0 1px 2px rgba(0,0,0,.8),0 0px 2px rgba(0,0,0,.6); overflow: hidden; margin-left: 12px; background: transparent no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .image-list img { position: absolute; left: 0; top: 0; z-index: 1; -moz-border-radius: 3px; border-radius: 3px; } .image-list .image-wrap.first, .image-list .image-wrap:first-child { margin: 0; } .image-list .tip { position: absolute; z-index: 3; background: #000; background: rgba(0, 0, 0, 0.5); width: 160px; bottom: -22px; padding: 5px 10px; } .image-list .showtip .tip { bottom: 0; } .headline { text-shadow: white 1px 1px; font-size: 1.2em; margin: 20px 0 10px 0; line-height: 1.4; font-family: Arial, sans-serif; } .nobg { backgorund-color: #fff; background-image: none; } .home-holder .box-hdr-inner { display: block; } .home-holder .box-hdr-inner a { float: right; font-size: .9em; } .box-hdr-inner h2 { font-size: 1em; display: inline-block; } .station-logo.rtl4, .station-logo.rtl5, .station-logo.rtl7, .station-logo.rtl8 { height: 22px; margin-top: 4px; } .station-logo { height: 30px; width: auto; }