#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; }#tabs, .tabs { text-align: center; width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 9; } #tabs li { position: relative; z-index: 1; display: inline-block; margin: 14px 0px 0 0px; } .tab { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1012px; display: inline-block; padding-right: 5px; } .tab span { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -982px; padding: 6px 4px 2px 8px; display: inline-block; height: 18px; font-size: 0.8em; min-width: 30px; } .calender li:first-child a { border-left: 1px solid #e5e5e5; } .calender a:hover, .week a { color: #000; } .active .calender-tab { opacity: 1; overflow: visible; margin: 0px; color: #000; background-color: #fff; } .search #tabs { width: 100%; } #tabs.calender li { margin: 0; display: block; float: left; width: 11.111111% } #guide .calender li { width: 12.5% } .calender a { position: relative; font-size: 0.9em; width: 100%; height: 41px; display: block; padding: 5px 0 21px 0; margin: 0 0 0 0; border: 1px solid #e5e5e5; border-width: 1px 1px 0px 0px; background-image: none; color: #9d9d9d; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .calender span { display: block; font-size: 0.8em; position: absolute; width: 100%; clear: both; top: 22px; left: 0; } .overview-nav .page-menu { height: 85px; }