/**
 * Stylesheet fuer gea.de
 *
 * Teaser - dieses Stylesheet enthaelt alle
 * Formatierungen der Teaser
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail: info@seitenblick.de
 */




/***************************************************************************************/
/*--- Allgemeingueltige Styles fuer TEASER --- in Ausnahmefaellen zu ueberschreiben ---*/
/***************************************************************************************/
.tab {
  background: #fff;
  float: left;
  display: inline;
  font-size: 0.6875em;
  font-weight: bold;
  text-transform: uppercase;
}

.tab_right {
  background: #fff;
  float: right;
  display: inline;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}

.paddingleft {
  margin-left: 10px;
}

.paddingleft span {
  font-weight: normal;
}




/***************************************************************************************/
/*--- Teaser links --------------------------------------------------------------------*/
/***************************************************************************************/

/*-- Die grundlegenden Styles fuer die Teaser im Inhaltsblock ---*/
#content_left .teaser_left {
  display: inline;
  float: left;
  line-height: 1.1875em;
  margin-bottom: 10px;
  width: 468px;
}

/* Der Kopf des Teasers */
#content_left .teaser_left .teaserhead {
  background: url('/i/bg_teaserheader.gif') repeat-x left -1px;
  height: 30px;
  margin-bottom: 12px;
}

/* Kleinerer Teaserkopf (20px) */
#content_left .teaser_left .teaserhead.small {
  height: 20px;
}

#content_left .teaser_left .teaserhead.small .tab {
  height: 15px;
  margin-top: 5px;
  padding-top: 0;
}

/* Blauer statt grauer Teaserkopf */
#content_left .teaser_left .teaserhead_blue {
  background: url('/i/bg_teaserheader_blue.gif') repeat-x left -1px;
  height: 30px;
  margin-bottom: 12px;
}

/* Bild im Kopf des Teaser */
#content_left .teaser_left .teaserhead_image {
  float: left;
  height: 80px;
  width: 468px;
}

/* Der Block aus Stichmarke, Dachzeile und Ueberschrift */
#content_left .teaser_left .head {
  margin-bottom: 5px;
}

/* Kategorie-Ueberschrift */
#content_left .teaser_left h3.category {
  color: #00639D;
  font-size: 0.75em;
  text-transform: uppercase;
}

/* Video-Link mit Video-Icon links vom Text */
#content_left .teaser_left h3 a.video {
  background: url('/i/icon_video.gif') center left no-repeat;
  padding-left: 25px;
}

/* Tab im Kopf des Teasers */
#content_left .teaser_left .teaserhead div.tab,
#content_left .teaser_left .teaserhead_blue div.tab,
.teaserhead_image div.tab {
  height: 16px;
  margin: 13px 0 0 7px;
  padding: 3px 10px 0 10px;
}

/* Tab auf der rechten Seite */
#content_left .teaser_left .teaserhead div.tab_right {
  height: 12px;
  margin: 15px 10px 0 10px;
  padding: 3px 10px 0 10px;
  font-size: 0.75em;
}

#content_left .teaser_left .teaserhead div.tab_right a.collapse {
 background: url('/i/icon_arrow_down.gif') center right no-repeat;
 padding-right: 15px;
}

#content_left .teaser_left .teaserhead div.tab_right a.collapse.closed {
 background: url('/i/icon_arrow_right.gif') center right no-repeat;
 padding-right: 15px;
}

/* Tab rechts fuer Ergebnisdienst */
#content_left .teaser_left  .teaserhead div.tab_resultservice {
  text-transform: none;
  font-size: 0.6875em !important;
  font-weight: normal;
  height: 14px;
  margin-top: 5px;
  padding-top: 1px;
}

/* Linke Spalte bei zweispaltigem Teaser */
#content_left .teaser_left div.teasercol1 {
  clear: both;
  float: left;
  padding-right: 15px;
  width: 200px;
}

/* Rechte Spalte bei zweispaltigem Teaser */
#content_left .teaser_left div.teasercol2 {
  float: left;
  width: 253px;
}

/* Spalte ueber die gesamte Breite */
#content_left .teaser_left div.teasercol_full {
  width: 450px;
}

/* Bilder in den Teaserspalten */
#content_left .teaser_left div.teasercol1 .image img,
#content_left .teaser_left div.teasercol2 .image img {
  border: none;
  margin: 0 0 5px 0 !important;
  padding: 0;
}

#content_left .teaser_left div.teasercol1 .image,
#content_left .teaser_left div.teasercol2 .image {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

#content_left .teaser_left div.teasercol1 .image .caption {
  float: left;
  display: inline;
  width: 195px;
}

#content_left .teaser_left a.show_full_gallery {
  font-size: 0.875em;
}


/*--- Teaserinhalte -----------------------------------------------------------*/
#content_left .teaser_left h2 {
  font-size: 1.125em;
}

#content_left .teaser_left h2 a {
  line-height: 100%;
}

#content_left .teaser_left .image {
  margin: 0 10px 0 0;
}

#content_left .teaser_left .image img {
  border: none !important;
}

#content_left .teaser_left p,
#content_left .teaser_left .break {
  font-size: 0.875em;
}

#content_left .teaser_left .break {
  line-height: 20px;
  margin: 0;
}

/* Der "lesen" Link unter dem Teasertext */
#content_left .teaser_left a.read {
  display: block;
  font-size: 0.875em;
  padding-top: 5px;
}

#content_left .teaser_left ul.linklist {
  font-weight: bold;
}

#content_left .teaser_left div.teasercol_full ul.linklist {
  float: left;
  margin-top: 10px;
}

/* Linkliste links und Bild rechts */
#content_left .teaser_left ul.linklist li {
  background: url('/i/icon_raquo.gif') left 7px no-repeat;
  border-bottom: 1px solid #e1e1e1;
  font-size: 0.75em;
  padding: 2px 0 2px 15px;
  width: 453px;
}

#content_left .teaser_left ul.linklist li a {
  font-size: 1em;
}

#content_left .teaser_left ul.linklist li.first {
  padding-top: 0;
}

#content_left .teaser_left ul.linklist li.last {
  border-bottom: none;
  margin-bottom: -8px;
  padding-bottom: 0;
}

#content_left .teaser_left #helpdesk_rubrik ul {
  margin: 5px 0 10px 0;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#content_left .teaser_left #helpdesk_rubrik ul li {
  background:transparent url(/i/icon_raquo.gif) no-repeat scroll left 7px;
  border-bottom:1px solid #E1E1E1;
  font-size:0.75em;
  padding:2px 0 2px 15px;
  width:453px;
}
/*--- Styles fuer die Werbebanner --------------------------------------------*/

/* Das Superbanner im Kopf */
#superbanner {
  margin: auto;
  width: 820px;
}

/* Der Skyscraper */
#skyscraper {
  position: absolute;
  top: 0;
  left: 821px;
  z-index: 1;
}

/*--- Bannerteaser ---*/
#content_right .bannerteaser {
  display: inline;
  float: left;
  /*height: 250px;*/
  margin: 0 0 20px 6px;
  padding: 0;
  width: 300px;
}

#content_right .bannerteaser img {
  margin: 0;
  padding: 0;
}




/*--- Die normalen Teaser links ----------------------------------------------*/

/*--- Highlightteaser ---*/

/* Der umschliessende Container */
#content_left div.highlightwrapper {
  clear: both; 
  float: left;
}

#content_left div.highlight {
  border: 1px solid #999;
  float: left;
  height: 312px;
  margin: 0 0 20px 0;
  padding: 0;
  width: 466px;
}

#content_left div.highlight div.highlight_tabs {
  background-color: #fff;
  border-right: 1px solid #fff;
  float: right;
  padding: 0 0 1px 1px;
}

#content_left div.highlight div.highlight_tabs ul li {
  background-color: #fff;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  display: inline;
  float: left;
}

#content_left div.highlight div.highlight_tabs ul li.last {
  border-left: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
}

#content_left div.highlight div.highlight_tabs ul li a {
  color: #00639D;
  display: block;
  font-size: 0.875em;
  font-weight: bold;
  padding: 3px 6px 3px 6px;
}

#content_left div.highlight div.highlight_tabs ul li.active {
  color: #333;
  font-size: 0.875em;
  font-weight: bold;
  padding: 3px 6px 3px 6px;
}

#content_left div.highlight div.highlight_content {
  cursor: pointer;
  margin: 203px 4px 4px 4px;
  vertical-align: baseline;
}

#content_left div.highlight div.highlight_content div.ressort {
  background: url('/i/bg_white_80.png') repeat;
  color: #00639D;
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  margin: 9px 1px 0 0;
  text-transform: uppercase;
  padding: 7px 7px 0 7px;
}

#content_left div.highlight div.highlight_content h1 {
  background: url('/i/bg_white_80.png') repeat;
  color: #151515;
  float: left;
  font-size: 1.75em;
  height: 70px;
  margin: 31px 0 0 0;
  padding: 4px 10px 0 7px;
  width: 442px;
}


/*--- Spezielle Styles fuer die Eilmeldungen ---------------------------------*/
#content_left div.breaking_news .teaserhead {
  background: url('/i/bg_teaser_yellowheader.gif');
  border-bottom: 1px solid #ffdd80;
  height: 24px;
  margin-bottom: 15px;
}

#content_left div.breaking_news .teaserhead div.tab {
  height: 15px;
  padding:1px 10px 0 10px;
  margin-top: 10px;
}

#content_left .breaking_news .full {
  background-color: #fff;
  padding-left: 16px;
}


#content_left div.breaking_news div.break {
  font-size: 0.875em;
  line-height: 1.3125em !important;
}

#content_left div.breaking_news .breaking_news_footer {
  background: url('/i/bg_teaser_yellow.gif');
  border-top: 1px solid #ffdd80;
  height: 9px;
  margin-top: 10px;
}

/*--- Spezielle Styles fuer den  Dossier-Teaser ---*/
#content_left .teaser_left .teaserhead_image {
  margin: 0 0 27px 0;
}

/* Der Tab beim Dossierteaser braucht mehr Abstand */
#content_left .teaser_left .teaserhead_image div.tab {
  height: 15px;
  margin: 65px 0 0 10px;
  padding-top: 1px;
}

#content_left .teaser_left div.dossierhighlight {
  margin-bottom: 15px;
}

#content_left .teaser_left div.dossierhighlight a {
  font-size: 0.8125em;
}


/*--- Spezielle Styles fuer den Galerieteaser, die von der normalen  Galerie-Ansicht abweichen ---*/
/* Der Ein- und Ausblendbare Block mit dem Bild */
#content_left .teaser_left .galery_block {
  float: left;
  margin: 0 0 20px 0;
}

#content_left .teaser_left .galery_block .caption {
  font-size: 0.6875em;
}

/*  Galerie-Teaser Fuss mit Hintergrund */
#content_left .teaser_left .galeryfooter {
  background: url('/i/bg_teaserheader.gif') repeat-x;
  border-top: 1px solid #e1e1e1;
  float: left;
  height: 15px;
  margin: 10px 0 20px 0;
  width: 468px;
}

/* Die Video-Thumbnails auf der Video-Detailseite */
#content_left .teaser_left div.video_thumbs {
  float: left;
  height: 61px;
  width: 468px;
}

#content_left .teaser_left div.video_thumbs img {
  float: left;
  margin: 0;
  padding: 3px 17px 0 0;
}

/* Das letzte Video-Thumb hat keinen Abstand nach Rechts */
#content_left .teaser_left div.video_thumbs img.last {
  padding-right: 0;
}


/*--- Der Titel-Teaser (3-spaltig) --------------------------------------------*/
#content_left .teaser_left .title_teaser {
  float:  left;
  margin: 0 5px 25px 0;
  width: 149px;
}

/* Der Kopf ist hier etwas kleiner als sonst */
#content_left .teaser_left .title_teaser .teaserhead {
  height: 20px;
  margin: 0;
}

/* Das Tab im Kopf ist ebenfalls etwas kleiner */
#content_left .teaser_left .title_teaser .teaserhead .tab {
  height: 15px;
  margin: 5px 0 0 8px;
  z-index: 300;
}

/* Hier hat der Content einen Rahmen */
#content_left .teaser_left .title_teaser .content {
  border: 1px solid #e9eaef;
  border-top: none;
  height: 100px;
}

#content_left .teaser_left .title_teaser .content h2 {
  font-size: 0.8125em;
  line-height: 1.2em;
  padding: 15px 0 0 10px;
}


/*--- Spezielle Styles fuer den Topteaser -------------------------------------*/
#content_left .teaser_left.topteaser {
   clear: both;
   float: left;
}


/*--- Der Kino-Teaser auf der Kino Subrubrikseite -----------------------------*/
#content_left .cinema {
  float: left;
}

/* Die einzelnen Eintraege zu den Filmen */
#content_left .cinema .film_entry {
  float: left;
  width: 468px;
}

#content_left .cinema .film_entry h2 {
  margin: 0;
}

#content_left .cinema .film_entry a.film_detail {
  background: url('/i/icon_raquo.gif') center right no-repeat;
  display: block;
  float: left;
  font-size: 0.875em;
  margin: 0 0 10px 0;
  padding: 0 15px 0 0;
}

/* Liste mit den Vorstellungen */
#content_left .cinema .film_entry ul {
  float: left;
  font-size: 0.6875em;
  line-height: 1.25em;
  margin: 3px 0 0 0;
  width: 305px;
}

#content_left .cinema .film_entry ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0 5px 0;
}

#content_left .cinema .film_entry ul li a {
  font-size: 1em;
  font-weight: bold;
}

#content_left .cinema .film_entry ul li span.next_perf {
  font-weight: bold;
  text-transform: uppercase;
}

#content_left .cinema .film_entry div.show_all_events {
  font-size: 0.75em;
  float: right;
  margin: 5px 0 0 0;
}

/* Der Separator zwischen den einzelnen Film-Eintraegen */
#content_left .cinema .entry_spacer {
  background: url('/i/bg_spacer.gif') center left repeat-x;
  float: left;
  height: 3px;
  margin: 9px 0 18px 0;
  width: 468px;
}


/*--- Trefferliste bei der Suche (Kino) ---------------------------------------*/
#content_left .teaser_left #search_hits {
  background: url('/i/bg_spacer.gif') bottom left repeat-x;
  float: left;
  margin: 13px 0 0 0;
  padding: 0 0 10px 0;
  width: 468px;
}

/* Linke Spalte mit den Bezeichnern */
#content_left .teaser_left #search_hits .left {
  float: left;
  font-size: 0.75em;
  width: 88px;
}

/* Die rechte Spalte */
#content_left .teaser_left #search_hits .right {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  width: 380px
}

/* Abstaende der Zeilen */
#content_left .teaser_left #search_hits .left,
#content_left .teaser_left #search_hits .right {
  height: 18px;
  margin: 4px 0 4px 0;
}

/* Ausgabe des Schlagwortes */
#content_left .teaser_left #search_hits .right.keyword {
  color: #d9d9d9;
  font-size: 1.125em;
}

/* Titel des Films */
#content_left .teaser_left #search_hits .right.title {
  color: #d9d9d9;
  font-size: 1.125em;
}

/* Hervorheben des eingegebenen Suchworts / Kriteriums */
#content_left .teaser_left #search_hits .right.match {
  color: #000;
}

#content_left .teaser_left #search_hits .right span {
  font-weight: normal;
}


/*-- Spezielle Styles fuer die Anzeigen-Teaser --------------------------------*/
#content_left .teaser_left .advert_teaser{
  width: 220px !important;
}

#content_left .teaser_left .advert_head {
  height: 30px !important;
}

#content_left .teaser_left .advert_head .tab {
  margin-top: 12px !important;
}

#content_left .teaser_left .advert_head .tab a {
  color: #000;
  font-size: 1em;
}

#content_left .teaser_left .advert_head .tab a:hover {
  text-decoration: none;
}

#content_left .teaser_left .advert_head .tab.twocol {
  height: 30px;
  line-height: 1em;
  margin-top: 3px !important;
  padding-top: 4px;
  width: 155px;
}

#content_left .teaser_left .advert_teaser_content {
  border-top: 0 !important;
  height: 250px !important;
  padding: 10px 0 0 0;
}

#content_left .teaser_left .advert_teaser_text {
  font-size: 0.75em;
  font-weight: bold;
  padding: 10px 0 0 10px;
}


/*--- Epaper Extensive Search -------------------------------------------------*/
#content_left .teaser_left .pickdate{
  margin: 15px 0 10px 8px;
}

#content_left .teaser_left #pickdate .left {
  clear: both;
  float: left;
  font-size: 0.875em;
  font-style:italic;
  margin: 5px 0 3px 29px;
  width: 160px;
}

#content_left .teaser_left ul.linklist li#downloadadobe {
  background: url('/i/icon_extlink.gif') left center no-repeat;
}

/* Die rechte Spalte */
#content_left .teaser_left #pickdate .right {
  float: left;
  font-size: 0.875em;

  margin: 5px 20px 3px 7px;
  width: 206px;
}

#content_left form .teaser_left #pickdate select{
  font-size: 0.8125em;
}

#content_left form .teaser_left #pickdate select#othertime {
  width: 206px;
}

#content_left form .teaser_left select#ressort {
  font-size: 0.875em;
  height: 215px;
  padding: 10px;
  margin-bottom: 30px; 
  margin-left: 35px;
  width: 367px;
}


/*--- Teaser Hilfe ------------------------------------------------------------*/
#content_left .teaser_left #helptext {
  border-bottom: 1px solid #e1e1e1;
  float: left;
  line-height: 19px;
  padding: 0 0 15px 0;
  margin: 5px 0 27px 10px;
}

#content_left .teaser_left #helptext .passage {
  font-size: 0.875em;
  float: left;
  margin: 1px 0 10px 0;

}


/*--- Die Teaser fuer die Sondervoeffentlichungen Subrubrikseite --------------*/
#content_left .teaser_left .teaserhead_sp_release {
  background: transparent url(/i/bg_teaser_blue.gif) repeat scroll 0 0;
  height: 30px;
}

#content_left .teaser_left .tab_sp_release {
  margin: 11px 0 0 8px;
  padding: 0 10px 0 10px;
}

/*--- Teaser fuer Wetterinformationen -----------------------------------------*/
#content_left div.weather_detail {
  background: url('/i/bg_teaser_grey.gif');
  margin-bottom: 30px;
}

#content_left div.weather_detail .teaserhead {
  background: none;
}

#content_left div.weather_detail .teaserhead .tab {
  background-color: transparent;
  height: 23px;
  font-size: 0.875em;
  font-weight: normal;
  padding-top: 3px;
  margin-top: 6px;  
  text-transform: none;

}

#content_left div.weather_detail .teaserhead .tab.act {
  background: none;
  background-color: #fff;
}

#content_left div.weather_detail .teaserhead .tab.prognose{
  background: none;
  background-color: #fff;
  font-size: 0.6875em;
  font-weight: bold;
  height: 16px;
  margin: 13px 0 0 7px;
  padding: 3px 10px 0 10px;
  text-transform: uppercase;
}

#content_left div.weather_detail .teaserhead a {
  color: #000;
}

/* Muss noch angepasst werden*/
#content_left div.weather_detail .teasercontent {
  background-color: #fff;
  height: 100%;
  padding: 10px 10px 18px 10px;
  margin: -10px auto 8px auto;
  width: 433px;
}


#content_left div.weather_detail .teasercontent #sun_and_shower_infos {
  height: 100%;
}

#content_right .teasercontent.weather_region h3 {
  font-size: 0.923em; /* 12px bei 13px grundwert*/
  padding-top: 12px;
}

#content_right .teasercontent.weather_region p {
  font-size: 0.923em; /* 12px bei 13px grundwert*/
  margin-bottom: 2px;
}


/* Anzeigenblock bei den Sonderveroeffentlichungen */
#content_left .dossier_overview.advertblock {
  margin-bottom: 15px;
}

#content_left .dossier_overview.advertblock .hint {
  color: #cccccc;
  font-size: 0.6875em;
  margin-bottom: 10px;
}



/******************************************************************************/
/*--- Teaser rechts ----------------------------------------------------------*/
/******************************************************************************/

/* Hinweistext fuer den Benutzer bei ausgeschaltetem JavaScript */
#javascripthint {
  background: url('/i/bg_javascript_error.gif') repeat-y;
  float: left;
  font-size: 0.6875em;
  line-height: 1.4375em;
  margin: 0 0 15px 0;
  padding: 9px;
  width: 302px;
}

#javascripthint .content {
  background: white;
  float: left;
  height: 100px;
  padding: 10px;
  width: 270px;
}

#javascripthint .content .headline {
  font-size: 1.1875em;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/*--- Quicklinks -------------------------------------------------------------*/
#content_right #quicklinks {
  height: 108px;
  margin-bottom: 20px;
  width: 312px;
}

#content_right #quicklinks div {
  float: left;
  padding: 1px;
}


/*--- Schnellzugriff bei den Rubrikseiten -------------------------------------*/
#content_right .quick_access {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  margin: 0 0 20px 0;
  width: 310px;
}

#content_right .quick_access ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0 5px 0;
}

#content_right .quick_access ul li h3 {
  font-size: 0.9375em;
  font-weight: bold;
  text-transform: uppercase;
}

#content_right .quick_access ul li a {
  background: url('/i/icon_raquo.gif') center left no-repeat;
  padding: 0 0 0 15px;
}

#content_right .quick_access ul li a.send_tip {
  float: right;
  font-size: 0.9375em;
  font-weight: normal;
}

/*--- Standardteaser - darauf basieren alle anderen Teaser rechts! ------------*/
#content_right .teaser_right,
#content_right .teaser_right_blue {
  background: url('/i/bg_teaser_grey.gif');
  float: left;
  font-size: 0.8125em;
  line-height: 1.375em;
  margin-bottom: 20px;
  padding: 8px;
  width: 294px;
}

#content_right .teaser_right_blue {
  background: url('/i/bg_teaser_blue.gif');
}

/* Tabs im Teaserkopf */
#content_right .teaser_right div.tab {
  height: 13px;
  margin: 8px 0 0 0;
  padding: 5px 10px 0 10px;
  font-size: 0.8461em;  /* 11px - bei 13px im Elternelement */
}

/* Tab rechts s*/
#content_right .teaser_nobg .teaserhead div.tab_right  {
  margin: 14px 8px 0 8px;
  padding: 2px 10px 0;
}

/* Der eigentliche Teaserinhalt */
#content_right .teaser_right .teasercontent {
  background-color: #fff;
  float: left;
  padding: 0 10px 10px 10px;
  width: 274px;
}

/* Trennlinie */
#content_right .teaser_right .teasercontent hr {
  border-top: 1px solid #c1c1c1;
}

/* Eintrag im Teaser */
#content_right .teaser_right .teasercontent div.entry {
  margin: 10px 0 10px 0;
}

/* Ueberschrift im Teaser mit Pfeil nach rechts */
#content_right .teaser_right .teasercontent div.entry h2 {
  background: url('/i/icon_raquo.gif') 265px 4px no-repeat;
  color: #00639D;
  font-size: 0.9375em;
  margin: 0 0 5px 0;
}

#content_right .teaser_right .teasercontent div.entry h2 a {
  color: #00639D;
  font-size: 1.125em;
}

#content_right .teaser_right .teasercontent div.entry a {
  font-size: 1em;
}

/* Bild im Teaser */
#content_right .teaser_right .teasercontent div.entry img {
  float: left;
  padding: 3px 10px 0 0;
}

/* Fliesstext */
#content_right .teaser_right .teasercontent div.entry p,
#content_right .teaser_right .teasercontent div.entry div.break{
  font-size: 0.875em;
}

/* Listeneintraege im Teaser */
#content_right .teaser_right .teasercontent div.entry ul {
  float: left;
  margin: 0;
}

/* Imagemap im Teaser */
#content_right .teaser_right .teasercontent div.entry img.image_map {
  float: left;
  margin: 20px 0 0 0;
  padding: 0;
}

/* Externer Link im Teaser */
#content_right .teaser_right a.extlink {
  background: url('/i/icon_extlink.gif') center left no-repeat;
  font-size: 0.875em !important;
  padding: 0 0 0 15px;
}

/* Download im Teaser */
#content_right .teaser_right a.download {
  background: url('/i/icon_save.gif') center left no-repeat;
  font-size: 0.875em !important;
  padding: 0 0 0 17px;
}


/*--- Spezielle Styles fuer den Shortcutteaser  -------------------------------*/

/* Der Shortcutteaser hat einen anderen Hintergrund! */
#content_right .shortcutteaser {
  background: url('/i/bg_teaser_blue.gif');
}

#content_right .shortcutteaser .tab {
  background: none;
  font-size: 0.9375em !important;
  font-weight: normal;
  margin-top: 0 !important;
  margin-right: 4px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-transform: none !important;
}

#content_right .shortcutteaser div.tab a {
  color: #000;
  text-decoration: none;
}

/* Das aktive Tab hat einen weissen Hintergrund */
#content_right .shortcutteaser div.active {
  background: #fff;
}

/* Hoehe festlegen, um ein Springen zu verhindern */
#content_right .shortcutteaser .teasercontent {
  height: 260px;
}

/* Die einzelnen Eintraege werden durch eine Linie getrennt */
#content_right .shortcutteaser .teasercontent div.entry {
  border-bottom: 1px solid #cecece;
  padding: 0 0 10px 0;
}

#content_right .shortcutteaser .teasercontent div.entry .teaser_full.act {
  height: 50px;
}

/* Hier ist die Ueberschrift nicht fett! */
#content_right .shortcutteaser .teasercontent div.entry h2 {
  font-weight: normal;
}

#content_right .shortcutteaser .teasercontent div.entry h2 a {
  color: #00639d;
}

/* Letzter Eintrag keine Linie nach unten und anderer Abstand */
#content_right .shortcutteaser .teasercontent div.last {
  border: none;
  padding: 0;
}


/* Spezielle Styles fuer den Sonderveroeffentlichungs-Teaser */
#content_right .teaser_right.specialrelease {
  background: url('/i/bg_teaser_blue.gif');
}

#content_right .teaser_right.specialrelease .tab {
  margin-top: 0 !important;
  padding-right: 10px !important;
}


/*--- Spezielle Styles fuer Teaser ohne Hintergrund ---------------------------*/
#content_right .teaser_nobg {
  background: none;
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Kopf des Teasers mit grauem Hintergrund */
#content_right .teaser_nobg .teaserhead {
   background: url('/i/bg_teaser_grey.gif');
   width: 310px;
   height: 30px;
}

/* Tab im Teaserkopf */
#content_right .teaser_nobg .teaserhead div.tab {
  margin: 11px 0 0 8px;
  padding: 6px 10px 0 10px;
}


/* Kopfbild des Teasers */
#content_right .teaser_nobg .teaserhead_image {
  float: left;
  height: 80px;
  margin: 0;
  width: 310px;
}

/* Tab im Kopf */
#content_right .teaser_nobg .teaserhead_image div.tab {
  height: 16px;
  margin: 64px 0 0 10px;
  padding: 4px 10px 0 10px;
}

#content_right .teaser_nobg .teasercontent {
  margin: 20px 0 0 0;
  padding: 0;
  width: 310px;
}

/* Ueberschrift im Teaser mit Pfeil nach rechts */
#content_right .teaser_nobg .teasercontent h2 {
  background: url('/i/icon_raquo.gif') 250px 5px no-repeat;
  color: #00639D;
  font-size: 0.9375em;
  margin: 0 0 20px 20px;
}

#content_right .teaser_nobg .teasercontent ul li {
  background: url('/i/icon_raquo.gif') 290px 10px no-repeat;
  border-bottom: 1px solid #cee1ec;
  float: left;
  padding: 5px 0 5px 20px;
  width: 290px;
}


/*--- Die Spielplan-Links im Spielplanteaser ----------------------------------*/
#content_right .teaser_nobg .teasercontent ul.shedule li {
  background: none;
  border-bottom: 1px solid #e1e1e1;
  float: left;
  font-size: 0.75em;
  padding: 5px 0 5px 0;
  width: 310px;
}

#content_right .teaser_nobg .teasercontent ul.shedule li a {
  font-weight: bold;
}

/* Die groesseren Links unten im Teaser */
#content_right .teaser_nobg .teasercontent ul.direct_link {
  float: left;
  font-weight: bold;
}

#content_right .teaser_nobg .teasercontent div.double_separator {
  background: url('/i/bg_line_lightblue.gif') center left no-repeat;
  float: left;
  height: 3px;
  width: 310px;
}


/*--- Spezielle Styles fuer den Vereins-Teaser --------------------------------*/
#content_right .clubs {
  float: left;
  margin: 10px 0 10px 0;
}

#content_right .clubs div {
  float: left;
  padding: 10px 0 0 0;
  text-align: center;
  width: 136px;
}

#content_right .clubs div img {
  border: 1px solid #e1e1e1;
}

#content_right .clubs div div {
  border: none;
  height: 40px;
  padding: 5px 0 0 18px;
  text-align: left;
  width: 118px;
}

#content_right .clubs div div a {
  font-size: 0.8125em;
  font-weight: bold;
}

#content_right .clubs div.top_left {
  border-right: 1px solid #e1e1e1;
}

#content_right .clubs div.top_right {}

#content_right .clubs div.left {
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

#content_right .clubs div.right {
  border-top: 1px solid #e1e1e1;
}

#content_right .clubs div.block3 {
  border-right: 1px solid #e1e1e1;
}


/*--- Spezielle Styles fuer den Videoteaser -----------------------------------*/
#content_right .teaser_right .video_entry {
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
  float: left;
  margin: 13px 0 0 0;
  padding: 0 0 10px 0;
  width: 275px;
}

/* Das Vorschaubild links */
#content_right .teaser_right .video_entry .video_preview {
  cursor: pointer;
  display: inline;
  float: left;
  height: 68px;
  margin: 0 10px 0 0;
  padding: 0;
  width: 110px;
}

#content_right .teaser_right .video_entry .video_preview img {
  margin: -20px 0 0 0;
  padding: 0;
}


/* Der Playbutton links in der Ecke des Vorschaubildes */
#content_right .teaser_right .video_entry .video_preview div.playbutton {
   background: url('/i/icon_play.gif') bottom left no-repeat;
   height: 20px;
   width: 20px;
   position: relative;
   top: 48px;
   left: 0;
   z-index: 1;
}

#content_right .teaser_right .video_entry .video_description {
  float: left;
  margin-left: 10px;
  width: 130px;
}

#content_right .teaser_right .video_entry .video_description div.icon {
  background: url('/i/icon_movie.gif')  left center no-repeat;
  float: left;
  margin-bottom: -3px;
  margin-top: -2px;
  width: 20px;
}

#content_right .teaser_right .video_entry .video_description div.link {
  height: 55px;
}

#content_right .teaser_right .video_entry .video_description div.link h2 {
  font-size: 0.8125em;
}

#content_right .teaser_right .video_entry .video_description div.link h2 a {
  color: #00639d;
}

#content_right .teaser_right .video_entry .video_description div.video_date {
  font-size: 1em;
}


/*--- Spezielle Styles fuer den Anzeigenteaser rechts -------------------------*/
#content_right .teaser_right .category_entry_wrapper {
  float: left;
  padding: 1px;
}

#content_right .teaser_right .category_entry_active {
  background-color: #f0f0f0;
}

#content_right .teaser_right .category_entry_image {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  padding: 1px;
  margin: 8px 8px 6px 7px;
}

#content_right .teaser_right .category_entry_text {
  font-size: 0.85em;
  font-weight: bold;
  padding: 0 7px 0 7px;
}
  
#content_right .teaser_right .category_tab {
  padding: 2px 25px 0 9px !important;
}
 
#content_right .teaser_right .category_entry_textlink {
  border-top: 1px solid #e1e1e1;
  float: left;  
  margin: 10px 0 0 0;
  padding: 9px 0 0 0;
  width: 100%;
 }

.category_entry_all {
  padding-top: 10px !important;  
}

.category_entry {
  height: 104px;
  padding: 0 0 0 7px;
  width: 127px;
  float: left;
}

.category_entry a {
  font-size: 1.125em !important;
}



/*--- Spezielle Styles fuer den Teaser AKTUELLE AUSGABE rechts -------------------------*/

#content_right .teaser_right_blue img.teaserimage {
  padding: 6px 12px 10px 0;
}

#content_right .teaser_right_blue p {
  padding-top: 0 !important;  
}

#content_right .teaser_right_blue {
  margin-top: 48px;
}

#content_right .teaser_right_blue p.firstline {
  padding-top: 0 !important;  
}

.teasercontent_epaperteaser {
  margin-top: -1px;
  position: relative; 
}

.readepaper {
  top: 112px;
  position: absolute;  
  right: 10px;
}

.read_epaper_teaser_footer {
  clear: both;
  float: left;
  border-top: 1px solid #cee1ec;
  font-size: 0.8125em;
  padding-top: 4px;
  margin-top: 0px;
  width: 100%;
  background: transparent url(../i/icon_raquo.gif) no-repeat right 9px;
}


/*--- Spezielle Styles fuer den Umfrage-Teaser --------------------------------*/

/* Ueberschrift im Teaser ohne Pfeil nach rechts */
#content_right .teaser_right.voting .teasercontent .entry h2 {
  background: none !important;
  font-size: 1.125em;
  margin: 0 0 5px 0;
}

#content_right .teaser_right.voting form input {
  float: left;
  margin: 0 0 10px 0;
}

#content_right .teaser_right.voting form input.radio {
  clear: both;
  float: left;
  margin-top: 2px;
  width: 12px;
  height: 12px;
}

#content_right .teaser_right.voting label {
  float: left;
  margin: 0 0 10px 10px;
  width: 240px;
}

#content_right .teaser_right.voting form input.vote {
  float: right;
}

/* Die Darstellung der Ergebnisse */
#content_right .teaser_right.voting .results {
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}

/* Eine Antwort in der Ergebnisliste */
#content_right .teaser_right.voting .results .result_entry {
  float: left;
  font-size: 0.875em;
  margin: 0 0 5px 0;
  width: 100%;
}

/* Der Ergebnisbalken */
#content_right .teaser_right.voting .resultbar {
  background: #0076bc;
  float: left;
  height: 9px;
  margin: 6px 10px 0 0; 
}


/*--- Spezielle Styles fuer den Suchfilter ------------------------------------*/
#content_right .searchfilter {
  background: none !important;
  float: left;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 310px;
}

#content_right .searchfilter .teaserhead {
  background: url('/i/bg_teaserheader_blue.gif') repeat-x left 0px;
  float: left;
  height: 46px;
  width: 310px;
}

#content_right .searchfilter .teaserhead .tab {
  float: left;
  margin: 29px 0 0 8px;
  padding: 2px 10px 2px 10px;
}

/* Kleinerer Kopf bei Suche auf Rubrikseiten */
#content_right .searchfilter .teaserhead_small {
  background: url('/i/bg_teaserheader_blue.gif') repeat-x left 0px;
  float: left;
  height: 30px;
  width: 310px;
}

#content_right .searchfilter .teaserhead_small .tab {
  margin: 15px 0 0 8px;
  padding: 2px 10px 0 10px;
}

/* Der eigentliche Inhalt */
#content_right .searchfilter .teasercontent {
  float: left;
  padding: 0 !important;
}

#content_right .searchfilter .teasercontent h3 {
  font-size: 1em;
  margin: 15px 0 10px 10px;
}


/* Das Formular */
#content_right .searchfilter .teasercontent form {
  float: left;
  width: 320px;
}


/* Labels */
#content_right .searchfilter .teasercontent form label {
  float: left;
  margin: 3px 0 0 0;
  width: 25px;
}

/* Das Suchfeld */
#content_right .searchfilter .teasercontent form .keyword {
  height: 16px;
  margin: 20px 0 10px 15px;
  padding: 3px 0 0 5px;
  width: 240px;
}

/* Die Spalten mit den Filtern im Formular */
#content_right .searchfilter .teasercontent .formpart_half {
  float: left;
  margin: 0 0 6px 10px;
  width: 145px;
}

#content_right .searchfilter .teasercontent .formpart_half label {
  width: 140px;
}

#content_right .searchfilter .teasercontent .formpart_date {
  float: left;
  margin: 5px 13px 5px 13px;
  width: 270px !important;
}

/* Der JS-Datepicker */
#content_right .searchfilter .teasercontent .datepicker {
  float: left;
  margin: 0 0 0 5px;
}

/* Die Selectboxen zur Datumsauswahl */
#content_right .searchfilter .teasercontent form select {
  margin-left: 5px;
}

/* Die Selectboxen ueber die gesamte Breite */
#content_right .searchfilter .teasercontent form select.selectbox {
  margin: 0 0 15px 15px;
  width: 248px;
}

#content_right .searchfilter .teasercontent form select option {
  margin: 0 2px 0 0;
}

/* Die Checkboxen fuer die Filter */
#content_right .searchfilter .teasercontent form .checkbox {
  float: left;
  margin: 2px 10px 0 0;
  padding: 0;
}

/* Beschriftung der Checkboxen */
#content_right .searchfilter .teasercontent div.checkbox_info {
  padding-top: 3px;
}


/* Der Such-Button */
#content_right .searchfilter .teasercontent .searchbutton {
  float: left;
  margin: 0 0 0 155px;
}


/*--- Spezielle Styles fuer das Login-Formular --------------------------------*/
#content_right .login {
  background: none !important;
  float: left;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 310px;
}

#content_right .login .teaserhead {
  background: url('/i/bg_teaserheader_blue.gif') repeat-x left 0px;
  float: left;
  height: 30px;
  width: 310px;
}

#content_right .login .teaserhead .tab {
  margin: 15px 0 0 8px;
  padding: 2px 10px 0 10px;
}

#content_right .login .teasercontent {
  border-bottom: 1px solid #e1e1e1;
  float: left;
  font-size: 0.75em;
  padding: 20px 10px 0 10px;
}

#content_right .login .teasercontent form {
  float: left;
  margin: 20px 0 20px 0;
  width: 290px;
}

#content_right .login .teasercontent form label {
  float: left;
  font-size: 1em;
  margin: 3px 0 0 0;
  width: 140px;
}

#content_right .login .teasercontent form input.text {
  font-size: 1em;
  height: 16px;
  margin: 0 0 10px 0;
  padding: 2px 0 0 5px;
  width: 140px;
}

#content_right .login .teasercontent form .forgot {
  float: left;
}

#content_right .login .teasercontent form input.loginbutton {
  float: left;
  margin-left: 98px;
}


/*--- EPaper Suche rechts ----------------------------------------------------*/
#content_right .search_paper input.text {
  margin-right: 10px;
  width: 175px;
  padding-top: 3px;
  height: 16px;
}

#content_right .search_paper input.startsearch {
  float: right;
  font-size: 0.75em;
  text-align: right;
  width: 119px;
}

/*--- EPaper Toplinks --------------------------------------------------------*/
#content_right #epaper_right_toplinks  {
  font-size: 0.75em;
  height: 20px;
  margin-bottom: 12px;
}

#content_right #epaper_right_toplinks a#showallpages {
  float: left;
  padding-left: 20px;
  background: transparent url(../i/icon_seiten.gif) no-repeat left center;
}

#content_right #epaper_right_toplinks a#showbookmarks {
  display: block;
  float: right;
  padding-left: 14px;
  background: transparent url(../i/icon_merkzettel.gif) no-repeat left top;
}


/*--- E-Paper Rubriken-Navigation (Inhalt) rechts -----------------------------*/
#content_right #epaper_categories {
  float: left;
  margin: -20px 0 30px 0;
  width: 100%;
}

/* Liste */
#content_right #epaper_categories ul.epaper_rubriken {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 2px;
  margin: 6px 8px 0;
}

#content_right #epaper_categories ul.epaper_rubriken li {
  border-top: 1px solid #e1e1e1;
  padding: 3px 0 3px 0;
}

/* Wenn es eine Unterliste gibt, braucht das Elternelement keine Linie unten */
#content_right #epaper_categories ul.epaper_rubriken li.noborder {
  border-bottom: none;
  padding: 3px 0 0 0;
}

#content_right #epaper_categories ul.epaper_rubriken li a {
  background: url('/i/icon_raquo.gif') center left no-repeat;
  padding: 0 0 0 19px;
  margin: 6px;
  font-weight: bold;
  font-size: 0.75em;
}

/* vererbte Eigenschaften fuer Unterlisten aufheben */
#content_right #epaper_categories ul.epaper_rubriken li ul {
  border-bottom: none;
  padding-bottom: 0px;
}

/* Vererbte Eigenschaften aufheben und neu definieren */
#content_right #epaper_categories ul.epaper_rubriken li ul li a {
  background-image: none;
  padding: 0 0 0 30px;
  font-weight: normal;
}

/* Das erste Unterlisten-Element erhaelt eine Linie oben und Abstand zum Elternelement */
#content_right #epaper_categories ul.epaper_rubriken li ul li.firstsubnavi {
  border-top: 1px solid #e1e1e1;
  margin-top: 5px;
}

/* Abstaende bei 'Ausgabe speichern' */ 
#content_right #epaper_categories div.saveissue {
  background: url('/i/btn_save.gif') left center no-repeat;
  font-size: 12px;
  padding-left: 20px;
  bottom: 20px;
  width: 100%;
  margin: 13px 0 0 15px;
}


/* Die Box mit dem ePaper-Archiv-Kalender */
#content_right .teaser_right.calendar { 
  float: left; 
  margin-bottom: 30px;
}


/*--- Box rechts mit der Hilfe bei den ePapers --------------------------------*/
#content_right .teaser_right.epaperhelp .teasercontent {
  float: left;
  padding-top: 10px;
}

#content_right .teaser_right.epaperhelp .teasercontent p {
  line-height: 1.5em;
  font-size:0.875em;
  padding-bottom: 7px;
}

#content_right .teaser_right.epaperhelp .teasercontent span {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px;
}

#content_right .teaser_right.epaperhelp #epaper_help {
  clear: both;
  border-top: 1px solid #cee1ec;
  padding-top: 7px;
  margin-top: 0px;
  background: transparent url(../i/icon_raquo.gif) no-repeat right 10px;
}

/* Link als Block, damit ueber volle Breite klickbar */
#content_right .teaser_right.epaperhelp #epaper_help a {
  display: block;
}


/*----------- Epaper Liste ----------------------------------------------------*/
#epaper_tab {
  margin: 5px 15px;
}

.epaper_teaser_footer {
  clear: both;
  border-top: 1px solid #cee1ec;
  font-size: 0.8125em;
  padding-top: 7px;
  margin-top: 0px;
  background: transparent url(../i/icon_raquo.gif) no-repeat right 10px;
}

#content_right .teaser_right .teasercontent .epaper_contact p {
  font-size: 0.75em;
  padding: 5px 0 0 0;
}

#content_right .teaser_right .teasercontent .epaper_contact {
  padding: 9px 0 5px 0;
}

#content_right .teaser_right .teasercontent .epaper_contact span {
  display: inline-block;
  font-weight: bold;
  width: 105px;
}