@import url('master_nav.css');

body, frameset {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #660000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  scrollbar-face-color: #990000;
  scrollbar-highlight-color: #990000;
  scrollbar-shadow-color: #990000;
  scrollbar-3dlight-color: DE4848;
  scrollbar-arrow-color:  #FFFFFF;
  scrollbar-track-color: #CC3333;
  scrollbar-darkshadow-color: #990000;
}
frame, frameset {
  resize:none;
  border: 0 none;
}
body.contentFrame {
  background-color: #FFF;
  padding: 0 10px 0 10px;
}
h1, h2 {
  font-size:11px;
  font-weight:bold;
}
h1 {
  margin: 0.67em 0;
}
h2 {
  margin: 0.83em 0;
}
td {
  font-size: 11px;
}
p {
  font-size: 11px;
  margin: 1em 0;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #CC3333;
}
a:hover {
  color: #FF0000;
}
input,option,select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  border: none #660000;
  background: white;
}
img {
  border: none;
}
iframe {
  border: 0;
  width: 565px;
  height: 400px;
}
div.break {
  clear: both;
  height: 1px;
  margin-top: -1px;
  font-size:0;
}

#wrapper {
  width: 775px;
}
.wide_content #wrapper {
  width: 100%;
}
#header {
  width: 775px;
  position:relative;
  height: 67px;
}
#header #home {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 300px;
}
#header #header_center {
  position: absolute;
  left: 195px;
  top: 0;
  height: 57px;
  width: 580px;
  border-bottom: solid 10px #DE4848;
}
/* Impressum, Hilfe, Projekt */
#main_navi {
  width: 580px;
  text-align: right;
  font-size: 11px;
  margin-top: 14px;
}
#main #main_navi {
  position: absolute;
  left: 195px;
  top: 400px;
  height: 400px;
}
#main_navi a {
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  margin-left: 6px;
}
#main_navi a.current {
  font-style: italic;
}
#frameWrapper #header {
  width: 100%;
}
#frameWrapper #header #header_center {
  width: 100%;
}

#main {
  position: relative;
  height: 402px;
}

#left {
  position: relative;
  width: 177px;
  height: 450px;
  font-size: 11px;
  background-color: #990000;
  padding-left:18px;
}

#center {
  position: absolute;
  left: 195px;
  top: 0;
  width: 580px;
  height: 400px;
  border-left: none;
  background-color:#FFF;
}
.wide_content #center {
  width: 100%;
  overflow: scroll;
}

#footer {
}


#logo_das_erste {
  position: absolute;
  left: 18px;
  top: 0;
  width: 177px;
  height: 67px;
  text-align: center;
  background-color:#990000;
  text-align:center;
}
#logo_das_erste img {
  margin-top: 14px;
}

#areas_navi {
  position: absolute;
  bottom: 3px;
  left: 318px;
}
#areas_navi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 262px;
}
#areas_navi ul li {
  float: left;
  margin-bottom: 2px;
  width: 127px;
  border: solid 1px #FFF;
  text-transform: uppercase;
  font-size: 9px;
  text-align: center;
  color: #FFF;
}
#areas_navi ul li.map {
  width: 129px;
  height: 30px;
  border: 0 none;
  margin-left: 0;
  margin-right: 0;
}
#areas_navi ul li.left {
  clear: left;
  margin-right: 4px;
}
#areas_navi ul a {
  display:block;
  font-weight: normal;
  color: #FFF;
}

#timespans ul, #link_menu ul {
  margin: 0 0 0 16px;
  padding: 0;
  list-style: none;
}
#timespans ul {
  margin-top: 36px;
}
#timespans li, #link_menu li {
  margin-bottom: 5px;
  text-align: center;
  font-size: 9px;
  background-color: #cc3333;
  border: solid 1px #cc3333;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#timespans a, #timespans span, #link_menu a, #link_menu span {
  display: block;
  background-color: #cc3333;
  width: 159px;
  height: 13px;
  color: #FFF;
  font-weight: bold;
}
#timespans li.current, #link_menu li.current {
  background-color: #FFF;
  color: #000;
  border-color: #FFFFFF;
}
#timespans li.current a, #timespans li.current span,
    #link_menu li.current a, #link_menu li.current span {
  color: #000;
  background-color: #FFF;
}

.area_info #timespans {
  margin-top: 317px;
}
.rubrik_hilfe #timespans {
  margin-top: 256px;
}

#area {
  margin-top: 16px;
  margin-left: 16px;
  background-color:#FFF;
  border: solid 1px #FFF;
  height: 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
  letter-spacing: 0.1em;
}
#area a, #area a:hover, #area a:active, #area a:visited {
  color: #000000;
}

#link_menu li {
  background-color: transparent;
  border-color: #FFFFFF;
}
#link_menu a, #link_menu span {
  background-color: transparent;
}

#menu table {
  width: 177px;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 1px;
}
.area_ereignisse #left {
  background: url('/grafik/layout/links_ereignisse.gif') no-repeat #990000;
}
.area_personen #left {
  background: url('/grafik/layout/links_personen.gif') no-repeat #990000;
}
.area_zeitzeugen #left {
  background: url('/grafik/layout/links_zeitzeugen.gif') no-repeat #990000;
}
.area_orte #left {
  background: url('/grafik/layout/links_orte.gif') no-repeat #990000;
}
.area_themen #left {
  background: url('/grafik/layout/links_themen.gif') no-repeat #990000;
}
.area_karten #left {
  background: url('/grafik/layout/links_karten.gif') no-repeat #990000;
}
.area_info #left {
  background: url('/grafik/layout/links_info.gif') no-repeat #990000;
}

div.frame {
  overflow-y: auto;
  overflow-x: auto;
  height: 380px;
  margin-top: 18px;
  padding: 2px 2px 2px 20px;
  background-color:#FFF;
}
div.frame.noList { /* Breiterer rechter Rand bei normalem Inhalt */
  padding-right: 20px;
}
#contentFrameMain {
  min-height: 362px;
}
#center h1 {
  border-bottom: #660000 2px solid;
  margin-bottom: 14px;
}

.listEntry {
  margin-top: 6px;
  margin-bottom: 4px;
  float: left;
}
.listEntry h2 {
  margin: 0;
}
.listEntryTop {
  border-bottom: #660000 2px solid;
  float: left;
  width: 100%;
}
.listEntryHeadline {
  width: 510px;
  float: left;
}
.listEntryDate {
  font-size: 11px;
}
.listEntryArrow {
  float: right;
  width: 26px;
}
.listEntryContent {
  float: left;
  margin-top: -1px;
  font-size: 11px;
  width: 543px;
}
.listEntryContent.event {
  background: url('/grafik/layout/liporello.gif') no-repeat;
}
.listEntryContent.event .listEntryText {
  padding-top: 12px;
}
.listEntryImage {
  float: right;
  margin: 2px 0 2px 2px;
}
.columns {
  width: 2050px;
  height: 362px;
}
.column {
  float: left;
  width: 276px;
  font-size: 11px;
  margin-right: 14px;
}
.column.first {
  width: 280px;
}
.column.first h1 {
  margin-top: 1em;
}
.column.second {
  width: 260px;
}
.column p {
  margin-bottom: 0;
}
.autoWidth, .column.autoWidth {
  width: auto;
}
.video_icon {
  text-align: left;
  vertical-align:baseline;
  margin: 0 2px;
  display: block;
  float: left;
  width: 47px;
  height: 39px;
}
.quotation_icon {
  display:inline;
  vertical-align:top;
  width:38px;
  height:13px;
  margin: 0 2px;
}

#timeline {
  width: 2070px;
  height: 18px;

  background-color:#990000;
  color: #FFF;
  font-size:9px;
  padding: 1px 10px 0 10px;

  margin-left: -10px;
}
body.image_page {
  padding: 0;
}
.image_page #contentFrameMain {
  margin: 0 10px;
}
.image_page #timeline {
  margin-left: 0;
}
/*#timeline table {
  width: 100%;
}*/
#timeline td {
  font-size:9px;
}
#timeline a {
  color: #FFF;
}
.born_dead_icon {
  margin-right: 4px;
}

.contentTitle {
  margin-bottom: 7px;
  font-size: 11px;
}
.contentTitle h1 {
  float: left;
  margin-bottom: 0;
}
.carreerButton {
  float: right;
  margin-top: 1em;
}
.biographyButton {
  float: right;
  margin: 0 0 5px 10px;
}
.category {
  font-weight: normal;
  font-size:11px;
}
.image {
  text-align:right;
}
.inlineImage {
  float: left;
  margin: 0 10px 5px 0;
}
.caption {
  text-align:right;
  color: #990000;
  font-size: 11px;
  font-style:italic;
  min-height: 27px;
  margin-top: 2px;
}
.captionText {
  float: right;
}
.column .captionText {
  width: 249px;
}
.column.second .captionText {
  width: 233px;
}
.caption.top {
  position: relative;
}
.magnifier {
  float: right;
}
.magnifier img {
  vertical-align:bottom;
}
.top .captionText {
  float: none;
  position: absolute;
  bottom: 0;
  right: 27px;
  padding-bottom: 2px;
}
.top .magnifier {
}
.top .magnifier img {
}

.popup {
  padding: 10px;
  background: url('/grafik/layout/bg_popup.gif') repeat-y #660000;
}
.popup.video {
  background-image: url('/grafik/layout/bg_video.gif');
}
#popupHeader {
  border: solid 1px #FFFFFF;
  width: 481px;
  height: 50px;
  position: relative;
}
#popupHeader h2 {
  color: #FFFFFF;
  margin: 28px 0 0 10px;
}
#popupHeader #home {
  position: absolute;
  width: 214px;
  height: 28px;
  right: 10px;
  left: auto;
  top: auto;
  bottom: 10px;
}
.video #popupHeader #home {
  left: 10px;
  right: auto;
}
#popupContent {
  background-color: #FFF;
  padding-bottom: 10px;
  min-height: 355px;
  width: 483px;
  margin-top: 10px;
}
.video #popupContent {
  background: transparent;
  min-height: 200px;
}
#popupContent h1 {
  border-bottom: #660000 2px solid;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 8px 10px 6px 10px;
}
.video #popupContent h1 {
  border: 0 none;
  margin: 4px 0 0 0;
  padding: 0;
  color: #FFFFFF;
}
#popupContentMinHeight {
  display: none;
}
#popupContentText {
  margin: 10px;
}
.video #popupContentTextWrapper {
  float: left;
  width: 276px;
  background-color: #FFF;
}
#popupFooter {
  width: 483px;
}
#videoPopupVideo {
  margin-left: 291px;
}
.video #popupFooter p {
  text-align: right;
  margin-top: 0;
}

#contentFrameMinHeight {
  display: none;
}

.additionalContent {
  font-size: 11px;
}
.sourceLabel {
  float: left;
  width: 67px;
}
.sourceContent {
  margin-left: 67px;
}

#authorLinks p {
  font-size: 9px;
  font-weight: bold;
  text-align: right;
}
#authorLinks img {
  vertical-align:middle;
}

/* Projekt-Teaser */
#projectTeaser {
  height: 130px;/*140px;*/
  background: url('/grafik/layout/information.gif') no-repeat;
  padding: 10px 0 0 18px;
}

/* Biografie (Kurzversion Person) */
#bioText {
  float: left;
  width: 580px;
}
.shortBio .imageBlock {
  clear: right;
  float: right;
  text-align: right;
}
.shortBio .caption {
  margin-bottom: 10px;
  max-width: 200px;
  float: right;
}
.shortBio .imageBlock .break {
  display: none;
}

/* Karten */
.area_karten #center {
  background-color: #660000;
}
.area_karten div.frame {
  background-color: #660000;
  color: #FFFFFF;
  margin-top: 0;
  /*padding: 0 0 0 20px;*/
  padding: 0 0 0 10px; /* Schmalerer linker Rand, da sonst zu wenig Platz f�r Text*/
}
#map_description {
  float: left;
  width: 127px;/*134px*/;
  padding-right: 10px;
}

#pageBrowser {
}
.browseBack {
  float: left;
  width: 30px;
  margin-top: 20px;
}
.browseForward {
  float: right;
  width: 30px;
  margin-top: 20px;
  text-align: right;
}
.av_error {
  font-weight: bold;
  color: #DE4848;
}



/* 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-3.woff") format("woff"),
       url("/webfont/b850db31-9043-48a9-9105-f6215999635a-2.eot?") format("embedded-opentype"),
       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-3.woff") format("woff"),
       url("/webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-2.eot?") format("embedded-opentype"),
       url("/webfont/3d6b9143-eb88-4451-80b0-7d05bd58b8a1-1.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}


/**
 * Allgemeiner Reset und Anpassungen f�r Radiowellen
 *
 * @subsection reset
 */

.hide {
    display: none !important;
}

#corporate_header, #nav, #corporate_footer { clear: both; position: relative; }

#corporate_header {
  font-family:'Interstate', Tahoma, Arial, sans-serif;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    -webkit-box-shadow:  0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:  0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

#corporate_footer { font-size: 14px; line-height: 20px; }

#corporate_header h1,
#corporate_header h2,
#corporate_header h3,
#corporate_footer h1,
#corporate_footer h2,
#corporate_footer h3,
#corporate_footer h4  {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#corporate_footer a { font-weight: 400; }
#corporate_footer h4 a { font-weight: 700; }

#corporate_header a {
    font-weight: inherit;
    color: #585856;
}

#corporate_header .meta_header .weather .flyout h2 {
    font-weight: 700;
    color: #000;
}

#corporate_header .meta_header .weather .flyout .mehrlink {
    clear: left;
    display: block;
    position: relative;
    z-index: 13;
    padding: 0.7143em;
    font-family: Georgia,"Times New Roman",serif;
    font-style: italic;
    text-align: right;
    color: #900;
}

#corporate_header .form fieldset {
    margin: 0;
    padding: 0;
}

#corporate_header .form .text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F9F9F9;
    border-radius: 0;
    border: 1px solid #A2A2A2;
    color: #000000;
    font-size: 0.8571em;
    line-height: 1.5em;
    margin: 0 0 20px;
    padding: 3px 5px 4px;
    resize: none;
}

#corporate_header .logo {
    position: static;
    top: auto;
    left: auto;
}

/**
 * Exozet Header
 */

/**
 * Header Allgemein
 *
 * @subsection header
 */

#corporate_header {
    position: relative;
    z-index: 100;
    width: 100%;
}

#corporate_header .wrapper_mainnav { background-color: #fff; }

#corporate_header .wrapper_mainnav a { text-decoration:none; }

/**
 * Header Klein
 *
 * @subsection small
 */

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

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

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


/**
 * Header reduziert, eingeklappte Suche
 *
 * @subsection reduced
 */

#corporate_header.reduced .meta_search {
    float: right;
    display: inline;
    margin-left: 16%;
}

#corporate_header.reduced .form { display: none; }
#corporate_header.reduced .btn_search { display: inline; }

/* Trigger ausblenden und Suchfeld einblenden */
#corporate_header.reduced .meta_search.toggled { margin-left: 0; }
#corporate_header.reduced .meta_search.toggled .form { display: block; }
#corporate_header.reduced .meta_search.toggled .btn_search { display: none; }


/**
 * Header ohne Suche
 *
 * @subsection no_search
 */

#corporate_header.no_search .meta_header { top: 20px; }
#corporate_header.small.no_search .meta_header { top: 13px; }
#corporate_header.no_search .meta_search { display: none; }
#corporate_header.no_search .meta_info { display: none; }

#corporate_header.no_search .meta_info_static {
    float: none;
    display: block;
    width: 150px;
    margin: 0 auto;
}


/**
 * Header - Navigation
 *
 * @subsection nav
 */

#corporate_header #nav {
    height: 60px;
    width: 100%;
    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;
}

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

#corporate_header #nav .level_1 li {
    float: left;
    display: inline;
    width: 18.5%;
    text-transform: uppercase;
}

#corporate_header #nav .level_1 .active,
#corporate_header #nav .level_1 li:focus,
#corporate_header #nav .level_1 li:hover { border-right-color: #fff; }

#corporate_header #nav .level_1 li a {
    display: block;
    height: 60px;
    width: 100%;
    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;
    border-right: 1px solid #585856;
    border-left: 1px solid white;
    margin-left: -1px;
}

#corporate_header #nav .level_1 .logo { width: 109px; }

#corporate_header #nav .level_1 .logo a {
    text-indent: -9999px;
    background: transparent url(//www.rbb-online.de/basis/grafik/spr_rbb24n.svg) no-repeat;
    background-size: 110px 120px;
    background-position: left -8px;
}

#corporate_header #nav .level_1 .logo_print { display: none; }

#corporate_header #nav .level_1 .logo a:focus,
#corporate_header #nav .level_1 .logo a:hover,
#corporate_header #nav .level_1 .logo.active a {
  background-position: left -68px;
}

#corporate_header #nav .level_1 .active a,
#corporate_header #nav .level_1 li a:focus,
#corporate_header #nav .level_1 li a:hover {
    text-decoration: none;
    background-color: #e31818;
    color: #fff;
    border-right: 0;
}


/**
 * Header - Subnavigation
 *
 * @subsection subnav
 */

#corporate_header #subnav {
    height: 28px;
    background-color: #900;
}

#corporate_header #subnav .level_2 {
    height: 28px;
    max-width: 975px;
    margin: 0 auto;
}

#corporate_header #subnav .level_2:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

#corporate_header #subnav .level_2 > li {
    position: relative;
    float: left;
    display: inline;
    margin-left: 40px;
}

#corporate_header #subnav .level_2 > li:first-child {
    margin-left: 15px;
}

#corporate_header #subnav .level_2 > li > a {
    display: block;
    font-size: 0.9286em; /* 13px */
    font-weight: 700;
    line-height: 2.1538em; /* 28px */
    text-transform: uppercase;
    color: #fff;
}

#corporate_header #subnav .level_2 > .active:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    height: 9px;
    width: 23px;
    margin-left: -11px;
    background: transparent url(/grafik/layout/bg_subnav_after.png) no-repeat scroll 0 0;
    content: "";
}

#corporate_header #subnav .level_2 .expand > a {
    padding: 0 20px 0 10px;
    background: transparent url(/grafik/layout/spr_subnav_arrow.png) no-repeat scroll right 11px;
}

#corporate_header #subnav .level_2 .expand.toggled > a,
#corporate_header #subnav .level_2 .expand:hover > a {
    background-position: right -19px;
    background-color: #fff;
    color: #900;
}


/**
 * Meta Suche
 *
 * @subsection meta_search
 */

#corporate_header .meta_search {
    position: relative;
    margin-top: -2px;
}


/**
 * Meta Header
 *
 * @subsection meta_header
 */

#corporate_header .meta_header {
    position: absolute;
    top: 25px;
    right: 0;
    height: 30px;
}

#corporate_header .meta_header .meta_info {
    float: right;
    display: inline;
}

#corporate_header .meta_header .weather {
    position: relative;
    float: left;
    display: inline;
    margin-top: 3px;
}

#corporate_header .form .btn:focus,
#corporate_header .meta_header .weather:focus { outline: 1px solid #900; }

#corporate_header .meta_header .weather .weather_flyout_link {
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
}

#corporate_header .meta_header .weather.toggled .flyout,
#corporate_header .meta_header .weather:hover .flyout { display: block; }

#corporate_header .meta_header .weather > a {
    position: relative;
    display: block;
    width: 53px;
    font-size: 0.8571em; /* 12px */
    line-height: 1.3333em; /* 16px */
    text-align: right;
    color: #585856;
}

#corporate_header .meta_header .weather > a > img {
    position: absolute;
    bottom: -7px;
    left: -5px;
}

#corporate_header .meta_header .weather .flyout {
    display: none;
    position: absolute;
    top: 25px;
    left: -170px;
    z-index: 101;
    width: 390px;
    border: 4px solid #d8d8d8;
    background-color: #f5f5f5;
    -webkit-box-shadow: 1px 1px 7px #c0c0c0;
    -moz-box-shadow: 1px 1px 7px #c0c0c0;
    box-shadow: 1px 1px 7px #c0c0c0;
}

#corporate_header .meta_header .weather .flyout:before {
    position: absolute;
    z-index: 11;
    top: -45px;
    left: 100px;
    width: 140px;
    height: 50px;
    content: "";
}

#corporate_header .meta_header .weather .flyout:after {
    position: absolute;
    top: -13px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    margin-left: -11px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #d8d8d8;
    content: "";
}

#corporate_header .meta_header .weather .flyout h2 {
    position: relative;
    z-index: 13;
    margin: 10px 0.7143em 10px;
    text-align: center;
    text-transform: uppercase;
}

#corporate_header .meta_header .weather .flyout table {
    position: relative;
    z-index: 13;
  margin:0;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0.7143em; /* 10px */
  font-size:1em;
    font-weight: 700;
    text-transform: uppercase;
}

#corporate_header .meta_header .weather .flyout table td {
    overflow: hidden;
    width: 33.33%;
    height: 120px;
    padding-top: 10px;
    text-align: center;
    background-color: #fff;
  border:0;
}

#corporate_header .meta_header .weather .flyout table td a {
    display: block;
    border: 1px solid transparent;
    color: #333;
    text-decoration: none;
}

#corporate_header .meta_header .weather .flyout table td a:focus { border: 1px solid #900; }


#corporate_header .meta_header .weather .flyout table .weather_icon { width: 35%; }
#corporate_header .meta_header .weather .flyout table span { display: block; }
#corporate_header .meta_header .weather .flyout table span.wetter_ort { height: 50px; }
#corporate_header .meta_header .weather .flyout table img { margin: 0; }

#corporate_header .meta_header .weather .flyout .mehrlink {
    position: relative;
    z-index: 13;
    padding: 0.7143em;
    color: #900;
}

#corporate_header .meta_header .expand {
    width: 63px;
    float: left;
    display: inline;
}

#corporate_header .meta_header .about_link {
    display: block;
    height: 28px;
    text-align: center;
    font-size: 0.8571em; /* 12px */
    line-height: 1.6667em; /* 20px */
    color: #585856;
}

#corporate_header .meta_header .expand.toggled .about_link,
#corporate_header .meta_header .expand:hover .about_link {
    border: 1px solid #dcdcdc;
    border-bottom: 0 none;
}


/**
 * Meta Suche
 *
 * @subsection meta_search
 */

#corporate_header .form {
    height: 24px;
    width: 116px;
    float: right;
}

#corporate_header .form .type_text { width: 92px; }

#corporate_header .form .text {
    width: 93px;
    height: 24px;
    margin: 0;
}

#corporate_header .form .btn {
    position: absolute;
    bottom: 0;
    left: 92px;
    height: 24px;
    width: 24px;
    border: 0 none;
    border: 1px solid #a2a2a2;
    text-indent: -9999px;
    background: transparent url(/grafik/layout/ico_search.png) no-repeat scroll center center;
    cursor: pointer;
}

#corporate_header .form .btn[type=reset] {
    display: none;
    left: auto;
    right: 23px;
    border: 0 none;
    text-indent: 0;
    background: none repeat scroll 0 0 transparent;
}

#corporate_header .btn_search {
    float: right;
    height: 22px;
    width: 22px;
    border: 0 none;
    border: 1px solid #a2a2a2;
    text-indent: -9999px;
    background: transparent url(/grafik/layout/ico_search.png) no-repeat scroll center center;
}


/**
 * Header - Link Liste Flyout
 *
 * @subsection link_list
 */

#corporate_header .expand {
    position: relative;
}

#corporate_header .expand.toggled > a,
#corporate_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: #585856;
}

#corporate_header .expand > a.active {
    position: relative;
    font-weight: 700;
    text-decoration: none;
}

#corporate_header .expand .link_list {
    display: none;
    position: absolute;
    overflow-y: auto;
    top: 28px;
    right: -14px; /* Ausrichtung nach links, damit Flyout nicht �ber Seitenr�nder steht */
    z-index: 14;
    max-height: 310px;
    width: 220px;
    border: 1px solid #dcdcdc;
    border-top: 0 none;
    background: transparent url(/grafik/layout/bg_topnav_shadow.png) no-repeat scroll center bottom;
}

#corporate_header .expand .link_list li {
    padding: 0 10px;
    background-color: #fff;
}

#corporate_header .link_list a {
    display: block;
    border-top: 1px solid #c0c0c0;
    padding: 5px 4px;
    font-size: 0.9286em; /* 13px */
    line-height: 1.5385em; /* 20px */
    color: #585856;
}

#corporate_header .link_list li:first-child a { border-top: 0 none; }

#corporate_header .expand .link_list a:focus,
#corporate_header .expand .link_list a:hover {
    text-decoration: none;
    background-color: #e31818;
    color: #fff;
}

/* anzeigen bei hover */
#corporate_header .expand:focus .link_list,
#corporate_header .expand:hover .link_list,
#corporate_header .expand.toggled .link_list {
    display: block;
    border: 15px solid transparent;
    border-top: 0 none;
}


/**
 * Meta statische Infos
 *
 * @subsection meta_info_static
 */

#corporate_header .meta_header .meta_info_static { display: none; }
#corporate_header .meta_header .meta_info_static .weather > a > img { bottom: 0; left: 0; }
#corporate_header .meta_header .meta_info.weatherLink .weather > a > img { bottom: -10px; left: -15px; }
#corporate_header .meta_header .meta_info_static .weather > a { width: 70px; }

#corporate_header .meta_header .meta_info.weatherLink .weather > a:hover, #corporate_header .meta_header .meta_info.weatherLink .weather > a:focus {
  text-decoration:underline;
}

#corporate_header .meta_header .meta_info_static .expand:hover > a {
    border: 0 none;
    font-weight: 400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
}

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


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

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

#corporate_footer .toggled .ard_logo {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

#corporate_footer .link_list {
    overflow: hidden;
    height: 275px; /* 295 */
    margin: 0 0 20px 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;
}

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

#corporate_footer .footer_content { width: 975px; }

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

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

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


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

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

#corporate_footer a { color: #fff; }

#corporate_footer .footer_content {
    position: relative;
    margin: 0 auto;
    padding: 50px 0 25px;
}

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

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

#corporate_footer .link_list {
    overflow: hidden;
}

#corporate_footer .link_list .title {
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

#corporate_footer .ard_logo {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    float: right;
    display: inline;
    height: 19px;
    width: 91px;
    margin-bottom: 15px;
    text-indent: -9999px;
    background: transparent url(/grafik/layout/spr_footer_logos.png) no-repeat scroll 0 -640px;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

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

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

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

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

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

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

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

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

/* *** Anpassungen PRE *** */

#corporate_header #nav { margin:0; width:765px; max-width:765px; }
#corporate_header .level_1, #corporate_header .link_list { margin:0; padding:0; list-style:none; }