/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Generelles Stylesheet
 *
 * Definition Allgemeines + Rahmen
 *
 * @version 1.0.1701
 */

/*
 * Einbindung Icon-Font
 * Muss hier eingebunden werden, da sonst die Icons nicht angezeigt werden im Print
 */
@font-face {
	font-family: 'Icon-Font';
	src:url('../webfont/RBB-Icon-Font.eot');
	src:url('../webfont/RBB-Icon-Font.eot?#iefix') format('embedded-opentype'),
		url('../webfont/RBB-Icon-Font.woff') format('woff'),
		url('../webfont/RBB-Icon-Font.ttf') format('truetype'),
		url('../webfont/RBB-Icon-Font.svg#Icon-Font') format('svg');
	font-weight: 400;
	font-style: normal;
}

/* Einbindung Fonts */
@font-face {
  font-family: "Interstate";
  src: url("../webfont/b850db31-9043-48a9-9105-f6215999635a-2.eot");
  src: url("../webfont/b850db31-9043-48a9-9105-f6215999635a-2.eot?#iefix") format("embedded-opentype"),
       url("../webfont/b850db31-9043-48a9-9105-f6215999635a-3.woff") format("woff"),
       url("../webfont/b850db31-9043-48a9-9105-f6215999635a-1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Interstate";
  src: url("../webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-2.eot");
  src: url("../webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-2.eot?iefix") format("embedded-opentype"),
       url("../webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-3.woff") format("woff"),
       url("../webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-1.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 #main { width: 975px; }

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

body {
    position: relative;
    font-family: "Interstate", Tahoma, Arial, sans-serif;
    font-size: 0.875em; /* 14px */
    line-height: 1.4286em; /* 20px */
    text-align: left;
    color: #000;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
}

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

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

.page_margins {
    overflow: hidden;
    position: relative;
    min-width: 320px;
    background-color: #FFFFFF;
    background-attachment: scroll;
    background-position: center 128px;
    background-repeat: repeat-x;
    -webkit-transition: background-position 0.5s ease;
    -moz-transition: background-position height 0.5s ease;
    -ms-transition: background-position height 0.5s ease;
    -o-transition: background-position height 0.5s ease;
    transition: background-position height 0.5s ease;
}

.sticky .page_margins {
    background-attachment: fixed;
    background-position: center 128px;
}

.sticky .page_margins.small { background-position: center 71px; }

#main {
    position: relative;
    min-height: 400px;
    max-width: 975px;
    margin: 0 auto;
    padding: 12px 15px 100px; /* top: -28px von contentnav */
    background-color: #fff;
}

.layoutstartseite #main { padding-top: 40px; }

/* clearfix  auf main */
#main:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}


/**
 * Allgemeine Layoutformatierungen für die Buttons
 *
 * @subsection buttons
 */

.btn {
    display: inline-block;
}

.mehrlink {
    display: block;
    clear: left;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: right;
}


/**
 * Allgemeine Layoutformatierungen für Paginierung
 *
 * @subsection pager
 */

.pager { overflow: hidden; }

.pager li {
    float: left;
    display: inline;
    margin-left: 4px;
    color: #333;
}

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

.pager li a,
.pager li span {
    display: block;
    height: 17px;
    padding: 0 5px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1em; /* 14px */
    font-style: italic;
    line-height: 1em; /* 15px */
}

.pager .active a {
    text-decoration: none;
    color: #000;
    background-color: #d8d8d8;
}


/**
 * Icons
 *
 * @subsection icons
 */

.ico {
    position: relative;
}

.ico:before,
.ico:after {
	zoom: 1;
    display: inline-block;
    font-family: 'Icon-Font';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 0;
	color: #900;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../grafik/iefontfix.png,sizingMethod=crop);
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.ico:before:hover,
.ico:after:hover,
.ico:before:hover:focus,
.ico:after:hover:focus { text-decoration: none; }

.ico_anchor:before { content: "\21"; }
.ico_arrow_filled_down:before { content: "\22"; }
.ico_arrow_filled_left:before { content: "\23"; }
.ico_arrow_filled_right:before { content: "\24"; }
.ico_arrow_filled_up:before { content: "\25"; }

.ico_arrow_down:before,
.ico_arrow_left:before,
.ico_arrow_right:before,
.ico_arrow_up:before { font-size: 10px; }

.ico_arrow_down:before { content: "\26"; }
.ico_arrow_left:before { content: "\27"; }
.ico_arrow_right:before { content: "\28"; }
.ico_arrow_up:before { content: "\29"; }

.ico_arrow_wide_down:before,
.ico_arrow_wide_left:before,
.ico_arrow_wide_right:before,
.ico_arrow_wide_up:before { font-size: 22px; }

.ico_arrow_wide_down:before { content: "\2a"; }
.ico_arrow_wide_left:before { content: "\2b"; }
.ico_arrow_wide_right:before { content: "\2c"; }
.ico_arrow_wide_up:before { content: "\2d"; }
.ico_calendar:before { font-size: 20px; content: "\2e"; }
.ico_car:before { font-size: 26px; content: "\2f"; }
.ico_check_checked:before { content: "\30"; }
.ico_check_x:before { content: "\31"; }
.ico_close:before { font-size: 12px; color: #474747; content: "\32"; }
.ico_close:focus:before,
.ico_close:hover:before
 { color: #900; }
.ico_close:focus:before { border: 1px solid #900; }
.ico_comment:before { content: "\33"; }
.ico_download:before { content: "\34"; }
.ico_fullscreen_off:before { content: "\35"; }
.ico_fullscreen:before { content: "\36"; }
.ico_home:before { content: "\37"; }
.ico_link:before { font-size: 19px; content: "\38"; }
.ico_logo_rbb:before { font-size: 64px; content: "\39"; }
.ico_lupe:before { font-size: 12px; content: "\3a"; }
.ico_mail:before { font-size: 20px; content: "\3b"; }

.ico_media_audio:after,
.ico_media_download:after,
.ico_media_image:after,
.ico_media_video:after {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
    line-height: 35px;
}

.ico_media_audio:before,
.ico_media_download:before,
.ico_media_image:before,
.ico_media_video:before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 31px;
    height: 30px;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    background-color: #fff;
    content: "";
}

.ico_media_audio:after { content: "\3c"; }
.ico_media_download:after { content: "\3d"; }
.ico_media_image:after { content: "\3e"; }
.ico_media_video:after { content: "\3f"; }

.ico_minus:before { content: "\40"; }
.ico_plus:before { content: "\41"; }
.ico_print:before { font-size: 20px; content: "\42"; }
.ico_quote:before { font-size: 39px; color: #3e3e3e; content: "\43"; }
.ico_radar_trap:before { font-size: 22px; content: "\44"; }
.ico_rss:before { font-size: 15px; content: "\45"; }
.ico_share:before { font-size: 17px; content: "\46"; }
.ico_star:before { font-size: 20px; content: "\47"; }
.ico_train:before { font-size: 25px; content: "\48"; }

.ico_video_dual_channel:before,
.ico_video_mono:before,
.ico_video_multi_channel:before,
.ico_video_omu:before,
.ico_video_ratio_4_3:before,
.ico_video_ratio_16_9:before,
.ico_video_stereo:before,
.ico_video_subtitle:before,
.ico_video_sw:before { font-size: 19px; }

.ico_video_dual_channel:before { content: "\49"; }
.ico_video_mono:before { content: "\4a"; }
.ico_video_multi_channel:before { content: "\4b"; }
.ico_video_omu:before { content: "\4c"; }
.ico_video_ratio_4_3:before { content: "\4d"; }
.ico_video_ratio_16_9:before { content: "\4e"; }
.ico_video_stereo:before { content: "\4f"; }
.ico_video_subtitle:before { content: "\50"; }
.ico_video_sw:before { content: "\51"; }
.ico_view_epg:before { font-size: 20px; content: "\52"; }
.ico_view_list:before { font-size: 18px; content: "\53"; }
.ico_control_fullscreen:before { content: "\55"; }
.ico_control_pause:before { content: "\56"; }
.ico_control_play:before { content: "\57"; }
.ico_menu:before { font-size: 17px; content: "\58"; }
/* if new Icons don't show up -> CLEAR CACHE */


/**
 * Allgemeine Layoutformatierungen für Formulare
 *
 * @subsection form
 */

.form {
    overflow: hidden;
    position: relative;
}

.form legend,
.form .legend {
    display: block;
    margin-bottom: 15px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    -webkit-margin-top-collapse: separate; /* legend bugfix für webkit */
}

.ie8 .form legend { display: inline; }

.form .error_messages {
    display: none;
}

.form .error_messages .error_message {
    display: none;
    margin-bottom: 10px;
    font-weight: 700;
    color: #900;
}

.form .text,
.form .textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 3px 5px 4px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #000;
    background-color: #f9f9f9;
    resize: none;
}

.form .error .text,
.form .error .textarea {
    border: 2px solid #900;
}

.form .type-check.error input {
    outline: 2px solid #900;
}

/* Reset von basis.css */
.form sup {
    top: 0;
    font-size: 1em;
    line-height: 100%;
}

.form .short {
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.form .short + .short {
    overflow: hidden;
    display: block;
    margin-right: 0;
}

/* clearfix */
.form .columnar:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.form .columnar .type-text,
.form .columnar .type-select {
    float: left;
    display: inline;
    width: 46%;
    padding-left: 4%;
}

.form .columnar .type-text:first-child,
.form .columnar .type-select:first-child { padding: 0 4% 0 0; }

.form .type-button {
    overflow: hidden;
    margin-bottom: 17px;
    border-top: 2px solid #d8d8d8;
    padding-top: 7px;
}

.form .type-button button {
    outline: none;
    margin: 0;
    border: 0 none;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1428em; /* 16px */
    font-style: italic;
    line-height: 1.25em; /* 20px */
    color: #900;
    background: none;
    cursor: pointer;
}

.form .type-button button[type=reset], .form div.type-button button.cancel, .form div.type-button button.back {
    float: left;
    display: inline;
}

button.cancel + button.back {
    margin-left: 1em;
}

.form .type-button button[type=submit], .form div.type-button button.continue {
    float: right;
    display: inline;
}

.form .type-button button:hover,
.form .type-button button:focus { text-decoration: underline; }

.form .type-check {
    margin-bottom: 11px;
}

.form .type-radio.error label,
.form .type-check.error label {
       font-weight:bold;
       color:#900;
}

/* clearfix */
.form .meta_info:after,
.form .type-radio:after,
.form .type-button:after,
.form .type-check:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.form .type-check input,
.form .type-radio input {
    float: left;
    display: inline;
    margin-right: 10px;
}

.form .type-check input:focus,
.form .type-radio input:focus {
    position: relative;
    top: 2px;
    left: 1px;
    outline: 1px solid #900;
}

.form .type-check label,
.form .type-radio label {
    overflow: hidden;
    display: block;
}

.form .type-radio {
    margin-bottom: 11px;
}

.form .hint_message {
    margin-bottom: 15px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.form .hint_message strong {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1666em; /* 14px verschachtelt */
    font-weight: 400;
    line-height: 1.4285em; /* 20px */
}

.form .hint_message a { font-weight: 700; }

.form .mandatory_info {
    display: block;
    clear: both;
    margin-bottom: 15px;
    font-style: normal;
}

.form .meta_info .mandatory_info {
    float: left;
    display: inline;
}

.form .meta_info .hint {
    float: right;
    display: inline;
    margin-left: 20px;
}

.form .type-button .pagemarker,
.layoutvotingmodule .type-button .pagemarker {
    position: absolute;
    top: 13px;
    left: 50%;
    width: 160px;
    margin-left: -80px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: center;
    color: #595959;
}

.form .single_row { margin-bottom: 20px; }

.form .single_row span,
.form .single_row label {
    float: left;
    display: inline;
    margin-right: 30px;
}


/**
 * Allgemeine Layoutformatierungen fürs Tabbing
 *
 * @subsection tab_navigation
 */

.tab_navigation_viewport {
    overflow: hidden;
	position:relative;
    visibility: hidden;
    height: 0;
    border-right: 4px solid #dbdbdb;
    border-left: 4px solid #dbdbdb;
    white-space: nowrap;
}

/* wenn nur ein tab vorhanden */
.tab_navigation_viewport.single {
    display: none;
}

.js .tab_navigation_viewport {
    visibility: visible;
    height: 38px;
}

.tab_navigation_viewport .tab_navigation {
	float: left;
    display: inline;
    height: 38px;
	padding: 0;
}

.tab_navigation_viewport li {
    position: relative;
    float: left;
    display: inline;
    margin-bottom: 5px;
    white-space: nowrap;
}

.tab_navigation_extend {
    position: absolute;
    top: 59px;
    right: 4px;
    z-index: 13;
    display: none;
    max-width: 280px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #dbdbdb;
    padding: 0 8px;
    background-color: #fff;
}

.wrapper_button_left .tab_navigation_extend {
    right: auto;
    left: 4px;
}

.boxheadline ~ .wrapper_button_left .tab_navigation_extend,
.boxheadline ~ .wrapper_button_right .tab_navigation_extend { top: 92px; }

.layoutexpandableteaser .wrapper_button_left .tab_navigation_extend,
.layoutexpandableteaser .wrapper_button_right .tab_navigation_extend {
     top: 35px;
     right: 0;
}

.layoutexpandableteaser .wrapper_button_left .tab_navigation_extend {
     left: 0;
}

#main > .teaserbox.first .tab_navigation_extend,
#col1 > .teaserbox.first .tab_navigation_extend,
#main > .teaserbox:first-child .tab_navigation_extend,
#col1 > .teaserbox:first-child .tab_navigation_extend { top: 39px; }

#main > .layoutexpandableteaser.first .tab_navigation_extend,
#col1 > .layoutexpandableteaser.first .tab_navigation_extend,
#main > .layoutexpandableteaser:first-child .tab_navigation_extend,
#col1 > .layoutexpandableteaser:first-child .tab_navigation_extend { top: 35px; }

#main > .teaserbox.first .boxheadline ~ .wrapper_button_left .tab_navigation_extend,
#col1 > .teaserbox.first .boxheadline ~ .wrapper_button_left .tab_navigation_extend,
#main > .teaserbox.first .boxheadline ~ .wrapper_button_right .tab_navigation_extend,
#col1 > .teaserbox.first .boxheadline ~ .wrapper_button_right .tab_navigation_extend { top: 72px; }

.tab_navigation li a,
.tab_navigation_extend li a {
    overflow: hidden;
    display: block;
    max-width: 270px; /* 300px */
    border-right: 1px solid #d8d8d8;
    padding: 0 15px;
    font-size: 1em; /* 14px */
    font-weight: 700;
    line-height: 2.3571em; /* 33px */
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.tab_navigation_extend li a {
    max-width: none;
    border: 0 none;
    border-top: 1px solid #dbdbdb;
    padding: 4px 5px;
}

.tab_navigation_extend li:first-child a { border-top: 0 none; }

.tab_navigation .active a,
.tab_navigation li a:hover,
.tab_navigation_extend .active a,
.tab_navigation_extend li a:hover {
    border-right: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    background-color: #900;
    background-position: 10px bottom;
}

.tab_navigation .active a:focus { text-decoration: underline; }

.tab_navigation .active:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-top: 8px solid #990000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: "";
}

.js .tab_content > li { display: none;}
.js .tab_content > .active { display: block; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Print Vorschau
 *
 * @section print_preview
 */

.print_preview {
    margin: 0 !important;
    padding: 0 !important;
}

.print_preview * {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important; /* Black prints faster */
    background: transparent !important;
}

.print_preview #skiplinks { display: none; }


/*
 * Ausgeblendete Elemente
 */

.print_preview .layoutgalleryslider,
.print_preview .manualteaserpicture,
.print_preview .picture,
.print_preview .layoutcommentlist,
.print_preview .layoutrelated_content,
.print_preview .pager { display: none !important; }

/*
 * Header
 */

.print_preview #header {
    position: static !important;
    height: auto !important;
    margin-top: auto !important;
    padding-top: 35px;
}

.print_preview #nav {
    height: auto !important;
    border-bottom: 1px solid #900;
    padding: 0;
}

.print_preview #header #nav .level_1 { margin: 0; padding: 0; }

.print_preview #header #nav .level_1 li { display: none; }

/* Logo */
.print_preview #header #nav .level_1 .logo { display: block; width: auto; border-right: 0 none; }
.print_preview #header #nav .level_1 h1 {  margin: 0; padding: 0 0 0.25cm; }
.print_preview #header #nav .level_1 .logo h1 a { display: none; }
.print_preview #header #nav .level_1 .logo_print { display: block; }

/* Meta Header */
.print_preview #nav .meta_header { display: none; }

/* Subnav */
.print_preview #subnav { display: none; }

/* Breadcrumb */
.print_preview .breadcrumb { border: 0 none; padding: 5px 0 0; }

.print_preview .breadcrumb ol { padding: 0; }

.print_preview .breadcrumb ol li {
    margin: 0;
    padding: 0;
}

.print_preview .breadcrumb ol li a {
    color: #900 !important;
}

.print_preview .breadcrumb ol li:before {
    margin: 0 5px;
    color: #900;
    content: ">";
}

.print_preview .breadcrumb ol li:first-child:before {
    margin: 0;
    content: "";
}

/*
 * Content Header
 */

.print_preview #contentnav { display: none; }
.print_preview #contentheader { margin-bottom: 0.6cm; }

.print_preview #contentheader .header_colored_underlined {
    border-bottom: 2px solid #900;
    padding: 0 1.5% 0.6cm;
    font-size: 1em;
    line-height: 1em;
}

.print_preview #contentheader .header_colored_underlined .text {
    margin-left: 3px;
    border-left: 3px solid #999;
    padding-left: 5px;
    color: #999 !important;
}

.print_preview #contentheader .header_colored_underlined .text:first-child {
    margin-left: 0;
    border: 0 none;
    padding-left: 0;
    color: #000 !important;
}

/*
 * Main
 */

.print_preview #main {
    max-width: 945px;
    padding: 0;
}

.print_preview #col1 {
    width: 75%;
    margin: 0;
}

.print_preview #col2 { display: none; }

/*
 * EPG Listenansicht
 */
.print_preview .programmelistview .slider_programme,
.print_preview .programmelistview .separator,
.print_preview .programmelistview .explanation,
.print_preview .programmelistview .col_socialshare,
.print_preview .layouttabbedteasermodule {
    display: none;
}

.print_preview .programmelistview .col_programme {
    min-height: 0 !important;
    padding-right: 20px !important;
}

.print_preview .programmelistview {
    border: 0 none !important;
}

.print_preview .programmelistview .layoutstandard {
    padding: 0 !important;
}

/*
 * Footer
 */

.print_preview  #footer { display: none; }

/*
 * Rating
 */

.print_preview .rating ul {
    height: auto !important;
    margin: 0;
    padding: 0;
}

.print_preview .layoutarticlemodule .rating > strong,
.print_preview .manualteaser .rating > strong {
    font-size: 100%;
    line-height: inherit;
}

.print_preview .rating ul li { display: none; }
.print_preview .rating ul:before { content: attr(title); }


/*
 * Infobox
 */

.print_preview .layoutinfobox .boxheadline,
.print_preview .layoutlinkbox .boxheadline {
    border-top: 4px solid #d8d8d8;
}

.print_preview .layoutinfobox > h3 {
    margin-left: 11px;
}

.print_preview .teaserbox .rubrik,
.print_preview .flyout .boxheadline,
.print_preview .teaserbox .boxheadline {
    margin: 0 0 11px 0;
}

/*
 * Tabbed Teaser
 */

.print_preview .layouttabbedteasermodule .boxheadline {
    margin-bottom: 0;
    border: 4px solid #d8d8d8;
    border-bottom: 0 none;
}

.print_preview .layouttabbedteasermodule > .form {
    display: none !important;
}

.print_preview.js .tab_navigation_viewport,
.print_preview .wrapper_button_left,
.print_preview .wrapper_button_right { display: none; }

.print_preview.js .tab_content > li {
    display: block;
    border-top: 4px solid #d8d8d8;
}

/*
 * Artikel Detailansicht
 */

.print_preview .articlemodulefooter .ico_arrow_wide_up { display: none !important; }

/* Expandable Teaser */
.print_preview .layoutexpandableteaser .popular .manualteaser { border-color: #d8d8d8; }
.print_preview .layoutexpandableteaser .accordion_body { height: auto !important; }
.print_preview .layoutexpandableteaser .manualteaser.hide { display: block !important; }

/* Related Content */
.print_preview .layoutrelated_content .manualteaser h3 .ico { display: none; }


/*
 * Print EPG TV-Programm
 */

.print_preview .layoutepgprintview .boxheadline {
    margin-bottom: 0.6cm;
}

.print_preview .layoutepgprintview .programme_hour {
    float: left;
    display: inline;
    font-weight: 700;
}

.print_preview .layoutepgprintview .manualteaserpicture {
    float: left;
    display: inline;
    max-width: 185px;
    margin: 4px 15px 5px 10px;
}

.print_preview .layoutepgprintview h3 { margin-bottom: 0; padding-bottom: 0; }

.print_preview .layoutepgprintview h3,
.print_preview .layoutepgprintview .manualteasershorttext,
.print_preview .layoutepgprintview .mehrlink {
    margin-left: 1.19cm;
    font-weight: 400;
}

/*vom RBBIP-861 */
.print_preview .epg_container .epgwrapper { display: none; }
.print_preview .layoutepgprintview h3 .ico { display: none; }

.print_preview .layoutepgprintview h3 .manualteaserroofline {
    margin-bottom: 0.1cm;
}

.print_preview .layoutepgprintview h3 .manualteasertitle {
    margin-bottom: 0.2cm;
    font-size: 1.1428em; /* 16px */
    line-height: 1em;
    color: #900 !important;
}

.print_preview .layoutepgprintview .manualteasershorttext {
    width: 73%;
    margin-top: 0;
    margin-bottom: 0;
}

.print_preview .layoutepgprintview .mehrlink {
    margin-bottom: 0.6cm;
    text-align: left;
}

.print_preview .layoutepgprintview h3 .hideme,
.print_preview .layoutepgprintview .mehrlink a { display: none; }

.print_preview .layoutepgprintview .mehrlink .ico { margin-right: 0.17cm; }

.print_preview .layoutepgprintview .mehrlink .ico:before {
    color: #595959 !important;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Module Stylesheet
 *
 * Definition von Teaser, Modulen und Teaserraster
 *
 */


/**
 * Allgemeine Teaser Layout Definitionen
 *
 * @subsection teaserbox
 */

.teaserbox.layoutfull_4_4,
.teaserbox.layoutnewsticker,
.teaserbox.layoutnewsticker_short,
.teaserbox.layoutstandard,
.teaserbox.layouttopicteaser { clear: left; }

/* clearfix */
.layoutfull_4_4:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.teaserbox {
    margin-top: 40px; /* 40 */
    border-top: 4px solid #900;
    padding-top: 15px; /* 20 */
}

/* teaser aus der gleichen rubrik */
.teaserbox > .tab_content > .manualteaser.layouttopteaser {
    padding-top: 30px;
}

.teaserbox > .manualteaser ~ .manualteaser,
.teaserbox > .tab_content > .teaserbox > .manualteaser ~ .manualteaser,
.teaserbox > .teaser ~ .teaser {
    margin-top: 28px;
    border-top: 2px solid #900;
    padding-top: 30px;
}

#col2 .teaserbox {
    clear: left;
    margin-top: 35px;
    border-top: 0 none;
    padding-top: 0;
}

#col1 > .teaserbox.first,
#col1 > .teaserbox:first-child,
#col2 > .teaserbox:first-child,
#main > .teaserbox.first,
#main > .teaserbox:first-child,
#main > .teaserboxgroup:first-child > .teaserbox:first-child,
.teaserbox.startofpage,
#main > .layoutpremium + .teaserbox,
#main > .layoutpremium + .teaserboxgroup > .teaserbox:first-child {
    margin-top: 0;
    border-top: 0 none;
    padding-top: 0;
}

/* nach einem premium teaser */
#main > .layoutpremium + .teaserbox,
#main > .layoutpremium + .teaserboxgroup > .teaserbox:first-child {
    margin-top: 30px;
}

@media screen and (min-width: 680px) {
    #main > .layoutfull_2_4:first-child > .count2,
    #main > .layouthalf_2_4:first-child + .layouthalf_2_4 > .teaserbox:first-child,
    #main > .layoutpremium + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child,
    #main > .layoutpremium + .layoutfull_2_4 > .teaserbox.count2,
    #main .teaserbox.layoutbreaking_news + .layoutfull_2_4 > .teaserbox.count2,
    #main .teaserbox.layoutbreaking_news + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child  {
        margin-top: 0;
        border-top: 0 none;
        padding-top: 0;
    }

    #main > .layoutpremium + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child,
    #main > .layoutpremium + .layoutfull_2_4 > .teaserbox.count2 {
        margin-top: 30px;
    }
}

.ie8 #main > .layoutfull_2_4:first-child > .count2,
.ie8 #main > .layouthalf_2_4:first-child + .layouthalf_2_4 > .teaserbox:first-child,
.ie8 #main > .layoutpremium + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child,
.ie8 #main > .layoutpremium + .layoutfull_2_4 > .teaserbox.count2,
.ie8 #main .teaserbox.layoutbreaking_news + .layoutfull_2_4 > .teaserbox.count2,
.ie8 #main .teaserbox.layoutbreaking_news + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child {
    margin-top: 0;
    border-top: 0 none;
    padding-top: 0;
}

.ie8 #main > .layoutpremium + .layouthalf_2_4 + .layouthalf_2_4 > .teaserbox:first-child,
.ie8 #main > .layoutpremium + .layoutfull_2_4 > .teaserbox.count2 {
    margin-top: 30px;
}

.teaserbox .rubrik,
.flyout .boxheadline,
.teaserbox .boxheadline {
    display: block;
    margin-bottom: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.teaserbox .boxheadline {
    min-height: 20px;
}

.teaserbox .rsslink {
    position: absolute;
    top: 20px;
    right: 0;
    width: 17px;
    height: 15px;
    text-indent: -9999px;
    background: transparent url(../grafik/ico_rss.png) no-repeat scroll 0 0;
}

.teaserbox .rsslink:focus { border: 1px solid #990000; }

.layoutbreaking_news + .teaserbox > .rsslink,
.teaserbox:first-child .rsslink,
.teaserbox.first .rsslink { top: -28px; }

.layoutbreaking_news + .teaserbox > .boxheadline + .rsslink,
.layoutarticlemodule .teaserbox .rsslink,
.teaserbox:first-child .boxheadline ~ .rsslink,
.teaserbox.first .boxheadline ~ .rsslink { top: 3px; }

.teaserboxgroup > .teaserbox:first-child .rsslink,
.teaserboxgroup > .teaserbox.first .rsslink { top: 20px; }

.teaserbox .themenflag,
.teaserbox .articlecount {
    float: left;
    display: inline;
    width: 60px;
    height: 50px;
    margin: -5px 10px 0 0;
    border-top: 5px solid #900;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.0714em; /* 15px */
    font-style: italic;
    line-height: 3.3333em; /* 50px */
    text-align: center;
    color: #fff;
    background-color: #900;
}

.teaserbox .articlecount {
    position: relative;
    bottom: -5px;
    margin: 0 10px 0 0;
    border-top: 0 none;
    border-bottom: 5px solid #900;
    font-size: 1em; /* 14px */
    line-height: 1.7142em; /* 24px */
}

.teaserbox .articlecount .count {
    font-size: 1.2857em; /* 18px */
    font-weight: 700;
    line-height: 1.3333em; /* 24px */
}

.teaserbox .articlecount .beitraege {
    font-size: 0.9285em; /* 13px */
    line-height: 1.8461em; /* 24px */
}

.teaserbox time {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.9285em; /* 13px */
    font-style: italic;
    line-height: 1.2307em; /* 16px */
    color: #595959;
}

.teaserbox > .teaser { clear: left; }


/**
 * Allgemeine Teaser Definitionen
 *
 * @subsection manualteaser
 */

.manualteaser { position: relative; }

.manualteaser .manualteasertitle {
    margin-bottom: 11px;
    font-size: 1.7143em; /* 24px */
    line-height: 1.1667em; /* 28px */
}

.teaserbox .relatedcontent .last .manualteasertitle  {
    margin-bottom: 0;
}

/* dachzeile */
.manualteaser .manualteaserroofline,
.manualteaser .onAirInfo {
    display: block;
    margin-bottom: 1px;
    font-family: inherit;
    font-size: 0.9286em; /* 13px */
    font-style: normal;
    line-height: 1.3846em; /* 18px */
    text-decoration: none;
    color: #333;
}

.manualteaser h3 { position: relative; }

.manualteaser h3 .manualteasertitle,
.manualteaser h3 .manualteaserroofline {
    display: block;
    padding-right: 40px;
    color: #333;
}

.manualteaser h3 a:hover { text-decoration: none; }
.manualteaser h3 a:hover .manualteaserroofline,
.manualteaser h3 a:hover .manualteasertitle { text-decoration: underline; }
.manualteaser h3 a .manualteasertitle { color: #900; }

/* positionierung medienicons */
.manualteaser .ico_media_audio,
.manualteaser .ico_media_image,
.manualteaser .ico_media_video,
.manualteaser .ico_media_download {
    position: absolute;
    top: -7px;
    right: 0;
    width: 35px;
    height: 35px;
}

.manualteaser.layoutrelated_content_standard .manualteaserpicture ~ h3 .ico,
.manualteaser .manualteaserroofline ~ .ico { top: 11px; margin: 0; }


/* manualteaserpicture + play icon */
.manualteaser .manualteaserpicture a:focus img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #900;
}
.manualteaser .manualteaserpicture.video a:focus,
.manualteaser .manualteaserpicture.audio a:focus { outline: none; }
.slider .manualteaser .manualteaserpicture a:focus { display: inline-block; }

.manualteaser .manualteaserpicture img { display: block; width: 100%; height: auto;}

.manualteaser .manualteaserpicture.video img,
.manualteaser .manualteaserpicture.audio img {
    width: 100%;
    height: auto;
}

.play_icon {
    width: 78px;
    height: 78px;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_play_button.png) no-repeat scroll center -130px;
}

.audio .play_icon { background-image: url(../grafik/spr_audio_button.png); }

.play_icon_layer:focus .play_icon,
.no-touch .play_icon:focus,
.no-touch .play_icon:hover { background-position: center 0; }
.play_icon.small { background-position: center -381px; }
.no-touch .play_icon_layer:focus .play_icon.small,
.no-touch .play_icon.small:focus,
.no-touch .play_icon.small:hover { background-position: center -251px; }


/* rating */
.layoutarticlemodule .rating,
.manualteaser .rating {
    overflow: hidden;
    margin: 14px 0 7px;
}

.layoutarticlemodule .rating > strong,
.manualteaser .rating > strong {
    float: left;
    display: inline;
    margin-right: 10px;
    font-size: 0.8571em; /* 12px */
    font-weight: 400;
    line-height: 1.3333em; /* 16px */
    text-transform: uppercase;
}

.layoutarticlemodule .rating ul,
.manualteaser .rating ul {
    overflow: hidden;
    position: relative;
    width: 92px;
    height: 14px;
    background: transparent url(../grafik/spr_rating.png) no-repeat scroll 0 -25px;
}

.layoutarticlemodule .rating li,
.manualteaser .rating li {
    float: left;
    display: inline;
    margin-left: 3px;
}

.layoutarticlemodule .rating li:first-child,
.manualteaser .rating li:first-child { margin-left: 0; }

.layoutarticlemodule .rating li a,
.layoutarticlemodule .rating li span,
.manualteaser .rating li a,
.manualteaser .rating li span {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.layoutarticlemodule .rating a:hover,
.layoutarticlemodule .rating a:focus,
.layoutarticlemodule .rating .current a,
.layoutarticlemodule .rating .current span,
.manualteaser .rating a:hover,
.manualteaser .rating a:focus,
.manualteaser .rating .current a,
.manualteaser .rating .current span { background: transparent url(../grafik/spr_rating.png) no-repeat scroll 0 0; }

.layoutarticlemodule .rating .one_star,
.manualteaser .rating .one_star { z-index: 7; width: 20%; }
.layoutarticlemodule .rating .two_star,
.manualteaser .rating .two_star { z-index: 6; width: 40%; }
.layoutarticlemodule .rating .three_star,
.manualteaser .rating .three_star { z-index: 5; width: 60%; }
.layoutarticlemodule .rating .four_star,
.manualteaser .rating .four_star { z-index: 4; width: 80%; }
.layoutarticlemodule .rating .five_star,
.manualteaser .rating .five_star { z-index: 3; width: 100%; }


/* download markierung */
.manualteaser .ico.ico_download {
    display: inline-block;
    height: 27px;
    margin: 3px 0 5px;
    padding-top: 5px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.8333em; /* 22px */
    text-transform: uppercase;
}

.manualteaser .ico.ico_download:before {
    display: inline;
    margin: 14px 8px 0 0;
    font-size: 22px;
}


/* ähnliche inhalte */
.manualteaser .relatedcontent {
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

/* ie braucht einzelne anweisung, da er last-child nicht kennt und dann komplett alles damit verkettet ignoriert */
.manualteaser:last-child .relatedcontent { border-bottom: 1px solid #c0c0c0; }
.manualteaser.last .relatedcontent { border-bottom: 1px solid #c0c0c0; }
.manualteaser:last-child .relatedcontent .last { padding-bottom: 15px; }
.manualteaser.last .relatedcontent .last { padding-bottom: 15px; }

.manualteaser .relatedcontent .manualteasertitle {
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.manualteaser .relatedcontent .manualteaser { position: relative; }
.manualteaser .relatedcontent h3,
.manualteaser.layoutrelated_content_headline h3 { position: static; }

.manualteaser.layoutrelated_content_standard .ico,
.relatedcontent .manualteaser .ico { top: 50%; margin-top: -17px; }

.manualteaser .layoutrelated_content_headline,
.manualteaser .layoutrelated_content_standard {
    position: relative;
    clear: left;
    border-top: 1px solid #C0C0C0;
    padding: 15px 0 5px;
}


/**
 * Content Slider
 *
 * @subsection layoutpremium
 */

.content_slider .manualteaser img { display: block; }

.content_slider .manualteaser > .teaser {
    position: absolute;
    top: 35px;
    right: 35px;
    width: 434px;
    height: 189px; /* 209 */
    padding-top: 20px;
    background-color: #fff;
}

.content_slider .manualteaser > .teaser .manualteaserdatetime {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 17px; /* 30 */
    padding: 7px 2%;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #fff; /* theme */
    background-color: #900; /* theme */
}


/**
 * 6.1_2_Topnachricht 4/4 - 6.1.6 Topnachricht 2/4
 *
 * @subsection layouttopteaser
 */

/* bild und fließtext erstmal ausgeblendet */
.layouttopteaser .relatedcontent .manualteaserpicture,
.layouttopteaser .relatedcontent .manualteasershorttext { display: none; }


/**
 * 6.1_4_Breaking News 4/4
 *
 * @subsection layoutbreaking_news
 */

#main .teaserbox.layoutbreaking_news + .teaserbox,
#main .teaserbox.layoutbreaking_news + .teaserbox:before,
#main .teaserbox.layoutbreaking_news + .teaserboxgroup > .teaserbox:first-child {
    margin: 0;
    border: 0 none;
    padding: 0;
}

#main .teaserbox.layoutbreaking_news {
    overflow: hidden;
    margin: 0 0 20px;
    border: 0 none;
    padding: 1px 0 0 5px;
    background: transparent url(../grafik/bg_newsflash.png) repeat scroll 0 0;
}

.layoutbreaking_news .manualteaserdatetime {
    display: inline-block;
    padding-right: 10px;
}

.layoutbreaking_news .eilmeldung {
    padding-right: 10px;
    text-transform: uppercase;
}

.layoutbreaking_news .manualteasertitle {
    margin-left: 8px;
    border-left: 1px solid #333;
    padding-left: 10px;
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.layoutbreaking_news .eilmeldung ~ .manualteasertitle {
    margin-left: 0;
    border-left: 0 none;
    padding-left: 0;
}

.layoutbreaking_news .divider { display: none; }

.layoutbreaking_news p {
    float: left;
    display: inline;
    margin: 0 0 0 10px;
    padding-left: 35px;
    background: transparent url(../grafik/bg_newsflash_divider.png) no-repeat scroll 0 center;
}


/**
 * 6.2_5_Themenmarker 1/4 (6.1.15)
 *
 * @subsection layouttopicmarker
 */

.teaserbox.layouttopicmarker {
    position: relative;
    outline: none;
    margin: 5px 0;
    padding-bottom: 0;
    background-color: #f2f2f2;
}

.layouttopicmarker .boxheadline {
    overflow: hidden;
    height: 50px;
    margin-bottom: 0;
    font-size: 1em; /* 14px */
    line-height: 3.5714em; /* 50px */
}

.layouttopicmarker .boxheadline a { display: block; }

.layouttopicmarker .teaser {
    overflow: hidden;
    position: relative;
    clear: left;
    margin: 5px 0;
}

.layouttopicmarker .teaser .scroll_viewport {
    overflow: hidden;
    position: relative;
    margin: 0;
    -webkit-transition: margin 500ms ease;
    -moz-transition: margin 500ms ease;
    -ms-transition: margin 500ms ease;
    -o-transition: margin 500ms ease;
    transition: margin 500ms ease;
}

.js .layouttopicmarker:hover .scrollable.teaser .scroll_viewport,
.js .layouttopicmarker:focus .scrollable.teaser .scroll_viewport,
.js .layouttopicmarker .scrollable.teaser.touch  .scroll_viewport { margin: 44px 0 28px; /* for controls */ }


/**
 *  skip buttons must not be selectable
 *  RBBIP-649
 */
.skip {
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
}

.layouttopicmarker .skip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: none;
    width: 100%;
    height: 44px;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_slider_vertical_arrows.png) no-repeat scroll center 0;
    cursor: pointer;
}

.js .layouttopicmarker:hover .scrollable .skip,
.js .layouttopicmarker:focus .scrollable .skip,
.js .layouttopicmarker .scrollable.touch .skip { display: block; }

.layouttopicmarker .skip:hover { background-position: center -140px; }
.layouttopicmarker .skip.down:hover { background-position: center -200px; }

.layouttopicmarker .skip.down {
    top: auto;
    bottom: 0;
    background-position: center -60px;
}

.layouttopicmarker .teaser ul {
    overflow-y: auto;
    min-height: 200px;
}

.js .layouttopicmarker .teaser ul { overflow-y: hidden; }

.layouttopicmarker .teaser li {
    margin-top: 15px;
    border-top: 1px solid #c0c0c0;
    padding-top: 15px;
}

.layouttopicmarker .teaser li:first-child {
    margin-top: 0;
    border-top: 0 none;
    padding-top: 0;
}

.layouttopicmarker h3 .manualteasertitle {
    margin-bottom: 5px;
    padding: 0 15px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layouttopicmarker time { padding: 0 15px; }
.layouttopicmarker .manualteasershorttext { padding: 15px 15px 0; }
.layouttopicmarker .manualteaserpicture { margin-bottom: 10px; }
.layouttopicmarker .manualteaserpicture a { display: block; }
.layouttopicmarker .aktualisiert { padding: 18px 0; }


/**
 * 6.2_6_Autor 1/4 (6.1.17)
 *
 * @subsection layoutautor
 */

#col2 .teaserbox.layoutautor {
    border-top: 4px solid #dadada;
    padding: 16px 0 0 0;
    background-color: #ececec;
}

#col2 .layoutautor { border-bottom: 4px solid #dadada; }

.layoutautor .boxheadline {
    padding-left: 15px;
    background: transparent url(../grafik/logo_red_author.png) no-repeat scroll right 2px;
}

#col2 .layoutautor .manualteaser .manualteaserpicture {
    max-width: none;
    margin-bottom: 0;
    border: 1px solid #bfbfbf;
    text-align: center;
}

.layoutautor .layoutlatest > h3 .manualteasertitle {
    display: block;
    padding: 10px 15px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1428em;
    font-style: italic;
    line-height: 1.25em;
    text-align: center;
}

.layoutautor .layoutlatest > .manualteasershorttext {
    padding: 0 15px 10px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
    text-align: center;
}

.layoutautor .relatedcontent {
    margin-top: 10px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 0 none;
    padding-top: 15px;
    background-color: #f6f6f6;
}

.layoutautor .relatedcontent .relatedcontenttitle {
    padding: 0 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.layoutautor .layoutrelated_content_title_time {
    position: relative;
    margin-bottom: 9px;
    border-top: 1px solid #C0C0C0;
    padding: 15px;
}

.layoutautor .layoutrelated_content_title_time.first,
.layoutautor .layoutrelated_content_title_time:first-child { border-top: 0 none; }

.layoutautor .relatedcontent .manualteasertitle {
    margin-bottom: 5px;
    padding-right: 0;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}


/**
 * 6.2_8_Links 1/4 (6.1.19)
 *
 * @subsection layoutlinkteaser
 */

.layoutlinkbox {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
}

.teaserbox.layoutlinkbox .boxheadline {
    min-height: 20px;
    margin-bottom: 16px;
    padding: 11px 11px 10px;
    background-color: #d8d8d8;
}

.layoutlinkbox .manualteasertitle { margin-bottom: 0; }
.layoutlinkbox .ico:before { margin-right: 11px; }
.layoutlinkbox .manualteasershorttext { margin-top: 11px; }

.layoutlinkbox .manualteaser.layoutstandard .manualteaserpicture {
    margin-bottom: 13px;
}

.layoutlinkbox h3 a {
    display: block;
    padding-right: 40px; /* für Medienicon */
}

.layoutlinkbox li {
    border-top: 1px solid #c0c0c0;
    padding: 15px 11px;
}

.layoutlinkbox .manualteaser.layoutstandard .manualteaserroofline,
.layoutlinkbox .manualteaser.layoutstandard .manualteasertitle,
.layoutlinkbox .manualteaser.layoutstandard .manualteasershorttext { padding: 0; }

.layoutlinkbox li:first-child {
    border-top: 0 none;
    padding-top: 0;
}

#col1 .layoutlinkbox { padding-top: 0; }


/**
 * 6.3_3_Teaser Plakativ 4/4 (6.2.3)
 *
 * @subsection layoutplakativteaser
 */

.layoutplakativteaser {
    position: relative;
}

.layoutplakativteaser .teaser .manualteasertitle {
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    padding: 0 15px;
    font-size: 1.2857em; /* 18px */
    line-height: 1.3333em; /* 24px */
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.layoutplakativteaser .teaser h3 { position: static; }


/**
 * 6.3_5_Teaser Fallback 4/4 (6.2.5)
 *
 * @subsection layouttopteaser
 */

.content_slider .layouttopteaser {
    height: 279px;
    padding-top: 0;
    background-color: #fff;
}

.content_slider .layouttopteaser .manualteaserdatetime {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 17px; /* 30 */
    max-width: 448px;
    padding: 7px 11px;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #fff; /* theme */
    background-color: #900; /* theme */
}

.content_slider .layouttopteaser .teasercontent {
    height: 259px;
    padding-top: 20px;
    background-color: #fff;
}

.content_slider .layouttopteaser .manualteaserroofline,
.content_slider .layouttopteaser .manualteasertitle {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.content_slider .layouttopteaser .manualteasershorttext {
    overflow: hidden;
    height: 63px;
    margin-right: 15px;
}

.content_slider .layouttopteaser .relatedcontent { margin-right: 15px; }
.content_slider .layouttopteaser .relatedcontent .manualteasertitle { margin-bottom: 0; }
.content_slider .layouttopteaser .relatedcontent .layoutrelated_content_standard { padding: 10px 0; }


/**
 * 6.3_6_Teaser Slider 4/4 (6.2.6)
 *
 * @subsection layoutstandard
 */

.content_slider .manualteaser.layoutstandard .manualteaserpicture {
    float: none;
    display: block;
    max-width: none;
    margin: 0;
}

.content_slider .layoutstandard .teaser {
    width: 404px; /* 434 */
    height: 169px; /* 209 */
    padding: 20px 15px;
}

.content_slider .layoutstandard .teaser .manualteasertitle {
    font-size: 1.2857em; /* 18px */
    line-height: 1.3333em; /* 24px */
}

.content_slider .layoutstandard .teaser .manualteaserroofline,
.content_slider .layoutstandard .teaser .manualteasertitle, {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.content_slider .layoutstandard .teaser .manualteasershorttext {
    overflow: hidden;
    max-height: 100px;
}

/**
 * 7.3.3 Beitragsmodul Infobox
 *
 * @subsection layoutinfobox
 */

.layoutinfobox {
    clear: both;
    margin-bottom: 40px;
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    padding-bottom: 16px;
}

.layoutinfobox .boxheadline {
    min-height: 20px;
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.layoutinfobox .texttitle,
.layoutinfobox ul,
.layoutinfobox p {
    margin: 10px 11px 15px;
}

.layoutinfobox .manualteasershorttext h2,
.layoutinfobox h3,
.layoutinfobox h4,
.layoutinfobox h5,
.layoutinfobox h6 {
    margin: 0 0 10px 11px;
    font-weight: 700;
}

.layoutinfobox ul {
    margin-top: 5px;
    padding-left: 20px;
    list-style: disc inside;
}


/**
 * Legendenbox
 *
 * @subsection layoutlegendbox
 */

.layoutlegendbox {
    clear: both;
    margin-bottom: 40px;
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    background-color: #f5f5f5;
}

.layoutlegendbox .boxheadline {
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.layoutlegendbox .epg_props {
    overflow: hidden;
    margin-left: 11px;
}

.layoutarticlemodule .epg_props {
    overflow: hidden;
    margin-top: 8px;
}

.layoutarticlemodule .epg_props .ico:before,
.layoutlegendbox .epg_props .ico:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #626262;
}

.layoutarticlemodule  .epg_props li,
.layoutlegendbox .epg_props li {
    position: relative;
    float: left;
    display: inline;
    min-width: 70px;
    margin-bottom: 16px;
    padding-left: 27px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.layoutarticlemodule .epg_props li {
    height: 20px;
    min-width: 8px;
    margin: 0;
    padding-left: 20px;
}


/**
 * 7.4_2 Archiv
 *
 *  @subsection layoutarchive
 */

.manualteaser.layoutarchive {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
}

.layoutarchive > .form {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 275px;
}

.layouttabbedteasermodule.layoutarchive > .form { top: 28px; }

.layoutarchive > .form .text { height: 23px; }.layouttabbedteasermodule > .wrapper_filter {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    border-bottom: 0 none;
}

.layoutarchive .boxheadline {
    margin: 0;
    padding: 10px 0 9px 15px;
    background-color: #d8d8d8;
}

.layoutarchive > .actionbar,
.layoutarchive .layouttabbedteaserbox > .actionbar { margin: 0 11px 20px; }

.layoutarchive > .wrapper_filter .filter_list dt,
.layoutarchive > .wrapper_filter .filter_list dd {
    float: left;
    display: inline;
}

.layoutarchive > .wrapper_filter .form .type-select .text {
    margin: 0;
}

.teaserbox .layoutarchive > .manualteaser {
    overflow: hidden;
    margin: 0 11px 20px;
    border-top: 1px solid #C0C0C0;
    padding-top: 20px;
}

/*
 * Calendar Flyout
 */
.layoutarchive > .wrapper_filter .filter_list .calendar_filter { position: relative; }
.layoutarchive > .wrapper_filter .filter_list .calendar_filter .layoutcalendar { margin: 0; }
.layoutarchive > .wrapper_filter .filter_list .calendar_filter .layoutcalendar .calendar { border-spacing: 0.4em 0.1em; }

.layoutarchive > .wrapper_filter .filter_list .calendar_filter .layoutcalendar .show_all {
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: center;
}

.layoutarchive > .wrapper_filter .filter_list .calendar_filter .calnavweek { display: none; }

.layoutarchive > .wrapper_filter .filter_list .toggled > .flyout { left: 50%; }

.layoutarchive > .wrapper_filter .filter_list dd { margin-left: 8px; }
.layoutarchive > .wrapper_filter .filter_list dd .ico:before { color: #7d7d7d; }
.layoutarchive > .wrapper_filter .filter_list dd .active:before { color: #900; }

.layoutarchive > .wrapper_filter .filter_list dd a:focus { border: 1px solid #900; }


/**
 * 7.4_5 FAQ
 *
 *  @subsection layoutfaq
 */

.layoutfaq > .manualteaser {
    border-right: 4px solid #D8D8D8;
    border-left: 4px solid #D8D8D8;
    padding: 15px 11px;
}




/*
 * Kontakt Liste Pager
 */

.layoutarchive > .actionbar,
.layoutarchive .layouttabbedteaserbox > .actionbar,
.layoutepg.searchresultview > .teaserbox > .actionbar,
.layoutcontactlist .actionbar,
.layoutsearchresult .actionbar {
    overflow: hidden;
    display: block; /* safari fix für clearfix */
    clear: both;
    border-top: 2px solid #c0c0c0;
    padding-top: 15px;
}

.layoutarchive > .actionbar:after,
.layoutepg.searchresultview > .teaserbox > .actionbar:after,
.layoutarchive .layouttabbedteaserbox > .actionbar:after,
.layoutepg.searchresultview > .actionbar:after,
.layoutcontactlist .actionbar:after,
.layoutsearchresult .actionbar:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutarchive > .actionbar .item_ammount,
.layoutarchive .layouttabbedteaserbox > .actionbar .item_ammount,
.layoutepg.searchresultview > .teaserbox > .actionbar .item_ammount,
.layoutcontactlist .item_ammount,
.layoutsearchresult .actionbar .item_ammount {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 105px;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 3px 5px 4px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #000;
    background-color: #f9f9f9;
    resize: none;
}


/**
 * 7.5.2 Kommentare
 *
 *  @subsection layoutcommentmodule
 */

#new_comment_box.layoutcommentmodule {
    margin-bottom: 35px;
}

.layoutcommentmodule .boxheadline {
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.manualteaser.layoutcommentmodule {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    padding: 0;
}

.layoutcommentlist .manualteaser.layoutcommentmodule {
    border: 4px solid #d8d8d8;
}

.layoutcommentmodule .intro { margin: 17px 11px 24px; }

.layoutcommentmodule .manualteasersubtitle {
    margin-bottom: 11px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
    color: #333;
}

.layoutcommentmodule .form { padding: 0 11px; }

.layoutcommentmodule .form .hint {
    font-size: 0.8571em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.layoutcommentmodule .password input { margin-bottom: 5px; }

.layoutcommentmodule textarea { height: 139px; }

.layoutcommentmodule .password a {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutcommentmodule .form .hint a { font-weight: 700; }

.layoutcommentmodule .last { margin-bottom: 25px; }

/*
 * Kommentarmodul in Kommentarliste
 */

.layoutcommentlist .teaserbox {
    border: 0 none;
    padding: 0;
}

.layoutcommentlist .teaserbox .layoutcommentmodule {
    border: 0 none;
}

/* hideme */
.layoutcommentlist .layoutcommentmodule .boxheadline {
    position: absolute;
    top: -32768px;
    left: -32768px;
}

/**
 * 7.5.3 Newsletter bestellen
 *
 *  @subsection layoutnewslettermodule
 */

.layoutnewslettermodule .boxheadline {
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.manualteaser.layoutnewslettermodule {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    padding: 0;
}

.layoutnewslettermodule .intro { margin: 17px 11px 24px; }

.layoutnewslettermodule .manualteasersubtitle {
    margin-bottom: 11px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
    color: #333;
}

.layoutnewslettermodule .form { padding: 0 11px; }

.layoutnewslettermodule .form .hint {
    font-size: 0.8571em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.layoutnewslettermodule .password input { margin-bottom: 5px; }

.layoutnewslettermodule .password a {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutnewslettermodule .form .hint a { font-weight: 700; }

.layoutnewslettermodule .last { margin-bottom: 25px; }

/* Expandableteaser */
.layoutnewslettermodule .layoutexpandableteaser {
    margin: 0;
    border: 0 none;
    padding: 0;
}

.layoutnewslettermodule .layoutexpandableteaser .form { padding: 0; }
.layoutnewslettermodule .layoutexpandableteaser .expand_list { border: 0 none; }
.layoutnewslettermodule .layoutexpandableteaser .expand_list > li { border-top: 4px solid #d8d8d8; }

.layoutnewslettermodule .layoutexpandableteaser .accordion_body {
    border: 0 none;
    padding: 0 11px;
}

.layoutnewslettermodule .layoutexpandableteaser .accordion_body .intro { margin: 17px 0 24px; }

.layoutnewslettermodule .faq_list dt { font-weight: 700; }
.layoutnewslettermodule .faq_list dd { margin-bottom: 20px; }


/**
 * 7.6 7.7 AV Player
 *
 * @subsection player
 */

.layoutgalleryslider .manualteaserpicture a.play_icon_layer,
.player .play_icon_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 78px;
    height: 78px;
    margin: -39px 0 0 -39px;
    cursor: pointer;
}

figure.player .play_icon_layer { margin-top: -60px; }

.player .play_icon_layer .play_icon {
    overflow: hidden;
    display: block;
}

.player.nopreview {
    position: relative;
    max-height: none; /* vom RBB*/
}

.player.audio.nopreview .jwpreview {
   position: relative;
   background: #fff no-repeat !important;
}

.player.audio.nopreview .jwpreview:before {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 45px;
   height: 34px;
   margin: -17px 0 0 -22px;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAiCAMAAAD8kqB9AAAAMFBMVEVTU1NTU1NTU1NOTk5RUVFTU1NTU1NTU1NPT09TU1NTU1NTU1NQUFAAAABNTU1TU1O3ECQoAAAADnRSTlOZVYjsrSJmEddEM3fCAHEWtc8AAAEXSURBVHjatdTLjsMgDAXQtIHwsIH//9uxyy2kaiLTxXiDSA5gYWArv8S1Tj/ovLd6nPohhXuda5Pw80NsNUPf4DYnT9KLAfoC1701Os0t/Al9gTN/6KCrZehvXIY+Xgk9RDP0Nx6akD8LT10TjwAempGCl9a9tGszOoZGCvE9LIjOF3jm7bCXR2+3JKNTj9iXhR7bEbUVvXXNZZhy1hpPlJVllK01UcIoWxfUkXQNW0f5j91Jtub+P/2HRhXJ1qg5QRdTq3r0olazlmVXJVFlUvOckFZ8FmkrfHsGcUc9SplVB3K359sJIhyu3bw7G4436SjzXnrnAqauYe3OI6Gl9wR5xNW3ymOr1t5BL/1j/Y3NjB70avwBkXlMZstItlwAAAAASUVORK5CYII=');
   content: "";
}

.player.audio.nopreview.small .video_container > div {
    height: 31px;
}

.touch .player.audio.nopreview.small .video_container > div {
    height: auto;
}

/* vom RBB*/
.player.audio.nopreview .video_container { position: static !important; }

.player .jwlogo { display: none !important; }

.touch .player.audio.nopreview,
.touch .player.audio.nopreview video { height: 160px; max-height: none; }
.touch .player.audio.nopreview .jwmain { max-height: 160px; }
.touch .player.audio.nopreview .jwpreview { background:#e0e0e0 !important; }

/* Hotfix für schwarze Balken auf iPhone/iPad */
.touch .jwplayer > div:nth-child(2) { height:0 !important; padding:0 0 56%; }
.touch .audio.nopreview .jwplayer > div:nth-child(2) { height:100% !important; padding:0; }

.player .jwdownloaddisplay {
    width: auto !important;
    height: 100% !important;
    min-height: 31px;
    background: none repeat scroll 0 center #fff !important;
}

.jwdownloaddisplay .jwdownloadicon { background: transparent url(../grafik/ico_download.png) no-repeat scroll 5px center !important; }

.jwdownloaddisplay .jwdownloadlogo {
    top: 0 !important;
    left: 35px;
    margin: 3px 0 5px;
    padding-top: 5px;
    text-transform: uppercase;
}

.jwdownloaddisplay .jwdownloadlogo:after { content: "Download"; }



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * contentheader
 *
 * @section contentheader
 */

@media screen and (min-width: 1076px) {
    #contentheader.premium .header_slider li .textbox {
        position: absolute;
        top: 130px;
        left: 50%;
        width: 410px;
        margin-left: -495px; /* 205 mitte + linker rand */
    }
}

@media screen and (min-width: 568px) and (max-width: 1075px) {
    #contentheader.premium .header_slider li .textbox {
        top: 85px;
        left: 6.5%;
        width: 375px;
    }
}

@media screen and (min-width: 1005px) {

    #contentheader.premium .header_slider .video_container {
        position: absolute;
        left: 50%;
        width: 100%;
        height: 100%;
        max-width: 1005px;
        max-height: 565px;
        margin-left: -502px;
    }

    #contentheader.premium .header_slider .play_icon_layer { top: 170px; }
}

@media screen and (max-width: 1004px) {

    #contentheader.premium .header_slider .video_container {
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 1005px;
        max-height: 565px;
        margin-left: 0;
    }

    #contentheader.premium .header_slider .play_icon_layer { top: 145px; }
}

@media screen and (min-width: 981px) {

    #contentheader.premium.expanded {
        height: 400px;
    }

    #contentnav .toggle_language {
        bottom: 6px;
        left: 2px;
    }
}

@media screen and (max-width: 980px) {

    #contentheader.premium.expanded { height: 370px; }

    #contentheader .header_colored_underlined,
    #contentheader .header_highlighted,
    #contentheader .header_highlighted.header_splited {
        padding-left: 15px;
    }
}

@media screen and (min-width: 960px) {

    #contentheader.medium .header_slider .wrapper_slider { margin: 40px auto 0; }
}

@media screen and (max-width: 959px) {

    #contentheader.medium .header_slider .wrapper_slider { margin: 25px auto 0; }
}

@media screen and (min-width: 936px) {
    #contentheader.premium { height: 470px; }

    #contentheader.premium .header_slider li .textbox h2 {
        font-size: 2.5714em; /* 36px */
        line-height: 1.1111em; /* 40px */
    }
}

@media screen and (max-width: 935px) {

    #contentheader.premium { height: 340px; margin-bottom: 0; }
    #contentheader.premium.expanded { height: 340px; }

    .page_margins #contentheader.premium .header_slider .skip { top: 100px; }
    #contentheader.premium .header_slider .player .play_icon_layer { top: 122px; left: 75%; }

    #contentheader.premium .header_slider li .textbox h2 {
        font-size: 1.7143em; /* 24px */
        line-height: 1.25em; /* 30px */
    }
}

@media screen and (min-width: 568px) and (max-width: 935px) {
    #contentheader.premium .header_slider li .textbox {
        top: 20px;
    }
}

@media screen and (max-width: 900px) {
    #contentheader.premium.expanded { height: 300px; }
    #contentheader .presentation { display: none; }
}

@media screen and (min-width: 769px) and (max-width: 980px) {

    #contentnav .toggle_language {
        bottom: 6px;
        left: 15px;
    }
}

@media screen and (max-width: 830px) {
    #contentheader.premium.expanded { height: 290px; }
}

@media screen and (min-width: 769px) {

    #main > .teaserbox.layoutpremium { margin: -40px -15px 0; }

    /* content*/
    #contentheader,
    #contentheader.standard.second_level_nav { margin-bottom: 28px; }
    #contentheader.standard { margin-bottom: 0; }

    /* standard wallpaper header */
    #contentheader.standard,
    #contentheader.standard .header_splited { height: 170px; }

    #contentheader.standard.collapsed,
    #contentheader.standard.collapsed .header_splited { height: 138px; }

    /* editierbar im theme */
    #contentheader .presentation {
        overflow: hidden;
        position: absolute;
        top: -25px;
        right: 5%;
        max-width: 485px;
        text-align: center;
    }

    /**
     * Contentnav - Allgemeine Definitionen
     *
     * @subsection contentnav
     */

    #contentnav {
        height: 28px;
    }

    #contentheader.premium .toggle_language,
    #contentheader.medium .toggle_language,
    #contentheader.standard .toggle_language { bottom: 35px; left: 15px; }

    #contentnav li a,
    #contentnav .placeholder a {
        line-height: 2.1538em; /* 28px */
        text-align: center;
    }

    #contentnav .level1 {
        float: right;
        display: inline;
        max-width: 95%;
    }

    #contentnav .level1:before {
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #acacac;
        content: "";
    }

    #contentnav .level1 li {
        float: left;
        display: inline;
    }

    #contentnav .level2 {
        position: absolute;
        top: 32px;
        right: 0;
        max-width: 100%;
        background-color: #fff;
    }

    #contentnav .level2:before {
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 1005px;
        height: 1px;
        border-bottom: 1px solid #acacac;
        content: "";
    }

    #contentnav .selected > a { position: relative; }

    #contentnav .level1 > .selected > a { margin: 0; }

    #contentnav .selected > a:after {
        position: absolute;
        bottom: -10px;
        left: 50%;
        z-index: 12;
        width: 24px;
        height: 11px;
        margin-left: -12px;
        background: transparent url(../grafik/bg_contentnav_after.png) no-repeat scroll 0 0;
        content: "";
    }

    #contentnav .level1 > .expanded > a {
        color: #900;
        background-color: #fff;
    }

    #contentnav .level1 > .selected.last > a { margin-right: 3px; }
    #contentnav .level1 > .selected > a:focus { text-decoration: underline; }


    /* hinterlegung des level 1 - muss noch in themes ausgelagert werden */
    #contentnav .expandable { margin-top: -28px; }

    #contentnav .expandable:before {
        position: absolute;
        top: -32px;
        left: 0;
        height: 32px;
        border: 0 none;
        background: transparent url(../grafik/bg_nav_level1_full.png) no-repeat scroll center 0;
        content: "";
    }

    #contentnav .expandable > li > a {
        position: relative;
        color: #fff;
    }

    #contentnav .expandable > .selected > a {
        height: 26px;
        margin-top: -1px;
        text-decoration: none;
        color: #900;
        background-color: #fff;
    }

    #contentnav .expandable .level2  { top: 0; }

    #contentnav .expandable > .selected > a:after {
        width: auto;
        height: auto;
        background: none;
        content: "";
    }

}

@media screen and (max-width: 768px) {

    #contentheader.standard,
    #contentheader.standard .header_splited { height: 138px; }

    #main > .teaserbox.layoutpremium { margin: -40px -15px 0; }

    /**
     * Contentnav - Allgemeine Definitionen
     *
     */

    #contentnav { height: 41px; }

    #contentnav .toggle_language {
        top: 11px;
        right: 55px;
    }

    #contentnav .ico_menu {
        top: 5px;
        display: block;
    }

    #contentnav > .level1 {
        margin-top: 0;
    }

    #contentnav ul {
        height: 41px;
    }

    #contentnav .level1 > li {
        height: 40px;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid #D8D8D8;
        padding-right: 100px;
    }

    #contentnav .level1 > li,
    #contentnav .level1 > .expanded > a,
    #contentnav .level2 > li { display: none; }

    #contentnav .level1 > .expanded,
    #contentnav .level1 > .selected,
    #contentnav .level2 > .selected { display: block; }

    #contentnav li a,
    #contentnav .placeholder a {
        line-height: 3.077em; /* 40px */
        text-align: left;
    }

}

@media screen and (max-width: 730px) {
    #contentheader.premium.expanded { height: 240px; }
}

@media screen and (min-width: 641px) {

    #contentheader.premium { padding-top: 40px; }
    #contentheader.medium { padding-top: 25px; }

    /* headlines */
    #contentheader .header_splited {
        position: relative;
    }

    #contentheader .header_highlighted.header_splited { height: auto; }

    #contentheader .header_splited .logo {
        position: relative;
        float: left;
        display: inline;
        max-width: 200px;
        margin: 46px 15px 0 15px;
    }

    #contentheader .header_splited .logo:focus { outline: 1px solid #900; }
    #contentheader .header_splited .logo img { max-width: 200px; }

    #contentheader .header_splited .text {
        display: inline-block;
        max-width: 390px;
        margin-top: 89px;
        border-left: 2px solid #6c6359;
        padding-left: 14px;
    }

    #contentheader .header_splited .text ~ .text {
        margin-left: 10px;
    }

    #contentheader .header_splited .text:first-child {
        border-left: 0 none;
    }
}


@media screen and (max-width: 640px) {

    #contentheader {
        border-top: 25px solid #fff;
    }

    /* premium */
    #contentheader.premium {
        height: 240px;
        padding-top: 25px;
    }

    #contentheader.premium.expanded { height: 110px; }

    #contentheader.premium .epg_flyoutwrapper { display: none; }

    #contentheader.premium .header_slider li .textbox {
        left: 7%;
        width: 310px;
    }

    #contentheader.premium .header_slider .player .play_icon_layer { top: 122px; }

    /* standard */
    #contentheader.standard,
    #contentheader.standard .header_splited { height: 85px; }

    #contentheader.standard .header_splited {
        overflow: hidden;
        display: table;
    }

    #contentheader .header_content .header_splited .logo {
        position: relative;
        display: table-cell;
        width: 120px;
        height: 85px;
        margin: 0;
        padding-left: 15px;
        vertical-align: middle;
    }

    #contentheader .header_content .header_splited > .logo img {
        width: 100%;
        height: auto;
        max-height: 80px;
        min-width: 50px;
    }

    #contentheader .header_content .header_splited .text {
        position: relative;
        display: table-cell;
        min-width: 75px;
        margin-top: 0;
        padding-left: 15px;
        vertical-align: middle;
    }

    #contentheader .header_content .header_splited .text:before {
        position: relative;
        margin-right: 10px;
        border-left: 2px solid #6c6359;
        content: "";
    }

    #contentheader .header_content .header_splited .text:first-child:before {
        height: 0;
        margin-right: 0;
        border-left: 0 none;
    }
}


@media screen and (min-width: 768px) {

    #contentheader.medium { height: 344px; margin-bottom: 32px; }
    #contentheader.medium .header_slider { height: 336px; }
    #contentheader .header_slider .skip { top: 115px; }
}

@media screen and (min-width: 620px) and (max-width: 767px) {

    #contentheader .header_slider .skip { top: 75px; }
}


@media screen and (min-width: 568px) {
    #contentheader.premium .header_slider li .textbox {
        position: absolute;
        color: #e8dddd;
    }
}

@media screen and (max-width: 567px) {

    #contentheader.premium { height: 270px; }
    #contentheader.premium.expanded { height: 70px; }

    #contentheader.premium .header_slider .infoportal {
        overflow: hidden;
        height: 150px;
    }

    #contentheader.premium.expanded .header_slider .infoportal {
        height: auto;
    }

    .page_margins #contentheader.premium > .header_slider > .skip {
        top: 60px;
        background-size: 85px auto;
    }

    #contentheader.premium .header_slider .player .play_icon_layer {
        top: 75px;
        left: 50%;
    }

    #contentheader.premium .header_slider li .textbox {
        overflow: hidden;
        position: relative;
        left: auto;
        z-index: 11;
        width: auto;
        border-bottom: 4px solid #900;
        padding: 15px 5px 0;
    }

    #contentheader.premium .header_slider li .textbox p {
        display: none;
    }

    #contentheader.premium .header_slider li .textbox h2 {
        min-height: 60px;
    }
}

@media screen and (max-width: 520px) {
    #contentheader.premium.expanded { height: 45px; }
}

@media screen and (min-width: 480px) and (max-width: 619px) {

    #contentheader .header_slider .skip { top: 55px; }
}

@media screen and (max-width: 479px) {

    #contentheader .header_slider .skip { top: 65px; }
}

@media screen and (max-width: 460px) {
    #contentheader.premium.expanded { height: 10px; }
}

@media screen and (max-width: 410px) {
    #contentheader.premium { height: 295px; }
    #contentheader.premium.expanded { height: 0; }
}

@media screen and (max-width: 400px) {

    #contentheader.premium.expanded { padding-bottom: 190px !important; }
}

@media screen and (max-width: 320px) {

    #contentheader.premium.expanded { padding-bottom: 165px !important; }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 #main > .teaserbox.layoutpremium { margin: -40px -15px 0; }

/* content*/
.ie8 #contentheader,
.ie8 #contentheader.standard.second_level_nav { margin-bottom: 28px; }
.ie8 #contentheader.standard { margin-bottom: 0; }

.ie8 #contentheader.premium {
    height: 470px;
    padding-top: 40px;
}

.ie8 #contentheader.medium {
    height: 344px;
    margin-bottom: 32px;
    padding-top: 25px;
}


/* slider medium/premium */
.ie8 #contentheader.medium .header_slider { height: 336px; }
.ie8 #contentheader .header_slider .skip { top: 115px; }

.ie8 #contentheader.medium .header_slider .wrapper_slider { margin: 40px auto 0; }

.ie8 #contentheader.premium .header_slider li .textbox {
    position: absolute;
    top: 130px;
    left: 50%;
    width: 410px;
    margin-left: -495px; /* 205 mitte + linker rand */
    color: #e8dddd;
}

.ie8 #contentheader.premium .header_slider li .textbox h2 {
    font-size: 2.5714em; /* 36px */
    line-height: 1.1111em; /* 40px */
}

.ie8 #contentheader.premium .header_slider .video_container {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 1005px;
    max-height: 565px;
    margin-left: -502px;
}

.ie8 #contentheader.premium .header_slider .play_icon_layer { top: 170px; }

/* standard wallpaper header */
.ie8 #contentheader.standard,
.ie8 #contentheader.standard .header_splited { height: 170px; }

/* editierbar im theme */
.ie8 #contentheader .presentation {
    overflow: hidden;
    position: absolute;
    top: -25px;
    right: 5%;
    max-width: 485px;
    text-align: center;
}

/* Contentnav */
.ie8 #contentnav { height: 28px; }

.ie8 #contentnav .toggle_language {
    bottom: 6px;
    left: 2px;
}

.ie8 #contentheader.premium .toggle_language,
.ie8 #contentheader.medium .toggle_language,
.ie8 #contentheader.standard .toggle_language { bottom: 35px; left: 15px; }

.ie8 #contentnav li a,
.ie8 #contentnav .placeholder a {
    line-height: 2.1538em; /* 28px */
    text-align: center;
}

.ie8 #contentnav .level1 {
    float: right;
    display: inline;
    max-width: 95%;
}

.ie8 #contentnav .level1:before {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #acacac;
    content: "";
}

.ie8 #contentnav .level1 li {
    float: left;
    display: inline;
}

.ie8 #contentnav .level2 {
    position: absolute;
    top: 32px;
    right: 0;
    max-width: 100%;
    background-color: #fff;
}

.ie8 #contentnav .level2:before {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 1005px;
    height: 1px;
    border-bottom: 1px solid #acacac;
    content: "";
}

.ie8 #contentnav .selected > a { position: relative; }
.ie8 #contentnav .level1 > .selected > a { margin: 0; }

.ie8 #contentnav .selected > a:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 12;
    width: 24px;
    height: 11px;
    margin-left: -12px;
    background: transparent url(../grafik/bg_contentnav_after.png) no-repeat scroll 0 0;
    content: "";
}

.ie8 #contentnav .expanded > a {
    color: #900;
    background-color: #fff;
}

.ie8 #contentnav .level1 > .selected.last > a { margin-right: 3px; }
.ie8 #contentnav .level1 > .selected > a:focus { text-decoration: underline; }

/* hinterlegung des level 1 - muss noch in themes ausgelagert werden */
.ie8 #contentnav .expandable { margin-top: -28px; }

.ie8 #contentnav .expandable:before {
    position: absolute;
    top: -32px;
    left: 0;
    height: 32px;
    border: 0 none;
    background: transparent url(../grafik/bg_nav_level1_full.png) no-repeat scroll center 0;
    content: "";
}

.ie8 #contentnav .expandable > li > a {
    position: relative;
    color: #fff;
}

.ie8 #contentnav .expandable > .selected > a {
    height: 26px;
    margin-top: -1px;
    text-decoration: none;
    color: #900;
    background-color: #fff;
}

.ie8 #contentnav .expandable .level2  { top: 0; }

.ie8 #contentnav .expandable > .selected > a:after {
    width: auto;
    height: auto;
    background: none;
    content: "";
}

/* headlines */
.ie8 #contentheader .header_splited {
    position: relative;
}

.ie8 #contentheader .header_highlighted.header_splited { height: auto; }

.ie8 #contentheader .header_splited .logo {
    position: relative;
    float: left;
    display: inline;
    max-width: 200px;
    margin: 46px 15px 0 15px;
}

.ie8 #contentheader .header_splited .logo:focus { outline: 1px solid #900; }
.ie8 #contentheader .header_splited .logo img { max-width: 200px; }

.ie8 #contentheader .header_splited .text {
    display: inline-block;
    max-width: none;
    margin-top: 89px;
    border-left: 2px solid #6c6359;
    padding-left: 14px;
}

.ie8 #contentheader .header_splited .text ~ .text { margin-left: 10px; }
.ie8 #contentheader .header_splited .text:first-child { border-left: 0 none; }

/* Fix vom rbb RBBIP-1046 */
.ie8 #contentnav .selected > a:after,
.ie9 #contentnav .selected > a:after { bottom: -11px; }


/*
 * contentnavi umbrechen wenn zuwenig platz für alle punkte
 */

/*#contentheader.collapsed { margin-bottom: 41px; }*/

#contentheader.collapsed #contentnav { height: 41px; }

#contentheader.collapsed #contentnav .toggle_language {
    top: 11px;
    right: 55px;
    bottom: auto;
    left: auto;
}

#contentheader.collapsed #contentnav .ico_menu {
    top: 5px;
    display: block;
}

.touch .ico_menu:focus {
    outline: 1px solid #900;
}

#contentheader.collapsed #contentnav .level1:before {
    height: 0;
    background: none;
}

#contentheader.collapsed #contentnav .level1,
#contentheader.collapsed #contentnav .level1 li {
    float: none;
    display: block;
    max-width: none;
    margin: 0;
}

#contentheader.collapsed #contentnav ul {
    height: 41px;
}

#contentheader.collapsed #contentnav .level2:before {
    height: 0;
    border: 0 none;
}

#contentheader.collapsed #contentnav .level1 .level2 {
    position: relative;
    top: auto;
    right: auto;
    background: none;
}

#contentheader.collapsed #contentnav .level1 > li {
    height: 40px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #D8D8D8;
    padding-right: 100px;
}

#contentheader.collapsed #contentnav .level1 > li,
#contentheader.collapsed #contentnav .level1 > .expanded > a,
#contentheader.collapsed #contentnav .level2 > li { display: none; }

#contentheader.collapsed #contentnav .level1 > .expanded,
#contentheader.collapsed #contentnav .level1 > .selected,
#contentheader.collapsed #contentnav .level2 > .selected { display: block; }

#contentheader.collapsed #contentnav li a,
#contentheader.collapsed #contentnav .placeholder a {
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
    line-height: 3.077em; /* 40px */
    text-align: left;
}

#contentheader.collapsed #contentnav .selected > a:after {
    height: 0;
    background: none;
}


/**
 * Contentheader - Allgemeine Definitionen
 *
 * @section contentheader
 */


#contentheader.premium {
    background-color: #fff;
}

#contentheader.standard + #main,
#contentheader.medium + #main { padding-top: 40px; }

#contentheader.premium + #main { padding-top: 20px; }

#contentheader {
    position: relative;
    width: 100%;
    border-top: 25px solid #fff;
}

.breadcrumb ~ #contentheader {
    border-top: 0 none;
}

#contentheader .header_content {
    position: relative;
    width: 100%;
    max-width: 975px;
    margin: 0 auto;
    padding-top: 20px;
}

#contentheader .header_colored_underlined {
    border-bottom: 4px solid #959595;
    padding-bottom: 11px;
    font-size: 2em; /* 28px */
    font-weight: 700;
    line-height: 1.2142em; /* 34px */
    text-transform: uppercase;
    color: #757575;
}

#contentheader .header_colored_underlined a { color: #757575; }

.touch #contentheader .header_colored_underlined a:hover,
.touch #contentheader .header_colored_underlined a:focus { text-decoration: underline; }

#contentheader .header_highlighted {
    border-bottom: 4px solid #959595;
    padding-bottom: 12px;
}

#contentheader .header_highlighted .highlight {
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2857em; /* 18px */
    font-weight: 700;
    font-style: italic;
    line-height: 1.3333em; /* 24px */
    color: #fff;
    background-color: #900;
}

#contentheader .header_splited .text {
    max-width: 390px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.25em; /* 20px */
    text-transform: uppercase;
    color: #554a3e;
}


#contentheader .header_highlighted.header_splited .text {
    display: inline;
    margin: 0 0 0 15px;
    border-left: 2px solid #777;
    color: #757575;
}

#contentheader .header_highlighted.header_splited .text:before {
    margin: 0;
    border: 0 none;
    content: "";
}

/* wallpaper header */
#contentheader.medium .header_content,
#contentheader.standard .header_content,
#contentheader.premium .header_content {
    max-width: 1005px;
    padding-top: 0;
}


/**
 * Contentheader - Slider
 *
 * @subsection header_slider
 */

#contentheader.premium .header_slider {
    position: relative;
}

#contentheader.premium .header_slider .player.infoportal {
    width: 100%;
    background-color: #000;
}

#contentheader .header_slider .skip {
    position: absolute;
    left: 0;
    z-index: 11;
    display: none;
    width: 40px;
    height: 67px;
    border: 0 none;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_arrows.png) no-repeat scroll 0 0;
    cursor: pointer;
}

#contentheader.premium.expanded .header_slider .skip,
#contentheader .header_slider .skip.disabled { display: none !important; }
.js #contentheader .header_slider .skip { display: block; }

#contentheader .header_slider .skip.forward {
    right: 0;
    left: auto;
    background-position: -50px 0;
}

#contentheader.medium .header_slider  {
    position: relative;
}

#contentheader.medium .header_slider:focus {
    outline: none;
}

#contentheader .header_slider .wrapper_slider {
    overflow-x: auto;
    max-width: 975px;
}

.js #contentheader .header_slider .wrapper_slider { overflow-x: hidden; }

#contentheader.medium .header_slider .wrapper_slider .scrollcontent { width: 4875px; /* fallback ohne js - 5 teaser */ }

#contentheader .header_slider .scrollcontent > li {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline;
    -webkit-transform: translateZ(0);/*fix disappearing elements in ios < 6 */
    /* height: 279px; */
    max-width: 975px;
    width: 100%;

}

#contentheader.premium .header_slider .wrapper_slider,
#contentheader.premium .header_slider .scrollcontent > li { max-width: none; }

/* slider mit banner, premium höhe */
#contentheader.premium .header_slider .skip { top: 190px; }
#contentheader.premium .header_slider .wrapper_slider { width: 100%; }

#contentheader.premium .header_slider li {
    display: block;
    width: auto;
    height: 100%;
    min-height: 800px;
    margin-top: 0;
}

#contentheader.premium .header_slider li .textbox h2 {
    margin: 10px 0 5px;
    border-top: 1px solid #bc8e91;
    padding-top: 10px;
}
#contentheader.premium .header_slider li .textbox h2 a {
    color: inherit;
}

#contentheader.premium .header_slider li > img { width: 1920px; margin: 0 auto;  }
#contentheader.premium .header_slider li > .infoportal > img { width: 100%; margin: 0 auto; }


/**
 * Contentnav - Allgemeine Definitionen
 *
 * @subsection contentnav
 */

#contentnav {
    position: relative;
    z-index: 12;
    background-color: #fff;
}

#contentnav li a,
#contentnav .placeholder a {
    display: inline-block;
    padding: 0 20px;
    font-size: 0.9286em; /* 13px */
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    color: #900;
}

#contentnav .toggle_language {
    position: absolute;
    z-index: 13;
    width: 21px;
    height: 14px;
    border: 1px solid #909090;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_flags.png) no-repeat scroll 0 0;
}

#contentnav .toggle_language:focus { border: 1px solid #900; }
#contentnav .toggle_language.langpl { background-position: 0 0; }
#contentnav .toggle_language.langde { background-position: 0 -30px; }



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * epg
 *
 * @section epg
 */

/** SMALL SCREEN **/

@media screen and (max-width: 567px){

    .epg_container {
        border: 4px solid #D8D8D8;
    }


    .layoutepg .separator .programme_icons {
        display: none;
    }

    .layoutepg .separator .programme_anchor {
        position: relative;
        top: 2px;
        left: 0;
    }
}


/** BIG SCREEN **/
@media screen and (min-width: 568px) {

    .epg_container {
        margin-bottom: 40px;
    }

    .layoutepg .separator {
        padding: 0 10px;
    }

    .layoutepg .separator .programme_anchor {
        position: relative;
        top: 2px;
        left: 25px;
    }
}

.ie8 .epg_container { margin-bottom: 40px; }
.ie8 .epg_view .timeline_view { display: block; }
.ie8 .epg_view .list_view { display: none; }
.ie8 .layoutepg .separator { padding: 0 10px; }
.ie8 .layoutepg .separator .programme_anchor {
    position: relative;
    top: 2px;
    left: 25px;
}



/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG Container
 *
 */

.epg_container {
    border: 4px solid #D8D8D8;
}

.touch .slider.timeline_view .scrollbox,
.touch .slider.slider_programme .scrollbox,
.touch .slider.epg_date_view .scrollbox,
.touch .epg_container .slider .scrollbox {
    margin: 0;
}



/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG CHANNELS
 *
 */

.epg_channels {
    position: relative;
    height: 40px;
}

.epg_channels .item {
    float: left;
    min-width: 113px;
    border-right: 1px solid #D8D8D8;
}

.epg_channels .funkhaus_europa {
    width: 133px;
}

.slider.epg_channels .scrollbox {
    margin: 0;
}

.slider.epg_channels.scrollable .scrollbox {
    margin: 0 25px;
}

.touch .slider.epg_channels.scrollable .scrollbox {
    margin: 0;
}





/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG View Base
 *
 */
.epg_view {
    z-index: 2;
}

.epg_view .nowmarker {
    position: absolute;
    z-index: 3;
    top: 5px;
}

.epg_view .nowmarker .label {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    color: #990000;
    text-transform: uppercase;
    padding: 0 5px;
    margin-left: 5px;
    height: auto;
    -moz-box-shadow: 0 0 3px #c0c0c0;
    -webkit-box-shadow: 0 0 3px #c0c0c0;
    box-shadow: 0 0 3px #c0c0c0;
    background-color: #fff;
}

.epg_view .nowmarker.fluid {
    margin: 0 0 0 10px;
    border-left: 2px solid #900;
    height: 105px;
    pointer-events: none;
    z-index: 3;
}

.epg_view .nowmarker.fluid.hilite {
    border-left: 2px solid #fff;
}

.epg_view .nowmarker.fluid.forcelite {
    border-left: 2px solid #fff;
}

.epg_view .nowmarker.fluid .mehrlink {
    pointer-events: all;
}

.epg_view .nowmarker.left { left: 30px; }
.epg_view .nowmarker.right { right: 30px; }
.epg_view .nowmarker.disabled { display: none; }

.touch .epg_view .nowmarker.left { left: 10px; }
.touch .epg_view .nowmarker.right { right: 10px; }
.touch .epg_view .stream_marker.left { left: 15px; }
.touch .epg_view .stream_marker.right { right: 15px; }



.epg_view .nowmarker .mehrlink {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    padding: 0 5px;
}

.epg_view .mehrlink {
    background: none !important;
}

.epg_view .stream_marker {
    position: absolute;
    bottom: 0;
}

.epg_view .stream_marker.left { left: 35px; }
.epg_view .stream_marker.right { right: 35px; }


.epg_view .date_marker {
    position: absolute;
    top: 5px;
    padding: 0 5px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    -moz-box-shadow: 0 0 3px #c0c0c0;
    -webkit-box-shadow: 0 0 3px #c0c0c0;
    box-shadow: 0 0 3px #c0c0c0;
}

.epg_view .date_marker.left { left: 35px; }
.epg_view .date_marker.right { right: 35px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG List View
 *
 */

.epg_view .list_view {
    border-top: 3px solid #D8D8D8;
    padding: 0 10px;
}


.epg_view .list_view.disabled { display: none; }

.epg_view .list_view .broadcast {
    padding: 10px 0;
    border-bottom: 1px solid #E7E7E7;
}

.epg_view .list_view .time {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333333;
}

.epg_view .list_view .teaserbox .rsslink { top: 3px; }

.epg_view .list_view .manualteaserpicture {
    max-width: 100px;
    float: left;
    margin: 0 10px 10px 0;
}

.epg_view .list_view .manualteasershorttext {
    margin-bottom: 5px;
}





/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG PROGRAMMS
 * > container for broadcasts
 *
 */
.epg_view .programme {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 330px;
    overflow: hidden;
    z-index: 2;
}

.epg_view .programme .ico {
    position: absolute;
    bottom: 7px;
    right: 10px;
}


.epg_view .programme.grow .epg_title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.epg_view .programme.grow:hover,
.epg_view .programme.double:hover {
    z-index: 3;
    width: auto !important;
    border-right: 1px solid #FFFFFF;
}

.epg_view .programme.double .broadcast.top {
    z-index: auto;
    border-bottom: 1px solid #e7e7e7;
}

.epg_view .programme.double > .broadcast {
    white-space: nowrap;
    position: relative;
    height: 22px;
    line-height: 1.1em;
    overflow: hidden;
}

.epg_view .programme.double .ico { bottom: 3px; right: 3px;}
.epg_view .programme.double.grow .ico { display: none; }
.epg_view .programme.double.grow > a:hover > .ico { display: block; }
.epg_view .programme.double.grow:hover .epg_title { display: inline-block; }
.epg_view .programme.double.grow > a:hover > .epg_title,
.epg_view .programme.double .epg_title,
.epg_view .programme.double .epg_begin { display: inline-block; padding-right: 5px; }

.epg_view .timeline_view .programme.double .epg_begin { vertical-align: top; padding-top: 3px; display: inline-block;}
.epg_view .programme.double.premium .epg_begin { padding-right: 25px; }

.epg_view .programme.double.bottom.active { z-index: 3; }
.epg_view .programme.double.top:hover ~ .programme.double.bottom { z-index: 2 !important; }
.epg_view .programme.double.top.active > a:after { bottom: -33px; z-index: 1; }
.epg_view .programme.double.top:hover ~ #nowmarker.programme_hover { height: 69%; }



/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG Timeline View
 *
 */



.epg_view .timeline_view {
    height: 110px;
    -webkit-box-shadow: inset 0 0 7px #c0c0c0;
    -moz-box-shadow: inset 0 0 7px #c0c0c0;
    box-shadow: inset 0 0 7px #c0c0c0;
    background-color: #E7E7E7;
}

.epg_view .timeline_view.disabled {
    height: 0;
    overflow: hidden;
}

.epg_view .timeline_view:focus {
    outline: none;
}

.epg_view .timeline_view .broadcasts,
.epg_view .timeline_view .timeline {
    position: absolute;
}

.epg_view .timeline_view .scrollcontent {
    position: absolute;
    top: 0;
    bottom: 0;
}


.epg_view .timeline_view .broadcasts {
    top: 20px;
    height: 60px;
}

.epg_view .timeline_view .broadcast {
    width: auto;
    height: 45px;
    display: block;
    padding-left: 7px;
    line-height: 1.3em;
    border-left: 1px solid #e7e7e7;
    color: #fff;
    background-color: #333;
}

.epg_view .timeline_view .broadcast .epg_title {
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}

.epg_view .timeline_view .broadcast .epg_begin {
    display: block;
    font-weight: 400;
}

.epg_view .timeline_view .broadcast .ico:before,
.epg_view .timeline_view .broadcast .ico:after {
    font-size: 12px;
    color: #fff;
}

.epg_view .broadcast .ico_star { display: none; }
.epg_view .broadcast.premium .ico_star { display: block; }
.epg_view .programme.past > .broadcast { background-color: #717171; }


.epg_view .timeline_view .broadcast.hilite,
.epg_view .timeline_view .broadcast.active,
.epg_view .timeline_view .broadcast:hover {
    text-decoration: none;
    background-color: #990000 !important;
}


.epg_view .timeline_view .broadcast.active:after {
    content: "";
    position: absolute;
    z-index: auto;
    bottom: -10px;
    left: 80px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #990000;
}

.epg_view.loading .timeline_view:after {
    content:"";
    position: absolute;
    background: url(../grafik/ico_preloader.gif);
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
}




/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG TIMELINE
 *
 */

.epg_view .timeline {
    top: 5px;
}

.epg_view .timeline .item {
    border-left: 1px solid #333;
    padding: 5px 0;
}

.epg_view .timeline .item .label {
    padding-left: 10px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG TIMELINE for Premium Teaser
 *
 */

.epg_view.premium .timeline_view {
    height: 80px;
}
/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG TIMELINE for TV Portal
 *
 */

.tv_portal .timeline_view {
    height: 80px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * EPG Flyout
 *
 */

.epg_view .flyout {
    display: none;
    position: absolute;
    top: 80px;
    left: -55px;
    z-index: 10;
    padding: 1em;
    width: 475px; /* + Padding = 475px */
    height: auto;
    color: #333;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 9px #595959;
    -moz-box-shadow: 0 0 9px #595959;
    box-shadow: 0 0 9px #595959;
    background-color: #fff;
}

.epg_view .flyout .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: right;
    padding: 10px;
    z-index: 1;
    cursor: pointer;
}

.epg_view .flyout:before {
    content: "";
    position: absolute;
    z-index: 11;
    top: -8px;
    left: 80px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.epg_view .flyout .manualteaserpicture {
    float: left;
    display: inline;
    clear: left;
    width: 184px;
    margin: 3px 15px 5px 0;
}


.epg_view .flyout.nub_0:before { left: 0%; }
.epg_view .flyout.nub_5:before { left: 5%; }
.epg_view .flyout.nub_10:before { left: 10%; }
.epg_view .flyout.nub_15:before { left: 15%; }
.epg_view .flyout.nub_20:before { left: 20%; }
.epg_view .flyout.nub_25:before { left: 25%; }
.epg_view .flyout.nub_30:before { left: 30%; }
.epg_view .flyout.nub_35:before { left: 35%; }
.epg_view .flyout.nub_40:before { left: 40%; }
.epg_view .flyout.nub_45:before { left: 45%; }
.epg_view .flyout.nub_50:before { left: 50%; }
.epg_view .flyout.nub_55:before { left: 55%; }
.epg_view .flyout.nub_60:before { left: 60%; }
.epg_view .flyout.nub_65:before { left: 65%; }
.epg_view .flyout.nub_70:before { left: 70%; }
.epg_view .flyout.nub_75:before { left: 75%; }
.epg_view .flyout.nub_80:before { left: 80%; }
.epg_view .flyout.nub_85:before { left: 85%; }
.epg_view .flyout.nub_90:before { left: 90%; }
.epg_view .flyout.nub_95:before { left: 95%; }
.epg_view .flyout.nub_100:before { left: 95.89%; }








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

@media screen and (min-width: 1008px) {

    #footer .logo_list { height: 47px; }
    #footer .logo_list li { margin-left: 3.48%; /* 41px */ }
    #footer .logo_list li:first-child { margin-left: 0; }
}

@media screen and (max-width: 1007px) {

    #footer .logo_list li { margin-right: 3.5%; margin-bottom: 5px; }
    #footer .logo_list li:last-child { margin-right: 0; }
}

@media screen and (min-width: 768px) {

    #footer .footer_expand_link {
        position: absolute;
        top: 43px;
        right: 0;
        z-index: 1;
        width: 34px;
        height: 26px;
        border: 1px solid transparent;
        text-indent: -9999px;
        background: transparent url(../grafik/spr_footer_expand.png) no-repeat scroll 0 0;
    }

    /* collapsed */
    #footer .toggled .footer_expand_link { background-position: 0 -40px; }
    #footer .toggled .link_list { height: 20px; }
    #footer .toggled .link_list ul { display: none; }

    #footer .link_list .title { margin-bottom: 18px; }

    #footer .toggled .ard_logo {
        display: none;
    }

    #footer .link_list {
        overflow: hidden;
        height: 252px; /* 272 */
        margin: 0 0 30px 20%;
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    #footer .link_list .highlight { margin-top: 15px; }
    #footer .link_list .form { display: none; }
}

@media screen and (max-width: 767px) {

    #footer .link_list { margin: 56px 0 20px; }
    #footer .link_list .title { margin-bottom: 9px; }
    #footer .link_list .form { min-width: 130px; }

    #footer .link_list .form  select {
        width: 100%;
        max-width: 130px;
    }

    #footer .footer_expand_link,
    #footer .link_list ul li { display: none; }
}


@media screen and (min-width: 568px) {

    #footer .footer_content { max-width: 975px; }

    #footer .link_list > li {
        float: left;
        display: inline;
        width: 21%;
        margin-left: 4.4%;
    }

    #footer .link_list > li:first-child { margin-left: 0; }

    #footer .link_list a {
        display: block;
        padding-bottom: 5px;
    }

}

@media screen and (max-width: 567px) {

    #footer .footer_content { max-width: 480px; }
    #footer .link_list .form  select { max-width: 400px; }
    #footer .link_list > li { margin-bottom: 26px; }
}


@media screen and (max-width: 480px) {

    #footer .logo_list li { margin-right: 2%; }
    #footer .footer_content { max-width: 320px; }
    #footer .link_list .form  select { max-width: 320px; }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 #footer .link_list .form { display: none; }

.ie8 #footer .footer_expand_link {
    position: absolute;
    top: 43px;
    right: 0;
    z-index: 1;
    width: 34px;
    height: 26px;
    border: 1px solid transparent;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_footer_expand.png) no-repeat scroll 0 0;
}

/* collapsed */
.ie8 #footer .toggled .footer_expand_link { background-position: 0 -40px; }
.ie8 #footer .toggled .link_list { height: 20px; }
.ie8 #footer .toggled .link_list ul { display: none; }

.ie8 #footer .toggled .ard_logo {
    display: none;
}

.ie8 #footer .link_list {
    overflow: hidden;
    height: 252px; /* 272 */
    margin: 0 0 30px 20%;
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.ie8 #footer .link_list .title { margin-bottom: 18px; }

.ie8 #footer .link_list > li {
    float: left;
    display: inline;
    width: 21%;
    margin-left: 4.4%;
}

.ie8 #footer .link_list > li:first-child { margin-left: 0; }

.ie8 #footer .link_list a {
    display: block;
    padding-bottom: 5px;
}

.ie8 #footer .link_list .highlight { margin-top: 15px; }

/* logos */
.ie8 #footer .logo_list { height: 47px; }
.ie8 #footer .logo_list li { margin-left: 34px; }
.ie8 #footer .logo_list li:first-child { margin-left: 0; }


/**
 * Footer - Allgemeine Definitionen
 *
 * @section footer
 */

#footer {
    z-index: 99;
    width: 100%;
    color: #fff;
    background: #4e4e4e url(../grafik/bg_footer.jpg) repeat-x scroll 0 0;
}

#footer a { color: #fff; }

#footer .footer_content {
    position: relative;
    width: 97%;
    margin: 0 auto;
    padding: 47px 0 25px;
}

#footer .back_to_top {
    position: absolute;
    top: -25px;
    right: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #900;
}

#footer .logo a {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    width: 102px;
    height: 33px;
    border: 1px solid transparent;
    text-indent: -9999px;
    background: transparent url(../grafik/logo_footer.png) no-repeat scroll 0 0;
}

#footer .link_list {
    overflow: hidden;
}

#footer .link_list ul {
    display: block; /* visibility toggle */
}

#footer .link_list .title {
    font-weight: 700;
    text-transform: uppercase;
}

#footer .ard_logo {
    float: right;
    display: inline;
    width: 91px;
    height: 19px;
    margin-bottom: 15px;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_footer_logos.png) no-repeat scroll 0 -640px;
}

/* logos */
#footer .logo_list {
    overflow: hidden;
    clear: right;
    margin-bottom: 8px;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 3px;
}

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

#footer .logo_list a {
    display: block;
    height: 36px;
    min-width: 53px;
    margin-top: 7px;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_footer_logos.png) no-repeat scroll 0 0;
}

#footer .ard_logo:focus { border: 1px solid #900; }
#footer .footer_expand_link:focus { border: 1px solid #900; }
#footer .logo a:focus { border: 1px solid #900; }

#footer .logo_list a:focus {
    height: 34px;
    margin: 6px 1px -1px -1px;
    border: 1px solid #900;
}

#footer .logo_list .rbb_fernsehen a { width: 55px; background-position: 0 8px; }
#footer .logo_list .antenne_brandenburg a { width: 87px; background-position: 0 -70px; }
#footer .logo_list .radio_berlin a { width: 105px; background-position: 0 -156px; }
#footer .logo_list .radio_eins a { width: 87px; background-position: 0 -230px; }
#footer .logo_list .inforadio a { width: 89px; background-position: 0 -312px; }
#footer .logo_list .kulturradio a { width: 106px; background-position: 0 -391px; }
#footer .logo_list .fritz a { width: 67px; background-position: 0 -480px; }
#footer .logo_list .funkhaus_europa a { width: 140px; background-position: 0 -553px; }

#footer .logo_list .rbb_fernsehen a:focus { width: 53px; }
#footer .logo_list .antenne_brandenburg a:focus { width: 85px; }
#footer .logo_list .radio_berlin a:focus { width: 103px; }
#footer .logo_list .radio_eins a:focus { width: 85px; }
#footer .logo_list .inforadio a:focus { width: 87px; }
#footer .logo_list .kulturradio a:focus { width: 104px; }
#footer .logo_list .fritz a:focus { width: 65px; }
#footer .logo_list .funkhaus_europa a:focus { width: 138px; }

#footer p {
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
}


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

@media screen and (min-width: 960px) {

    /**
     * Header Klein
     */

    #header.small #nav { height: 43px; }

    #header.small #nav .level_1 li a {
        height: 43px;
        line-height: 2.6875em; /* 43px */
    }

    #header.small #nav .level_1 .logo a {
        background-position: center 10px;
    }

    .no-touch #header.small #nav .level_1 .logo a:hover,
    #header.small #nav .level_1 .logo a:focus,
    #header.small #nav .level_1 .logo.active a {
        background-position: center -110px;
    }

    #header.small .meta_header { top: 13px; }

    /* sticky header */
    .sticky {
        padding-top: 88px;
    }

    .sticky #header {
        margin-top: -88px;
    }

    /* meta header */
    #header .meta_header { height: 30px; }
    #header .meta_header .weather { display: inline; }
    #header .meta_search { margin-top: -2px; }

    #header .form {
        display: inline;
        height: 24px;
    }

    #header .form .text { height: 24px; }

    #header .form .btn {
        width: 24px;
        height: 24px;
    }

    #header .form { width: 122px; }
    #header .form .type_text { width: 92px; }
    #header .form .text { width: 93px; }
    #header .form .btn { left: 92px; }

    #header .btn_search { display: none; }
    #header #nav .level_1 li { width: 20.5128%; /* 200px auf 975px */ }
    #header #nav .level_1 li a { width: 100%; }
    #header .expand .link_list { left: -14px; /* borders */ }

    #header .btn_scroll_sub_nav {
        height: 28px;
        line-height: 28px;
    }

    #header #subnav .level_2,
    #header #subnav { height: 28px; }
    #header #subnav .level_2 > li > a { line-height: 28px; }


    /* arrows */
    #header #subnav .level_2 .expand > a { background-position: right 11px;  }
    #header #subnav .level_2 .expand.toggled > a,
    .no-touch #header #subnav .level_2 .expand:hover > a { color: #900; background-position: right -19px; }

    #header .expand .link_list { top: 28px; }

    .breadcrumb {
        padding-top: 15px;
    }
}

@media screen and (max-width: 959px) {

    .page_margins {
        background-position: center 140px;
    }

    .sticky {
        padding-top: 100px;
    }

    .sticky #header {
        margin-top: -100px;
    }

    #header .meta_search {
        float: right;
        display: inline;
        margin: -5px 0 0 1%;
    }

    #header .form .text { height: 30px; }
    #header .form .btn {
        width: 30px;
        height: 30px;
    }

    #header .form { width: 155px; }
    #header .form .type_text { width: 125px; }
    #header .form .text { width: 126px; }
    #header .form .btn { left: 125px; }

    #header .btn_search {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 15px;
    }

    /* Trigger ausblenden und Suchfeld einblenden */
    #header .meta_search.toggled { margin-left: 0; }

    #header .meta_header .toggled .form {
        position: static;
        top: 0;
        padding-right: 15px;
    }

     #header .meta_header .toggled .form .text {
        top: 0;
        right: 0;
    }

    #header .meta_header .toggled .form .btn {
        position: relative;
        top: -30px;
    }

    #header .meta_header .form .btn[type="reset"],
    #header .meta_header .form .btn[type="reset"]:focus,
    #header .meta_header .toggled .form .btn[type="reset"]   { display: none !important; }
    #header .meta_search.toggled .btn_search { display: none; }
    #header #nav .level_1 li a { padding: 0 45px; }

    #header .expand .link_list { right: -14px; /* borders */ }

    #header .btn_scroll_sub_nav {
        height: 40px;
        line-height: 40px;
    }

    #header #subnav .level_2,
    #header #subnav { height: 40px; }

    #header #subnav .level_2 > li > a {
        height: 40px;
        line-height: 40px;
    }

    .breadcrumb { padding-top: 15px; }

    /* arrows */
    #header #subnav .level_2 .expand > a { background-position: right 17px;  }
    #header #subnav .level_2 .expand.toggled > a,
    .no-touch #header #subnav .level_2 .expand:hover > a { color: #900; background-position: right -12px; }

    #header .expand .link_list { top: 40px; }
    #header .meta_info .expand .link_list { top: 28px; }
}

@media screen and (min-width: 720px) and (max-width: 959px) {
    #header .toggled .form .text { width: 126px; }
    #header .form .text:focus {
        right: 10px;
        width: 136px;
    }
    #header .toggled .form .text:focus {
        right: 0;
        width: 126px;
    }
}

@media screen and (max-width: 930px) {
    #header #nav .level_1 li a { padding: 0 36px; }
}

@media screen and (max-width: 875px) {
    #header #nav .level_1 li a { padding: 0 30px; }
}

@media screen and (max-width: 840px) {
    #header #nav .level_1 li a { padding: 0 25px; }
}

@media screen and (max-width: 810px) {
    #header #nav .level_1 li a { padding: 0 20px; }
}

@media screen and (max-width: 780px) {
    #header #nav .level_1 li a { padding: 0 15px; }
}

@media screen and (min-width: 680px) and (max-width: 720px) {
    #header .form { width: 122px; }
    #header .form .type_text { width: 92px; }
    #header .form .text,
    #header .toggled .form .text,
    #header .toggled .form .text:focus { width: 93px; }

    #header .form .text:focus {
        right: 43px;
        width: 136px;
    }

    #header .form .btn { left: 92px; }
}


@media screen and (min-width: 680px) {

    #header #nav .level_1 { overflow: hidden; }

    #header #nav .level_1 li {
        float: left;
        display: inline;
        border-right: 1px solid #900;
        text-transform: uppercase;
    }

    #header #nav .level_1 li a {
        display: block;
        height: 60px;
        min-width: 85px;
        font-size: 1.1428em; /* 16px */
        font-weight: 700;
        line-height: 3.75em; /* 60px */
        text-align: center;
        -webkit-transition: height 0.5s ease, line-height 0.5s ease;
    	-moz-transition: height 0.5s ease, line-height 0.5s ease;
        -ms-transition: height 0.5s ease, line-height 0.5s ease;
        -o-transition: height 0.5s ease, line-height 0.5s ease;
    	transition: height 0.5s ease, line-height 0.5s ease;
    }

    #header #nav .level_1 .logo a { min-width: 0; }

    #header #nav .level_1 .active a {
        text-decoration: none;
        color: #fff;
        background-color: #900;
    }

    #header #nav .level_1 .logo.active a { background: #900 url(../grafik/spr_logo.png) no-repeat scroll center -105px; }

    .ico_menu { display: none; }
    #header .meta_header .weather > a { border-right: 1px solid #900; }
    #header .meta_header .expand { display: inline; }
}

@media screen and (min-width: 680px) and (max-width: 959px) {

    #header .form {
        position: absolute;
        top: -100px;
        right: 15px;
    }

    #header .meta_header .meta_info .weather .flyout { left: -240px; }
    #header #nav .meta_header .meta_info .weather .flyout:after { left: 67%; }

    #header .meta_header .toggled ~ .meta_info .weather .flyout { left: -174px; }
    #header #nav .meta_header .toggled ~ .meta_info .weather .flyout:after { left: 50%; }

    #header .form {
        overflow: visible;
        height: 30px;
    }

    #header .form .text:focus {
        position: relative;
        top: 95px;
        z-index: 11;
    }

    #header .form .btn[type="submit"]:focus {
        top: 9  5px;
        z-index: 11;
    }

    #header .toggled .form .btn[type="submit"]:focus { top: -30px; }
}

@media screen and (max-width: 679px) {

    #header .btn_search,
    #header #nav .level_1 li,
    #header .meta_info .expand { display: none; }

    #header .meta_search { padding-right: 50px; }

    #header .meta_header > .meta_search.toggled form,
    #header .meta_search .form {
        display: block;
        padding-right: 0;
    }
}


@media screen and (min-width: 431px) {

    #header .meta_header .weather {
        position: relative;
    }

    #header .meta_header .weather .flyout {
        left: -170px;
        width: 390px;
    }

    #header .meta_header .meta_info .weather .flyout:after { left: 50%; }

    #header .meta_header .weather .flyout h2 {
        margin: 10px 0.7143em 10px;
    }

    #header .meta_header .weather .flyout table {
        border-spacing: 0.7143em; /* 10px */
    }

    #header .meta_header .weather .flyout table td {
        width: 33.33%;
        height: 120px;
        padding-top: 10px;
        text-align: center;
    }

    #header .meta_header .weather .flyout table td a {
        border: 1px solid transparent;
        text-decoration: none;
    }

    #header .meta_header .weather .flyout table .weather_icon { width: 35%; }
    #header .meta_header .weather .flyout table span.wetter_ort { height: 50px; }
}


@media screen and (max-width: 430px) {

    #header .meta_header .weather .flyout {
        left: -90px;
        width: 312px;
    }

    #header .meta_header .weather .flyout h2 {
        display: none;
        margin: 10px 0.7143em 0;
    }

    #header .meta_header .weather .flyout table tr {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #header .meta_header .weather .flyout table td {
        position: relative;
        display: block;
        width: 282px;
        border-bottom: 1px solid #d8d8d8;
        padding: 5%;
    }

    .ie9 #header .meta_header .weather .flyout table td {
        float: left; /* IE8/9 bugfix */
    }

    #header .meta_header .weather .flyout .wetter_ort {
        float: left;
        display: inline;
        width: 60%;
    }

    #header .meta_header .weather .flyout .weather_icon {
        position: absolute;
        top: 25%;
        right: 29%;
    }

    #header .meta_header .weather .flyout .wetter_temp {
        float: right;
        display: inline;
    }

}

@media screen and (min-width: 381px) {
    #header .meta_header { width: 280px; }
    #header .meta_header .weather .flyout:after { left: 41%; }
}

@media screen and (max-width: 380px) {

    #header .meta_search .form { display: none; }
    #header .meta_search .btn_search { display: inline-block; margin-right: 0; }

    #header .meta_header { width: 205px; }

    #header .meta_header .weather .flyout:after { left: 63%; }
    #header .meta_header .toggled ~ .meta_info .weather .flyout:after { left: 48%; }
    #header .meta_header .weather .flyout { left: -115px; }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

/* sticky header */
.ie8 .sticky {
    padding-top: 88px;
}

.ie8 .sticky #header {
    margin-top: -88px;
}

.ie8 .ico_menu { display: none; }
.ie8 #header .btn_search { display: none; }

/* header small */
.ie8 #header.small #nav { height: 43px; }

.ie8 #header.small #nav .level_1 li a {
    height: 43px;
    line-height: 2.6875em; /* 43px */
}

.ie8 #header.small .meta_header { top: 13px; }

/* navi level 1 */
.ie8 #header .level_1 { overflow: hidden; }

.ie8 #header .level_1 li {
    float: left;
    display: inline;
    width: 20.5128%; /* 200px auf 975px */
    border-right: 1px solid #900;
    text-transform: uppercase;
}

.ie8 #header .level_1 li a {
    display: block;
    width: 100%;
    height: 60px;
    min-width: 85px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 3.75em; /* 60px */
    text-align: center;
    -webkit-transition: height 0.5s ease, line-height 0.5s ease;
	-moz-transition: height 0.5s ease, line-height 0.5s ease;
    -ms-transition: height 0.5s ease, line-height 0.5s ease;
    -o-transition: height 0.5s ease, line-height 0.5s ease;
	transition: height 0.5s ease, line-height 0.5s ease;
}

.ie8 #header .level_1 .logo a { min-width: 0; }

.ie8 #header.small #nav .level_1 .logo a {
    background-position: center 10px;
}

.ie8 #header.small #nav .level_1 .logo a:hover,
.ie8 #header.small #nav .level_1 .logo a:focus,
.ie8 #header.small #nav .level_1 .logo.active a {
    background-position: center -110px;
}

.ie8 #header #nav .level_1 .active a {
    text-decoration: none;
    color: #fff;
    background-color: #900;
}

.ie8 #header #nav .level_1 .logo.active a { background: #900 url(../grafik/spr_logo.png) no-repeat scroll center -105px; }

/* meta header */
.ie8 #header .meta_header {
    width: 280px;
    height: 30px;
}

.ie8 #header .meta_header .expand { display: inline; }

.ie8 #header .expand .link_list {
    top: 28px;
    left: -15px; /* borders */
}

.ie8 #header .meta_header .weather {
    position: relative;
    display: inline;
}

.ie8 #header .meta_header .weather > a { border-right: 1px solid #900; }

.ie8 #header .meta_header .weather .flyout {
    left: -170px;
    width: 390px;
}

.ie8 #header .meta_header .meta_info .weather .flyout:after { left: 50%; }

.ie8 #header .meta_header .weather .flyout h2 {
    margin: 10px 0.7143em 10px;
}

.ie8 #header .meta_header .weather .flyout table {
    border-spacing: 0.7143em; /* 10px */
}

.ie8 #header .meta_header .weather .flyout table td {
    width: 33.33%;
    height: 120px;
    padding-top: 10px;
    text-align: center;
}

.ie8 #header .meta_header .weather .flyout table td a {
    border: 1px solid transparent;
    text-decoration: none;
}

.ie8 #header .meta_header .weather .flyout table .weather_icon { width: 35%; }
.ie8 #header .meta_header .weather .flyout table span.wetter_ort { height: 50px; }
.ie8 #header .meta_header .weather .flyout:after { left: 41%; }

/* suche */
.ie8 #header .meta_search { margin-top: -2px; }

.ie8 #header .form {
    display: inline;
    width: 122px;
    height: 24px;
}

.ie8 #header .form .type_text { width: 92px; }

.ie8 #header .form .text {
    width: 93px;
    height: 24px;
}

.ie8 #header .form .btn {
    left: 92px;
    width: 24px;
    height: 24px;
}

.ie8 #header .btn_scroll_sub_nav {
    height: 28px;
    line-height: 28px;
}

/* navi level 2 */
.ie8 #header #subnav .level_2,
.ie8 #header #subnav { height: 28px; }
.ie8 #header #subnav .level_2 > li > a { line-height: 28px; }

/* arrows */
.ie8 #header #subnav .level_2 .expand > a { background-position: right 11px;  }
.ie8 #header #subnav .level_2 .expand.toggled > a,
.ie8.no-touch #header #subnav .level_2 .expand:hover > a {
    color: #900;
    background-position: right -19px;
}

.ie8 .breadcrumb { padding-top: 15px; }


/**
 * Desktop
 *
 * @subsection weather
 */

.no-touch #header #nav .level_1 li:focus,
.no-touch #header #nav .level_1 li:hover { border-right-color: #fff; }

.no-touch #header #nav .level_1 li a:hover,
.no-touch #header #nav .level_1 li a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #900;
}

.no-touch #header #nav .level_1 .active a:focus {
    text-decoration: underline;
}

.no-touch #header #nav .level_1 .logo a:focus,
.no-touch #header #nav .level_1 .logo a:hover { background-position: center -105px; }

.no-touch #header .meta_header .weather:hover .flyout { display: block; }

.no-touch #header .level_2 .expand:hover > a {
    color: #900;
    background-color: #fff;
    background-position: right -19px;
}

.no-touch #header .meta_header .expand:hover .about_link {
    border: 1px solid #dcdcdc;
    border-bottom: 0 none;
}

.no-touch #header .expand:hover > a {
    position: relative;
    -webkit-box-shadow: 0px -1px 13px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px -1px 13px 0 rgba(0, 0, 0, 0.4);
    font-weight: 700;
    text-decoration: none;
    color: #900;
}

.no-touch #header .expand .link_list a:focus,
.no-touch #header .expand .link_list a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #900;
}

.no-touch #header .expand:focus .link_list,
.no-touch #header .expand:hover .link_list {
    display: block;
    border: 15px solid transparent;
    border-top: 0 none;
    border-bottom: 0 none;
    padding-bottom: 13px;
}

.no-touch #header .meta_header .meta_info_static .expand:hover > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    font-weight: 400;
    text-decoration: underline;
}

.no-touch #header .meta_header .weather .flyout:before {
    position: absolute;
    top: -45px;
    left: 100px;
    z-index: 11;
    width: 140px;
    height: 50px;
    content: "";
}

/**
 * Meta Wetter
 *
 * @subsection weather
 */

.toggled ~ .meta_info .weather { display: none; }

#header .meta_header .weather {
    float: left;
    margin-top: 3px;
}

#header .meta_header .weather .weather_flyout_link {
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
}

#header .meta_header .weather > a {
    position: relative;
    display: block;
    width: 53px;
    padding-right: 10px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
    text-align: right;
}

#header .meta_header .weather > a > img {
    position: absolute;
    bottom: -7px;
    left: -5px;
}

#header .meta_header .weather .flyout {
    position: absolute;
    top: 30px;
    z-index: 101;
    display: none;
    -webkit-box-shadow: 1px 1px 7px #c0c0c0;
    -moz-box-shadow: 1px 1px 7px #c0c0c0;
    box-shadow: 1px 1px 7px #c0c0c0;
    border: 4px solid #d8d8d8;
    background-color: #f5f5f5;
}

#header .meta_header .weather.toggled .flyout { display: block; }

#header .meta_header .weather .flyout:after {
    position: absolute;
    top: -13px;
    display: block;
    width: 0;
    height: 0;
    margin-left: -11px;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #d8d8d8;
    border-left: 12px solid transparent;
    content: "";
}

#header .meta_header .weather .flyout h2 {
    position: relative;
    z-index: 13;
    text-align: center;
    text-transform: uppercase;
}

#header .meta_header .weather .flyout table {
    position: relative;
    z-index: 13;
    width: 100%;
    border-collapse: inherit;
    font-weight: 700;
    text-transform: uppercase;
}

#header .meta_header .weather .flyout table td {
    overflow: hidden;
    background-color: #fff;
}

#header .meta_header .weather .flyout table td a {
    overflow: hidden;
    display: block;
    height: 100%;
    color: #333;
}

#header .meta_header .weather .flyout .mehrlink {
    position: relative;
    z-index: 13;
    padding: 0.7143em;
    color: #900;
}

#header .meta_header .weather .flyout table td a:focus { border: 1px solid #900; }
#header .meta_header .weather .flyout table span { display: block; }
#header .meta_header .weather .flyout table img { margin: 0; }

#header .meta_header .expand {
    float: left;
    width: 63px;
}

#header .meta_header .about_link {
    display: block;
    height: 28px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.6667em; /* 20px */
    text-align: center;
}

#header .meta_header .expand.toggled .about_link {
    border: 1px solid #dcdcdc;
    border-bottom: 0 none;
}


/**
 * Header Allgemein
 *
 * @subsection header
 */

#header {
    position: relative;
    z-index: 100;
    width: 100%;
}

.sticky #header { position: fixed; }

#header .wrapper_mainnav { background-color: #fff; }

.ico_menue,
.ico_menu {
    position: absolute;
    top: -6px;
    right: 8px;
    width: 36px;
    height: 36px;
    border: 0 none;
    line-height: 36px;
    text-align: center;
    background: none;
}

.ico_menu:before { line-height: 17px; }


/**
 * Header reduziert, eingeklappte Suche
 *
 * @subsection reduced
 */

#header.reduced .meta_search {
    float: right;
    display: inline;
    margin-left: 16%;
}

#header.reduced .form { display: none; }
#header.reduced .btn_search { display: inline; }

/* Trigger ausblenden und Suchfeld einblenden */
#header.reduced .meta_search.toggled { margin-left: 0; }
#header.reduced .meta_search.toggled .form { display: block; }
#header.reduced .meta_search.toggled .btn_search { display: none; }


/**
 * Header ohne Suche
 *
 * @subsection no_search
 */

#header.no_search .meta_header { top: 20px; }
#header.small.no_search .meta_header { top: 13px; }
#header.no_search .meta_search { display: none; }
#header.no_search .meta_info { display: none; }

#header.no_search .meta_info_static {
    float: none;
    display: block;
    width: 150px;
    margin: 0 auto;
}

/**
 * Header - Navigation
 *
 * @subsection nav
 */

#header #nav {
    width: 100%;
    height: 60px;
    max-width: 975px;
    margin: 0 auto;
    -webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
	transition: height 0.5s ease;
}

#header #nav .level_1 .logo { display: block; width: 109px; }

#header #nav .level_1 .logo a {
    display: block;
    height: 60px;
    text-align: center;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_logo.png) no-repeat scroll center 15px;
}

#header .level_1 .logo_print { display: none; }
#header #nav .level_1 .active { border-right-color: #fff; }


/**
 * Header - Arrows Nav
 *
 * @subsection nav
 */

#header .btn_scroll_sub_nav {
    position: absolute;
    bottom: 0;
    z-index: 11;
    width: 26px;
    text-indent: -9999px;
    cursor: pointer;
}

#header.scrollable .btn_scroll_sub_nav {
    -webkit-box-shadow: 8px 0 8px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 8px 0 8px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    text-indent: 0;
    background: #FFF none;
}

#header .btn_scroll_sub_nav.left { left: 0; }
#header .btn_scroll_sub_nav.right { right: 0; background-position: right 0; }

#header.scrollable .btn_scroll_sub_nav.right {
    -webkit-box-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.5);
    box-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.5);
}

.touch #header .btn_scroll_sub_nav {
    width: 40px;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    background-image: url(../grafik/spr_topnav_shadow.png);
}

#header.scrollable #subnav .level_2 { max-width: none; }


/**
 * Header - Subnavigation
 *
 * @subsection subnav
 */

#header #subnav {
    position: relative;
    background-color: #900;
}

#header #subnav .level_2 {
    position: relative;
    width: 975px;
    margin: 0 auto;
    padding-bottom: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.touch #header #subnav .level_2 {
    padding-right: 20px;
}

#header #subnav .level_2:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

#header #subnav .level_2 > li {
    position: relative;
    float: left;
    display: inline;
    min-width: 5%;
    margin-left: 40px;
    white-space: nowrap;
}

#header #subnav .level_2 > li:first-child {
    margin-left: 15px;
}

#header #subnav .level_2 > li > a {
    display: block;
    font-size: 0.9286em; /* 13px */
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

#header #subnav .level_2 > .active:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 23px;
    height: 9px;
    margin-left: -11px;
    background: transparent url(../grafik/bg_subnav_after.png) no-repeat scroll 0 0;
    content: "";
}

#header #subnav .level_2 .expand > a {
    padding: 0 20px 0 10px;
    background-image: url(../grafik/spr_subnav_arrow.png);
    background-repeat: no-repeat;
}

#header #subnav .level_2 .expand.toggled > a {
    color: #900;
    background-color: #fff;
}

/**
 * Meta Header
 *
 * @subsection meta_header
 */

#header .meta_header {
    position: absolute;
    top: 22px;
    right: 0;
    -webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
    -ms-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
	transition: top 0.5s ease;
}

#header .meta_header .meta_info {
    float: right;
    display: inline;
}

#header .form .btn:focus,
#header .meta_header .weather:focus { outline: 1px solid #900; }


/**
 * Meta Suche
 *
 * @subsection meta_search
 */

#header .form {
    float: right;
}

#header .form .text {
    padding-right: 24px;
    margin: 0;
}

#header .form .btn {
    position: absolute;
    bottom: 0;
    border: 0 none;
    border: 1px solid #a2a2a2;
    text-indent: -9999px;
    background: transparent url(../grafik/ico_search.png) no-repeat scroll center center;
    cursor: pointer;
}

#header .form .btn.ico_close {
    display: none;
    margin-left: -24px;
    border: 0 none;
    text-indent: 0;
    color: #900;
    background: none;
}

#header .btn_search {
    float: right;
    border: 1px solid #a2a2a2;
    text-indent: -9999px;
    background: transparent url(../grafik/ico_search.png) no-repeat scroll center center;
}


/**
 * Header - Link Liste Flyout
 *
 * @subsection link_list
 */

#header .expand {
    position: relative;
}

#header .expand.toggled > a {
    position: relative;
    -webkit-box-shadow: 0px -1px 13px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px -1px 13px 0 rgba(0, 0, 0, 0.4);
    font-weight: 700;
    text-decoration: none;
    color: #900;
}

#header .expand > a.active {
    position: relative;
    font-weight: 700;
    text-decoration: none;
}

#header .expand .link_list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 14;
    display: none;
    width: 220px;
    max-height: 310px;
    border: 1px solid #dcdcdc;
    border-top: 0 none;
    background: transparent url(../grafik/bg_topnav_shadow.png) no-repeat scroll center bottom;
}

.touch #header .expand .link_list { display: none; }

#header .expand .link_list li {
    padding: 0 10px;
    background-color: #fff;
}

#header .link_list a {
    overflow: hidden;
    display: block;
    border-top: 1px solid #c0c0c0;
    padding: 5px 4px;
    font-size: 0.9286em; /* 13px */
    line-height: 1.5385em; /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #900;
}

#header .link_list li:first-child a { border-top: 0 none; }


/* anzeigen bei toggle */
#header .expand.toggled .link_list {
    display: block;
    border: 15px solid transparent;
    border-top: 0 none;
}


/**
 * Meta statische Infos
 *
 * @subsection meta_info_static
 */

#header .meta_header .meta_info_static { display: none; }
#header .meta_header .meta_info_static .weather > a > img { bottom: 0; left: 0; }
#header .meta_header .meta_info_static .weather > a { width: 70px; }


/**
 * Breadcrumb
 *
 * @subsection breadcrumb
 */

.breadcrumb {
    overflow: hidden;
    clear: left;
    min-height: 25px;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

.breadcrumb ol {
    overflow: hidden;
    max-width: 975px;
    margin: 0 auto 4px;
    padding: 0 15px;
}

.breadcrumb li {
    float: left;
    display: inline;
    margin-left: 5px;
    padding-left: 10px;
    background: transparent url(../grafik/bg_breadcrumb_separator.png) no-repeat scroll 0 center;
}

.breadcrumb li:first-child {
    margin: 0;
    padding: 0;
    background: none;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layout_mediaqueries
 *
 * @section layout_mediaqueries
 */

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Media Queries für Layout
 *
 * @section layout mediaqueries
 */

@media screen and (min-width: 1015px) {

    #col1 { width: 72.6153%; /* 708x auf 975px */ }
}

@media screen and (min-width: 971px) and (max-width: 1014px) {

    #col1 { width: 71%; }
}

@media screen and (min-width: 941px) and (max-width: 970px) {

    #col1 { width: 70%; }
}

@media screen and (min-width: 911px) and (max-width: 940px) {

    #col1 { width: 69%; }
}

@media screen and (min-width: 881px) and (max-width: 910px) {

    #col1 { width: 68%; }
}

@media screen and (min-width: 851px) and (max-width: 880px) {

    #col1 { width: 67%; }
}

@media screen and (min-width: 821px) and (max-width: 850px) {

    #col1 { width: 66%; }
}

@media screen and (min-width: 801px) and (max-width: 820px) {

    #col1 { width: 65%; }
}

@media screen and (min-width: 801px) {

    #col1 {
        float: left;
        display: inline;
    }

    /* 3/4 - 1/4 Layout */
    #col2 {
        /* kein overflow: hidden, da sonst Flyouts abgeschnitten werden */
        float: right;
        display: inline;
        width: 232px;
    }
}

@media screen and (max-width: 800px) {

    #col2 { display: none; }
}

@media screen and (min-width: 680px) {

    .layouthalf_2_4 {
        float: left;
        display: inline;
        width: 48.2%;
        max-width: 470px;
        margin: 5px 3.6% 40px 0;
    }

    .layoutfull_2_4 > .teaserbox {
        float: left;
        display: inline;
        width: 48.2%;
        margin-right: 3.6%;
    }

    /* dritte und fünfte Spalte in direkter Folge */
    .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4,
    .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 {
        clear: left;
        margin-right: 3.6%;
    }

    /* vierte und sechste in direkter Folge */
    .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4,
    .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 {
        clear: none;
        margin-right: 0;
    }
}

@media screen and (min-width: 601px) {

    /* justify vom rbb */
    .teaserbox.layoutjustify_2_4 .manualteaser {
        float: left;
        display: inline;
        width: 48.2%;
        margin-right: 3.6%;
    }

    .teaserbox.layoutjustify_2_4 .manualteaser.odd { clear: left; }
    .teaserbox.layoutjustify_2_4 .manualteaser.even { margin-right: 0; }

    /* Keinen Strich für zweiten Teaser, wenn gefloatet */
    .teaserbox.layoutjustify_2_4 .manualteaser.count2 {
        margin-top: 0;
        border-top: 0;
        padding-top: 11px;
    }

    /* Format für Topteaser 2/4 */
    .teaserbox.layoutjustify_2_4 .layouttopteaser > .manualteaserpicture,
    .teaserbox.layoutjustify_2_4 .layouttopteaser.last > .manualteaserpicture {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 3.6%;
    }

    .teaserbox.layoutjustify_2_4 .layouttopteaser .teasercontent { width: 100%; }

    .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .tab_content,
    .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .accordion_body { padding: 0 11px; }

    .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser,
    .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser {
        clear: left;
        margin: 0 3.6% 20px 0;
    }

    .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser.even,
    .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.even {
        clear: none;
        margin-right: 0;
    }

    .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser.count2,
    .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.count2 { padding-top: 20px; }
    .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.layouttopteaser .manualteaserpicture img { height: auto; }

    /* clearfix für Box */
    .teaserbox.layoutjustify_2_4:before,
    .teaserbox.layoutjustify_2_4:after,
    .teaserbox.layoutjustify_2_4 .tab_content:before,
    .teaserbox.layoutjustify_2_4 .tab_content:after {
        display: table;
        content: " ";
    }

    .teaserbox.layoutjustify_2_4:after,
    .teaserbox.layoutjustify_2_4 .tab_content:after { clear:both; }
}

@media screen and (max-width: 568px) {

    #main {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media screen and (max-width: 330px) {

    .teaserbox .rsslink {
        right: 10px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 #col1 {
    float: left;
    display: inline;
    width: 708px;
}

/* 3/4 - 1/4 Layout */
.ie8 #col2 {
    float: right;
    display: inline;
    width: 232px;
}

.ie8 .layouthalf_2_4 {
    float: left;
    display: inline;
    width: 48.2%;
    max-width: 470px;
    margin: 5px 3.6% 40px 0;
}

.ie8 .layoutfull_2_4 > .teaserbox {
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.ie8 .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4,
.ie8 .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 {
    clear: left;
    margin-right: 3.6%;
}

.ie8 .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4,
.ie8 .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 + .layouthalf_2_4 {
    clear: none;
    margin-right: 0;
}

/* justify vom rbb */
.ie8 .teaserbox.layoutjustify_2_4 .manualteaser {
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.ie8 .teaserbox.layoutjustify_2_4 .manualteaser.odd { clear:left; }
.ie8 .teaserbox.layoutjustify_2_4 .manualteaser.even { margin-right: 0; }

.ie8 .teaserbox.layoutjustify_2_4 .manualteaser {
    margin-top:28px;
    border-top:#900 2px solid;
    padding-top:30px;
}

.ie8 .teaserbox.layoutjustify_2_4 .manualteaser.first,
.ie8 .teaserbox.layoutjustify_2_4 .manualteaser.count2 {
    margin-top: 0;
    border-top: 0;
    padding-top: 11px;
}

.ie8 .teaserbox.layoutjustify_2_4 .layouttopteaser > .manualteaserpicture,
.ie8 .teaserbox.layoutjustify_2_4 .layouttopteaser.last > .manualteaserpicture, {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom:3.6%;
}

.ie8 .teaserbox.layoutjustify_2_4 .layouttopteaser .teasercontent { width: 100%; }

.ie8 .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .tab_content,
.ie8 .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .accordion_body {
    padding: 0 11px;
}

.ie8 .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser,
.ie8 .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser {
    clear: left;
    margin: 0 3.6% 20px 0;
}

.ie8 .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser.even,
.ie8 .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.even {
    clear: none;
    margin-right: 0;
}

.ie8 .teaserbox.layouttabbedteasermodule.layoutjustify_2_4 .manualteaser.count2,
.ie8 .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.count2 {
    padding-top: 20px;
}

.ie8 .teaserbox.layoutexpandableteaser.layoutjustify_2_4 .manualteaser.layouttopteaser .manualteaserpicture img { height: auto; }

/* clearfix für Box */
.ie8 .teaserbox.layoutjustify_2_4 {
    *zoom: 1;
}


/*
 * 2/4 layout
 */

.layouthalf_2_4 + .layouthalf_2_4 {
    margin-right: 0;
}

/* clearfix */
.layouthalf_2_4 + .layouthalf_2_4:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layouthalf_2_4 + .layoutjustify_2_4,
.layouthalf_2_4 + .layoutfull_2_4,
.layouthalf_2_4 + .teaserbox { clear: left; }

/* full */
.layoutfull_2_4 { overflow: hidden; margin-bottom: 5px; }
.layoutfull_2_4 > .teaserbox:first-child { margin-bottom: 36px; }

.layoutfull_2_4 > .teaserbox.layoutstandard { clear: none; }
.layoutfull_2_4 > .teaserbox.even { margin-right: 0; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutarchiv
 *
 * @section layoutarchiv
 */

@media screen and (min-width: 769px) {
    #main > .layoutarchive .tab_content .manualteaser {
        float: left;
        display: inline;
        width: 50%;
        margin: 0 0 20px;
        border: 0 none;
    }

    #main > .layoutarchive .tab_content .manualteaser.odd { padding-right: 14px; }
    #main > .layoutarchive .tab_content .manualteaser.even { padding-left: 14px; }
}

@media screen and (max-width: 568px) {

    .layoutarchive .tab_content .teaser_row .manualteaser {
        clear: both;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 480px) {

    .layoutarchive > .form { width: 30%; }

    .layoutarchive > .wrapper_filter .type-select .text {
        width: 176px;
    }

    .layoutarchive .boxheadline { padding-right: 31%; }
}

@media screen and (max-width: 479px) {

    .layoutarchive > .form { width: 60%; }

    .layoutarchive .boxheadline { padding-right: 30px; }

    /* .hide überschreiben */
    .layoutarchive > .form label { display: block !important; }
    .layoutarchive > .form .text:focus ~ label { display: none !important; }

    .layoutarchive > .form .text {
        float: right;
        display: inline;
        width: 5px;
    }
}

@media screen and (min-width: 430px) {

    .layoutarchive > .wrapper_filter .filter_list,
    .layouttabbedteasermodule > .wrapper_filter .filter_list {
        float: right;
        display: inline;
    }
}

@media screen and (max-width: 429px) {

    .layoutarchive > .wrapper_filter .type-select select,
    .layouttabbedteasermodule > .wrapper_filter .type-select select,
    .layoutarchive > .wrapper_filter form,
    .layouttabbedteasermodule > .wrapper_filter form,
    .layoutarchive > .wrapper_filter > .filter > a,
    .layouttabbedteasermodule > .wrapper_filter > .filter > a { width: 100%; }

    .layoutarchive > .wrapper_filter .filter_list {
        width: 100%;
        text-align: center;
        margin: 35px auto 0;
    }

    .layoutarchive > .wrapper_filter .filter .filter_list li {
        display: inline;
        clear: none;
        border-left: 1px solid #c0c0c0;
    }

    .layoutarchive > .wrapper_filter .filter_list .calendar_filter.toggled .flyout {
        margin-left: -9px;
    }

    .layoutarchive > .wrapper_filter .filter_list .calendar_filter.toggled .flyout:before {
        left: 12px;
    }

    .layoutarchive > .wrapper_filter .filter .calendar_filter {
        padding-right: 5px;
    }

    .layoutarchive > .wrapper_filter > .filter > a,
    .layouttabbedteasermodule > .wrapper_filter > .filter > a { text-align: center; }

    .layoutarchive #item_ammount_input,
    .layouttabbedteasermodule #item_ammount_input { display: none; }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 #main > .layoutarchive .tab_content .manualteaser {
    float: left;
    display: inline;
    width: 50%;
    margin: 0 0 20px;
    border: 0 none;
}

.ie8 #main > .layoutarchive .tab_content .manualteaser.odd { padding-right: 14px; }
.ie8 #main > .layoutarchive .tab_content .manualteaser.even { padding-left: 14px; }


/*
 * Allgemeines zum Archiv 4/4
 */

.layoutarchive .manualteaser.layoutarticlemodule:first-child .manualteaserpicture {
	float: none;
	display: block;
	margin-right: 0;
	max-width: 100%;
}

#main > .layoutarchive .tab_content .manualteaser {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main > .layoutarchive .tab_content .teaser_row {
    display: block; /* safari clearix fix */
    margin: 0 11px;
    border-top: 1px solid #c0c0c0;
}

#main > .layoutarchive .tab_content .teaser_row:first-child { border: 0 none; }

/* clearfix */
#main > .layoutarchive .tab_content .teaser_row:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}


.layoutarchive > .wrapper_filter .filter_list .calendar_filter .flyout {
    position: absolute;
    top: 30px;
    left: -9999px;
    z-index: 31;
    width: 233px;
    margin-left: -118px;
    -webkit-box-shadow:  0 0 8px 0 rgba(0, 0, 0, 0.53);
    -moz-box-shadow:  0 0 8px 0 rgba(0, 0, 0, 0.53);
    box-shadow:  0 0 8px 0 rgba(0, 0, 0, 0.53);
    background-color: #fff;
}

.layoutarchive > .wrapper_filter .filter_list .calendar_filter.toggled .flyout { left: 50%; }

.layoutarchive > .wrapper_filter .filter_list .calendar_filter .flyout:before {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-width: 0 8px 7px 8px;
    border-style: solid;
    border-color: transparent transparent #d8d8d8;
    content: "";
}

.layoutarchive > .form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 23px;
    border: 1px solid #a7a7a7;
    padding: 0 3px;
    text-align: center;
    background-color: #f9f9f9;
    cursor: pointer;
}

.layoutarchive > .form button[type=reset] {
    top: 1px;
    right: 24px;
    display: none;
    border: 0 none;
    background: none;
}

.layoutarchive > .form label {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
}

.layoutarchive > .form .text:focus { width: 100%; }


/* vom rbb */
.layoutarchive.layoutsearchresult .tab_navigation_viewport,
.layoutarchive.layoutsearchresult .tab_content,
.layoutarchive.layoutsearchresult .wrapper_filter,
.layoutarchive.layoutsearchresult .wrapper_filter .filter { border: 0 none; }

.layoutarchive.layoutsearchresult .searchhits { margin: 10px 0; }
.layoutarchive.layoutsearchresult .searchList li { padding-left: 0; }

.layoutarchive.layoutsearchresult .tab_content .teaserbox.first > .manualteaser.first {
    clear: both;
    border-top: 1px solid #C0C0C0;
    padding-top: 20px;
}

.layoutarchive.layoutsearchresult .filter_list li:first-child:last-child,
.layoutarchive.layoutsearchresult .filter_list li:only-child {
    float: right;
    display: inline;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutarticlemodule
 *
 * @section layoutarticlemodule
 */

@media screen and (max-width: 600px) {
    .layoutarticlemodule .table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


@media screen and (min-width: 480px) {

    .layoutarticlemodule .left,
    .layoutarticlemodule .right,
    .layoutarticlemodule .layoutleft,
    .layoutarticlemodule .layoutright {
        float: left;
        display: inline;
        width: 232px;
        margin: 4px 15px 20px 0;
    }

    .layoutarticlemodule .right,
    .layoutarticlemodule .layoutright {
        float: right;
        margin: 4px 0 5px 15px;
    }

    .left .manualteaser.layoutstandard .manualteaserpicture,
    .right .manualteaser.layoutstandard .manualteaserpicture { max-width: none; }
}

@media screen and (max-width: 479px) {

    .layoutarticlemodule > .portrait_pic,
    .layoutarticlemodule > .portrait_pic,
    .left .manualteaser.layoutstandard .manualteaserpicture.portrait_pic,
    .right .manualteaser.layoutstandard .manualteaserpicture.portrait_pic {
        float: left;
        display: inline;
        max-width: 185px;
        margin: 4px 15px 20px 0;
    }

    .layoutarticlemodule .portrait_pic.right,
    .layoutarticlemodule .portrait_pic.layoutright,
    .layoutarticlemodule .right .portrait_pic,
    .layoutarticlemodule .layoutright .portrait_pic {
        float: right;
        margin: 4px 0 5px 15px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutarticlemodule .left,
.ie8 .layoutarticlemodule .right,
.ie8 .layoutarticlemodule .layoutleft,
.ie8 .layoutarticlemodule .layoutright {
    float: left;
    display: inline;
    width: 232px;
    margin: 4px 15px 20px 0;
}

.ie8 .layoutarticlemodule .right,
.ie8 .layoutarticlemodule .layoutright {
    float: right;
    margin: 4px 0 5px 15px;
}

.ie8 .left .manualteaser.layoutstandard .manualteaserpicture,
.ie8 .right .manualteaser.layoutstandard .manualteaserpicture { max-width: none; }


/**
 * 7.3 Beitragsmodul
 *
 * @subsection layoutarticlemodule
 */

.layoutarticlemodule ~ .layoutcommentlist,
.layoutarticlemodule ~ .layoutrelated_content { border-top-width: 2px; }

.layoutarticlemodule .left,
.layoutarticlemodule .right,
.layoutarticlemodule .layoutleft,
.layoutarticlemodule .layoutright {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    margin-bottom: 20px;
}

.layoutarticlemodule .left,
.layoutarticlemodule .layoutleft { clear: left; }

.layoutarticlemodule .right,
.layoutarticlemodule .layoutright { clear: right; }

.layoutarticlemodule > .teaserbox {
    border-top: 0 none;
    padding-top: 0;
}

.layoutarticlemodule > h3 .titletext {
    margin-bottom: 5px;
    font-size: 1.7143em; /* 24px */
    line-height: 1.1667em; /* 28px */
}

.layoutarticlemodule .roofline,
.layoutarticlemodule .onAirInfo {
    display: block;
    margin-bottom: 1px;
    font-family: inherit;
    font-size: 0.9286em; /* 13px */
    font-style: normal;
    line-height: 1.3846em; /* 18px */
    text-decoration: none;
    color: #333;
}

.layoutarticlemodule .rating { margin: 8px 0 12px; }

.layoutarticlemodule > .textblock,
.layoutarticlemodule > .texttitle,
.layoutarticlemodule > .shorttext,
.layoutprocontra .textblock,
.layoutprocontra .texttitle {
    margin-bottom: 30px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.layoutarticlemodule > .textblock > p,
.layoutarticlemodule > .textblock > ul,
.layoutarticlemodule > .textblock > ol { margin-bottom: 30px; }

.layoutarticlemodule .texttitle {
    margin-bottom: 10px;
    font-weight: 700;
}

.layoutarticlemodule > .shorttext,
.layoutarticlemodule > .shortText {
    margin-bottom: 10px;
    font-weight: 700;
}

/* listen */
.layoutarticlemodule > .textblock > ul,
.layoutarticlemodule > .textblock > ol { list-style-position: inside; }
.layoutarticlemodule > .textblock > ul { list-style-type: disc; }
.layoutarticlemodule > .textblock > ol { list-style-type: decimal; }


/* tabelle */
.layoutarticlemodule .table {
    position: relative;
    clear: both;
    margin-bottom: 36px;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.layoutarticlemodule .tabletitle {
    margin-bottom: 10px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
}

.layoutarticlemodule .table table {
    width: 100%;
    margin-bottom: 10px;
    border: 2px solid #ECECEC;
}

.layoutarticlemodule .table th {
    max-width: 40%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 2px 5px 3px 11px;
    text-align: left;
    background-color: #ECECEC;
}

.layoutarticlemodule .table td {
    border-left: 1px solid #ECECEC;
    padding: 3px 8px 4px 11px;
}

.layoutarticlemodule .table td:first-child,
.layoutarticlemodule .table th:first-child { border-left: 0 none; }

.layoutarticlemodule .table tbody tr td { border-top: 2px solid #ECECEC;}


/* bilder */
.layoutarticlemodule .layoutgalleryslider + .picture { margin-top: 36px; }

.layoutarticlemodule > .manualteaserpicture,
.layoutarticlemodule > .picture  {
    position: relative;
    margin-bottom: 14px;
}

.layoutarticlemodule .manualteaserpicture a,
.layoutarticlemodule .picture a {
    position: relative;
    display: block;
}

.layoutarticlemodule .manualteaserpicture.player .play_icon_layer { position: absolute; }

.layoutarticlemodule .manualteaserpicture .ico_plus:before,
.layoutarticlemodule .picture .ico_plus:before {
    font-size: 11px;
    line-height: 11px;
}

.layoutarticlemodule .manualteaserpicture .ico,
.layoutarticlemodule .picture .ico {
    position: absolute;
    right: 2px;
    bottom: 2px;
    padding: 3px;
    line-height: 11px;
    text-decoration: none;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
}

.layoutarticlemodule .manualteaserpicture figcaption,
.layoutarticlemodule .picture figcaption {
    margin-top: 6px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.333em; /* 16px */
    text-align: right;
    color: #666;
}

.layoutarticlemodule .manualteaserpicture img,
.layoutarticlemodule .picture img { display: block; width: 100%; height: auto; }


/* slider */
.layoutarticlemodule > .layoutgalleryslider { margin-top: 0; }

/* zitat */
.layoutarticlemodule .layoutzitat {
    border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    padding: 10px 0;
}

.layoutarticlemodule .layoutzitat figcaption { text-align: right; }


/* artikel footer */
.layoutarticlemodule .articlemodulefooter {
    position: relative;
    display: block; /* safari fix für clearfix */
    clear: both;
    min-height: 58px;
    margin-bottom: 44px;
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 2px;
}

.layoutarticlemodule .articlemodulefooter:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutarticlemodule .articlemodulefooter .left {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 5px;
    margin-right: 44px;
}

.layoutarticlemodule .articlemodulefooter .ico_arrow_wide_up {
    position: absolute;
    top: 17px;
    right: 0;
    width: 32px;
    height: 20px;
    border: 1px solid transparent;
    text-align: center;
    text-decoration: none;
    background-color: #d8d8d8;
}

.layoutarticlemodule .articlemodulefooter .ico_arrow_wide_up:focus { border: 1px solid #900; }

.layoutarticlemodule .articlemodulefooter .textblock,
.layoutarticlemodule .articlemodulefooter .manualteaserdatetime,
.layoutarticlemodule .articlemodulefooter .archivedisclaimer {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #595959;
}

.layoutarticlemodule .articlemodulefooter .manualteaserdatetime { margin-top: 20px; }
.layoutarticlemodule .articlemodulefooter .textblock ~ .manualteaserdatetime { margin-top: 0; }

.layoutarticlemodule .articlemodulefooter .manualteaserdatetime,
.layoutarticlemodule .articlemodulefooter .archivedisclaimer {
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.layoutarticlemodule .articlemodulefooter .pager {
    position: absolute;
    right: 0;
    bottom: -35px;
}

/* Tabbed Teaser */
.layoutarticlemodule .layouttabbedteasermodule { margin-bottom: 40px; }
.layoutarticlemodule .layouttabbedteasermodule > .form { top: 8px; }
.layoutarticlemodule .teaserbox.layouttabbedteasermodule .wrapper_button_left .ico,
.layoutarticlemodule .teaserbox.layouttabbedteasermodule .wrapper_button_right .ico { top: 39px; }
.layoutarticlemodule .tab_navigation_extend { top: 72px; }
.layoutarticlemodule .teaserbox.layouttabbedteasermodule { border: 0 none; padding-top: 0; }

/* Bild A/V Teaser */
.left .manualteaser.layoutstandard .manualteaserpicture,
.right .manualteaser.layoutstandard .manualteaserpicture {
    float: none;
    display: block;
    margin-right: 0;
}

/* Expandable Teaser */
.layoutarticlemodule .layoutexpandableteaser { margin-bottom: 40px; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutcalendar
 *
 * @section layoutcalendar
 */

@media screen and (max-width: 350px) {

    .layoutcalendar .calendar { border-spacing: 1em 0.1em; }
}


/**
 * 7.2.4 Kalender 2/4 1/4
 *
 * @subsection layoutcalendar
 */

.layoutcalendar {
    margin-top: 11px;
    border: 4px solid #d8d8d8;
}

.teaserbox.layoutstandard .layoutcalendar ~ .mehrlink { border-top: 0 none; }

.calendar {
    margin: 0 auto 0.5em;
    border-spacing: 1.25em 0.1em;
    border-collapse: inherit;
    font-weight: 700;
    text-align: center;
}

.calendar a:hover {
    text-decoration: none;
}

.calnavweek,
.calnavmonth {
    position: relative;
    font-size: 1em; /* 14px */
    font-weight: 700;
    line-height: 3.4286em; /* 48px */
    text-align: center;
    background-color: #f5f5f5;
}

.calnavmonth .previous a,
.calnavmonth .next a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_arrow_calender.png) no-repeat scroll 0 0;
}

.calnavmonth .next a {
    right: 0;
    left: auto;
    background-position: right -55px;
}

.calnavmonth .previous a:focus,
.calnavmonth .previous a:hover { background-position: 0 -110px; }
.calnavmonth .next a:focus,
.calnavmonth .next a:hover { background-position: right -165px; }

.calnavmonth a,
.calnavmonth .current,
.calnavweek,
.calendar th {
    text-transform: uppercase;
    color: #333;
}

.calendar th {
    width: 1.7857em; /* 25px */
    padding: 0.5em 0;
    line-height: 1.7857em; /* 25px */
}

.calendar td > span {
    display: block;
    color: #595959;
}

.calendar td > a {
    display: block;
    width: 1.7857em; /* 25px */
    line-height: 1.7857em; /* 25px */
    color: #fff;
    background-color: #990000;
}

.calendar .today {
    width: 1.7857em; /* 25px */
    height: auto;
    line-height: 1.48em; /* 25px */
    background-color: #595959;
}

.calendar .today span {
    display: block;
    margin: 2px;
    background-color: #fff;
}

.calendar .today,
.calendar .today a {
    overflow: hidden;
    border: 0 none;
    color: #595959;
}

.calendar .today a:focus,
.calendar .today a:active { color: #990000; }

.calendar .today a span { line-height: 21px; }

.calendar .past {
    width: 1.7857em; /* 25px */
    line-height: 1.7857em; /* 25px */
    background-color: #fff;
}

.calendar .past span { color: #acacac; }

.calendar .past a {
    color: #acacac;
    background: url(../grafik/bg_calendar_past.png) no-repeat bottom left #fff;
}
.calendar .past a:hover,
.calendar .past a:hover span {
    color: #595959;
}
.calendar .past a:hover{ background-image: url(../grafik/bg_calendar_past_active.png); }

.calnavweek li {
    border-top: 1px solid #d8d8d8;
    line-height: 2.714em; /* 38px */
}

.calnavweek li a {
    display: block;
}

.calnavweek li.current a {
    color: #333;
}

/* 1/4 Variante */
#col2 .calendar { border-spacing: 0.5em 0.1em; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutcommentlist
 *
 * @section layoutcommentlist
 */

@media screen and (min-width: 416px) {
    .js .layoutcommentlist .comment_list article {
        height: 75px;
    }

    .js .layoutcommentlist .comment_list article > .shorttext {
        min-height: 45px;
    }
}

@media screen and (max-width: 415px) {
    .layoutcommentlist .comment_list time {
        display: none;
    }

    .layoutcommentlist .comment_list .toggled time {
        display: block;
    }

    .js .layoutcommentlist .comment_list article {
        height: 17px;
    }

    .js .layoutcommentlist .comment_list article > p {
        line-height: 17px;
        width: 90%;
    }

    .js .layoutcommentlist .comment_list article > .shorttext {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/*
 * Kommentarliste
 */

.layoutcommentlist { border-width: 2px; }
.teaserbox.layoutcommentlist { margin-top: 20px; }
.layoutcommentlist > .boxheadline { margin-bottom: 0; }

.layoutcommentlist .actionbar {
    display: block; /* safari fix für clearfix */
    margin-bottom: 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

/* clearfix */
.layoutcommentlist .actionbar:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutcommentlist .actionbar .pager,
.layoutcommentlist .actionbar .ico_comment {
    float: left;
    display: inline;
}

.layoutcommentlist .actionbar > .reply {
    float: left;
    display: inline;
}

.layoutcommentlist .actionbar > .reply:focus span,
.layoutcommentlist .actionbar > .reply:hover span {
    text-decoration: underline;
}

.layoutcommentlist > .actionbar > a {
    float: right; /* kommentieren */
    display: inline;
}

.layoutcommentlist .actionbar .ico_comment:before {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size: 16px;
}

.layoutcommentlist .comment_list {
    margin-bottom: 11px;
    border: 4px solid #d8d8d8;
}

.layoutcommentlist .comment_list > li {
    border-top: 3px solid #d8d8d8;
    padding: 15px 11px;
}

.layoutcommentlist .comment_list li:first-child { border: 0 none; }

.layoutcommentlist .comment_list article { padding-left: 30px; }

.js .layoutcommentlist .comment .actionbar {
    display: none;
}

.js .layoutcommentlist .toggled .comment .actionbar { display: block; }

.layoutcommentlist .comment_list article header {
    position: relative;
    z-index: 12;
    cursor: pointer;
}

.layoutcommentlist .comment_list li > article { position: relative; }

.js .layoutcommentlist .comment_list article header:after {
	zoom: 1;
    position: absolute;
    top: -1px;
    right: 1px;
    font-family: "Icon-Font";
    font-size: 10px;
	letter-spacing: 0;
    color: #900;
    content: "\26";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../grafik/iefontfix.png,sizingMethod=crop);
	-webkit-font-smoothing: antialiased;
}

.js .layoutcommentlist .comment_list .toggled header:after { content: "\29"; }

.layoutcommentlist .comment_list article header:focus {
    outline: none;
    text-decoration: underline;
}

.layoutcommentlist .comment_list .comment_count {
    position: absolute;
    top: 1px;
    left: -30px;
    font-size: 0.9285em; /* 13px */
    line-height: 1.2307em; /* 16px */
    color: #333;
}

.layoutcommentlist .comment_list article p { margin-bottom: 15px; }

.js .layoutcommentlist .comment_list article {
    overflow: hidden;
}

.layoutcommentlist .comment_list .toggled article {
    overflow: auto;
    height: auto;
}

.layoutcommentlist .comment_list .toggled article > p {
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
    -o-text-overflow: inherit;
}

.layoutcommentlist .comment_list time {
    padding-bottom: 1px;
    padding-right: 10px;
}

.layoutcommentlist .comment_list time span {
    border-left: 1px solid #595959;
    padding: 0 3px;
}

.layoutcommentlist .comment_list time span:first-child {
    border: 0 none;
    padding-left: 0;
}

.layoutcommentlist .comment_list .replies { margin: 38px 0 0 22px; }

.layoutcommentlist .comment_list .replies li {
    margin-bottom: 20px;
    padding: 16px 16px 1px;
    background-color: #f3f3f3;
}

a[name=new_comment] {
    display: inline-block;
    height: 12px;
}

.layoutcommentlist .comment_list .toggled article.comment p.shorttext {
  display: none;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutcontactlist
 *
 * @section layoutcontactlist
 */

@media screen and (min-width: 1000px) {

    .layoutcontactlist .contact_compact_list li { width: 25%; }

}

@media screen and (min-width: 940px) and (max-width: 999px) {


    .layoutcontactlist .contact_compact_list li { width: 24%; }
}

@media screen and (min-width: 915px) and (max-width: 939px) {


    .layoutcontactlist .contact_compact_list li { width: 23%; }
}

@media screen and (min-width: 880px) and (max-width: 914px) {


    .layoutcontactlist .contact_compact_list li { width: 42%; }
}

@media screen and (min-width: 880px) {

    .layoutcontactlist .contact_details dl {
        float: left;
        display: inline;
    }

    .layoutcontactlist .contact_details dl {
        width: 50%;
    }
}

@media screen and (min-width: 801px) and (max-width: 879px) {

    .layoutcontactlist .contact_compact_list li { width: 41.82%; }
}

@media screen and (min-width: 740px) and (max-width: 800px) {

    .layoutcontactlist .contact_compact_list li { width: 25%; }
}

@media screen and (min-width: 650px) and (max-width: 739px) {

    .layoutcontactlist .contact_compact_list li { width: 23.5%; }
}

@media screen and (min-width: 600px) and (max-width: 649px) {

    .layoutcontactlist .contact_compact_list li { width: 42%; }
}

@media screen and (min-width: 600px) and (max-width: 768px) {

    .layoutcontactlist .contact_details dl {
        float: left;
        display: inline;
    }

    .layoutcontactlist .contact_details dl {
        width: 50%;
    }
}

@media screen and (min-width: 480px) and (max-width: 599px) {

    .layoutcontactlist .contact_compact_list li { width: 41.82%; }
}

@media screen and (min-width: 480px) {

    .layoutcontactlist .contact_details {
        display: block; /* safari fix für clearfix */
        margin: -3px 0 0 185px;
        padding-left: 15px;
    }

    .layoutcontactlist .contact_image {
        float: left;
        display: inline;
        width: 185px;
    }

    .layoutcontactlist .contact_compact_list li {
        float: left;
        display: inline;
    }

    .layoutcontactlist .contact_compact_list {
        margin-right: -9%;
    }

    .layoutcontactlist .contact_compact_list .contact_image  { width: 185px; }

    .layoutcontactlist .contact_compact_list li { padding-right: 8%; }
}

@media screen and (max-width: 479px) {

    .layoutcontactlist .contact_image .portrait_pic {
        float: left;
        display: inline;
        margin-right: 15px;
    }

    .layoutcontactlist .contact_compact_list .contact_image { width: auto; }
}

@media screen and (max-width: 385px) {
    .layoutcontactlist #contact_item_ammount_input {
        display: none;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8/ie9
 */
.ie8 .layoutcontactlist .contact_compact_list li { width: 25%; }

.ie8 .layoutcontactlist .contact_details dl {
    float: left;
    display: inline;
}

.ie8 .layoutcontactlist .contact_details dl {
    width: 50%;
}

.ie8 .layoutcontactlist .contact_details .full { width: auto; }

.ie8 .layoutcontactlist .contact_details {
    display: block; /* safari fix für clearfix */
    margin: -3px 0 0 185px;
    padding-left: 15px;
}

.ie8 .layoutcontactlist .contact_image {
    float: left;
    display: inline;
    width: 185px;
}

.ie8 .layoutcontactlist .contact_compact_list li {
    float: left;
    display: inline;
}

.ie8 .layoutcontactlist .contact_compact_list {
    margin-right: -9%;
}

.ie8 .layoutcontactlist .contact_compact_list .contact_image  { width: 185px; }

.ie8 .layoutcontactlist .contact_compact_list li { padding-right: 8%; }

/**
 * 7.4_7 Kontaktliste
 *
 *  @subsection layoutcontactlist
 */

.layouttabbedteasermodule .tab_content .manualteaser.layoutcontactlist { overflow: visible; }
.layouttabbedteasermodule .tab_content .manualteaser.layoutcontactlist:before,
.layouttabbedteasermodule .tab_content .manualteaser.layoutcontactlist:after { content: ""; display: table; }
.layouttabbedteasermodule .tab_content .manualteaser.layoutcontactlist:after { clear: both; }

.layoutcontactlist .contact_list > li {
    display: block; /* safari fix für clearfix */
    border-top: 1px solid #c0c0c0;
    padding: 10px 0 0;
}

.layoutcontactlist .contact_list li:first-child { border-top: 0 none; }

/* clearfix */
.layoutcontactlist .contact_list li:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutcontactlist .manualteaserroofline .text:before { padding: 0 3px; }
.layoutcontactlist .manualteaserroofline .text:before { content: "|"; }

.layoutcontactlist .manualteaserroofline .text:first-child { padding-left: 0; }
.layoutcontactlist .manualteaserroofline .text:first-child:before { display: none; }

.layoutcontactlist .manualteasertitle {
    margin-bottom: 16px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layoutcontactlist .contact_image {
    overflow: hidden;
    margin-bottom: 15px;
}

.layoutcontactlist .contact_image a {
    display: block;
}

.layoutcontactlist .contact_image img {
    max-width: 100%;
}

.layoutcontactlist .contact_image a:focus img {
    border: 2px solid #900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layoutcontactlist .contact_image .manualteaserpicture {
    width: 100%;
    margin-bottom: 3px;
}

.layoutcontactlist .contact_image .portrait_pic {
    width: auto;
    max-width: 110px;
}

.layoutcontactlist .contact_image .ico {
    padding-left: 25px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutcontactlist .contact_image .ico:before {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-right: 8px;
    padding-left: 1px;
    font-size: 17px;
}

/* clearfix */
.layoutcontactlist .contact_details:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutcontactlist .contact_image a:focus .ico {
    text-decoration: underline;
}

.layoutcontactlist .contact_details dl {
    /* min-height: 70px; */
    margin-bottom: 12px;
}

.layoutcontactlist .contact_details dl dt { font-weight: 700; }
.layoutcontactlist .contact_details .full { width: auto; }

.layoutcontactlist .contact_details dl dd { margin-top: -2px; }


/*
 * Kontakt Compact Liste
 */

.layoutcontactlist .contact_compact_list {
    display: block; /* safari fix für clearfix */
}

.layoutcontactlist .contact_compact_list:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutcontactlist .contact_compact_list .contact_image {
    float: none;
    display: block;
}


/*
 * Kontakt in 1/4 Spalte
 */

.col2 .layoutcontactflyout.flyout,
.layoutcontactflyout .flyout {
    width: 220px;
}

#col2  .layoutcontactlist .boxheadline {
    margin: 0;
    padding: 10px 0 9px 15px;
    background-color: #d8d8d8;
}

#col2 .layoutcontactlist .contact_list > li {
    border: 4px solid #d8d8d8;
    border-top: 0;
    padding: 15px 11px 0;
}

#col2 .layoutcontactlist .contact_image {
    float: none;
    display: block;
    width: auto;
}

#col2 .layoutcontactlist .contact_details {
    margin: 0;
    padding: 0;
}

#col2 .layoutcontactlist .contact_details dl {
    float: none;
    display: block;
    width: auto;
    min-height: 0;
}

#col2 .layoutcontactlist .actionbar { display: none; }



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutcontactmodule
 *
 * @section layoutcontactmodule
 */

@media screen and (min-width: 416px) {
    .layoutcontactmodule .layoutexpandableteaser .contact_details li {
        width: 31.3%;
    }
}

@media screen and (max-width: 415px) {
    .layoutcontactmodule .layoutexpandableteaser .contact_details li {
        clear: left;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 386px) {
    .layoutcontactflyout.flyout,
    .layoutcontactflyout .flyout {
        width: 344px;
    }
}

@media screen and (max-width: 385px) {
    .layoutcontactflyout.flyout,
    .layoutcontactflyout .flyout {
        width: 200px;
    }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8/ie9
 */

.ie8 .layoutcontactflyout.flyout,
.ie8 .layoutcontactflyout .flyout {
    width: 344px;
}


/**
 * 7.5.4 Kontakt aufnehmen
 *
 *  @subsection layoutcontactmodule
 */

.layoutcontactmodule .boxheadline {
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.manualteaser.layoutcontactmodule {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    padding: 0;
}

.layoutcontactmodule .intro { margin: 0 11px 24px; }

.layoutcontactmodule .manualteasersubtitle {
    margin-bottom: 11px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
    color: #333;
}

.layoutcontactmodule .form { padding: 0 11px; }

.layoutcontactmodule .form .hint {
    font-size: 0.8571em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.layoutcontactmodule .form .hint a { font-weight: 700; }

.layoutcontactmodule .last { margin-bottom: 25px; }

.layoutcontactmodule textarea {
    height: 139px;
}

/* Expandableteaser */
.layoutcontactmodule .layoutexpandableteaser {
    margin: 0;
    border: 0 none;
    padding: 0;
}

.layoutcontactmodule .layoutexpandableteaser .expand_list { border: 0 none; }

.layoutcontactmodule .layoutexpandableteaser .expand_list > li { border-top: 4px solid #d8d8d8; }

.layoutcontactmodule .layoutexpandableteaser .accordion_body {
    border: 0 none;
    padding: 0 11px;
}

.layoutcontactmodule .layoutexpandableteaser .form {
    margin-bottom: 16px;
    padding: 0;
}

.layoutcontactmodule .layoutexpandableteaser .offices_contact_list > li {
    border-top: 1px solid #d8d8d8;
    padding: 17px 0 20px;
}

.layoutcontactmodule .layoutexpandableteaser .offices_contact_list > li:first-child { border: 0 none; }

.layoutcontactmodule .layoutexpandableteaser .offices_contact_list h4 {
    margin-bottom: 31px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.25em; /* 20px */
    color: #333;
}

.layoutcontactmodule .layoutexpandableteaser .contact_details li {
    float: left;
    display: inline;
    padding-right: 2%;
    line-height: 1.2857em; /* 18px */
}

/* clearfix */
.layoutcontactmodule .layoutexpandableteaser .contact_details:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutcontactmodule .layoutexpandableteaser .contact_details { display: block; /* safari fix für clearfix */ }
.layoutcontactmodule .layoutexpandableteaser .contact_details dt { font-weight: 700; }

.layoutcontactmodule .layoutexpandableteaser .contact_details a {
    display: block;
    margin-top: 5px;
}

/*
 * Kontakt Flyout
 */

.layoutcontactflyout {
    position: relative;
}

.layoutcontactflyout .teaserbox.layoutcontactmodule {
    margin-top: 20px;
    border: 0 none;
}

.layoutcontactflyout > a > .ico_mail:before {
    position: relative;
    top: 3px;
    margin-right: 9px;
    font-size: 17px;
}

.layoutcontactflyout.flyout,
.layoutcontactflyout .flyout {
    position: absolute; 
    display: none;
    top: 22px;
    left: -9999px;
    z-index: 101; /* damit das Flyout nicht unter Footer(100) liegt */
    -webkit-box-shadow:  0 0 8px 0 rgba(0,0,0,0.53);
    box-shadow:  0 0 8px 0 rgba(0,0,0,0.53);
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.layoutcontactflyout .flyout:before {
    position: absolute;
    top: -13px;
    left: 11px;
    font-family: 'Icon-Font';
    color: #fff;
    content: "\25";
}

.layoutcontactflyout .toggled .flyout,
.layoutcontactflyout.toggled .flyout {
    display: block;
    left: -10px;
}

.layoutcontactflyout .flyout .close {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.layoutcontactflyout .manualteaser.layoutcontactmodule { border: 0 none; }

.layoutcontactflyout .layoutcontactmodule .form .columnar .type-text,
.layoutcontactflyout .layoutcontactmodule .form .columnar .type-select {
    float: none;
    display: block;
    width: auto;
    padding: 0;
}

.layoutcontactflyout .layoutcontactmodule .form .hint {
    float: left;
    display: inline;
    margin: 0 0 20px;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutcontainerteaser
 *
 * @section layoutcontainerteaser
 */

@media screen and (min-width: 769px) {

    .layoutcontainerteaser iframe,
    .layoutcontainerteaser .teaserFlashM {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {

    .layoutcontainerteaser iframe,
    .layoutcontainerteaser .teaserFlashM {
        height: 160px;
    }
}

/**
 * 6.1_10_Banner-Bild-AV-Map-Teaser 1-4_2-4_3-4_4-4
 *
 * @subsection layoutcontainerteaser
 */

.layoutcontainerteaser .manualteasershorttext { margin-top: 10px; }

/* muss leider sehr allgemein sein da sich die klasse ändern kann */
.layoutcontainerteaser > div > div { height: 100%; }

.layoutcontainerteaser video,
.layoutcontainerteaser .manualteaserpicture img,
.layoutcontainerteaser iframe,
.layoutcontainerteaser .teaserFlashM {
    position: relative;
    width: 100%;
    margin-bottom: 34px;
}

.layouthalf_2_4 .layoutcontainerteaser .teaserFlashM,
.layoutfull_2_4 .layoutcontainerteaser .teaserFlashM { height: 264px; }
#col2 .layoutcontainerteaser .teaserFlashM,
#col2 .layoutcontainerteaser .manualteaserpicture img { height: 131px; }


.layoutcontainerteaser .manualteasershorttext { margin-top: 10px; }
.layoutcontainerteaser .link_list {
    overflow: hidden;
    width: 100%;
    margin: 5px 0 10px;
}

.layoutcontainerteaser .link_list li {
    float: left;
    display: inline;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutcontainerteaser .link_list .even { float: right; }

/* 1/4 variante */
#col2 .layoutcontainerteaser .manualteasertitle {
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

#col2 .layoutcontainerteaser .link_list li:first-child { display: none; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutecard
 *
 * @section layoutecard
 */

@media screen and (min-width: 679px) and (max-width: 930px),
screen and (max-width: 450px) {
    .layoutecard .form fieldset .columnar .type-text {
        padding-left: 0;
    }

    .layoutecard .form fieldset .columnar .type-text,
    .layoutecard .form fieldset .columnar .type-select {
        clear: both;
        padding-left: 0;
        width: 100%;
    }

    .layoutecard .form fieldset .type-check input,
    .layoutecard .form fieldset .type-radio input {
        clear: both;
    }
}


/**
 * 7.8 E-Card
 *
 *  @subsection layoutecard
 */

.layoutecard .layoutexpandableteaser {
    margin-top: 20px;
    border: 0 none;
    padding-top: 0;
}

.layoutecard .layoutexpandableteaser .accordion_body {
    padding: 0 11px;
}

.layoutecard .intro { margin: 17px 0 24px; }

.layoutecard .manualteasersubtitle {
    margin-bottom: 11px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
    color: #333;
}

/* Rounding Bugfix - Overflow der Form schneidet rechte Border ab */
.layoutecard .form .columnar .type-text,
.layoutecard .form .columnar .type-select {
    padding-left: 3.9%;
}

/* Rounding Bugfix - Overflow der Form schneidet rechte Border ab */
.layoutecard .form .columnar .type-text:first-child,
.layoutecard .form .columnar .type-select:first-child { padding: 0 3.9% 0 0; }

.layoutecard .form .add_recipient {
    font-size: 0.8571em; /* 12px */
    font-weight: 700;
    line-height: 1.3333em; /* 16px */
    text-align: right;
}

.layoutecard .form .add_recipient a {
    position: relative;
    top: -13px;
}

.layoutecard .form .hint {
    font-size: 0.8571em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.layoutecard .form .hint a { font-weight: 700; }

.layoutecard textarea { height: 102px; }

.layoutecard .hint_message {
    margin-bottom: 15px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.layoutecard .hint_message strong {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1666em; /* 14px verschachtelt */
    font-weight: 400;
    line-height: 1.4285em; /* 20px */
}

.layoutecard .hint_message .manualteasershorttext { margin: 0; }

.layoutecard .hint_message a { font-weight: 700; }

/*
 * E-Card Preview
 */

.layoutecard .preview_row { overflow: hidden; }
.layoutecard .preview_message { margin-bottom: 30px; }

.layoutecard .preview_row dl {
    float: left;
    display: inline;
    width: 50%;
    margin-bottom: 38px;
}

.layoutecard .preview_row dt { margin-bottom: 7px; }
.layoutecard .preview_message dt { margin-bottom: 10px; }
.layoutecard .preview_message dd { line-height: 1.2857em; /* 18px */ }

/* E-Card Preview in 1/4-Spalte */
#col2 .layoutecard .preview_row dl {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 25px;
}

#col2 .layoutecard .preview_message dt,
#col2 .layoutecard .preview_row dt { font-weight: 700; }

.layoutecard .buttons {
    overflow: hidden;
    margin-bottom: 17px;
    border-top: 2px solid #d8d8d8;
    padding-top: 7px;
}

.layoutecard .buttons a {
    margin: 0;
    border: 0 none;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1428em; /* 16px */
    font-style: italic;
    line-height: 1.25em; /* 20px */
    color: #900;
    background: none;
    cursor: pointer;
}

.layoutecard .buttons .back {
    float: left;
    display: inline;
}

.layoutecard .buttons .more_link {
    float: right;
    display: inline;
}

.layoutecard .manualteasershorttext { margin-bottom: 15px; }

/* clearfix */
.layoutecard .meta_info:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutecard .meta_info { display: block; /* safari fix für clearfix */ }

.layoutecard .meta_info .mandatory_info {
    float: left;
    display: inline;
}

.layoutecard .meta_info .hint {
    float: right;
    display: inline;
    margin: 0 0 20px 20px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

.layoutecard .meta_info .hint a { font-weight: 700; }

/*
 * E-Card Review
 */

.layoutecard.review .manualteasersubtitle {
    font-size: 1.7142em; /* 24px */
    font-weight: 400;
    line-height: 1.25em; /* 30px */
}

.layoutecard.review .ecard_preview dt { font-weight: 700; }

.layoutecard.review .ecard_preview .manualteasershorttext { line-height: 1.5714em; /* 22px */ }

/*
 * E-Card in 1/4 Spalte
 */

#col2 .layoutecard .form .columnar .type-text {
    float: none;
    display: block;
    width: auto;
    padding: 0;
}

#col2 .layoutecard .meta_info .mandatory_info,
#col2 .layoutecard .meta_info .hint {
    float: none;
    display: block;
    margin-left: 0;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouteilmeldung_layouttopteaser
 *
 * @section layouteilmeldung_layouttopteaser
 */

@media screen and (min-width: 768px) {

    .layouteilmeldung .teasercontent,
    .layouttopteaser .teasercontent {
        float: left;
        width: 48.2%;
    }
}

@media screen and (min-width: 768px) and (max-width: 820px) {

    #col1 .layouteilmeldung .teasercontent,
    #col1 .layouttopteaser .teasercontent {
        overflow: visible;
        width: auto;
    }

    #col1 .layouttopteaser .relatedcontent { clear: left; }
}

@media screen and (max-width: 767px) {

    .layouttopteaser .relatedcontent { clear: left; }
}

@media screen and (min-width: 680px) {

    .layouthalf_2_4 .layouteilmeldung > .manualteaserpicture,
    .layouthalf_2_4 .layouttopteaser > .manualteaserpicture,
    .layoutfull_2_4 .layouteilmeldung > .manualteaserpicture,
    .layoutfull_2_4 .layouttopteaser > .manualteaserpicture {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (min-width: 480px) {

    .layouteilmeldung > .manualteaserpicture,
    .layouttopteaser > .manualteaserpicture {
        float: left;
        display: inline;
        width: 48.2%;
        margin: 0 3.6% 0 0;
    }

    .layouteilmeldung > .manualteaserpicture.right,
    .layouttopteaser > .manualteaserpicture.right {
        float: right;
        margin: 0 0 0 3.6%;
    }

    #main > .layoutstandard > .layouteilmeldung.last > .manualteaserpicture,
    #main > .layoutstandard > .layouttopteaser.last > .manualteaserpicture {
        margin-bottom: 0;
    }

    .layouteilmeldung .manualteaserpicture img,
    .layouttopteaser .manualteaserpicture img {
        max-width: 470px;
    }
}

@media screen and (max-width: 479px) {

    .layouteilmeldung > .manualteaserpicture,
    .layouttopteaser > .manualteaserpicture {
        margin-bottom: 3.6%;
    }
}



/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouteilmeldung .teasercontent,
.ie8 .layouttopteaser .teasercontent {
    float: left;
    width: 48.2%;
}

.ie8 .layouteilmeldung > .manualteaserpicture,
.ie8 .layouttopteaser > .manualteaserpicture {
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.ie8 .layouteilmeldung .manualteaserpicture img,
.ie8 .layouttopteaser .manualteaserpicture img { max-width: 470px; }

.ie8 .layouthalf_2_4 .layouteilmeldung > .manualteaserpicture,
.ie8 .layouthalf_2_4 .layouttopteaser > .manualteaserpicture,
.ie8 .layoutfull_2_4 .layouteilmeldung > .manualteaserpicture,
.ie8 .layoutfull_2_4 .layouttopteaser > .manualteaserpicture {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
}


/**
 * 6.1.3 Eilmeldung 4/4 - 6.1.5 Eilmeldung 2/4
 *
 * @subsection layouteilmeldung
 */

.layouteilmeldung,
.layouttopteaser { overflow: hidden; }

.teaserboxgroup:first-child .boxheadline + .manualteaser.layouttopteaser,
.teaserboxgroup.count2 .boxheadline + .manualteaser.layouttopteaser,
.manualteaser.layouttopteaser,
#main > .teaserbox:first-child .boxheadline + .layouttopteaser { padding-top: 11px; }

.teaserboxgroup:first-child .manualteaser.layouttopteaser,
.teaserboxgroup.count2 .manualteaser.layouttopteaser,
#contentheader .manualteaser.layouttopteaser,
#main > .teaserbox:first-child > .layouttopteaser:first-child { padding-top: 0; }

.layouteilmeldung .eilmeldung {
    position: relative;
    display: block;
    width: 85px;
    height: 21px;
    margin: 5px 0 15px;
    padding: 2px 55px 0;
    text-transform: uppercase;
    background: transparent url(../grafik/bg_newsflash.png) repeat scroll 0 0;
}

.layouteilmeldung .eilmeldung:before,
.layouteilmeldung .eilmeldung:after {
    position: absolute;
    top: 8px;
    left: 20px;
    width: 24px;
    height: 7px;
    background: transparent url(../grafik/bg_newsflash_divider.png) no-repeat scroll 0 0;
    content: "";
}

.layouteilmeldung .eilmeldung:after {
    right: 20px;
    left: auto;
}

.layouteilmeldung .manualteaserdatetime {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.9285em; /* 13px */
    font-style: italic;
    line-height: 1.8461em; /* 24px */
    color: #595959;
}

.layouteilmeldung h3 .manualteasertitle,
.layouteilmeldung h3 .manualteaserroofline { padding: 0; }

.layouteilmeldung > .manualteaserpicture,
.layouttopteaser > .manualteaserpicture {
    overflow: hidden;
}

.layouthalf_2_4 .layouteilmeldung > .manualteaserpicture,
.layouthalf_2_4 .layouttopteaser > .manualteaserpicture,
.layoutfull_2_4 .layouteilmeldung > .manualteaserpicture,
.layoutfull_2_4 .layouttopteaser > .manualteaserpicture {
    margin-bottom: 3.6%;
}

.layouteilmeldung .manualteaserpicture img,
.layouttopteaser .manualteaserpicture img {
    width: 100%;
}

.layouttopteaser > .manualteaserpicture.video img,
.layouttopteaser > .manualteaserpicture.audio img {
    width: 100%;
    height: auto;
}

/* 6.1.6 Topnachricht 2/4 */ /* 6.1.5 Eilmeldung 2/4 */
.layouthalf_2_4 .layouteilmeldung .teasercontent,
.layouthalf_2_4 .layouttopteaser .teasercontent,
.layoutfull_2_4 .layouteilmeldung .teasercontent,
.layoutfull_2_4 .layouttopteaser .teasercontent { width: 100%; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutepg
 *
 * @section layoutepg
 */

@media screen and (min-width: 800px) {

    .layoutepg .explanation ul li { margin-right: 20px; }
}

@media screen and (min-width: 768px) and (max-width: 799px) {

    .layoutepg .explanation ul li { width: 16%; }
}

@media screen and (min-width: 769px) {

    .layoutepg > .teaserbox.layoutstandard .col_programme { padding-right: 280px; }
    .layoutepg .layoutarticleexpand #col1 { width: 70.1%; margin-right: 3.8%; }
    .layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link { right: 30%; }
}

@media screen and (max-width: 768px) {

    .layoutepg > .teaserbox.layoutstandard .col_socialshare {
        display: none !important; /* overwrite display: block; from ExpandEpgDetail.js */
    }

    .layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link { right: 10px; }
}

@media screen and (min-width: 568px) and (max-width: 767px) {

    .layoutepg .explanation ul li { width: 20%; }
}

@media screen and (min-width: 568px) {

    #main > .layoutepg.searchresultview > .teaserbox.layoutstandard > .mehrlink {
        position: absolute;
        top: 20px;
        right: 15px;
    }

    .layoutepg > .teaserbox.layoutstandard .col_programme { padding-left: 63px; }

    .programmelistview .layoutstandard .manualteaser .manualteaserpicture { width: 184px; }

    .layoutepg.programmelistview > .teaserbox.layoutstandard .programme_hour {
        position: absolute;
        top: 19px;
        left: 0;
        width: 9.25%;
    }
}

@media screen and (max-width: 567px) {

    .layoutepg.programmelistview > .teaserbox.layoutstandard .programme_hour { margin-bottom: 5px; }

    .layoutepg .slider.tips,
    .layoutepg .epg_view ~ .separator{ display:none; }


    #main > .layoutepg.searchresultview > .teaserbox.layoutstandard > .mehrlink {
        margin-top: -15px;
        text-align: right;
    }
}

@media screen and (min-width: 480px) and (max-width: 567px) {

    .layoutepg .explanation ul li { width: 33.3%; }
}

@media screen and (min-width: 480px) {

    .layoutarchive > .actionbar .pager,
    .layoutarchive .layouttabbedteaserbox > .actionbar .pager,
    .layoutepg.searchresultview > .teaserbox > .actionbar .pager,
    .layoutcontactlist .pager, .layoutsearchresult .pager {
        float: left;
        display: inline;
    }

    .layoutarchive > .actionbar .item_ammount,
    .layoutarchive .layouttabbedteaserbox > .actionbar .item_ammount,
    .layoutepg.searchresultview > .teaserbox > .actionbar .item_ammount,
    .layoutcontactlist .item_ammount,
    .layoutsearchresult .actionbar .item_ammount {
        display: inline;
        float: right;
        margin-top: -5px;
    }

    .layoutnewsticker_newsteaser .slider .manualteaser .manualteaserpicture,
    .programmelistview .layoutstandard .manualteaser .manualteaserpicture,
    .layoutepg .slider .manualteaser .manualteaserpicture {
        float: left;
        display: inline;
        clear: left;
        margin-right: 15px;
    }
}

@media screen and (max-width: 479px) {

    .layoutepg .explanation { display: none; }

    .layoutarchive > .actionbar .item_ammount,
    .layoutarchive .layouttabbedteaserbox > .actionbar .item_ammount,
    .layoutepg.searchresultview > .teaserbox > .actionbar .item_ammount,
    .layoutcontactlist .item_ammount,
    .layoutsearchresult .actionbar .item_ammount {
        margin-top: 15px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutepg > .teaserbox.layoutstandard .col_programme { padding-left: 63px; }
.ie8 .programmelistview .layoutstandard .manualteaser .manualteaserpicture { width: 184px; }
.ie8  .layoutepg.programmelistview > .teaserbox.layoutstandard .programme_hour {
    position: absolute;
    top: 20px;
    left: 0;
    width: 9.25%;
}

.ie8 .layoutepg > .teaserbox.layoutstandard .col_programme { padding-right: 280px; }
.ie8 .layoutepg .layoutarticleexpand #col1 { width: 70.1%; margin-right: 3.8%; }
.ie8 .layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link { right: 30%; }

.ie8 .layoutepg .explanation ul li { margin-right: 20px; }

.ie8 .layoutarchive > .actionbar .pager,
.ie8 .layoutarchive .layouttabbedteaserbox > .actionbar .pager,
.ie8 .layoutepg.searchresultview > .teaserbox > .actionbar .pager,
.ie8 .layoutcontactlist .pager, .layoutsearchresult .pager {
    float: left;
    display: inline;
}

.ie8 .layoutarchive > .actionbar .item_ammount,
.ie8 .layoutarchive .layouttabbedteaserbox > .actionbar .item_ammount,
.ie8 .layoutepg.searchresultview > .teaserbox > .actionbar .item_ammount,
.ie8 .layoutcontactlist .item_ammount,
.ie8 .layoutsearchresult .actionbar .item_ammount {
    display: inline;
    float: right;
    margin-top: -5px;
}

.ie8 #main > .layoutepg.searchresultview > .teaserbox.layoutstandard > .mehrlink {
    position: absolute;
    top: 19px;
    right: 15px;
}

.ie8 .layoutnewsticker_newsteaser .slider .manualteaser .manualteaserpicture,
.ie8 .programmelistview .layoutstandard .manualteaser .manualteaserpicture,
.ie8 .layoutepg .slider .manualteaser .manualteaserpicture {
    float: left;
    display: inline;
    clear: left;
    margin-right: 15px;
}

/* No Touch */
.no-touch .layoutepg > .teaserbox.layoutstandard .col_socialshare:hover,
.no-touch .layoutepg > .teaserbox.layoutstandard .col_programme:hover + .col_socialshare { visibility: visible; }


/**
 * 7.2.6 EPG Infoportal
 *
 * @subsection layoutepg
 */

.layoutepg {
    /* overflow: hidden; */
}

.manualteaser.layoutepg .logo_list {
    overflow: hidden;
    height: 40px;
}

.manualteaser.layoutepg .logo_list.radioportal li { width: 14.195%; }

.manualteaser.layoutepg .logo_list li:last-child {
    border-right: 0 none;
}

.manualteaser.layoutepg .logo_list a {
    display: block;
    height: 40px;
    min-width: 56px;
    text-indent: -9999px;
    background: #fff url(../grafik/spr_epg_logos.png) no-repeat scroll center 8px;
}

.manualteaser.layoutepg .logo_list .active a,
.manualteaser.layoutepg .logo_list a:focus,
.manualteaser.layoutepg .logo_list a:hover {
    background-color: #990000;
    background-image: url(../grafik/spr_epg_logos_white.png);
}

.manualteaser.layoutepg .logo_list .rbb_fernsehen a { background-position: center 8px; }
.manualteaser.layoutepg .logo_list .antenne_brandenburg a { background-position: center -68px; }
.manualteaser.layoutepg .logo_list .radio_berlin a { background-position: center -154px; }
.manualteaser.layoutepg .logo_list .radio_eins a { background-position: center -228px; }
.manualteaser.layoutepg .logo_list .inforadio a { background-position: center -310px; }
.manualteaser.layoutepg .logo_list .kulturradio a { background-position: center -389px; }
.manualteaser.layoutepg .logo_list .fritz a { background-position: center -478px; }
.manualteaser.layoutepg .logo_list .funkhaus_europa a { background-position: center -551px; }

.layoutepg .epgwrapper {
    position: relative;
}

.layoutepg.infoportal .epgwrapper {
    border-top: 1px solid #d8d8d8;
}

.layoutepg .epgwrapper .epgcontainer {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 70px;
    background: transparent url(../grafik/bg_timeline_epg.png) repeat-x scroll -1980px 0;
}

.layoutepg.infoportal .epgwrapper .epgcontainer { top: 10px; }

.layoutepg .epgwrapper .fixed_marker,
.layoutepg .epgwrapper #nowmarker {
    position: absolute;
    top: 0;
    left: 65px;
    z-index: 3;
    height: 100%;
}

.layoutepg .epgwrapper #nowmarker {
    display: inline-block;
    width: 2px;
    -webkit-box-shadow: 0 -1px 1px #999;
    -moz-box-shadow: 0 -1px 1px #999;
    box-shadow: 0 -1px 1px #999;
    background-color: #990000;
}

.layoutepg .epgwrapper #nowmarker.programme_hover { background-color: #fff; }

.layoutepg .epgwrapper #nowmarker:after {
    margin: 0 0 0 10px;
    color: #990000;
    cursor: pointer;
    content: "Jetzt";
}

.layoutepg.infoportal .epgwrapper #nowmarker { height: 140%; }
.layoutepg.infoportal .epgwrapper #nowmarker.programme_hover { height: 100%; }
.layoutepg.infoportal .epgwrapper .programme:hover ~ #nowmarker .livestream { display: none; }
.layoutepg.infoportal .epgwrapper .epgcontainer .programme:hover { z-index: 4; }

.layoutepg .epgwrapper .fixed_marker,
.layoutepg .epgwrapper #nowmarker:after {
    display: inline-block;
    height: auto;
    -webkit-box-shadow: 0 0 3px #c0c0c0;
    -moz-box-shadow: 0 0 3px #c0c0c0;
    box-shadow: 0 0 3px #c0c0c0;
    padding: 0 5px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
}

#fixedLivestreamMarker.livestream,
.layoutepg .epgwrapper #nowmarker a.livestream {
    position: absolute;
    bottom: 7px;
    left: 10px;
    padding: 0;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    background-color: transparent;
}

#fixedLivestreamMarker.livestream {
    bottom: 9px;
    left: 35px;
}

.layoutepg .epgwrapper .fixed_marker {
    top: 10px;
    z-index: 1;
    display: none;
    border-left: 0 none;
}
.layoutepg.epg_small .epgwrapper .fixed_marker { top: 5px; }

.layoutepg .epgwrapper #fixedDateMarkerLeft.fixed_marker,
.layoutepg .epgwrapper #fixedNowMarkerLeft.fixed_marker { left: 30px; }

.layoutepg .epgwrapper #fixedDateMarkerRight.fixed_marker,
.layoutepg .epgwrapper #fixedNowMarkerRight.fixed_marker {
    right: 35px;
    left: auto;
}

.layoutepg .epgwrapper .fixed_marker .ico:before { font-size: 8px; vertical-align: bottom; }

.layoutepg .epgwrapper #fixedNowMarkerLeft.fixed_marker span:last-child { padding-left: 5px; }

.layoutepg .epgwrapper #fixedNowMarkerRight.fixed_marker span:first-child { padding-right: 5px; }

.layoutepg .epgwrapper #nowmarker a:hover,
.layoutepg .epgwrapper #nowmarker a:focus {
    text-decoration: none;
}


.layoutepg .manualteaser h3 a .manualteasertitle {
    font-size: 1.1428em;
    line-height: 1.25em;
}



.layoutepg.infoportal .separator {
    text-transform: uppercase;
    background-color: #d8d8d8;
}

.layoutepg .slider.tips {
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 7px #c0c0c0;
    -moz-box-shadow: 0 0 7px #c0c0c0;
    box-shadow: 0 0 7px #c0c0c0;
    background-color: #fff;
}
.layoutepg .slider.tips .skip {display: block;}
.layoutnewsticker_newsteaser .slider .newsticker .manualteaser,
.layoutepg .slider.tips .manualteaser {
    float: left;
    display: inline-block;
    width: 450px;
    height: 100%;
    border-right: 1px solid #D8D8D8;
    padding: 0 1.5em;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layoutepg .slider.tips .manualteaser {
    padding-top: 20px;
}

.layoutnewsticker_newsteaser .slider .manualteaser .manualteaserpicture,
.programmelistview .layoutstandard .manualteaser .manualteaserpicture,
.layoutepg .slider .manualteaser .manualteaserpicture {
    margin-top: 3px;
    margin-bottom: 5px;
}

.layoutnewsticker_newsteaser .slider .manualteaser .manualteaserpicture,
.programmelistview .layoutstandard .manualteaser .manualteaserpicture,
.layoutepg .slider .manualteaser .manualteaserpicture {
    margin-top: 20px;
}

.tips .manualteaser.layoutstandard .manualteaserpicture { max-width: 184px; }

/* slider image */
.programmelistview .layoutarticleexpand .slider .manualteaser .manualteaserpicture { width: 100%; }

.layoutnewsticker_newsteaser .slider .manualteaser .manualteaserpicture a,
.programmelistview .layoutstandard .manualteaser .manualteaserpicture a,
.layoutepg .slider .manualteaser .manualteaserpicture a { display: block; }

.layoutepg .mehrlink {
    font-size: 1em; /* 14px */
    line-height: 2.1429em; /* 30px */
    background-color: #f5f5f5;
}
.layoutepg > .mehrlink {
    padding: 0 30px;
    font-size: 1em; /* 14px */
    line-height: 2.1429em; /* 30px */
    background-color: #f5f5f5;
}

/* epg 5.2.1 TV-Portal Startseite */
.epg_flyoutwrapper {
    position: relative;
    z-index: 20;
    width: auto;
}


/* 7.2_6d_EPG_TV-Detailseite / Listenansicht  */
.layoutepg.doctypeteaser { /* overflow: hidden; */}

.layoutepg.doctypeteaser.programmelistview,
.layoutepg.doctypeteaser.programmelistview .teaserbox.layoutstandard > .layoutstandard { overflow: visible; }

.layoutepg.doctypeteaser.programmelistview {border: 4px solid #D8D8D8;}


.slider.slider_programme {
    height: 60px;
    z-index: 1;
}

.slider.slider_programme .scrollbox {
    height: 60px;

}

.slider.slider_programme .skip {
    margin-bottom: 10px;
}


.slider.slider_programme .scrollcontent > li {
    position: relative;
    float: left;
    width: auto;
    height: 50px;
    border-right: 1px solid #D8D8D8;
}

.slider.slider_programme .scrollcontent > li > a {
    display: block;
    height: 40px;
    padding: 5px 15px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #333;
}

.no-touch .slider.slider_programme .scrollcontent > li > a:hover,
.slider.slider_programme .scrollcontent > li.active > a {
    text-decoration: none;
    color: #fff;
    background-color: #990000;
}

.no-touch .slider.slider_programme .scrollcontent > li > a:hover:after,
.slider.slider_programme .scrollcontent > li.active > a:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    z-index: 1;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-top: 10px solid #990000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
}

.slider.slider_programme .scrollcontent > li > a > span {
    display: block;
    font-weight: 400;
    text-transform: none;
}





.layoutepg .explanation,
.layoutepg.programmelistview .separator {
    position: relative;
    line-height: 2.5em; /* 35px */
    background-color: #f5f5f5;
}

.layoutepg .explanation {
    -webkit-box-shadow: inset 0px 5px 5px -5px #c0c0c0;
    -moz-box-shadow: inset 0px 5px 5px -5px #c0c0c0;
    box-shadow: inset 0px 5px 5px -5px #c0c0c0;
    border-bottom: 1px solid #d8d8d8;
}

.layoutepg .explanation ul { clear: both; padding: 0 15px; }

.layoutepg .explanation ul li {
    float: left;
    display: inline;
    color: #333;
}

.layoutepg .explanation ul li.first {
    font-size: 0.9285em; /* 13px */
    font-weight: 700;
    line-height: 2.885em; /* 37px */
}

.layoutepg .explanation ul li.ico span {
    display: inline-block;
    padding-left: 5px;
    font-size: 0.8571em; /* 12px */
    line-height: 2em;
    vertical-align: text-bottom;
}

.layoutepg .explanation ul li.ico:before { color: #626262; }


.layoutepg .separator {
    position: relative;
    font-size: 1em; /* 14px */
    font-weight: 700;
    line-height: 2.8572em; /* 40px */
    background-color: #f5f5f5;
}

.slider.slider_programme ~ .separator {
    margin-top: -10px;
}


.layoutepg .separator .programme_anchor a,
.layoutepg .separator .programme_anchor span {
    display: inline-block;
    padding: 0 5px;
    font-weight: 700;
    text-transform: uppercase;
}

.layoutepg .separator .programme_icons {
    position: absolute;
    top: 0;
    right: 40px;
}

.layoutepg .separator .programme_icons a {
    display: inline-block;
    padding: 0 10px;
}

.touch .layoutepg .separator .programme_icons .ico_print {
    display: none;
}

.layoutepg .separator a.active,
.layoutepg .separator a.active .ico:before,
.layoutepg .separator .programme_anchor a:hover,
.layoutepg .separator .programme_icons a:focus .ico:before,
.layoutepg .separator .programme_icons a:hover .ico:before {
    text-decoration: none;
    color: #333;
	speak: none;
}

.layoutepg.programme_epg {
    margin-bottom: 30px;
    padding-bottom: 10px;
}


.layoutepg.programme_epg .epgwrapper .epgcontainer { top: 10px; }
.layoutepg > .teaserbox.layoutstandard { padding: 15px 15px 0 15px; }

#main > .layoutepg > .teaserbox.layoutstandard.first {
    margin-top: 0;
    border-top: 0 none;
}

#main > .layoutepg.programmelistview > .teaserbox.layoutstandard > .manualteaser {
    margin: 0;
    border-top: 1px solid #c0c0c0;
    padding: 0;
}

#main > .layoutepg > .teaserbox.layoutstandard .manualteaser.last {
    border-bottom: 0 none;
}

#main > .layoutepg.searchresultview > .explanation {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0;
    border-bottom: 2px solid #d8d8d8;
}

#main > .layoutepg.searchresultview > .teaserbox.layoutstandard {
    position: relative;
    padding: 25px 15px 20px;
}

#main > .layoutepg.searchresultview > .teaserbox.layoutstandard > .mehrlink {
    padding: 0;
    background-color: transparent;
}

.layoutepg > .teaserbox.layoutstandard .col_programme {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: inline;
    width: 100%;
    min-height: 225px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.layoutepg.searchresultview > .teaserbox.layoutstandard .col_programme { padding-left: 0; }

.layoutepg > .teaserbox.layoutstandard .col_programme .mehrlink {
    overflow: hidden;
    padding: 0;
    background-color: transparent;
}

.layoutepg > .teaserbox.layoutstandard .col_programme .mehrlink > div {
    float: left;
    display: inline;
    max-width: 65%;
    text-align: left;
}

.layoutepg > .teaserbox.layoutstandard .col_programme .mehrlink > div .ico:before { color: #595959; }
.layoutepg > .teaserbox.layoutstandard .col_programme .mehrlink .ico,
.layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link .ico {
    padding: 0 7px 0 3px;
}

.layoutepg > .teaserbox.layoutstandard .show_details_link {
    position: relative;
    display: block;
    padding-right: 38px;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', serif;
}
.layoutepg > .teaserbox.layoutstandard .show_details_link .ico {
    position: absolute;
    right: 0;
    bottom: -3px;
}


/* flyout */
.layoutarticleexpand {
    clear: both;
    padding-bottom: 36px;
}
.teaserbox.layoutstandard .layoutarticleexpand .boxheadline { margin-bottom: 11px; }

.layoutepg.programmelistview > .teaserbox.layoutstandard .layoutarticleexpand .programme_hour {
    position: relative;
    top: auto;
    left: auto;
    margin: 15px 0;
}

.layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link {
    position: absolute;
    bottom: 20px;
    padding-top: 20px;
}

.layoutepg .loader {
    display: none;
}


.layoutepg .loading .loader {
    display: block;
}

.layoutepg > .teaserbox.layoutstandard .epg_load {
    position: relative;
    width: 24px;
    height: 24px;
    left: 0%;
    top: 50%;
    margin: 20px 0 10px 341px;
}

.layoutepg > .teaserbox.layoutstandard .layoutarticleexpand .show_details_link .ico {
    position: absolute;
    right: 0;
    bottom: -3px;
}

.layoutepg .layoutarticleexpand #col2 { width: 24.8%; }

.layoutepg .layoutarticleexpand #col1 .slider.galleryslider > .controls { top: 336px; }

.layoutepg .layoutarticleexpand .manualteaser .layoutrelated_content_standard {
	border-top:0;
}

/* innere spalte social */
.layoutepg > .teaserbox.layoutstandard .col_socialshare {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    width: 235px;
    height: 100%;
    padding: 0 0 0 20px;
    background: transparent url(../grafik/bg_shadow_left.png) repeat-y scroll 0 0;
}

.layoutepg > .teaserbox.layoutstandard .col_socialshare > h2 { margin: 15px 0 14px; }

.layoutepg > .teaserbox.layoutstandard .col_socialshare .layoutsocialshare .socialshare_list > li {
    float: none;
    display: block;
    width: 100%;
    height: 40px;
}

.layoutepg > .teaserbox.layoutstandard .col_socialshare .layoutsocialshare .socialshare_list > li > a > span { padding: 9px 0 0; }
.layoutepg > .teaserbox.layoutstandard .col_socialshare .layoutsocialshare .socialshare_list > li > a > .ico:before { margin-left: 0; }

.layoutepg.programmelistview > .teaserbox.layoutstandard .programme_hour {
    font-family: "Interstate", Tahoma, Arial, sans-serif;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    font-style: normal;
    line-height: inherit;
    text-transform: uppercase;
    color: #333;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutexpandableteaser
 *
 * @section layoutexpandableteaser
 */

@media screen and (min-width: 480px) {

    .layoutexpandableteaser .accordion_body > .manualteaser .manualteaserpicture img { min-height: 104px; } /* bugfix für chrome zum korrekten aufspannen der div */
}

@media screen and (max-width: 479px) {

    /* Bilder im Verhältnis aufspannen, damit Chrome die korrekte Höhe bekommt */
    .layoutexpandableteaser .accordion_body > .manualteaser .manualteaserpicture {
        overflow: hidden;
        position: relative;
        padding-bottom: 56.2162%;
    }

    .layoutexpandableteaser .accordion_body > .manualteaser .manualteaserpicture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

/**
 * 6.1_12_Expandable
 *
 * @subsection layoutexpandableteaser
 */

.layoutexpandableteaser {
    position: relative;
    border-top: 4px solid #900;
    padding-top: 20px;
}

.layoutexpandableteaser .tab_navigation_viewport {
    z-index: 11;
    margin: -15px 0 15px;
    border: 0 none;
}

.layoutexpandableteaser > .boxheadline {
    margin-bottom: 0;
    padding: 11px 0 6px 11px;
    background-color: #d8d8d8;
}

.layoutexpandableteaser > ul {
    border: 4px solid #d8d8d8;
    border-bottom: 0 none;
}

.layoutexpandableteaser li > h3 .manualteasertitle {
    overflow: hidden;
    display: block;
    height: 40px;
    margin-bottom: 0;
    padding: 0 50px 0 10px;
    font-size: 1em; /* 14px */
    font-weight: 700;
    line-height: 2.8572em; /* 40px */
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    -o-text-overflow: ellipsis;
    background: #900 url(../grafik/spr_expand_arrows.png) no-repeat scroll right 15px;
}

.js .layoutexpandableteaser li > h3 .manualteasertitle {
    color: #900;
    background-color: #fff;
    background-position: right -135px;
}

.js .layoutexpandableteaser li > h3 .manualteasertitle.active {
    color: #fff;
    background-color: #900;
    background-position: right 15px;
}

.js .layoutexpandableteaser li > h3 .manualteasertitle:hover,
.js .layoutexpandableteaser li > h3 .manualteasertitle:focus {
    outline: none;
    text-decoration: underline;
}

.layoutexpandableteaser .accordion_body {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 4px solid #d8d8d8;
}

.layoutexpandableteaser .accordion_body > .manualteaser {
    overflow: hidden;
    clear: both;
    margin-top: 15px;
    border-top: 1px solid #c0c0c0;
    padding-top: 20px;
}

.layoutexpandableteaser .accordion_body > .layouttopteaser,
.layoutexpandableteaser .accordion_body > .layoutstandard {
    margin: 15px 11px 20px;
}

.layoutexpandableteaser .accordion_body > .manualteaser:first-child {
    margin-top: 0;
    border-top: 0 none;
    padding-top: 20px;
}

.layoutexpandableteaser .manualteasershorttext,
.layoutexpandableteaser .manualteaserpicture {
    padding-bottom: 0;
}

.layoutexpandableteaser .manualteaser .manualteasertitle {
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layoutexpandableteaser > .showall {
    margin-top: 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: right;
}

.layoutexpandableteaser.expand_list > .showall {
    position: absolute;
    right: 0;
}

/* tabbed im accordion vom rbb */
.layoutexpandableteaser .accordion_body .manualteaser > .layouttabbedteasermodule {
    margin: -19px 0 0;
    border-top: 0;
    padding: 0;
}

.layoutexpandableteaser .accordion_body .manualteaser > .layouttabbedteasermodule .tab_content { border: 0 none; }


/* teaserbox im expandable */
.layoutexpandableteaser .teaserbox {
    border: 0 none;
    padding: 0;
}

.layoutexpandableteaser .teaserbox .manualteaser.last .relatedcontent { border: 0 none; }

.layoutexpandableteaser .teaserbox .manualteaser.last .relatedcontent .manualteasertitle {
    font-size: 1em;
    line-height: 1.4286em;
}

.layoutexpandableteaser .layouttopteaser.manualteaser .manualteasertitle,
.layoutexpandableteaser .teaserbox .manualteaser .manualteasertitle {
    margin-bottom: 11px;
    font-size: 1.7143em;
    line-height: 1.1667em;
}

.layouthalf_2_4 .layoutexpandableteaser .layouttopteaser > .manualteaserpicture,
.layoutfull_2_4 .layoutexpandableteaser .layouttopteaser > .manualteaserpicture { margin-bottom: 3.6%; }


/* meistgelegsen/meistkommentiert 6.1.14 */
.layoutexpandableteaser .popular .accordion_body { padding: 0; }

.layoutexpandableteaser .popular .manualteaser {
    margin: 12px 0 0;
    border-top: 1px solid #900;
    padding: 10px 11px 0;
}

.layoutexpandableteaser .popular .manualteaser .manualteasertitle {
    margin-bottom: 5px;
    padding-right: 0;
}

.layoutexpandableteaser .popular .manualteaser:first-child { margin-top: 0; padding-top: 11px; }


/* Accordion in Tabview */
.layouttabbedteasermodule .layoutexpandableteaser { border: 0 none; }
.js .layouttabbedteasermodule .layoutexpandableteaser li > h3 .manualteasertitle { border-top: 4px solid #d8d8d8; }
.layouttabbedteasermodule .layoutexpandableteaser .accordion_body { border-bottom: 0 none; }
.layouttabbedteasermodule .layoutexpandableteaser .accordion_body .manualteasershorttext { padding: 15px 10px; }


/* pfeile */
/* nur auf touch geräten */
.layoutexpandableteaser .teaserbox.layouttabbedteasermodule > .wrapper_button_left .ico {
    top: 1px;
    left: 0;
}

.layoutexpandableteaser .teaserbox.layouttabbedteasermodule > .wrapper_button_right .ico {
    top: 1px;
    right: 0;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutfrequences
 *
 * @section layoutfrequences
 */

/**
 * 7.4_9 Frenquenzen
 *
 *  @subsection frequences
 */

.layoutexpandableteaser > .frequences .tab_navigation_viewport {
    width: 100%;
    margin-top: 4px;
}

.js .layoutexpandableteaser > .frequences .tab_navigation_viewport { height: 42px; }

.layoutexpandableteaser > .frequences .logo,
.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo a {
    display: block;
    min-width: 80px;
    text-indent: -9999px;
    background: #fff url(../grafik/spr_epg_logos.png) no-repeat scroll;
    background-position: center 8px;
}

.layoutexpandableteaser > .frequences .tab_content .logo {
    height: 35px;
    min-width: 100px;
    margin-top: 20px;
    background: #fff url(../grafik/spr_radio_logos.png) no-repeat scroll 0 0;
    overflow: hidden;
}

.layoutexpandableteaser > .frequences .tab_navigation_extend li a { min-width: 110px; }

.layoutexpandableteaser > .frequences .active:after { bottom: -8px; }

/* .layoutexpandableteaser > .frequences .tab_navigation_viewport .logo:last-child a { border-right: 0 none; } */
.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.active a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.active a,
.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo a:focus,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo a:focus,
.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo a:hover,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo a:hover {
    background-color: #900;
    background-image: url(../grafik/spr_epg_logos_white.png);
    background-repeat: no-repeat;
}

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.rbb_fernsehen a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.rbb_fernsehen,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.rbb_fernsehen a { background-position: center 8px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.antenne_brandenburg a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.antenne_brandenburg a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.antenne_brandenburg { background-position: center -72px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.radio_berlin a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.radio_berlin a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.radio_berlin { background-position: center -156px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.radio_eins a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.radio_eins a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.radio_eins { background-position: center -230px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.inforadio a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.inforadio a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.inforadio { background-position: center -312px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.kulturradio a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.kulturradio a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.kulturradio { background-position: center -391px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.fritz a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.fritz a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.fritz { background-position: center -483px; }

.layoutexpandableteaser > .frequences .tab_navigation_viewport .logo.funkhaus_europa a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.funkhaus_europa a,
.layoutexpandableteaser > .frequences .tab_navigation_extend .logo.funkhaus_europa {
    background-position: center -553px;
    min-width: 100px;
}

.layoutexpandableteaser > .frequences .tab_content .logo.antenne_brandenburg { background-position: 0 8px; }
.layoutexpandableteaser > .frequences .tab_content .logo.radio_berlin { background-position: 0 -100px; }
.layoutexpandableteaser > .frequences .tab_content .logo.radio_eins { background-position: 0 -200px; }
.layoutexpandableteaser > .frequences .tab_content .logo.inforadio { background-position: 0 -285px; }
.layoutexpandableteaser > .frequences .tab_content .logo.kulturradio { background-position: 0 -400px; }
.layoutexpandableteaser > .frequences .tab_content .logo.fritz { background-position: 0 -500px; }
.layoutexpandableteaser > .frequences .tab_content .logo.funkhaus_europa { background-position: 0 -600px; }


/* content */
.layoutexpandableteaser > .frequences .tab_content {
    margin: 32px 11px 20px;
    border-width: 0;
}

.layoutexpandableteaser > .frequences .tab_content table td {
    width: 50%;
    border-top: 2px solid #fff;
    padding: 6px 15px;
    font-weight: 700;
    vertical-align: middle;
    background-color: #F2F2F2;
}

.layoutexpandableteaser > .frequences .tab_content table td:first-child {
    border-top: 2px solid #F2F2F2;
    padding-left: 0;
    font-weight: 400;
    background-color: #fff;
}

.layoutexpandableteaser > .frequences .tab_content table tr:first-child td { border-top: 0 none; }

.layoutexpandableteaser > .frequences .tab_content table td strong {
    display: block;
    font-weight: 700;
}

#main > .layoutexpandableteaser.first .frequences .wrapper_button_left .ico,
#col1 > .layoutexpandableteaser.first .frequences .wrapper_button_left .ico,
#main > .layoutexpandableteaser.first .frequences .wrapper_button_right .ico,
#col1 > .layoutexpandableteaser.first .frequences .wrapper_button_right .ico,
#main > .layoutexpandableteaser:first-child .frequences .wrapper_button_left .ico,
#col1 > .layoutexpandableteaser:first-child .frequences .wrapper_button_left .ico,
#main > .layoutexpandableteaser:first-child .frequences .wrapper_button_right .ico,
#col1 > .layoutexpandableteaser:first-child .frequences .wrapper_button_right .ico,
.frequences .layouttabbedteasermodule .wrapper_button_left .ico,
.frequences .layouttabbedteasermodule .wrapper_button_right .ico {
  position: relative;
  top: -41px;
}

.frequences .layouttabbedteasermodule .wrapper_button_left .ico.ico_arrow_wide_left {
  float: left;
  left: 0;
}
.frequences .layouttabbedteasermodule .wrapper_button_right .ico.ico_arrow_wide_right {
  float: right;
  right: 0;
}

#main > .teaserbox .frequences .layouttabbedteasermodule .wrapper_button_left > ul.tab_navigation_extend,
#main > .teaserbox .frequences .layouttabbedteasermodule .wrapper_button_right > ul.tab_navigation_extend,
#col1 > .teaserbox .frequences .layouttabbedteasermodule .wrapper_button_left > ul.tab_navigation_extend,
#col1 > .teaserbox .frequences .layouttabbedteasermodule .wrapper_button_right > ul.tab_navigation_extend {
  top: auto;
  margin-top: -8px;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutgalleryslider
 *
 * @section layoutgalleryslider
 */

@media screen and (max-width: 568px) {
    .galleryslider_thumbs_wrapper {
        height: 0 !important;
        margin: 0!important;
        padding-bottom: 0 !important;
    }

    .layoutgalleryslider .description {
        height: auto !important;
    }
}


/*
 * IE8
 */

.ie8 .slider .gallery_content .layoutstandard .manualteaserpicture {
    float: none;
    display: block;
    max-width: none;
    margin: 0;
}


/**
 * 7.2.12 Slider
 *
 * @subsection layoutgalleryslider
 */

.teaserbox.layoutgalleryslider { padding-top: 15px; }
.manualteaser.layoutgalleryslider { padding-top: 11px; }

.layoutarticlemodule .layoutgalleryslider { padding-top: 0; }

#col2 .layoutgalleryslider div.caroufredsel_wrapper { min-height: 28px; }
#col2 .layoutgalleryslider .galleryslider_thumbs_wrapper {
    overflow: visible;
    position: absolute;
    top: 131px;
    left: 0;
    width: 100%;
    height: 29px;
    margin: 0;
    border: 0 none;
}

.slider { position: relative; }

.slider .scrollbox {
    overflow: hidden;
    position: relative;
    height: 100%;
    margin: 0 25px;
}
.touch .slider .scrollbox {
    margin: 0 4px;
}

.galleryslider_thumbs_wrapper .wrapper_slider {
    overflow: visible;
    position: relative;
    margin: 0 25px;
}

.touch .galleryslider_thumbs_wrapper .wrapper_slider {
    margin: 0 4px;
}

.touch .galleryslider_thumbs .wrapper_slider { overflow: hidden; margin: 0 4px;}

/*
 * Gallerie Controls
 */

.slider .skip {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 22;
    width: 25px;
    cursor: pointer;
    pointer-events: all;
}

.slider .skip:focus, .slider .skip:active { position: absolute; outline: none; }

.slider .skip.forward {
    right: 0;
    left: auto;
}

.slider .skip .ico {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -12px;
    text-align: center;
}

.slider .skip .ico:before { color: #fff; }
.slider .skip.disabled { cursor: no-drop; }
.slider .skip.disabled .ico { display: none; }


/*
 * Slider Controls > when direct descendant then make them opaque
 */

.slider > .skip {
    display: none;
    border-right: 1px solid #9D9D9D;
    background-color: #595959;
}

.slider > .skip:hover,
.slider > .skip.active { background-color: #333; }
.slider > .skip.disabled:hover { background-color: #595959; }

.slider > .skip.forward {
    z-index: 5 !important;
    border-right: 4px solid #D8D8D8;
    border-right: 0 none;
    border-left: 1px solid #d8d8d8;
}

.slider > .skip.back {
    z-index: 5 !important;
    border-left: 4px solid #D8D8D8;
    border-left: 0 none;
}

.slider.scrollable > .skip {
    display: block;
}


/*
 * Slider Controls > when direct descendant and touch, make scrollhints
 */

.touch .slider > .skip { display: none; width: 35px; background: transparent url(../grafik/spr_topnav_shadow.png) repeat-y scroll 0 0; }
.touch .slider > .skip .ico { display: none; }
.touch .slider > .skip.forward { background-position: right 0; }

.touch .slider > .skip.forward,
.touch .slider > .skip.back {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.touch .slider.scrollable > .skip { display: block; }


/*
 * Slider Play / Pause / Fullscreen Controls
 */

.slider .controls {
    pointer-events: none;
}

.slider .controls .bottom {
    position: absolute;
    right: 4px;
    bottom: 5px;
    z-index: 23;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 3px 3px 4px;
    background-color: #f0f0f0;
}

.slider .controls .skip {
    position: absolute;
    top: 25px;
    bottom: 25px;
    height: auto;
}

.slider .controls .skip .ico {
    position: absolute;
}

.slider .controls .control {
    display: inline-block;
    width: 23px;
    height: 23px;
    outline: none;
    text-indent: -9999px;
    background: transparent url(../grafik/spr_controls.png) no-repeat scroll;
    cursor: pointer;
    pointer-events: all;
}

.slider .controls .fullscreen { margin-left: 4px; background-position: 0 0; }
.slider .controls .fullscreen:focus,
.slider .controls .fullscreen:hover,
.slider .controls .fullscreen.active { background-position: 0 -41px; }

.slider .controls .play { background-position: 0 -83px; }
.slider .controls .play:focus,
.slider .controls .play:hover,
.slider .controls .play.active { background-position: 0 -125px; }

.slider .controls .pause { background-position: 0 -167px; }
.slider .controls .pause:focus,
.slider .controls .pause:hover,
.slider .controls .pause.active { background-position: 0 -209px; }

.slider .image_control { position: relative; }


/*
 * Gallerie Thumbnails
 */

.galleryslider_thumbs_wrapper {
    display: none;
}

.js .galleryslider_thumbs_wrapper {
    overflow: hidden;
    display: block;
    width: auto;
    margin: 14px 0 -45px;
    padding-bottom: 60px;
}

.slider.thumbs {
    overflow: visible;
    position: relative;
    height: 56px;
    border: 4px solid #D8D8D8;
    border-right: 0 none;
    border-left: 0 none;
    background-color: #D8D8D8;
}

.slider.thumbs .scrollcontent.inactive { padding-left: 4px; }

.slider.thumbs li {
    float: left;
    width: 98px;
    border-right: 1px solid #D8D8D8;
}

.slider.thumbs li > a,
.slider.thumbs li > a img {
    overflow: hidden;
    float: left;
    border: 0 none;
}

.slider.thumbs li > a .ico {
    position: absolute;
    top: auto;
    right: 2px;
    bottom: 2px;
    display: none;
}

.slider.thumbs li.selected a { border: 4px solid #900;}
.slider.thumbs li.selected a img { margin: -4px; }

.no-touch .slider.thumbs li > a:hover { border: 4px solid #900; }
.no-touch .slider.thumbs li > a:hover img { margin: -4px; }
.no-touch .slider.thumbs li > a:hover .ico { display: block; }


/*
 * Gallerie Thumbnail Flyouts
 */

.slider.thumbs li .flyout {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 89;
    display: none;
    width: 200px;
    -webkit-box-shadow: 1px 1px 7px #c0c0c0;
    -moz-box-shadow: 1px 1px 7px #c0c0c0;
    box-shadow: 1px 1px 7px #c0c0c0;
    padding: 5% 10%;
    font-size: 0.9286em; /* 13px */
    line-height: 1.5385em; /* 20px */
    background-color: #fff;
}


.slider.thumbs .flyout:before {
    position: absolute;
    top: -8px;
    left: 25%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    content: "";
}

.slider.thumbs li:focus > .flyout,
.slider.thumbs li:hover > .flyout { display: block; }


.slider.thumbs .align_right .flyout {
    right: 0;
    left: auto;
}
.slider.thumbs .align_right .flyout:before {
    right: 15%;
    left: auto;
}

/* rbb, um springen der seite zu vermeiden */
.js .gallery .scrollcontent .gallery_content,
.js .thumbs .scrollcontent li {
    display: none;
}
.js .gallery .scrollcontent .gallery_content:first-child,
.js .thumbs .scrollcontent li:first-child {
    display: inline-block;
}


/*
 * Gallerie Inhalt
 */

.slider .gallery_content .layoutstandard .manualteaserpicture {
    float: none;
    display: block;
    max-width: none;
    margin: 0;
}


.slider .gallery_content figcaption,
.slider.small .gallery_content .copyright {
    display: block;
    margin-bottom: 1px;
    padding: 0 11px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    text-align: right;
    color: #595959;
}

.slider.small .gallery_content .copyright { margin-top: 35px; }

.slider .gallery_content .manualteaserroofline { margin-bottom: 2px; }

.slider .gallery_content .manualteasertitle {
    padding-right: 0;
}

.slider .gallery_content .manualteasershorttext {
    max-width: 709px;
    margin-bottom: 5px;
}

/* reset falls andere modul klassen auf dem article liegen */
.slider .gallery_content .manualteaser,
.slider .gallery_content .manualteaser .manualteaserpicture {
    overflow: auto;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}


/*
 * Gallerie in der 1/4 Spalte
 */

.slider.small {
    overflow: hidden;
    position: relative;
    height: auto;
    margin: 0 0 16px 0;
}

.slider.small .wrapper_slider {
    position: relative;
}

.slider.small .gallery_content { float: left; height: 100%; max-width: 232px; }
.slider.small .gallery_content img { width: 232px; height: 131px; }
.slider.small.no_text .gallery_content { float: left; height: 100%; }

.slider.small .manualteasertitle {
    overflow: hidden;
    font-size: 1.1428em; /* 16px */
    line-height: 1.375em; /* 22px */
}

.slider.small .gallery_content .manualteaserpicture img { margin-bottom: 33px; }
.slider.small .gallery_content figcaption,
.slider.small .gallery_content .copyright,
.slider.small .gallery_content h3,
.slider.small .gallery_content .manualteasershorttext {
    padding: 0;
    line-height: 1.2857em; /* 18px */
}


.slider.small .controls { display: none; }

.js .slider.small .controls {
    display: block;
}

.slider.small:hover .skip { display: block !important; }

.slider.small .skip {
    top: 0;
    border: 0 none;
    background-color: transparent;
}

.slider.small .controls .skip:hover,
.slider.small .controls .skip.active { background: none; }
.slider.small .controls .skip.disabled:hover { background: none; }

.slider.small .controls .bottom {
    bottom: 35px;
}


/*
 * Quadratische Thumbs
 */

.slider.thumbs.small {
    overflow: visible;
    height: 26px;
    border: 0 none;
    padding-top: 3px;
    padding-right: 0;
    background-color: #f0f0f0;
}

.slider.thumbs.small .scrollcontent {
    width: 100% !important; /* JS inline style überschreiben */
    padding: 0;
    text-align: center !important; /* JS inline style überschreiben */
}

.slider.thumbs.small .skip { display: none !important; /* JS inline style überschreiben */ }

.slider.thumbs.small li {
    position: static;
    float: none;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 1px;
    border: 1px solid #535353;
}

.slider.thumbs.small li:first-child {
    margin-left: 0;
}

.slider.thumbs.small li a {
    width: 6px;
    height: 6px;
}

.slider.thumbs.small li > a:focus,
.slider.thumbs.small li > a:hover { border: 0 none; }

.slider.thumbs.small li a:hover,
.slider.thumbs.small li a:focus { background-color: #535353; }
.slider.thumbs.small .active a { background-color: #000; }
.slider.thumbs.small .active { border-color: #000; }

.slider.thumbs.small li.selected a {
    border: none;
    background-color: #535353;
}

.slider.thumbs.small li a img {
    position: absolute;
    bottom: 30px;
    left: 21%;
    z-index: 100;
    display: none;
    width: 98px;
    height: 56px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
    border: 2px solid #d8d8d8;
}

.slider.thumbs.small a:hover img,
.slider.thumbs.small a:focus img { display: block; }


/*
 * Gallerie in der 3/4 Spalte
 */

.gallery .wrapper_slider {
    overflow: hidden;
    position: relative;
}

.js .gallery .wrapper_slider .scrollcontent {
    width: 30000px;
}

.slider .copyright {
    display: block;
    padding-top: 5px;
    text-align: right;
}

.slider .description h3 {
    margin-top: 3.6%;
}

.slider .description .copyright ~ h3 {
    margin-top: 10px;
}

.slider .description > .inner > h3 > a > .manualteasertitle:first-child { margin-top: 20px; }

.gallery .wrapper_slider .controls {
    display: none;
}

.js .gallery .wrapper_slider .controls {
    display: block;
}

.js .gallery .gallery_content {
    float: left;
}

.gallery .gallery_content .player img,
.gallery .gallery_content .image_control img {
    width: 100%;
    height: auto;
}

.gallery .gallery_content .figcap {
    display: none;
}

.touch .gallery .controls .bottom { display: none; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutnewsticker
 *
 * @section layoutnewsticker
 */

@media screen and (min-width: 480px) {

    .slider .newsticker li .manualteaserpicture img { max-width: 184px; }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .slider .newsticker li .manualteaserpicture img { max-width: 184px; }


/**
 * touch
 *
 * @subsection touch
 */

.touch .newsticker .manualteaser .hideme {
    top: -3000px;
}


/**
 * 7.2.5 Newsticker
 *
 * @subsection layoutnewsticker layoutnewsticker_short layoutnewsticker_newsteaser
 */

.layoutnewsticker_newsteaser,
.layoutnewsticker_short,
.layoutnewsticker { position: relative; }

.layoutnewsticker_newsteaser .slider,
.layoutnewsticker .slider,
.layoutnewsticker_short .slider {
    overflow: hidden;
    position: relative;
    height: auto;
    border: 4px solid #d8d8d8;
}

.layoutnewsticker .slider .skip,
.layoutnewsticker_short .slider .skip,
.layoutnewsticker_newsteaser .slider .skip { display: block; }

.teaserbox.layoutnewsticker .rsslink ~ .slider,
.teaserbox.layoutnewsticker_short  .rsslink ~ .slider,
.teaserbox.layoutnewsticker_newsteaser .rsslink ~ .slider,
.teaserbox.layoutstandard .rsslink ~ .slider { margin-top: 31px; }

.layoutbreaking_news + .teaserbox > .rsslink + .slider { margin-top: 51px; }

.teaserbox.layoutnewsticker .boxheadline ~ .slider,
.teaserbox.layoutnewsticker_short .boxheadline ~ .slider,
.teaserbox.layoutnewsticker_newsteaser .boxheadline ~ .slider,
.teaserbox.layoutstandard .boxheadline ~ .slider { margin-top: 0; }

.slider .scrollcontent.inactive { padding-left: 0; }

.slider .scrollbox .scrollcontent.newsticker {
    overflow: hidden;
    height: inherit; /* overrride default height of 100% which makes the ul a height of actual 0 */
    height: auto; /* Patch RBBIP-871 */
}

.slider .scrollbox .scrollcontent.newsticker > li {
    display: block !important; /* inline js überschreiben für newsticker */
}

.newsticker .manualteaser {
    float: left;
    width: 187px;
    height: 100%;
    border-right: 1px solid #d8d8d8;
    padding: 0 1em;
}

.newsticker .manualteaser .manualteaserpicture + h3 {
    margin-top: 20px;
}

.layoutnewsticker .newsticker .manualteaserpicture { margin-bottom: 5px; }

.layoutnewsticker  .slider .newsticker .ico_media_video,
.layoutnewsticker  .slider .newsticker .ico_media_image,
.layoutnewsticker  .slider .newsticker .ico_media_audio,
.layoutnewsticker  .slider .newsticker .ico_media_download {
    top: 27px;
    right: 7px;
}

.slider .newsticker .manualteaser > .manualteaserroofline,
.slider .newsticker .manualteaser > .manualteaserdatetime {
    margin: 0 -1em;
    border-bottom: 1px solid #d8d8d8;
    padding: 0.5em 1em;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1em; /* 14px */
    font-style: italic;
    line-height: 1.75em;
    color: #333;
    background-color: #f2f2f2;
}

.slider .newsticker .manualteasertitle {
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
    font-weight: 700;
}

.slider .newsticker .ico ~ .manualteasertitle {
    padding-right: 40px;
}

.layoutnewsticker .manualteasertitle,
.layoutnewsticker_short .manualteasertitle {
    margin-top: 10px;
}

.layoutepg .slider.tips .manualteaser .manualteasershorttext,
.slider .newsticker .manualteaser .manualteasershorttext,
.layoutnewsticker_short .slider .newsticker .manualteaser .manualteasertitle {
    padding-bottom: 20px;
}

.layoutnewsticker_newsteaser .slider .manualteaser .manualteaserroofline + .manualteaserpicture {
    margin-top: 4px;
}

.layoutnewsticker_newsteaser .slider .newsticker .manualteaser > .manualteaserroofline {
    margin:0 -1.5em 20px;
    padding-left: 1.5em;
}

.content_slider .caroufredsel_wrapper,
.slider .caroufredsel_wrapper {
    overflow: visible !important;
    position: relative !important;
    width: auto !important;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutpremium_header_slider
 *
 * @section layoutpremium_header_slider
 */

@media screen and (min-width: 883px) {

    .layoutlastnextshowteaser .additional_info { height: 33px; }
}

@media screen and (min-width: 768px) {

    .medium .header_slider .wrapper_slider .manualteaser > .teaser,
    .layoutpremium .manualteaser > .teaser {
        position: absolute;
        top: 50%;
        right: 35px;
        width: 434px;
        height: 189px; /* 209 */
        margin-top: -105px;
        padding-top: 20px;
    }

    .medium .header_slider .wrapper_slider .layoutstandard .teaser,
    .layoutpremium .layoutstandard .teaser {
        width: 404px; /* 434 */
        height: 169px; /* 209 */
    }

    #contentheader.premium .manualteaser img { height: auto; }

    .medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteasershorttext,
    .layoutpremium .layoutstandard .teaser .manualteasershorttext {
        overflow: hidden;
        max-height: 100px;
    }

    .medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteasertitle,
    .layoutpremium .layoutstandard .teaser .manualteasertitle {
        overflow: hidden;
        padding-right: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
    }

    /* Top Teaser */
    .medium .header_slider .wrapper_slider .layouttopteaser .manualteasertitle,
    .layoutpremium .layouttopteaser .manualteasertitle {
        overflow: hidden;
        padding-right: 0;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser,
    .layoutpremium .layouttopteaser {
        min-height: 279px;
        padding-top: 0;
        background-color: #fff;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .manualteaserdatetime {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 48.2%;
    }

    .layoutpremium .layouttopteaser .manualteaserdatetime {
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: 46.7%;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .teasercontent,
    .layoutpremium .layouttopteaser .teasercontent {
        min-height: 259px;
    }

    /* layoutzitat */
    .medium .header_slider .layoutzitat .quote p { max-height: 88px; }
    
    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .next_issue .wrapper_pic_mod {
        float: left;
        display: inline;
        width: 43%;
    }
    
    .layoutlastnextshowteaser > .next_issue > .teaser { margin-right: 20px; }

}

@media screen and (max-width: 767px) {

    .medium .header_slider {
        margin-bottom: 25px;
        background-color: #fff;
    }

    .layoutpremium .manualteaser > .teaser {
        padding: 20px 0;
    }

    /* Top Teaser */
    .medium .header_slider .wrapper_slider .relatedcontent,
    .layoutpremium .relatedcontent {
        display: none;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser > .manualteaserpicture,
    .layoutpremium .layouttopteaser > .manualteaserpicture {
        margin-bottom: 0;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .manualteaserdatetime,
    .layoutpremium .layouttopteaser .manualteaserdatetime {
        position: relative;
        width: 100%;
        margin-top: -30px;
    }

    .layoutpremium .layouttopteaser .manualteasershorttext { padding-bottom: 15px; }
    
    .medium .header_slider .wrapper_slider .layouttopteaser .teasercontent,
    .layoutpremium .layouttopteaser .teasercontent { padding: 20px 15px; }

    /* Zitat Teaser */
    .medium .header_slider .wrapper_slider .layoutzitat > .teaser,
    .layoutpremium .layoutzitat > .teaser {
        position: relative;
    }

    .medium .header_slider .wrapper_slider .layoutzitat .manualteaserdatetime,
    .layoutpremium .layoutzitat .manualteaserdatetime {
        position: absolute;
        top: -30px;
        left: 0;
    }

    /* Plakativ Teaser */
    .medium .header_slider .wrapper_slider .layoutplakativteaser,
    .layoutpremium .layoutplakativteaser { height: auto; }

    .medium .header_slider .wrapper_slider .layoutplakativteaser > .teaser,
    .layoutpremium .layoutplakativteaser > .teaser {
        position: relative;
    }

    .medium .header_slider .wrapper_slider .layoutplakativteaser .manualteaserdatetime,
    .layoutpremium .layoutplakativteaser .manualteaserdatetime {
        position: absolute;
        top: -30px;
        left: 0;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .manualteaserpicture img,
    .layoutpremium .layouttopteaser .manualteaserpicture img {
        max-width: none;
    }
    
    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .next_issue .wrapper_pic_mod { margin-bottom: 10px; }
}

@media screen and (min-width: 680px) and (max-width: 767px) {
    
    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .next_issue .manualteaserpicture {
        display: none;
    }
    
    .layoutlastnextshowteaser > .next_issue > .teaser { margin: 0 20px; }
}

@media screen and (min-width: 680px) {

    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser { height: 264px; }

    .layoutpremium .layoutlastnextshowteaser .manualteaserpicture { padding-bottom: 0; }
    .layoutpremium .layoutlastnextshowteaser .manualteaserpicture img {
        position: static;
        top: auto;
        left: auto;
        height: auto;
    }

    .layoutlastnextshowteaser > .last_issue {
        float: left;
        display: inline;
        width: 48.2051%;
        height: 264px;
        margin-right: 3.5897%;
    }

    .layoutlastnextshowteaser > .last_issue .manualteaserpicture {
        height: 264px;
    }

    .layoutlastnextshowteaser .additional_info {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .layoutlastnextshowteaser > .next_issue {
        height: 244px;
        padding-top: 20px;
    }

    .layoutlastnextshowteaser > .next_issue .manualteaserdatetime { bottom: 0; }
    
    .layoutlastnextshowteaser > .next_issue .wrapper_pic_mod {
        margin-right: 20px;
        margin-left: 20px;
    }

    /*anzeigenlogik*/
    .no-touch .layoutlastnextshowteaser .last_issue:hover .additional_info {
        height: auto;
        max-height: 200px;
        -webkit-transition: max-height 500ms ease;
        -moz-transition: max-height 500ms ease;
        -ms-transition: max-height 500ms ease;
        -o-transition: max-height 500ms ease;
        transition: max-height 500ms ease;
    }
}

@media screen and (max-width: 679px) {

    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .last_issue { padding-top: 33px; }
    .layoutlastnextshowteaser > .last_issue .manualteaserpicture { padding-bottom: 56.25%; }

    .layoutlastnextshowteaser > .last_issue .manualteaserpicture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .layoutlastnextshowteaser .additional_info .manualteasershorttext {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .layoutlastnextshowteaser .additional_info h3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .layoutlastnextshowteaser .manualteaserpicture.video img { height: 100%; }

    .layoutlastnextshowteaser > .next_issue .manualteaserdatetime { top: 0; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {

    /* Top Teaser*/
    .medium .header_slider .wrapper_slider .layouttopteaser > .manualteaserpicture,
    .layoutpremium .layouttopteaser > .manualteaserpicture {
        float: none;
        display: block;
        margin-right: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {

    .medium .header_slider .wrapper_slider .manualteaser {
        overflow: hidden;
    }

    .medium .header_slider .wrapper_slider .manualteaser img,
    .layoutpremium .manualteaser img { height: auto; }
}

@media screen and (min-width: 480px) and (max-width: 679px) {

    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .next_issue > .teaser {
        margin-right: 8px;
    }

    .layoutlastnextshowteaser > .next_issue {
        margin-top: 30px;
        padding: 41px 0 8px;
    }
    
    .layoutlastnextshowteaser > .next_issue .wrapper_pic_mod {
        float: left;
        display: inline;
        width: 43%;
        margin: 0 20px 0 8px;
    }

    .layoutlastnextshowteaser .next_issue .manualteaserpicture {
        max-width: 325px;
        padding-bottom: 0;
    }
    
    .layoutlastnextshowteaser .next_issue .manualteaserpicture img {
        position: static;
        top: auto;
        left: auto;
    }
    
    .layoutlastnextshowteaser > .next_issue > .teaser { margin: 0 20px; }
}

@media screen and (min-width: 480px) {

    /* Zitat */
    .medium .header_slider .layoutzitat .quote p,
    .layoutpremium .layoutzitat .quote p {
        padding-left: 57px;
        font-size: 1.1428em; /* 16px */
        line-height: 1.375em; /* 22px */
    }
}

@media screen and (max-width: 479px) {

    .medium .header_slider .wrapper_slider .manualteaser {
        overflow: hidden;
    }

    .medium .header_slider .wrapper_slider .manualteaser > .teaser .manualteaserdatetime,
    .layoutpremium .manualteaser > .teaser .manualteaserdatetime,
    .layoutlastnextshowteaser .manualteaserdatetime {
        padding-top: 12px;
        font-size: 0.8571em; /* 12px */
        line-height: 1.3333em; /* 16px */
    }

    /* Top Teaser */
    .medium .header_slider .wrapper_slider .layouttopteaser .manualteasertitle,
    .layoutpremium .layouttopteaser .manualteasertitle {
        font-size: 1.2857em; /* 18px */
        line-height: 1.3333em; /* 24px */
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .teasercontent,
    .layoutpremium .layouttopteaser .teasercontent {
        padding: 20px 15px;
    }

    .medium .header_slider .wrapper_slider .layouttopteaser .manualteaserdatetime,
    .layoutpremium .layouttopteaser .manualteaserdatetime {
        padding-top: 12px;
        font-size: 0.8571em; /* 12px */
        line-height: 1.3333em; /* 16px */
    }

    /* layoutlastnextshowteaser */
    .layoutlastnextshowteaser > .next_issue {
        margin-top: 30px;
        padding: 41px 8px 0;
    }
    
    .layoutlastnextshowteaser > .next_issue .moderation_list { margin-bottom: 10px;}
    
    /* Plakativteaser */
    .medium .header_slider .wrapper_slider .layoutplakativteaser .teaser .manualteasertitle,
    .layoutpremium .layoutplakativteaser .teaser .manualteasertitle {
        white-space: normal;
        text-overflow: inherit;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

/* layoutlastnextshowteaser */
.ie8 .layoutlastnextshowteaser > .next_issue > .teaser {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 184px;
}

.ie8 .layoutlastnextshowteaser > .next_issue {
    height: 244px;
}

.ie8 .medium .header_slider .wrapper_slider .manualteaser > .teaser,
.ie8 .layoutpremium .manualteaser > .teaser {
    position: absolute;
    top: 35px;
    right: 35px;
    width: 434px;
    height: 189px; /* 209 */
    padding-top: 20px;
}

.ie8 .medium .header_slider .wrapper_slider .layoutstandard .teaser,
.ie8 .layoutpremium .layoutstandard .teaser {
    width: 404px; /* 434 */
    height: 169px; /* 209 */
}

.ie8 .medium .header_slider .wrapper_slider .manualteaserpicture,
.ie8 .layoutpremium .manualteaserpicture {
    padding-bottom: 279px;
}

.ie8 .medium .header_slider .wrapper_slider .manualteaser img,
.ie8 .layoutpremium .manualteaser img {
    width: auto;
    height: 100%;
}

.ie8 #contentheader.premium .manualteaser img { height: auto; }

.ie8 .medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteasershorttext,
.ie8 .layoutpremium .layoutstandard .teaser .manualteasershorttext {
    overflow: hidden;
    max-height: 100px;
}

.ie8 .medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteasertitle,
.ie8 .layoutpremium .layoutstandard .teaser .manualteasertitle {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

/* Top Teaser */
.ie8 .medium .header_slider .wrapper_slider .layouttopteaser .manualteasertitle,
.ie8 .layoutpremium .layouttopteaser .manualteasertitle {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.ie8 .medium .header_slider .wrapper_slider .layouttopteaser,
.ie8 .layoutpremium .layouttopteaser {
    height: 279px;
    padding-top: 0;
    background-color: #fff;
}

.ie8 .medium .header_slider .wrapper_slider .layouttopteaser .manualteaserdatetime {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48.2%;
}

.ie8 .layoutpremium .layouttopteaser .manualteaserdatetime {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 46.7%;
}

.ie8 .medium .header_slider .wrapper_slider .layouttopteaser .teasercontent,
.ie8 .layoutpremium .layouttopteaser .teasercontent {
    height: 259px;
}

.ie8 .layoutpremium .layouttopteaser .manualteasershorttext { height: 63px; }

/* layoutzitat */
.ie8 .medium .header_slider .layoutzitat .quote p,
.ie8 .layoutpremium .layoutzitat .quote p {
    max-height: 88px;
    padding-left: 57px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.375em; /* 22px */
}

/* layoutlastnextshowteaser */
.ie8 .layoutlastnextshowteaser { height: 264px; }

.ie8 .layoutpremium .layoutlastnextshowteaser .manualteaserpicture { padding-bottom: 0; }
.ie8 .layoutpremium .layoutlastnextshowteaser .manualteaserpicture img {
    position: static;
    top: auto;
    left: auto;
    height: auto;
}

.ie8 .layoutlastnextshowteaser > .last_issue {
    float: left;
    display: inline;
    width: 48.2051%;
    height: 264px;
    margin-right: 3.5897%;
}

.ie8 .layoutlastnextshowteaser > .last_issue .manualteaserpicture {
    height: 264px;
}

.ie8 .layoutlastnextshowteaser .additional_info {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ie8 .layoutlastnextshowteaser .additional_info { height: 33px; }

.ie8 .layoutlastnextshowteaser > .next_issue {
    height: 244px;
    padding-top: 20px;
}

.ie8 .layoutlastnextshowteaser > .next_issue .manualteaserdatetime { bottom: 0; }

.ie8 .layoutlastnextshowteaser > .next_issue .wrapper_pic_mod {
    margin-right: 20px;
    margin-left: 20px;
    float: left;
    display: inline;
    width: 43%;
}

.ie8 .layoutlastnextshowteaser > .next_issue > .teaser { margin-right: 20px; }

/*anzeigenlogik*/
.ie8 .layoutlastnextshowteaser .last_issue:hover .additional_info {
    height: auto;
    max-height: 200px;
    -webkit-transition: max-height 500ms ease;
    -moz-transition: max-height 500ms ease;
    -ms-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease;
}


/**
 * Premium Teaser
 *
 * @subsection layoutpremium
 */

#main > .teaserbox.layoutpremium {
    position: relative;
    z-index: 13;
    border-top: 0 none;
    padding: 10px 0;
}

.layoutpremium {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    background-color: #a0a0a0;
}

.layoutpremium > .manualteaser {
    padding: 15px;
    background-color: #707070;
}

.medium .header_slider .wrapper_slider .manualteaser > .teaser { padding-top: 20px; }

.medium .header_slider .wrapper_slider .manualteaser > .teaser,
.layoutpremium .manualteaser > .teaser { background-color: #fff; }

.medium .header_slider .wrapper_slider .manualteaserpicture,
.layoutpremium .manualteaserpicture {
    overflow: hidden;
}

.medium .header_slider .wrapper_slider .manualteaser img,
.layoutpremium .manualteaser img {
    display: block;
}

.medium .header_slider .wrapper_slider .manualteaser > .teaser .manualteaserdatetime,
.layoutpremium .manualteaser > .teaser .manualteaserdatetime {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 17px; /* 30 */
    padding: 7px 2%;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff; /* theme */
    background-color: #900; /* theme */
    -o-text-overflow: ellipsis;
}


/**
 * 6.3_6_Teaser Slider 4/4 (6.2.6)
 *
 * @subsection layoutstandard
 */

 .medium .header_slider .play_icon_layer { z-index: 11; } /* damit es über dem video/bild liegt */

.medium .header_slider .wrapper_slider .manualteaser.layoutstandard .manualteaserpicture,
.layoutpremium .manualteaser.layoutstandard .manualteaserpicture {
    float: none;
    display: block;
    max-width: none;
    margin: 0;
}

.medium .header_slider .wrapper_slider .layoutstandard .teaser,
.layoutpremium .layoutstandard .teaser {
    padding: 20px 15px;
}

.medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteaserroofline,
.layoutpremium .layoutstandard .teaser .manualteaserroofline {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.medium .header_slider .wrapper_slider .layoutstandard .teaser .manualteasertitle,
.layoutpremium .layoutstandard .teaser .manualteasertitle {
    font-size: 1.2857em; /* 18px */
    line-height: 1.3333em; /* 24px */
}


/**
 * 6.3_5_Teaser Fallback 4/4 (6.2.5)
 *
 * @subsection layouttopteaser
 */

.layoutpremium .layouttopteaser > .manualteaserpicture {
    margin: 0;
    padding-right: 0;
    background-color: #fff;
}

.layoutpremium .layouttopteaser > .teasercontent { padding-left: 3.6%; }

.medium .header_slider .wrapper_slider .layouttopteaser .manualteaserdatetime,
.layoutpremium .layouttopteaser .manualteaserdatetime {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    padding: 7px 11px;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff; /* theme */
    background-color: #900; /* theme */
}

.medium .header_slider .wrapper_slider .layouttopteaser .teasercontent,
.layoutpremium .layouttopteaser .teasercontent {
    padding-top: 20px;
    background-color: #fff;
}

.medium .header_slider .wrapper_slider .layouttopteaser .manualteaserroofline,
.layoutpremium .layouttopteaser .manualteaserroofline {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.medium .header_slider .wrapper_slider .layouttopteaser .manualteasershorttext,
.layoutpremium .layouttopteaser .manualteasershorttext {
    overflow: hidden;
    margin-right: 15px;
}

.medium .header_slider .wrapper_slider .layouttopteaser .relatedcontent,
.layoutpremium .layouttopteaser .relatedcontent { margin-right: 15px; }
.medium .header_slider .wrapper_slider .layouttopteaser .relatedcontent .manualteasertitle,
.layoutpremium .layouttopteaser .relatedcontent .manualteasertitle { margin-bottom: 0; }
.medium .header_slider .wrapper_slider .layouttopteaser .relatedcontent .layoutrelated_content_standard,
.layoutpremium .layouttopteaser .relatedcontent .layoutrelated_content_standard { padding: 10px 0; }


/**
 * 6.1.8 Zitat aus Nachricht 2/4
 *
 * @subsection layoutzitat
 */

/* 4/4 variante für premium */
.medium .header_slider .layoutzitat .teaser,
.layoutpremium .layoutzitat .teaser { padding-top: 24px; }

.medium .header_slider .layoutzitat h3,
.layoutpremium .layoutzitat h3 { position: static; }

.layoutpremium .layoutzitat .quote:before,
.medium .header_slider .layoutzitat .quote:before { top: -3px; }

.medium .header_slider .layoutzitat .quote,
.layoutpremium .layoutzitat .quote { margin-left: 15px; }

.medium .header_slider .layoutzitat .quote p,
.layoutpremium .layoutzitat .quote p {
    overflow: hidden;
    padding-top: 2px;
    padding-right: 15px;
}

.medium .header_slider .layoutzitat .origin,
.layoutpremium .layoutzitat .origin { padding-right: 25px; text-align: right; }


/**
 * 6.3_1_Letzte Sendung 2/4 / 6.3_2_Nächste Sendung 2/4 (6.2.1 / 6.2.2)
 *
 * @subsection layoutlastnextshowteaser
 */

.layoutlastnextshowteaser {
    overflow: hidden;
}

.layoutlastnextshowteaser > .last_issue {
    overflow: hidden;
    position: relative;
    background-color: #000;
}

.layoutlastnextshowteaser > .last_issue .manualteaserpicture {
    overflow: hidden;
    position: relative;
}

.layoutlastnextshowteaser > .last_issue .play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -39px 0 0 -39px;
}

.no-touch .layoutlastnextshowteaser .last_issue:hover .play_icon { background-position: center 0; }

.layoutlastnextshowteaser .additional_info { width: 100%; }

.layoutlastnextshowteaser .additional_info .manualteasertitle {
    display: block;
    margin: 0 8px 10px 8px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layoutlastnextshowteaser .additional_info .manualteasershorttext {
    padding: 15px 8px;
    background: transparent url(../grafik/bg_white_transparent.png) repeat scroll 0 0;
}

.layoutlastnextshowteaser .additional_info .manualteasershorttext strong { display: block; }

.layoutlastnextshowteaser .additional_info .manualteasershorttext a {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutlastnextshowteaser .manualteaserdatetime {
    display: block;
    height: 16px;
    padding: 8px 2% 9px;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff; /* theme */
    background-color: #900; /* theme */
    -o-text-overflow: ellipsis;
}

/* nächste sendung */
.layoutlastnextshowteaser > .next_issue {
    overflow: hidden;
    position: relative;
    border-bottom: 0 none;
    background-color: #fff;
}
.layoutstandard > .layoutlastnextshowteaser > .next_issue { width: auto; }

.layoutlastnextshowteaser > .next_issue .wrapper_pic_mod img { width: 100%; }

.layoutlastnextshowteaser > .next_issue .manualteaserpicture { margin-bottom: 15px;}
.layoutlastnextshowteaser > .next_issue .manualteasertitle {
    padding: 0;
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.layoutlastnextshowteaser > .next_issue dl { overflow: hidden; }
.layoutlastnextshowteaser > .next_issue dt,
.layoutlastnextshowteaser > .next_issue dd {
    font-size: 0.9286em; /* 13px */
    line-height: 1.3846em; /* 18px */
    text-transform: uppercase;
}

.layoutlastnextshowteaser > .next_issue dt { font-weight: 700; }

.layoutlastnextshowteaser > .next_issue dd { display: inline; }

.layoutlastnextshowteaser > .next_issue > .teaser {
    overflow: hidden;
    border-bottom: 1px solid #C0C0C0;
}

.layoutlastnextshowteaser > .next_issue > .teaser .manualteaser { padding: 10px 0 0; }
.layoutlastnextshowteaser > .next_issue h3 { position: static; }

.layoutlastnextshowteaser > .next_issue .manualteaserdatetime {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33px;
    margin: 0;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutprocontra
 *
 * @section layoutprocontra
 */

@media screen and (min-width: 568px) {

    .layoutprocontra .col_pro {
        float: left;
        display: inline;
        width: 47.52%;
        margin-right: 4.95%; /* 35px */
    }

    .layoutprocontra .col_contra {
        overflow: hidden;
        width: 47.52%;
    }
}

@media screen and (max-width: 567px) {

    .layoutprocontra .col_contra {
        border-top: 2px solid #d8d8d8;
        padding-top: 36px;
    }
}

@media screen and (min-width: 480px) and (max-width: 567px) {

    .layoutprocontra .header {
        float: left;
        display: inline;
        width: 50%;
        margin-right: 20px;
    }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutprocontra .col_pro {
    float: left;
    display: inline;
    width: 47.52%;
    margin-right: 4.95%; /* 35px */
}

.ie8 .layoutprocontra .col_contra {
    overflow: hidden;
    width: 47.52%;
}


/**
 * 7.3.2 Beitragsmodul Pro Contra Einschub
 *
 * @subsection layoutprocontra
 */

.layoutprocontra {
    overflow: hidden;
    margin-bottom: 33px;
    border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    padding: 36px 0 5px;
}

.layoutprocontra .header {
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
}

.layoutprocontra h3 .manualteasertitle { margin-bottom: 15px; padding: 0; }

.layoutprocontra .header .manualteaserpicture {
    float: left;
    display: inline;
    width: 129px;
    margin-right: 12px;
}

.layoutprocontra .header .wrapper_definition {
    overflow: hidden;
    position: relative;
    height: 175px;
}

.layoutprocontra .header dl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1.1428em; /* 16px */
    line-height: 21px; /* 22px */
}

.layoutprocontra .header dl dt { text-transform: uppercase; }
.layoutprocontra .header dl dd {
    font-weight: 700;
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.layoutprocontra .layoutzitat {
    /* width: 69%; */
    margin-bottom: 36px;
}

.layoutprocontra .teaserbox {
    margin: 0;
    border: 0 none;
    padding: 0;
}

.layoutprocontra > .teaserbox .boxheadline { display: none; }

.layoutarticlemodule .layoutprocontra .left,
.layoutarticlemodule .layoutprocontra .right,
.layoutarticlemodule .layoutprocontra .layoutleft,
.layoutarticlemodule .layoutprocontra .layoutright { width: auto; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutrelated_content
 *
 * @section layoutrelated_content
 */

@media screen and (min-width: 480px) {

    .layoutrelated_content .manualteaserpicture {
        margin: 4px 15px 5px 0;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutrelated_content .manualteaserpicture {
    float: left;
    display: inline;
    margin: 4px 15px 5px 0;
}


/**
 * 6.1_18_Related Content
 *
 * @subsection layoutrelated_content
 */

.layoutrelated_content > .layoutrelated_content_standard,
.layoutrelated_content > .layoutstandard {
    overflow: hidden;
    border-bottom: 1px solid #c0c0c0;
    padding: 9px 0 11px;
}


.layoutrelated_content .manualteasertitle {
    margin-bottom: 3px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layoutrelated_content .mehrlink {
    padding-top: 5px;
    border-top: 1px solid #c0c0c0;
}

#col2 .layoutrelated_content .boxheadline + .layoutstandard { border: 0 none; }
#col2 .layoutrelated_content .manualteasertitle { padding-right: 0; }


/* 6.1.18 Related Content 3/4 */

.teaserbox.layoutrelated_content > .layoutrelated_content_standard ~ .layoutrelated_content_standard {
    margin-top: 5px;
    border-top: 0 none;
    padding-top: 16px;
}

.layoutrelated_content > .layoutrelated_content_standard {
    overflow: hidden;
    border-bottom: 1px solid #c0c0c0;
    padding: 9px 0 11px;
}

.teaserbox.layoutrelated_content > .manualteaser.layoutrelated_content_standard .manualteaserpicture ~ h3 .ico {
    top: -7px;
}

.teaserbox.layoutrelated_content > .manualteaser.layoutrelated_content_standard .manualteaserpicture ~ h3 .manualteaserroofline ~ .ico {
    top: 11px;
}

#col1 .layoutrelated_content .boxheadline { margin: 0; }
#col1 .layoutrelated_content > .layoutstandard { padding: 16px 0 14px; }
#col1 .layoutrelated_content > .layoutstandard .manualteasershorttext { margin-top: 10px; }
#col1 .layoutrelated_content > .layoutstandard .ico_download { margin-top: 8px; }

/* für cms ansicht */
.teaserbox.layoutstandard > .layoutstandard.first,
.teaserbox.layoutstandard.layoutrelated_content > .layoutstandard {
    margin-top: 0;
    border-top: 0 none;
    padding-top: 11px;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutsearchresult
 *
 * @section layoutsearchresult
 */

@media screen and (min-width: 1025px) {
    .layoutsearchresult #searchform .type-text {
        position: relative;
        float: left;
        display: inline;
        margin-right: 15px;
    }

    .layoutsearchresult #searchform .type-text .text {
        width: 275px;
        height: 23px;
        margin: 0 10px 0 0;
        padding-right: 25px;
    }

    .layoutsearchresult #searchform .type-select {
        float: left;
        display: inline;
    }

    .layoutsearchresult #searchform .type-select .text {
        width: 240px;
        height: 23px;
        margin: 0;
    }

    .layoutsearchresult #searchform .submit {
      top: 0;
      height: 23px;
    }

    .layoutsearchresult .filter .form {
        float: left;
        display: inline;
        width: 208px;
    }
}

@media screen and (max-width: 1024px) {
  .layoutsearchresult #searchform .type-select {
    clear: left;
  }

  .layoutsearchresult #searchform .type-select,
  .layoutsearchresult #searchform .type-text {
    width: 100%;
  }

  .layoutsearchresult #searchform .type-select select,
  .layoutsearchresult #searchform .type-text .text,
  .layoutsearchresult #searchform .type-text .button {
    float: right;
    height: 24px;
  }

  .layoutsearchresult #searchform .submit {
    top: 22px;
    height: 24px;
  }

  .layoutsearchresult .searchList {
      clear: both;
  }

  .layoutsearchresult .wrapper_filter .filter ul.filter_list {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 385px) {
  .layoutsearchresult #item_ammount_input {
      display: none;
  }
}

/*
@media screen and (max-width: 479px) {
  .layoutsearchresult #searchform .type-text .text {
    width: 180px;
  }
}

@media screen and (max-width: 370px) {
  .layoutsearchresult #searchform .type-text .text {
    width: 100px;
  }
}
*/

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */
.ie8 .layoutsearchresult #searchform .type-text {
    position: relative;
    float: left;
    display: inline;
    margin-right: 15px;
}

.ie8 .layoutsearchresult #searchform .type-text .text {
    width: 275px;
    height: 23px;
    margin: 0 10px 0 0;
    padding-right: 25px;
}

.ie8 .layoutsearchresult #searchform .type-select {
    float: left;
    display: inline;
}

.ie8 .layoutsearchresult #searchform .type-select .text {
    width: 240px;
    height: 23px;
    margin: 0;
}

/**
 * 7.4_1 Suchergebnisse
 *
 *  @subsection layoutsearchresult
 */

.layoutsearchresult {
    border: 4px solid #DBDBDB;
    padding-top: 0;
}

.layoutsearchresult > .boxheadline {
    margin-bottom: 20px;
    padding: 8px 0 10px 11px;
    background-color: #d8d8d8;
}

.layoutsearchresult > .searchform {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding: 7px 0 8px 11px;
    background-color: #d8d8d8;
}

.layoutsearchresult > .searchform label {
    float: left;
    display: inline;
    margin: 2px 15px 0 0;
    font-weight: 700;
    text-transform: uppercase;
}

.layoutsearchresult #searchform .submit {
    position: absolute;
    right: 0;
    width: 24px;
    border: 1px solid #a7a7a7;
    padding: 0 3px;
    text-align: center;
    background-color: #f9f9f9;
    cursor: pointer;
}

.layoutsearchresult .searchhits {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 11px;
}

.layoutsearchresult mark {
    display: inline;
    padding: 0 3px;
    background-color: #e6e6ea;
}

.layoutsearchresult .filter {
    position: relative;
    display: block; /* safari clearfix fix */
    min-height: 30px;
    margin: 0 11px 10px;
    padding: 0;
}

.layoutsearchresult .filter:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsearchresult .filter .form select {
    width: 100%;
    margin: 0;
    vertical-align: top;
}

.layoutsearchresult .filter .filter_list {
    overflow: hidden;
    float: right;
    display: inline;
    width: 215px;
    text-align: right;
}

.layoutsearchresult .filter .filter_list dt,
.layoutsearchresult .filter .filter_list dd {
    overflow: hidden;
    float: left;
    display: inline;
    margin-left: 6px;
}

.layoutsearchresult .filter .filter_list li {
    float: left;
    display: inline;
    margin-left: 12px;
    border-left: 1px solid #c0c0c0;
    padding-left: 7px;
}

.layoutsearchresult .filter .filter_list li:first-child {
    margin: 0;
    border-left: 0 none;
    padding: 0;
}

.layoutsearchresult .filter .filter_list a {
    overflow: hidden;
    display: block;
    width: 13px;
    height: 20px;
    text-align: center;
    color: #7d7d7d;
}

.layoutsearchresult .filter .filter_list .ico:before { color: #999; }
.layoutsearchresult .filter .filter_list .active:before { color: #900; }

.layoutsearchresult .searchList {
    margin: 0;
    margin: 0 11px;
    border: 0 none;
    padding-top: 0;
}

.layoutsearchresult .searchList li {
    position: relative;
    border-top: 1px solid #c0c0c0;
    padding: 20px 0 20px 18px;
}

.layoutsearchresult .searchList li:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsearchresult .searchList li .count {
    position: absolute;
    top: 0;
    left: -35px;
    width: 30px;
    text-align: right;
}

.layoutsearchresult .searchList li .manualteasershorttext { margin-bottom: 15px; }

.layoutsearchresult .searchList li .aktualisiert {
    font-family: inherit;
    font-style: normal;
}

.layoutsearchresult .actionbar {
    margin: 0 11px 20px;
}

.layoutsearchresult .actionbar .show_all {
    float: right;
    display: inline;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutsnippet
 *
 * @section layoutsnippet
 */

@media screen and (min-width: 768px) and (max-width: 950px) {
    /* horizontale tabelle */
    .wetter_ort_table {
        display: block;
        width: 100%;
    }

    .wetter_ort_table tbody {
        overflow-x: auto;
        display: block;
        width: 100%;
        border-bottom: 1px solid #D8D8D8;
        -webkit-overflow-scrolling: touch;
    }

    .accordion_body .wetter_ort_table tbody th,
    .accordion_body .wetter_ort_table tbody td {
        min-width: 110px;
    }

    .wetter_ort_table .quelle { border: none; }

    .ie9 .wetter_ort_table .quelle { border-top: 1px solid #D8D8D8; }
}


@media screen and (min-width: 900px) {

    .wetter_ort_table td strong {
        font-size: 1.1667em; /* 14px verschachtelt */
        line-height: 1.4286em; /* 16px */
    }

}

@media screen and (min-width: 800px) {

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
        max-width: 180px;
    }
}

@media screen and (min-width: 768px) and (max-width: 899px) {

    .wetter_ort_table .wetter_header_tage th.col {
        font-size: 0.8571em; /* 12px */
        font-weight: 700;
        line-height: 1.3333em; /* 16px */
    }
}

@media screen and (max-width: 710px) {

    /* horizontale tabelle */
    .wetter_ort_table {
        display: block;
        width: 100%;
    }

    .wetter_ort_table tbody {
        overflow-x: auto;
        display: block;
        width: 100%;
        border-bottom: 1px solid #D8D8D8;
        -webkit-overflow-scrolling: touch;
    }

    .wetter_ort_table tr th,
    .wetter_ort_table tr td { padding: 0 10px; }
    .wetter_ort_table .quelle { border: none; }
    .ie9 .wetter_ort_table .quelle { border-top: 1px solid #D8D8D8; }
}

@media screen and (min-width: 571px) and (max-width: 799px) {

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
        max-width: 200px;
    }
}
@media screen and (min-width: 571px) {

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
        width: 39.12%; /* 266 */
    }
}


@media screen and (max-width: 570px) {

    .wetter_reise_tabelle,
    .wetter_aktuelle_temperaturen_tabelle { width: 95%; }

    .wetter_reise_tabelle tbody tr,
    .wetter_aktuelle_temperaturen_tabelle tbody tr { display: block; }

    .ie9 .wetter_reise_tabelle tbody tr,
    .ie9 .wetter_aktuelle_temperaturen_tabelle tbody tr { float: left; width: 100%; }

    .wetter_reise_tabelle tbody tr .spacer,
    .wetter_aktuelle_temperaturen_tabelle tbody tr .spacer { display: none; }

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
         float: left;
         display: inline;
         width: 85.12%;
         max-width: 400px;
         line-height: 33px;
    }
    
    .wetter_schneehoehen_tabelle tbody th { max-width: 200px; }

    .wetter_reise_tabelle tbody .wetter_temp,
    .wetter_aktuelle_temperaturen_tabelle tbody .wetter_temp { width: 1.68%; }
}

@media screen and (max-width: 475px) {

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th  { 
        width: 80.12%;
        
    }
}


@media screen and (min-width: 461px) {
    
    .wetter_schneehoehen_tabelle tbody th { 
        width: 39.12%; /* 266 */ 
        max-width: 100px; 
    }
}

@media screen and (max-width: 460px) {

    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
         max-width: 325px;
    }

    .wetter_schneehoehen_tabelle { width: 95%; }
    .wetter_schneehoehen_tabelle tbody tr { display: block; }

    .ie9 .wetter_schneehoehen_tabelle tbody tr { float: left; width: 100%; }

    .wetter_schneehoehen_tabelle tbody .spacer { display: none; }

    .wetter_schneehoehen_tabelle tbody th {
         float: left;
         display: inline;
         width: 80.12%;
         max-width: 300px;
         line-height: 33px;
    }

    .wetter_schneehoehenetwas_tabelle tbody tr .spacer { display: none; }
    .wetter_schneehoehen_tabelle .wetter_temp { width: 1.68%; }
}

@media screen and (max-width: 374px) {
    
    .wetter_reise_tabelle tbody th,
    .wetter_aktuelle_temperaturen_tabelle tbody th {
         max-width: 260px;
    }
    
    .wetter_schneehoehen_tabelle tbody th { max-width: 250px; }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8/ie9
 */

.ie8 .wetter_reise_tabelle,
.ie8 .wetter_aktuelle_temperaturen_tabelle { width: 95%; }

.ie8 .wetter_reise_tabelle tbody th,
.ie8 .wetter_schneehoehen_tabelle tbody th,
.ie8 .wetter_aktuelle_temperaturen_tabelle tbody th  { 
    width: 39.12%; /* 266 */ 
    white-space: normal !important;
}

.ie8 .wetter_ort_table td strong {
    font-size: 1.1667em; /* 14px verschachtelt */
    line-height: 1.4286em; /* 16px */
}

.ie8 .layoutsnippet table caption,
.ie9 .layoutsnippet table caption { float: left; /* display type bugfix */ }

.ie9 .wetter_ort_table_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ie9 .wetter_reise_tabelle tbody th,
.ie9 .wetter_schneehoehen_tabelle tbody th,
.ie9 .wetter_aktuelle_temperaturen_tabelle tbody th  { 
    white-space: normal !important;
    display: table-cell;
}

.touch .wetter_ort_table:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,0)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
    content: "";
}

/**
 * 7.2.7 Wetter Detail 3/4 - Allgemeine Definitionen
 *
 * @subsection layoutsnippet wetter_*_tabelle
 */

.manualteaser.layoutsnippet,
.layouttabbedteasermodule .tab_content .manualteaser.layoutsnippet {
    margin: 0;
    border-top: 0 none;
    padding-top: 16px;
}

.layoutexpandableteaser .accordion_body .layoutsnippet .tab_navigation_viewport li a { padding: 0 14px; }

.wetter_reise_tabelle,
.wetter_aktuelle_temperaturen_tabelle,
.wetter_schneehoehen_tabelle {
    overflow: hidden;
    margin: 20px 11px;
}

.wetter_aktuelle_temperaturen_tabelle {
    margin-bottom: 35px;
}

.wetter_reise_tabelle caption,
.wetter_aktuelle_temperaturen_tabelle caption,
.wetter_schneehoehen_tabelle caption,
.wetter_ort_table caption  {
    display: block;
    width: 255%;
    padding: 0 0 15px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #333;
}

.wetter_reise_tabelle caption span {
    display: block;
    margin-top: -5px;
    font-size: 85%;
    text-transform: none;
}

.wetter_reise_tabelle thead,
.wetter_aktuelle_temperaturen_tabelle thead,
.wetter_schneehoehen_tabelle thead { display: none; }

.wetter_reise_tabelle tbody th,
.wetter_aktuelle_temperaturen_tabelle tbody th,
.wetter_schneehoehen_tabelle tbody th {
    overflow: hidden;
    height: 33px;
    border-bottom: 2px solid #f2f2f2;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
}

.wetter_aktuelle_temperaturen_tabelle tbody .wetter_ort_text,
.wetter_reise_tabelle tbody .wetter_ort_text { font-weight: normal; }
.wetter_reise_tabelle tbody,
.wetter_aktuelle_temperaturen_tabelle tbody,
.wetter_schneehoehen_tabelle tbody .wetter_ort { font-weight: 700; }

.wetter_reise_tabelle tbody td,
.wetter_aktuelle_temperaturen_tabelle tbody td,
.wetter_schneehoehen_tabelle tbody td {
    width: 8.68%; /* 59 */
    height: 33px;
    border-bottom: 2px solid #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    background-color: #f2f2f2;
}

.wetter_reise_tabelle tbody .spacer,
.wetter_aktuelle_temperaturen_tabelle tbody .spacer,
.wetter_schneehoehen_tabelle tbody .spacer {
    width: 20px;
    border: 0 none;
    padding: 0 10px;
    background-color: transparent;
}

.wetter_reise_tabelle tfoot .quelle,
.wetter_aktuelle_temperaturen_tabelle tfoot .quelle,
.wetter_schneehoehen_tabelle tfoot .quelle,
.wetter_pollen .quelle,
.wetter_ort_table .quelle {
    display: block;
    width: auto;
    height: 24px;
    padding-top: 32px;
    font-size: 0.8571em; /* 12px */
    line-height: 2em; /* 24px */
    text-align: left;
    color: #595959;
}

.wetter_reise_tabelle tfoot td.quelle,
.wetter_aktuelle_temperaturen_tabelle tfoot td.quelle,
.wetter_schneehoehen_tabelle tfoot td.quelle,
.wetter_pollen td.quelle,
.wetter_ort_table td.quelle { display: table-cell; }

.wetter_bio,
.wetter_pollen { margin: 0 11px 31px; }

.wetter_aussichten_text { margin: 0 11px; }

.wetter_bio > h3,
.wetter_pollen h3,
.wetter_aussichten_text h3 {
    margin-bottom: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.wetter_aussichten_text p { margin-bottom: 20px; }

.wetter_pollen dt { font-weight: 700; }
.wetter_pollen dd { margin-bottom: 11px; }

/* Orte */
.wetter_ort_table {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: -20px 0 0;
    border: 20px solid #f5f5f5;
    border-collapse: separate;
    border-right: 11px solid #f5f5f5;
    border-bottom: 0 none;
    border-left: 11px solid #f5f5f5;
	padding-bottom: 10px;
    background-color: #f5f5f5;
}

.layoutsnippet div ~ div .wetter_ort_table { margin: 0; }

.wetter_ort_table th,
.wetter_ort_table td {
    height: 70px;
    min-width: 90px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
}

.wetter_ort_table th {
    height: 102px;
    border-left: 0 none;
    padding-left: 17px;
    font-weight: 700;
}

.wetter_ort_table th.col {
    height: 50px;
    border-left: 1px solid #d8d8d8;
    padding: 0;
    font-weight: 400;
    text-align: center;
}

.wetter_ort_table tbody tr:first-child th,
.wetter_ort_table tbody tr:first-child td { border-top: 0 none; }

.wetter_ort_table tbody th:first-child,
.wetter_ort_table tbody td:first-child { border-left: 0 none; }

.wetter_ort_table tbody td {
    width: 14.3%;
    font-size: 0.8571em; /* 12px */
    line-height: 1.6667em; /* 20px */
    text-align: center;
}

.accordion_body .wetter_ort_table tbody td {
    width: 18%;
}

.wetter_ort_table td strong {
    display: block;
}

.wetter_ort_table td.icon span {
    display: block;
    text-transform: uppercase;
}

.wetter_ort_table tr.wetter_icons td.icon { height: 100px; }

.wetter_ort_table .quelle {
    border-left: none;
    padding-bottom: 0;
    vertical-align: top;
    background-color: #f5f5f5;
}

.tab_navigation_viewport ul.forecast_navigation li a { padding: 0 12px; }
.tab_navigation_viewport ul.forecast_navigation li:last-child a { border-right: 0 none; }


/* object layoutsnippet-flashmap*/
.layoutsnippet object { width: 100%; }
#flashMapContainer { margin: 0 11px; }
#flashMapContainer #regionTitle { font-weight: 700; }

#flashMapContainer #mgFlashMapControls  {
    overflow: hidden;
    margin: 12px 0;
}

#flashMapContainer #mgFlashMapControls .temp,
#flashMapContainer #mgFlashMapControls .wind {
    float: left;
    display: inline;
    height: 33px;
    margin-right: 40px;
    padding-left: 14px;
    font-size: 0.8571em; /* 12px */
    font-weight: 700;
    line-height: 2.75em; /* 33px */
    color: #900;
    background: transparent url(../grafik/spr_weather_ico.png) no-repeat scroll 0 -44px;
}

#flashMapContainer #mgFlashMapControls .wind {
    padding-left: 37px;
    background-position: 0 0;
}

#flashMapContainer #mgFlashMapControls .active { color: #333; }

#flashMapContainer #mgFlashMapControls .active:hover {
    text-decoration: none;
    cursor: default;
}

#flashMapContainer #mgFlashMapControls #mgFlashMapsBackButton {
    float: right;
    display: inline;
    height: 33px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1em; /* 14px */
    font-style: italic;
    line-height: 2.3572; /* 33px */
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutsocialshare
 *
 * @section layoutsocialshare
 */

@media screen and (min-width: 680px) {
    .layoutfull_2_4 .layoutsocialshare .share_flyout,
    .layouthalf_2_4 .layoutsocialshare .share_flyout {
        width: 418px;
    }

    .layoutfull_2_4 .layoutsocialshare .share_social .share_flyout:before,
    .layouthalf_2_4 .layoutsocialshare .share_social .share_flyout:before {
        left: 118px;
    }

    .layoutfull_2_4 .layoutsocialshare .share_social.toggled > .share_flyout,
    .layouthalf_2_4 .layoutsocialshare .share_social.toggled > .share_flyout {
        left: -104px;
    }
}

@media screen and (max-width: 679px) {
    .layoutfull_2_4 .layoutsocialshare .socialshare_list > li,
    .layouthalf_2_4 .layoutsocialshare .socialshare_list > li {
        position: static;
    }

    .layoutfull_2_4 .layoutsocialshare .share_flyout,
    .layouthalf_2_4 .layoutsocialshare .share_flyout {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        top: 40px;
        left: 0;
    }

    .layoutfull_2_4 .layoutsocialshare .share_flyout:before,
    .layouthalf_2_4 .layoutsocialshare .share_flyout:before {
        left: 17px;
    }

    .layoutfull_2_4 .layoutsocialshare .share_social.toggled > .share_flyout,
    .layouthalf_2_4 .layoutsocialshare .share_social.toggled > .share_flyout {
        left: 0;
    }

    .layoutfull_2_4 .layoutsocialshare .share_social .share_flyout:before,
    .layouthalf_2_4 .layoutsocialshare .share_social .share_flyout:before {
        left: 50%;
        margin-left: 15px;
    }
}

@media screen and (min-width: 480px) {

    .layoutsocialshare .form .columnar .type-text {
        width: 48%;
        padding-left: 2%;
    }
}

@media screen and (max-width: 479px) {

    .layoutfull_2_4 .layoutsocialshare .share_flyout .type-text,
    .layouthalf_2_4 .layoutsocialshare .share_flyout .type-text,
    .layoutsocialshare .form .columnar .type-text {
        float: none;
        display: block;
        width: auto;
        padding-left: 0;
    }

    .layoutsocialshare .social_share_privacy_area .facebook,
    .layoutsocialshare .social_share_privacy_area .gplus,
    .layoutsocialshare .social_share_privacy_area .twitter {
        float: none;
        display: block;
    }
}

/* Formatierungen im Spaltensystem 2_4 */
.ie8 .layoutfull_2_4 .layoutsocialshare .share_flyout,
.ie8 .layouthalf_2_4 .layoutsocialshare .share_flyout {
    width: 418px; /* berechnete Größe: 440px */
}

.ie8 .layoutsocialshare .form .columnar .type-text {
    width: 48%;
    padding-left: 2%;
}

/**
 * 7.5.1 Social sharing
 *
 *  @subsection layoutsocialshare
 */

.layoutsocialshare > .boxheadline {
    display: block;
    margin-bottom: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.layoutsocialshare .socialshare_list {
    display: block; /* safari fix für clearfix */
    border-top: 1px solid #900;
}

/* clearfix */
.layoutsocialshare .socialshare_list:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsocialshare .form .columnar .type-text:first-child { padding: 0 2% 0 0; }

.layoutsocialshare .socialshare_list > li {
    position: relative;
    float: left;
    display: inline;
    width: 50%;
    border-bottom: 1px solid #900;
    height: 51px; /* feste Höhe wegen IE8 (Rounding Bug) */
}

.layoutsocialshare .socialshare_list > li > a:hover { text-decoration: none;}
.layoutsocialshare .socialshare_list > li > a:hover > span { text-decoration: underline; }

/* wenn icon absolute positioniert ist muss diese anweisung sein */
.layoutsocialshare .socialshare_list > li > a:hover:focus .ico:before,
.layoutsocialshare .socialshare_list > li > a:hover .ico:before { text-decoration: none; }

.layoutsocialshare .socialshare_list > li > a > span {
    position: relative;
    display: block;
    padding: 15px 0 15px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutsocialshare .socialshare_list > li > a > .ico:before {
    width: 35px;
    margin: 0 0 0 15px;
    text-decoration: none;
}

.layoutsocialshare .share_flyout {
    position: absolute;
    top: 35px;
    left: 6px;
    z-index: 101; /* damit das Flyout nicht unter Footer(100) liegt */
    display: none;
    -webkit-box-shadow:  0 0 8px 0 rgba(0,0,0,0.53);
    box-shadow:  0 0 8px 0 rgba(0,0,0,0.53);
    border: 1px solid #dcdcdc;
    padding: 20px 10px 10px;
    font-family: Georgia, "Times New Roman", serif;
    background-color: #fff;
}

.layoutsocialshare .share_flyout:before {
    position: absolute;
    top: -13px;
    left: 11px;
    font-family: 'Icon-Font';
    color: #fff;
    content: "\25";
}

.layoutsocialshare .share_flyout:focus { outline: none; }

.layoutsocialshare .toggled > .share_flyout {
    display: block;
}

.layoutsocialshare .share_flyout .close {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.layoutsocialshare .share_flyout .share_message {
    margin-bottom: 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutsocialshare .share_flyout .share_message strong {
    display: block;
    margin-bottom: 3px;
    font-weight: 400;
}

.layoutsocialshare .share_flyout .share_message p {
    font-size: 0.9285em; /* 13px */
    line-height: 1.3846em; /* 18px */
}

.layoutsocialshare .form .mandatory_info {
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.layoutsocialshare .form .type-button {
    margin-bottom: 5px;
    padding-top: 5px;
}

.layoutsocialshare .form .type-button button {
    font-size: 1em; /* 14px */
    line-height: 1.4285em; /* 20px */
}

/* Share via E-Mail */
.layoutsocialshare .share_email .share_flyout textarea { height: 68px; }

/* Share via Link */
.layoutsocialshare .share_link .share_flyout textarea { height: 48px; }

/* Share Rating */
.layoutsocialshare .socialshare_list .share_rating > a > span { padding: 5px 0 0 50px; }
.layoutsocialshare .socialshare_list .share_rating .rating { margin: 3px 0 0 50px; }
.layoutsocialshare .socialshare_list .share_rating .ico:before {
    position: absolute;
    top: 14px;
    left: 0;
}

/* Share Social im Spaltensystem 2_4 */
.touch .layoutfull_2_4 .layoutsocialshare .socialshare_list > li,
.touch .layouthalf_2_4 .layoutsocialshare .socialshare_list > li {
    float: none;
    display: block;
    width: auto;
}

/* Social Share auf touch ausblenden */
.touch .layoutsocialshare .socialshare_list .share_social {
    display: none !important;
}

/* Formatierungen im Spaltensystem 1_4 und im EPG */
.col_socialshare .layoutsocialshare .share_flyout,
#col2 .layoutsocialshare .share_flyout {
    width: 198px; /* berechnete Größe: 220px */
}

.col_socialshare .layoutsocialshare .socialshare_list > li,
#col2 .layoutsocialshare .socialshare_list > li {
    float: none;
    display: block;
    width: auto;
}

.col_socialshare .layoutsocialshare .form .columnar .type-text,
#col2 .layoutsocialshare .form .columnar .type-text {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutsportresults
 *
 * @section layoutsportresults
 */

@media screen and (min-width: 568px) {

    /* Tabellenkopf */
    .layoutsportresults .ligatabelle thead th {
        border-left: 4px solid #fff;
        padding: 4px 0 5px;
    }

    .layoutsportresults .ligatabelle table tbody th { padding: 3px 0 5px; }


    /* Spaltenlayouts */
    .layoutsportresults .ligatabelle table .col { width: 6.7%; }

    .layoutsportresults .ligatabelle table tbody .col {
        border-top: 2px solid #e3e3e3;
        padding-right: 10px;
        font-weight: 700;
        text-align: right;
    }

    .layoutsportresults .ligatabelle thead .col,
    .layoutsportresults .ligatabelle thead .col1 { text-transform: none; }

    .layoutsportresults .ligatabelle table .col1 {
        padding-left: 10px;
        text-align: left;
    }

    .layoutsportresults .ligatabelle table .col9 {
        border-left: 0 none;
        padding-right: 10px;
    }

    /* Tabelleninhalt */
    .layoutsportresults .ligatabelle table tbody td {
        border-top: 2px solid #e3e3e3;
        border-left: 4px solid #e3e3e3;
        padding: 3px 0 5px;
    }

    .layoutsportresults .ligatabelle table tbody tr:first-child td,
    .layoutsportresults .ligatabelle table tbody tr:first-child th {
        border-top: 0 none;
        padding-top: 15px;
    }

    .layoutsportresults .ligatabelle table tbody tr:last-child td,
    .layoutsportresults .ligatabelle table tbody tr:last-child th {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 567px) {

    .layoutsportresults .ligatabelle table {
        overflow: hidden;
        position: relative;
        display: block;
    }

    .layoutsportresults .ligatabelle table caption {
        display: block;
        width: 100%;
    }

    .layoutsportresults .ligatabelle table thead {
        float: left;
        display: block;
    }

    .ie9 .layoutsportresults .ligatabelle table thead {
        float: none;
        display: inherit;
    }

    .layoutsportresults .ligatabelle table thead th {
        border-top: 2px solid #fff;
        padding: 5px;
    }

    .layoutsportresults .ligatabelle table thead th:first-child {
        border-top: 0 none;
    }

    .layoutsportresults .ligatabelle table .col9 { height: 18px; }

    .layoutsportresults .ligatabelle table tbody {
        overflow: auto;
        position: relative;
        display: block;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .layoutsportresults .ligatabelle table tr,
    .layoutsportresults .ligatabelle table th,
    .layoutsportresults .ligatabelle table td { display: block; }

    .layoutsportresults .ligatabelle table tbody tr {
        position: relative;
        display: inline-block;
        margin-left: -4px; /* abstand zwischen inline-block elemente entfernen */
        vertical-align: top;
    }

    .layoutsportresults .ligatabelle table tbody tr:first-child,
    .ie9 .layoutsportresults .ligatabelle table tbody tr {
        margin-left: 0;
    }

    .layoutsportresults .ligatabelle table tbody th,
    .layoutsportresults .ligatabelle table tbody td {
        border-top: 2px solid #e3e3e3;
        border-left: 4px solid #e3e3e3;
        padding: 3px 5px 5px;
    }

    .layoutsportresults .ligatabelle table .col9 { border-top: 0 none; }
    .layoutsportresults .ligatabelle table tbody tr:first-child th,
    .layoutsportresults .ligatabelle table tbody tr:first-child td { border-left: 0 none; }

    .touch .layoutsportresults .ligatabelle table:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 20px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        content: "";
    }

    /**
     * ie9 mit alter tabelle und gesamten scrolling
     *
     * @subsection ie9
     */

    .ie9 .layoutsportresults .ligatabelle { overflow-x: auto; margin-bottom: 35px; }
    .ie9 .layoutsportresults .ligatabelle table { width: 100%; margin-bottom: 5px; }

    .ie9 .layoutsportresults .ligatabelle thead th {
        border-left: 4px solid #fff;
        padding: 4px 0 5px;
    }

    .ie9 .layoutsportresults .ligatabelle table tbody th { padding: 3px 0 5px; }


    /* Spaltenlayouts */
    .ie9 .layoutsportresults .ligatabelle table .col {
        width: 6.7%;
    }

    .ie9 .layoutsportresults .ligatabelle table tbody .col {
        border-top: 2px solid #e3e3e3;
        padding-right: 10px;
        font-weight: 700;
        text-align: right;
    }

    .ie9 .layoutsportresults .ligatabelle thead .col,
    .ie9 .layoutsportresults .ligatabelle thead .col1 { text-transform: none; }

    .ie9 .layoutsportresults .ligatabelle table .col1 {
        padding-left: 10px;
        text-align: left;
    }

    .ie9 .layoutsportresults .ligatabelle table .col9 {
        border-top: 2px solid #e3e3e3;
        border-left: 0 none;
        padding-right: 10px;
    }

    .ie9 .layoutsportresults .ligatabelle table tbody th { border-left: 0 none; }

    /* Tabelleninhalt */
    .ie9 .layoutsportresults .ligatabelle table tbody td {
        border-top: 2px solid #e3e3e3;
        border-left: 4px solid #e3e3e3;
    }

    .ie9 .layoutsportresults .ligatabelle table tbody tr:first-child td,
    .ie9 .layoutsportresults .ligatabelle table tbody tr:first-child th {
        border-top: 0 none;
        padding-top: 15px;
    }

    .ie9 .layoutsportresults .ligatabelle table tbody tr:first-child td { border-left: 4px solid #e3e3e3; }
    .ie9 .layoutsportresults .ligatabelle table tbody tr:first-child .col9 { border-left: 0 none; }

    .ie9 .layoutsportresults .ligatabelle table tbody tr:last-child td,
    .ie9 .layoutsportresults .ligatabelle table tbody tr:last-child th { padding-bottom: 15px; }
}


@media screen and (min-width: 480px) {

    .layoutsportresults .boxheadline span {
        float: left;
        display: inline;
    }

    .layoutsportresults .boxheadline .type-select {
        float: right;
        display: block; /* safari fix für clearfix */
        clear: both;
        text-transform: none;
    }

    .layoutsportresults .boxheadline .type-select .text {
        float: left;
        display: inline;
        width: 176px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 479px) {

    .layoutsportresults .boxheadline .type-select { margin: 10px auto 0; }

    .layoutsportresults .boxheadline .type-select .text {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutsportresults .boxheadline span {
    float: left;
    display: inline;
}

.ie8 .layoutsportresults .boxheadline .type-select {
    float: right;
    display: block; /* safari fix für clearfix */
    clear: both;
    text-transform: none;
}

.ie8 .layoutsportresults .boxheadline .type-select .text {
    float: left;
    display: inline;
    width: 176px;
    margin-left: 10px;
}


/* Tabellenkopf */
.ie8 .layoutsportresults .ligatabelle thead th {
    border-left: 4px solid #fff;
    padding: 4px 0 5px;
}

.ie8 .layoutsportresults .ligatabelle table tbody th { padding: 3px 0 5px; }


/* Spaltenlayouts */
.ie8 .layoutsportresults .ligatabelle table .col {
    width: 6.7%;
}

.ie8 .layoutsportresults .ligatabelle table tbody .col {
    border-top: 2px solid #e3e3e3;
    padding-right: 10px;
    font-weight: 700;
    text-align: right;
}

.ie8 .layoutsportresults .ligatabelle thead .col,
.ie8 .layoutsportresults .ligatabelle thead .col1 { text-transform: none; }

.ie8 .layoutsportresults .ligatabelle table .col1 {
    padding-left: 10px;
    text-align: left;
}

.ie8 .layoutsportresults .ligatabelle table .col9 {
    border-left: 0 none;
    padding-right: 10px;
}

/* Tabelleninhalt */
.ie8 .layoutsportresults .ligatabelle table tbody td {
    border-top: 2px solid #e3e3e3;
    border-left: 4px solid #e3e3e3;
    padding: 3px 0 5px;
}

.ie8 .layoutsportresults .ligatabelle table tbody tr:first-child td,
.ie8 .layoutsportresults .ligatabelle table tbody tr:first-child th {
    border-top: 0 none;
    padding-top: 15px;
}

.ie8 .layoutsportresults .ligatabelle table tbody tr:last-child td,
.ie8 .layoutsportresults .ligatabelle table tbody tr:last-child th {
    padding-bottom: 15px;
}


/*
 * Ligatabelle
 */

.layoutsportresults .ligatabelle table {
    margin-bottom: 35px;
    text-align: center;
}

.layoutsportresults .ligatabelle table caption { border-top: 2px solid #900; }

/* Tabellenkopf */
.layoutsportresults .ligatabelle thead th {
    font-size: 0.9285em; /* 13px */
    line-height: 1.3846em; /* 18px */
    text-transform: uppercase;
    background-color: #e3e3e3;
}

.layoutsportresults .ligatabelle table td .ico:before { font-size: 11px; }
.layoutsportresults .ligatabelle table .ico_arrow_filled_up:before { color: #91b670; }
.layoutsportresults .ligatabelle table .ico_arrow_filled_down:before { color: #cc6161; }


/**
 * 7.2.9 Sportergebnisse - Allgemeine Definitionen
 *
 * @subsection layoutsportresults
 */

.layoutsportresults .containerTeaser { padding: 0 11px; }

.layoutsportresults .sportresults {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
}


/*
 * Subnav
 */
.layoutsportresults .sport_subnav {
    margin-bottom: 38px;
    border: 1px solid #e3e3e3;
    padding: 10px 0;
    background-color: #f9f9f9;
}

/*clearfix */
.layoutsportresults .sport_subnav ul:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsportresults .sport_subnav ul { display: block; /* safari fix für clearfix */ }

.layoutsportresults .sport_subnav li {
    float: left;
    display: inline;
    border-left: 1px solid #d8d8d8;
}

.layoutsportresults .sport_subnav li:first-child { border: 0 none; }

.layoutsportresults .sport_subnav li a {
    display: block;
    padding: 0 20px;
    color: #333;
}

.layoutsportresults .sport_subnav .active a,
.layoutsportresults .sport_subnav a:hover,
.layoutsportresults .sport_subnav a:focus {
    padding: 0 18px;
    font-weight: 700;
}

/*
 * Headline Filter
 */
.layoutsportresults .boxheadline {
    display: block; /* safari fix für clearfix */
    margin-bottom: 15px;
    padding: 8px 11px;
    background-color: #d8d8d8;
}

/* clearfix */
.layoutsportresults .boxheadline:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsportresults.layoutexpandableteaser .boxheadline { margin-bottom: 0; }

.layoutsportresults .boxheadline span {
    padding-top: 2px;
}

/* clearfix */
.layoutsportresults .boxheadline .type-select:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutsportresults .boxheadline .type-select .text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2px 5px 3px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #000;
    background-color: #f9f9f9;
    resize: none;
}

.layoutsportresults .boxheadline .type-select .text:first-child { margin: 0; }

.layoutsportresults .boxheadline .type-select .text[disabled="disabled"] {
    border-color: #bdbdbd;
    color: #858585;
    background-color: #e9e9e9;
}

.layoutsportresults .origin {
    display: block;
    margin: 35px 0;
    font-size: 0.8571em; /* 12px */
    line-height: 1em;
    color: #999;
}

/*
 * Spielaustragungen
 */
.layoutsportresults .preformat .manualteasertitle,
.layoutsportresults .ansetzung .manualteasertitle {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

.layoutsportresults table { width: 100%; }

.layoutsportresults .caption,
.layoutsportresults table caption {
    padding: 31px 0 14px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
    text-align: left;
}

/* Austragungstabelle */
.layoutsportresults .ansetzung table caption .ico { float: right; }
.layoutsportresults .ansetzung table caption .ico:focus { outline: 1px solid #900; }
.layoutsportresults .ansetzung table .subheader { border: 0 none; }
.layoutsportresults .ansetzung table .crossHeader { padding-bottom: 15px; }


/* anfang rbb */
.ttxFormat.preformat.teaserA {
	margin-bottom: 1em;
}

.ttxFormat .ttxbold {
	font-weight: bold;
}

.ttxFormat .ttxitalic {
	font-style: italic;
}

.ttxFormat .ttxunderline {
	text-decoration: underline;
}

.ttxFormat.preformat {
	font-family: monospace;
	font-size: 1.15em;
}

.ttxFormat.ansetzung table tr { border-bottom: 2px solid #e3e3e3; }
.ttxFormat.ansetzung table td { padding: 3px 0 5px; }
.ttxFormat.ansetzung table .last { border: 0 none; }
.ttxFormat.ansetzung table .last td { padding-bottom: 30px; }

.ttxFormat.ansetzung table .crossHeader {
    padding: 4px 11px 3px;
    background: #e3e3e3;
}

.ttxFormat.ansetzung table .subheader + tr > td { padding-top:11px; }

.ttxFormat.ansetzung table .col3 { white-space: nowrap; }
/* ende rbb */


.layoutsportresults .ansetzung table .col1 { width: 78%; }
.layoutsportresults .ansetzung table .col2,
.layoutsportresults .ansetzung table .col3 {
    width: 10%;
    padding-right: 1%;
}

.layoutsportresults .ansetzung table .left { text-align: left; }
.layoutsportresults .ansetzung table .right { text-align: right; }


/*
 * Tabellenlegende
 */

.layoutsportresults .tablelegend dl {
    overflow: hidden;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #999;
}

.layoutsportresults .tablelegend dt {
    float: left;
    text-transform: uppercase;
}

.layoutsportresults .tablelegend dt:after {
    margin: 0 5px;
    content: "=";
}

.layoutsportresults .tablelegend dt:first-child:before {
    margin: 0;
    content: "";
}

.layoutsportresults .tablelegend dd {
    float: left;
    margin-right: 25px;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutstandard
 *
 * @section layoutstandard
 */

@media screen and (min-width: 480px) {

    .manualteaser.layoutstandard .manualteaserpicture {
        float: left;
        display: inline;
        clear: both;
        max-width: 185px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 479px) {

    .manualteaser.layoutstandard .manualteaserpicture {
        max-width: none;
    }

    .manualteaser.layoutstandard .portrait_pic,
    .layoutstandard .manualteaser .portrait_pic {
        float: left;
        display: inline;
        max-width: 110px;
        margin-right: 15px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .manualteaser.layoutstandard .manualteaserpicture {
    float: left;
    display: inline;
    clear: both;
    max-width: 185px;
    margin-right: 15px;
}


/**
 * Standard Teaser
 *
 * @subsection layoutstandard
 */

.manualteaser.layoutstandard .manualteaserpicture {
    margin-top: 3px;
    margin-bottom: 3.6%;
}

#col2 .layoutstandard .manualteaserpicture {
    overflow: hidden;
    float: none;
    display: block;
    max-width: 232px;
    max-height: 131px;
    margin: 0 0 31px 0;
}

.teaserbox.layoutstandard > .layoutstandard { overflow: hidden; }

.teaserbox > .manualteaser.layoutrelated_content_standard .manualteasershorttext { margin-bottom: 0; }

.teaserbox.layoutstandard .boxheadline { margin-bottom: 0; }

.manualteaser.layoutstandard .manualteasertitle,
.manualteaser.layoutstandard .manualteaserroofline { padding-right: 50px; }
.manualteaser.layoutstandard .manualteaserpicture a { display: block; }

.manualteaser.layoutstandard > h3 .manualteasertitle {
    overflow: hidden;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.teaserbox.layoutweatherteaser .mehrlink,
.teaserbox.layoutstandard > .mehrlink {
    padding-top: 5px;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutstatistik
 *
 * @section layoutstatistik
 */

@media screen and (min-width: 826px) {

    .layoutstatistik .stats_counter li {
        height: 48px;
        margin-right: -11px;
        margin-left: 5px;
        font-size: 3em; /* 42px */
        line-height: 1.1428em; /* 48px */
        letter-spacing: 16px;
        background-image: url(../grafik/bg_teaser_stats_number.png);
        background-position: 0 0;
        color: #fff;
    }

    .js .layoutstatistik .stats_counter li { width: 37px; }
}

@media screen and (min-width: 680px) and (max-width: 825px) {

    .layoutstatistik .stats_counter li {
        height: 30px;
        margin-right: -14px;
        margin-left: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 1.8571em; /* 26px */
        line-height: 1.1538em; /* 30px */
        letter-spacing: 16px;
        color: #aaa;
    }

    .js .layoutstatistik .stats_counter li {
        width: 24px;
        margin-right: -22px;
        letter-spacing: 27px;
        background-image: url(../grafik/bg_teaser_stats_number.png);
        background-position: 0 -9px;
        color: #fff;
    }

}

@media screen and (min-width: 480px) and (max-width: 679px) {

    .layoutstatistik .stats_counter li {
        height: 48px;
        margin-right: -11px;
        margin-left: 5px;
        font-size: 3em; /* 42px */
        line-height: 1.1428em; /* 48px */
        letter-spacing: 16px;
        background-image: url(../grafik/bg_teaser_stats_number.png);
        background-position: 0 0;
        color: #fff;
    }

    .js .layoutstatistik .stats_counter li { width: 37px; }
}

@media screen and (min-width: 480px) {

    .layoutstatistik .manualteasershorttext {
        font-size: 1.2857em; /* 18px */
        line-height: 1.3333em; /* 24px */
    }
}

@media screen and (max-width: 479px) {

    .layoutstatistik .manualteasershorttext {
        font-size: 1em; /* 14px */
        line-height: 1.2857em; /* 18px */
    }

    .layoutstatistik .stats_counter li {
        height: 30px;
        margin-right: -14px;
        margin-left: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 1.8571em; /* 26px */
        line-height: 1.1538em; /* 30px */
        letter-spacing: 16px;
        color: #aaa;
    }

    .js .layoutstatistik .stats_counter li {
        width: 24px;
        margin-right: -22px;
        letter-spacing: 27px;
        background-image: url(../grafik/bg_teaser_stats_number.png);
        background-position: 0 -9px;
        color: #fff;
    }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutstatistik .stats_counter li {
    height: 48px;
    margin-right: -11px;
    margin-left: 5px;
    font-size: 3em; /* 42px */
    line-height: 1.1428em; /* 48px */
    letter-spacing: 16px;
    background-image: url(../grafik/bg_teaser_stats_number.png);
    background-position: 0 0;
    color: #fff;
}

.ie8.js .layoutstatistik .stats_counter li { width: 37px; }

.ie8 .layoutstatistik .manualteasershorttext {
    font-size: 1.2857em; /* 18px */
    line-height: 1.3333em; /* 24px */
}


/**
 * 6.4_1 Statistik Teaser 2/4 (6.3.1)
 *
 * @subsection layoutstatistik
 */

.layoutstatistik {
    min-height: 224px;
    margin-top: 5px;
    padding: 23px 0 5px;
    background: transparent url(../grafik/bg_teaser_stats.jpg) no-repeat scroll 0 0;
}

.layoutstatistik .manualteasershorttext {
    clear: right;
    padding: 0 15px 0 110px;
    text-align: right;
}

.layoutstatistik .stats_counter ~ .manualteasershorttext {
    margin-bottom: 25px;
}

.layoutstatistik .stats_counter {
    overflow: hidden;
    float: right;
    display: inline;
    margin: 20px 15px;
}

.layoutstatistik .stats_counter li {
    float: right;
    display: inline;
    padding: 0 5px;
    font-weight: 700;
    text-align: center;
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
}

.js .layoutstatistik .stats_counter li {
    margin-right: 0;
    padding: 0;
    letter-spacing: normal;
    background-repeat: no-repeat;
}

.layoutstatistik .stats_counter li.separator { margin-left: 9px; }

.layoutstatistik .mehrlink {
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100.5%;
    height: 21px;
    padding-top: 6px;
    background-color: #fff;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouttabbedteasermodule
 *
 * @section layouttabbedteasermodule
 */

@media screen and (min-width: 480px) {

    .layouttabbedteasermodule > .form { width: 30%; }

    .layoutarchive > .wrapper_filter .type-select .text,
    .layouttabbedteasermodule > .wrapper_filter .type-select .text {
        width: 176px;
    }

    .layouttabbedteasermodule .boxheadline { padding-right: 31%; }


    .layouttabbedteasermodule .form + .boxheadline {
        padding-right: 32%; /* reservierung für suche */
    }

}

@media screen and (max-width: 479px) {

    .layouttabbedteasermodule > .form { width: 60%; }

    .layouttabbedteasermodule .boxheadline { padding-right: 30px; }

    /* .hide überschreiben */
    .layouttabbedteasermodule > .form label { display: block !important; }
    .layouttabbedteasermodule > .form .text:focus ~ label { display: none !important; }


    .layouttabbedteasermodule > .form .text {
        float: right;
        display: inline;
        width: 5px;
    }

    .layouttabbedteasermodule .form + .boxheadline {
        padding-right: 35px; /* reservierung für suche */
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouttabbedteasermodule > .form { width: 30%; }

.ie8 .layoutarchive > .wrapper_filter .type-select .text,
.ie8 .layouttabbedteasermodule > .wrapper_filter .type-select .text {
    width: 176px;
}

.ie8 .layouttabbedteasermodule .form + .boxheadline {
    padding-right: 32%; /* reservierung für suche */
}


/* nur auf touch geräten */
.touch .layouttabbedteasermodule .wrapper_button_left .ico,
.touch .layouttabbedteasermodule .wrapper_button_right .ico {
    width: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    background: transparent url("../grafik/spr_topnav_shadow.png") repeat-y scroll 0 0;
}

.touch .layouttabbedteasermodule .wrapper_button_right .ico.ico_arrow_wide_right {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-position: -110px 0;
}

.touch .layouttabbedteasermodule .wrapper_button_left .ico:before,
.touch .layouttabbedteasermodule .wrapper_button_right .ico:before { content: ""; }


/**
 * 6.1_11_Tabbed Teaser
 *
 * @subsection layouttabbedteasermodule
 */

.layoutfull_2_4 ~ .layouttabbedteasermodule,
.layouthalf_2_4 ~ .layouttabbedteasermodule { clear: left; }

.teaserbox.layouttabbedteasermodule {
    position: relative;
    border-top: 4px solid #900;
    padding-top: 20px;
}

.layouttabbedteasermodule .boxheadline {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px 5px;
    background-color: #d8d8d8;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


.tab_navigation_viewport {
   border-top: 4px solid #d8d8d8;
}


/* pfeile */
.layouttabbedteasermodule .wrapper_button_left .ico:before,
.layouttabbedteasermodule .wrapper_button_right .ico:before,
.layoutsnippet .wrapper_button_left .ico:before,
.layoutsnippet .wrapper_button_right .ico:before  { line-height: 33px; }

.layouttabbedteasermodule .wrapper_button_left .ico,
.layouttabbedteasermodule .wrapper_button_right .ico,
.layoutsnippet .wrapper_button_left .ico,
.layoutsnippet .wrapper_button_right .ico,
.layouttrafficteaser .wrapper_button_left .ico,
.layouttrafficteaser .wrapper_button_right .ico {
    position: absolute;
    top: 24px;
    left: 4px;
    z-index: 12;
    display: none;
    width: 26px;
    height: 33px;
    -webkit-box-shadow: 8px 0 8px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 8px 0 8px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #dbdbdb;
    border-top: 0 none;
    background-color: #fff;
    cursor: pointer;
}

#main > .layouttabbedteasermodule.first .wrapper_button_left .ico,
#col1 > .layouttabbedteasermodule.first .wrapper_button_left .ico,
#main > .layouttabbedteasermodule.first .wrapper_button_right .ico,
#col1 > .layouttabbedteasermodule.first .wrapper_button_right .ico,
#main > .layouttabbedteasermodule:first-child .wrapper_button_left .ico,
#col1 > .layouttabbedteasermodule:first-child .wrapper_button_left .ico,
#main > .layouttabbedteasermodule:first-child .wrapper_button_right .ico,
#col1 > .layouttabbedteasermodule:first-child .wrapper_button_right .ico,
#main > .layoutsnippet.first .wrapper_button_left .ico,
#col1 > .layoutsnippet.first .wrapper_button_left .ico,
#main > .layoutsnippet.first .wrapper_button_right .ico,
#col1 > .layoutsnippet.first .wrapper_button_right .ico,
#main > .layoutsnippet:first-child .wrapper_button_left .ico,
#col1 > .layoutsnippet:first-child .wrapper_button_left .ico,
#main > .layoutsnippet:first-child .wrapper_button_right .ico,
#col1 > .layoutsnippet:first-child .wrapper_button_right .ico { top: 4px; }

.layouttabbedteasermodule .boxheadline ~ .wrapper_button_left .ico,
.layouttabbedteasermodule .boxheadline ~ .wrapper_button_right .ico { top: 59px; }

#main > .layouttabbedteasermodule.first .boxheadline ~ .wrapper_button_left .ico,
#col1 > .layouttabbedteasermodule.first .boxheadline ~ .wrapper_button_left .ico,
#main > .layouttabbedteasermodule.first .boxheadline ~ .wrapper_button_right .ico,
#col1 > .layouttabbedteasermodule.first .boxheadline ~ .wrapper_button_right .ico,
#main > .layouttabbedteasermodule:first-child .boxheadline ~ .wrapper_button_left .ico,
#col1 > .layouttabbedteasermodule:first-child .boxheadline ~ .wrapper_button_left .ico,
#main > .layouttabbedteasermodule:first-child .boxheadline ~ .wrapper_button_right .ico,
#col1 > .layouttabbedteasermodule:first-child .boxheadline ~ .wrapper_button_right .ico  { top: 39px; }

.layouttabbedteasermodule .wrapper_button_right .ico.ico_arrow_wide_right,
.layoutsnippet .wrapper_button_right .ico.ico_arrow_wide_right,
.layouttrafficteaser .wrapper_button_right .ico.ico_arrow_wide_right {
    right: 3px;
    left: auto;
    -webkit-box-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.5);
    box-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.5);
}

.layouttabbedteasermodule > .form {
    position: absolute;
    top: 28px;
    right: 5px;
    z-index: 11;
}

#main > .layouttabbedteasermodule.first > .form,
#col1 > .layouttabbedteasermodule.first > .form,
#main > .layouttabbedteasermodule:first-child > .form,
#col1 > .layouttabbedteasermodule:first-child > .form { top: 8px; }

.layouttabbedteasermodule > .form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #a7a7a7;
    padding: 0 3px;
    line-height: 22px;
    text-align: center;
    background-color: #f9f9f9;
    cursor: pointer;
}

.layouttabbedteasermodule > .form button[type=reset] {
    top: 1px;
    right: 24px;
    display: none;
    border: 0 none;
    background: none;
}

.layouttabbedteasermodule > .form label {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
}

.layouttabbedteasermodule > .form .text { height: 23px; }
.layouttabbedteasermodule > .form .text:focus { width: 100%; }

.layouttabbedteasermodule > .wrapper_filter {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    border-bottom: 0 none;
}

.layoutarchive > .wrapper_filter > .filter,
.layouttabbedteasermodule > .wrapper_filter > .filter {
    margin: 0 11px;
    border-bottom: 1px solid #c0c0c0;
    padding: 30px 0 10px;
}

.layoutarchive > .wrapper_filter > .filter:after,
.layouttabbedteasermodule > .wrapper_filter > .filter:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layoutarchive > .wrapper_filter > .filter > form,
.layouttabbedteasermodule > .wrapper_filter > .filter > form {
    float: left;
    display: inline;
}

.layoutarchive > .wrapper_filter .type-select .text,
.layouttabbedteasermodule > .wrapper_filter .type-select .text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: inline;
    margin-left: 10px;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2px 5px 3px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #000;
    background-color: #f9f9f9;
    resize: none;
}

.layoutarchive > .wrapper_filter > .filter > a,
.layouttabbedteasermodule > .wrapper_filter > .filter > a {
    float: right;
    display: inline;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

.layoutarchive > .wrapper_filter .filter_list > li,
.layouttabbedteasermodule > .wrapper_filter .filter_list > li {
    float: left;
    display: inline;
    border-left: 1px solid #c0c0c0;
    padding: 0 13px;
}

.layoutarchive > .wrapper_filter .filter_list > li:first-child,
.layouttabbedteasermodule > .wrapper_filter .filter_list > li:first-child { border-left: 0 none; }

.layouttabbedteasermodule .tab_content {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
}

.layouttabbedteasermodule .tab_content > .teaserbox {
    margin-top: 0;
    border: 0 none;
    padding-top: 0;
}

.layouttabbedteasermodule .tab_content .manualteaser,
.layouttabbedteasermodule > .tab_content > .teaserbox > .manualteaser ~ .manualteaser {
    overflow: hidden;
    margin: 0 11px 20px;
    border-top: 1px solid #C0C0C0;
    padding-top: 20px;
}

.layouttabbedteasermodule .tab_content .manualteaser:first-child {
    border-top: 0 none;
    padding-top: 22px;
}

.layouttabbedteasermodule > .showall {
    margin-top: 5px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: right;
}


/* teaserbox in tabbed teaser */
.layouttabbedteasermodule .layouttabbedteaserbox .teaserbox {
    margin: 0;
    padding: 20px 0 0;
    border: 0 none;
}

.layouttabbedteasermodule .layouttabbedteaserbox .teaserbox .boxheadline {
    background: none;
}

.teaserbox > .manualteaser.layoutrelated_content_standard .manualteasershorttext,
.teaserbox.layouttabbedteaserbox .manualteaser.layoutstandard .manualteasershorttext {
    margin-bottom: 0;
}

/* Top Teaser in tabbed Teaser*/

.layouttabbedteasermodule .tab_content .boxheadline + .layouttopteaser {
    border-top: 0 none;
}

.layouttabbedteasermodule .tab_content .layoutstandard .layouttopteaser {
    padding-top: 0;
}

.layouttabbedteasermodule .layouttopteaser .relatedcontent .manualteaser {
    margin: 0;
    padding: 15px 0 5px;
}

.layouttabbedteasermodule .layouttopteaser .relatedcontent .manualteaser:first-child {
    border-top: 1px solid #c0c0c0;
}

.layouttabbedteasermodule .layouttopteaser.manualteaser.last .relatedcontent { border-bottom: 0 none; }
.layouttabbedteasermodule .layouttopteaser.manualteaser:last-child .relatedcontent { border-bottom: 0 none; }



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouttopicmodule
 *
 * @section layouttopicmodule
 */

@media screen and (min-width: 800px) {

    .layouttopicmodule > .teaser > .manualteaser {
        float: left;
        display: inline;
        width: 48.2%;
        max-width: 470px;
        margin: 0 3.6% 5px 0;
    }

    .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture {
        float: none;
        display: block;
        max-width: 470px;
        margin: 0 0 17px;
    }

    .layouttopicmodule .relatedcontent .manualteaserpicture { margin: 0; }


    /* 7.1_2_Themenmodul 2/4 + 1/4 Variante Anpassungen */
    .layouthalf_2_4 .layouttopicmodule .teaser > .manualteaser,
    .layoutfull_2_4 .layouttopicmodule .teaser > .manualteaser,
    #col2 .layouttopicmodule .teaser > .manualteaser,
    .layouthalf_2_4 .layouttopicmodule .teaser > .relatedcontent,
    .layoutfull_2_4 .layouttopicmodule .teaser > .relatedcontent,
    #col2 .layouttopicmodule .teaser > .relatedcontent {
        margin: 0 0 15px;
    }

    /* ähnliche inhalte */
    .layouttopicmodule > .teaser > .relatedcontent {
        float: left;
        display: inline;
        width: 48.2%;
        max-width: 470px;
    }

    .layouttopicmodule > .teaser > .relatedcontent .col1,
    .layouttopicmodule > .teaser > .relatedcontent .col2 {
        width: 49.3%;
        max-width: 232px;
    }

    .layouttopicmodule > .teaser > .relatedcontent .col1 { margin-right: 5px; }

}

@media screen and (max-width: 799px) {

    .layouttopicmodule > .teaser > .manualteaser {
        overflow: hidden;
        margin-bottom: 40px;
    }

    .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture { max-width: 55%; }

    /* ähnliche inhalte */
    .layouttopicmodule > .teaser > .relatedcontent { width: 100%; }
    .layouttopicmodule > .teaser > .relatedcontent .manualteaserpicture { margin-right: 0; }
    .layouttopicmodule > .teaser > .relatedcontent .col1,
    .layouttopicmodule > .teaser > .relatedcontent .col2 { width: 49.5%; }
    .layouttopicmodule > .teaser > .relatedcontent .col1 { margin-right: 1%; }

}

@media screen and (min-width: 680px) and (max-width: 799px) {
    .layouthalf_2_4 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture,
    .layoutfull_2_4 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture,
    #col2 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture {
        float: none;
        display: block;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* 2/4 teaser */
    .layouthalf_2_4 .layouttopicmodule > .teaser > .relatedcontent .col1,
    .layouthalf_2_4 .layouttopicmodule > .teaser > .relatedcontent .col2,
    .layoutfull_2_4 .layouttopicmodule > .teaser > .relatedcontent .col1,
    .layoutfull_2_4 .layouttopicmodule > .teaser > .relatedcontent .col2 {
        float: none;
        display: block;
        width: 100%;
    }

    .layouthalf_2_4 .layouttopicmodule > .teaser > .relatedcontent .manualteaserpicture,
    .layouthalf_2_4 .layouttopicmodule > .teaser > .relatedcontent .manualteaserpicture {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 479px) {

    .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture { max-width: none; }

    .layouttopicmodule > .teaser > .relatedcontent .col1,
    .layouttopicmodule > .teaser > .relatedcontent .col2 {
        float: none;
        display: block;
        width: 100%;
    }

    .layouttopicmodule > .teaser > .relatedcontent .manualteaserpicture {
        margin-left: 15px;
        margin-right: 15px;
    }

    .layouthalf_2_4 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture,
    .layoutfull_2_4 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture,
    #col2 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture {
        float: none;
        display: block;
        max-width: 100%;
    }
}

@media screen and (max-width: 380px) {

    .layouttopicmodule > .teaser > .relatedcontent {
        margin-left: 0;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouttopicmodule > .teaser > .manualteaser {
    float: left;
    display: inline;
    width: 48.2%;
    max-width: 470px;
    margin: 0 3.6% 5px 0;
}

.ie8 .layouttopicmodule > .teaser > .manualteaser .manualteaserpicture {
    float: none;
    display: block;
    max-width: 470px;
    margin: 0 0 17px;
}

.ie8 .layouttopicmodule .relatedcontent .manualteaserpicture { margin: 0; }


/* 7.1_2_Themenmodul 2/4 + 1/4 Variante Anpassungen */
.ie8 .layouthalf_2_4 .layouttopicmodule .teaser > .manualteaser,
.ie8 .layoutfull_2_4 .layouttopicmodule .teaser > .manualteaser,
.ie8 #col2 .layouttopicmodule .teaser > .manualteaser,
.ie8 .layouthalf_2_4 .layouttopicmodule .teaser > .relatedcontent,
.ie8 .layoutfull_2_4 .layouttopicmodule .teaser > .relatedcontent,
.ie8 #col2 .layouttopicmodule .teaser > .relatedcontent {
    margin: 0 0 15px;
}

/* ähnliche inhalte */
.ie8 .layouttopicmodule > .teaser > .relatedcontent {
    float: left;
    display: inline;
    width: 48.2%;
    max-width: 470px;
}

.ie8 .layouttopicmodule > .teaser > .relatedcontent .col1,
.ie8 .layouttopicmodule > .teaser > .relatedcontent .col2 {
    width: 49.3%;
    max-width: 232px;
}

.ie8 .layouttopicmodule > .teaser > .relatedcontent .col1 { margin-right: 5px; }



/**
 * 7.1_1_Themenmodul 4/4
 *
 * @subsection layouttopicmodule
 */

.layouttopicmodule {
    display: block; /* clearfix safari fix */
    position: relative;
    margin-top: 68px;
    margin-bottom: 5px;
    border: 0 none;
    padding: 0;
    background-color: #e9e9e9;
}

.teaserbox.layouttopicmodule:before {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 4px solid #900;
    content: "";
}

.teaserbox.layouttopicmodule:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

#main > .teaserbox.layouttopicmodule.first:before,
#main > .teaserbox.layouttopicmodule:first-child:before,
.teaserbox.layouttopicmodule.startofpage:before,
#main > .layouthalf_2_4:first-child + .layouthalf_2_4 > .layouttopicmodule:first-child:before,
#main > .teaserboxgroup:first-child > .layouttopicmodule:first-child:before,
#main > .layoutfull_2_4:first-child > .layouttopicmodule.count2:before,
#col2 .layouttopicmodule:before {
    width: 0;
    height: 0;
    border-bottom: 0 none;
}

.layouttopicmodule .boxheadline {
    overflow: hidden;
    height: 50px;
    margin: 0;
    font-size: 1em; /* 14px */
    line-height: 3.5714em; /* 50px */
}

.layouttopicmodule > .teaser {
    position: relative;
    display: block; /* safari fix für clearfix */
    margin: 5px 0 15px;
}

.layouttopicmodule > .teaser > .manualteaser .manualteaserpicture { margin-bottom: 17px; }

.layouttopicmodule > .teaser:after,
.layouttopicmodule .teaser > .relatedcontent:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layouttopicmodule > .teaser > .manualteaser h3,
.layouttopicmodule > .teaser > .manualteaser .manualteasershorttext {
    padding: 0 15px;
}

.layouttopicmodule > .teaser > .manualteaser .manualteasertitle {
    font-size: 1.7143em; /* 24px */
    line-height: 1.1667em; /* 28px */
}

/* ähnliche inhalte */
.layouttopicmodule > .teaser > .relatedcontent .col1,
.layouttopicmodule > .teaser > .relatedcontent .col2 {
    float: left;
    display: inline;
}

.layouttopicmodule > .teaser > .relatedcontent .manualteaser {
    margin-bottom: 20px;
    border: 0 none;
    padding-top: 6px;
    background-color: #d8d8d8;
}

.layouttopicmodule > .teaser > .relatedcontent .manualteaser h3 {
    position: static;
    padding: 0 10px 8px 15px;
}

.layouttopicmodule > .teaser > .relatedcontent .manualteaserpicture {
    float: none;
    display: block;
    max-width: none;
}

.layouttopicmodule > .teaser .manualteaserpicture a { display: block; }

.layouttopicmodule > .teaser > .relatedcontent .manualteasertitle {
    margin: 0;
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.layouttopicmodule > .teaser > .relatedcontent .manualteaserroofline ~ .manualteasertitle { padding-right: 0; }

.layouttopicmodule > .teaser > .relatedcontent .manualteaser .manualteasershorttext {
    padding: 16px 10px 16px 15px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.layouttopicmodule > .teaser > .relatedcontent .manualteaser h3 + .manualteasershorttext { padding-top: 2px; }
.layouttopicmodule > .teaser > .manualteaser .manualteaserroofline ~ .ico { top: 18px; right: 15px; }
.layouttopicmodule > .teaser > .manualteaser h3 .ico { top: 0; right: 15px; }
.layouttopicmodule > .teaser > .relatedcontent h3 .ico { top: -10px; right: 5px; margin: 0; }

.layouttopicmodule .aktualisiert {
    overflow: hidden;
    padding: 20px 0 15px;
}

/* zitat */
.layouttopicmodule .layoutzitat { padding-bottom: 17px; }

.layouttopicmodule .layoutzitat .quote:before {
    top: 5px;
    font-size: 19px;
}

.layouttopicmodule .layoutzitat .quote {
    position: relative;
    margin: 0 10px 0 15px;
}

.layouttopicmodule .layoutzitat .quote p,
.ie8 .layouttopicmodule .layoutzitat .quote p {
    padding: 10px 0 0 28px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.375em; /* 22px */
    background: none;
}


/* 7.1_2_Themenmodul 2/4 + 1/4 Variante Anpassungen */
.layouthalf_2_4 .layouttopicmodule .teaser > .manualteaser,
.layoutfull_2_4 .layouttopicmodule .teaser > .manualteaser,
#col2 .layouttopicmodule .teaser > .manualteaser,
.layouthalf_2_4 .layouttopicmodule .teaser > .relatedcontent,
.layoutfull_2_4 .layouttopicmodule .teaser > .relatedcontent,
#col2 .layouttopicmodule .teaser > .relatedcontent {
    float: none;
    display: block;
    width: 100%;
}

.layouthalf_2_4 .layouttopicmodule .teaser > .relatedcontent,
.layoutfull_2_4 .layouttopicmodule .teaser > .relatedcontent,
#col2 .layouttopicmodule .teaser > .relatedcontent { display: block; /* safari fix für clearfix */ }

.layouthalf_2_4 .layouttopicmodule .teaser,
.layoutfull_2_4 .layouttopicmodule .teaser,
#col2 .layouttopicmodule .teaser { margin-bottom: 0; }

#col2 .layouttopicmodule .teaser > .manualteaser { margin-bottom: 20px; }


/* 7.1_3_Themenmodul/6.2_16_Themenmodul 1/4 */
#col2 .teaserbox.layouttopicmodule:before {
    top: 0;
    border-bottom: 0 none;
    content: "";
}

#col2 .layouttopicmodule > .teaser > .manualteaser .manualteasertitle {
    font-size: 1.4286em; /* 16px */
    line-height: 1.25em; /* 20px */
}

#col2 .layouttopicmodule > .teaser > .manualteaser .manualteasershorttext {
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

#col2 .layouttopicmodule > .teaser > .relatedcontent .col1,
#col2 .layouttopicmodule > .teaser > .relatedcontent .col2 {
    float: none;
    display: block;
    width: 100%;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouttopicteaser
 *
 * @section layouttopicteaser
 */

@media screen and (min-width: 568px) {

    .layouttopicteaser .teaser > .manualteaser {
        position: relative;
        float: left;
        display: inline;
        width: 48.2%;
        margin-right: 3.6%;
    }

    .layouttopicteaser .teaser > .manualteaser .manualteaserpicture { max-width: 232px; }

    .layouttopicteaser .teaser > .headlineteaser { width: 48.2%; }
}

@media screen and (max-width: 567px) {

    .layouttopicteaser .teaser > .headlineteaser { margin-top: 30px; }
}

@media screen and (max-width: 479px) {

    .layouttopicteaser .teaser > .manualteaser .manualteaserpicture {
        float: none;
        display: block;
        max-width: none;
    }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouttopicteaser .teaser > .manualteaser {
    position: relative;
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.ie8 .layouttopicteaser .teaser > .manualteaser .manualteaserpicture { max-width: 232px; }
.ie8 .layouttopicteaser .teaser > .headlineteaser { width: 48.2%; }


/**
 * 6.1.9 Ressort/Thementeaser 4/4
 *
 * @subsection layouttopicteaser
 */

.layouttopicteaser {
    position: relative;
}

.layouttopicteaser .boxheadline { margin-bottom: 0; padding-right: 40px; }

.layouttopicteaser .manualteasertitle {
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layouttopicteaser .teaser {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 11px;
}

.layouttopicteaser .teaser > .headlineteaser {
    overflow: hidden;
    border-bottom: 1px solid #900;
}

.layouttopicteaser .teaser > .headlineteaser > .manualteaser {
    position: relative;
    border-top: 1px solid #900;
    padding: 12px 0 1px 0;
}

.layouttopicteaser .headlineteaser .layoutstandard > h3 .manualteasertitle {
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.layouttopicteaser .headlineteaser .ico { top: 50%; margin-top: -17px; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouttopteaser_banner
 *
 * @section layouttopteaser_banner
 */

@media screen and (min-width: 680px) {

    .layouttopteaser_banner .teasertext {
        float: left;
        display: inline;
        width: 48.2%;
        margin-right: 3.6%;
    }

    .layouttopteaser_banner .relatedcontent {
        width: 48.2%;
        margin: 0;
    }

    .layouttopteaser_banner .relatedcontent > .layoutstandard { margin-top: 4px; }

    .layouttopteaser_banner .relatedcontent .manualteaserpicture {
        float: left;
        display: inline;
    }
}

@media screen and (max-width: 679px) {

    .layouttopteaser_banner .relatedcontent {
        border-top: 1px solid #c0c0c0;
        padding-top: 15px;
    }
}

@media screen and (max-width: 567px) {

    .layouttopteaser_banner .relatedcontent .manualteaserpicture,
    .layouttopteaser_banner .relatedcontent .manualteasershorttext {
        display: none;
    }

    .relatedcontent .manualteaser.layoutstandard > h3 .manualteasertitle {
        font-size: 1em; /* 14px */
        line-height: 1.4286em; /* 20px */
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouttopteaser_banner .teasertext {
    float: left;
    display: inline;
    width: 48.2%;
    margin-right: 3.6%;
}

.ie8 .layouttopteaser_banner .relatedcontent {
    width: 48.2%;
    margin: 0;
}

.ie8 .layouttopteaser_banner .relatedcontent .manualteaserpicture {
    float: left;
    display: inline;
}


/**
 * 6.1_1_Topnachricht Banner 4/4
 *
 * @subsection layouttopteaser_banner
 */

.layouttopteaser_banner { overflow: hidden; }
.layouttopteaser_banner .manualteaserpicture { display: block; margin-bottom: 16px; }
.layouttopteaser_banner .manualteaserpicture a { display: block; }

.layouttopteaser_banner > .manualteaserpicture img {
    max-width: 975px;
}

.layouttopteaser_banner .teasercontent:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.layouttopteaser_banner .teasercontent { display: block; /* safari fix für clearfix */ }

/* große headline, kann man für andere module übernehmen */
.layouttopteaser_banner .teasertext .ico { top: -3px; }
.layouttopteaser_banner .teasertext .manualteaserroofline ~ .ico { top: 17px; }
.layouttopteaser_banner .relatedcontent > .layoutstandard { margin-bottom: 15px; }
.layouttopteaser_banner .relatedcontent > .layoutstandard h3 { position: relative; }
.layouttopteaser_banner .relatedcontent > .layoutstandard .ico { top: -6px; margin: 0; }
.layouttopteaser_banner .relatedcontent > .layoutstandard .manualteaserroofline ~ .ico { top: 11px; margin: 0; }

.layouttopteaser_banner .relatedcontent > .manualteaser:first-child,
.layouttopteaser_banner .relatedcontent > .manualteaser.first {
    border-top: 0 none;
	padding-top: 2px;
}

.layouttopteaser_banner .relatedcontent .manualteaserpicture {
    max-width: 185px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.layouttopteaser_banner .relatedcontent > .manualteaser:first-child .manualteasertitle,
.layouttopteaser_banner .relatedcontent > .manualteaser.first .manualteasertitle {
    margin-bottom: 11px;
}

.layouttopteaser_banner .relatedcontent .manualteasershorttext {
    margin-bottom: 7px;
}

.layouttopteaser_banner .layoutrelated_content_av .manualteasertitle {
    overflow: hidden;
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layouttrafficteaser
 *
 * @section layouttrafficteaser
 */

@media screen and (min-width: 680px) and (max-width: 899px) {

    .layouthalf_2_4 .layouttrafficteaser .traffic_icon,
    .layoutfull_2_4 .layouttrafficteaser .traffic_icon {
        width: 25px;
        padding: 0 34px;
        text-overflow: clip;
    }

    .layouthalf_2_4 .layouttrafficteaser .traffic_icon:before,
    .layoutfull_2_4 .layouttrafficteaser .traffic_icon:before { margin-right: 60px; }
}

@media screen and (min-width: 480px) {

    .layouttrafficteaser .traffic_icon:before { margin-right: 10px; }
}

@media screen and (max-width: 479px) {

    .layouttrafficteaser .traffic_icon {
        width: 25px;
        padding: 0 34px;
        text-overflow: clip;
    }

    .layouttrafficteaser .traffic_icon:before { margin-right: 60px; }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layouttrafficteaser .traffic_icon:before { margin-right: 10px; }


/**
 * 7.2.3 Verkehr-Teaser 2/4
 *
 * @subsection layouttrafficteaser
 */

.layouttrafficteaser {
    margin-top: 11px;
    border: 4px solid #d8d8d8;
}

.layouttrafficteaser .tab_navigation_viewport {
    z-index: 11;
    border: 0 none;
}

.layouttrafficteaser .tab_navigation_viewport ul { width: 100% !important; /* überschreibt inline js */}

.layouttrafficteaser .traffic_icon:before {
    position: relative;
    top: 6px;
    font-family: "Icon-Font";
    font-weight: 400;
    line-height: 0;
    content: "";
}

.layouttrafficteaser .traffic_icon.car:before { font-size: 26px; content: "\2f"; }
.layouttrafficteaser .traffic_icon.public:before { font-size: 25px; content: "\48"; }
.layouttrafficteaser .traffic_icon.flash:before { top: 5px; font-size: 22px; content: "\44"; }

.layouttrafficteaser .tab_content {
    margin-top: -5px;
}

.layouttrafficteaser .tab_content .traffic_headline {
    text-transform: uppercase;
    background-color: #f5f5f5;
}

.layouttrafficteaser .tab_content .traffic_headline,
.layouttrafficteaser .tab_content .traffic_message {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 2%;
    font-weight: 700;
    line-height: 2.75em; /* 38.5px */
}

.layouttrafficteaser .traffic_message > h3 {
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.layouttrafficteaser .tab_content li .expand_button > a,
.layouttrafficteaser .tab_content .flyout .shrink_button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    border-left: 1px solid #d8d8d8;
    cursor: pointer;
}

.layouttrafficteaser .tab_content .flyout .shrink_button {
    right: -8.925%; /* 38px */
    display: inline-block;
    -webkit-box-shadow: 5px 1px 5px #c0c0c0;
    -moz-box-shadow: 5px 1px 5px #c0c0c0;
    box-shadow: 5px 1px 5px #c0c0c0;
    border-left: 1px solid #fff;
    background-color: #fff;
}

.layouttrafficteaser .tab_content .flyout {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
    display: none;
    width: 87.5%;
    -webkit-box-shadow: 1px 1px 7px #c0c0c0;
    -moz-box-shadow: 1px 1px 7px #c0c0c0;
    box-shadow: 1px 1px 7px #c0c0c0;
    padding: 2%;
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
    background-color: #fff;
}

.layouttrafficteaser .tab_content .flyout .shrink_button,
.layouttrafficteaser .tab_content .expand_button > a:hover { text-decoration: none; }

.no-touch .layouttrafficteaser .tab_content .expand_button a:focus ~ .flyout,
.no-touch .layouttrafficteaser .tab_content .expand_button:hover a ~ .flyout { display: block; }

.layouttrafficteaser .tab_content .expand_button.toggled .flyout { display: block; }

.layouttrafficteaser .tab_content li .flyout p { font-weight: 400; }


/* 3/4 */
#col1 .layouttrafficteaser {
    margin: 0 11px 20px;
    border: 0 none;
    border-top: 1px solid #C0C0C0;
}

#col1 .layouttrafficteaser:first-child { border-top: 0 none; }

#col1 .layouttrafficteaser .manualteasertitle {
    font-size: 1em; /* 14px */
    font-weight: 700;
    line-height: 1.4286em; /* 20px */
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutvorschau_2_4
 *
 * @section layoutvorschau_2_4
 */


@media screen and (min-width: 680px) {

    .layoutvorschau_2_4 .next_issue {
        padding-top: 11px;
    }

    .layoutvorschau_2_4 > .next_issue .wrapper_pic_mod {
        float: left;
        display: inline;
        width: 49.3%;
        margin: 0 15px 15px 20px;
    }
}

@media screen and (max-width: 679px) {

    .layoutvorschau_2_4 > .next_issue {
        padding-top: 50px;
    }

    .layoutvorschau_2_4 > .next_issue .manualteaserdatetime {
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 679px) {

    /* layoutlastnextshowteaser */
    .layoutvorschau_2_4 .wrapper_pic_mod {
        float: left;
        display: inline;
        width: 43%;
        margin: 0 20px 0 8px;
    }

    .layoutvorschau_2_4 .manualteaserpicture {
        max-width: 325px;
        padding-bottom: 0;
    }

    .layoutvorschau_2_4 > .next_issue > .teaser { margin: 0 20px; }
}


@media screen and (max-width: 479px) {
    .layoutvorschau_2_4 > .next_issue .moderation_list {
        margin-bottom: 10px;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutvorschau_2_4 .wrapper_pic_mod {
    float: left;
    display: inline;
    width: 49.3%;
    margin: 0 15px 15px 20px;
}


/**
 * 7.3.2 Beitragsmodul Pro Contra Einschub
 *
 * @subsection layoutprocontra
 */

/* nächste sendung */
.layoutvorschau_2_4 .next_issue {
    overflow: hidden;
    position: relative;
    border-bottom: 0 none;
    background-color: #fff;
}

.layoutstandard .layoutvorschau_2_4 .next_issue { width: auto; }
.layoutvorschau_2_4 .wrapper_pic_mod img { width: 100%; }
.layoutvorschau_2_4 .manualteaserpicture { margin-bottom: 15px; }

.layoutvorschau_2_4 .moderation_list { overflow: hidden; }

.layoutvorschau_2_4 .moderation_list dt,
.layoutvorschau_2_4 .moderation_list  dd {
    font-size: 0.9286em; /* 13px */
    line-height: 1.3846em; /* 18px */
    text-transform: uppercase;
}

.layoutvorschau_2_4 .moderation_list dt { font-weight: 700; }
.layoutvorschau_2_4 .moderation_list dd { display: inline; }

.layoutvorschau_2_4 .manualteasertitle {
    padding: 0;
    font-size: 1em; /* 14px */
    line-height: 1.4286em; /* 20px */
}

.layoutvorschau_2_4 > .next_issue > .teaser {
    overflow: hidden;
    margin-right: 20px;
    border-bottom: 1px solid #C0C0C0;
}

.layoutvorschau_2_4 .teaser .manualteaser { padding: 10px 0 0; }
.layoutvorschau_2_4 h3 { position: static; }

.layoutvorschau_2_4 .manualteaserdatetime {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    clear: left;
    width: 100%;
    height: 33px;
    margin: 10px 0 0 0;
    padding: 8px 2% 9px;
    font-family: "Interstate", Verdana, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff; /* theme */
    background-color: #900; /* theme */
    -o-text-overflow: ellipsis;
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutvotingmodule
 *
 * @section layoutvotingmodule
 */

@media screen and (min-width: 800px) {

    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 57%; }
}

@media screen and (min-width: 680px) and (max-width: 799px) {

    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > .manualteaserpicture,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > .manualteaserpicture {
        float: none;
        display: block;
    }

    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text,
    .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 0; }

    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li {
        width: 47.5%;
        margin-right: 5%;
    }

    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n),
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n),
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n),
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n),
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n),
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n) { margin-right: 5%; }

    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n),
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n),
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n),
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n),
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n),
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) { margin-right: 0; }

    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n) + .type-check,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n) + .type-check,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n) + .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n) + .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) + li,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) + li { clear: left; }

    .layoutfull_2_4 .layoutvotingmodule .intro > img,
    .layouthalf_2_4 .layoutvotingmodule .intro > img { width: 100%; }

    .layoutfull_2_4 .layoutvotingmodule .type-button .pagemarker,
    .layouthalf_2_4 .layoutvotingmodule .type-button .pagemarker {
        position: static;
        top: auto;
        left: auto;
        display: block;
        width: auto;
        margin: 0;
    }

    .layoutfull_2_4 .layoutvotingmodule .type-button .pager,
    .layouthalf_2_4 .layoutvotingmodule .type-button .pager {
        float: none;
        display: block;
    }

    .layoutfull_2_4 .layoutvotingmodule .type-button .pager,
    .layouthalf_2_4 .layoutvotingmodule .type-button .pager {
        padding-bottom: 10px;
        text-align: center;
    }

    .layoutfull_2_4 .layoutvotingmodule .type-button .pager li,
    .layouthalf_2_4 .layoutvotingmodule .type-button .pager li {
        float: none;
        display: inline-block;
    }
}

@media screen and (min-width: 568px) {

    .layoutvotingmodule .form .manualteaserpicture,
    .layoutvotingmodule .wrapper_voting > .manualteaserpicture {
        float: left;
        display: inline;
        width: 48%;
        margin-right: 35px;
    }

    .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 52.7%; }

    #col1 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
    #col1 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
    #col1 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 0; width: 44%; float: right; clear: right; }

    .layoutvotingmodule .visual_selection .type-check,
    .layoutvotingmodule .visual_selection .type-radio,
    .layoutvotingmodule .wrapper_voting > ul > li {
        width: 30%;
        margin-right: 5%;
    }

    .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n),
    .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n),
    .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n) { margin-right: 0; }

    .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n) + .type-check,
    .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n) + .type-radio,
    .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n) + li { clear: left; }

    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li {
        width: 47%;
        margin-right: 5%;
    }

    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n) + .type-check,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n) + .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n) + li,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(3n) + .type-check,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(3n) + .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(3n) + li { clear: none; }

    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n),
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n),
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n),
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n),
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n),
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) { margin-right: 0; }

    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n) + .type-check,
    .layouthalf_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n) + .type-radio,
    .layouthalf_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) + li,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n) + .type-check,
    .layoutfull_2_4 .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n) + .type-radio,
    .layoutfull_2_4 .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) + li { clear: left; }
}

@media screen and (min-width: 480px) and (max-width: 567px) {

    .layoutvotingmodule .visual_selection .type-check,
    .layoutvotingmodule .visual_selection .type-radio,
    .layoutvotingmodule .wrapper_voting > ul > li {
        width: 47.5%;
        margin-right: 5%;
    }

    .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n),
    .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n),
    .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) { margin-right: 0; }

    .layoutvotingmodule .visual_selection .type-check:nth-of-type(2n) + .type-check,
    .layoutvotingmodule .visual_selection .type-radio:nth-of-type(2n) + .type-radio,
    .layoutvotingmodule .wrapper_voting > ul > li:nth-child(2n) + li { clear: left; }
}

@media screen and (min-width: 481px) {

    .layoutvotingmodule .wrapper_rating > ul { max-width: 181px; /* 235 */ }

    .layoutvotingmodule .visual_selection .type-check,
    .layoutvotingmodule .visual_selection .type-radio,
    .layoutvotingmodule .wrapper_voting > ul > li {
        float: left;
        display: inline;
    }

    .layoutvotingmodule .wrapper_voting.two_col > ul > li {
        width: 47.5%;
        max-width: 321px;
        margin-right: 5%;
    }

    .layoutvotingmodule .wrapper_voting.two_col > ul > li:nth-child(2n) { margin-right: 0; }

    .layoutvotingmodule .wrapper_voting.two_col > ul > li:nth-child(2n) + li { clear: left; }

    .layoutvotingmodule .form .manualteaserpicture,
    .layoutvotingmodule .wrapper_voting > .manualteaserpicture {
        max-width: 321px;
    }

}

@media screen and (max-width: 480px) {

    .layoutvotingmodule img { width: 100%; }

    .layoutvotingmodule .portrait_pic,
    .layoutvotingmodule .portrait_pic img { width: auto; }

    .layoutvotingmodule .type-button .pagemarker {
        position: static;
        top: auto;
        left: auto;
        display: block;
        width: auto;
        margin: 0;
    }

    .layoutvotingmodule .type-button .pagemarker ~ .forward,
    .layoutvotingmodule .type-button .pagemarker ~ .back,
    .layoutvotingmodule .type-button .pagemarker {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    .layoutvotingmodule .type-button .pager {
        text-align: center;
    }

    .layoutvotingmodule .type-button .pager li {
        float: none;
        display: inline-block;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutvotingmodule .form .manualteaserpicture,
.ie8 .layoutvotingmodule .wrapper_voting > .manualteaserpicture {
    float: left;
    display: inline;
    width: 48%;
    margin-right: 35px;
}

.ie8 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
.ie8 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
.ie8 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 54%; }

.ie8 .layoutvotingmodule .visual_selection .type-check,
.ie8 .layoutvotingmodule .visual_selection .type-radio,
.ie8 .layoutvotingmodule .wrapper_voting > ul > li {
    width: 30%;
    margin-right: 5%;
}

.ie8 .layoutvotingmodule .visual_selection .last,
.ie8 .layoutvotingmodule .wrapper_voting > ul > .last { margin-right: 0; }

.ie8 .layoutvotingmodule .visual_selection .last + li,
.ie8 .layoutvotingmodule .wrapper_voting > ul > .last + li { clear: left; }

.ie8 .layoutvotingmodule .wrapper_rating > ul { max-width: 181px; /* 235 */ }

.ie8 .layoutvotingmodule .visual_selection .type-check,
.ie8 .layoutvotingmodule .visual_selection .type-radio,
.ie8 .layoutvotingmodule .wrapper_voting > ul > li {
    float: left;
    display: inline;
}

.ie8 .layoutvotingmodule .wrapper_voting.two_col > ul > li {
    width: 47.5%;
    max-width: 321px;
    margin-right: 5%;
}

.ie8 .layoutvotingmodule .form .manualteaserpicture,
.ie8 .layoutvotingmodule .wrapper_voting > .manualteaserpicture {
    max-width: 321px;
    margin-bottom: 20px;
}

.ie8 .layoutvotingmodule .wrapper_voting.two_col > ul > .last { margin-right: 0; }
.ie8 .layoutvotingmodule .wrapper_voting.two_col > ul > .last + li { clear: left; }

.ie8 .layoutvotingmodule .type-button .pager {
    float: left;
    display: inline;
}

/* Layout 2/4 */
.ie8 .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
.ie8 .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
.ie8 .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
.ie8 .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
.ie8 .layoutfull_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text,
.ie8 .layouthalf_2_4 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 57%; }


/**
 * 7.2.10 Voting
 *
 * @subsection layoutvotingmodule
 */

.teaserbox.layoutvotingmodule { padding-top: 20px; }

.manualteaser.layoutvotingmodule {
    border: 4px solid #d8d8d8;
    border-top: 0 none;
    padding: 0;
}

.layoutvotingmodule .boxheadline {
    padding: 11px 0 10px 11px;
    background-color: #d8d8d8;
}

.layoutvotingmodule .rubrik { padding-top: 4px; }

.layoutvotingmodule .intro {
    margin: 0 11px;
    border-bottom: 1px solid #c0c0c0;
}

.layoutvotingmodule .intro.noborder {
  border-bottom: none;
}

.layoutvotingmodule .manualteasersubtitle {
    margin-bottom: 11px;
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    line-height: 1.5em; /* 24px */
}

.layoutvotingmodule .manualteasershorttext { margin-bottom: 16px; }

.layoutvotingmodule .form,
.layoutvotingmodule .wrapper_voting {
    overflow: hidden;
    margin: 0 11px 11px;
}

.layoutvotingmodule .form .wrapper_voting { margin: 0; }

.layoutvotingmodule .form fieldset {
    overflow: hidden;
    border-top: 1px solid #c0c0c0;
    padding-top: 15px;
}

.layoutvotingmodule .form fieldset:first-child {
    border-top: 0 none;
}

.layoutvotingmodule .title {
    display: block;
    margin-bottom: 16px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1428em;
    font-style: italic;
    line-height: 1.3333em; /* 24px */
}

.layoutvotingmodule .wrapper_voting .title { padding-top: 16px; }

.layoutvotingmodule .form .manualteaserpicture,
.layoutvotingmodule .wrapper_voting > .manualteaserpicture {
    margin-bottom: 20px;
}

.layoutvotingmodule .form .type-radio > .manualteaserpicture,
.layoutvotingmodule .form .type-check > .manualteaserpicture,
.layoutvotingmodule .form .ranking_list .manualteaserpicture,
.layoutvotingmodule .form .visual_selection .manualteaserpicture {
    display: block;
    float: none;
    margin: 0;
    width: auto;
}

.layoutvotingmodule .form .type-radio,
.layoutvotingmodule .form .type-check {

}

.layoutvotingmodule .form .type-radio label,
.layoutvotingmodule .form .type-check label {
    overflow: hidden;
    display: block;
}

.layoutvotingmodule .form .type-text { overflow: hidden; }
.layoutvotingmodule .form .type-text label { display: block; }

.layoutvotingmodule .form .type-radio img,
.layoutvotingmodule .form .type-check img {
    display: block;
    margin-bottom: 10px;
}

.layoutvotingmodule .visual_selection .type-check,
.layoutvotingmodule .visual_selection .type-radio,
.layoutvotingmodule .wrapper_voting > ul > li {
    margin-bottom: 37px;
}

.layoutvotingmodule .visual_selection .title { padding-top: 0; }

.layoutvotingmodule .visual_selection .manualteaserpicture,
.layoutvotingmodule .visual_selection .manualteasershorttext {
    position: relative;
    margin-top: 20px;
}

.layoutvotingmodule .visual_selection .manualteasershorttext {
    margin-top: 16px;
    padding-right: 22px;
}

.layoutvotingmodule .visual_selection .manualteaserpicture:first-child,
.layoutvotingmodule .visual_selection .manualteasershorttext:first-child { margin-top: 0; }

.layoutvotingmodule .visual_selection .ico {
    top: -28px;
    float: right;
    width: 14px;
    height: 22px;
    padding: 5px 8px;
    background-color: #fff;
    background-color: rgba(255,255,255, 0.8);
}

.layoutvotingmodule .visual_selection .ico span {
    display: block;
    text-indent: -9999px;
}

.layoutvotingmodule .visual_selection .manualteasershorttext .ico {
    float: none;
    top: 0;
    right: 1px;
    padding: 0;
    position: absolute;
}

.layoutvotingmodule .ico_check_checked:before { color: #3c8d0b; }

.layoutvotingmodule .form .mandatory_info {
    font-size: 0.8571em; /* 12px */
    line-height: 1.333em; /* 16px */
    color: #595959;
}

.layoutvotingmodule .form .mandatory_info .disclaimer {
    display: block;
    padding-top: 8px;
}

.layoutvotingmodule .type-button {
    overflow: hidden;
    position: relative;
    clear: both;
    margin: 36px 0 0;
    border-top: 2px solid #d8d8d8;
    padding-top: 7px;
}

.layoutvotingmodule .type-button button {
    float: right;
    display: inline;
    border: 0 none;
    padding: 5px 0 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.1428em; /* 16px */
    font-style: italic;
    line-height: 1.5em; /* 24px */
    color: #900;
    background: none;
    cursor: pointer;
}

.layoutvotingmodule .type-button .pager {
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

.layoutvotingmodule .type-button .pager li {
    float: none;
    display: inline-block;
}

.layoutvotingmodule .type-button .pager ~ .pagemarker {
    position: static;
    float: left;
    margin-left: 0;
}

.layoutvotingmodule .type-button .pager ~ button.forward {
    padding: 0;
}

.layoutvotingmodule .type-button .back,
.layoutvotingmodule .type-button .forward {
    font-size: 1em; /* 14px */
    line-height: 1.7143em; /* 24px */
}

.layoutvotingmodule .form .type-text + .type-button { margin-top: 20px; }
.layoutvotingmodule .type-button button.reset,
.layoutvotingmodule .type-button button.back { float: left; }

.layoutvotingmodule .wrapper_rating { overflow: hidden; }
.layoutvotingmodule .wrapper_rating > ul {
    overflow: hidden;
    margin-bottom: 3px;
    padding: 20px 27px 0;
    background-color: #f3f3f3;
}

.layoutvotingmodule .wrapper_rating .rating {
    position: relative;
    margin: 0 0 16px;
    padding: 1px 0;
}

.layoutvotingmodule .wrapper_rating .number {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
}

.layoutvotingmodule .wrapper_rating .summary {
    display: block;
    margin-bottom: 5px;
}

/* Balkenrating */
.layoutvotingmodule .wrapper_rating > ul.result {
	padding: 14px 14px 7px;
}

.layoutvotingmodule .wrapper_rating > ul.result {
	padding: 14px 14px 7px;
}

.layoutvotingmodule .wrapper_rating .result li {
	margin: 10px 0 7px;
	font-weight: 700;
}

.layoutvotingmodule .wrapper_rating .result li:first-child {
	margin-top: 0;
}

.layoutvotingmodule .wrapper_rating .result .progressbar {
	border: 1px solid #9f9f9f;
	background: #d6d6d6;
	margin-bottom: 7px;
}

.layoutvotingmodule .wrapper_rating .result .progressbar .fill {
	display: block;
	height: 1.5em; /* 21px */
	background: #fff;
}

.layoutvotingmodule .wrapper_rating .result .winner .progressbar .fill {
	background: #900;
	background: -moz-linear-gradient(left, #bf0000 0%, #900 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bf0000), color-stop(100%,#900));
	background: -webkit-linear-gradient(left, #bf0000 0%,#900 100%);
	background: -o-linear-gradient(left, #bf0000 0%,#900 100%);
	background: -ms-linear-gradient(left, #bf0000 0%,#900 100%);
	background: linear-gradient(to right, #bf0000 0%,#900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0000', endColorstr='#990000',GradientType=1 );
}

.layoutvotingmodule .wrapper_rating .result .percentage {
	font-size: 1.25em;
	font-weight: 700;
	color: #666;
}

.layoutvotingmodule .result .winner .percentage {
	display: block;
	font-size: 1.5em; /* 21px */
	color: #900;
}

.layoutvotingmodule .wrapper_voting > ul .number {
    clear: both;
    display: block;
    margin-top: 5px;
    font-weight: 700;
}

.layoutvotingmodule .wrapper_voting .video_container {
    height: 0 !important; /* kill inline css from JS */
    padding-bottom: 56.25%; /* 16:9 Verhältnis */
}

.layoutvotingmodule .wrapper_voting .video_container > div {
    position: absolute !important; /* kill inline css from JS */
    top: 0;
    left: 0;
}

.layoutvotingmodule .wrapper_voting figcaption {
    margin-top: 6px;
    line-height: 1.2857em; /* 18px */
}

.layoutvotingmodule .ranking_list figcaption strong { display: block; }
.layoutvotingmodule .wrapper_voting li .rating { margin: 5px 0 0 0; }


/* 1/4 Modul */
#col2 .layoutvotingmodule .manualteaserpicture,
#col2 .layoutvotingmodule .wrapper_voting > ul > li,
#col2 .layoutvotingmodule .visual_selection .type-check,
#col2 .layoutvotingmodule .visual_selection .type-radio {
    float: none;
    display: block;
    width: auto;
    margin-right: 0;
}

#col2 .layoutvotingmodule .form .manualteaserpicture ~ .type-radio,
#col2 .layoutvotingmodule .form .manualteaserpicture ~ .type-check,
#col2 .layoutvotingmodule .form .manualteaserpicture ~ .type-text { margin-left: 0; }

#col2 .layoutvotingmodule .form legend,
#col2 .layoutvotingmodule .wrapper_voting .title {
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

#col2 .layoutvotingmodule .type-button .pagemarker {
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    margin: 0;
}

#col2 .layoutvotingmodule .visual_selection li {
    margin-bottom: 16px;
    border-top: 1px solid #c0c0c0;
    padding-top: 16px;
}

#col2 .layoutvotingmodule .visual_selection li:first-child {
    border-top: 0 none;
    padding-top: 0;
}

/* hide Captcha input  */
.invibility_sec { display:none; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutweatherteaser
 *
 * @section layoutweatherteaser
 */

@media screen and (min-width: 902px) {

    .layoutweatherteaser li {
        float: left;
        display: inline;
        width: 12.755%;
        margin-left: 1px;
        padding: 4.85% 0;
        text-align: center;
    }

    .layoutweatherteaser li:first-child {
        width: 22%; /* 102px */
        margin-left: 0;
        padding: 1.85% 0;
    }

    .layoutweatherteaser li span {
        display: block;
    }

    .layoutweatherteaser li .weather_icon {
        width: 65%;
    }

    .layoutweatherteaser li:first-child .wetter_temp {
        margin-top: -15%;
        padding-bottom: 15%;
        font-size: 1.1428em; /* 16px */
    }
}

@media screen and (min-width: 680px) and (max-width: 901px) {

    .layoutweatherteaser .weather_list {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .layoutweatherteaser li {
        border-top: 1px solid #D8D8D8;
        padding: 0 20%;
        line-height: 45px; /* 3,2em */
    }

    .layoutweatherteaser li .weather_icon {
        position: absolute;
        right: 45%;
        width: 10%;
        padding: 2% 0;
    }

    layoutweatherteaser li:first-child .weather_icon { height: 10%; }

    .layoutweatherteaser li .wetter_temp {
        float: right;
    }
}

@media screen and (min-width: 525px) and (max-width: 679px) {

    .layoutweatherteaser li {
        float: left;
        display: inline;
        width: 12.755%;
        margin-left: 1px;
        padding: 4.85% 0;
        line-height: 2em; /* 28px */
        text-align: center;
    }

    .layoutweatherteaser li:first-child {
        width: 22%; /* 102px */
        margin-left: 0;
        padding: 1.85% 0;
    }

    .layoutweatherteaser li span {
        display: block;
    }

    .layoutweatherteaser li .weather_icon {
        width: 65%;
    }

    .layoutweatherteaser li:first-child .wetter_temp {
        margin-top: -15%;
        padding-bottom: 15%;
        font-size: 1.1428em; /* 16px */
    }
}

@media screen and (max-width: 524px) {

    .layoutweatherteaser .weather_list {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         width: 100%;
    }

    .layoutweatherteaser li {
        border-top: 1px solid #D8D8D8;
        padding: 0 20%;
        line-height: 45px; /* 3,2em */
    }

    .layoutweatherteaser li .weather_icon {
        position: absolute;
        right: 45%;
        width: 9%;
        padding: 1% 0;
    }

    layoutweatherteaser li:first-child .weather_icon { height: 10%; }

    .layoutweatherteaser li .wetter_temp {
        float: right;
    }
}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutweatherteaser li {
    float: left;
    display: inline;
    width: 12.755%;
    margin-left: 1px;
    padding: 4.85% 0;
    text-align: center;
}

.ie8 .layoutweatherteaser li:first-child {
    width: 22%; /* 102px */
    margin-left: 0;
    padding: 1.85% 0;
}

.ie8 .layoutweatherteaser li span {
    display: block;
}

.ie8 .layoutweatherteaser li .weather_icon { width: 65%; }

.ie8 .layoutweatherteaser li:first-child .wetter_temp {
    margin-top: -15%;
    padding-bottom: 15%;
    font-size: 1.1428em; /* 16px */
}


/**
 * 7.2.1 Wetter-Flyout
 * 7.2.2 Wetter-Teaser 2/4 u. 1/4
 *
 * @subsection layoutweatherteaser
 */

.layoutweatherteaser { position: relative; }

.layoutweatherteaser .manualteaser.layoutsnippet { padding-top: 0; }

.layoutweatherteaser .weather_list {
    overflow: hidden;
    border: 4px solid #d8d8d8;
    background-color: #d8d8d8;
}

.layoutweatherteaser li {
    font-size: 1em; /* 14px */
    background-color: #f5f5f5;
}

.layoutweatherteaser li:first-child {
    background-color: #ffffff;
}

.layoutweatherteaser li .wetter_temp,
.layoutweatherteaser .weather_today .wetter_tag { font-weight: 700; }

.layoutweatherteaser li:first-child .wetter_tag {
    font-weight: 700;
    text-transform: uppercase;
}


/* 1/4 Variante */
#col2 .layoutweatherteaser li {
    position: relative;
    float: none;
    display: block;
    width: auto;
    border-top: 1px solid #d8d8d8;
    padding: 0 5%;
    line-height: 60px;
    text-align: left;
}

#col2 .layoutweatherteaser li:first-child {
    border-top: 0 none;
    line-height: 70px;
}

#col2 .layoutweatherteaser li span { display: inline; }

#col2 .layoutweatherteaser li .wetter_temp {
    float: right;
    line-height: 60px;
}

#col2 .layoutweatherteaser li:first-child .wetter_temp {
    margin-top: 0;
    padding-bottom: 0;
}

#col2 .layoutweatherteaser li:first-child .wetter_temp { line-height: 70px; }

#col2 .layoutweatherteaser li .weather_icon {
    position: absolute;
    top: 25%;
    right: 35%;
    width: auto;
    padding: 0;
}

#col2 .layoutweatherteaser li:first-child .weather_icon { height: 75%; }

.layoutwetterseite .layoutexpandableteaser .wrapper_button_left .ico,
.layoutwetterseite .layoutexpandableteaser .wrapper_button_right .ico {
  position: relative;
  top: -41px;
}

.layoutwetterseite .layoutexpandableteaser .wrapper_button_left,
.layoutwetterseite .layoutexpandableteaser .wrapper_button_right {
  position: relative;
  top: -12px;
}

.layoutwetterseite .layoutexpandableteaser .wrapper_button_left .ico.ico_arrow_wide_left {
  float: left;
  left: 0;
}
.layoutwetterseite .layoutexpandableteaser .wrapper_button_right .ico.ico_arrow_wide_right {
  float: right;
  right: 0;
}

.layoutwetterseite .layoutexpandableteaser .wrapper_button_left > ul.tab_navigation_extend,
.layoutwetterseite .layoutexpandableteaser .wrapper_button_right > ul.tab_navigation_extend,
.layoutwetterseite .layoutexpandableteaser .wrapper_button_left > ul.tab_navigation_extend,
.layoutwetterseite .layoutexpandableteaser .wrapper_button_right > ul.tab_navigation_extend {
  top: auto;
  margin-top: -8px;
}



/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * layoutzitat
 *
 * @section layoutzitat
 */

@media screen and (min-width: 480px) {

    .layoutzitat .quote p {
        padding-left: 57px;
        font-size: 1.5714em; /* 22px */
        line-height: 1.2727em; /* 28px */
    }
}

@media screen and (max-width: 479px) {

    .layoutzitat .quote p {
        padding-left: 36px;
        font-size: 1.1428em; /* 16px */
        line-height: 1.375em; /* 22px */
    }

    .layoutzitat .ico_quote:before { font-size: 26px; }
}

/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8
 */

.ie8 .layoutzitat .quote p {
    padding-left: 57px;
    font-size: 1.5714em; /* 22px */
    line-height: 1.2727em; /* 28px */
}


/**
 * 6.1.8 Zitat aus Nachricht 2/4
 *
 * @subsection layoutzitat
 */

.layoutzitat .manualteasertitle {
    font-size: 1.1428em; /* 16px */
    line-height: 1.25em; /* 20px */
}

.layoutzitat .quote:before {
    position: absolute;
    top: 9px;
    left: 0;
}

.layoutzitat .quote p {
    margin-bottom: 11px;
    padding-top: 15px;
    padding-right: 45px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #333;
}

.layoutzitat .origin,
.layoutzitat .origin {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: right;
    color: #333;
}

.layoutzitat .mehrlink {
    display: inline;
    text-align: left;
}

/* schmale variante für detailseiten */
#col1 .layoutzitat .quote p,
#col2 .layoutzitat .quote p {
    padding: 10px 0 0 37px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.375em; /* 22px */
}

#col1 .layoutzitat .quote:before,
#col2 .layoutzitat .quote:before {
    top: 5px;
    font-size: 25px;
}

/* 4/4 variante für content slider */
.content_slider .layoutzitat .teaser { padding-top: 24px; }

.content_slider .layoutzitat h3 { position: static; }

.content_slider .layoutzitat .quote:before { top: 2px; font-size: 34px; }

.content_slider .layoutzitat .quote { margin-left: 15px; }

.content_slider .layoutzitat .quote p {
    overflow: hidden;
    max-height: 88px;
    padding: 2px 15px 0 57px;
    font-size: 1.1428em; /* 16px */
    line-height: 1.375em; /* 22px */
}

.content_slider .layoutzitat .origin { padding-right: 25px; }

.layoutzitat a:hover,
.layoutzitat a:focus { text-decoration:none; }


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * mobile_nav
 *
 * @section mobile_nav
 */

/** META NAVIGATION **/

.mobile_nav_container {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.mobile_nav_container .event_catcher {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,0.01);
}

.mobile_nav_container .view {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.5);
    background-color: #fff;
}

.mobile_nav_container .inner {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background: #fff;
}

.mobile_main_nav {
    display: none;
    top: 50px;
}

.mobile_main_nav .view {
    overflow: visible;
    top: 10px;
    right: 0px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 300px;
}

.mobile_main_nav .inner {
    top: 0;
}

.mobile_main_nav .scrollbox {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
}

.mobile_main_nav .view:after {
    position: absolute;
    top: -10px;
    right: 14px;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #900;
    border-left: 12px solid transparent;
    content: "";
}

.mobile_main_nav .mobile_list_view .item {
    border-top: 1px solid #900;
}

.mobile_main_nav .mobile_list_view .item a {
    color: #900;
}

.mobile_main_nav .mobile_list_view .active a,
.mobile_main_nav .mobile_list_view a.active {
    border-color: #900;
    color: #fff;
    background-color: #900;
}


/** META NAVIGATION **/
.mobile_meta_nav {
    display: none;
}

.mobile_meta_nav .view {
    overflow: hidden;
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: rgba(255,255,255,0.98);
}

.mobile_meta_nav .view li {
    border-top: 1px solid #C0C0C0;
    font-size: 0.9286em; /* 13px */
    line-height: 1.5385em; /* 20px */
}

.mobile_meta_nav .view li:first-child {
    border-top: 0 none;
}

.mobile_meta_nav .scrollbox {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/** CONTENT NAVIGATION **/
.mobile_content_nav {
    display: none;
}

.mobile_content_nav .view {
    overflow: visible;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    max-width: 360px;
    background: rgba(255,255,255,0.98);
}

.mobile_content_nav .header {
    height: 45px;
    font-weight: 700;
    line-height: 45px;
    text-indent: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #900;
}

.mobile_content_nav .header .ico {
    float: right;
    width: 45px;
    color: #FFFFFF;
    cursor: pointer;
}

.mobile_content_nav .header .ico:before {
    color: #FFFFFF;
}

.mobile_content_nav .scrollbox {
    position: absolute;
    top: 45px;
    right: 0;
    bottom: 0;
    left: 0;
}


/** LIST VIEW  **/
.mobile_list_view .item > a {
    display: block;
    border-top: 1px solid #fff;
    font-weight: 700;
    line-height: 45px;
    text-indent: 10px;
    text-transform: uppercase;
}

.mobile_list_view .item.selected > a {
    border-top: 1px solid #fff;
    color: #fff;
    background: #900;
}

.mobile_list_view .item > .list > li {
    margin-left: 8px;
    border-bottom: 1px solid #999;
    border-left: 4px solid #999;
}


/* Smartphones */
@media only screen and (max-width: 679px) {

    .mobile_main_nav {
        position: absolute;
        display: block;
        height: auto;
    }

    .sticky ~ .mobile_main_nav {
        position: fixed;
    }

    .mobile_main_nav.collapsed {
        height: 0;
    }
}


@media only screen and (max-width: 568px) {

    .mobile_meta_nav {
        position: fixed;
        display: block;
        height: auto;
    }

    .mobile_meta_nav.collapsed {
        height: 0;
    }
}


/* iPads (portrait and landscape) */
@media only screen and (min-width : 569px) and (max-width: 1024px) {

    /*** Meta Nav ***/
    .mobile_meta_nav {
        display: block;
        height: auto;
    }

    .mobile_meta_nav .view {
        max-height: 220px;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    }

    .mobile_meta_nav.collapsed {
        height: 0;
    }
}


/* Smartphones */
@media only screen and (max-width: 568px) {

    .touch .mobile_content_nav {
        position: fixed;
        display: block;
    }

    .touch .mobile_content_nav .view {
        width: 100%;
        max-width: none;
    }

    .touch .mobile_content_nav.collapsed {
        opacity: 0;
        height: 0;
        -webkit-transform: translateY(-500px);
        -moz-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    .touch .mobile_content_nav .inner {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .touch .mobile_content_nav.collapsed .inner {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
}


/* iPads (portrait and landscape) */
@media only screen and (max-width: 1024px) {

    /*** Content Nav ***/
    .mobile_content_nav.flyout {
        position: absolute;
        z-index: 1000;
        display: block;
    }

    .mobile_content_nav.flyout .view:after {
        position: absolute;
        top: 11px;
        right: -26px;
        width: 0px;
        height: 0px;
        border: solid transparent;
        border-width: 16px;
        border-left-color: #900;
        content:"";
    }

    .mobile_content_nav.flyout .view {
        opacity: 1;
        position: absolute;
        top: 50%;
        right: 52px;
        width: 100%;
        max-width: 360px;
        max-height: 420px;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    }

    .mobile_content_nav.flyout.collapsed .view {
        opacity: 0;
    }

    .mobile_content_nav.flyout.collapsed {
        height: 0;
    }
}

@media only screen and (max-width: 430px) {
    .mobile_content_nav.flyout .view {
        max-width: 320px;
    }
}

@media only screen and (max-width: 390px) {
    .mobile_content_nav.flyout .view {
        max-width: 270px;
    }
}


/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * overlay
 *
 * @section overlay
 */

@media screen and (min-height: 769px) {
    .overlaylighbox figcaption { padding: 7px 0 20px; }
    .overlaylighbox .ico_close { padding: 10px 0; }

}

@media screen and (min-height: 321px) and (max-height: 768px) {

    .overlaylighbox figcaption { padding-bottom: 10px; }
    .overlaylighbox .ico_close { padding: 7px 0; }

}

@media screen and (max-height: 320px) {

    .overlaylighbox figcaption { padding: 2px 0 3px; }
    .overlaylighbox .ico_close { padding: 2px 0; }

}


/**
 * ie8 desktop-mediaqueries
 *
 * @subsection ie8/ie9
 */

.ie8 .overlaylighbox figcaption { padding: 7px 0 20px; }
.ie8 .overlaylighbox .ico_close { padding: 10px 0; }


/**
 * 7.3.1 Beitragsmodul Overlay
 *
 * @subsection overlaylighbox
 */
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: none;
    background: transparent url(../grafik/bg_overlay.png) repeat scroll 0 0;
}

.overlaylighbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    z-index: 201;
    min-width: 150px;
    min-height: 150px;
    padding: 0 11px;
    background: #fff url(../grafik/ico_preloader.gif) no-repeat scroll center center;
}

.overlaylighbox .ico_close {
    display: block;
    text-align: right;
    cursor: pointer;
}

.overlaylighbox figcaption {
    font-size: 0.8571em; /* 12px */
    line-height: 1.5em; /* 18px */
    color: #666;
}

.overlaylighbox .manualteaserpicture { position: relative; }

.overlaylighbox .manualteaserpicture:before {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0);
	content:"";

}





/*
 * ---------------------------------------------------------------------------------------------------- #
 *
 * socialshareprivacy
 *
 * @section socialshareprivacy
 */

.social_share_privacy_area {
    clear: both;
    margin: 20px 0 0;
}
/* clearfix */
.social_share_privacy_area:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}
.social_share_privacy_area li {
	float: left;
	height: 21px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0 !important;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    height: inherit;
    margin: 0 0 0 10px;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    width: inherit;
    height: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    display: inline-block;
    width: 50%;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
	width: 50%;
}
.social_share_privacy_area li div.tweet {
	/* width: 115px; */
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
	width: 50%;
	margin-bottom: 20px;
}
.social_share_privacy_area li div.gplusone {
	/*width: 90px;*/
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    overflow: hidden;
    float: left;
    display: inline-block;
    width: 23px;
    height: 12px;
    margin: 4px 0 0;
    padding: 0;
    text-indent: -9999em;
    background: transparent url(../grafik/socialshare/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px;
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 500;
    display: none;
    margin: 0;
    -webkit-box-shadow:  0 0 3px 0 rgba(0,0,0,0.2);
    box-shadow:  0 0 3px 0 rgba(0,0,0,0.2);
    border: 1px solid #dcdcdc;
    padding: 10px 15px;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    color: #000;
    background-color: #fff;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin: 0;
	border: 1px solid #dcdcdc;
	border-right-width: 0;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    padding: 0;
	vertical-align: top;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
	float: none;
	display: block;
	clear: both;
	font-style: italic;
	text-align: right;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    border-top: 2px solid #dcdcdc;
    padding-top: 5px;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
	display: none;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
	display: none;
	width: 25px;
	height: 20px;
	margin: 0;
	border: 2px solid #e7e3e3;
	border-left: 1px solid #ddd;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	padding: 0;
	text-indent: -9999px;
	background: #fff url(../grafik/socialshare/settings.png) no-repeat center center scroll;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    margin: 0;
    border-width: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
	width: 115px;
    margin: 0;
    padding: 10px 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    float: left;
	clear: both;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    float: left;
    display: inline-block;
	margin: 0;
	padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
	-webkit-transition: color .5s ease-in;
	-moz-transition: color .5s ease-in;
	transition: color .5s ease-in;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
	color: #090;
}
/* Settings/Info end */

/* Layout im 1_4 Spaltenlayout und der EPG Listenansicht */
.col_socialshare .social_share_privacy_area .facebook,
.col_socialshare .social_share_privacy_area .twitter,
.col_socialshare .social_share_privacy_area .gplus,
#col2 .social_share_privacy_area .facebook,
#col2 .social_share_privacy_area .twitter,
#col2 .social_share_privacy_area .gplus {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 20px;
}