div.wrapper:before { background: url(/static/img/bereich/fernsehen/br-fernsehen/shadow_left.png)!important; }
div.wrapper:after { background: url(/static/img/bereich/fernsehen/br-fernsehen/shadow_right.png)!important; }

#content_wrapper { background-color: #f5f5f5; }

#header, div.breadcrumb, #program_stage { background-color: #fff; }
#meta_navi li { margin: 7px 0; border-color: #fff; }
#meta_navi li a { padding: 2px 12px; }
#meta_navi a:hover,
#meta_navi a:focus,
#meta_navi a:active { color:#006AFF; }
#meta_navi li.nav_rss a .br_sprite_content:before { left: -250px; top: -50px; }
#meta_navi li.nav_rss a:hover .br_sprite_content:before,
#meta_navi li.nav_rss a:focus .br_sprite_content:before,
#meta_navi li.nav_rss a:active .br_sprite_content:before { margin-left: -50px; }
#meta_navi li.nav_sendungen_a-z a .br_sprite_content:before { left: -250px; top: 0; }
#meta_navi li.nav_sendungen_a-z a:hover .br_sprite_content:before,
#meta_navi li.nav_sendungen_a-z a:focus .br_sprite_content:before,
#meta_navi li.nav_sendungen_a-z a:active .br_sprite_content:before { margin-left: -50px; }

#master_navi li.master_navi_category:hover > a:hover,
#master_navi li.nav_focus_active > a:focus,
#master_navi li.nav_focus_active > a:active { background: #fff; }
#master_navi li ul li a:hover,
#master_navi li ul li a:focus,
#master_navi li ul li a:active { background: #fff; }

#program_stage ul.program li.item div.broadcast,
#program_stage.broadcast ul.program li.nextBroadcast div.next { background-color: #f5f5f5; }

#program_stage .program button.slick-next,
#program_stage .program button.slick-prev { background-color: #fff; opacity: 1; }
#program_stage .program button.slick-next span:before { left: -596px; top: -646px; }
#program_stage .program button.slick-prev span:before { left: -596px; top: -696px; }
#program_stage .program button:hover span:before { margin-left: 50px; }

#node_br-fernsehen div.section div.section_head h3 { color: #006AFF; }
#node_br-fernsehen div.section.carousel div.section_head h3 { color: #fff; }


div.main_navi_label, div.main_navi_box_foot, div.ticker div.slick-slider button.control { background-color: #e5e5e5; }

/* #################### breakpoint 640px #################### */
@media only screen and (max-width: 640px) {
/* Kann evtl. irgenwann mal in die breakpoints.css rein */
body.responsive div.area a > span:after { width: 50px; height: 50px; top: 10px; }
body.responsive #program_stage ul.timezones li a { padding: 3px 11px; font-weight: normal; }
}
/* #################### //breakpoint 640px [S] #################### */

/* #################### breakpoint 480px #################### */
@media only screen and (max-width: 480px) {
body.resp-onsive #program_stage ul.timezones li a { padding: 3px 8px; }
}
/* #################### //breakpoint 480px [XS] #################### */

/* #################### breakpoint 370px [XXS] #################### */
@media only screen and (max-width: 370px) {

    /* programmfahne */
    body.responsive #program_stage ul.timezones li a { padding: 3px 6px; }
    /* //programmfahne */


}
/* #################### //breakpoint 370px [XXS] #################### */

