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

/**
 * Allgemeine Definitionen
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: none;
  font-size: 1em;
  margin: 0;
  padding: 0; 
  vertical-align: baseline;
}

body {
  background-color: #fff;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 100.01%; 
  color: #000;
}


a {
  color: #000;  
  text-decoration:none;
  outline: none; 
}

a:hover {
  color: #000;
  text-decoration:underline;
}



fieldset input {
  display: inline;
}

h1 {
  font-size: 2em;
  color: #000;
}

h2 {
  font-size: 1.25em;
  color: #000;
}

h3 {
  font-size: 0.875em;
}

h6 {
  color: #000;
  font-weight: normal;
}

.c {
  clear: both;
}

ol, ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

.noprint {
  display: none;
}
/*--- Layout -----------------------------------------------------------------*/

/* Werbebanner*/
#superbanner, #skyscraper {
  display: none;
}

/* Alles umschliessender Wrapper */
#outer_wrapper {
  background-color: #fff;
  margin: 0;
  width: 100%; 
}

/* Kopf der Seite */
#header_wrapper {
  float: left;
  display: inline;
  margin: 0 10px 0 10px;  
  text-align: center;
  width: 17cm;
}

/* Linke Seite */
#content_left {
  display: inline;
  float: left;
  margin: 0 20px 0 10px;
  padding: 0;
  width: 17cm;
}

/* Rechte Seite */
#content_right { display: none; }

#footer_wrapper {
  border-top: 1px solid black;
  clear: both;
  float: left;
  margin: 0 0 30px 10px;
  padding: 0 10px 10px 10px;
  width: 17cm;
}


/*--- Header -----------------------------------------------------------------*/

/*--- Der linke Teil ---*/
#header_left {
  float: left;
  height: 100px;
  width: 106px;

}

/* Der Einklinker links oben */
#header_left #logo_small { display: none; }

/* Die Wetteranzeige im Kopf */
#header_left #weather { display: none; }

/*--- Der mittlere Teil ---*/
#header_middle {
  float: left;
  width: 388px;
}

/* Infoline mit aktuellem Datum und neustem Artikeldatum */
#header_middle div.infoline { font-size: 0.875em; }

#header_middle div.infoline span.last_update { color: #000; }

/* Das grosse GEA-Logo */
#header_middle #header_logo img { margin:  20px 5px 0; }

/*--- Der rechte Teil ---*/
#header_right {
  float: left;
  width: 206px;
}

/* Die Metanavigation */
#header_right #metanavi { display: none; }


/*--- Der Fuss des Kopfbereiches ---*/
#header_bottom {
  float: left;
  width: 17cm;
  padding-bottom: 4px;
  border-bottom: 1px solid #949494;
}

/* Die Servicenavigation links am Fuss des Kopfes */
#header_bottom #servicenavi { display: none; }

/*--- Die Suche rechts am Fuss der Kopfes ---*/
#header_bottom #searchwrapper { display: none; }


/*--- Navigation -------------------------------------------------------------*/
 
/* Hauptnavigation */
#mainnavi_wrapper { display: none; }


/*--- Orientierungsblock oben auf der Seite -----------------------------------*/
#orientation {
  margin: 20px 10px 20px 10px;
  padding: 0;
  width: 17cm;
}

#orientation  #breadcrumb { display: none; }

#orientation #breadcrumb a { color: #000; }

#orientation #breadcrumb a.start {
  color: #000;
  padding: 0;  
}

/* Die Anzeige des zugeh. Ressorts rechts von der Breadcrumb */
#orientation div.ressort {
  color: #000;
  float: right;
  font-weight: bold;
  font-size: 1.5em;
  text-transform: uppercase;
}


/*--- Inhaltsbereich links ---------------------------------------------------*/

/*--- Allgemein verwendbare Styles ---*/

/* Hauptueberschrift */
#content_left h1 {
  line-height: 2em;
  margin-bottom: 16px;
}

/* Zwischenueberschrift */
#content_left h2 {
  line-height: 1.25em;
  margin-bottom: 10px;
}

/* Unterzeile nach Hauptüberschrift */
#content_left h2.subline {
  color: #000;
  font-size: 0.875em;
  margin: -10px 0 25px 0;
}

#content_left h2 a { font-size: 1.25em !important; }

#content_left h2 a:hover { text-decoration: none; }

#content_left h2.more_content { margin: 50px 0 16px 0 !important; }

/* Externer Link */
#content_left a.extlink {
  padding: 0 0 0 15px;
}

#content_left a.intlink { 
  padding: 0 0 0 15px;
}

/* Dachzeile bei Artikeln und Teasern */
#content_left span.marker {
  color: #000;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
}

#content_left span.marker a:hover {
  text-decoration: none;
}

#content_left span.kicker {
  color: #000;
  font-size: 0.875em;
}

#content_left span.kicker a { color: #000; }

#content_left span.kicker a:hover { text-decoration: none; }

/*--- Bild ---*/
#content_left div.image {
  float: left;
  margin: 5px 10px 20px 0;
}

#content_left div.image img {
  border: 1px solid #9a9a9a;
  float: left;
  margin: 0 10px 10px 0;
  padding: 1px;
}

/* Bildunterschrift */
#content_left div.image div.caption {
  color: #000;
  float: left;
  font-size: 0.625em;
  font-style: italic;
  line-height: 14px;
  margin: 0 10px 0 0;
  width: 468px;
}

/* Vergroessern-Link */
#content_left div.image div.magnify { display: none;}

/* Tumbnailbild 150px */
#content_left div.thumb_150px,
#content_left div.break div.thumb_150px,
#content_left div.head_150px {
  line-height: 0.825em;
  width: 150px;
}

/* Tumbnailbild 200px */
#content_left div.thumb_200px,
#content_left div.break div.thumb_200px,
#content_left div.head_200px {
  float: left;
  line-height: 0.825em;
  width: 200px;
}

#content_left div.thumb_200px .caption,
#content_left div.break div.thumb_200px .caption,
#content_left div.head_200px .caption {
  width: 200px !important; 
}

/* Thumbnailbild mit Rand */
#content_left div.break  div.thumb_200px img,
#content_left div.head_200px img {
  border: 1px solid #000;
  padding: 1px;
}

/* Thumbnailbild ohne Rand */
#content_left div.thumb_200px img,
#content_left div.thumb_150px img { border: none; }

/* Thumbnailbild im Kopf */
#content_left div.head_200px {
  margin: 5px 10px 0 0;
  padding: 0;
}

/* Inhaltstrenner */
#content_left div.content_spacer {
  display: inline;
  border-bottom: 1px solid #000;
  float: left;
  margin: 35px 0 35px 0;
  width: 17cm;
  height: 1px;
}

/* Inhaltstrenner mit nur 20px Abstand nach unten */
#content_left div.content_spacer_short {
  border-bottom: 1px solid #000;
  display: inline;
  float: left;
  margin: 20px 0 20px 0;
  width: 17cm;
  height: 1px;
}

/* Einzelne Linie als Inhaltstrenner */
#content_left .single_spacer {
  border-bottom: 1px solid #000;
  display: inline;
  float: left;  
  margin-bottom: 10px;
  width: 17cm;
  height: 3px;
}

/* Blaetternfunktion */
#content_left #pageflip { display: none; }


/*--- Liste mit Inhaltselementen z.B. fuer die Suche oder auf der Dossierseite ---*/
#content_left ul.content_list {
  float: left;
  width: 17cm;
}

/* Die Listeneintraege */
#content_left ul.content_list li {
  float: left;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0 10px 0;
}

/* Bild links in der Liste */
#content_left ul.content_list li img {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
}

/* Infoblock links anstelle des Bildes */
#content_left ul.content_list li div.info_left {
  display: block;
  float: left;
  font-size: 0.75em;
  width: 90px;
}

/* Der Inhaltsblock rechts vom Bild */
#content_left ul.content_list .content {
  float: left;
  width: 378px;
}

/* Ueberschrift rechts im Inhaltsblock */
#content_left ul.content_list .content h3 { font-size: 0.8125em; }

/* Bei den Suchergebnissen auf den Rubrikseiten mit Pfeil links vom Link */
#content_left ul.content_list.links .content {
  padding: 0;
  width: 363px;
}

#content_left ul.content_list li .content p.small { font-size: 0.6875em; }

/* Video-Link mit Video-Icon */
#content_left ul.content_list li .content a.video { }

/* Tipp-Link mit Tipp-Icon */
#content_left ul.content_list li .content a.tipp { }

/* Infozeile unter dem Fliesstext */
#content_left ul.content_list .content .item_info {
  font-size: 0.6875em;
  padding: 10px 0 0 0;
}

/* Der "Lesen" Link */
#content_left ul.content_list .more_link {
  padding-left: 0;
}

/* Der "Mehr Ergebnisse" Link als Grafik */
#content_left a.more_results {
  display: block;
  float: right;
  margin: 10px 0 0 0;
}

/* Link auf die Uebersichtsseite mit doppelter Linie unten */
#content_left div.overview_link {
  float: left;
  font-size: 0.8125em;
  margin: 0 0 35px 0;
  padding: 0 0 16px 0;
  width: 468px;
}

#content_left div.overview_link a {
  float: left;
  font-weight: bold;
  padding: 8px 0 0 0;
}

/* FORM */
#content_left form input, 
#content_left form select,
 #content_left form textarea {
  margin:0 0 6px;
}

#content_left form label {
  margin:0 0 5px;
  width:150px;
}

#content_left #formgenerator form label {
  float:left;
  margin-right:10px;
}

#content_left #formgenerator form input {
  border: none;
  font-size:0.875em;
  height:19px;
  padding-top:2px;
}

#content_left #formgenerator form select {
  border: none;
}

#content_left #formgenerator form .email_hint {
  font-size:1em; 
  margin:0 0 10px 160px;
  display: none;
}

#content_left #formgenerator form input.email {
  width:300px;
}

.submitbtn {
  display: none;
}

/*--- Inhalte der Startseite ---*/

/*--- Skybox ---*/
#skybox {
  display: inline;
  float: left; 
  font-size: 0.6875em;
  line-height: 15px;
  margin: 8px 0 15px 10px;
}

#skybox div.one_half {
  cursor: pointer;
  float: left;
  text-align: left;
  width: 233px;
}

#skybox div.one_half p {
  float: left;
  width: 130px;
}

#skybox div.one_third {
  cursor: pointer;
  float: left;
  margin: 0 5px 0 0;
  text-align: left;
  width: 261px;
}

#skybox div.one_third img,
#skybox div.one_half img {
  float: left;
  padding-right:10px;
}


/*--- Globale Suche ---*/
#content_left #search_form_content {
  display: none;
}


/*--- Detailartikel ---*/

/*--- Der Kopf eines Artikels mit Rubrik und Datum ---*/
#content_left .article_header {
  float: left;
  margin-bottom: 6px;
  width: 100%;
}

/* Onlinedatum des Artikels */
#content_left .article_header div.article_date {
  float: right;
  font-size: 0.6875em;
  font-weight: bold;
  margin: 0 0 10px 0;
  text-align: right;
  width: 100%;
}

/*-- Autorenzeile ---*/
#content_left p.credits {
  color: #333;
  font-size: 0.75em;
  margin-bottom: 10px;
}

/*--- Artikelvorspann --*/
#content_left p.lead {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.1875em;
  margin-bottom: 10px;
}

/*--- Artikelabsatz --*/
#content_left div.break {
  font-size: 1em;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 10px;
  height: 100%;
}

/* Zwischenueberschrift im Absaz */
#content_left div.break h2 {
  line-height: 1.25em;
  margin: 20px 0 10px 0;
}

/*--- Bild im Absatz ---*/
#content_left div.break div.image {
  float: left;
  margin: 5px 10px 0px 0;
  padding: 0;
}

#content_left div.break div.caption {
  margin-bottom: 10px;
}

/* Normale Liste im Absatz */
#content_left div.break ul {
  list-style-type: square;
  margin: 20px 0 20px 15px;
}

/* Aufzaehlungsliste im Absatz */
#content_left div.break ol {
  list-style-type: decimal;
  margin: 20px 0 20px 20px;
}

/* Zitatblock im Absatz */
#content_left div.break div.citation {
  float: left;
  margin: 20px 0 20px 0;
  width: 800px;
}

#content_left div.break div.citation div.quote_text {
  color: #999;
  float: left;
  font-style: italic;
  line-height: 1.5em;
  padding: 0;
  width: 410px;
}

#content_left div.break div.citation div.quote_end {
  float: left;
  width: 20px;
}

#content_left div.video_wrapper { display: none; }


/* Box mit den Downloads zu einem Artikel */
#content_left div.download_box { display: none; }


/* Linkliste mit internen und externen Links im Artikelfuß */
#content_left div.article_links {
  border-top: 1px solid #e1e1e1;
  float: left;
  font-size: 0.875em;
  margin: 0 0 30px 0;
  padding-top: 25px;
  width: 800px;
}

#content_left div.article_links ul {
  list-style-type: none;
  margin: 10px 0 0 0;
}

#content_left div.article_links ul li {
  border-bottom: 1px solid #e1e1e1;
  line-height: 2em;
}

/*--- Artikelfuss ---*/
#content_left #article_footer { 
  display: none; 
}


/*--- Dossier Uebersichtsseite ---*/
div.dossier_overview {
  float: left;
  width: 468px;
}

div.dossier_overview div.overview_content {
  float: left;
  margin-left: 10px;
  width: 300px;
}

/* Wenn kein Bild vorhanden ist, kein Abstand nach rechts
   und volle Breite! */
div.dossier_overview div.no_margin {
  margin: 0;
  width: 468px;
}

div.dossier_overview div.overview_content h3 {
  color: #00639D;
  font-size: 0.6875em;
  text-transform: uppercase;
}

div.dossier_overview div.overview_content h2 { font-size: 1.125em; }

div.dossier_overview div.overview_content p {
  float: left;
  font-size: 0.875em;  
}

div.dossier_overview div.overview_content a {
  display: block;
  font-size: 0.875em;
  margin: 0 0 10px 0;
}

/*--- Rubrikseite Bilder ---*/

/* Liste mit den weiteren Galerien */
#content_left .more_galeries {
  border-bottom: 1px solid #c1c1c1;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  width: 468px;
}

#content_left .more_galeries h2 { font-size: 0.9375em; }

#content_left .more_galeries a.galery { font-size: 0.875em; }

#content_left .image_row img {
  float: left;
  margin: 0 5px 5px 0 !important;
  padding: 0 !important;
}

#content_left .image_row img.last { margin: 0 0 5px 0 !important; }

/* In der linken Content-Spalte sollen die Bilder ueber die ges. Breite! */
#content_left .image_wrapper_box a {
  float: left;
 /* margin: 0 17px 17px 0;
 */ margin: -3px 14px 14px -3px;
  padding: 0;
  border: 3px solid #ffffff;
}

/* Das letzte Bild hat keinen Abstand nach rechts! */
#content_left .image_wrapper_box a.last {
  border: 3px solid #ffffff !important;
  margin: -3px -3px -1px -3px !important;  
}

/* Das aktive Bild in der Detailansicht hat einen dicken, blauen Rahmen */
#content_left .image_wrapper_box a.active {
  border: 3px solid #1b74a7 !important;
/*  margin: -3px 14px 14px -3px;  */
}


/*--- Rubrik-Detailseite Bildergalerie --*/

/* Blättern der Bildergalerie */
#content_left .galery_imageflip {
  float: left;
  margin-bottom: 5px;
  width: 468px;
}

/* Blaettern linker Teil */
#content_left .galery_imageflip .leftflip {
  float: left;
  width: 150px;
}

/* Seitenanzahl in der Mitte */
#content_left .galery_imageflip .pagecounter {
  float: left;
  text-align: center;
  width: 168px;
}

/* Blaettern rechter Teil */
#content_left .galery_imageflip .rightflip {
  float: left;
  text-align: right;
  width: 150px;
}

/* Der Schliessen-Link unten */
#content_left .galeryclose {
  float: left;
  margin-top: -10px;
  text-align: right;
  width: 468px;
}


/*--- Such-Trefferliste (Ein- und Ausklappbar) ---*/
#content_left .hit_list {
  float: left;
  margin: 25px 0 25px 0;
  width: 468px;
}

#content_left .hit_list div.date {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  width: 375px;
}

#content_left .hit_list a.show_all {
  display: block;
  font-size: 0.6875em;
  font-weight: bold;
}

#content_left .hit_list a.collapse {
  display: block;
  font-size: 0.6875em;
  text-align: right;
}

#content_left .hit_list a.collapse.closed { }

/* Der "Tipp" Link */
#content_left .hit_list a.tipp { }

#content_left .hit_list ul {
  font-size: 0.75em;
  margin-left: 10px;
  width: 448px;
}

#content_left .hit_list ul li {
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  line-height: 1.5625em;
  margin: 0 0 7px 0;
  padding: 0 0 5px 0;
}

#content_left .hit_list .spacer {
  height: 3px;
  padding: 5px 0 5px 0;
  width: 468px;
}

/*--- Artikelliste auf den Subrubrikseiten ---*/
#content_left .sub_article_list {
  float: left;
  width: 468px;
}

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

#content_left .sub_article_list .content {
  float: left;
  margin: 0 0 20px 0;
  width: 308px;
}

#content_left .sub_article_list .content.full {
  float: left;
  width: 468px;
}

#content_left .sub_article_list .break {
  font-size: 0.875em;
  line-height: 1.1875em;
  margin: 0;
  padding: 0;
}

#content_left .sub_article_list.last,
#content_left .sub_article_list.last .content {
  background: none;
  margin: 0;
}

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


/*--- Boxen mit Subnavi auf der Anzeigenseite */
#content_left #advert_wrapper {
  float: left;
  width: 468px;
}

#content_left #advert_wrapper .advert_block {
  float: left;
  height: 260px;
  margin: 0 20px 15px 0;
  width: 218px;
  border: 1px solid #e1e1e1;
}

#content_left #advert_wrapper .advert_block.right { margin: 0 0 15px 0; }

#content_left #advert_wrapper .advert_block .head {
  height: 30px;
}

#content_left #advert_wrapper .advert_block .head .tab {
  font-size: 0.6875em;
  margin: 13px 10px 0 10px;
  padding: 5px 10px 0 10px;
}

#content_left #advert_wrapper .advert_block .head .tab.twocol { margin: 0 30px 0 10px; }

#content_left #advert_wrapper .advert_block img {
  float: left;
  margin: 10px 0 10px 0;
}

#content_left #advert_wrapper .advert_block ul {
  float: left;
  margin: 0 0 0 6px;
}

#content_left #advert_wrapper .advert_block ul li {
  
}

#content_left #advert_wrapper .advert_block ul li.space {
  margin: 0 0 15px 0;
}

#content_left #advert_wrapper .advert_block ul li a {
  background: center left url('http://94.186.152.228/i/icon_raquo.gif') no-repeat;
  font-size: 0.6875em;
  font-weight: bold;
  padding-left: 15px;
}


/*--- Ergebnislistenseiten Sport ---*/

/* Filter für die Spielergebnisse im Kopf der Übersichtsseite */
#content_left .result_filter {
  float: left;
  margin: 0 0 30px 0;
  width: 468px;
}

#content_left .result_filter .season { 
  float: left; 
  font-size: 0.7em;
  padding-top: 4px;
}

#content_left .result_filter .nooption { 
  font-size: 0.7em;
  padding-top: 4px;
}

#content_left .result_filter form { 
  float: right; 
}

#content_left .result_filter form * {
  margin-left: 10px;
}

#content_left .result_filter form .season,
#content_left .result_filter form .season label {
  margin-left: 0;
}

#content_left .result_filter form label { padding-top: 4px; }

#content_left .result_filter form select { 
  height: 20px;
  padding-top: 2px;
  width: 125px; 
}

/* Der Block mit den Ergebnissen */
#content_left .result_block {
  float: left;
  margin: -10px 0 35px 0;
}

/*--- Die allgemeinen Listen ---*/

/* Eintraege 1. Ebene */
#content_left .result_block ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0 5px 20px;
  width: 448px;
}

#content_left .result_block ul li.league{
  padding: 5px 0 5px 20px;
  font-weight: bold;
}

#content_left .result_block ul li.league a{
  background: center left url('http://94.186.152.228/i/icon_raquo.gif') no-repeat;
  padding-left: 15px;
}

/* Eintraege 2. Ebene */
#content_left .result_block ul li ul {
  margin: 0 0 0 15px;
}

#content_left .result_block ul li ul li {
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0 5px 0;
  width: 432px;
}


/* Links in der 2. Ebene */
#content_left .result_block ul li ul li a {
  background: center left url('http://94.186.152.228/i/icon_raquo.gif') no-repeat;
  font-size: 0.75em;
  padding-left: 15px;
}


/* Die Uebergeordnete Ebene */
#content_left .result_block ul li a.layer1 {
  font-weight: bold;
}

/* Zuklappen der Listen */
#content_left .result_block ul li a.collapse {
  background: left center url('http://94.186.152.228/i/icon_arrow_down.gif') no-repeat;
  padding-left: 15px;
}

#content_left .result_block ul li a.collapse.closed {
  background: left center url('http://94.186.152.228/i/icon_arrow_right.gif') no-repeat;
  padding-left: 15px;
}


/* Die Tabelle mit den Ergebnissen */
#content_left .result_block table.result_list {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 0.6875em;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: left;
  width: 468px;
}

#content_left .result_block table.result_list tr th, td {
  margin: 0;
  padding: 4px 0 4px 15px;
}


/* Tabellenzeilen farblich hervorheben */
#content_left .result_block table.result_list tr.first td { border-top: 1px solid #e1e1e1; }

#content_left .result_block table.result_list tr.grey { background: #f5f5f5; }

#content_left .result_block table.result_list tr.last td { border-bottom: 1px solid #e1e1e1; }


/* Begegnungs-Tabelle */
#content_left .result_block table.result_list tr th.day { width: 55px; }

#content_left .result_block table.result_list tr th.home { width: 129px; }

#content_left .result_block table.result_list tr th.guest { width: 129px; }

#content_left .result_block table.result_list tr th.result { width: 40px; }

#content_left .result_block table.result_list tr th.comment { width: 40px; }

#content_left .result_block table.result_list tr th.goals { width: 70px; }


/* Tabellen-Tabelle */
#content_left .result_block table.result_list tr th.place { width: 25px; }

#content_left .result_block table.result_list tr th.club { width: 175px; }

#content_left .result_block table.result_list tr th.games { 
  padding: 0;
  text-align: center;  
}

#content_left .result_block table.result_list tr th.diff { 
  padding: 0;
  text-align: center;
  width: 50px;
}

#content_left .result_block table.result_list tr th.points { 
  padding: 0;
  text-align: center;
  width: 50px;  
}


/* Torjaeger-Tabelle */
#content_left .result_block table.result_list tr th.club_big { width: 250px;}

#content_left .result_block table.result_list tr th.goals_big { 
  padding: 0;
  text-align: center;
  width: 40px;
}

#content_left .result_block table.result_list tr.full {
  width: 468px;
}

#content_left .result_block table.result_list a.arrow_right {
  background: center left url('http://94.186.152.228/i/icon_arrow_right.gif') no-repeat;
  padding-left: 15px;
}


/* Blaettern am Ende der Liste */
#content_left .result_block .pageflip {
  width: 468px;
}

#content_left .result_block .pageflip a.prev_event_day {
  background: center left url('http://94.186.152.228/i/icon_laquo.gif') no-repeat;
  float: left;
  font-size: 0.75em;
  padding-left: 15px;
}

#content_left .result_block .pageflip a.next_event_day {
  background: center right  url('http://94.186.152.228/i/icon_raquo.gif') no-repeat;
  float: right;
  font-size: 0.75em;
  padding-right: 15px;
}


/*--- Verkehrsinfos ---*/
#content_left #traffic_info {
  float: left;
  font-size: 0.75em;
  width: 468px;
}

#content_left #traffic_info .update {
  margin: 0 0 10px 0;
}

#content_left #traffic_info table { border-collapse: collapse; }

#content_left #traffic_info table tr { border-bottom: 1px solid #e1e1e1; }

#content_left #traffic_info table tr td { padding: 10px; }

#content_left #traffic_info table tr td p {
  color: #999;
  margin: 5px 0 5px 0;
}


/*--- Veranstaltungsdetailseite ---*/
#content_left table.event_detail { 
  border-collapse: collapse;
  font-size: 0.75em; 
}

#content_left table.event_detail tr.grey { background: #f5f5f5; }

#content_left table.event_detail tr td.column1 {
  font-weight: bold;
  width: 200px;
}

#content_left table.event_detail tr td.column2 { width: 268px; }



/*--- Footer der Seite -------------------------------------------------------*/

/* --- Der "nach oben" Link ---*/
#backlink { display: none; }


/*--- Der Seitenfooter --*/
#footer_wrapper { float: left; }

#footer_wrapper div.footer_entry {
  float: left;
  font-size: 0.6875em;
  height: 50px;
  line-height: 1.6875em;
  margin-top: 40px;
  text-transform: uppercase;
  width: 200px;
}

/* Die rechte Seite hat ein bisschen Padding von links */
#footer_wrapper div.right {
  padding-left: 10px;
  width: 290px;
}

/* Die Navigationseintraege im Footer */
#footer_wrapper div.footer_entry ul { display: none; }

/* Das GEA-Logo im Footer */
#footer_wrapper #footer_logo {
  float: left;
  margin-top: 10px;
  text-align:center;
  width: 200px;
}


/*---  Formulare  ------------------------------------------------------------*/

/* Allgemeine Formatierungen fuer Formulare */
input.checkbox_info {
  font-size: 0.68em;
  display: inline; 
  float: left;
}

label {
  cursor: pointer;
  display: block; 
  float: left;
  font-size: 0.68em;
}

input.checkbox { float: left; }

input.file{
  border: 1px solid #C1C1C1;
  display: inline;
  float: left;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  height: 19px;
  margin: 0;
  padding: 0 0 0 5px;
}

input.text {
  background:  url('http://94.186.152.228/i/bg_input_h21.gif') no-repeat 0px 0px !important;
  border: 1px solid #C1C1C1;
  display: inline;
  float: left;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  height: 19px;
  margin: 0;
  padding: 0 0 0 5px;
}

select {
  background-color: #fff;  
  border: 1px solid #c1c1c1;
  display: inline;
  float: left;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  height: 21px;  
}

select option { background: #fff; }

textarea {
  display: inline;
  float: left;
  background: transparent;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  border: 1px solid #C1C1C1;
}


/*--- Upload Formular Leserphoto ---*/
#upload_userpic form label {  
  font-style: italic;
  margin: 8px 0 0 0;
  width: 155px;  
}

#upload_userpic form .text, #upload_userpic form .file{
  margin: 8px 0 0 0;
  width: 223px;  
}

#upload_userpic form .textarea, #upload_userpic form select{
  border: 1px solid #C1C1C1;
  display: block;
  float: left;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  margin: 8px 0 0 0;
  width: 230px;
  position: relative;
}

/*Upload ueberschreiben*/
#upload_userpic form div.rebrush-container {
 border: none;
 display: block;
 float: left;
/* overflow: hidden;*/
 margin-top: 8px;
 width: 230px;
 height: 21px;
 position: relative;
 z-index: 2;
}

.fileupload-rebrush {
 background: #fff !important;
 display: block;
 float: left;
/* overflow: hidden;*/
 margin-top: 8px;
 width: 230px;
 height: 21px;
 position: relative;
 z-index: 0;
}

#upload_userpic form input.rebrush-field {
  border: 1px solid #C1C1C1;
  display: inline;
  float: left;
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.68em;
  height: 19px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 150px;
  z-index: 0;
}

#upload_userpic form input.rebrush-button {
  background:  url('http://94.186.152.228/i/btn_upload_blanko.gif') no-repeat 0px 0px !important;
  border: none;
  color: #fff;
  display: inline;
  height: 20px;
  float: left;
  width: 75px;
  font-size: 12px;
  padding: 0 0 3px 0;
  letter-spacing: -1px;
  z-index: 0;
}

/*---  Suche in der linken Content-Spalte  ---*/
#search_form_content {
  border-bottom: 1px solid #C1C1C1;
  float: left;
  margin: 24px 0 9px 0;
  padding: 0 0 0 0;
}

/* Überschrift (Suchwort) */
#search_form_content h1 {
  float: left;
  width: 350px;
}

/* Anzeige der Treffer rechts im Kopf der Suche */
#search_form_content div.hits {
  float: right;
  font-size: 0.875em;
  margin: 13px 0 0 0;
}

/* Das Formular für die Suche */
#search_form_content form {
  float: left;
  height: 45px;
  margin: 0 0 5px 0;
  width: 468px;
}

/* Das Eingabefeld im Formular */
#search_form_content form #keyword {
  display: block;
  float: left; 
  border: none;
  width: 366px;
  margin: 10px 0 0 20px;
  padding: 5px 2px 0 5px;
  height: 26px;
}

/* Suchbutton */
#search_form_content form #btn_search {
  display: inline;
  float: left; 
  margin: 12px 0 0 7px;
}

/* Infoblock mit der Anzeige der Filtereinstellungen */
#search_form_content div.infoblock {
  float: left;
  font-size: 0.75em;
  padding-top: 5px;
  line-height: 1.2em;
}

#search_form_content div.infoblock div {
  float: left;
  margin: 0 0 10px 0;
  width: 388px;
}

#search_form_content div.infoblock div.ident { width: 80px; }

/* Die Filterbox auf den Rubrikseiten */
div.blue_container {
  float: left;
  padding: 30px 8px 8px 8px;
  margin: 0 0 20px 0;
}

/* Innen */
div.blue_container .teasercontent {
  background: #fff;
  border-top: 1px solid #e1e1e1;
}

/* Beschriftung im Header */
div.blue_container .teasercontent div.tab {
  height: 16px;
  margin: -15px 0 0 0;
  padding: 4px 10px 0 10px;
}

/* Inhalt */
div.blue_container .teasercontent div.entry { margin: 15px 0 0 0; }

/* Dropdown Boxes der Filter */
#select_rubric, #select_city,
#select_film, #select_cinema {
  padding-top: 2px;
  width: 205px;  
}

/* Eingabefeld Schlagwort */
#keyword {
  height: 16px;
  padding-top: 3px;
  width: 200px;  
}

/* Datumsauswahl des Rubrikfilters:  Zeile */
div.blue_container .teasercontent div.formpart_date {
  width: 205px;
  clear:left
}

/* Datumsauswahl des Rubrikfilters:  Dropdown */
 div.formpart_date select { margin: 0 5px 5px 0; }

/* Icon des Datepickers fixieren */
div.formpart_date div.datepicker{
  float: right;
  cursor: pointer;
}


/* Spalte des Filters */
.search_part {
  display: inline;
  float: left;
  margin: 0 10px;
}

/* Zwischenueberschriften */
.search_part h3{
  font-size: 0.7em;
  padding: 15px 0 8px 0;
}

/* Such-Button */
.formpart_button{
  clear: both;
  margin: 0 12px 0 0;
  padding: 0 0 12px 0;
  text-align: right;
}


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

/*--- 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.6875em;
  font-weight: bold;
  text-transform: uppercase;
}


/*--- 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: 800px;
  */
}

/* Der Kopf des Teasers */
#content_left .teaser_left .teaserhead {
  height: 30px;
  margin-bottom: 12px;
}

/* Blauer statt grauer Teaserkopf */
#content_left .teaser_left .teaserhead_blue {
  height: 30px;
  margin-bottom: 12px;
}

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

/* Kategorie-Überschrift */
#content_left .teaser_left h3.category {
  color: #000;
  font-size: 0.75em;
  text-transform: uppercase;
}

/* Video-Link mit Video-Icon links vom Text */
#content_left .teaser_left h3 a.video { }

/* 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: 10px 0 0 0;
  padding: 4px 10px 0 0;
}

/* Tab auf der rechten Seite */
#content_left .teaser_left .teaserhead div.tab_right {
  height: 16px;
  margin: 15px 10px 0 10px;
  padding: 4px 10px 0 10px;
}

#content_left .teaser_left .teaserhead div.tab_right a.collapse {
  padding-right: 15px;
}

#content_left .teaser_left .teaserhead div.tab_right a.collapse.closed {
  padding-right: 15px;
}

/* 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 {
  float: left;
  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;
}


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

#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: 1.25em;
  margin: 0;
}

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

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

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

#content_left .teaser_left div.teasercol_full ul.linklist {
  list-style-type: none;
  margin-top: 10px;
}

/* Linkliste links und Bild rechts */
#content_left .teaser_left ul.linklist li {
  border-bottom: 1px solid #e1e1e1;
  font-size: 0.75em;
  line-height: 26px;
  padding: 0;
}

#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;
  padding-bottom: 0;
}

/*--- Highlightteaser ---*/
#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: 200px 4px 4px 4px;
  vertical-align: baseline;
}

#content_left div.highlight div.highlight_content span.ressort {
  color: #00639D;
  font-size: 0.75em;
  font-weight: bold;
  margin: 0 1px 0 0;
  text-transform: uppercase;
  padding: 7px 7px 0 7px;
}

#content_left div.highlight div.highlight_content h1 {
  margin-bottom: 0;
  padding: 13px 7px;
  color: #151515;
}


/*--- Spezielle Styles fuer die Eilmeldungen ---*/
#content_left div.breaking_news .teaserhead {
  margin-bottom: 10px;
}

#content_left div.breaking_news .teaserhead div.tab {
  height: 10px;
  margin-top: 3px;
}

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


/*--- 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: 11px;
  margin: 65px 0 0 10px;
  padding-top: 4px;
}

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


/*--- Spezielle Styles für 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;
}

/*  Galerie-Teaser Fuss mit Hintergrund */
#content_left .teaser_left .galeryfooter {
  border-top: 1px solid #e1e1e1;
  float: left;
  height: 15px;
  margin: 10px 0 20px 0;
  width: 468px;
}

/* Die Vdieo-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: 14px;
  margin: 5px 0 0 8px;
}

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

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


/*--- 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 {
  display: block;
  float: left;
  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;
}

/* Der Separator zwischen den einzelnen Film-Eintraegen */
#content_left .cinema .entry_spacer {
  float: left;
  height: 3px;
  margin: 9px 0 18px 0;
  width: 468px;
}


/*--- Trefferliste bei der Suche (Kino) ---*/
#content_left .teaser_left #search_hits {
  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;
}

/* WM Special */

#wm_nav {
  display: none;
}

#wm_subnav {
  display: none;
}