#funke-next-level { position: absolute; right: 23px; bottom: 11px; width: 132px; z-index: 1000; } #funke-next-level img { width: 100%; } @font-face { font-family: HelveticaNeueFake; src: url('fonts/texgyreheros-regular-webfont.eot'); src: url('fonts/texgyreheros-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: HelveticaNeueFake; src: url('fonts/texgyreheros-bold-webfont.eot'); src: url('fonts/texgyreheros-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: HelveticaNeueFake; src: url('fonts/texgyreheros-italic-webfont.eot'); src: url('fonts/texgyreheros-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: HelveticaNeueFake; src: url('fonts/texgyreheros-bolditalic-webfont.eot'); src: url('fonts/texgyreheros-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: HelveticaNeueFake_Condensed; src: url('fonts/texgyreheroscn-regular-webfont.eot'); src: url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: HelveticaNeueFake_Condensed; src: url('fonts/texgyreheroscn-bold-webfont.eot'); src: url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: HelveticaNeueFake_Condensed; src: url('fonts/texgyreheroscn-italic-webfont.eot'); src: url('fonts/texgyreheroscn-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: HelveticaNeueFake_Condensed; src: url('fonts/texgyreheroscn-bolditalic-webfont.eot'); src: url('fonts/texgyreheroscn-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic; } /* differences between tvdirekt and tvdirekt-online */ #logo a img { width: 128px; } /* end differences */ html { overflow-y: scroll; } body { font-family: 'Arial', sans-serif; font-size: 12px; line-height: 1.3636; margin: 0; min-width: 980px; padding: 0; color: #666666; background: #dcedf4; } .cc_banner-wrapper { position: fixed!important; bottom: 0!important; width: 100%!important; z-index: 9999999!important; } .cc_container { background-color: rgba(0, 0, 0, 0.8)!important; position: relative!important; max-width: 940px!important; margin: 0 auto!important; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff!important; background-color: #666!important; border: 2px solid!important; } .cc_container .cc_message { font-family: 'Arial'!important; line-height: 1.25em!important; } @media screen and (min-width: 500px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 768px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 992px) { .cc_container .cc_message {font-size: 0.8em!important; } } body.green { background: #38aa32; } a { color: #2971a3; text-decoration: none; } a:hover { color: #e9001d; } img { border: none; } input, textarea, select { background: #ffffff; border: 1px solid #c9c9c9; border-radius: 4px; padding: 4px 7px; margin: 0; font-size: 12px; line-height: 14px; } input[type=image] { border: 0px } button, a.txtButton2 { padding: 4px 7px; cursor: pointer; background: transparent url('../images/headBttnBg.png') 0 0 repeat; color: white; font-weight: bold; border-radius: 4px; box-shadow: 1px 1px 4px #333333; border: none; outline: none; font-size: 12px; } button:hover, a.txtButton2:hover { background-image: url('../images/headBttnHighlightBg.png'); } a.txtButton2 { display: block; text-align: center; } a.txtButton2Inverted { background-image: url('../images/headBttnHighlightBg.png')!important; } a.txtButton2Inverted:hover { background-image: url('../images/headBttnBg.png')!important; } table { border-collapse: collapse; } table { } table td, table th { padding: 0; vertical-align: top; } #uniqueLogin { padding: 4px 7px; cursor: pointer; background: transparent url('../images/headBttnBg.png') 0 0 repeat; color: white; font-weight: bold; border-radius: 4px; box-shadow: 1px 1px 4px #333333; border: none; outline: none; font-size: 12px; } #uniqueLogin:hover { background-image: url('../images/headBttnHighlightBg.png'); } button::-moz-focus-inner { padding: 0; border: 0 } .clearer { clear: both; } img.typeIcon { margin-right: 5px; } span.select { position: absolute; width: 100px; } span.select span.selectValue {font-size: 12px; line-height: 14px; display: block; padding: 4px 27px 4px 7px; color: #000000; border: 1px solid #c9c9c9; border-radius: 4px; white-space: nowrap; overflow: hidden; background: #ffffff url('../images/selectBg.png') right 1px no-repeat; } span.select span.selectValue span { display: block; overflow: hidden; } span.select span.selectButton { display: none; } span.selectActive span.selectValue { background-image: url('../images/selectActiveBg.png') } select.selectTiny, select.selectSmall, select.selectNormal, select.selectLarge, select.selectHuge { position: relative; width: 100px; height: 24px; padding: 0; margin: 0; opacity: 0; font-size: 12px; line-height: 14px; filter:alpha(opacity=0); } span.selectTiny, select.selectTiny { width: 70px; } span.selectSmall, select.selectSmall { width: 100px; } span.selectNormal, select.selectNormal { width: 150px; } span.selectLarge, select.selectLarge { width: 180px; } span.selectHuge, select.selectHuge { width: 360px; } .dynBoxHeader .form span.select, .dynBoxHeader .form select { margin: 2px 10px 0 0; } .dynBoxHeader .form span.select span.selectValue { box-shadow: 1px 1px 3px #666666; padding: 2px 27px 2px 7px;} .dynBoxHeader .selectLarge {height: 20px; } div.progressBar { border:1px solid #999999; background: #fff; border-radius: 0px; height: 6px; position: relative; z-index: 1; } div.progressBar > div { background: #c00018; border-radius: 0px; height: 6px; position: relative; z-index: 2; } div.progressBarText {float:left; margin:4px 4px 4px 8px; font-weight: bold; color: #c00018;} #mr1_3456787654:before, #mr2_3456787654:before, #bibo1_3456787654:before { content: 'Anzeige'; display: block; text-align: left; font-size: 12px; line-height: 12px; } #adTop { text-align: center; min-height: 90px; width: 1000px; margin-left: calc(50vw - 500px); } #adContentTop { position: relative; min-height: 250px; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 12px; background: #eeeeee;} #adContentTop > div { margin-top: -12px; } div.adContent { position: relative; } #adLeft, #adRight { min-width: 300px; } #adLeft, #all, #adRight { display: table-cell; vertical-align: top; } #adLeft > div:first-child, #adRight > div:first-child { position: sticky; top: 0; width: 300px; overflow: visible; } #adLeft > div:first-child { text-align: right; } #a-inner{ display: table-row; } #a-outer { display: table; margin-left: calc(50vw - 790px); } @media screen and (max-width: 1580px) { #adTop { margin-left: 290px; } #a-outer { margin-left: 0; } } #mainContent { margin: auto; } #all {position: relative; } #errorMessage { padding: 20px 0 0 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/transparentBgDark.png') 0 0 repeat; z-index: 1000; text-align: center; } #errorMessage table.dynBox { position: relative; top: 33%; width: 600px; z-index: 1001; box-shadow: 1px 1px 3px #666666; background: #ffffff; } #errorMessage table.dynBox td.dynBoxContent { padding: 10px; } #errorMessage .alert-message { font-size: 14px; font-weight: bold; } #errorMessage .alert-error .alert-message, #errorMessage .alert-warning .alert-message { color: #cc0000; } #errorMessage div.close { vertical-align: bottom; padding-top: 15px; } #errorMessage div.close > span { display: inline-block; padding: 6px; } #errorMessage a.close, #errorMessage h4 { display: none; } #mainLayout { background: #ffffff; padding: 0 20px 20px 20px; } #head { background: #6ebbf1 url('../images/headBg.png') 0 0 no-repeat; color: #ffffff; padding: 6px 5px 0 12px; height: 118px; } #head a { color: #ffffff; } #head table.min { width: 100%; } #head input { width: 137px; } #head input#topUserName { margin-right: 13px; } #head a.bttn, #head button { display: block; padding: 4px 7px; float: left; color: #ffffff; border: 0; border-radius: 4px; box-shadow: 1px 1px 4px #333333; } #head a.bttn:hover { color: #ffffff; } #logo { float: left; margin-top: 6px; margin-left: 3px;} #head .bttns { position: relative; width: 280px; padding-left: 26px; float: left; margin-top: 6px; margin-right: 9px; } #head .bttns .bttn { font-size: 14px; line-height: 25px; background: url('../images/headBttnBg.png') 0 0 repeat-x; width: 100px; margin: 5px 10px 15px 10px; text-align: center; font-weight: bold; } #head .bttns .bttn:hover { background: url('../images/headBttnBg_hover.png') 0 0 repeat-x; line-height: 30px; height: 30px; width: 110px; margin: 5px 5px 10px 5px;} #head .bttns .bttnHighlight { background-image: url('../images/headBttnHighlightBg.png') } #head .bttns .bttnHighlight:hover { background-image: url('../images/headBttnHighlightBg_hover.png'); line-height: 30px; height: 30px; width: 110px; margin: 5px 5px 10px 5px;} #head .quickBttn { margin-left: 25px; margin-top: 3px; background: url('../images/headQuickBttn.png') 0 0 no-repeat; float: left; display: block; width: 107px; height: 106px; } #head .quickBttn:hover { background-image: url('../images/headQuickBttn_on.png'); } #head .quickBttn span { display: none; } #head .quickBttn_on { margin-left: 25px; margin-top: 3px; background: url('../images/headQuickBttn_on.png') 0 0 no-repeat; float: left; display: block; width: 107px; height: 106px; } #head .quickBttn_on:hover { background-image: url('../images/headQuickBttn.png'); } #head .quickBttn_on span { display: none; } #my { width: 340px; float: right; padding: 3px 0px 0px 0px; } #my hr { display: none; } #my .headline { font-size: 14px; line-height: 30px; margin: 0; font-weight: bold; } #my a.logout, #my button { font-size: 12px; float: right; background: url('../images/loginBttnBg.png') 0 0 repeat-x; line-height: 18px; margin: 15px 19px 0 0; } #my a.logout span, #my button span { display: block; padding-left: 25px; background: url('../images/loginBttnIcon.png') 0 0 no-repeat; } #my .row { padding: 0; } #my .links { padding: 5px 0 0 0; float: left; width: 240px; margin-top:6px;} #my .row a { font-size: 12px; } #my ul { padding: 2px 0 0 0; margin: 0; list-style-type: none; } #my ul li { display: block; padding: 1px 0; } #my a.logout { position: absolute; bottom: 10px; right: 0; display: block; padding: 4px 7px; } #my a.logout span { background-image: url('../images/logoutBttnIcon.png'); } #my a:hover { color: #e9001d; } #my.loggedIn { position: relative; border-radius: 4px; box-shadow: 1px 1px 4px #333333; padding: 2px 10px 10px 10px; background: url('../images/loginBg.png') 0 0 repeat-x; height: 99px; min-width: 295px; width: auto; } #my.loggedIn hr { display: block; height: 1px; border: none; background: #a3d3f9; color: #a3d3f9; margin: 5px 0; padding: 0; } #social { height: 30px; float: right; width: 59px; padding-right: 10px; position: relative; z-index: 2; } #social .item { float: left; width: 28px; height: 28px; background: url('../images/socialInstagramBttn.png') 0 0 no-repeat; color: transparent!important; text-decoration: none; display: block; overflow:hidden; } #socail .item > span {display: none; } #social .itemFb { background-image: url('../images/socialFbBttn.png'); } #my.loggedIn #social { padding-right: 0; } #coop { float: right; padding: 4px 0 0 0; margin: 0px 20px 0 20px; } #coop a { display: block; background: url('../images/tvDirektIcon.png') 0 0 no-repeat; width: 64px; height: 64px; } #coop a span { display: none; } #searchModule { float: right; padding: 8px 0 0 0; margin-right: 24px; } #searchModule button { float: left; width: 27px; height: 24px; border: 1px solid #8ec8d6; border-radius: 4px; background: url('../images/searchBttn.png') 0 0 no-repeat; } #searchModule button span { display: none; } #searchModule input { float: left; margin-right: 7px; width: 137px; } #searchModule a { display: none; } #mainMenu { position: relative; padding: 0; margin: 0px; width: 980px; background: #ffffff url('../images/menuBg.png') left -13px repeat-x; height: 74px; border-bottom: 1px solid #c4c4c4; } #mainMenu * { white-space: nowrap; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; float: left; } #mainMenu ul.menu { padding-top: 5px; } #mainMenu ul.menu li, #mainMenu ul.menu li a, #mainMenu ul.menu li a span { padding: 0; font-size: 14px; line-height: 19px; font-weight: bold; color: #666666; } #mainMenu ul.menu > li:hover > span, #mainMenu ul.menu > li:hover > a span { font-size: 16px; } #mainMenu ul.menu > li.hover:hover > span { font-size: 14px; } #mainMenu ul.menu li { float: left; padding: 0 7px 14px 10px; margin: 5px 0 0 0; } #mainMenu ul.menu li ul { position: absolute; left: 10px; top: 50px; width: 930px; display: none; } #mainMenu ul.menu li ul li { padding: 0 10px 0 10px; margin: 0; } #mainMenu ul.menu li.item210 ul li { float: none; display: inline-block; } #mainMenu ul.menu li ul li, #mainMenu ul.menu li ul li a, #mainMenu ul.menu li ul li a span { text-align: center; font-size: 12px; line-height: 18px; } #mainMenu ul.menu li ul li a span span { display: block; font-size: 10px; line-height: 10px; font-weight: normal; } #mainMenu ul.menu li.hover ul { display: block; width: 890px; } #mainMenu ul.menu > li { cursor: pointer; text-align: center; } #mainMenu ul.menu > li.item399 a span { color: #38aa32; } #mainMenu ul.menu > li.hover { color: #2971a3; background: url('../images/menuArrow.png') 50% bottom no-repeat; } #mainMenu ul.menu li ul li.active a span { color: #e9001d; } #mainMenu ul.menu li ul li a:hover span { color: #e9001d; } #mainMenu ul.menu li ul li ul { display: none!important; } #mainMenu ul.menu > li.item409 a span { color: #e9001d; } #mainMenu ul.menu > li a.special span { color: #e9001d; font-style: italic; } #foot { padding: 10px; font-weight: bold; background: #2e8fc4 url('../images/footerBg.png') 0 0 repeat-x; color: #99d8e9; border-top: 2px solid #dcedf4; padding: 20px ; } #foot a { color: #99d8e9; } #foot table { width: 100%; } #foot td { width: 25%; vertical-align: top; } #foot ul { list-style-type: none; margin: 0; padding: 0; } #foot .separator { display: none; } #all > div { width: 980px; box-sizing: border-box; } body.overview #all > div { width: 100%; } body.overview #mainContent, body.overview #all, body.overview #mainMenu { min-width: 980px; width: 100%; } body.overview #mainContent { width: calc(100% - 100px); margin: 0; } body.overview #a-outer { margin-left: 0; } body.overview #adTop { margin: auto; } #breadcrumbs { padding: 10px 0 15px 0; } #breadcrumbs div { display: inline; } #breadcrumbs .last { font-weight: bold; } #componentHeader { float: right; padding: 10px 0 0 0; } table#content { width: 100%; } #modules { width: 300px; overflow: hidden; padding-left: 20px; } table#content #modules div.module { margin: 10px 0 17px 0; } table#content #modules div.module:first-of-type { margin-top: 0; } table.dynBox { border-collapse: collapse; margin: 0 auto 17px auto; width: 100%; } table.dynBox td.dynBoxHeader { background: #56b0ee; color: #ffffff; border-bottom: 8px solid #ffffff; } table.dynBox td.dynBoxHeader h1, table.dynBox td.dynBoxHeader h2, table.dynBox td.dynBoxHeader h3, table.dynBox td.dynBoxHeader h4, table.dynBox td.dynBoxHeader h5, table.dynBox td.dynBoxHeader h6, table.dynBox td.dynBoxHeader p { float: left; font-size: 16px; font-weight: bold; line-height: 27px; height: 26px; overflow: hidden; margin: 0; padding: 0 0 0 15px; } table.dynBox td.dynBoxHeader h1 span, table.dynBox td.dynBoxHeader h2 span, table.dynBox td.dynBoxHeader h3 span, table.dynBox td.dynBoxHeader h4 span, table.dynBox td.dynBoxHeader h5 span, table.dynBox td.dynBoxHeader h6 span, table.dynBox td.dynBoxHeader p span { font-size: 12px; line-height: 26px; } table.dynBox td.dynBoxHeader a { color: #ffffff; } table.dynBox td.dynBoxHeader div.form { float: left; margin-left: 10px; padding: 1px 0 0 0; } table.dynBox td.dynBoxHeader div.flipSwitch { margin: 2px 4px 0 0; } .compHead { margin-bottom: 15px; } .compHead::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .compHead .logo { float: left; min-width: 200px; margin-right: 20px; } .compHead h1 { margin: 0 0 10px 0; } .compHead .quickNavi a { display: inline-block; margin-right: 10px; padding: 5px 10px; font-weight: bold; color: white; cursor: pointer; border-radius: 4px; box-shadow: 1px 1px 5px black; background: #56b0ee; background: linear-gradient(#5cb7ee,#42a0dd); } .compHead .quickNavi a.disabled { pointer-events: none; cursor: default; box-shadow: 1px 1px 5px grey; background: #e2e6e8; background: linear-gradient(#e2e6e8, #d1d1d1); } .dynBoxContent.stationProgNow { font-size: 0;} .dynBoxContent.stationProgNow h3 { font-size: 1rem; margin: 0 0 10px 0; } .dynBoxContent.stationProgNow .stationProgBox { margin-top: 17px; box-sizing: border-box; display: inline-block; position: relative; width: 32%; height: 250px; margin-right: 2%; padding: 4px 8px; vertical-align: top; border: 1px solid #c5ddf2; background: #edf5fc; overflow: hidden; } .dynBoxContent.stationProgNow .stationProgBox.adContent { padding: 0; border: none; background: transparent; margin-top: 17px!important} .stationProgNow .stationProgBox:last-of-type { margin: 0; } .stationProgNow .stationProgBox .imgWrap { height: 120px; margin-bottom: 10px; } .stationProgNow .stationProgBox .imgWrap img { height: 100%; } .stationProgNow .stationProgBox span { font-size: 12px; } .stationProgNow .stationProgBox .data { } .stationProgNow .stationProgBox .data::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .stationProgNow .stationProgBox .data .time { margin-left: 10px; font-weight: bold; color: #2971a3; float: right; } .stationProgNow .stationProgBox .data .title { font-size: 15px; line-height: 1.2; font-weight: bold; overflow: hidden; } .stationProgNow .stationProgBox .data .title a { display: inline-block; max-width: 235px; max-height: 56px; overflow: hidden; } .stationProgNow .stationProgBox .genre { } .stationProgNow .stationProgBox .duration { position: absolute; right: 10px; bottom: 10px; } .stationProgOverview { position: relative; background: white; } .stationProgOverview::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .stationProgOverview .dynBoxHeader .titleContent { margin: 2px; float: right; } .stationProgOverview .dynBoxHeader .titleContent .select, .stationProgOverview .dynBoxHeader .titleContent select { height: 24px; } .stationProgOverview .bcRow { box-sizing: border-box; position: relative; margin-bottom: 10px; padding: 10px; border: 1px solid #c5ddf2; background: #edf5fc; } .stationProgOverview .bcRow#primeTime { border-width: 3px; } .stationProgOverview .bcRow::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .stationProgOverview .bcRow .imgWrap { display: inline-block; margin-right: 15px; height: 100px; float: left; } .stationProgOverview .bcRow .imgWrap img { height: 100%; } .stationProgOverview .bcRow span { display: block; } .stationProgOverview .bcRow#primeTime .data::after { content: 'Prime Time'; display: block; position: absolute; right: -3px; bottom: 0; font-size: 100px; font-weight: bold; font-style: italic; line-height: 69px; color: #e2edf8; } .stationProgOverview .bcRow .title { font-weight: bold; overflow: hidden; } .stationProgOverview .bcRow .genre { } .stationProgOverview .bcRow .time { } .stationProgOverview .bcRow .duration { } .otherStations ul { padding: 0; list-style: none; } .otherStations ul li { display: inline-block; } .otherStations ul li a { display: inline-block; font-weight: bold; } .bcViewDisplay table.dynBox td.dynBoxContent, #modules .module table.dynBox td.dynBoxContent { padding-top: 1px; } .bcViewDisplay #dynBoxHighlights table.dynBox { margin-bottom: 10px; } .bcViewDisplay #dynBoxHighlights table.dynBox td.dynBoxContent { padding-top: 0; } table.tvplaner td.dynBoxHeader {background: #c00018;} td.evenColumn, tr.evenRow { background: #d7eaf1; } table.broadcasts { border-collapse: collapse; width: 100%; } table.broadcasts tr { background: white; } table.broadcasts tr:nth-of-type(even) { background: #d7eaf1; } table.broadcasts tr.hidden { display: none; } table.broadcasts td { padding: 2px; } table.broadcasts tr.toggle td { text-align: right; } table.broadcasts tr.toggle span { cursor: pointer; } table.broadcasts tr.toggle span:hover { color: red; } table.broadcasts td.smallStation { color: #2971a3; font-weight: bold; } table.broadcasts td.smallTime a { color: #e9001d; } table.broadcasts td.smallTitle a { } #detailsRebroadcasts { margin: 30px 0; } #detailsRebroadcasts .toggleWrap { margin-top: 6px; text-align: right; } #detailsRebroadcasts .toggleWrap .moreToggle { color: #e9001d; cursor: pointer; } #galleryItem { margin: auto; clear: both; } #galleryItem .galleryItem { margin: 10px auto; } #galleryItem .backLink { float: right; margin-right: 30px; } #galleryItem .counter { float: left; margin-left: 30px; } #galleryItem td.prev, #galleryItem td.next { vertical-align: top; padding-top:100px;} #galleryItem .image { padding: 1px 0; text-align: center; } #galleryItem .image img { margin: auto; max-width: 495px; } #galleryItem .prev a, #galleryItem .next a { display: block; width: 30px; height: 64px; overflow: hidden; } #galleryItem .prev span, #galleryItem .next span { display: none; } #galleryItem .prev a { background: url('../images/galleryPrev.png') 9px 17px no-repeat; } #galleryItem .next a { background: url('../images/galleryNext.png') right 17px no-repeat; } .gallery { position: relative; } .gallery .content { background: #d7eaf1; padding: 12px 0; } .gallery a.pagination { display: block; float: left; width: 43px; text-align: center; font-size: 56px; line-height: 63px; color: #808080; } .gallery a.pagination span { } .gallery a.pagination.right { border-left: 10px solid #d7eaf1; } .gallery a.pagination.active span { color: #2971a3; cursor: pointer; } .gallery .wrapper { float: left; width: 520px; overflow: hidden; height: 63px; position: relative; } .gallery table.items { position: absolute; } .gallery table.items td { background: #000000; text-align: center; border: 1px solid #d7eaf1; width: 94px; border-width: 0 10px; } .gallery table.items td div { width: 94px; height: 63px; overflow: hidden; position: relative; } .gallery table.items td div span { width: 94px; height: 63px; text-align: center; display: block; } .gallery table.items td div span img { height: 63px; cursor: pointer; } .gallery table.items td div.active, .gallery table.items td div:hover { border: 2px solid #378fbb; width: 90px; height: 59px; } .gallery table.items td div.active span { position: absolute; top: -2px; left: -2px; } .bcViewDisplay td.smallStation { width: 90px; } .bcViewDisplay div.highlights { margin: 0 0 -6px 0; font-size: 11px; position: relative; } .bcViewDisplay div.highlights div.wrapper { position: relative; width: 616px; height: 456px; } .bcViewDisplay div.highlights div.group { display: none; position: absolute; top: 0; left: 0; } .bcViewDisplay div.highlights div.group0 { display: block; } .bcViewDisplay div.highlights div.content { float: left; padding: 7px; height: 200px; width: 182px; overflow: hidden; background: url('../images/highlightsBg.png') 0 0 repeat-x; margin: 1px 14px 13px 0; } .bcViewDisplay div.highlights div.content:nth-child(3), .bcViewDisplay div.highlights div.content:nth-child(6) { margin-right: 0; } .bcViewDisplay div.highlights .station {float: left; position: relative; width: 70px; height: 23px; } .bcViewDisplay div.highlights .station img { max-width: 70px; max-height: 23px; position: absolute; bottom: 0; } .bcViewDisplay div.highlights .time { padding: 3px 0 0 4px; height: 23px; text-align: right; } .bcViewDisplay div.highlights .time a { color: #e9001d; } .bcViewDisplay div.highlights div.title { overflow: hidden; height: 39px; padding: 0 0 7px 0; } .bcViewDisplay div.highlights div.title a.title { display: block; font-weight: bold; margin-top: 0px; line-height: 13px; } .bcViewDisplay div.highlights div.title a.genre { display: block; color: #666666; line-height: 13px; } .bcViewDisplay div.highlights .content .image { width: 176px; margin: 7px auto 0 auto; height: 140px; overflow: hidden; background: url('../images/highlightbg.png') 0 0 repeat-x;} .bcViewDisplay div.highlights .content .image img { display: block; margin: auto; height:120px; width: auto; } .bcViewDisplay #homeNews div.pagination, .bcViewDisplay div.highlights div.pagination { z-index: 10; position: absolute; right: 10px; top: -26px; height: 11px; overflow: hidden; } .bcViewDisplay #homeNews div.pagination a.page, .bcViewDisplay div.highlights div.pagination a.page { cursor:pointer; display: block; float: left; overflow: hidden; width: 18px; height: 17px; background: url('../images/highlightsInactivePage.png') 0 0 no-repeat; } .bcViewDisplay #homeNews div.pagination a.active, .bcViewDisplay div.highlights div.pagination a.active { background-image: url('../images/highlightsActivePage.png'); } .bcViewDisplay #homeNews div.pagination a span, .bcViewDisplay div.highlights div.pagination a span { display: none; } .bcViewDisplay table.dynBox { margin-bottom: 17px; } .bcViewDisplay #dynBoxHighlights table.dynBox { margin-bottom: 10px; } div.flipSwitch { float: right; position: relative; margin-left: 10px; height: 20px; overflow: hidden; } div.flipSwitch .wrapper { height: 20px; } div.flipSwitch .wrapper .switch { height: 20px; } div.flipSwitch .wrapper .switch div { font-size: 10px; line-height: 12px; white-space: nowrap; position: absolute; top: 0; left: 0; height: 20px; overflow: hidden; } div.flipSwitch .wrapper .switch div.handle { cursor: pointer; width: 20px; background: url('../images/slider_button.png') 0 0 no-repeat; z-index: 10; } div.flipSwitch .wrapper .switch div.on { z-index: 2; color: #fff; font-weight:bold; background: url('../images/switcherBgOn.png') left top no-repeat;} div.flipSwitch .wrapper .switch div.on div { position: static; padding: 0 10px; } div.flipSwitch .wrapper .switch div.on div div { height: 12px; padding: 4px 14px 4px 0; } div.flipSwitch .wrapper .switch div.off { width:101px; z-index: 1; color: #000; font-weight:bold; background: url('../images/switcherBgOff.png') left top no-repeat;} div.flipSwitch .wrapper .switch div.off div { position: static; padding: 0 10px; } div.flipSwitch .wrapper .switch div.off div div { height: 12px; padding: 4px 0 4px 14px;} .homeOrderBttns { float: left; margin: 6px 4px 0 10px; } .homeOrderBttns a span { display: none; } .homeOrderBttns a { font-size: 14px; line-height: 14px; font-weight: bold; } .homeOrderBttns a.up:after { content: '⬆'; } .homeOrderBttns a.down:after { content: '⬇'; } .bcViewDisplay #homeNews div.pagination { top: 8px; } .bcViewDisplay #homeNews form { background: #ffffff; z-index: 10; padding: 10px; position: absolute; top: 0; left: 0; } .bcViewDisplay #homeNews { position: relative; z-index: 10; } .bcViewDisplay #homeNews .items { position: relative; } .bcViewDisplay #homeNews .item { visibility: hidden; position: absolute; top: 0; left: 0; width: 616px; } .bcViewDisplay #homeNews .item .title, .bcViewDisplay #homeNews .item .subTitle { display: none; } .bcViewDisplay #homeNews .formToggleButton { position: absolute; top: -37px; right: 70px; } .bcViewDisplay #homeNews form label { width: 60px; display: inline-block; } .bcViewDisplay td.progress { width: 96px; vertical-align: middle; } .bcViewDisplay td.progress .progressBar { width: 90px; } form .row { padding: 4px 0; } table#registertable td, table.userdata td, table.userdata th { padding: 0 4px 4px 0; text-align: left; } table.bcProgram td.time { background: #d7eaf1; text-align: center; padding: 2px; } table.broadcasts td.time a img, table.bcProgram td.time a img { float: left; margin: 4px 0 6px 0px; } .bcViewAll { position: relative; } .bcViewAll .genreSelect { float: right; padding-top: 1px; padding-bottom: 8px; } .bcViewAll .genreSelect .claim { float: left; margin-right: 7px; padding-top: 2px; } .bcViewAll .genreSelect .scheduleCategoryButton { border-radius: 4px; box-shadow: 1px 1px 3px #666666; cursor: pointer; width: 46px; text-align: center; float: left; display: block; padding: 2px 4px; font-size: 11px; line-height: 12px; font-weight: bold; text-align: center; margin: 0 2px; } .bcViewAll .genreSelect #scheduleCategoryButtonMovie { background: #edf8ff; border: 2px solid #edf8ff; color: #006bbb; } .bcViewAll .genreSelect #scheduleCategoryButtonMovie.active { background: #d9effd; border: 2px solid #d9effd;} .bcViewAll .genreSelect #scheduleCategoryButtonSeries { background: #f1e2fb; border: 2px solid #f1e2fb; color: #bf006b; } .bcViewAll .genreSelect #scheduleCategoryButtonSeries.active { background: #e3d2ee; border: 2px solid #e3d2ee;} .bcViewAll .genreSelect #scheduleCategoryButtonSports { background: #eefdd7; border: 2px solid #eefdd7; color: #44a227; } .bcViewAll .genreSelect #scheduleCategoryButtonSports.active { background: #dbebc4; border: 2px solid #dbebc4;} .bcViewAll .genreSelect #scheduleCategoryButtonAll { background: #cccccc; border: 2px solid #cccccc; color: #666666; } .bcViewAll .genreSelect #scheduleCategoryButtonAll.active { background: #e5e3e3; border: 2px solid #e5e3e3;} .bcViewAll #noBroadcastsBox { display: none; position: absolute; top: 20%; left: 40%; z-index: 2; background: #ffffff; box-shadow: 1px 1px 3px #666666; } .bcViewAll #noBroadcastsBox td.dynBoxContent { padding: 0 4px; } .bcViewAll #noBroadcastsBox td.dynBoxContent span.noGenre { display: none; } .bcViewAll #noBroadcastsBox td.dynBoxContent span#noGenre { font-weight: bold; } .bcViewAll .bcAll { clear: both; width: 100%; } .bcViewAll .bcAll td { border: 1px solid #cccccc; padding: 0!important; } .bcViewAll .bcAll td.broadcast { word-break: break-all; } .bcViewAll .bcAll td.film { background: #d9effd; } .bcViewAll .bcAll td.serie { background: #e3d2ee; } .bcViewAll .bcAll td.sport { background: #dbebc4; } .bcViewAll td.inactive { visibility: hidden; } .bcViewAll .offsetRight { float: right; } .bcViewAll .bcAll td.stationLeft { padding: 3px 3px 3px 11px!important; } .bcViewAll .bcAll th.even { background: #6cadd6; } .bcViewAll .bcAll th.odd { background: #358ec7; } .bcViewAll .bcAll th { border: 2px solid #ffffff; color: #ffffff; padding: 0; } .bcViewAll .bcAll th.offsetLeft { text-align: left; } .bcViewAll .bcAll .offsetRight { background: #6cadd6; float: right; padding: 0px 3px; vertical-align: middle; border-left: 3px solid #ffffff; } .bcViewAll .bcAll .offsetRight a, .bcViewAll .bcAll .offsetLeft a { margin: 0px 5px; } .bcViewAll a { color: #000000; } .bcViewAll a .title { } .bcViewHome .bcAll td.broadcast { padding: 0!important; height: 68px; } .bcViewHome .bcAll td.broadcast .title { font-weight: normal !important; } .bcViewHome .bcAll td.broadcast .time { } .bcViewHome .bcAll td.broadcast .title { font-weight: normal;} .bcViewHome img.epgImage { height: 68px; } .bcViewHome .bcAll td.broadcast a { margin: 2px 3px; display: block; } .bcViewHome .bcAll td.broadcast a.epgImageLink, .bcViewHome .bcAll td.broadcast div.epgImageDummy { display: block; float: left; height: 68px; max-width: 100px; overflow: hidden; text-align: center; margin: 0 6px 0 0; } .bcViewCurrent { } .bcViewCurrent .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} .broadcasts td.station img, img.stationIcon { display: block; max-height: 25px; max-width: 110px; } span.stationName { font-size: 11px!important; font-weight: normal!important; } .bcViewCurrent .broadcasts td.time { font-weight: bold; } .bcViewCurrent .broadcasts td.time a img, .bcViewCurrent .broadcasts td.time img { float:right; } .bcViewCurrent .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; text-align: right; } .bcViewCurrent .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewCurrent .broadcasts tr.buttons { font-weight: bold; } .bcViewCurrent .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewCurrent .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewCurrent .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewCurrent .progressBar { margin: 8px 0; width:90px;} .bcViewCurrent img.epgImage {padding-top:3px; max-width: 176px; } #selectsortSelect {width:200px;} .bcViewTips { } .bcViewTips .broadcasts td, div.station .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} .bcViewTips .broadcasts td.details div.title, div.station .broadcasts td.details div.title { font-size: 14px; font-weight: bold; line-height: 16px; } .bcViewTips .broadcasts td.station img, div.station .broadcasts td.station img { display: block; } .bcViewTips .broadcasts td.time, div.station .broadcasts td.time { font-weight: bold; } .bcViewTips .broadcasts td.time a img, .bcViewTips .broadcasts td.time img, div.station .broadcasts td.time a img, div.station .broadcasts td.time img { float:right; } .bcViewTips .broadcasts td.image, div.station .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; text-align: right; } .bcViewTips .broadcasts td.image img, div.station .broadcasts td.image img { max-width: 176px; } .bcViewTips .broadcasts td.station, div.station .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewTips .broadcasts td[colspan="4"], div.station .broadcasts td[colspan="4"]{ border: 1px solid #c9d3d5; border-width: 0 1px; } .bcViewTips .broadcasts tr.buttons, div.station .broadcasts tr.buttons { font-weight: bold; } .bcViewTips .broadcasts tr.buttons td:first-child, div.station .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewTips .broadcasts tr.buttons td:last-child, div.station .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewTips .dynBox td.dynBoxHeader, div.station .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewTips .progressBar, div.station .progressBar { margin: 8px 0; width:90px;} .bcViewTips img.epgImage, div.station img.epgImage {padding-top:3px;} div.station ul.otherStations img { max-height: 25px; max-width: 100px; margin-left: 7px; } .bcViewSearch { } .bcViewSearch .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} .bcViewSearch .broadcasts td.station img { display: block; } .bcViewSearch .broadcasts td.time { font-weight: bold; } .bcViewSearch .broadcasts td.time a img, .bcViewSearch .broadcasts td.time img { float:right; } .bcViewSearch .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; } .bcViewSearch .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewSearch .broadcasts tr.buttons { font-weight: bold; } .bcViewSearch .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewSearch .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewSearch .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewSearch .progressBar { margin: 8px 0; width:90px;} .bcViewSearch img.epgImage {padding-top:3px;} table.searchTable {margin-top:11px; border-collapse:separate; border-spacing:11px;} /*Home*/ table.broadcasts td.smallTime { padding-right: 4px !important; width: 36px; } table.broadcasts td.smallNumber, table.broadcasts td.smallDay, table.broadcasts td.smallDate, table.broadcasts td.smallStation, table.broadcasts td.smallTime, table.broadcasts td.smallTitle { padding: 4px !important; } tr.oddRow td:first-child, tr.evenRow td:first-child { padding-left: 11px !important; } /*Buttons*/ button.txtClose, button.txtPrint { background: transparent; background-image: none; box-shadow: none; border-radius: none; height: 26px; } button.txtClose div, button.txtPrint div { padding: 0; margin: 0; width: 107px; height: 26px; background: transparent; } button.txtClose div span, button.txtPrint div span { display: none; } button.txtClose div { background-image: url('../images/bttnTxtSchliessen.png'); } button.txtPrint div { background-image: url('../images/bttnTxtDrucken.png'); } /*bcViewDetails*/ div.tabs > ul.tabs { position: relative; z-index: 1; list-style-type: none; margin: 0 0 25px 0; padding: 0; font-weight: bold; border-bottom: 1px solid #b2d2d6; height: 34px; overflow: show; } div.tabs > ul.tabs li { position: relative; z-index: 2; cursor: pointer; float: left; height: 25px; width: 136px; background: url('../images/tabBg.png') right bottom no-repeat; line-height: 25px; padding: 9px 0 0 20px; margin: 0 0 0 -25px; border-bottom: 1px solid #ffffff; } div.tabs > ul.tabs li:first-of-type { margin-left: -9px; } div.tabs > ul.tabs li a { text-shadow: 0 0 2px #ffffff; } div.tabs > ul.tabs li:hover a { color: #e9001d; } div.tabs > ul.tabs li.active { background-image: url('../images/tabActiveBg.png'); z-index: 3; } div.tabs > div { clear: left; visibility: hidden; } div.tabs > div.inactive { display: none; } div.tabs > div.active { display: block; visibility: visible; } .bcViewSearch .bttnsTop, .bcViewSearch .bttnsBottom { margin: 10px 0; text-align: center; } .bcViewSearch button { margin: 0 10px 0 0; } .bcViewDetails .youtubeItems .item a { color: #999999; font-size: 11px;} .bcViewDetails .youtubeItems .item .title a { color: #333333; font-weight: bold; font-size: 13px; margin-bottom: 2px; } .bcViewDetails .youtubeItems .item:hover .title a { color: #438bc5; } .bcViewDetails .youtubeItems .item { height: 104px; margin: 0 0 15px 0; overflow: hidden; } .bcViewDetails .youtubeItems .item .image { float: left; position: relative; background: #000000; height: 104px; margin-right: 8px; } .bcViewDetails .youtubeItems .item .image img { max-height: 104px; max-width: 138px; } .bcViewDetails .youtubeItems .item .image .duration { position: absolute; padding: 1px 4px; right: 2px; bottom: 2px; background: url('../images/transparentBgDark.png') 0 0 repeat; color: #cccccc; font-weight: bold; font-size: 11px; } .bcViewDetails div.tabs ul.tabs li span.youtube span { padding: 2px 3px; margin-left: 2px; background: #2971a3; color: #ffffff; text-shadow: none; box-shadow: 0 0 2px #ffffff; border-radius: 3px; } .bcViewDetails div.tabs ul.tabs li:hover span.youtube span { background: #e9001d; } .bcViewDetails { color: #2971a3; font-size: 12px; width: 616px; } .bcViewDetails h2 { font-size: 14px; padding: 0; margin: 25px 0 10px 0; } .bcViewDetails table.details { margin-bottom: 25px; } .bcViewDetails table.details td.image { padding-right: 10px; text-align: center; vertical-align: middle; } .bcViewDetails table.details td.image div { position: relative; max-width: 411px; height: 300px; overflow: hidden; text-align: center; background: #d5eaf0 url('../images/detailsBg.png') 0 0 repeat-x; } .bcViewDetails table.details td.image div .cropContainer { width: 238px; height: 300px; overflow: hidden; position: relative; } .bcViewDetails table.details td.image div a { display: block; position: absolute; bottom: 15px; right: 15px; z-index: 2; background: url('../images/bttnTxtFotos.png') 0 0 no-repeat; width: 72px; height: 30px; } .bcViewDetails table.details td.image div a span { display: none; } .bcViewDetails table.details td.details { padding: 10px 12px; width:100%; background: #d5eaf0 url('../images/detailsBg.png') 0 0 repeat-x; } .bcViewDetails table.details td.details .info { height: 140px; } .bcViewDetails hr { margin-top: 25px; height: 1px; border: none; color: #b2d2d6; background: #b2d2d6; } .bcViewDetails .info { font-weight: bold; } .bcViewDetails .info .station { padding-left: 10px; text-align: center; vertical-align: middle; width: 64px; height: 40px; } .bcViewDetails .info .station img { max-height: 40px; margin-right: 15px; } .bcViewDetails .info .station span.stationName { display: none; } .bcViewDetails .info .title h1 { font-size: 20px; margin: 0; padding: 0; } .bcViewDetails .info .title h1 span, .bcViewDetails .info .subTitle span { color: #e9001d; } .bcViewDetails .text { color: #000000; margin-top: 25px; } .bcViewDetails .typeIcons { margin-top: 15px; } .bcViewDetails .typeIcons img { margin-right: 5px; } .bcViewDetails .actors table {width: 50%; } .bcViewDetails .actors td { padding: 2px 4px; border: 1px solid #ffffff; } .bcViewDetails .actors td.link { display: none; } .bcViewDetails .buttons { margin: 15px 0 0 0; } .bcViewDetails .buttons a.txtButton, .bcViewDetails .buttons span.select { width: 168px; margin: 15px 0 0 0; display: block; float: left; clear: left; position: relative; } .bcViewDetails .buttons span.select span.selectValue { padding: 3px 0 3px 6px; } .bcViewDetails .buttons span.select span.value span { float: left; width: 16px; height: 16px; margin-left: 7px; } .bcViewDetails .buttons span.select span.value span.valueText { width: auto; margin-left: 0; font-weight: bold; line-height:16px;} .bcViewDetails .buttons span.select span.value span.valueFb { background: url('../images/socialFbSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueGPlus { background: url('../images/socialGPlusSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueTweet { background: url('../images/socialTweetSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueMail { background: url('../images/socialMailSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons a.txtButton { background: url('../images/blueBttnBg.png') 0 0 repeat-x; border-radius: 4px; box-shadow: 1px 1px 3px #666666; color: #ffffff; text-align: center; width: 168px; line-height: 23px; height: 23px; } .bcViewDetails .buttons a.txtButton span.div { padding: 0; display: inline; background: transparent; border-radius: 0; } .bcViewDetails .buttons a.txtButton span.div span { background: transparent; border: none; border-radius: 0; display: inline; margin: 0; padding: 0; color: #ffffff!important; line-height: 23px; height: 23px; } .bcViewDetails .buttons a.txtAddToPlaner { background-image: url('../images/blueBttnBg.png'); } .bcViewDetails .buttons a.txtRemoveFromPlaner { background-image: url('../images/redBttnBg.png'); } .bcViewDetails .buttons span.select > span.socialSelect { background: #ffffff; border: 1px solid #cccccc; position: absolute; width: 158px; padding: 2px 4px; display: none; top: 23px; z-index: 2; } .bcViewDetails .buttons span.select > span.socialSelect > div, .bcViewDetails .buttons span.select > span.socialSelect > iframe, .bcViewDetails .buttons span.select > span.socialSelect > a { display: block; margin: 10px 0; float: none; position: static; } .bcViewDetails .ratings { padding-left: 10px; } .bcViewDetails .ratings img { float: left; margin: 8px 10px 0 0; } .bcViewDetails .ratings table.ratings td { border: 5px solid #ffffff; border-width: 0 5px; } .bcViewDetails .ratings table.ratings th { padding: 4px; font-weight: bold; text-align: center; } .bcViewDetails .ratings table.ratings td { background: #d7eaf1; padding: 4px; font-weight: bold; font-size: 36px; line-height: 15px; text-align: center; } .bcViewDetails #detailsFbComments { text-align: center; margin-top: 15px; } #imageZoom { position: absolute; z-index: 3; display: none; bottom: 87px; width: 596px; text-align: center; background: #d7eaf1; padding: 10px; } #imageZoom img { cursor: pointer; max-width: 576px; max-height: 600px; border: 10px solid #ffffff; border-radius: 4px; box-shadow: 1px 1px 3px #666666; } /*bcViewProgram*/ .bcViewProgram table.bcProgram { font-size: 12px; width: 100%; } .bcViewProgram table.bcProgram tr.station td { background: #d7eaf1; width: 50%; padding: 4px; } .bcViewProgram table.bcProgram td { vertical-align: top; padding: 4px!important; } .bcViewProgram table.bcProgram td.time { background: #d7eaf1; font-weight: bold; } .bcViewProgram table.bcProgram td.details a { font-weight: bold; } .bcViewProgram table.bcProgram td.image { text-align: right; } .bcViewProgram table.bcProgram td.image img { max-width: 176px; } .bcViewProgram a.bttnPrintSmall { float: right!important; } .bcViewPlaner table { width: 100%; } .bcViewPlaner table.planerStyle td { float: none; width: 33.33%; text-align: center; } .bcViewPlaner table.planerStyle td a { font-weight: bold; } .bcViewPlaner table.planerStyle td a.menuLikeCurrent { color: #e9001d; } .bcViewPlaner table.timeline td { float: none; padding-top: 10px; vertical-align: middle; } .bcViewPlaner table.timeline td.left { text-align: right; width: 100px; padding-right: 10px; } .bcViewPlaner table.timeline span.timeline, .bcViewPlaner table.timeline a.timelineEven, .bcViewPlaner table.timeline a.timelineOdd { display: block; float: left; width: 1px; overflow: hidden; } .bcViewPlaner table.timeline span.timeline { background: #eeeeee; } .bcViewPlaner table.timeline a.timelineEven, .bcViewPlaner table.timeline a.timelineOdd { background: #b0bcca; } .bcViewPlaner table.timeline a.timelineOdd { background: #20557f; } .bcViewPlaner table.broadcast { margin: 10px 0; } .bcViewPlaner table.broadcast td.left, .bcViewPlaner table.broadcast td.middle, .bcViewPlaner table.broadcast td.right { float: none; border: 1px solid #c9d3d5; } .bcViewPlaner table.broadcast td.left { border-left: none; } .bcViewPlaner table.broadcast td.left a { margin-left: 5px; } .bcViewPlaner table.broadcast td.right { border-right: none; border-left: none; padding-left: 3px; } .bcViewPlaner table.broadcast td.right a { font-weight: bold; font-size: 14px; } .bcViewPlaner table.broadcast td.middle { border-right: none; padding: 0 10px; font-weight: bold; font-size: 14px; text-align: center; } .bcViewPlaner table.broadcast td.middle img { margin: 0 0 4px 0; } .bcViewPlaner table.broadcast td.left { text-align: right; width: 100px; padding-right: 10px; } .bcViewPlaner table.bttnsBottom td, .bcViewPlaner table.bttns td { padding-top: 6px; } /* user stuff */ #userSettings table.dynBox table td, #userSettings table.dynBox table th { padding: 4px; text-align: left; } .userViewStations table.stationSelect { border-collapse: collapse; margin: auto; } .userViewStations table.stationSelect td { padding: 5px; vertical-align: middle; } .userViewStations table.stationSelect td.leftButtons { padding-right: 20px; } .userViewStations table.stationSelect select { width: 220px; } .userViewStations a.bttnMoveToPrev, .userViewStations a.bttnMoveUp, .userViewStations a.bttnMoveRight, .userViewStations a.bttnMoveDown, .userViewStations a.bttnMoveToNext, .userViewStations a.bttnMoveLeft { display: block; margin: 10px 0 10px 0; } .userViewStations a.bttnMoveToPrev span, .userViewStations a.bttnMoveUp span, .userViewStations a.bttnMoveRight span, .userViewStations a.bttnMoveDown span, .userViewStations a.bttnMoveToNext span, .userViewStations a.bttnMoveLeft span { display: none; } .userViewStations a.bttnMoveToPrev { width: 9px; height: 11px; background: url('../images/iconMoveToPrev.png') 0 0 no-repeat; } .userViewStations a.bttnMoveUp { width: 9px; height: 5px; background: url('../images/iconMoveUp.png') 0 0 no-repeat; } .userViewStations a.bttnMoveRight { width: 10px; height: 9px; background: url('../images/iconMoveRight.png') 0 0 no-repeat; } .userViewStations a.bttnMoveDown { width: 9px; height: 5px; background: url('../images/iconMoveDown.png') 0 0 no-repeat; } .userViewStations a.bttnMoveToNext { width: 9px; height: 11px; background: url('../images/iconMoveToNext.png') 0 0 no-repeat; } .userViewStations a.bttnMoveLeft { width: 10px; height: 9px; background: url('../images/iconMoveLeft.png') 0 0 no-repeat; } .modCurrent {overflow:auto; height:310px; } .modCurrent .item:nth-child(2n + 1) { background: #d7eaf1; } .modCurrent .item { height: 56px; overflow: hidden; margin: 5px 0; font-size: 12px; font-weight: bold; } .modCurrent .item:first-child { margin-top: 0; } .modCurrent .item .image { width: 100px; float: left; height: 56px; overflow: hidden; } .modCurrent .item .image img { width: 100px; } .modCurrent .item .content { margin-left: 110px; height: 48px; padding: 4px 8px 0 0; overflow: hidden; } .modCurrent .item .content div * { white-space: nowrap; line-height: 16px; } .modCurrent .item .content .date { float: left; } .modCurrent .item .content .date .time { color: #e9001d; } .modCurrent .item .content .title { clear: both; position: relative; width: 182px; overflow: hidden; } .modCurrent .item .content .title div.gradient { width: 70px; position: absolute; top:0px; right:0px; background: url('../images/gradient_white.png') 0 0 repeat-y; height: 100%; z-index: 1; } .modCurrent .item:nth-child(2n + 1) .content .title div.gradient { background: url('../images/gradient_blue.png') 0 0 repeat-y; } .modCurrent .item .content .station a { color: #000000; } .modCurrent .item .content .station .genre { color: #666666; font-size: 11px; font-weight: normal; } .modCurrent .progressBar { float: left; width: 75px; margin: 4px 0 0 10px; } .right { float: right } .plistaAllOuter {padding:0 !important;} td.interview {width: 616px;} /* TVDirekt Langing Pages Menü */ #lpmenu { position: relative; cursor: default; clear: both; display: inline-block; } #lpmenu ul { display: none; background: #ffffff; position: absolute; z-index: 2; left: 0px; bottom: 0px; width: 716px; min-height: 100px; padding: 5px 5px 10px 5px; border: 0px solid #000000; border-radius: 10px; /* CSS3 */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ } #lpmenu:hover ul { display: block; } #lpmenu ul li { background: url("../images/menuIcon.png") 0 2px no-repeat; display: block; float: left; width: 150px; height: 50px; margin: 0 0 0 5px; padding: 0 10px 0 13px; text-align: left; } #lpmenu ul li a span { color: #2971a3; } #lpmenu ul li:hover { background: url("../images/menuIconHover.png") 0 2px no-repeat; } #lpmenu .separator { display:block; } .whatIs { color: #2971a3; line-height: 1.5; } .whatIs div.top { background: url('../images/whatIs/top.jpg') 0 0 no-repeat; height: 128px; width: 760px; overflow: hidden; color: #ffffff; text-shadow: 1px 1px 4px #666666; font-size: 18px; line-height: 1.7; font-weight: bold; padding: 10px 10px 10px 170px; } .whatIs > table { border-collapse: collapse; border-spacing: 0; } .whatIs > table td { border: 20px solid white; padding: 0; } .whatIs > table td.topLeft, .whatIs > table td.midLeft, .whatIs > table td.bottomLeft { border-left-width: 0; border-right-width: 22px; } .whatIs > table td.topRight, .whatIs > table td.midRight, .whatIs > table td.bottomRight { border-right-width: 0; } .whatIs > table td > div { background: url('../images/whatIs/topLeft.jpg') 0 0 no-repeat; width: 460px; height: 236px; overflow: hidden; } .whatIs > table td.topRight > div { background-image: url('../images/whatIs/topRight.jpg'); } .whatIs > table td.midLeft > div { background-image: url('../images/whatIs/midLeft.jpg'); } .whatIs > table td.midRight > div { background-image: url('../images/whatIs/midRight.jpg'); } .whatIs > table td.bottomLeft > div { background-image: url('../images/whatIs/bottomLeftRight.jpg'); height: 200px; } .whatIs > table td.bottomRight > div { background-image: url('../images/whatIs/bottomLeftRight.jpg'); height: 200px; } .whatIs > table td.topRight > div, .whatIs > table td.midRight > div, .whatIs > table td.bottomRight > div { width: 458px; } .whatIs > table td > div > div { padding: 8px 0 0 14px; } .whatIs > table td > div > div h3 { padding: 0; margin: 0 0 8px 0; } .whatIs > table td.topLeft > div > div { width: 230px; } .whatIs > table td.topRight > div > div { width: 270px; } .whatIs > table td.midLeft > div > div.left { float: left; width: 220px; } .whatIs > table td.midLeft > div > div.right { float: left; width: 200px; padding: 50px 0 0 26px; } .whatIs > table td.bottomLeft h3, .whatIs > table td.bottomRight h3 { font-size: 16px; margin-bottom: 20px; } .whatIs > table td.bottomLeft ul, .whatIs > table td.bottomRight ul { font-size: 14px; padding: 0 0 0 1em; line-height: 1.8; } #seoSettings > table { border-collapse: collapse; } #seoSettings > table td, #seoSettings > table th { padding: 2px 4px; border: 1px solid #333333; white-space: nowrap; font-size: 11px; } #seoSettings > form > div, #seoQuickSettings > form > div { padding: 4px 0; } #seoSettings > form label, #seoQuickSettings > form label { font-weight: bold; display: inline-block; width: 200px; vertical-align: top; } #seoSettings > form textarea, #seoQuickSettings > form textarea { width: 345px; height: 80px; } #seoQuickSettings { position: fixed; right: 20px; bottom: 20px; z-index: 10000; background: #ffffff; border: 1px solid #333333; box-shadow: 10px 10px 10px #000000; padding: 10px; } #seoQuickSettings > a { font-weight: bold; cursor: pointer; } #seoQuickSettings > form { display: none; } #seoQuickSettings > form label { width: 100px; } #seoQuickSettings > form button { margin: 10px 0 0 110px; } #imageframe { width: 99%!important } #stationEditor > div.headline { height: 34px; line-height: 34px; background: #56b0ee; font-weight: bold; font-size: 15px; color: #ffffff; padding-left: 19px; margin-bottom: 30px; } #stationEditor.wait * { cursor: wait!important; } #stationEditor input::-moz-focus-inner { padding: 0; border: 0; } #stationEditor #userStations, #stationEditor #stations { float: left; width: 440px; min-height: 100px; position: relative; } #stationEditor #stations { float: right; } #stationEditor #userStations > div.header, #stationEditor #stations > div.header { background: #d7eaf1; padding: 0 0 0 19px; width: 201px; height: 34px; font-size: 15px; line-height: 34px; font-weight: bold; } #stationEditor #userStations > div.content, #stationEditor #stations > div.content { background: #ffffff; border: 1px solid #d7eaf1; width: 400px; padding: 19px; } #stationEditor #stations input[type=text] { background: #ffffff; width: 367px; line-height: 14px; height: 14px; padding: 6px 25px 6px 6px; margin: 0 auto; background: url('/templates/klack/images/stationeditor/search.png') 375px 5px no-repeat; } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load, #stationEditor #userStations > div.defaults { position: absolute; top: 0; right: 0; width: 210px; height: 25px; } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load { color: #ffffff; display: none; } #stationEditor #userStations > div.delete div.label, #stationEditor #userStations > div.load div.label, #stationEditor #userStations > div.defaults div.label { font-size: 11px; height: 25px; line-height: 25px; text-align: center; font-weight: bold; padding: 0 4px; white-space: nowrap; float: left; background: #e40011; width: 147px; border-radius: 3px;} #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button, #stationEditor #userStations > div.defaults button { float: right; height: 25px; line-height: 25px; margin: 0; padding: 0 4px; font-size: 11px; border-left: 1px solid #d5d6d8; display: inline; background: transparent; color: #666666; font-weight: normal; } #stationEditor #userStations > div.defaults button:hover span { color: #e40011; } #stationEditor #userStations > div.defaults button { width: 98px; font-weight: bold; margin-right: 3px;} #stationEditor #userStations > div.defaults button:last-of-type { border: none; } #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button { color: #ffffff; } #stationEditor #userStations > div.delete button:last-of-type, #stationEditor #userStations > div.load button:last-of-type { border: none; font-weight: bold; font-size: 12px; background-color: #e40011; box-shadow: none; margin-right: 2px;} #stationEditor #userStations > div.defaults button:last-of-type { margin-left: 4px; } #stationEditor #userStations > div.delete button:first-of-type, #stationEditor #userStations > div.load button:first-of-type { font-size: 18px; font-weight: normal; background-color: #e40011; box-shadow: none;} #stationEditor ul { overflow: auto; min-height: 25px; list-style-type: none; padding: 0; margin: 0 auto; width: 402px; } #stationEditor ul li { position: relative; background: #d7eaf1; cursor: move; width: 398px; height: 25px; overflow: hidden; margin: 9px 0; border: 1px solid #d5d6d8 } #stationEditor ul li img { max-height: 25px; max-width: 80px; } #stationEditor ul li div { float: left; } #stationEditor ul li div.logo { padding: 0 10px; width: 80px; min-height: 25px; } #stationEditor ul li div.name { font-weight: bold; line-height: 25px; } #stationEditor ul li div.add, #stationEditor ul li div.remove { cursor: pointer; display: block; width: 19px; height: 19px; padding: 3px; background: #ffffff url('../images/stationeditor/add.png') 3px 4px no-repeat;} #stationEditor ul li div.add span, #stationEditor ul li div.remove span { display: none; } #stationEditor ul li div.remove { background-image: url('../images/stationeditor/remove.png'); } #stationEditor ul li div.handle { float: right; cursor: move; background: url('../images/stationeditor/move.png') left 1px no-repeat; height: 25px; width: 25px; } #stationEditor ul li div.handle > span { display: none; } #stationEditor ul li div.haze { display: none; position: absolute; top: 0; left: 0; height: 25px; width: 400px; background: #ffffff; opacity: 0.8; z-index: 2; } #stationEditor #stations li.dragged div.haze { display: block; } #stationEditor #stations li.addedToGroup div.add, #stationEditor #stations li div.addDisabled { cursor: default; background-image: url('../images/stationeditor/addDisabled.png'); } #stationEditor #stations li.addedToGroup { cursor: default; } #stationEditor #stations div.handle { display: none; } #stationEditor #stations li div.remove, #stationEditor #dummyList li div.add, #stationEditor #userStations li div.add { display: none; } #stationEditor #userStations li.placeholder { background: #ffffff; border-style: dotted; } #stationEditor #userStations li.forbidden { background: #ffcccc!important; } #stationEditor #userStations div.group { margin: 0 0 19px 0; } #stationEditor #userStations div.group div.content { padding: 0; } #stationEditor #dummyList div.haze { background: #ffcccc; } #stationEditor #dummyList div.remove { visibility: hidden; } #stationEditor #userStations div.group > div.emptyMessage { display: none; background: #d7eaf1; margin: 10px 0 0 0; padding: 10px; } #stationEditor #userStations div.group > div.header { height: 28px; background: #56b0ee; color: #ffffff; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.move { float: right; position: relative; height: 28px; width: 14px; border-left: 1px solid #ffffff; } #stationEditor #userStations div.group > div.header > div.move > div { position: absolute; top: 0; left: 0; height: 14px; width: 14px; cursor: pointer; background: url('../images/stationeditor/moveGroupUp.png') 2px 5px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div span { display: none; } #stationEditor #userStations div.group > div.header > div.move > div.down { top: auto; bottom: 0; background: url('../images/stationeditor/moveGroupDown.png') 2px 3px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div.up:hover { background-image: url('../images/stationeditor/moveGroupUpActive.png'); } #stationEditor #userStations div.group > div.header > div.move > div.down:hover { background-image: url('../images/stationeditor/moveGroupDownActive.png'); } #stationEditor #userStations div.group:first-of-type > div.header > div.move > div.up, #stationEditor #userStations div.group:last-of-type > div.header > div.move > div.down { display: none; } #stationEditor #userStations div.group > div.header > div.edit { display: none; } #stationEditor #userStations div.group > div.header > div > div { float: left; } #stationEditor #userStations div.group > div.header > div > div.collapse, #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save, #stationEditor #userStations div.group > div.header > div > div.delete { cursor: pointer; width: 28px; height: 28px; line-height: 28px; font-size: 14px; background: #e40011; text-align: center; } #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save { float: right; background: #56b0ee; } #stationEditor #userStations div.group > div.header > div > div.name { font-size: 14px; line-height: 28px; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.normal > div.name { margin: 0 0 0 6px; width: 240px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #stationEditor #userStations div.group > div.header > div > div.name > input { background: #ffffff; color: #666666; height: 18px; width: 240px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 2px; padding: 2px 4px; font-family: 'Verdana',sans-serif; } #stationEditor #userStations div.group > div.header > div > div.collapse span, #stationEditor #userStations div.group > div.header > div > div.edit span, #stationEditor #userStations div.group > div.header > div > div.delete span { display: none; } #stationEditor #userStations div.group > div.header > div > div.collapse { background:#e40011 url('../images/stationeditor/group.png') 8px 11px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.delete { background: #e40011 url('../images/stationeditor/delete.png') 8px 6px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.edit { background: url('../images/stationeditor/edit.png') 5px 5px no-repeat; } #stationEditor #userStations div.group.collapsed > div.header > div > div.collapse { cursor: pointer; background: #56b0ee url('../images/stationeditor/groupCollapsed.png') 11px 8px no-repeat;} #stationEditor #userStations div.group.empty > div.emptyMessage { display: block; } #stationEditor #userStations div.group.collapsed > div.emptyMessage { display: none!important; } #stationEditor #userStations div.group > div.content { display: none; } #stationEditor #userStations div.group.collapsed > div.content { overflow: hidden; } #stationEditor #userStations div.addGroup { background: url('../images/stationeditor/groupAddBg.png') 0 0 no-repeat;} #stationEditor #userStations div.addGroup * { background: transparent!important; color: #ffffff!important; cursor: pointer; border: none!important; } #stationEditor #userStations div.addGroup .name { color: #666666 !important; } #stationEditor span.add, #stationEditor span.arrows { display: inline-block; margin: 0 0 -1px 0; height: 11px; width: 11px; background: url('../images/stationeditor/addText.png') 0 0 no-repeat; } #stationEditor span.arrows { background-image: url('../images/stationeditor/moveText.png'); width: 10px; } #stationEditor span.add span, #stationEditor span.arrows span { display: none; } #stationEditor .ajaxLoading { display: none; position: fixed; top: 30%; left: 30%; z-index: 1001; width: 32px; height: 32px; background: url('../images/ajax-loader.gif') 0 0 no-repeat; } /* Pagination */ .pagination { margin: 0; padding: 0; font-size: 14px; text-align: center; list-style: none; } .pagination li { display: inline-block; margin: 0 3px; padding: 4px; } /*-------------------------------------------------- Editorial News { --------------------------------------------------*/ .eniImg { background-repeat: no-repeat; background-position: 50%; background-size: cover; } /*----- display { -----*/ .list.editorialNews .dynBoxContent { font-size: 0; } .list.editorialNews .dynBoxContent.admin { font-size: 16px; } .list.editorialNews .ediNewsItem { box-sizing: border-box; display: inline-block; position: relative; width: 50%; height: 130px; margin-bottom: 50px; padding-right: 30px; font-size: 12px; vertical-align: top; overflow: hidden; } .list.editorialNews .eniImg { display: inline-block; width: 200px; height: 130px; margin: 0 10px 10px 0; float: left; } .list.editorialNews .eniDate { display: inline-block; margin: 0; } .list.editorialNews .eniHeadline { margin-top: 5px; margin-bottom: 8px; max-height: 32px; overflow: hidden; } .list.editorialNews .eniText { display: block; height: 50px; overflow: hidden; } .list.editorialNews .readmore { position: absolute; bottom: 0; left: 213px; font-weight: bold; } .list.editorialNews.home .ediNewsItem { width: 100%; margin-bottom: 20px; } .list.editorialNews.home .ediNewsItem:last-of-type { margin-bottom: 0; } /* admin */ .editorialNews .dynBoxContent.admin { box-sizing: border-box; display: block; margin-bottom: 20px; padding: 25px; font-size: 12px; background: #dedede; } .dynBoxContent.admin a { padding: 10px; font-size: 16px; color: white; background: #56b0ee; } .editOverlay { position: absolute; width: 100%; height: 100%; } .editOverlay div { width: 100%; height: 100%; opacity: 0.4; background: white; } .editOverlay:hover div { opacity: 0.7; background: #f1aeae; } .editOverlay a { position: absolute; padding: 10px; top: 45px; font-size: 16px; color: white; background: #56b0ee; } .editOverlay a:nth-of-type(1) { left: 100px; } .editOverlay a:nth-of-type(2) { left: 240px; } .editOverlay a:hover { font-weight: bold; color: white; } .editOverlay a:nth-of-type(1):hover { left: 98px; } .editOverlay a:nth-of-type(2):hover { left: 238px; } /*----- } display -----*/ /*----- details { -----*/ .details.editorialNews .ediNewsItem { font-size: 12px; position: relative; } .details.editorialNews .ediNewsItem .editBtn { display: block; width: 100px; height: 32px; position: absolute; top: 15px; left: 15px; color: white; line-height: 32px; text-align: center; background: #56b0ee; } .details.editorialNews .ediNewsItem .editBtn:hover { font-weight: bold; } .details.editorialNews .eniImg { display: inline-block; width: 390px; height: 250px; margin: 0 15px 15px 0; float: left; } .details.editorialNews .eniHeadline { margin: 0; padding: 0 0 15px; font-size: 16px; color: #2971a3; } .details.editorialNews .eniText { display: inline; } .details.editorialNews .eniText p, .details.editorialNews .eniText h1, .details.editorialNews .eniText h2, .details.editorialNews .eniText h3, .details.editorialNews .eniText h4, .details.editorialNews .eniText h5, .details.editorialNews .eniText h6 { margin: 0; } .details.editorialNews .eniText p { margin-bottom: 5px; } .details.editorialNews .eniText img { float: left; margin: 15px 15px 5px 0; } /*----- } details -----*/ /*----- newnews, editnews { -----*/ .editorialNews .deleteBtn { display: inline-block; float: right; width: 130px; height: 30px; line-height: 30px; color: black; text-align: center; border: 1px solid #c9c9c9; border-radius: 4px; cursor: pointer; background: white; } .editorialNews .deleteBtn span { visibility: hidden; } .editorialNews .deleteBtn:hover { font-weight: bold; color: white; background: #d60015; } .editorialNews .deleteBtn:hover span { visibility: visible; } .editorialNews .dynBoxContent.admin h4 { margin-top: 0; font-size: 16px; } .editorialNews .formrow { margin-bottom: 10px; } .editorialNews .formrow.select { float: right; } .editorialNews label { display: inline-block; width: 200px; height: 28px; line-height: 28px; font-weight: bold; vertical-align: top; } .editorialNews input, .editorialNews textarea { width: 400px; max-width: 720px; } .editorialNews input[type="checkbox"] { width: initial; height: 28px; } .editorialNews .formrow.submit { text-align: right; } .editorialNews .formrow input[type="submit"] { width: initial; padding: 10px 15px; font-weight: bold; } .editorialNews .label, .editorialNews .formrow > .value { display: inline-block; height: 28px; line-height: 28px; font-weight: bold; vertical-align: top; } .editorialNews .label { width: 200px; } .editorialNews .formrow > .value { font-weight: normal; } .editorialNews .imgBlock { width: 600px; margin-bottom: 12px; padding: 10px; background: #d0d0d0; } .editorialNews .imgBlock input[type="file"] { width: 380px; } .editNews.editorialNews .formrow .eniImg { display: inline-block; width: 140px; height: 100px; } #editorTeaser_parent a, #editorContent_parent a { padding: 5px; background: initial; } .button2-left { display: inline-block; margin-right: 15px; margin-bottom: 15px; } .button2-left a { display: inline-block; } .formrow #editor-xtd-buttons { display: none; } #editorContent_ifr p { margin: 0; margin-bottom: 5px; } .mceOpen::after { margin-top: 8px; } .pitEditorStyles { padding: 10px; background: #f0f0f0; } .pitEditorStyles p { margin: 0; margin-bottom: 5px; } /*----- } newnews, editnews -----*/ /*-------------------- } Editorial News --------------------*/ /*-------------------- Intern raffle { --------------------*/ #internRaffle { padding: 0 50px 50px 50px; } #internRaffle > figure, #internRaffle > figure > img.header { width: 100%; margin:0; } #internRaffle .gallery { margin: 60px 0 0 0; padding-bottom: 60px; position: relative; } #internRaffle .gallery .scrollWrapper { width: 100%; height: 340px; overflow-y: hidden; position: relative; } #internRaffle .gallery button, #raffleLightbox button { position: absolute; left: -45px; top: 0; height: 100%; width: 30px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI1MCI+PHBhdGggZD0iTTUsMjUgTDMwLDUwIEwzMCwweiIgc3R5bGU9ImZpbGw6IzMyNzRhNTsiIC8+PC9zdmc+'); background-repeat: no-repeat; background-position: 0 calc(50% - 1em); background-size: 100% auto; cursor: pointer; padding:0; margin:0; border:0; box-shadow: none; z-index: 2; } #internRaffle .gallery button:nth-child(2), #raffleLightbox button:nth-child(2) { left: auto; right: -45px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI1MCI+PHBhdGggZD0iTTAsMCBMMjUsMjUgTDAsNTB6IiBzdHlsZT0iZmlsbDojMzI3NGE1OyIgLz48L3N2Zz4='); } #internRaffle .gallery .container { width: 100%; height: calc(100% + 80px); overflow: hidden; overflow-x: auto; white-space: nowrap; position: absolute; top:0; left:0; } #internRaffle .winners { font-size: 0; } #internRaffle .winners h2 { font-size: 3.4375rem; font-family: HelveticaNeueFake_Condensed, sans-serif; font-weight: normal; color: rgb(0, 127, 196); text-align: center; } #internRaffle .winners p { font-family: HelveticaNeueFake_Condensed, sans-serif; font-size: 3rem; color: rgb(0, 127, 196); text-align: center; } #internRaffle .winners .tableWrap { } #internRaffle .winners .tableWrap::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } #internRaffle .winners .tableWrap table { width: 32%; margin-right: 2%; font-size: 1rem; float: left; } #internRaffle .winners .tableWrap table:last-child { margin-right: 0; } #internRaffle .winners .tableWrap table thead { } #internRaffle .winners .tableWrap table thead tr { background: #57b3f9; } #internRaffle .winners .tableWrap table thead tr th { padding: 5px; font-weight: bold; color: white; border-right: 1px solid #ccc; } #internRaffle .winners .tableWrap table thead tr th:nth-child(1) { } #internRaffle .winners .tableWrap table thead tr th:nth-child(2) { } #internRaffle .winners .tableWrap table thead tr th:nth-child(3) { border-right: none; } #internRaffle .winners .tableWrap table tbody { } #internRaffle .winners .tableWrap table tbody tr { } #internRaffle .winners .tableWrap table tbody tr:nth-child(odd) { background: #e9e9e9; } #internRaffle .winners .tableWrap table tbody tr:nth-child(even) { background: #fbfbfb; } #internRaffle .winners .tableWrap table tbody tr td { padding: 5px; border-right: 1px solid #ccc; } #internRaffle .winners .tableWrap table tbody tr td:nth-child(1) { } #internRaffle .winners .tableWrap table tbody tr td:nth-child(2) { } #internRaffle .winners .tableWrap table tbody tr td:nth-child(3) { text-align: right; border-right: none; } #internRaffle .infront { position: relative; z-index: 4; background-color: rgba(255,255,255, 0.9); } #internRaffle .gallery figure { display: inline-block; margin:0; padding:0; border:0; height: calc(100% - 40px); position: relative; margin-left: 10px; } #internRaffle .gallery figure:first-child { margin-left:0;} #internRaffle .gallery figcaption { text-align: center; font-weight: bold; display: block; color: #000; text-transform: uppercase; line-height: 2; font-size: 12.5pt; } #internRaffle .gallery figure img { display:block; height: calc(100% - 2em); width: auto; cursor: pointer;} #internRaffle figure.layout { text-align: center; position: relative; } #internRaffle figure.layout img { max-width: 100%; } #internRaffle .description p { color: #000; font-size: 1.4em; margin: 1em 0; text-align: center; } #internRaffle .form button[type=submit], #internRaffle .buttons > a.txtButton2 { background-color: rgb(198,45,54); color: #fff; opacity: 0.5; font-size: 2em; background-image: none; width: 33%; margin: 0 8% 2em 8%; font-weight: bold; line-height: 1; padding: 0.3em 0; display: inline-block; border:0; } #internRaffle .buttons a:hover { opacity: 1; } #internRaffle .terms { text-align: center; margin: 0 auto; position: relative; } #internRaffle .terms p { margin: 60px auto; font-size: 1.1em; } #internRaffle .terms label { font-weight: bold; cursor: pointer;} #internRaffle .video { text-align: center; position: relative; } #internRaffle .video .overlay { position: absolute; left: 0; top: 0; width: 100%; height:100%; z-index:2; cursor: pointer; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjQiIHN0eWxlPSJmaWxsOiMzMjc0YTU7IiAvPjxwYXRoIGQ9Ik0xOSwxNyBMMzUsMjUgTDE5LDMzeiIgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiIC8+PC9zdmc+'); background-repeat: no-repeat; background-position: center center; background-size: 100px auto; } #internRaffle .video .overlay.playing { display: none; } #internRaffle .video video { width:80%; margin: auto; } #internRaffle .fbLikeBoxContent { margin: 60px auto; width: 500px; position: relative; } #internRaffle .form { background-color: #007abf; color: #fff; padding: 30px; font-size: 1.4em; } #internRaffle .form input[type=text], #internRaffle .form input[type=email] { background-color: #9bbfe1; border:0; padding: 1em; width: 100%; box-sizing: border-box; border-radius: 0; margin: 13px 0; font-size: 1.4em; color: #fff; font-weight: bold; } #internRaffle .form p { margin: 0; } #internRaffle .form label { margin: 25px 0; padding-left: 60px; display: block; position: relative; line-height: 35px; } #internRaffle .form .gender { font-weight: bold; font-size: 1.6em; padding-left: 0; margin-bottom: 13px; } #internRaffle .form .gender button { position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; } #internRaffle .form .gender button:nth-child(3) { margin-left: 30px; } #internRaffle .form .gender span { color:#fff; text-transform: none; display: inline-block; vertical-align: middle; } #internRaffle .form label a { color: #fde932; text-transform: uppercase; font-weight: bold; } #internRaffle .form label input[type=checkbox] { display: none; } #internRaffle .form button, #internRaffle .form label label{ border:0; border-radius:0; background-color: #fff; background-image: none; font-size: 1.4em; color: #007abf; width: 35px; height: 35px; padding: 0; line-height: 37px; position: absolute; top: 0; left: 0; margin: 0; } #internRaffle .form .gender[data-value='m'] button[data-value='m']::after, #internRaffle .form .gender[data-value='w'] button[data-value='w']::after, #internRaffle .form input[type="checkbox"]:checked + label::after { content: 'X'; font-size: 2rem; font-weight: bold; text-align: center; display: inline-block; width: 35px; } #internRaffle .form input::placeholder { color: #fff; font-weight: bold; } #internRaffle .form input::-webkit-input-placeholder { color: #fff; font-weight: bold; } #internRaffle .form input::-moz-placeholder { color: #fff; font-weight: bold; } #internRaffle .form input:-ms-input-placeholder { color: #fff; font-weight: bold; } #internRaffle .form input:-moz-placeholder { color: #fff; font-weight: bold; } #internRaffle .form p { font-weight: bold; } #internRaffle .form button[type=submit] { float: right; position: relative; opacity: 1; height: auto; margin:0; } #internRaffle .form form::after { content: '.'; display:block; clear:both; visibility: hidden; height: 0px; } #confetti { position: fixed; pointer-events: none; top:0; left: 0; width: 100%; height: 100%; z-index: 3; } #raffleLightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition-property: background-color; transition-duration: 750ms; transition-timing-function: ease-in-out; background-color: rgba(255,255,255,0.9); z-index: 10; } #raffleLightbox.initial { background-color: rgba(255,255,255,0.0); } #raffleLightbox button { opacity: 1; transition-property: opacity; transition-duration: 750ms; transition-timing-function: ease-in-out; transition-delay: 800ms; } #raffleLightbox.initial button { opacity: 0; } #raffleLightbox > div { position: absolute; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; transition-property: all; transition-duration: 750ms; transition-timing-function: ease-in-out; transform-origin: 50% 50%; transform: translateX(-50%) translateY(-50%) translateZ(0); left: 50%; top: 50%; } #raffleLightbox.initial > div { transform: translateX(0) translateY(0) translateZ(0); } #internRaffle ol { padding-left: 30px; } #internRaffle ol li { margin: 10px 0; padding-left: 5px; } /*-------------------- } Intern raffle --------------------*/ body > div.popover { display: none!important; } body.com_users h1 { background: #56b0ee; color: white; font-size: 16px; font-weight: bold; line-height: 26px; height: 26px; padding: 0 0 0 15px; margin: 0; } body.com_users fieldset { border: none; padding: 0; margin: 0; } body.com_users form.well{ margin-left: 15px; } body.com_users div.login-description { margin: 15px 0 0 15px; } body.com_users .control-group { margin: 15px 0; } body.com_users.view-login .control-group:nth-child(3) > div { display: inline-block; } body.com_users.view-registration table.settings th { text-align: left; width: 160px; } body.com_users.view-registration table.settings td, body.com_users.view-registration table.settings th { padding: 5px 0; } #inpageWrapper { max-width: 1000px; margin: auto; padding-right: 20px; overflow: visible; }