/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 * 
 * @colordef #333;    80% Black (Typo)
 * @colordef #2b2a2b; Dark Grey
 */

@media all {

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Basisformatierungen
 *
 * @section base-formattings
 */

html { background: #718c9d url(../../images/bg_html.jpg) no-repeat scroll 0 0; }

body {
    padding-top: 113px;
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px */
    font-weight: 300;
    line-height: 1.3333em; /* 16px */
    text-align: left;
    color: #333;
}


/**
 * Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
 *
 * @workaround
 * @affected IE8, FF, Webkit, Opera
 * @css-for all
 * @valid CSS3
 */

body { overflow-y: scroll; }


/**
 * Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
 *
 * @see: http://webkit.org/blog/67/strange-medium/
 */

textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Überschriften
 *
 * @section headlines
 */

h1, h2, h3, h4, h5, h6 { font-weight: 500; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Allgemeine Textauszeichnungen
 *
 * @section general-text-formattings
 */

p {
    font-family: Arial, Helvetica, sans-serif;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

address {
    font-style: normal;
}

acronym, abbr {
    border-bottom: 1px dotted #aaa;
    font-variant: small-caps;
    letter-spacing: 1px;
    cursor: help;
}

sub, sup {
    position: relative;
    font-size: 10px;
    line-height: 10px;
}

sub { top: 4px; }
sup { top: -6px; }

blockquote, cite, q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Hyperlinks
 *
 * @section links
 */

a,
a:visited {
    color: #e10e16;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: underline;
}


/**
 * Hervorhebung externer Hyperlinks
 *
 * @subsection external-links
 */

/*
#main a[href^="http://"],
#main a[href^="https://"] {
    margin-left: 1px;
    padding-left: 15px;
    background: transparent url() no-repeat scroll 0 center;
}
*/


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Bilder
 *
 * @section images
 */

img { display: block; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Bilder mit Bildunterschriften
 *
 * @section image-captions
 */

/*
.icaption_left {
    float: left;
    display: inline;
    margin: 0 20px 5px 0;
}

.icaption_right {
    float: right;
    display: inline;
    margin: 0 0 5px 20px;
}

.icaption_left img,
.icaption_right img {
    border: 1px solid #888;
    padding: 0;
}

.icaption_left strong,
.icaption_right strong {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    padding: 3px 5px;
    font-size: 91.667%;
    font-weight: 400;
    background: #eee;
}
*/

/*
 * Fix fuer Abstand nach Object-Tag
 *
 */

object {
    display: block;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Standardklassen
 *
 * @section generic-content-classes
 */

.float_left { float: left; display: inline; } /* links fließen lassen */
.float_right { float: right; display: inline; } /* rechts fließen lassen */
.block { overflow: hidden; } /* BFC erzeugen */

.cursor { cursor: pointer; } /* Hand-Cursor einblenden */
.text_indent { text-indent: -9999px; } /* Text aus dem Sichtbereich schieben */
.uppercase { text-transform: uppercase; letter-spacing: 0.5px; } /* Text in Versalien gesetzt */

.show { display: block; } /* einblenden */
.hide { display: none !important; } /* ausblenden */
.invisible { visibility: hidden; } /* verstecken */

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}


/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * Tabellen
 *
 * @section content-tables
 */

/*
table {
    width: auto;
    margin-bottom: 0.5em;
    border-top: 2px solid #888;
    border-bottom: 2px solid #888;
}

table caption { font-variant: small-caps; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }

th, td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px solid #800; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { background: #f0e8e8; }
tbody tr:hover td { background: #fff8f8; }
*/


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Allgemeine Layoutformatierungen
 * 
 * @section layout-basics
 */

.page_margins {
    position: relative;
    width: 900px;
    margin-left: 55px;
}

#header, #nav, #main, #footer { clear: both; }

#main {
    padding: 0 10px 40px 0;
    background-color: #fff;
}

.livestream #main {
    padding: 0;
}

#col1 {
    min-height: 700px; /* testweise */
    background-color:#ffffff;
}

.livestream #col1 {
    min-height: 0;
}

.col1 {
    width: 590px;
}

.col1_wide {
    width: 100%;
}

.col1_wide #col1_content {
    padding-right: 2px;
}

#col1_content {
    padding-right: 20px;
}

#col3 {
    margin-left: 590px;
    padding-top: 10px;
}

#col3_content {
    background-color: #edf1f3;
}


/**
 * Allgemeine Layoutformatierungen für die Skiplinks
 *
 * @subsection skiplinks
 */

#skiplinks a.skip:focus,
#skiplinks a.skip:active {
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #333;
}


/**
 * Allgemeine Layoutformatierungen für die Scrollbox
 * 
 * @subsection scrollbox
 */

.scrollbox {
    overflow-x: hidden;
    overflow-y: auto;
}


/**
 * Allgemeine Layoutformatierungen für den Button
 * 
 * @subsection btn
 */

.btn {
    display: inline-block;
    height: 29px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 14px;
    font-size: 1.1666em; /* 14px */
    font-weight: 500;
    line-height: 2.0714em; /* 29px */
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    color: #000;
    background-color: #f9b702;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbcb48), color-stop(100%, #f9b702));
    background-image: -webkit-linear-gradient(top, #fbcb48 0%, #f9b702 100%);
    background-image: -moz-linear-gradient(top, #fbcb48 0%, #f9b702 100%);
    background-image: -ms-linear-gradient(top, #fbcb48 0%, #f9b702 100%);
    background-image: -o-linear-gradient(top, #fbcb48 0%, #f9b702 100%);
    background-image: linear-gradient(top, #fbcb48 0%, #f9b702 100%);
}

.btn:visited
{
    color:#000000 !important;
}


.btn:before {
    position: relative;
    top: 2px;
    left: -9px;
    padding-left: 6px;
    content: url(../../images/ico_arrow_btn.png);
}

.btn:focus,
.btn:hover,
.btn:active {
    text-decoration: none;
}


/**
 * Allgemeine Layoutformatierungen für den Punkteindikator
 * 
 * @subsection dot_list
 */

.dot_list {
    height: 11px;
    word-spacing: -1em;
}

.dot_list li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.dot_list li:first-child {
    margin-left: 0;
}

.dot_list a {
    display: block;
    width: 10px;
    height: 11px;
    text-indent: -9999px;
    background: transparent url(../../images/spr_dot_list.png) no-repeat scroll 0 0;
}

.dot_list .active a { background-position: -20px 0; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Header
 * 
 * @section header
 */

#header {
    position: relative;
    height: 112px;
}

#header > .logo {
    position: absolute;
    bottom: 0;
    left: -6px;
}

#header > .logo a,
#header > .logo span {
    display: block;
    width: 214px;
    height: 56px;
    text-indent: -9999px;
    background: transparent url(../../images/logo_atv2_specular_small.png) no-repeat scroll 0 0;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * "Jetzt auf ATV"
 *
 * @section now_on_atv
 */
#now_on_atv {
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    color: #333;
}

#now_on_atv li {
    position: relative;
    float: right;
    height: 62px;
    background-image: url('../../images/spr_now_on_atv.png');
    background-position: right 0px;
    margin-right: -38px;
}

#now_on_atv li.now_on_atv {
    width: 112px;
}

#now_on_atv li.current {
    background-position: right -67px;
    width: 264px;
}

#now_on_atv li.next {
    background-position: right -134px;
    width: 217px;
}

#now_on_atv  a,
#now_on_atv  a:visited {
    color: #333;
}

#now_on_atv .current_data span {
    color: #333;
}

#now_on_atv li.more {
    width: 99px;
    background-position: right -201px;
    margin-right: 0;
}

#now_on_atv a:focus,
#now_on_atv a:hover,
#now_on_atv a:active {
    text-decoration: none;
    color: #f9b701;
}

#now_on_atv li.now_on_atv,
#now_on_atv li.more {
    font-size: 1.1666em;
    font-weight: 500;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

#now_on_atv li.now_on_atv span {
    display: block;
    margin: 10px 0 0 22px;
    width: 70px;
    text-align: center;
    color: white;
    line-height: 1.4em;
}

#now_on_atv li.more a:before {
    position: relative;
    top: 2px;
    left: -2px;
    content: url('../../images/ico_arrow_btn.png');
}

#now_on_atv li.more a {
    display:block;
    margin: 21px 0 0 34px;
    color: black;
}

#now_on_atv li.data {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1em;
}

#now_on_atv li.data .title {
    position:absolute;
    height:26px;
    overflow: hidden;
    top: 4px;
    left: 45px;
    color: #333;
}

#now_on_atv li.current .title
{
    width: 210px;
}

#now_on_atv li.next .title
{
    width: 160px;
}

#now_on_atv li.data .time {
    position:absolute;
    top: 30px;
    left: 35px;
    color: #616466;
}

#now_on_atv .current .progress_bar,
#now_on_atv .current .progress {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

#now_on_atv .current .progress_bar {
    position: absolute;
    top: 45px;
    left: 25px;
    width: 200px;
    height: 6px;
    background-color: #616466;
    overflow:hidden;
}

#now_on_atv .current .progress_bar .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 6px;
    background-color: #F9B702;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Hauptnavigation
 * 
 * @section nav
 */

#nav {
    position: absolute;
    bottom: 5px;
    right: 35px;
    height: 35px;
}

#nav a {
    color: #fff;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

#nav a:focus,
#nav a:hover,
#nav a:active {
    text-decoration: none;
    color: #f9b701;
}


/**
 * Hauptnavigation - 1. Ebene
 *
 * @subsection level_1
 */

#nav > .level_1 > li {
    float: right;
    height: 28px;
    padding: 7px 0 0 10px;
    background-image: url('../../images/spr_navigation_sprite.png');
    background-repeat: none;
    overflow: hidden;
}

#nav > .level_1 > li > a,
#nav > .level_1 > li > span {
    display: block;
    padding: 0 20px;
    font-size: 1.6666em; /* 20px */
    line-height: 1em; /* 20px */
    text-transform: uppercase;
}

#nav > .level_1 > .broadcasts,
#nav > .level_1 > .program,
#nav > .level_1 > .live {
    margin-right: -35px;
}

#nav > .level_1 > .reception,
#nav > .level_1 > .program,
#nav > .level_1 > .live {
    padding-left: 25px;
}

#nav > .level_1 > .broadcasts {
    width: 245px;
}

#nav > .level_1 > .broadcasts.active {
    background-position: 0 -37px;
}

#nav > .level_1 > .program {
    width: 193px;
    background-position: 0 -74px;
}

#nav > .level_1 > .program.active {
    background-position: 0 111px;
}

#nav > .level_1 > .reception {
    width: 138px;
    background-position: -55px -74px;
}

#nav > .level_1 > .reception.active {
    background-position: -55px -111px;
}

#nav > .level_1 > .live {
    width: 108px;
    background-position: -85px -74px;
}

#nav > .level_1 > .live.active {
    background-position: -85px -111px;
}

#nav > .level_1 > .broadcasts > span {
    border-left: 0 none;
    color: #fff;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

#nav > .level_1 > .broadcasts > span:after {
    float: right;
    display: inline;
    position: relative;
    top: -1px;
    right: 10px;
}

#nav > .level_1 > .broadcasts > span:hover {
    color: #f9b701;
    cursor: pointer;
}


/**
 * Hauptnavigation - Flyout
 *
 * @subsection flyout
 */

#nav .flyout {
    position: absolute;
    top: 40px;
    right: -35px;
    z-index: 20;
    width: 866px;
    height: 368px;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    padding: 12px 10px 14px 24px;
    background-color: #333;
}

#nav .flyout > .close {
    position: absolute;
    top: 22px;
    right: 29px;
    z-index: 30;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: transparent url(../../images/ico_close.png) no-repeat scroll 0 0;
    cursor: pointer;
}


/**
 * Hauptnavigation - 2. Ebene
 *
 * @subsection level_2
 */

#nav .level_2 {
    position: relative;
    width: 126px;
    padding-top: 15px;
}

#nav .level_2 .listitem {
    display: block;
    position: relative;
    font-size: 1.8333em; /* 22px */
    line-height: 1.8181em; /* 40px */
    color: #fff;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    cursor: pointer;
}

#nav .level_2 .listitem:hover {
    color: #f9b701;
}

#nav .level_2 > .active > .listitem {
    color: #f9b701;
    cursor: auto;
}

#nav .level_2 > .active > .listitem:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -8px;
    border-top: 9px solid transparent;
    border-right: 9px solid #151515;
    border-bottom: 9px solid transparent;
    content: "";
}


/**
 * Hauptnavigation - 2. Ebene - Inhalt
 *
 * @subsubsection content
 */

#nav .level_2 .content {
    display: none;
    position: absolute;
    top: 0;
    left: 126px;
    width: 740px;
    height: 368px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#nav .level_2 > .active > .content {
    display: block;
    -webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55);
    box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55);
    background-color: #1d1d1d;
}

#nav .level_2 .content h2 {
    margin: 0 20px 14px;
    border-bottom: 1px solid #3f3e3e;
    padding-left: 22px;
    font-size: 1.3333em; /* 16px */
    line-height: 2.625em; /* 42px */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bdbdbd;
}

#nav .level_2 .content_scrollbox {
    height: 272px;
    padding: 0 20px;
}

#nav .level_2 .content_nav {
    height: 23px;
    border-top: 1px solid #333;
    padding-top: 11px;
    text-align: center;
    background-color: #151515;
}


/**
 * Hauptnavigation - 2. Ebene - Inhalt - Rasteransicht
 *
 * @subsubsubsection grid_view
 */

#nav .level_2 .grid_view {
    position: relative;
    left: 22px;
    width: 720px;
    height: 273px;
}

#nav .level_2 .grid_view li {
    float: left;
    position: relative;
    display: block;
    margin: 0 60px 19px 0;
    padding-top: 4px;
}

#nav .level_2 .grid_view li .label {
    display: none;
    position: absolute;
    bottom: 0;
    padding-bottom: 2px;
    /*total width; 120px */
    padding-left: 5px;
    width: 115px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-weight: 500;
}

#nav .level_2 .grid_view li:hover .label {
    display: block;
}
/**
 * Hauptnavigation - 2. Ebene - Inhalt - Listenansicht
 *
 * @subsubsubsection list_view
 */

#nav .level_2 .list_view {
    position: relative;
    left: 22px;
    width: 720px;
    height: 272px;
}

#nav .level_2 .list_view li {
    float: left;
    display: inline;
    width: 200px;
    height: 68px;
    margin-right: 40px;
}

#nav .level_2 .list_view h3 {
    margin-bottom: 3px;
    font-size: 1.3333em; /* 16px */
    font-weight: 300;
    line-height: 1.125em; /* 18px */
}

#nav .level_2 .list_view h3:before {
    position: relative;
    top: -1px;
    margin-left: -15px;
    padding-right: 10px;
    content: url(../../images/ico_arrow_flyout_broadcast.png);
}

#nav .level_2 .list_view .date {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Footer
 * 
 * @section footer
 */

#footer {
    position: relative;
    height: 57px;
    padding: 17px 0 0 191px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #2b2a2b url(../../images/logo_atv2_footer.png) no-repeat scroll 0 0;
}

#footer li {
    float: left;
    display: inline;
}

#footer li:before {
    content: "|";
    padding: 0 10px;
}

#footer li:first-child:before {
    content: "";
    padding: 0;
}

#footer a {
    color: #fff;
}

#footer > .top_list {
    margin-bottom: 8px;
}

#footer > .top_list li {
    font-size: 1.1666em; /* 14px */
    line-height: 1.6em; /* 14px */
}

#footer > .bottom_list {
    padding-left: 1px;
}

#footer > .bottom_list li {
    font-size: 1em; /* 12px */
    line-height: 1.6em; /* 12px */
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Bühnenteaser
 * 
 * @section teaser_stage
 */

.teaser_stage {
    position: relative;
    width: 900px;
    height: 394px;
    overflow:hidden;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    background-color: #fff;
}

.teaser_stage_content {
    position: relative;
    width: 900px;
    height: 394px;
}


/**
 * Bühnenteaser - Textcontainer
 *
 * @subsection teaser_stage_text
 */

.teaser_stage_text {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 347px;
    min-height: 147px;
    padding: 15px 25px 18px 20px;
    color: #fff;
    background-color: #000; /* Fallback */
    background-color: rgba(0, 0, 0, 0.6);
}

.teaser_stage_text h2 {
    margin-bottom: 4px;
    padding-left: 1px;
    font-size: 2.1666em; /* 26px */
    font-weight: 300;
    line-height: 1.1538em; /* 30px */
    color: #f9b701;
}

.teaser_stage_text h3 {
    margin-bottom: 13px;
    font-size: 3.3333em; /* 40px */
    line-height: 1em; /* 40px */
    text-transform: uppercase;
}

.teaser_stage_text > .date {
    display: block;
    padding-left: 1px;
    font-size: 2.6666em; /* 32px */
    font-weight: 500;
    line-height: 1.25em; /* 40px */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.teaser_stage_text > .time {
    display: block;
    width: 200px;
    overflow: hidden;
    padding-left: 3px;
    font-size: 1.3333em; /* 16px */
    line-height: 1.25em; /* 20px */
    letter-spacing: 1px;
}

.teaser_stage_text > .btn {
    position: absolute;
    right: 25px;
    bottom: 20px;
    max-width: 100px;
    overflow: hidden;
}


/**
 * Bühnenteaser - Navigation
 *
 * @subsection teaser_stage_nav
 */

.teaser_stage_nav {
    position: absolute;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 0;
    z-index: 5;
    width: 900px;
    text-align: center;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Social Media
 * 
 * @section social_media
 */

.social_media {
    padding: 0 0 14px 0;
    background-color: #fff;
    /*background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #edf1f3), color-stop(85%, #edf1f3), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(left, #edf1f3 0%, #edf1f3 85%, #fff 100%);
    background-image: -moz-linear-gradient(left, #edf1f3 0%, #edf1f3 85%, #fff 100%);
    background-image: -ms-linear-gradient(left, #edf1f3 0%, #edf1f3 85%, #fff 100%);
    background-image: -o-linear-gradient(left, #edf1f3 0%, #edf1f3 85%, #fff 100%);
    background-image: linear-gradient(left, #edf1f3 0%, #edf1f3 85%, #fff 100%);*/
}

.social_media_tabs {
    padding: 10px 0 0 14px;
}

.social_media_tabs li {
    float: left;
    display: inline;
    position: relative;
    height: 64px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    padding: 0 64px 0 16px;
    font-size: 2em; /* 24px */
    font-weight: 500;
    line-height: 2.6666em; /* 64px */
    text-transform: uppercase;
    background: transparent url(../../images/spr_ico_social_media.png) no-repeat scroll 0 0;
    cursor: pointer;
}

.social_media_tabs .facebook { background-position: 88% 16px; }
.social_media_tabs .twitter { background-position: 88% -84px; }

.social_media_tabs .active {
    z-index: 2;
    background-color: #fff;
    cursor: auto;
}

.social_media_content {
    margin-left: 14px;
    padding-bottom: 14px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Kleiner Startseitenteaser
 * 
 * @section teaser_small
 */

#col1_content  .teaser_small { padding: 16px 0 0 10px; }
#col3_content > .teaser_small { padding: 6px 20px 0; }

.teaser_small > .subcolumns,
.teaser_small > .teaser_small_list li {
    margin-top: 18px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 19px;
}

/* Chrome fixes */

.teaser_small .c50l {
    width: 260px;
    padding-right: 20px;
}

.teaser_small .c50r {
    width: 280px;
    float: left;
    margin-left : 0;
}

.teaser_small .subcl {
    padding: 0;
    margin: 0;
}


/* ende: Chrome fixes */

.teaser_small h2 {
    border-bottom: 4px solid #616466;
    padding-left: 2px;
    font-size: 2em; /* 24px */
    line-height: 1.6666em; /* 40px */
    text-transform: uppercase;
}

.teaser_small h3 {
    margin-bottom: 11px;
    padding: 5px 10px 7px 6px;
    font-size: 1.5em; /* 18px */
    line-height: 1.1111em; /* 20px */
    color: #d3d3d3;
    background-color: #2b2a2b;
}

.teaser_small p {
    margin-bottom: 6px;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #5d5d5d;
}

.teaser_small > .teaser_small_list p {
    color: #333;
}

.teaser_small .img_container {
    position: relative;
    display: block;
}

.teaser_small .img_container:focus,
.teaser_small .img_container:hover,
.teaser_small .img_container:active {
    text-decoration: none;
}

.teaser_small .badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 36px;
    height: 23px;
    padding-left: 9px;
    font-size: 1.1666em; /* 14px */
    font-weight: 500;
    line-height: 1.5em; /* 21px */
    text-transform: uppercase;
    color: #333;
    background: transparent url(../../images/bg_teaser_badge.png) no-repeat scroll 0 0;
}

.teaser_small .date {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 19px;
    padding: 0 5px 0 10px;
    font-size: 1.3333em; /* 16px */
    line-height: 1.0625em; /* 17px */
    color: #fff;
    background-color: #08aeb6;
}

.teaser_small .caption {
    display: block;
    margin: -7px 0 10px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9166em; /* 11px */
    line-height: 1.4545em; /* 16px */
    font-style: italic;
}

.teaser_small .goto_detailpage {
    float: right;
    display: inline;
    font-weight: 500;
    text-transform: uppercase;
}

.teaser_small .goto_detailpage:before {
    content: "// ";
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Branding
 * 
 * @section branding
 */

.branding {
    background-color: #2b2a2b;
}

.branding > .btn {
    margin: 12px 10px;
}

.branding img {
    margin: 0 auto;
}

.branding h2 {
    width: 500px;
    padding: 12px 0 12px 16px;
    font-size: 2em; /* 24px */
    font-weight: 300;
    line-height: 1.2083em; /* 29px */
    color: #fff;
}

.branding_image_container {
    width: 900px;
    height: 120px;
    overflow: hidden;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Branding
 * 
 * @section branding
 */

.tab_nav {
    height: 45px;
    background-color: #2b2a2b;
    overflow: hidden; /* prevent css shadow from bleeding out */
}

.tab_nav ul {
    display: inline-block;

    background: rgb(102,101,102); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(102,101,102,1) 3%, rgba(85,84,85,1) 4%, rgba(44,43,44,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(102,101,102,1)), color-stop(4%,rgba(85,84,85,1)), color-stop(100%,rgba(44,43,44,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(102,101,102,1) 3%,rgba(85,84,85,1) 4%,rgba(44,43,44,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(102,101,102,1) 3%,rgba(85,84,85,1) 4%,rgba(44,43,44,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(102,101,102,1) 3%,rgba(85,84,85,1) 4%,rgba(44,43,44,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(102,101,102,1) 3%,rgba(85,84,85,1) 4%,rgba(44,43,44,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666566', endColorstr='#2c2b2c',GradientType=0 ); /* IE6-9 */
}

.tab_nav ul,
.tab_nav ul li {
    height: 45px;
    -webkit-box-shadow: 3px 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 0 3px rgba(0,0,0,0.4);
    -o-box-shadow: 3px 0 3px rgba(0,0,0,0.4);
    -ms-box-shadow: 3px 0 3px rgba(0,0,0,0.4);
    box-shadow: 3px 0 3px rgba(0,0,0,0.4);

}

.tab_nav li {
    float: left;
    display: inline;
    padding: 0 27px;
    font-size: 1.5em; /* 18px */
    line-height: 2.5em; /* 45px */
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    cursor: pointer;

}

.tab_nav li:hover {
    color: #f9b701;
}

.tab_nav .active,
.tab_nav .tn_preview.active,
.tab_nav .tn_facebook.active,
.tab_nav .tn_twitter.active {
    color: #333;
    background-color: #fff;
    cursor: auto;
}

.tab_nav .active:hover {
    color: #333;
}

.tab_nav .tn_facebook,
.tab_nav .tn_twitter {
    padding-left: 58px;
    background: transparent url(../../images/spr_ico_social_media.png) no-repeat scroll 0 0;
    -webkit-transition: color 0.2s linear, background-position 0.2s linear;
    -moz-transition: color 0.2s linear, background-position 0.2s linear;
    -o-transition: color 0.2s linear, background-position 0.2s linear;
    transition: color 0.2s linear, background-position 0.2s linear;
}

.tab_nav .tn_facebook { background-position: 26px -190px; }
.tab_nav .tn_facebook:hover { background-position: 26px -240px; }
.tab_nav .tn_facebook.active { background-position: 26px -290px; }

.tab_nav .tn_twitter { background-position: 22px -340px; }
.tab_nav .tn_twitter:hover { background-position: 22px -390px; }
.tab_nav .tn_twitter.active { background-position: 22px -440px; }


/**
 * Detail Tabs
 */
.detail_tab {
    position: relative;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Artikel
 * 
 * @section article
 */

.article {
    position: relative;
    padding: 38px 100px 12px 30px;
    min-height: 190px;
    font-family: Helvetica, Arial, sans-serif;
    color: #5D5D5D;
}

.article > .airtime {
    position: absolute;
    top: 39px;
    right: 0;
    width: 61px;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Terminal Dosis", Helvetica, Arial, sans-serif;
}

.article > .airtime li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 27px;
}

.article > .airtime span {
    display: block;
    font-weight: 500;
}

.article > .airtime .date,
.article > .airtime .affix {
    font-size: 1.1666em; /* 14px */
    line-height: 1.3571em; /* 19px */
    color: #fff;
    background-color: #08aeb6;
}

.article > .airtime .day {
    font-size: 2em; /* 24px */
    line-height: 1.1666em; /* 28px */
    text-transform: uppercase;
    color: #eaeaea;
    background-color: #2b2a2b;
}

.article > .airtime .time {
    padding-bottom: 6px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.1428em; /* 16px */
    color: #fff;
    background-color: #2b2a2b;
}

.article > .airtime .rerun > .day,
.article > .airtime .rerun > .time {
    color: #ffffff;
    background-color: #2b2a2b;
}

.article > .airtime .rerun > .affix
{
    color: #2c2a2a;
    background-color: #edf1f3;
}



.article > .topline {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px */
    line-height: 1em; /* 12px */
    color: #5d5d5d;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article dt {
    font-family: "Terminal Dosis", Helvetica, Arial, sans-serif;
    color: #2c2a2a;
}

.article h1,
.article h2 {
    font-size: 2.0em /* 24px */
}

.article h3 {
    font-size: 1.5em
}

.article h4,
.article h5,
.article h6 {
    font-size: 1.15em;
    margin-bottom: 5px;
    margin-top: 15px;
}

.article h3, .article h2 {
    margin-bottom: 1em; /* 24px */
    line-height: 1.3333em; /* 32px */
}

.detail h3 {
    margin: 0;
}

.detail .eptitle {
    display: block;
    margin-bottom: 1em; /* 24px */
    font-weight: 700;
}

.article p,
.article dt,
.article dd {
    color: #5D5D5D;
    font-size: 1em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.article dl {
    width: 400px;
}

.article dt {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    width: 150px;

}

.article p,
.article dd {
    color: #5d5d5d;
}

.article dd {
    min-width: 240px;
}

.article dl {
    margin: 10px inherit;
}

.article dt,
.article dd {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.article p + p {
    margin-top: 1.6666em; /* 20px */
}

.article ul {
    list-style-image: url('../../images/list_item_hyphen.png');
    list-item-position: outside;
    padding-left: 20px;
}

.article dd ul {
    list-style-image: none;
    padding: 0;
}

.article dl.information {
    margin-top: 18px
}

.article dl.information dt {
    display: block;
    margin-top: 6px;
}

.article dl.information dd {
    display: block;
    margin-top: 0;
}

.article .tvpremiere {
    height: 16px;
/*    font-family: "Terminal Dosis",Arial,Helvetica,sans-serif;*/
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
    color: #08AEB6;
    margin-bottom: 15px;
    width: 290px;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Werbung
 * 
 * @section advertising
 */

#bsb1_bb1,
#sky1_hpa1_sbar1 {
    position: absolute;
}

#sky1_hpa1_sbar1 {
    top: 123px;
    left: 965px;
    z-index: 100;
}

#bsb1_bb1 {
    top: 20px;
    left: 225px;
    z-index:101;
}

.rectangle {
    min-height: 283px;
    padding-top: 10px;
    background-color: #fff;
}

.rectangle > .advertising_wrapper {
    min-height: 250px;
}

.rectangle .text {
    display: block;
    margin: 2px 0 0 2px;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
}

.advertising iframe {
    display: none;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * FAQ 
 * 
 * @section faq
 */

.faq {
    padding-left: 25px;
    padding-right: 25px;
}

.faq h2 {
    color: #2C2A2A;
    font-size: 2em;
    line-height: 1.3333em;
    margin-bottom: 1em;
}
}

.faq h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.faq dl {
    width: auto;
}

.faq dt {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.10em;
    font-family: "Terminal Dosis", Helvetica, Arial, sans-serif;
    cursor: pointer;
    width: auto;
}

.faq dt:before {
    position: relative;
    margin-right: 10px;
    top: 2px;
    content: url('../../images/ico_arrow_btn.png');

}

.faq dt.active:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 200ms ease-in;
}

.faq dd {
    display: none;
    width: auto;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

.faq dd p {
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Reception
 * 
 * @section reception
 */


.reception-content ul li.first_column {
    float: left;
    margin-right: 30px;
    width: 100px;
}

.reception-content dl {
    margin-bottom: 20px;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * ProgramGuide
 * 
 * @section programguide
 */



.mod_programguide {
    font-family: Arial, Helvetica, sans-serif; /* font-family: "Terminal Dosis", Arial, Helvetica, sans-serif; */
    margin-left: 12px;
    color: #333;
}


.mod_programguide .col_left {
    width: 555px;
    float: left;
    margin: 0 20px 0 0;
}

.mod_programguide .col_right {
    width: 300px;
    float: left;
    padding-top: 30px;
}


.mod_programguide .highlight_teaser {
    margin-top: 40px;
}

.mod_programguide .highlight_teaser > div {
    position: relative;
    padding-bottom: 20px;
}

.mod_programguide .highlight_teaser img {
    width: 160px;
    height: 90px;
    float: left;
    margin:  0 20px 22px 0;
}

.mod_programguide .highlight_teaser h2,
.mod_programguide .highlight_teaser h3 {
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    padding-left: 2px;
    font-size: 2em;
    line-height: 1.1em;
}

.mod_programguide .highlight_teaser .clearfix p {
    color: #737373;
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.mod_programguide .highlight_teaser h2 {
    margin: 15px 0 15px 0;
    text-transform: uppercase;
}

.mod_programguide .highlight_teaser h3 {
    margin-bottom: 3px;
    line-height: 0.5em;
}

.mod_programguide .highlight_teaser h3 a {
    color: #333;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1em;
}

.mod_programguide .highlight_teaser .more {
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0;
    font-weight: 400;
}


.mod_programguide .epg_switcher {
    width: 900px;
    position: relative;
    clear: both;
    margin-left: -12px;
    overflow: hidden;
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 2em;
    text-transform: uppercase;
    overflow: hidden;
}

.mod_programguide .epg_switcher .tabs {
    overflow: hidden;
}

.mod_programguide .epg_switcher .tabs li {
    height: 50px;
    float: left;
    display: inline;
    position: relative;
    margin-top: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    background-color: #edf1f3;
}

.mod_programguide .epg_switcher .tabs li.active {
    z-index: 3;
    background-color: white;
}

.mod_programguide .epg_switcher .tabs a {
    display: block;
    height: 24px;
    padding-right: 50px;
    margin-top: 15px;
    margin-bottom:10px;
    background-image: url(../../images/epg_tab_logos.png);
    background-repeat: no-repeat;
    
    color: #333;
    line-height: 0.85em;
    text-decoration: none;
}

.mod_programguide .epg_switcher .tabs .atv a {
    background-position: 30px -24px;
    padding-left:110px;
}

.mod_programguide .epg_switcher .tabs .atv2 a {
    background-position: 30px -72px;
    padding-left: 135px;
}

.mod_programguide .epg_switcher .tabs .active.atv a {
    background-position: 30px 0px;
}

.mod_programguide .epg_switcher .tabs .active.atv2 a {
    background-position: 29px -48px;
}

.mod_programguide .epg_switcher .weeks {
    position: absolute;
    top: 18px;
    right: 12px;
    height: 26px;
    padding: 0 40px;
}

.mod_programguide .epg_switcher .weeks .date {
    display: block;
    text-align: center;
    line-height: 1em;
    color: #08aeb6;
    font-size: 0.9em;
}

.mod_programguide .epg_switcher .bottom_border {
    width: 100%;
    height: 10px;
    clear: both;
    position: relative;
    z-index: 2;
    box-shadow:  0 0 5px rgba(0,0,0,0.4);
    -moz-box-shadow:  0 0 5px rgba(0,0,0,0.4);
    -webkit-box-shadow:  0 0 5px rgba(0,0,0,0.4);
}


.mod_programguide .broadcasts {
    border-bottom: 1px solid #D3D7DA;
    background: transparent url(../../images/epg_bg.png) top center repeat-y;
}

.mod_programguide .broadcasts .hour {
    display: block;
}

.mod_programguide .broadcasts .hour ul {

}

.mod_programguide .broadcasts .hour > ul > li {
    margin-left: 1px;
}

.mod_programguide .broadcasts .hour > ul > li:first-child {
    
}

.mod_programguide .broadcasts .hour.headline {
    background: transparent url(../../images/epg_bg_headline.png) top right repeat-y;
    color: #fff;
}

.mod_programguide .broadcasts .hour.headline .day_for_hour {
    min-height: 37px;
    cursor: pointer;
}


.mod_programguide .broadcasts .hour.headline strong {
    font-size: 14px;
    margin: 4px 0 0 12px;
    font-weight: 700;
}

.mod_programguide .broadcasts .hour.headline em {
    font-size: 12px;
    margin: 0 12px;
    font-weight: 400;
}

.mod_programguide .broadcasts .hour.even {
    background: transparent url(../../images/epg_bg_even.png) top right repeat-y;
}

.mod_programguide .broadcasts .hour.odd {
    background: transparent url(../../images/epg_bg_odd.png) top right repeat-y;
}

.mod_programguide .broadcasts .hour.primetime {
    background: transparent url(../../images/epg_bg_primetime.png) top right repeat-y;
    color: #fff;
}

.mod_programguide .broadcasts .day_for_hour {
    float: left;
    width: 124px;
    min-height: 50px;
}

.mod_programguide .broadcasts .day_for_hour ul {
}

.mod_programguide .broadcasts .day_for_hour li {;
    position: relative;
}

.mod_programguide .broadcasts .day_for_hour ul > li {
    margin-bottom: 8px;
    padding: 5px;
    cursor: pointer;
}

.mod_programguide .broadcasts .day_for_hour ul > li > img {
    width: 114px;
    height: 64px;
    margin-bottom: 7px;
}

.mod_programguide .broadcasts .selected {
    border-color: #08aeb6;
}

.mod_programguide .broadcasts .hour.primetime.selected {
    background-color: #08aeb6;
    color: #fff;
}

.mod_programguide .day_for_hour strong,
.mod_programguide .day_for_hour em {
    display: block;
    font-size: 12px;
    font-style: normal;
    word-wrap: break-word;
}

.mod_programguide .day_for_hour strong {
    line-height: 1em;
    font-weight: 700;
}

.mod_programguide li.current {
    color: #08AEB6;
}

.mod_programguide .primetime li.current {
    color: #fff;
}

.mod_programguide .hour_range {
    height: 37px;
    width: 880px;
    overflow: hidden;
    margin-bottom: 5px;
    background: transparent url(../../images/epg_buttons.png) 0 0 no-repeat;
    margin-left: -2px;
}

.mod_programguide .hour_range li {
    display: inline;
}

.mod_programguide .hour_range li span {
    display: inline-block;
    float: left;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;

    text-shadow: 0 1px 0 #000000;
    filter: dropshadow(color=#000000, offx=0, offy=1);
}

.mod_programguide .hour_range .starting_6 span { width: 220px; }
.mod_programguide .hour_range .starting_6.active span,
.mod_programguide .hour_range .starting_6 span:hover { background: transparent url(../../images/epg_buttons.png) 0 -50px no-repeat; }

.mod_programguide .hour_range .starting_12 span { width: 221px; }
.mod_programguide .hour_range .starting_12.active span,
.mod_programguide .hour_range .starting_12 span:hover { background: transparent url(../../images/epg_buttons.png) -220px -50px no-repeat; }

.mod_programguide .hour_range .starting_18 span { width: 220px; }
.mod_programguide .hour_range .starting_18.active span,
.mod_programguide .hour_range .starting_18 span:hover { background: transparent url(../../images/epg_buttons.png) -441px -50px no-repeat; }

.mod_programguide .hour_range .starting_23 span { width: 219px; }
.mod_programguide .hour_range .starting_23.active span,
.mod_programguide .hour_range .starting_23 span:hover { background: transparent url(../../images/epg_buttons.png) -662px -50px no-repeat; }

.mod_programguide .current_show {
    color: #08AEB6;
}

.mod_programguide .primetime .current_show {
    color: #fff;
}

/*
 * FIXME: Übergangslösung für css, BITTE hochmigrieren
 */

.epg_detail_overlay {
    position: absolute;
    left: 124px;
    top: 0;
    width: 350px;
    background-color: #fff;
    padding: 45px 20px 20px 20px;
    z-index: 10000;
    color: #333;
    min-height: 100px;
    cursor: default;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
}

.epg_detail_overlay.loading {
    background: #fff url(../../images/loading.gif) center center no-repeat;
}

.epg_detail_overlay.left_side {
    left: -395px;
}

.epg_detail_overlay span.close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: transparent url(../../images/ico_close.png) no-repeat scroll 0 0;
    cursor: pointer;
}


.epg_detail_overlay span.overlay_arrow {
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
}

.epg_detail_overlay.left_side span.overlay_arrow {
    right: -8px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
}

.epg_detail_overlay.right_side span.overlay_arrow {
    left: -8px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
}

/*

.epg_detail_overlay:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
}

.epg_detail_overlay.right_side:before {
    left: -8px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
}

.epg_detail_overlay.left_side:before {
    right: -8px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
}

*/

.epg_detail_overlay .header {
    min-height: 70px;
}

.epg_detail_overlay .tvpremiere {
    height: 16px;
/*    font-family: "Terminal Dosis",Arial,Helvetica,sans-serif;*/
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
    color: #08AEB6;
    margin-bottom: 15px;
    width: 290px;
}

.epg_detail_overlay h2 {
    font-size: 20px;
    line-height: 25px;
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    width: 290px;
    margin-bottom: 10px;
}

.epg_detail_overlay h3 {
    font-size: 12px;
    font-weight: 700;
    width: 290px;
}

.epg_detail_overlay .description {
    margin-top: 10px;
}

.epg_detail_overlay .description img {
    width: 160px;
    height: 90px;
    float: left;
    margin: 0 10px 5px 0;
}

.epg_detail_overlay .broadcast_information {
    margin-top: 10px;
}

.epg_detail_overlay .more {
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
    text-align: right;
    padding-top: 5px;
    font-weight: 400;
}




.epg_detail_overlay > .airtime {
    position: absolute;
    top: 40px;
    right: 15px;
    width: 61px;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Terminal Dosis", Arial, Helvetica, sans-serif;
}

.mod_programguide .broadcasts .epg_detail_overlay > .airtime li {
    margin-bottom: 27px;
    cursor: default;
}

.epg_detail_overlay > .airtime span {
    display: block;
    font-weight: 500;
}

.epg_detail_overlay > .airtime .date,
.epg_detail_overlay > .airtime .affix {
    font-size: 1.1666em; /* 14px */
    line-height: 1.3571em; /* 19px */
    color: #fff;
    background-color: #08aeb6;
}

.epg_detail_overlay > .airtime .day {
    font-size: 2em; /* 24px */
    line-height: 1.1666em; /* 28px */
    text-transform: uppercase;
    color: #eaeaea;
    background-color: #2b2a2b;
}

.epg_detail_overlay > .airtime .time {
    padding-bottom: 6px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.1428em; /* 16px */
    color: #fff;
    background-color: #2b2a2b;
}

.epg_detail_overlay > .airtime .rerun > .day,
.epg_detail_overlay > .airtime .rerun > .time {
    color: #2c2a2a;
    background-color: #edf1f3;
}

/*
 * FlashPlayer
 */

#proxyPlayer{
   border-left: 2px solid #2B2A2B;
   border-right: 2px solid #2B2A2B;
   border-bottom: 2px solid #2B2B2B;
}

/*
 * Contactform
 */

.form_row label {
    color: #333333;
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
    font-family: "Terminal Dosis", Helvetica, Arial, sans-serif;
}

.form_row input {
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		padding: 5px;
		width: 270px;	
}

.form_row textarea {
    color: #333333;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 100px;
    width: 280px;
}

#mitarbeiter_kontakt .form_row input.btn,
.form_row input.btn {
    padding: 0;
    width: 285px;
    margin-top: 5px;
}

#mitarbeiter_kontakt .form_row input.btn {
    font-family: "Terminal Dosis",Arial,Helvetica,sans-serif;
    font-size: 1.1666em;
    font-weight: 500;
    background-image:url(../../images/ico_arrow_btn.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 0px;
    color: #000000;
    width: 110px;
    margin-left: 172px;
}   

.content_item {
    line-height: 1.5;
    margin-bottom: 15px;
    margin-left: 10px;
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

.form_row .anrede {
    font-family: "Terminal Dosis", Helvetica, Arial, sans-serif;
}

/*
 * Hosts
 *
 */
.host {
    margin-bottom: 15px;
    height: 140px;
    width: 530px;
    font-family: "Terminal Dosis",Arial,Helvetica,sans-serif;

}

.host .name {
    display: block;
    clear: both;
}

.host .description h3 {
    margin-bottom: 5px;
    line-height: 1em;
    font-size: 1.55em;
    font-weight: 500;
}

.host .description p {
    margin-top: 0;
    line-height: 1.5em;
    font-weight: 500;
    color: #737373;
}

.host .description h3 a,
.host .description h3 a:visited {
   color: #333333;
}

.host .description a.more_infos {
    margin-top: 10px;
    color: #E22229;
    float: right;
    font-weight: 500;
}

.host .a,
.host a:hover,
.host a:active,
.host a:visited {
    color: inherit;
    text-decoration: none;
}

.host img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.anrede input
{
  width:10px;
  margin-left: 0px;
  padding-left:0px;
}

/**
 *
 * Arrow Buttons
 * for previous/next switchers
 */
.arrow {
    text-indent: -9999px;
    background-image: url(../../images/epg_buttons.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
}

.arrow.next {
    right: 0;
    background-position: right -108px;
}

.arrow.next.disabled {
    background-position: right -136px;
}

.arrow.previous {
    left: 0;
    background-position: left -108px;
}

.arrow.previous.disabled {
    background-position: left -136px;
}

.arrow.disabled {
    cursor: default;
}

/**
 *
 * Episode Switcher on preview tabs
 */

.episode_switcher {
    position: relative;
    width: 360px;
    height: 30px;
    margin: 25px auto;
}

.episode_switcher select {
    width: 250px;
    height: 25px;
    position: absolute;
    left: 55px;
    
}

/**
 * Loading Overlay
 */

.loading_overlay {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.7);
}

.loading_overlay .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 41px;
    margin: -19px 0 0 -19px;

    -webkit-animation: rotate360 1s linear 0s infinite normal;
    -moz-animation: rotate360 1s linear 0s infinite normal;
    -o-animation: rotate360 1s linear 0s infinite normal;
    -ms-animation: rotate360 1s linear 0s infinite normal;
    animation: rotate360 1s linear 0s infinite normal;
    
}
}