.ui-accordion {font-size:1em!important; font-family:Arial, sans-serif;}
.ui-accordion a {padding:0!important; color:#0d567a!important;}
.ui-accordion-header {margin:0!important; border-top:1px dotted #cfd53d; border-right:0px none; border-bottom:0px none; border-left:0px none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; color:#333333; background:transparent none no-repeat;}
.ui-accordion-header a {padding:0 25px 0 0!important;}
.ui-accordion-header .ui-icon {left:260px!important; background:transparent url('../images/start-accordion-plus.gif') no-repeat; background-position:top left!important;}
.ui-accordion-content {margin:0!important; border:0px none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0 0 4px 0!important; color:#333333; background:transparent none no-repeat;}
.ui-accordion-content-active {}

html {
    background: #d9f1fc url('../images/background.gif') repeat-y top left; 
    color:#333333;
    font-family: 'Open Sans', sans-serif, Arial;
} 
/** html {background:#e2fbff url('../images/_background.gif') repeat-y top left; color:#333333; font-family:Arial, sans-serif;} */

*, ::after, ::before {
    box-sizing: border-box;
}

body {font-size:0.85em;}

* + html {overflow-x:hidden;}
strong {font-weight:bold;}
em {font-style:italic;}
#content .text ul {margin:0 0 1em 0;}
#content .text ul li {list-style:disc; list-style-position:inside;}
#content .text ol li {list-style:decimal; list-style-position:inside;}
#content .list-pretext { margin: 1.33em 0;}
#content .text img {max-width:100%;}
/* Too slow
* html div.popup, * html div.popup * {
    behavior:url("/htc/iepngfix.htc");
}
*/

a {color:#0d567a; text-decoration:none;}
a:focus {outline:#11658d solid 2px;}
a.alternate {color:#0e4260!important;}
.anchorDelimiter {display:none;}
/*.delimiter {display:inline-block; height:1em; overflow:hidden;}*/
.button {color:#1d2f38;white-space:nowrap;}
.continue {font-weight:bold;}
.time {margin:0 6px 0 0;}
.channel {display:inline-block; background:transparent no-repeat center left; text-indent:-9999px;}
label.hidden {display:none;}
.clearBoth {clear:both; line-height:1px; height:1px;}
.reminderLink {display:none;}
.hidden{position:absolute; text-indent:-9999px;}
.delimiter{display:inline-block;height:1em;overflow:hidden;padding:0 0 5px 0;}
* html .delimiter{height:auto;margin:-2px 0 0 0;padding:0 0 2px 0!important;font-size:.84em;}
* + html .delimiter{height:auto;margin:-2px 0 0 0;padding:0 0 2px 0!important;font-size:.84em;}

h1, h2 {margin:0; padding:44px 0 0 12px;}
h2.tvblogo > a {display:block; width:200px; height:94px; overflow:hidden; background:transparent url('../images/tvb_logo.png') no-repeat top left; text-indent: -9000px;}

.hiddenhometitle {
    background-image: none;
}


.skipLinks {position:absolute; text-indent:-9999px;}

legend {display:none;}

#header {
    position:absolute; 
    top:0px; 
    left: 0px; 
    /* width: 100%;  */
    width: 1030px;
    height:24px; 
    line-height:24px; 
    /* background:#28a7e0 url('../images/header-background.gif') repeat-x top left; */
    color:#ffffff;

    background: #28a6df; /* Old browsers */
    background: -moz-linear-gradient(top, #28a6df 0%, #2989d8 49%, #074969 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #28a6df 0%,#2989d8 49%,#074969 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28a6df 0%,#2989d8 49%,#074969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a6df', endColorstr='#074969',GradientType=0 ); /* IE6-9 */
}
#header a {color:#ffffff;}
#header .delimiter {padding:0 0 4px 0;}
/*#header .delimiter {height:1.35em;}*/
#header .container {overflow:hidden; width:950px; padding:0 12px 0 12px;}
#header .date {float:left; width:50%; text-align:left;}
#header .zoom {float:right; width:50%; text-align:right;}
#header .zoom .smaller {display:inline-block; margin:0 4px 0 4px; width:14px; height:0px; padding:14px 0 0 0; overflow:hidden; background:transparent url('../images/header-zoom-smaller.gif') no-repeat center left;}
#header .zoom .bigger {display:inline-block; margin:0 0 0 4px; width:14px; height:0px; padding:14px 0 0 0; overflow:hidden; background:transparent url('../images/header-zoom-bigger.gif') no-repeat center left;}
* html #header .zoom .smaller {padding:24px 0 0 0; background:transparent url('../images/header-zoom-smaller-ie.gif') no-repeat top left;}
* html #header .zoom .bigger {padding:24px 0 0 0; background:transparent url('../images/header-zoom-bigger-ie.gif') no-repeat top left;}
* + html #header .zoom .smaller {padding:24px 0 0 0; background:transparent url('../images/header-zoom-smaller-ie.gif') no-repeat top left;}
* + html #header .zoom .bigger {padding:24px 0 0 0; background:transparent url('../images/header-zoom-bigger-ie.gif') no-repeat top left;}
.headerBanner {display:block; margin:0 0 10px 12px;}

#navigation { 
    margin: 0; 
    width: 1030px;
    height: 55px; 
    padding: 0 10px 0 0;
    line-height: 55px; 
    overflow: hidden; 
    /* font-size: 1.17em; */
    font-size: 1.05em; 
    font-weight: bold; 
    /* background: #28a7e0 url('../images/navigation-background.gif') no-repeat top left; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28a6df+0,2989d8+59,074969+100 */
    background: #28a6df; /* Old browsers */
    background: -moz-linear-gradient(top, #28a6df 0%, #2989d8 59%, #074969 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #28a6df 0%,#2989d8 59%,#074969 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28a6df 0%,#2989d8 59%,#074969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a6df', endColorstr='#074969',GradientType=0 ); /* IE6-9 */
}

#navigation ul {float:left;overflow:hidden;}
#navigation ul li {float:left;}

#navigation ul li > a {display:block; padding:0 8px 0 8px; margin-right:0; overflow:hidden;color:#ffffff; text-transform:uppercase; text-decoration:none;}
* html #navigation ul li a {display:inline-block;}

#navigation ul li a span.darr {border-left: 4px solid transparent;
    border-right: 4px solid transparent; border-top: 4px solid #FFFFFF;
    content: "&darr"; display: inline-block; margin: 26px 0 0 4px;
    opacity: 0.8; text-indent: -99988px; vertical-align: top; width: 0; height: 0;}

/*#navigation ul li a:hover, 
#navigation ul li a:focus, */
#navigation ul li a.active {
    /* background:#136690 url('../images/navigation-button-background.gif') repeat-x top left;*/
    background: #074969;

    white-space: nowrap; 
    outline-width: 0px;
}
#navigation ul li ul.sub {
    z-index:9999;
    border-left:2px solid #00597a;
    border-right:2px solid #00597a;
    margin: 0; padding: 0;
    position: absolute; visibility: hidden;
    background-clip: padding-box; 
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 6px 6px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
}


#navigation ul li ul.sub li {display: block; float:none; border-bottom:2px solid #fff;}
#navigation ul li ul.sub li.last {border-bottom:2px solid #00597a;}
#navigation ul li ul.sub li a {font-size:0.85em; letter-spacing: .05em; line-height:28px; padding:0 20px; margin:0; width:auto; background: #0D567A; color: #fff;}
#navigation ul li ul.sub li a:hover{ background: #fff; color:#00597a;}


#search {float:right;overflow:hidden;margin:15px 0 0 0;}
* html #search {margin:15px 0 0 0;}
#search .field {display:block;float:left;margin:1px 5px 0 0;width:115px; color:#555;}
/* #search .button {display:block;float:left;border:0px none; width:93px; height:24px; background:transparent url('../images/navigation-search-button-background.gif') no-repeat 0 1px; font-weight:bold;}*/
#search .button {text-indent: -1000px;display:block;float:left;border:0px none; width:25px; height:34px; background: url("../images/navigation-search-button.gif") no-repeat scroll left top transparent; font-weight:bold;}

.featured {width:975px;margin:0 0 0 12px;overflow:hidden;}
.featured img {margin:0 8px 0 0; border:1px solid #cbd136; float:left; max-width:130px; max-height:86px; overflow: hidden;}
.featured .box {float:left; margin:5px 25px 12px 0; width:300px; padding:0 0 5px 0; background:transparent url('../images/featured-box-bottom.gif') no-repeat bottom left;}
.featured .firstBox {clear:both;}
.featured .thirdBox {margin:0 0 12px 0;}
.featured .box .top {height:5px; line-height:4px;font-size:4px;background:transparent url('../images/featured-box-top.gif') no-repeat top left;}
.featured .box .content {min-height:86px;height:auto !important;height:86px;border-left:1px solid #cae2ed; border-right:1px solid #cae2ed; padding:1px 8px 1px 8px; width:299px; overflow:hidden;background:#fff url('../images/featured-box-background.gif') repeat-x top left;}
.featured .title, .featured .details {font-weight:bold;}
.featured .more {font-weight:bold; white-space: nowrap;}
.featured .delimiter {padding:0!important;}
* html .featured .delimiter {padding:0 0 2px 0!important;}
* + html .featured .delimiter {padding: 0 0 2px 0!important;}

#breadcrumb {padding: 12px 0 10px 22px; width: 1030px; text-transform:uppercase; 
    font-size:0.92em;}
#breadcrumb a {color:#0d567a; text-decoration:none;}
#breadcrumb .social {float:right;}
#breadcrumb .social a {display: block; float: left; height: 27px; margin: -7px 0 0 3px; width: 30px;}
#breadcrumb .social .facebook {background:url(../images/facebook.png) no-repeat;}
#breadcrumb .social .twitter {background:url(../images/twitter.png) no-repeat;}

/* #main {margin:0 0 10px 12px; width:939px; padding:5px; overflow:hidden; background-color:#ffffff;} */
/* #main {padding:0 0 10px 12px; width:939px; margin: 0 auto; overflow:hidden; background-color:#ffffff;} */
#main {
    padding:10px 0 10px 22px; 
    width: 1030px; 
    overflow:hidden; 
    background-color:#ffffff;
}

#main .dates {padding:0 0 10px 0; height:32px;}
#main .dates a {display:inline-block; margin:0 1px 0 0; width:91px; line-height:32px; color:#ffffff; white-space:nowrap;text-align:center; font-size:1.25em; font-weight:bold; background:#28a7e0 url('../images/overview-dates-button-background.gif') no-repeat top left;}
#main .dates a.active {background-image:url('../images/overview-dates-button-active-background.gif');}
#main .dates a .date {font-weight:normal;}
#main .dates div.intro, #main .dates div.introtipps {
    display:inline-block;
    padding: 0 0 0 20px; 
    width: 120px;
}
/*#main .dates div.introtipps {display:inline-block;padding: 0 0 0 20px; width: 80px;}
#main .dates div.introtipps span {padding: 5px 0 0;} */

#utility {float:left; width:220px;}
/* #utility {float:left; margin:5px; width:179px;} */
* html #utility {margin:0; padding:5px;}
#utility .button {
    display:block; 
    margin:-5px 0 10px 0; 
    width:132px; 
    height:33px; 
    padding: 5px 5px 0 42px; 
    line-height:32px; 
    color: #fff; 
    text-decoration:none; 
    font-size:1.25em; 
    font-weight:bold;
}

#utility .button span {display:inline-block; padding:0 15px 0 0; background:transparent url('../images/utility-button-arrow-right.gif') no-repeat center right;}

#utility .box {
    margin:0 0 10px 0;
    padding:0 0 3px 0;
}

#utility .box .header {
    display: block!important;
    padding: 0 16px 0 16px;
    line-height: 31px; 
    color:#ffffff; 
    /*background:#28a7e0 url('../images/utility-box-top-background.gif') no-repeat top left; */
    font-size:1.25em; 
    font-weight:bold;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28a6df+0,2989d8+59,074969+100 */
    background: #28a6df; /* Old browsers */
    background: -moz-linear-gradient(top, #28a6df 0%, #2989d8 59%, #074969 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #28a6df 0%,#2989d8 59%,#074969 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28a6df 0%,#2989d8 59%,#074969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a6df', endColorstr='#074969',GradientType=0 ); /* IE6-9 */

}
#utility .box .container {
    margin: 0; 
    /* width:175px; */
    padding:0 2px 0 2px; 
    overflow:hidden; 
    /* background:#ffffff url('../images/utility-box-content-background.gif') repeat-y top left; */
}
#utility .box .content {
    padding:10px 14px 10px 14px; 
}
#utility .box .scrollable {padding:10px 0 10px 0;}
#utility .box .content .scrollable {margin:0 -14px 0 -14px; height:160px; padding:0 14px 0 14px; overflow-y:scroll;}
#utility .box .scrollable li {margin:0 0 4px 0; font-weight:bold;}
#utility .box .scrollable li li {margin:0; font-weight:normal;}
#utility .box .scrollable .time {font-size:0.92em;}
#utility .box label {margin:0 0 0 4px; line-height:1.67em;}
#utility .box .continue {line-height:21px;}

#utility .box .button, 
#utility .alternateBox .button {
    margin:8px 22px 0 0;
    padding:0 0 2px 0;
    border:0px none;
    width:103px;
    height:22px;
    line-height:22px; 
    font-size:1.17em;
    background-color: #aaa;
}

#utility .box .scrollable .button {margin:8px 36px 0 36px;}
#utility .box .field {width:140px;}
#utility .filter{width:auto;}
#utility .filter li {padding:0 26px 0 0; white-space:nowrap}
#utility .filter li .icon {display:inline-block; margin:0 0 -2px 0; width:22px; height:0; line-height:14px; padding:14px 0 0 0; overflow:hidden;}
#utility .filter li.subtitles {background:transparent url('../images/overview-icon-subtitles.gif') no-repeat top right;}
#utility .filter li.signLanguage {background:transparent url('../images/overview-icon-signLanguage.gif') no-repeat top right;}
#utility .filter li.audioCommentary {background:transparent url('../images/overview-icon-audioCommentary.gif') no-repeat top right;}
#utility .filter li.widescreen {background:transparent url('../images/overview-icon-16to9.gif') no-repeat top right;}
#utility .filter li.stereo {background:transparent url('../images/overview-icon-stereo.gif') no-repeat top right;}
#utility .filter li.highDefinition {background:transparent url('../images/overview-icon-highDefinition.gif') no-repeat top right;}
#utility .filter li.blackAndWhite {background:transparent url('../images/overview-icon-blackAndWhite.gif') no-repeat top right;}
#utility .filter li.a2Stereo {background:transparent url('../images/overview-icon-a2stereo.gif') no-repeat top right;}
#utility .filter li.dolbySurround {background:transparent url('../images/overview-icon-dolbySurround.gif') no-repeat top right;}
#utility .filter li.dolbyDigital {background:transparent url('../images/overview-icon-dolbyDigital.gif') no-repeat top right;}
#utility .filter li.originalWithSubtitles {background: url('../images/overview-icon-originalWithSubtitles.gif') no-repeat top right;}
#utility .filter .more {display:none;}
#utility .filter .content {padding:10px 8px 10px 8px; overflow:hidden;}
#utility .subnav .content {padding:5px 0;}
#utility .subnav .content ul li {}

#utility .subnav ul.sub a {
    padding: 0 10px; 
    line-height: 25px; 
    display:block; 
    margin:0 0 2px; 
    text-transform: uppercase;
}

#utility .subnav ul.sub a:before {
    content: '»';
    padding-right: 5px;

}

#utility .subnav ul.sub a:hover {background-color:#d9f1fc;}
#utility .subnav ul.sub a.active {background-color:#d9f1fc; font-weight:bold;}

.alternateBox {
    margin:0 0 10px 0; 
    padding:0 0 3px 0;
    
    border: 1px solid #cae2ed;
    border-radius: 4px;

    /* background:#ffffff url('../images/utility-box-bottom-background.gif') no-repeat bottom  left; */
}
.alternateBox h2 {margin:0; padding:0;}
.alternateBox .header {display:block!important; padding:0 16px 0 16px; 
    line-height:31px; 
    /* background:#ffffff url('../images/utility-alternateBox-top-background.gif') no-repeat top left; */
    font-size:1.25em; 
    font-weight:bold; 
    white-space:nowrap;
}

.alternateBox .container {
    margin:0; /*width:175px; */
    padding:0 2px 0 2px;
    overflow:hidden; 
}
.alternateBox .content {
    padding:10px 14px 10px 14px; 
}

.alternateBox .scrollable {padding:10px 0 10px 0;}
.alternateBox .content .scrollable {height:160px; overflow-x:hidden; padding:0 14px 0 14px; overflow-y:scroll;}
.alternateBox .scrollable li {margin:0 0 4px 0; font-weight:bold;}
.alternateBox .scrollable li li {margin:0; font-weight:normal;}
.alternateBox .scrollable .time {font-size:0.92em;}
.alternateBox label {margin:0 0 0 4px; line-height:1.67em;}
.alternateBox .continue {line-height:21px;}

.alternateBox .button {
    margin:8px 22px 0 22px; 
    border:0px none; 
    width:103px; height:22px; 
    line-height:22px; 
    padding:0; 
    font-weight:bold; 
    background: #0D567A;
    
    font-size:1.17em;
}


.alternateBox .scrollable .button {margin:8px 36px 0 36px;}
.alternateBox .field {width:140px;}
.alternateBox .list {display:inline-block; padding:0 0 0 24px; background:transparent url('../images/utility-alternateBox-top-list-icon.gif') no-repeat center left;}
#utility h2 {margin:0; }
#utility .reminder {display:none;}
#utility .reminder li {overflow:hidden;}
#utility .reminder .removeFromReminder {display:inline-block; float:right; margin:2px 0 0 0; overflow:visible!important; width:10px; height: 9px; text-indent:-9999px; background:transparent url('../images/utility-reminder-delete.png') no-repeat center left;}
#utility .reminder a{float:left; display:inline-block; width:110px; overflow:hidden;}
#utility .reminder .printView {display:inline-block; margin:0.75em 14px; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-list-icon-small.gif') no-repeat center left;}


#secondary .box {margin:0 0 10px 0;}
#secondary .box .header {display:block!important;
    padding:0 0 0 13px; 
    line-height:31px; 
    color:#1D2F38; 
    background:#cfd53d url('../images/secondary-box-top-background.gif') no-repeat top left; 
    font-size:1em; font-weight:bold;}
#secondary .box .header .channel {width:101px; height:29px; background-size: 80px;}
#secondary .box .content {border-right:1px dotted #cfd53d; border-bottom:1px dotted #cfd53d; border-left:1px dotted #cfd53d;}
#secondary .box .time {font-size:0.92em;}
#secondary .box li {display:block; border-top:1px solid #e4e799; padding:0 14px 0 14px; line-height:2.25em;}
#secondary .box li.alternate {background-color:#f8f9d7;}
#secondary .box li.alternate a {color:#0e4260;}
#secondary .box .continue {padding:0 14px 0 14px; line-height:2.25em;}



#utility .box.nowBox {
    background: none;
}

.box .buttonchannel {
    display: block;
    margin: -5px 0 10px 0;
    height: 33px;
    padding: 0;
    line-height: 32px;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}
.box .buttonchannel .channel {
    width: 120px;   
}
#secondary .box .buttonchannel {
    width: 189px;
}

#secondary .box .buttonchannel .channel {
    width: 101px;
}

#secondary .related a {
    width: 190px;
}

.morebroadcasts {
    margin-bottom: 2em;
}

.relatedinsterests h3,
.morebroadcasts h3 {
    font-size: 125%;
    padding-bottom: 10px;
}

#secondary .list {display:inline-block; margin:0 0 1.33em 0; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-list-icon-small.gif') no-repeat center left;}

#secondary .social {margin:0 0 10px 0;}
#secondary .social .header {font-size:1.25em; font-weight:bold;}
#secondary .button {display:block; margin:-5px 0 10px 0; width:132px; height:33px; padding:5px 5px 0 42px; line-height:32px; background:transparent url('../images/utility-button-background.gif') no-repeat top left; text-decoration:none; font-size:1.25em; font-weight:bold;}
/* reminder */
#secondary .alternateBox .button {margin:8px 22px 0 22px; border:0px none; width:103px; height:22px; line-height:22px; padding:0; font-weight:bold; background:transparent url('../images/utility-box-button-background.gif') no-repeat top left; font-size:1.17em;}

#secondary h2 {margin:0; }

.programmdetail {
    width: 720px !important;
}

#content img {border:1px solid #cbd136;}
/*#content .pager{display:none;}*/
#content .pager .delimiter{display:inline-block;margin:0 0.5em 0 0;}
#content .pager a{display:inline-block; margin:0 0.5em 0 0;font-weight:bold;}
#content .pager a.active{border:1px dotted #520054;padding:0 2px 0 2px;color:#520054;background-color:#eae1fa;}
#content .delimiter {padding:0!important;}
* html #content .delimiter {padding:0 0 2px 0!important;}
* + html #content .delimiter {padding: 0 0 2px 0!important;}
#content h1 {
    display:block; 
    line-height:2.33em; 
    font-size:2.0em; font-weight:bold; 
    margin:0; padding:0;
}
#content h2 {display:block; line-height:1.33em; font-size:1.5em; font-weight:bold;}
#content h3 {line-height:1.33em; font-size:1.3em; 
    font-weight:bold;
}
#content h4 {line-height:1.33em; font-size:1.3em;}

#content .pretitle {font-size:0.92em;}
#content .details {margin:4px 0 16px 0; text-transform:uppercase; font-size:0.92em; font-weight:bold;}
#content .details .icons {margin:4px 0 0 0; text-transform:none;}
#content .icon {display:inline-block; margin:0 0 -2px 0; width:22px; height:0; line-height:14px; padding:14px 0 0 0; overflow:hidden;}
* html #content .details .icon {margin:13px 0 0 0;}

#content .text {
    line-height: 1.5em; 
    font-size: 1.2em; 
}
#content .text .teaser {
    line-height: 1em; 
    font-size: 1em; 
}

#content .text .teaser .text {
    font-size: 1.0em;
}

#content .text .teaser h3 {
}

.programmdetail .text {
    font-size: 1.3em; 
}


/* linkBoxsmall */
.corner {
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; */
    position:relative;
}

.corner .background {
    position: absolute;
    top: 0;
    background-color: #fff;
    opacity: .7;
    filter: alpha(opacity=75);
    height: 30px;
    width: 300px;
    z-index:90;
}


#content h3.genres {border-bottom: 1px dotted #CFD53D; padding:15px 0 0 0;}

#content .subtitles {background:transparent url('../images/overview-icon-subtitles.gif') no-repeat top left;}
#content .signLanguage {background:transparent url('../images/overview-icon-signLanguage.gif') no-repeat top left;}
#content .audioCommentary {background:transparent url('../images/overview-icon-audioCommentary.gif') no-repeat top left;}
#content .widescreen {background:transparent url('../images/overview-icon-16to9.gif') no-repeat top left;}
#content .stereo {background:transparent url('../images/overview-icon-stereo.gif') no-repeat top left;}
#content .highDefinition {background:transparent url('../images/overview-icon-highDefinition.gif') no-repeat top left;}
#content .blackAndWhite {background:transparent url('../images/overview-icon-blackAndWhite.gif') no-repeat top left;}
#content .a2Stereo {background:transparent url('../images/overview-icon-a2stereo.gif') no-repeat top left;}
#content .dolbySurround {background:transparent url('../images/overview-icon-dolbySurround.gif') no-repeat top left;}
#content .dolbyDigital {background:transparent url('../images/overview-icon-dolbyDigital.gif') no-repeat top left;}
#content .originalWithSubtitles {background: url('../images/overview-icon-originalWithSubtitles.gif') no-repeat top left;}
#content p {margin:0 0 1.33em 0;}
#content .list {display:inline-block; margin:0 0 1.33em 0; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-list-icon-small.gif') no-repeat center left;}
.ical {display:inline-block; margin:0 0 1.33em 0; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-calendar-icon-small.gif') no-repeat center left;}

#content .article {margin:0 0 1em 0;}
#content .related .title {margin:0 0 6px 0; font-size:1.25em; font-weight:bold;}
#content .relatedlinks {margin: 0 0 16px 0;}
#content .relatedlinks .title {margin:0 0 6px 0; font-size:1.25em; font-weight:bold;}

#content .teaser h3 {display:inline; margin:0; font-size:1.5em;}
#content .teaser h4 {display:inline; font-size:1.25em;}
#content .teaser h5 {display:inline;}
#content .teaser .subtitle{}
#content .teaser .secondarySubtitle{}
#content .teaser {border-bottom:1px dotted #cfd53d; margin:0 0 10px 0; padding:0 0 10px 0; overflow:hidden;}
#content .teasernow {border-bottom:1px dotted #520054; border-top:1px dotted #520054; margin:-11px 0 11px 0; padding:10px 0 10px 0; overflow:hidden; background-color:#eae1fa;}
#content .teasernow .teasernowcontent{margin:0 10px 0 10px;}
#content .teasernow a{color:#520054;}
#content .teaser .details {margin:4px 0 4px 0;}
/* #content .teaser .details .icons {float:left;} */
#content .teaser .details .reminderbtn {float:right;}
#content .teaser .details .reminderbtn .list {margin:0; text-transform:none;}
#content .teaser .headerdetails {font-size:1.06em;font-weight:bold;}
#content .teaser .detailinfo {font-size:0.85em;}
#content .teaser .detailinfo .delimiter {padding:0 0 2px 0!important;}
#content .teaserLast {border-bottom:0px none;}
#content .teaser .more {font-weight:bold;}
#content .teaser img {margin:0 10px 2px 0; float:left;}

#content .teaserSmall {margin:0 0 10px 0; padding:0 0 10px 0; overflow:hidden;}
#content .teaserSmall h3 {
    display: inline;
    margin: 0;
    font-size: 1.3em;
    font-weight: 100;
}
#content .teaserSmall h4 {display:inline; font-size:1.25em;}
#content .teaserSmall h5 {display:inline;}
#content .teaserSmall .text {
    margin:10px 0 0 0; 
    font-size: 1.15em;
}
#content #show_past_programm {border: 1px solid #E4E6E5;
background-color: #E4E6E5;
border-radius: 4px;
padding: 2px 4px;
margin: 0 10px 20px 32px;
display: block;
font-weight:bold;
text-align: center;
}

/* teaser also now in column */
#utility .teaser ,
#secondary .teaser {
    margin-bottom: 20px;
}
#utility .teaser h3, 
#secondary .teaser h3 {
    padding: 10px 0; 
    font-size: 125%;
}
#utility .teaser h3 a, 
#secondary .teaser h3 a {
    display: block;
}
#utility .teaser .text, 
#secondary .teaser .text {
    cursor: pointer;
}

.teaserdetaillink {
    color: #333;
    font-size:1em;
}
.teasercontentdetail {
    color: #333;
}

.detaillink,
.featured .box .detaillink {
    border: 1px solid #E4E6E5;
    background-color: #E4E6E5;
    border-radius: 4px;
    padding: 2px 4px;
    margin-top: 3px;
    display: inline-block;
}
.relatedlink {
    border: 1px solid #E4E6E5;
    background-color: #E4E6E5;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 6px;
    margin-top: 3px;
    display: inline-block;
}
.relatedlinkbox {
    border: 1px solid #E4E6E5;
    background-color: #E4E6E5;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 6px;
    margin-top: 3px;
    display: block;
}
.relatedbroadcast {
    border-bottom: 1px solid #E4E6E5;
    /* background-color: #E4E6E5;
    border-radius: 4px; */
    padding: 2px 4px;
    margin-top: 3px;
    display: inline-block;
    width: 190px;
    line-height: 22px;
}
.relatedinsterests {
    margin-bottom: 2em;
}
.relatedinsterests .relatedbroadcast {
    border:none;
    font-size: 110%;
    line-height: 18px
}
.relatedbroadcastlabel {
    border-bottom: 1px solid #E4E6E5;
    padding: 2px 4px;
}
.relatedbroadcast span {
    /* float: right; */
    padding-left: 10px;
}

/* new
#content .teaser .image {margin:0 10px 2px 0; float:left;}
#content .teaser .text {margin:0 10px 2px 0; float:left;}

test
#content .teaser .text {margin-left: 189px;}

*/

#content .imageSubtitle {margin:5px 0 0 0; font-size:0.92em;}
#content .text .title {font-weight:bold; font-size:1.25em; margin:0 0 1em 0;}
#content .text h3 { margin:0 0 1em 0;}
#content .gallery{display:none;margin:0 0 1em 0; width:517px}
#content .gallery .imageContainer{position:relative;border:1px solid #ced442;height:378px;}
#content .gallery .loading{position:absolute;top:0;left:0;width:517px;height:356px;background:transparent url('../images/gallery-loader.gif') no-repeat center center;}
#content .gallery span.image-wrapper{display:block;position:absolute;top:0;left:0;}
#content .gallery a.advance-link{display:block;outline:#fff none 0px;width:517px;height:356px;line-height:0px;text-align:center;}  /* Line-height should be set to be at least the height of the largest image in the slideshow. But   breaks large images into next line. */
#content .gallery a.advance-link:hover, .gallery a.advance-link:active, .gallery a.advance-link:visited{text-decoration:none;}
#content .gallery img{vertical-align:middle;border:0px none;}
#content .gallery .thumbs{display:none!important;}
#content .gallery .controlsContainer{position:relative;margin:0 0 5em 0;width:100%;height:1.83em;line-height:1.83em;background:#ced442 url('../images/gallery-controls-background.gif') repeat-x top left;}
#content .gallery .controls{position:absolute;top:0px;left:0px;width:519px;height:1.83em;overflow:hidden;}
#content .gallery .controls a{display:block;outline:#fff none 0px;width:22px;height:0px;padding:1.83em 0 0 0;overflow:hidden;background-position:6px .40em!important;}
#content .gallery .controls .prev{float:left;background:transparent url('../images/gallery-previous.gif') no-repeat;}
#content .gallery .controls .next{float:right;background:transparent url('../images/gallery-next.gif') no-repeat;}
#content .gallery .caption{position:absolute;top:0px;left:0px;width:519px;height:1.83em;text-align:center;}
#content .gallery .index{font-weight:bold;}
#content .gallery .caption .text{margin:4px 0 0 0;line-height:1.4em;text-align:left;font-size:.92em; background-color:#f8f9d7;}
#content .button {font-weight:bold; margin:0 8px; border:0px none; width:103px; height:22px; line-height:22px; padding:0; background:transparent url('../images/utility-box-button-background.gif') no-repeat top left; font-size:1.17em;}

#content .channelDaySelector{position:absolute;margin:-12px 0 0 0;width:724px;height:50px;}
#content .channelDaySelector .dates{float:left;padding:0 0 10px 0;}

#content .channelDaySelector .dates a{display:inline-block;margin:0 1px 0 0;width:91px;line-height:32px;color:#ffffff;white-space:nowrap;text-align:center;font-size:1.25em;font-weight:bold;background:#28a7e0 url('../images/overview-dates-button-background.gif') no-repeat top left;}
#content .channelDaySelector .dates a.active{background-image:url('../images/overview-dates-button-active-background.gif');}
#content .channelDaySelector .dates a .date{font-weight:normal;}
#content .channelDaySelector .buttons{float:left;margin:0 0 10px 0;width:80px;line-height:16px;height:32px;overflow:hidden;}
#content .channelDaySelector .buttons a{font-weight:bold;}

.programmdetail .buttons a {
    font-size: .85em !important;
}
.programmdetail .dates a {
    font-size: 1em !important;
}

#content .bookelement {width: 500px; overflow:hidden;}
#content .book { float:left; width:140px;}
#content .booktext { float:left; width:350px}

#content .text .merkliste ul li {list-style:none;}
#content .text .merkliste ul li ul.broadcast {
    border-bottom: 1px dotted #CFD53D;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
}
#content .text .merkliste ul li ul.broadcast li {display: inline-block; vertical-align:top;}
#content .text .merkliste ul li ul.broadcast li.time {width:90px;}
#content .text .merkliste ul li ul.broadcast li.info {width:330px;}
#content .text .merkliste ul li ul.broadcast li.label {width:65px;}
#content .text .merkliste ul li ul.broadcast li.btn {width:15px;}
#content .text .merkliste ul li ul.broadcast li.btn a.removeFromReminderList {display:inline-block; float:right; margin:2px 0 0 0; text-indent:-9999px; width:10px!important; height: 9px; background:transparent url('../images/utility-reminder-delete.png') no-repeat center left;}

#content .text .merkliste ul li h3 {font-size:1.25em; font-weight:bold;border-bottom: 1px dotted #CFD53D;
    margin: 0 0 10px 0;
    padding: 20px 0 10px 0;
    overflow: hidden;}
#content .text .merkliste .printView {display:inline-block; margin:0.75em 0; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-list-icon-small.gif') no-repeat center left;}


#main #content {
    float:left; 
    margin:5px; 
    width: 770px; 
    padding:0 16px 12px 16px; 
    line-height:1.33em
}
#secondary {float:left; margin:5px; width:198px;}
.channelContent{padding:50px 0 0 0;}
.channelSecondary{margin:55px 5px 5px 5px!important;}

#overviewMain {position:relative; float:left; clear:both; margin:0 0 10px 0; width:100%; min-width:961px; overflow:hidden;}
#overviewMain .container1 { height:100%; padding: 10px 0 5px 5px; overflow:hidden; background-color:#ffffff;}
#overviewMain .container2 {float:left; position:relative; left:298px; width:200%;}
#overviewMain .container3-1 {
    float:right; 
    position:relative; 
    right:257px; width:50%;}

#overviewMain #content {position:relative; right:100%; overflow:hidden; margin:5px 0 5px 302px;}
#overviewMain #content .nexttableau {margin-top: 10px;}
#overviewMain #content .nexttableau a {
    color: #0D567A;
    display: inline-block;
    font-weight: bold;
    margin: 0;
}
 
#overviewMain #content .ui-icon {display: inline-block;}
#overviewMain #content .ui-state-default {
    display: inline-block;
    position: relative;
    top: 2px;
}

* html #overviewMain #content, * html #overviewMain #content .scrollable {width:646px;}
#overviewMain #content .scrollable {position:relative; 
    overflow-x:scroll; 
    overflow-y:hidden;
}
#overviewMain #content .scrollable .scrolling {
    width:7200px;
    border-bottom: 3px solid #28a5de; 
}
#overviewMain #content .scrollable .scrolling {overflow:hidden;} 
#overviewMain .container3-2 {
    float:left;
    position:relative;
    right:288px;
    width: 342px;
    overflow:hidden;
}
#overviewMain #content .dates {padding:0 0 10px 0; height: 40px;}
#overviewMain #content .dates a {display:inline-block; margin:0 1px 0 0; width:91px; line-height:32px; color:#ffffff; white-space:nowrap;text-align:center; font-size:1.25em; font-weight:bold; background:#28a7e0 url('../images/overview-dates-button-background.gif') no-repeat top left;}
#overviewMain #content .dates a.active {background-image:url('../images/overview-dates-button-active-background.gif');}
#overviewMain #content .dates a .date {font-weight:normal;}

#overviewMain #content .navigation {position:absolute; width:100%; overflow:hidden; z-index:1;}
#overviewMain #content .navigation div.previous, #overviewMain #content .navigation div.next {display:none;float:left; margin:7px 6px 6px 6px; width:35px; height:18px;}
* html #overviewMain #content .navigation div.previous, * html #overviewMain #content .navigation div.next {margin:7px 3px 6px 3px;}
#overviewMain #content .navigation div.next {float:right; text-align:right; margin-right: 60px;}
#overviewMain #content .navigation a.previous {display:inline-block; width:35px; height:0; padding:18px 0 0 0; overflow:hidden; line-height:18px; font-size:18px; background:transparent url('../images/overview-times-button-arrow-left.gif') no-repeat top left; outline:0px none;}
#overviewMain #content .navigation a.next {display:inline-block; width:35px; height:0; padding:18px 0 0 0; overflow:hidden; background:transparent url('../images/overview-times-button-arrow-right.gif') no-repeat top left; outline:0px none;}
#overviewMain #content .navigationLast a.previous {background:transparent url('../images/overview-times-bottom-button-arrow-left.gif') no-repeat top left;}
#overviewMain #content .navigationLast a.next {background:transparent url('../images/overview-times-bottom-button-arrow-right.gif') no-repeat top left;}
#overviewMain #content .scrollable .marker {position:absolute; margin:3px 0 0 0; width:43px; height:28px; line-height:20px; text-align:center; color:#fefefe; background:transparent url('../images/overview-times-top-marker.gif') no-repeat top left; font-weight:bold;}
#overviewMain #content .scrollable .markerLast {margin:0; height:20px; padding:8px 0 0 0; background:transparent url('../images/overview-times-bottom-marker.gif') no-repeat top left;}
* + html #overviewMain #content .scrollable .markerLast {margin-top:23px;}
#overviewMain #content .scrollable .times {height:31px; overflow:hidden; line-height:31px; color:#ffffff; font-size:1.25em; font-weight:bold; background:transparent url('../images/overview-utility-previousChannels-background.gif') repeat-x top left;}
#overviewMain #content .scrollable .times li {border-right:1px solid #ffffff; padding:0 0 0 6px; display:inline-block; float:left;  width:293px;}
#overviewMain #content .scrollable .broadcasts {display:block;}
#overviewMain #content .scrollable .broadcasts h3 {position:absolute;text-indent:-9999px;}
/*#overviewMain #content .scrollable .broadcasts .channel {position:absolute;}
#overviewMain #content .scrollable .broadcasts .channel {display:none;}
*/
* html #overviewMain #content .scrollable .broadcasts .channel {float:left;}
* + html #overviewMain #content .scrollable .broadcasts .channel {float:left;}
#overviewMain #content .scrollable .broadcasts ol {display:block; border-bottom:2px solid #11658d; width:100%; height:38px; overflow:hidden; line-height:38px;}
#overviewMain #content .scrollable .broadcasts li.alternate ol {background-color:#d9f1fc;}
* html #overviewMain #content .scrollable .broadcasts ol {float:left;}
* + html #overviewMain #content .scrollable .broadcasts ol {float:left;}
#overviewMain #content .scrollable .broadcasts li.last ol {border-bottom:0px none;}

#overviewMain #content .scrollable .broadcasts li.channelselected ol {background-color: #28a7e0;}
#overviewMain #content .scrollable .broadcasts li.channelselected .broadcastLink {color: #fff;}
#overviewMain #content .scrollable .broadcasts li.channelselected li.current .broadcastLink {color: #0d567a;}

#overviewMain #content .scrollable .broadcasts li li {display:block; float:left; border-right:solid 1px #75b5cc; width:294px; height:38px; overflow:hidden;}
#overviewMain #content .scrollable .broadcasts li li.active .popup {display:block;}
#overviewMain #content .scrollable .broadcasts li li .popup {display:none; position:absolute; margin:24px 0 0 0; width:343px; padding:0 0 12px 0; line-height:1.33em; color:#333333!important; background:transparent url('../images/overview-popup-bottom.png') no-repeat bottom left;}
#overviewMain #content .scrollable .broadcasts li li .popup a {color:#0d567a!important; display:inline!important; padding:0!important; white-space:normal;}
#overviewMain #content .scrollable .broadcasts li li .popup .pointer {margin:0 0 0 3px; width:42px; height:27px; background:transparent url('../images/overview-popup-pointer.png') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .popup .header {height:16px; overflow:hidden; background:transparent url('../images/overview-popup-top.png') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .popup .content {padding:0 25px 10px 16px; background:transparent url('../images/overview-popup-background.png') repeat-y top left;}
#overviewMain #content .scrollable .broadcasts li li .popup .content .title {font-weight:bold;}
#overviewMain #content .scrollable .broadcasts li li .popup .content .details {margin:4px 0 4px 0; text-transform:none;}
#overviewMain #content .scrollable .broadcasts li li .popup .footer {margin:8px 0 0 0; width:100%; overflow:hidden;}
#overviewMain #content .scrollable .broadcasts li li .popup .footer .list {display:inline-block!important; float:none; margin:0; padding:0 0 0 20px!important; font-weight:normal;}
#overviewMain #content .scrollable .broadcasts li li .popup .footer .ical{display:inline-block!important; float:left; margin:0; padding:0 0 0 20px!important; font-weight:normal;}
#overviewMain #content .scrollable .broadcasts li li .popup .footer .close {display:inline-block!important; float:right; width:20px; height:0px; padding:18px 0 0 0!important; overflow:hidden; background:transparent url('../images/overview-popup-close.gif') no-repeat top left;}
* html #overviewMain #content .scrollable .broadcasts li li .popup {background:transparent url('../images/overview-popup-bottom-ie6.gif') no-repeat bottom left;}
* html #overviewMain #content .scrollable .broadcasts li li .popup .pointer {background:transparent url('../images/overview-popup-pointer-ie6.gif') no-repeat top left;}
* html #overviewMain #content .scrollable .broadcasts li li .popup .header {height:5px; background:transparent url('../images/overview-popup-top-ie6.gif') no-repeat top left;}
* html #overviewMain #content .scrollable .broadcasts li li .popup .content {padding:11px 25px 10px 16px; background:transparent url('../images/overview-popup-background-ie6.gif') repeat-y top left;}
#overviewMain #content .scrollable .broadcasts li.latter li .popup {
    margin: -234px 0 0 0; 
    background:transparent url('../images/overview-popup-latter-bottom.png') no-repeat bottom left;}
#overviewMain #content .scrollable .broadcasts li.latter li .popup .pointer {
    position: absolute; 
    margin: 218px 0 0 3px; 
    background:transparent url('../images/overview-popup-latter-pointer.png') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li.latter li .popup .header {background:transparent url('../images/overview-popup-latter-top.png') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li.latter li .popup .content {
    height: 190px; 
    overflow:hidden; 
}
* html #overviewMain #content .scrollable .broadcasts li.latter li .popup {background:transparent url('../images/overview-popup-latter-bottom-ie6.gif') no-repeat bottom left!important;}
* html #overviewMain #content .scrollable .broadcasts li.latter li .popup .pointer {background:transparent url('../images/overview-popup-latter-pointer-ie6.gif') no-repeat top left!important;}
* html #overviewMain #content .scrollable .broadcasts li.latter li .popup .header {background:transparent url('../images/overview-popup-latter-top-ie6.gif') no-repeat top left!important;}
#overviewMain #content .scrollable .broadcasts li li a {display:block; padding:0 0 0 6px; white-space:nowrap;}
#overviewMain #content .scrollable .broadcasts li li a.focus {border:2px solid #11658d; height:34px; line-height:34px; padding:0 0 0 4px;}
/*
#overviewMain #content .scrollable .broadcasts li li .delimiter {float:left; margin:2px 0 2px 0; width:1px; height:34px; background-color:#75b5cc;}
*/
#overviewMain #content .scrollable .broadcasts li li .time {font-size:0.92em;}
#overviewMain #content .scrollable .broadcasts li li .icon {display:inline-block; margin:0 0 -2px 0; width:22px; height:0; line-height:14px; padding:14px 0 0 0; overflow:hidden;}
* html #overviewMain #content .scrollable .broadcasts li li .icon {margin:13px 0 0 0;}
#overviewMain #content .scrollable .broadcasts li li .subtitles {background:transparent url('../images/overview-icon-subtitles.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .signLanguage {background:transparent url('../images/overview-icon-signLanguage.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .audioCommentary {background:transparent url('../images/overview-icon-audioCommentary.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .widescreen {background:transparent url('../images/overview-icon-16to9.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .stereo {background:transparent url('../images/overview-icon-stereo.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .highDefinition {background:transparent url('../images/overview-icon-highDefinition.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .blackAndWhite {background:transparent url('../images/overview-icon-blackAndWhite.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .a2Stereo {background:transparent url('../images/overview-icon-a2stereo.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .dolbySurround {background:transparent url('../images/overview-icon-dolbySurround.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .dolbyDigital {background:transparent url('../images/overview-icon-dolbyDigital.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li .originalWithSubtitles {background: url('../images/overview-icon-originalWithSubtitles.gif') no-repeat top left;}
#overviewMain #content .scrollable .broadcasts li li.current {background-color:#eae1fa;}
#overviewMain #content .scrollable .broadcasts li li.current a {color:#520054;}
#overviewMain #content .scrollable .broadcasts li li.active {background-color:#11658d;}
#overviewMain #content .scrollable .broadcasts li li.active a {color:#ffffff; font-weight:bold;}
#overviewMain #content .scrollable .broadcasts li li.active a.focus {border:2px solid #fff; height:34px; line-height:34px; padding:0 0 0 4px;}
#overviewMain #content .scrollable .broadcasts li li.active a .time {font-weight:normal;}
#overviewMain #content .scrollable .broadcasts li li.active .delimiter {background-color:transparent;}
#overviewMain #content .scrollable .broadcasts .teaserdetaillink {
    font-weight: 300 !important;
}
#overviewMain #content .scrollable ol.last {height:31px; background-image:url('../images/overview-utility-footer-background.gif');}
#overviewMain #overviewUtility {
    float:left; 
    margin: 3px 0 5px 5px; 
    width:108px; 
    overflow:hidden;
}
/*
#overviewMain #overviewUtility .primetime {visibility:hidden;margin:0 0 10px 0; height:32px; overflow:hidden;}
#overviewMain #overviewUtility .primetime a {display:inline-block; margin:5px 0; padding:0 0 0 28px; line-height:23px; background:transparent url('../images/overview-utility-primetime-icon.gif') no-repeat center left; font-weight:bold;}
*/
#overviewMain #overviewUtility .buttons{visibility:hidden;margin:0 0 10px 0;line-height:16px;height:32px;overflow:hidden;}
#overviewMain #overviewUtility .buttons a{font-weight:bold;}
#overviewMain #overviewUtility .previousChannels {
    border-right: 1px solid #ffffff;
    height: 31px;
    padding:7px;
    line-height:1.33em;
    background:transparent url('../images/overview-utility-previousChannels-background.gif') repeat-x top left;}
#overviewMain #overviewUtility .previousChannels a {display:inline-block; padding:0 0 0 32px; color:#ffffff; background:transparent url('../images/overview-utility-previousChannels-arrow-up.gif') no-repeat top left;}
#overviewMain #overviewUtility .footer {border-right:1px solid #ffffff; height:34px; padding:7px; line-height:1.33em; background:transparent url('../images/overview-utility-footer-background.gif') repeat-x top left;}
#overviewMain #overviewUtility .footer a {display:none;color:#ffffff; font-weight:bold;}
#overviewMain #overviewUtility .footer .nextChannels {margin:0 0 2px 0; height:16px;}
#overviewMain #overviewUtility .footer .nextChannels a {display:inline-block; padding:0 0 0 32px; background:transparent url('../images/overview-utility-nextChannels-arrow-down.gif') no-repeat top left; font-weight:normal;}
#overviewMain #overviewUtility ol {border-left:2px solid #074768; font-size:1.17em; font-weight:bold;}
#overviewMain #overviewUtility li {padding:0; border-right:1px solid #11658d; border-bottom:2px solid #11658d; height:38px; line-height:38px; overflow:hidden;}
#overviewMain #overviewUtility li.last {border-bottom:0px none;}
#overviewMain #overviewUtility li.alternate {background-color:#d9f1fc;}
#overviewMain #overviewUtility li .container {font-size: 12px; text-overflow:ellipsis; overflow: hidden; display:block; background-repeat:no-repeat; background-position:center right;} 

#overviewMain #overviewUtility.sky li .container a {font-size: 12px;} 


/*

############## START MAIN

*/

#startMain {
    /* margin: 0 0 4px 12px;  */
    width: 1030px; 
    overflow: hidden;

    padding: 20px 0 4px 20px;
    background: #fff;

}

#startMain .groupbox { 
    width: 650px;
    overflow: hidden;
    float: left;
}
#startMain .box {float:left; margin:0 25px 12px 0; width:300px; padding:0 0 12px 0; overflow:hidden; }
#startMain .firstBox {clear:both;}
#startMain .thirdBox {margin:0 0 12px 0;}
#startMain .box .top {height:5px; line-height:4px; font-size:4px; background:transparent url('../images/start-box-top.gif') no-repeat top left;}

#startMain .box .content {
    /* height: 35.50em; */
    /* border-left: 1px solid #cae2ed;
    border-right:1px solid #cae2ed; */
    border: 1px solid #cae2ed;
    border-radius: 4px;
    padding: 10px; 
    overflow-x: hidden; 
    overflow-y: hidden;
}


#startMain .box h3 {
    margin:0 0 16px 0; text-transform:uppercase; font-size:1.25em; font-weight:bold;
}
#startMain .linkBox {
    width: auto;
    margin-right: 10px;
}

#startMain .linkBox li img {margin:0 8px 8px 0; border:1px solid #cbd136; float:left;}
#startMain .linkBox li {margin:0 0 10px 0; border-bottom:1px dotted #cfd53d; padding:0 0 10px; line-height:1.33em;overflow:hidden;width:100%;}
#startMain .linkBox h4 {margin:0 0 12px 0; font-size:1.25em; font-weight:bold;}

#startMain .content {position:relative;}
#

#startMain .linkBoxsmall .content {
    /* height: 350px; */
    padding: 10px 0;
}
#startMain .linkBoxsmall .imgcont {
    overflow:hidden; 
    margin:0 0 10px 0;

}
#startMain .linkBoxsmall .imglink {
    overflow: hidden;
    max-height: 180px;
    display: block;
}
#startMain .linkBoxsmall h3.newstitle {
    position: relative;
    z-index:99;
    text-transform:none; 
    font-size:1.35em; 
    margin: 0 0 8px;
    padding:8px 10px;
}
#startMain .linkBoxsmall .teasertext {
    font-size: 1.2em;
    /* padding: 8px 10px; */
    padding: 0;
}

#startMain .linkBoxsmall .content .imgcont img { 
    position: relative; 
    width: 298px;

}

#startMain .commingsoonframe {
    padding: 6px;
    background: #fff;
    width: 670px;
    margin-right: 15px;
    /* height: 435px; */

    margin-left: 0;
    border: 1px solid #cae2ed;
    border-radius: 4px;
    /* funkt nicht wegen iframe
    background:transparent url('../images/start-iframe-fade.png') repeat-x bottom left;
    */
}
#startMain .commingsoonframe iframe {
    border: 0;
}

.iframeteaser {
    width: 550px;
    overflow: hidden;
}

.iframeteaser div.imgcont {
    height: 150px;
    float: left;
    margin-right: 15px;
} 
#content .text .iframeteaser .newstitle {
    font-size: 1.1em;
    margin-bottom: 5px;
}

#startMain .accordionBox h3 {margin:0 0 8px 0;}
#startMain .accordionBox h4 {margin:0 0 10px 0; padding:8px 0 7px 0; font-size:1.25em; font-weight:bold;}
#startMain .accordionBox h4.first {border-top:0px none;}
#startMain .accordionBox .imageLink{display:block; margin: 0 1em 1em 0; float:left;}
#startMain .accordionBox span.time {font-size:0.7em;}
#startMain .accordionBox .ui-icon {width:20px; height:18px;}
#startMain .accordionBox .ui-state-active .ui-icon {background:transparent url('../images/start-accordion-minus.gif') no-repeat top left;}
#startMain .accordionBox .ui-accordion-content {
    overflow:hidden;
    width: 100%;
    font-size: 1.2em;
}
#startMain .accordionBox .ui-accordion-content img {border:1px solid #cbd136;}
#startMain .accordionBox .continue {display:inline-block; margin:8px 0 0 0;}
#startMain .accordionBox .accordion .continue {margin:0 0 0 0;}

#startMain .nowBox {
    width: 350px;
    float: left; 
}
#secondary .nowBox li {overflow:hidden;}
#startMain .nowBox .content {padding:0; }
#startMain .nowBox .content > ol {
    border: 1px solid #cae2ed;
    border-radius: 4px;
}
#startMain .nowBox .content h3 {
    /* font-size:125%; */
    font-size:  22px;
    font-weight: 300;
    text-transform: uppercase; 
    background: #fff;
    padding:12px 8px;  
    margin:0;
}
#startMain .nowBox li {display:block; height:2.5em; padding:2px 8px 2px 8px; line-height:2.5em; overflow:hidden;}
/* #startMain .nowBox li.alternate {border-top:1px solid #e4e799; border-bottom:1px solid #e4e799; background:#f8f9d7;} */
#startMain .nowBox li.alternate {background:#d9f1fc;}
#startMain .nowBox li.regular {background:#fff;}
#startMain .nowBox li a {font-size:1.1em; color:#0e4260;}
#startMain .nowBox .continue {display:inline-block; margin:24px 0 0 0;}
#startMain .nowBox .quickSelect { 
    margin: 15px 0 1em 0; 
    overflow:hidden;
}
#startMain .nowBox .quickSelect h3 {
    padding: 3px 0 0 10px !important;
    margin: 0; 
    text-transform:none; 
    float:left; 
    background: transparent;
}
#startMain .nowBox .quickSelect form {float:right; margin-top: 8px;}
#startMain .nowBox .quickSelect form select {width: 120px; }
#startMain .nowBox .quickSelect form input {margin: 0 0 -7px 5px; }
* html #startMain .nowBox .quickSelect form input {margin:0 0 -4px 5px;}
*  + html #startMain .nowBox .quickSelect form input {margin:0 0 -4px 5px;}

.speciallinks .button {
    display: block;
    line-height: 25px;
    color:#0d567a;

}
.speciallinks .button:before {
    content: '»';
    padding-right: 5px;
}


#startMain .quickBox .links li {margin:0 0 8px 0; border-bottom:1px dotted #cfd53d; padding:0 0 8px; line-height:1.33em;}
#startMain .quickBox h4 {margin:0 0 10px 0; font-size:1.25em; font-weight:bold;}
#startMain .quickBox h3.reminder {display:none;text-transform:none;}
#startMain .quickBox .list {display:inline-block; padding:0 0 0 24px; line-height:1.38em; background:transparent url('../images/utility-alternateBox-top-list-icon.gif') no-repeat center left;}
#startMain .quickBox .scrollable {display:none;border:1px solid #d0d64b; height:96px; padding:8px 12px; line-height:1.33em; overflow-y:scroll; background-color:#f8f9d7;}
#startMain .quickBox .scrollable a {float:left; display:inline-block; width:227px; color:#0e4260;}
#startMain .quickBox .scrollable li {font-weight:bold; overflow:hidden; width:100%;}
#startMain .quickBox .scrollable li li {font-weight:normal;}
#startMain .quickBox .removeFromReminder {display:inline-block; float:right; margin:2px 0 0 0; text-indent:-9999px; width:10px!important; height: 9px; background:transparent url('../images/utility-reminder-delete.png') no-repeat center left;}
#startMain .quickBox .quickSelect {height:22px; margin:0 0 1em 0; overflow:hidden;}
#startMain .quickBox .quickSelect h3 {margin:3px 0 0 0; font-size:1em; text-transform:none; float:left;}
#startMain .quickBox .quickSelect form {float:right;}
#startMain .quickBox .quickSelect form select {width: 120px; }
#startMain .quickBox .quickSelect form input {margin:0 0 -7px 5px; }
* html #startMain .quickBox .quickSelect form input {margin:0 0 -4px 5px;}
*  + html #startMain .quickBox .quickSelect form input {margin:0 0 -4px 5px;}
#startMain .quickBox .printView {display:inline-block; margin:0.75em 0; height:17px; padding:0 0 0 20px; background:transparent url('../images/content-list-icon-small.gif') no-repeat center left;}
#startMain .quickBox .iconLink {display:block;height:23px;line-height:23px;padding:0 0 0 27px;}
#startMain .highlightBox {
    display:none; 
}
#startMain .highlightBox .advance-link {font-size:1px; line-height:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 3.0 and Chrome rules here */
    #startMain .highlightBox .advance-link {display:block;}
}

#startMain .tippGalleryBox { width:624px; /* width:517px; */ background:none; padding:0;}
#startMain .tippGalleryBox .ad-title a {font-size:1.5em; font-weight:bold; margin: 10px 0 0 16px; display: inline-block; }
#startMain .tippGalleryBox .ad-title span {float:right; font-size:1.5em; font-weight:bold; margin: 10px 0 0 16px;}
/* #startMain .tippGalleryBox .ad-image-description {z-index: 999;}
#startMain .tippGalleryBox .ad-image-description a {}
#startMain .tippGalleryBox .ad-title span.time {line-height: 40px; padding-left: 10px;}
*/
/*#startMain .tippGalleryBox .top {height:5px; line-height:4px; font-size:4px; background:transparent url('../images/start-tippGalleryBox-top.gif') no-repeat top left;}*/

/* #startMain .tippGalleryBox .content {padding:0; height:457px;border:none;background: none;} */



#startMain .tippGalleryBox .content {
    padding:0; 
    border:none;
    background: #fff;
    height: auto;
}

#startMain .tippGalleryBox .content .item {
    position: relative;
    border: 1px solid #cae2ed;
    border-radius: 4px;
}
#startMain .tippGalleryBox .content > h3 {
    margin-bottom: 0; 
    font-size: 22px;
    font-weight: 700;
}

#startMain .nowBox .content h3,
#startMain .tippGalleryBox .content > h3 {
    padding: 18px 8px 18px 8px;
    /* border-bottom: 5px solid #d9f1fc;*/
}

#startMain .tippGalleryBox .content  .title {
    display: table;
    width: 100%;
    position: absolute;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
}
#startMain .tippGalleryBox .content .title a,
#startMain .tippGalleryBox .content .title span {
    display:  table-cell;
    vertical-align: middle;
    padding: 0 10px;
}
#startMain .tippGalleryBox .content .title span.channel {
    width: 105px;
}
#startMain .tippGalleryBox .content .title span.time {
    width: 60px;
}

#startMain .tippGalleryBox .content .image {
    transform-style: initial;
    height: 100%;
    object-fit: cover;
}

#startMain .tippGalleryBox .item p {
    font-size: 1.2em;
    padding: 8px 10px;
}

#startMain .tippGalleryBox .owl-nav {
    position: absolute;
    top: 40px;
    width: 100%;
}

.teaserslider {
    margin:0 10px 20px 0;
    border: 1px solid #cae2ed;
    border-radius: 4px;
    background: #fff url('/images/start-box-background.gif') repeat-x top left;
}

.teaserslider h2 {
    font-size: 130%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px;
}

.teaserslider {
}

.teaserslider .broadcastinfos {
    padding-top: 10px;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
}
.teaserslider .broadcastinfos .channellogo {
    float: right;
}
.teaserslider .broadcastinfos .date {
    
}

.teaserslider .item .newstitle {
    padding:  5px 0 10px 0;
    font-size: 17px;
}

#startMain .home-teaserslides {
    
}

#startMain .home-teaserslides .item {
    padding: 0 10px;
    /* border: 1px solid #cae2ed;
    border-radius: 4px; */
}

#startMain .home-teaserslides  .imglink {
    overflow: hidden;
    max-height: 150px;
    display: block;
}


#startMain .highlightBox h3 {margin-bottom:0px;}
#startMain .highlightBox .galleryThumbs {margin-top:-1.5em; overflow:hidden; width:100%;}
#startMain .highlightBox .thumbs {float:right; display:block;}
#startMain .highlightBox .thumbs li {float:left; margin-left:3px; width:20px; text-align:center;}
#startMain .highlightBox .thumbs li a {width:20px; height:18px; line-height:18px; display:block; color:#1d2f38; font-size:1.17em; font-weight:bold; background: transparent url('../images/start-highlights-button.gif') no-repeat top left;}
#startMain .highlightBox .thumbs li.selected a {color:#ffffff; background: transparent url('../images/start-highlights-button-active.gif') no-repeat top left;}
#startMain .highlightBox .image {margin:3.50em 0 0.5em 0;}
#startMain .highlightBox .image img {margin-bottom:1em; border:1px solid #cbd136}
#startMain .highlightBox .caption {line-height:1.33em;}
#startMain .highlightBox .caption .title {position:absolute; font-size:1.25em; font-weight:bold; top:2.875em; height:1.15em; overflow: hidden; }
#startMain .highlightBox .caption .details {text-transform:uppercase; font-weight:bold;}
#startMain .highlightBox .caption .more {font-weight:bold;}
#startMain .highlightBox .caption p {margin-bottom: 0;}
#startMain .highlightBox .delimiter{padding:0;}
#startMain .mediathekBox .star{margin-top:-7px;padding:0 0 0 38px;line-height:30px;background: transparent url('../images/star.gif') no-repeat top left;}
#startMain .mediathekBox img {margin:0 0 8px 0;border:1px solid #cbd136;}
#startMain .mediathekBox h4 {margin:0 0 .3em 0; font-size:1.25em; font-weight:bold;}
#startMain .mediathekBox h5{margin:0 0 .1em;font-weight:bold;}
#startMain .mediathekBox .text{line-height:1.33em;}
#startMain .mediathekBox li * {display:none;}
#startMain .mediathekBox li .title, #startMain .mediathekBox li .title * {display:block;}
#startMain .mediathekBox li.first{margin:0 0 1em 0;}
#startMain .mediathekBox li.first * {display:block;}
#startMain .mediathekBox li.first h5 {font-size:1.25em;}

#startMain .socialiframe {
    height: 460px; 
    margin: 0 0 12px 25px;
    background:none;
}

#startMain .social {height: auto; margin-right:0; margin-top:5px; background:none;
    border: 1px solid #0D567A;
    border-radius: 4px 4px 4px 4px;
    width: 621px;
    margin: 0 25px 12px 0;
}
/* #startMain .social .top {background:none;} */
#startMain .social .content {height:auto; padding:5px 0; background:none;}
#startMain .social .content .twitter {padding:0 0 0 10px;}
#startMain .social .content .newsletter {padding:0 0 0 10px;}
#startMain .social .content .newsletter h4 {font-weight:bold; padding: 0 0 5px 0;}

#startMain .social .content .ui-state-default {display: inline-block; position:relative; top:3px;}
#startMain .social .content .ui-icon {display: inline-block;} /* */
#startMain .social .content .icon {height: 16px; width: 16px;}
#startMain .social .content a.button {
    color: #0D567A;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 0 33px;
    width: 250px;
}

#startMain .adsocial {margin-left:25px; background:none;}


.doormat-channels,
#doormat {
    clear:both; 
    width: 1030px;
    margin:0; 
    border-top:1px solid #cae2ed; 
    padding:12px 16px 25px 16px; 
    overflow:hidden; 
    background-color:#fafdfe;
}
.doormat-channels .utility,
#doormat .utility {margin:0 0 28px 0; width:915px; overflow:hidden;}
.doormat-channels .utility h3,
#doormat .utility h3 {font-size: 120%; margin-bottom: 15px;}
#doormat .utility .print {float:left; width:50%;}
#doormat .utility .print a {display:inline-block; padding:0 0 0 28px; line-height:22px; color:#1774a0; background:transparent url('../images/doormat-print-icon.gif') no-repeat center left; font-weight:bold;}
#doormat .utility .social {float:right; width:50%; overflow:hidden;text-align:right;}
#doormat .utility .social .addthis_toolbox{float:right;}
#doormat .doormatContainer{width:100%;overflow:hidden;}
#doormat ol {float:left;width:229px;overflow:hidden;}
#doormat li {float:left;margin:0 0 1em 0;width:229px; font-weight:bold;}
#doormat li ol{margin:.5em 0 0 0;}
#doormat li li {margin:0;font-weight:normal;}
.doormat-channels .list {list-style:inherit;}
.doormat-channels .list .items {
    display: inline;
    float: left;
    list-style-type: disc;
    padding-right: 15px;
}

#badges {margin:0 0 10px 12px; width:950px; text-align:right;}
#badges .last{margin:0 -5px 0 0;}

#footer {
    width: 1030px; 
    height:24px; 
    line-height:24px; background:#28a7e0 url('../images/header-background.gif') repeat-x top left; color:#ffffff;}
#footer a {color:#ffffff;}
#footer .delimiter {padding:0 0 4px 0;}
#footer .container {overflow:hidden; width:950px; padding:0 12px 0 12px;}


#content .radiowrap h4 {font-size:1.0em;}

.print #content{margin:0 12px 0 12px; padding:12px; width:927px!important;clear:both;background-color:#fff;}
.print #content .teaser img.printIcon{margin:0 5px 0 0; border:0px none;}
.print .printHeader{padding:25px 0 25px 12px; width:951px; overflow:hidden;}
.print h1{margin:0; padding:0; float:left;}
.print h1 a{background-image:none;width:0;height:0;}
.print .logo{float:left;}
.print .print{float:right;}
.print .print a{display:inline-block; margin:.75em 0 0 0; padding:0 0 0 28px; line-height:22px; color:#1774a0; background:transparent url('../images/doormat-print-icon.gif') no-repeat center left; font-weight:bold;}

.googlead {
    position:absolute; 
    top: 176px; 
    left: 1070px;
}
.googlead.detail {position:absolute; top:192px; left: 1040px;}
.googleadTVbot {margin: 10px 0 0 193px; width: 728px !important;}

/* klein .adworkxPosition1 { height: 60px; left: 488px;position: absolute;top: 36px;width: 473px;overflow:hidden;}
*/
.adworkxPosition1 {
    overflow: hidden; 
    position: absolute; 

    top: 36px; 
    left: 301px;
    width: 728px;
    height: 91px; 
}
.adworkxPosition1 a img { float: left;}
.adworkxMiddle {display:block; border:0!important;}
.adworkxMiddle img {border:0!important;}

.plista_widget_belowArticle {margin-top:15px;}
.etarget {margin-bottom:10px;}

.hide {display:none;}

.twyn-programm {
    position: absolute;
    top: 0;
    left: 1040px;
    height:280px;
    overflow:hidden;
}
.newicon { position: absolute; top: 116px; left: 105px; width:50px; height:50px;background:transparent url('../images/newicon38.png') no-repeat top right;}