/**
 * 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: #333333;
}

code { font-family: "Courier New", Monospace; }

label { cursor: pointer; }

textarea { resize: none; }

hr { border: 1px solid #fff; }

ol, ul { list-style: none; }

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

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

h1 {
  color: #151515;
  font-size: 1.875em;
  line-height: 1em;
}

h1 a, h1 a:hover {
  color: #151515;
}

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

h2 a {
  color: #333333;
  line-height: 1.25em;
}

h2 a:hover {
  color: #333333;
}

h3 {
  font-size: 0.875em;
}

h6 {
  color: #00639D;
  font-weight: normal;
}

/*--- Helperklassen ----------------------------------------------------------*/
.c { clear: both; }

.r { clear: right; }

.l { clear: left; }

.x { display: none; }

.fl { float: left;}

.no_margin {
  margin: 0 !important;
  padding: 0 !important;
}

.last { border: none !important; }

.spacer15 {
  float: left;
  height: 15px;
  width: 100%;
}

.spacer30 {
  float: left;
  height: 30px;
  width: 100%;
}

.spacer35 {
  float: left;
  height: 35px;
  width: 100%;
}

.error_msg {
  color: #cf0000 !important;
}


/*--- Layout -----------------------------------------------------------------*/

/* Alles umschliessender Wrapper */
#outer_wrapper {
  background-color: #fff;
  margin: auto;
  position: relative;
  width: 980px;
}

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

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

/* Rechte Seite */
#content_right {
  float: left;
  margin: 0;
  padding-top: 27px;
  width: 312px;
}

#footer_wrapper {
  background: #fff url('/i/bg_footer.gif') no-repeat top center;
  clear: both;
  float: left;
  margin-bottom: 30px;
  padding: 0 10px 10px 10px;
  width: 800px;
}


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

/*--- Der linke Teil ---*/
#header_left {
  float: left;
  width: 206px;
}

/* Der Einklinker links oben */
#header_left #logo_small {
  background: url('/i/logo_head_small.gif');
  cursor: pointer;
  float: left;
  height: 44px;
  margin: 15px 0 0 0;
  width: 70px;
}

/* Die Wetteranzeige im Kopf */
#header_left #weather {
  color: #333;
  float: left;
  font-size: 0.75em;
  height: 30px;
  text-align: left;
  margin: 30px 0 0 0;
  width: 180px;
}

#header_left #weather img {
  float: left;
}

#header_left #weather #weater_infos_header {
  margin: 6px 0 0 32px;
}

#header_left #weather #weater_infos_header a span {
  color: #333;
}

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

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

#header_middle div.infoline span.last_update { color: #00639D }

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

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

/* Die Metanavigation */
#header_right #metanavi {
  font-size: 0.75em;
  height: 35px;
  margin: 80px 0 0 10px;
  width: 195px;
}

#header_right #metanavi div {
  float: right;
  text-align: right;
  padding-left: 15px;
}

/*--- Der Fuss des Kopfbereiches ---*/
#header_bottom {
  background: url('/i/bg_header.gif') no-repeat;
  float: left;
  height: 33px;
  width: 800px;
  padding-bottom: 4px;
  border-bottom: 1px solid #949494;
}

/* Die Servicenavigation links am Fuss des Kopfes */
#header_bottom #servicenavi {
  float: left;
  font-size: 0.75em;
  height: 20px;
  margin: 13px 0 0 0;
  text-transform: uppercase;
}

#header_bottom #servicenavi div.tabl {
  background: url('/i/bg_tabl.gif') no-repeat;
  float: left;
  width: 10px;
  height: 20px;
}

#header_bottom #servicenavi div.tab {
  background: #fff;
  color: #00639D;
  float: left;
  font-size: 1em;
  height: 17px;
  padding-top: 3px;
}

#header_bottom #servicenavi div.first { padding-left: 2px; }

#header_bottom #servicenavi div.tabr {
  background: url('/i/bg_tabr.gif') no-repeat;
  float: left;
  width: 10px;
  height: 20px;
}


/*--- Die Suche rechts am Fuss der Kopfes ---*/
#header_bottom #searchwrapper {
  float: right;
  padding: 8px 10px 0 0;
}

#header_bottom #searchwrapper div.bg_searchfield {
  background: url('/i/bg_searchfield.gif') no-repeat;
  height: 17px;
  width: 180px;
}

#header_bottom #searchwrapper form input.searchfield {
  border: 0px;
  float: left;
  font-size: 0.875em;
  height: 15px;
  margin: 0 0 0 8px;
  width: 123px;
  padding-left: 0;
  padding-right: 0;
}

#header_bottom #searchwrapper form input.submitbtn {
  float: left;
  height: 17px;
}



/*--- Navigation -------------------------------------------------------------*/

/* Hauptnavigation */
#mainnavi_wrapper {
  float: left;
  width: 780px;
}

/* Hauptnavigation Ebene */
#mainnavi {
  display: inline;
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  height: 21px;
  margin: 0 10px 0 10px;
  padding:  6px 0 0 2px;
  text-transform: uppercase;
  width: 798px;
}

#mainnavi ul li {
  border-bottom: 1px dotted #949494;
  float: left;
  padding: 0 14px 5px 14px;
}

#mainnavi ul li a { color: #333; }

#mainnavi ul li a:hover {
  color: #00639D;
}

#mainnavi ul li.active {
  border-left: 1px dotted #949494;
  border-right: 1px dotted #949494;
  border-bottom: none;
  color: #00639D;
}

#mainnavi ul li.active a { color: #0075bd; }

#mainnavi ul li.first {
  border-left: none;
  padding: 0 6px 5px 0;
}


/* Hauptnavigation Ebene 1 */
#mainnavi_e1 {
  display: inline;
  float: left;
  font-size: 0.75em;
  margin: 0 10px 0 10px;
  padding: 5px 0 0 2px;
  width: 800px;
}

#mainnavi_e1 ul li {
  float: left;
  padding: 2px 10px 2px 0;
}

#mainnavi_e1 ul li.first { padding: 2px 5px 2px 0; }

#mainnavi_e1 ul li a { color: #00639D; }

#mainnavi_e1 ul li a.inactive { color: #333333; }

#mainnavi_e1 ul li a:hover {
  color: #00639D;
}

#mainnavi_e1 ul li.active { color: #333333; }

/* Der Schatten unter der Hauptnavigation */
#mainnavi_wrapper div.mainnavi_shadow {
  background: url('/i/bg_menue_shadow.gif') repeat-x left bottom;
  height: 7px;
  margin: 0 10px 10px 10px;
  width: 800px;
}


/* Hinweistext fuer den Benutzer bei ausgeschaltetem JavaScript */
#javascripthint {
  background: #FFF36F;
  float: left;
  font-size: 0.875em;
  margin: 0 10px 15px 10px;
  padding: 5px;
  width: 790px;
}


/*--- Orientierungsblock oben auf der Seite -----------------------------------*/
#orientation {
  display: inline;
  float: left;
  margin: 0 10px 20px 10px;
  padding: 0;
  width: 800px;
}

#orientation  #breadcrumb {
  color: #00639D;
  float: left;
  font-size: 0.6875em;
  width: 500px;
}

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

#orientation #breadcrumb a.start {
  background: url('/i/icon_breadcrumb.gif') no-repeat left center;
  color: #393939;
  padding: 0 0 0 14px;
}

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


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

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

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

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

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

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

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

/* Externer Link */
#content_left a.extlink {
  background: url('/i/icon_extlink.gif') center left no-repeat;
  padding: 0 0 0 15px;
}

/* Interner Link */
#content_left a.intlink {
  background: center left url('/i/icon_raquo.gif') no-repeat;
  padding: 0 0 0 15px;
}

/* Link auf Formular */
#content_left a.formlink {
  background: url('/i/icon_form.gif') center left no-repeat;
  padding: 0 0 0 15px;
}

#content_left div.icon_video {
  background: url('/i/icon_video.gif') center left no-repeat;
  float: left;
  height: 10px;
  padding: 7px 20px 0 0;
}

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

#content_left span.kicker {
  color: #666666;
  font-size: 0.6875em;
}

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


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

#content_left div.image img {
  border: 1px solid #9a9a9a;
  margin-bottom: 10px;
  padding: 1px;
}

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

/* Zu beginn wird nur die erste Unterschrift angezeigt */
#content_left div.image div.caption div {
  display: none;
}

#content_left div.image div.caption #caption1 {
  display: block;
}


/* Alle grosse Bilder*/
#content_left div.gallery_big div,
#content_left div.image div.gallery div {
  display: none;
}

#content_left div.gallery_big #gallerybig1,
#content_left div.image div.gallery #gallery1 {
  display: block;
}
/* Vergroessern-Link */
#content_left div.image div.magnify {
  float: right;
  font-size: 0.875em;
  text-align: right;
  width: 100px;
}

#content_left div.image div.magnify a , .magnifylink {
  background: url('/i/icon_plus.gif') center right no-repeat;
  padding-right: 20px;
}

/* Tumbnailbild 100px */
#content_left div.thumb_100px {
  line-height: 0.825em;
  border: none;
  float: left;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-right: 20px;
  width: 100px;
}

#content_left div.thumb_100px img {
  border:none;
}

/* Thumbnailbild 135px */
#content_left div.thumb_135px {
  float: left;
  padding: 0 10px 0 0;
}

/* 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 {
  line-height: 0.825em;
  width: 200px;
}

/* Thumbnailbild mit Rand */
#content_left div.break  div.thumb_200px img,
#content_left div.head_200px img {
  border: 1px solid #9a9a9a;
  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 {
  clear: both;
  float: left;
  background: url('/i/bg_spacer.gif') top left repeat-x;
  margin-bottom: 35px;
  width: 468px;
  height: 3px;
}

/* Inhaltstrenner mit nur 20px Abstand nach unten */
#content_left div.content_spacer_short {
  display: inline;
  float: left;
  background: url('/i/bg_spacer.gif') top left repeat-x;
  margin-bottom: 20px;
  width: 468px;
  height: 3px;
}

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

/* Blaetternfunktion */
#content_left #pageflip {
  background: url('/i/bg_spacer.gif') top left repeat-x;
  color: #e1e1e1;
  float: left;
  font-size: 0.75em;
  margin-top: 20px;
  padding-top: 10px;
  text-align: right;
  width: 468px;
}

#content_left #pageflip span.blue { color: #00639D; }

#content_left #pageflip a.prev { padding-right: 10px; }

#content_left #pageflip a.next { padding-left: 10px; }


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

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

/* 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;
  margin-top: -3px;
}

/* Bei den Suchergebnissen auf den Rubrikseiten mit Pfeil links vom Link */
#content_left ul.content_list.links .content {
  background: url('/i/icon_raquo.gif') no-repeat;
  padding: 0 0 0 15px;
  width: 363px;
}

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

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

#content_left ul.content_list li .content p.date {
  font-size: 0.6875em;
  font-weight: bold;
  margin-bottom: 5px;
}

/* Video-Link mit Video-Icon */
#content_left ul.content_list li .content a.video {
  background: url('/i/icon_video.gif') center left no-repeat;
  padding-left: 25px;
}

/* Tipp-Link mit Tipp-Icon */
#content_left ul.content_list li .content a.tipp {
  background: url('/i/icon_tip.gif') left center no-repeat;
  padding-left: 35px;
}

/* Lesertipp mit Tipp-Icon */
#content_left ul.content_list li .content a.readertipp {
  background: url('/i/icon_reader.gif') left center no-repeat;
  padding-left: 40px;
}

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

/* Der "Lesen" Link */
#content_left ul.content_list .more_link {
  background: url('/i/icon_raquo_small.gif') center left no-repeat;
  padding-left: 10px;
}

/* 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 {
  background: url('/i/bg_line_double.gif') left bottom repeat-x;
  float: left;
  font-size: 0.8125em;
  margin: 0 0 35px 0;
  padding: 0 0 16px 0;
  width: 468px;
}

#content_left div.overview_link a {
  background: url('/i/icon_raquo.gif') no-repeat 0px 13px;
  float: left;
  font-weight: bold;
  padding: 8px 0 0 14px;
}


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

/*--- Skybox ---*/
#skybox {
  display: inline;
  float: left;
  font-size: 0.6875em;
  line-height: 15px;
  margin: 0 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 {
  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;
}


/*--- Detailartikel ---*/

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

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


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

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

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

/* Zwischenueberschrift im Absaz */
#content_left div.break h2 {
  line-height: 20px;
  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 {
  display: inline;
  float: left;
  margin: 0 0 20px 0;
  width: 460px;
}

#content_left div.break div.citation div.quote_text {
  color: #999;
  background: url('/i/icon_quote_beginn.gif') left bottom no-repeat;
  float: left;
  font-style: italic;
  line-height: 1.5em;
  padding: 0 0 0 30px;
  width: 410px;
}

#content_left div.break div.citation div.quote_end {
  background: url('/i/icon_quote_end.gif') bottom right no-repeat;
  float: left;
  width: 20px;
}

#content_left div.video_wrapper {
  margin: 20px 0;
  width: 360px;
}

#content_left div.audio_wrapper {
  margin: 50px 0 50px 120px;
  width: 300px;
}
/* Box mit den Downloads zu einem Artikel */
#content_left div.download_box {
  background: url('/i/bg_teaser_grey.gif');
  clear: both;
  float: left;
  margin: 6px 10px 0 0;
  width: 184px;
  padding: 8px;
}

#content_left div.download_box div.tab {
  background: #fff;
  float: left;
  font-size: 0.625em;
  font-weight: bold;
  height: 16px;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
  text-transform: uppercase;
}

#content_left div.download_box div.content {
  background: #fff;
  color: #00639D;
  float: left;
  font-size: 0.875em;
  line-height: 1em;
  width: 184px;
}

#content_left div.download_box div.content div {
  background: url('/i/icon_raquo.gif') 0 13px  no-repeat;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 5px 0 5px;
  padding: 10px 0 10px 15px;
}


/* Linkliste mit internen und externen Links im Artikelfuss */
#content_left div.article_links {
  border-top: 1px solid #e1e1e1;
  float: left;
  font-size: 0.8125em;
  padding-top: 25px;
  width: 460px;
}

#content_left div.article_links ul {
  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 {
  background: url('/i/bg_spacer.gif') top left repeat-x;
  color: #00639D;
  float: left;
  font-size: 0.75em;
  margin: 10px 0 0 0;
  width: 460px;
}

#content_left #article_footer_noborder {  background: none; }

#content_left #article_footer div.article_footer_col1,
#content_left #article_footer_noborder div.article_footer_col1 {
  float: left;
  margin: 15px 0 0 0;
  width: 200px;
}

#content_left #article_footer div.article_footer_col1 a,
#content_left #article_footer_noborder div.article_footer_col1 a {
  display: block;
  float: left;
  margin: 0 20px 30px 0;
  padding-left: 25px;
}

#content_left #article_footer div.article_footer_col1 a.print,
#content_left #article_footer_noborder div.article_footer_col1 a.print {
  background: url('/i/icon_print.gif') left center no-repeat;
}

#content_left #article_footer div.article_footer_col1 a.recommend,
#content_left #article_footer_noborder div.article_footer_col1 a.recommend {
  background: url('/i/icon_recommend.gif') left center no-repeat;
}

#content_left #article_footer div.article_footer_col1 a.save,
#content_left #article_footer_noborder div.article_footer_col1 a.save {
  background: url('/i/btn_save.gif') left center no-repeat;
  font-size: 12px;
  padding-left: 20px;
  bottom: 20px;
  width: 100%;
}

#content_left #article_footer div.article_footer_col2,
#content_left #article_footer_noborder div.article_footer_col2 {
  float: left;
  margin: 15px 0 0 0;
  text-align: right;
  width: 260px;
}

#content_left #article_footer div.article_footer_col2 a.recommend {
  background: url('/i/icon_recommend.gif') left top no-repeat;
  padding: 0 0 0 26px;
}

/* Die Bookmark-Links im Artikelfuss */
#content_left #bookmarks {
  float: right;
}

#content_left #bookmarks div {
  float: left;
  padding: 0 0 0 5px;
}

#content_left #bookmarks div img {
  border: 1px solid #e1e1e1;
}


/*--- Wetterseite ------------------------------------------------------------*/

/* Ueberschrift */
#content_left h2#city {
  font-size: 2em;
}

/* Auswahlfeld der Staedte */
#content_left #citys_select {
  float: right;
  margin-top: 10px;
}

/* Ausgewaehltes Datum */
#content_left #date_weather {
  font-size: 0.75em;
  font-weight: bold;
}

/* Heutiges Wetter */
#content_left #weather_today {
  font-weight: bold;
  text-align: center;
  margin: 25px auto 45px auto;
  width: 450px;
}

/* Wetterangaben von den Tageszeiten */
#content_left #weather_today .weather_today_item {
  float: left;
  font-size: 0.75em;
  width: 150px;
}

#content_left #weather_today .weather_today_item img {
  margin: 10px 0 10px 0;
}

/* Die aktuelle Temperatur*/
#content_left #temperatur_today {
  clear: both;
  font-size: 1.75em;
  font-weight: bold;
}

/* Die anderen Tabs werden ausgeblendet */
#content_left div.weather_detail .teasercontent #moon_info,
#content_left div.weather_detail .teasercontent #wind_info,
#content_left div.weather_detail .teasercontent #dawn_info{
  display: none;
}

#content_left div.weather_detail .teasercontent .detailinfo {
  height: 100%;
}
/* Das Icon in der Detailseite*/
#content_left div.weather_detail .teasercontent .detailinfo .icon {
  float: left;
  margin: 10px 0 0 10px;
  width: 100px;
}

/* Beschriftung Wetterdetail */
#content_left div.weather_detail .teasercontent .detailinfo .info_left {
  float: left;
  font-size: 0.875em;
  margin: 7px 0 0 5px;
  width: 230px;
}

/* Angeben Wetterdetail*/
#content_left div.weather_detail .teasercontent .detailinfo .info_right {
  float: left;
  font-size: 0.875em;
  font-weight: bold;
  margin: 7px 15px 0 5px;
  width: 65px;
}

/* Styles fuer die Wetteprognose */
#content_left #weather_prognose {
  font-size: 0.75em;
}

#content_left #weather_prognose table {
  border-collapse: collapse;
  margin-top: 5px;
}

#content_left #weather_prognose table th {
  height: 25px;
  vertical-align: top;
}

#content_left #weather_prognose table td,
#content_left #weather_prognose table th {
  border-right: 1px solid #e1e1e1;
  width: 100px;
}

#content_left #weather_prognose table th .last,
#content_left #weather_prognose table td .last {
  border: none;
}

#content_left #weather_prognose table td {
  vertical-align: middle;
}

#content_left #weather_prognose table td.temp {
  font-weight: bold;
  padding-left: 5px;
}

#content_left #prognose_deutschland {
  line-height: 19px;
  margin-top: 25px;
}

#content_left #prognose_deutschland h2 {
  margin-bottom: 16px;
}

#content_left #prognose_deutschland p {
  margin-bottom: 25px;
}



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

div.dossier_overview .image {
  float: left;
  width: 152px;
}

div.dossier_overview .image .caption {
  float: left;
}

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

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


/* Galerie-Detailansicht */
#content_left .galery_block .image img {
  margin: 0 0 0 0;
}

#content_left .image_wrapper_box{ /* ## Neue Version*/
/*#content_left .image_wrapper_box.articlegallery {*/
  float: left;
  width: 100%;
  overflow: hidden;
}

#content_left .image_wrapper_box a.switch_image img {
  border: 3px solid #ffffff;
  margin: 0 5px 4px 0;
  padding: 0;
}

#content_left .image_wrapper_box a.last img {
  margin: 0 0 4px 0 !important;
}

#content_left .image_wrapper_box a.active img {
  border: 3px solid #1b74a7 !important;
}

#content_left .image_wrapper_box .image_holder{  /* ## Neue Version*/
/*#content_left .image_wrapper_box.articlegallery .image_holder */
/*#content_left .image_wrapper_box .image_holder {*/
  height: 78px;
  width: 10000px;
}


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

/* Blaettern der Bildergalerie */
#content_left .galery_imageflip {
  float: left;
  font-size: 0.875em;
  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;
  font-size: 0.875em;
  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 {
  background: url('/i/icon_raquo.gif') center left no-repeat;
  display: block;
  font-size: 0.6875em;
  font-weight: bold;
  padding-left: 15px;
}

#content_left .hit_list a.collapse {
  background: url('/i/icon_arrow_down.gif') center right no-repeat;
  display: block;
  font-size: 0.6875em;
  padding-right: 15px;
  text-align: right;
}

#content_left .hit_list a.collapse.closed {
  background: url('/i/icon_arrow_right.gif') center right no-repeat;
}

/* Der "Tipp" Link */
#content_left .hit_list a.tipp {
  background: url('/i/icon_tip.gif') 0 3px no-repeat;
  padding-left: 35px;
}

#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 {
  background: url('/i/bg_spacer.gif') center left repeat-x;
  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 .article_date {
  font-size: 0.75em;
  font-weight: bold;
  margin: -3px 0 8px 0;
}

#content_left .sub_article_list h2 {
  color: #333333;
  font-size: 1.125em;
  line-height: 1em;
  margin: 0 0 10px 0;
}

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

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

#content_left .sub_article_list .content .video_icon {
  background: url('/i/icon_video.gif') center left no-repeat;
  float: left;
  height: 10px;
  padding: 7px 10px 0 0;
  width: 15px;
}

#content_left .sub_article_list .content .podcast_icon {
  background: url('/i/icon_podcast.gif') center left no-repeat;
  float: left;
  height: 15px;
  padding: 10px 5px 0 0;
  width: 15px;
}


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

#content_left .sub_article_list .break {
  font-size: 0.875em;
  line-height: 1.375em;
  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 {
  background: url('/i/bg_teaser_grey.gif');
  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('/i/icon_raquo.gif') no-repeat;
  font-size: 0.6875em;
  font-weight: bold;
  padding-left: 15px;
}


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

/* Filter fuer die Spielergebnisse im Kopf der Uebersichtsseite */
#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;
  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;
  font-size: 0.875em;
  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('/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;
  font-size: 1em;
  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('/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('/i/icon_arrow_down.gif') no-repeat;
  padding-left: 15px;
}

#content_left .result_block ul li a.collapse.closed {
  background: left center url('/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;
  text-align: left;
}


/* 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('/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('/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('/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;
}


/*--- Alle Styles fuer die Kalenderseite --------------------------------------*/
#content_left #header_calendar {
  float: left;
  margin: 0 0 15px 0;
}

#content_left table.calendar,
#content_left table.calendar_specialrelease {
  float: left;
  font-size: 0.6875em;
  width: 100%;
}

#content_left table.calendar tr th,
#content_left table.calendar_specialrelease tr th {
  text-align: left;
}

#content_left table.calendar tr.grey,
#content_left table.calendar_specialrelease tr.grey {
  background: #efefef;
}

#content_left table.calendar .col1,
#content_left table.calendar_specialrelease .col1,
#content_left table.calendar .col2,
#content_left table.calendar_specialrelease .col2,
#content_left table.calendar .col3,
#content_left table.calendar_specialrelease .col3 {
  padding: 5px 10px 5px 10px;
  vertical-align: top;
}

#content_left table.calendar .col1 {
  width: 50px;
}

#content_left table.calendar_specialrelease .col1 {
  width: 76px;
}

#content_left table.calendar_specialrelease .col2 {
  width: 188px;
}

#content_left table.calendar .col2 .image {
  float: left;
  margin: 2px 10px 0 0;
}

#content_left table.calendar_specialrelease .col2 img {
  float: left;
  padding: 0 10px 10px 0;
}


/*--- Veranstaltungsdetailseite ----------------------------------------------*/
#content_left table.event_detail {
  border-collapse: collapse;
  float: left;
  font-size: 0.75em;
  width: 100%;
}

#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; }

/*--- Helpdesk --------------------------------------------------------------*/
#content_left #search_form_content.helpdesksearch {
  border: none;
}


/*--- Anzeigen --------------------------------------------------------------*/
#content_left h2#anzeigeheader {
  font-size: 1.870em;
  margin-bottom: 15px;
}

h3.paddingleft{
  margin-top:15px;
}

#ad_design_left {
  clear: both;
  color: #000;
  float: left;
  font-size: 0.875em;
  font-style:italic;
  margin: 5px 0 13px 10px;
  width: 152px;
}

#ad_design_left img {
  margin-top: 6px;
}

#ad_design_right {
  color: #000;
  float: left;
  font-size: 0.875em;
  margin-left: 62px;
  margin-top: 5px;
  width: 174px;
}

#ad_design_right img {
  margin-top: 6px;
}

/* Anzeige Rubrik Sonderveoeffentlichungen*/
h3#kicker_anzeige{
  color: #00639d;
  font-size: 0.6875em;
  margin-bottom: 5px;
}

.anzeigen_teaser{
  border-bottom: 1px solid #e1e1e1;
    line-height: 1.1875em;
  padding: 10px 0 10px 0;
}

.anzeigen_teaser h3 {
  color: #00639d;
  font-size: 0.6875em;
}

.anzeigen_teaser h2 {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.25em;
}

.anzeigen_teaser p {
  font-size: 0.875em;
}

/*-----Junioractive Games ------------------------------------------------------*/
#content_games {
   padding: 10px;
}


/*--- Sonderveroeffentlichungen ------------------------------------------------*/
#content_left .advert_special {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 11px;
  margin-bottom: 10px;
}

#content_left .advert_special h2 a {
  font-size: 1em;
}

#content_left .advert_special.last {
  padding-bottom: 11px;
}

.specialreleases_plan_footer {
    background: url('/i/bg_spacer.gif') top left repeat-x;
    font-size: 0.75em;
    padding: 20px 0 0 0;
    margin: 10px 0 0 10px;
}

#content_left .specialreleasesplan_wrapper {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 12px 9px;
  padding: 12px 0 12px 0;
}

#content_left .specialreleasesplan_wrapper_last {
  margin: 0 0 12px 9px;
  padding: 12px 0 12px 0;
}

#content_left .specialreleases_plan {
  font-size: 0.75em;
}

#content_left .specialreleases_plan .col1 {
  width: 125px;
}

#content_left table.specialreleases_plan tr,
#content_left table.specialreleases_plan td
 {
  height: 10px;
}

#content_left table.specialreleases_plan tr,
#content_left table.specialreleases_plan td {
  padding: 0;
}

#content_left .specialreleaseinfo {
  font-size: 1em;
  padding-top: 5px;
}

#content_left .specialreleaseinfo p {
  padding-bottom: 7px;
}

#content_left .specialreleaseinfo span {
  display: inline-block;
  width: 70px;
}


/*--- Formular "Artikel empfehlen" -------------------------------------------*/
#content_left #box_recommend {
  clear: both;
  margin-top: 20px;
}


#content_left #box_recommend #form_recommend label {
  font-size: 0.875em;
  margin: 0 0 5px 10px;
  width: 225px;
}

#content_left #box_recommend #form_recommend input {
  margin: 0 0 5px 0;
}

#content_left #box_recommend #form_recommend input.text {
  width: 225px;
}

#content_left #box_recommend #form_recommend label.message {
  margin-top: 20px;
}

#content_left #box_recommend #form_recommend textarea.text {
  float: left;
  margin: 20px 0 20px 0;
  width: 227px;
}

#content_left #box_recommend #form_recommend .btn_recommend {
  float: right;
  margin: 10px 0 0 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;
}

/* Ueberschrift (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 fuerr die Suche */
#search_form_content form {
  float: left;
  height: 45px;
  background: url('/i/bg_teaserheader_blue.gif') repeat-x 0px 0px;
  margin: 0 0 5px 0;
  width: 468px;
}

/* Das Eingabefeld im Formular */
#search_form_content form #keyword {
  display: block;
  float: left;
  background: url('/i/bg_input_suche.gif') no-repeat 0px 0px;
  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 {
  background: url('/i/bg_teaser_blue.gif') repeat top left;
  float: left;
  padding: 30px 8px 8px 8px;
  margin: 0 0 20px 0;
}

/* Innen */
div.blue_container .teasercontent {
  float: left;
  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 {
  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.85em;
  padding: 15px 0 8px 0;
}

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


#content_right .advancedsearch {
  clear: both;
  padding: 3px 0 20px 0;
  font-size: 0.75em;
}/* Links zu 'Alle Seiten' und 'Mein Merkzettel' */

/*--- 404 Error - Seite -----*/
#outer_wrapper.errorpage,
#header_wrapper.errorpage,
#footer_wrapper.errorpage {
  width: 560px;
}

#header_middle.errorpage  {
  margin-left: 85px;
}

#header_bottom_errorsite {
  background: url('/i/bg_header_errorsite.gif') no-repeat;
  float: left;
  height: 33px;
  width: 560px;
  padding-bottom: 4px;
  border-bottom: 1px solid #949494;
}

/* Content errorsite */
#content_left.errorsite {
  display:inline;
  float:left;
  margin:14px 20px 0 10px;
  padding:0;
  width:560px;
}

#content_left #usfulllinks {
  font-size: 0.8125em;
  font-weight: bold;
}

#content_left h2#error {
  margin-bottom: 0;
  margin-top: 35px;
}

#content_left #usfulllinks ul {
  float: left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px 39px 0px 0;
  width: 260px;
}

#content_left #usfulllinks ul li {
  background:transparent url(/i/icon_raquo.gif) no-repeat scroll left 10px;
  border-bottom:1px solid #E1E1E1;
  padding:7px 0 7px 15px;
  width:245px;
}

#content_left #usfulllinks ul#useful_links_right {
  margin-right: 0;
}

#content_left div.content_spacer.errorsite {
  margin-bottom: 50px;
  width: 560px;
}

#footer_wrapper div.footer_entry.errorpage{
  width: 175px;
}

#footer_wrapper div.footer_entry.errorpage.right ul{
  float: right;
  padding-right: 0;
}
/*--- Footer der Seite -------------------------------------------------------*/

/* --- Der "nach oben" Link ---*/
#backlink {
  font-size: 0.75em;
  margin: 30px 0 0 10px;
  padding: 0 0 5px 0;
}

#backlink a.to_top {
  background: url('/i/icon_to_top.gif') left center no-repeat;
  font-size: 0.875em;
  padding-left: 20px;
}

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

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

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

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




/******************************************************************************/
/*---  Formulare  ------------------------------------------------------------*/
/******************************************************************************/
form {
  font-family: Georgia, times, Times New Roman, Serif;
  font-size: 0.875em;
  float: left;
}

fieldset {  float: left; }

label {
  cursor: pointer;
  display: block;
  float: left;
}

input.checkbox { float: left; }

/* Allgemeine Formatierungen fuer Formulare */
input.checkbox_info {
  display: inline;
  float: left;
}

input.file {
  background:  url('/i/bg_input_h21.gif') no-repeat 0px 0px !important;
  border: 1px solid #C1C1C1;
  display: inline;
  float: left;
  margin: 0;
  padding: 0 0 0 5px;
}

input {font-family: Georgia, times, Times New Roman, Serif;}

input.text {
  background:  url('/i/bg_input_h21.gif') no-repeat 0px 0px !important;
  border: 1px solid #C1C1C1;
  display: inline;
  float: left;
  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.9375em;
  height: 21px;
}

select option { background: #fff; }

textarea {
  background: url('/i/bg_textarea.gif') no-repeat left top !important;
  border: 1px solid #C1C1C1;
  display: block;
  float: left;
  margin: 8px 0 0 0;
  width: 230px;
  position: relative;
}


/* Allgemeine Styles fuer Formulare im Inhaltsbereich */
#content_left form label {
  width: 150px;
  margin: 0 0 10px 0;
}

#content_left form input,
#content_left form select,
#content_left form textarea {
  margin: 0 0 10px 0;
}

#content_left form input.radio {
  float: left;
  margin: 2px 10px 0 0;
}

#content_left form input.checkbox { margin: 2px 0 0 0; }

/* Hinweistext */
#content_left form .hint {
  float: left;
  font-size: 0.75em;
  font-style: normal;
}

/* Die Box mit den Fehlermeldungen */
#content_left .errormsg {
  border: 1px solid #cc0000;
  color: #cc0000;
  line-height: 1.5em;
  margin:  0 0 30px 0;
  padding: 10px;
  width: 448px;
}

/* Die Box mit den Fehlermeldungen */
#content_left .success{
  font-size: 0.875em;
  line-height: 1.5em;
  margin:  0 0 30px 0;
  width: 468px;
}


/*--- Styles fuer die Formulare des Formulargenerators ---*/
#content_left #formgenerator {
  float: left;
  margin-top: 50px;
}

#content_left #formgenerator form {
  color: #333333;
  float: left;
  font-style: italic;
  margin: 0 0 30px 0;
}

#content_left #formgenerator form fieldset {
  margin: 0 0 20px 0;
  padding: 5px;
  width: 468px;
}

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

#content_left #formgenerator form fieldset.submit {
  border-top: 1px solid #c1c1c1;
  width: 454px;
}

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

#content_left #formgenerator form select {
  font-size: 0.875em;
}

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

/* Hinweistext bei dem eMail-Feld */
#content_left #formgenerator form .email_hint {
  font-size: 1em;
  margin: 0 0 10px 160px;
}

#content_left #formgenerator form input.submitbtn {
  float: right;
  height: 20px;
  margin: 0;
  width: 65px;
}

#content_left #formgenerator form h2 {
  font-style: normal;
  margin: 15px 0 15px 0;
}

/* Der Text bei der Radio-Group */
#content_left #formgenerator form .radio_value {
  font-size: 0.75em;
  float: left;
}

/* Die Box mit den Fehlermeldungen */
#content_left #formgenerator .errormsg {
  border: 1px solid #cc0000;
  color: #cc0000;
  float: left;
  font-size: 0.875em;
  line-height: 1.5em;
  margin:  -40px 0 30px 0;
  padding: 10px;
  width: 448px;
}

/* Die Liste mit den Benutzerdaten */
#content_left #formgenerator ul.userdata {
  float: left;
  margin: -30px 0 50px 0px;
}


/*--- Spezielle Styles fuer die Anmeldung zu einer Druckereifuehrung ---------------*/
#content_left .printshop_calendar {
  float: left;
  width: 300px;
}

#content_left .calendar_select {
  float: left;
  margin: 7px 0 0 30px;
  width: 100px;
}

#content_left .calendar_select h3 {
  margin-bottom: 10px;
}

/* Das Formular wird in einem Layer geoffnet! */
#content_left #printshop_registrationform {
  float: left;
  width: 468px;
}

#content_left #printshop_registrationform .errormsg {
  float: left;
  margin-bottom: -20px;
}

#content_left #printshop_registrationform form {
  float: left;
  margin-top: 30px;
  padding: 0 10px 0 10px;
}

#content_left #printshop_registrationform form h3 {
  margin: 0 0 10px 0;
}

#content_left #printshop_registrationform form .text {
  width: 297px;
}

#content_left #printshop_registrationform form #group_zip,
#content_left #printshop_registrationform form #contact_zip,
#content_left #printshop_registrationform form #number {
  width: 50px;
  margin-right: 10px;
}

#content_left #printshop_registrationform form #group_city,
#content_left #printshop_registrationform form #contact_city {
  width: 227px;
}

#content_left #printshop_registrationform form #contact_comment {
  width: 302px;
}

#content_left #printshop_registrationform fieldset.submit {
  border-top: 1px solid #c1c1c1;
  width: 454px;
}

#content_left #printshop_registrationform form .hint {
  margin-top: 8px;
}

#content_left #printshop_registrationform form input.submitbtn {
  float: right;
  height: 20px;
  margin: 8px 5px 0 0;
  width: 65px;
}

/*--- Spezielle Styles fuer das Formular der Leserbilder ---------------------------*/
#content_left #upload_userpic form {
  float: left;
  padding: 0 10px 0 10px;
}

#content_left #upload_userpic form .content_spacer {
  margin: 10px 0 10px 0;
}

#content_left #upload_userpic form select {
  width: 232px;
}

#content_left #upload_userpic form input.text {
  width: 225px;
}

/* Hinweistext bei dem eMail-Feld */
#content_left #upload_userpic form .email_hint {
  float: left;
  font-size: 1em;
  margin: 0 0 10px 150px;
}

#content_left #upload_userpic form input.submit {
  float: right;
}

#content_left #upload_userpic form .filename {
  float: right;
  margin: 0 0 10px 0;
  width: 300px;
}

/* Spezielle Styles fuer das Formular zum Upload von Lesertipps */
#content_left #tipps .errormsg {
  border: 1px solid #cc0000;
  color: #cc0000;
  float: left;
  font-size: 0.875em;
  line-height: 1.5em;
  margin:  0 0 30px 0;
  padding: 10px;
  width: 448px;
}

#content_left #tipps form {
  float: left;
  padding: 0 10px 0 10px;
}

#content_left #tipps form label {
  float: left;

  width: 200px;
}

#content_left #tipps form input.text {
  width: 240px;
}

#content_left #tipps form textarea {
  width: 245px;
}

#content_left #tipps form select {
  width: 247px;
}

#content_left #tipps form #zip {
  width: 50px;
  margin-right: 10px;
}

#content_left #tipps form #city_name {
  width: 173px;
}

#content_left #tipps form #day {
  float: left;
  width: 80px;
  margin-right: 10px;
}

#content_left #tipps form #time {
  width: 143px;
}

#content_left #tipps form .content_spacer {
  margin: 10px 0 10px 0;
}

#content_left #tipps form input.submit {
  float: right;
}

/* WM-Sepzial 2010 */

#wm_header {
  background: url('/i/gea_wm_special_header.jpg') no-repeat;
  border-bottom: 1px dotted black;
  height: 56px;
  margin-left: 10px;
  margin-top: 0px;
  padding-bottom: 1px;
  padding-top: 0px;
  width: 800px;
}

.wm_special_border {
  border-bottom: 1px solid #EBE9EE;
  height: 0px;
  margin-bottom: 1px;
  margin-left: 10px;
  padding-top: 3px;
  width: 800px;
}

#wm_nav {
    font-size: 0.75em;
    margin-left: 10px;
    width: 800px;
}

#wm_nav li {
  float: left;
  height: 20px;
  line-height: 18px;
  margin-bottom: 0px;
  margin-top: 1px;
  margin-top: 2px;
  padding: 0 0px 0 0px;
}

#wm_nav .first {
  padding: 0 0 0 0;
}

#wm_nav .last {
  border-right: none;
  padding-left: 1px;
  padding-right: 1px;
}

#wm_nav li#active {
  background-color: #0076BC;
  border-left: 1 px solid #0076BC;
  border-right: 2px solid #0076BC;
  color: white;
  height: 20px;
  line-height: 18px;
  margin-right: 2px;
  padding-left: 3px;
  padding-right: 1px;
}

#wm_nav li#active a{
  color: white;
}

#wm_subnav {
  background-color: #0076BC;
  font-size: 0.7500em;
  height: 28px;
  margin: 0 0 1px 10px;
  width: 800px;
}

#wm_subnav li {
  height: 20px;
  line-height: 18px;
}



#wm_subnav a:link {
  color: white;
}



#wm_subnav a:visited {
  color: white;
}

#wm_subnav_border {
  border-bottom: 1px solid #0076BC;
  margin-bottom: 23px;
  margin-left: 10px;
  width: 800px;
}


#wm_subnav li {
  color: white;
  float: left;
  padding-left: 0px;
  padding-top: 7px;
  padding-right: 0px
}

#wm_subnav #first_wm_subnav_ul {
  padding-left: 5px;
}

#wm_subnav li li {
  background: url('/i/wm_border.gif')repeat-y;
  clear: both;
  margin-bottom: -3px;
  margin-left: -10px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
}

#wm_nav img
{
margin: 0px;
padding: 0px;
padding-left: 0px;
padding-right: 4px;
}

#wm_subnav img
{
margin: 0px;
padding: 0px;
padding-left: 7px;
padding-right: 7px;
}

html.* #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8
{
  background:#0076BC;
  clear: both;
  display:block;
  display: none;
  font-size: 12px;
  margin: 0px;
  margin-top: 0px;
  margin-top:3px;
  padding-bottom: 3px;
  padding-right: 5px;
  position: absolute;
  z-index: 10;
}

#smenu1
{
  clear: both;
  background:url('/i/wm_subnav_bg.gif')bottom right;
  display: none;
  font-size: 12px;
  margin-left: -4px;
  margin-right:0px;
  margin-top: 2px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  position: absolute;
  z-index: 10;
}

.subnav_special_graph {
  position: absolute;
  top: -1px;
  left: 106px;
}

.subnav_special_graph2 {
  position: absolute;
  top: -1px;
  left: -8px;
}

#wm_subnav #wm_first_subnav {
  width: 100%;
  padding-top: 7px;
  padding-left: 10px;
}

#wm_subnav .li_last {
  padding-bottom: 10px;
}

#smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 {
  clear: both;
  background:url('/i/wm_subnav_bg.gif')bottom right;
  display: none;
  font-size: 12px;
  margin-left: 12px;
  margin-right:1px;
  margin-top: 2px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  position: absolute;
  z-index: 10;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a {
  clear: both;
  border-top: 0px;
  cursor: pointer;
  font-weight: normal;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-top: 0px;
}

.mainnavi_shadow {
  background: url('/i/bg_menue_shadow.gif') repeat-x left bottom;
  height: 7px;
  margin: 0 10px 10px 10px;
  width: 800px;
}

.rss_img_left{
  float: left;
}