/* Theme Schulstunde #WIE LEBEN
 *
 * #0071ee- Navigation Activ, Links
 * #0071ee - Teaser Balken
 * #d8d8d8 - Hintergrund Premium
 * #e9e9e9 - Hintergrund innerhalb Premium
 * #003480 - Hintergrundfarbe ohne Hintergrundbild
 * #****** - Logo Text & Linie - nicht definiert, da nicht angezeigt 
 *
 */

/* Hintergrundfarbe ohne Hintergrundbild */
@media screen and (min-width: 641px) {
    .page_margins { 
        background: #003480; 
        background-position: center top !important;
	}
}
@media screen and (max-width: 640px) {
    .page_margins {
        background-color: #fff;
    }
}

/* IE8 ohne Mediaqueries */
.ie8 .page_margins { 
    background: #003480; 
    background-position: center top !important;
}

/* Contentheader */
#contentheader .header_content .header_splited .logo {
    margin-top: 32px;
    margin-left: 20px;
}
#contentheader .header_content .header_splited .text:before,
#contentheader .header_content .header_splited .text {
    border-left: none; /* wird nicht angezeigt */
}
#contentheader .header_content .header_splited .text {
    display: none; /* wird nicht angezeigt */
}

/* Logo größer */
#contentheader .header_content .header_splited .logo { 
    display: block; 
}
#contentheader .header_splited .logo img, .ie8 #contentheader .header_splited .logo img {
    display: block; 
    max-width: 830px;
    max-height: 108px;
}
@media screen and (max-width: 640px) {
  #contentheader .header_content .header_splited .logo {
    width: 332px;
    height: auto;
    margin-top: 15px;
    margin-left: 0;
  }
}

/* Body an den oberen Browserrand setzen */
 #top {
    padding-top: 0 !important;
}

/* Hintergrund an den oberen Browserrand setzen */
.page_margins { 
    background-position: center top !important;
}

/* Gesamten Hintergrund mit Hintergrundfarbe füllen */
body {
    background-color: #003480;
}

/* Metaheader ausblenden */
 #header {
    display: none;
}

/* Breadcrumbs ausblenden */
.breadcrumb {
    display: none;
}

/* Hintergrundgrafik im Header */
@media screen and (min-width: 641px) {
    #contentheader  {
        background: url(/content/dam/rbb/rbb/logos/logo_schulstunde_wieleben.png/jcr:content/renditions/headerbg.jpg) no-repeat center top;
    }
}

/* IE8 ohne Mediaqueries */
.ie8 #contentheader  {
	background: url(/content/dam/rbb/rbb/logos/logo_schulstunde_wieleben.png/jcr:content/renditions/headerbg.jpg) no-repeat center top;
}

/* Hintergrundfarbe im Header */
@media screen and (max-width: 640px) {
    #contentheader  {
        background: #fff;
    }
}

/* Positionierung des rbb-Logos im Header */
#contentheader .presentation, .ie8 #contentheader .presentation {
    right: 20px;
    top: 66px;
}

/* Flagge für Sprachumschaltung für Präsentation ausblenden */
#contentheader.premium .toggle_language, 
#contentheader.medium .toggle_language, 
#contentheader.standard .toggle_language {
    display: none;
}

/* Footer reduzieren und einfärben */
#footer {
	max-width: 1005px;
	margin: 0 auto;
	background: #0071ee;
}
#footer .footer_content {
	padding: 10px 0 25px;
}
#footer .logo {
    display: none;
}
#footer .footer_expand_link {
	display: none;
}
#footer .link_list {
    display: none;
}
#footer .logo_list {
	display: none;
}
#footer .ard_logo {
	display: none;
}

/* Mediaqueries */
@media screen and (min-width: 769px) {
    #contentnav .level1 {
        margin-top: -28px;
    }
    #contentnav .level1:before {
        position: absolute;
        top: -32px;
        left: 0;
        height: 32px;
        border: 0 none;
        background: #0071ee;
        content: "";
    }
    #contentnav .level1 > li > a {
        position: relative;
        color: #fff;
    }
    #contentnav .level1 > .selected > a {
        height: 26px;
        margin-top: -1px;
        background-color: #fff;
        color: #0071ee;
    }
    #contentnav .level1 .level2 {
        top: 0;
    }
    #contentnav .level1 > .selected > a:after {
        height: auto;
        width: auto;
        background: none;
        content: "";
    }
}

/* IE8 ohne Mediaqueries */
.ie8 #contentnav .level1 {
    margin-top: -28px;
}
.ie8 #contentnav .level1:before {
    position: absolute;
    top: -32px;
    left: 0;
    height: 32px;
    border: 0 none;
    background: transparent url(/content/dam/rbb/rbb/logos/logo_schulstunde_wieleben.png/jcr:content/renditions/bg_nav_level1_full_gn.png) no-repeat scroll center 0;
    content: "";
}
.ie8 #contentnav .level1 > li > a {
    position: relative;
    color: #fff;
}
.ie8 #contentnav .level1 > .selected > a {
    height: 26px;
    margin-top: -1px;
    background-color: #fff;
    color: #0071ee;
}
.ie8 #contentnav .level1 .level2  {
    top: 0;
}
.ie8 #contentnav .level1 > .selected > a:after {
    height: auto;
    width: auto;
    background: none;
    content: "";
}

/* Styling Farben und Hintergründe */
#main a:focus,
#main a:hover,
#main .ico:before,
#main .ico:after,
#contentheader .ico:before,
#contentheader .ico:after,
#contentnav .level1 > li.selected > a,
#contentnav .level1 > li.expanded > a,
#contentnav .level2 li a,
.mobile_content_nav .item a,
.manualteaser h3 a .manualteasertitle,
.manualteaser h4 a .manualteasertitle,
.manualteaser .manualteasershorttext a,
.tab_navigation li a,
.tab_navigation_extend li a,
.manualteaser .download_marker,
.manualteaser .ico.ico_download,
.manualteaser .ico.ico_download:before,
.mehrlink,
.teaserbox  h2.boxheadline a,
.js .layoutexpandableteaser li > h3 .manualteasertitle,
.slider .newsticker .manualteasertitle  a,
.layoutsocialshare .socialshare_list a,
.layoutarticlemodule > .teaserbox  a,
.js .layoutcommentlist .comment_list article header:after,
.pager li a,
#footer .back_to_top,
.no-touch #contentnav .level1 > .dropdown:hover > a,
#contentnav .level1 > .dropdown.toggled > a {
    color: #0071ee; 
}
#main .slider .skip .ico:before {
    color:#fff;
}
.teaserbox.layouttabbedteasermodule,
#contentnav .toggle_language:focus,
#contentnav.collapsed .level1 > li,
.teaserbox > .manualteaser ~ .manualteaser,
.teaserbox > .teaser ~ .teaser,
.teaserbox ,
.teaserbox .themenflag, .teaserbox .articlecount,
.layouttopicteaser .teaser > .headlineteaser,
.layouttopicteaser .teaser > .headlineteaser > .manualteaser,
.layoutsocialshare .socialshare_list, 
.layoutsocialshare .socialshare_list > li ,
.layoutexpandableteaser .popular .manualteaser,
#main .content_navi_slider + .teaserbox { 
    border-top-color: #0071ee;
    padding-top: 11px;
}
.layoutarticlemodule > .teaserbox { 
    border-top: 4px solid #0071ee;
    padding-top: 11px;
}
.layoutarticlemodule > .teaserbox.layoutexpandableteaser { 
    border-top: 0;
    padding-top: 0;
}
.layoutarticlemodule > .teaserbox.first {
    margin-top: 0;
}
.layouttopicteaser .teaser > .headlineteaser,
.layoutsocialshare .socialshare_list > li,
.teaserbox .articlecount {
    border-bottom-color: #0071ee;
}
.slider.thumbs li.selected a,
.no-touch .slider.thumbs li > a:hover  { 
    border-color: #0071ee;
}
.mobile_content_nav .view:after {
    border-left-color: #0071ee;
}
.tab_navigation .active:after {
    border-top-color: #0071ee;
}
.tab_navigation .active a,
.tab_navigation li a:hover,
.tab_navigation_extend .active a,
.tab_navigation_extend li a:hover,
.mobile_content_nav .item.selected a,
.mobile_content_nav .header,
.js .layoutexpandableteaser li > h3 .manualteasertitle.active,
.teaserbox .themenflag, .teaserbox .articlecount,
.no-touch #contentnav .dropdown > ul > li > a:hover, 
#contentnav .dropdown > ul > .selected > a {
    background-color: #0071ee;
    color: #fff !important;
}
.js .layoutexpandableteaser li > h3 .manualteasertitle { 
    background-image:url(/content/dam/rbb/rbb/logos/logo_schulstunde_wieleben.png/jcr:content/renditions/expandableArrows.png); 
}
a.themenflag:hover , a.articlecount:hover { 
    color: #fff !important; 
}

/* Premium-Teaser */
.layoutpremium  {
    background-color: #d8d8d8;
}
.layoutpremium > .manualteaser {
    background-color: #e9e9e9; 
}
.layoutpremium > .manualteaser .manualteaserdatetime,
.layoutlastnextshowteaser .manualteaserdatetime { 
    background-color: #0071ee;
}

.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: #0071ee;
    content:"";
}

/* Rating-Sterne */
.layoutarticlemodule .rating ul,
.layoutarticlemodule .rating a,
.layoutarticlemodule .rating a:hover,
.layoutarticlemodule .rating a:focus,
.layoutarticlemodule .rating .current a,
.layoutarticlemodule .rating .current span,
.manualteaser .rating ul,
.manualteaser .rating a,
.manualteaser .rating a:hover,
.manualteaser .rating a:focus,
.manualteaser .rating .current a,
.manualteaser .rating .current span {
    background-image: url(/content/dam/rbb/rbb/logos/logo_schulstunde_wieleben.png/jcr:content/renditions/ratingStars.png);
}