/*#########################################*/
/* Format: welove */

body {  
  background-color: #f0f0f0;  /* Fallback Hintergrundfarbe */
  color: #333; /* Allgemeine Schriftfarbe Fließtext */
}

#p7_cw { /* Kachel für den Hintergrund, Teaserpage */
background:transparent url(/static/formatweltresourcen/img/welove/bg_kachel_2-1_welove.jpg) repeat-x scroll left top;
}

#p7_cw_contentpage  { /* Kachel für den Hintergrund, Contentpage */
background:transparent url(/static/formatweltresourcen/img/welove/bg_kachel_2-2_welove.jpg) repeat-x scroll left top;
}

#p7_bglayer { /* Hintergrund, nicht gekachelt Teaserpage  */
background:transparent url(/static/formatweltresourcen/img/welove/bg_3-1_welove.jpg) no-repeat scroll -120px 0;
}

#p7_cw_contentpage #p7_bglayer { /* Hintergrund, nicht gekachelt Contentpage  */
background:transparent url(/static/formatweltresourcen/img/welove/bg_3-2_welove.jpg) no-repeat scroll -120px 0;
}

#p7_main, #p7_cw_contentpage #p7_main { /* Hintergrund Teaserpage und Contentpage, Inhaltsteil, gekachelt */
background:transparent url(/static/formatweltresourcen/img/welove/bg_4_welove.jpg) repeat-y scroll 0 19px;
}

h2 { /* headline */  
  color: #eb1818;
}

h3, .module-title h3 a, .module-title h3 a:link, .module-title h3 a:hover, .module-title h3 a:focus, .module-title h3 a:hover { /* subheadline */
  color: #fff;
}
h4 { /* subheadline */
  color: #333;
}

a, a:visited, a:link { /* link */
  color: #222;
}

a:hover, a:active { /* link highlight */
  color: #000;
}

.item, .item a, .item a:visited, .item a:link { /* Breadcrumb-Navigation link */
  color: #000;
}

.item a:hover, .item a:active { /* Breadcrumb-Navigation link highlight */
  color: #000;
}

.arrow {
  background: transparent url(/static/formatweltresourcen/img/welove/bg_link_arrow_welove.gif) no-repeat scroll left 4px;
}

#nav-sub div.wrap,
#breadcrumb div.wrap {
  margin: 0 0 0 264px; /* Abstand Subnav und Breadcrumb für Themenseiten, bitte nicht ändern */
}

#nav-sub ul li a, #nav-sub ul li a:visited, #nav-sub ul li a:link { /* Sub-Navigation link */
  color: #7a7a7a;
}

#nav-sub ul li a:hover, #nav-sub ul li a:active { /* Sub-Navigation link highlight */
  color: #fff;
  background-color: #c40731;
}

#nav-sub ul li a:hover, #nav-sub ul li a.activenavigation {
  color: #fff;
  background-color: #c40731;
}

/* HeaderOverlay */
/* Text für Version "Image Vertical, Text" */
.header-overlay .body .text-v01 {
  color: #333; /* Schriftfarbe Headeroverlay */
}

/* Text für Version "Image Vertical, Text" */
.header-overlay .body .text-v02 {
  color: #333; /* Schriftfarbe Headeroverlay */
}

/* Flash-Teaser-Fallback */

#teaser-container-flash {
}

.flash-teaser-fallback .teaser-text h2 { /* headline Flash-Teaser-Fallback */  
  color: #eb1818;
}

.flash-teaser-fallback .teaser-text h3,
.flash-teaser-fallback .teaser-more h3 { /* Subline Flash-Teaser-Fallback */
	color: #151313;
}

.flash-teaser-fallback .teaser-text h4 { /* Subline2 Flash-Teaser-Fallback Next Broadcast*/
  color: #151313;
}

.flash-teaser-fallback .teaser-text p a {
  color: #fff;
  background-color:#c40731; /* eigene Hintergrundfarbe für buttonartige Links */
}

.flash-teaser-fallback .teaser-thumb a.thumb-link a {
  color: #222;
  background: transparent url(/static/formatweltresourcen/img/welove/bg_link_arrow_welove.gif) no-repeat scroll left top;
}

.flash-teaser-fallback .teaser-flashinfo p {
  color: #333;
  background-color: #e9e9e9; /* eine Farbe aus dem Hintergrund */
}

/* Ende Flash-Teaser-Fallback */

.module-title {
  background: #ce0303 url(/static/formatweltresourcen/img/welove/module_title_welove.gif) repeat-y scroll left top;

}

.module,
.modulefix,
.on {
  background: #ff8484 url(/static/formatweltresourcen/img/welove/module_background_welove.gif) repeat-y scroll left top;
}

.module-footer {
  background: #ce0303 url(/static/formatweltresourcen/img/welove/module_title_welove.gif) repeat-y scroll left top;
  color: #fff;
}

.off,
div.pg-nav {
  background: #ea7b7c url(/static/formatweltresourcen/img/welove/module_off_welove.gif) repeat-y top left;
}

/* Farbgebung Tabs */

.module-tabs li a {
  color: #fff; /* Schriftfarbe inaktiver Tab */
}

.module-tabs ul {
  background-color: #e10808; /* Hintergrundfarbe inaktiver Tab */  
}

/* aktiver Tab */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
background-color:#E8E8E8;
color:#000000;
}

/* Farbgebung Textfeld auf Teaserbild */

.module-caption div {
  background-color: #fff; /* Hintergrundfarbe für Textfeld über Teaserbild */
}

/* Farbgebung Scrollbar (nur Griff) */

.jScrollPaneDrag {
  background-color:  #fd0000;
}

/* Farbgebung Scrollbar (Rest) */

.jScrollPaneTrack {
  background-color: #ff7676;
}

a.jScrollArrowUp {
  background:transparent url(/static/formatweltresourcen/img/welove/scrollpane_arrow_up_welove.gif) repeat-x scroll 0 0;
}

a.jScrollArrowDown {
  background:transparent url(/static/formatweltresourcen/img/welove/scrollpane_arrow_down_welove.gif) repeat-x scroll 0 0;
}


/* Spezielle Einstellungen */

/* Charts */
.module-charts .module-body .order {
  background-color: #ebebeb;
  color: #999999;  
}

.module-charts .module-body .red {
  background-color: #C80026;
  color: #ffffff;
}

.on td {
  border-color: #b9b9b9;
}

.off td {
  border-color: #b9b9b9;
}

.module-body td {
  border-color: #b9b9b9;
}

.module-charts .module-body div{
  border-color: #b9b9b9;
}

.module-charts .module-body div.unit {
  background-color: #ebebeb;
  color: #B0AEAF;
}

.module-charts .module-body div.unit a {
  color: #999999;
}

/* Gallery und Pager */
#lightbox-topContainer {
  background: transparent url(/static/formatweltresourcen/img/welove/galerie_zoom_header_welove.jpg) repeat scroll 0 0
}

.module-gallery-preview .unit {
  background: #ea7b7c url(/static/formatweltresourcen/img/welove/module_off_welove.gif) repeat-y top left;
}

/*############################################################################
# fixes for rectangle background
############################################################################*/
#ad-teaser {
  background: #ce0303;
}