a:link, a:visited, a:hover.h2, a:active.h2 { border-bottom: 0px; }

/* 27.04.2005 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  ++ © hanke multimediahaus AG, Bremen
  ++ <http://www.hmmh.de>
  ++ Projekt: Relaunch Financial Times Deutschland  
  ++ CVS: $Id: basis.css,v 1.10 2004/11/12 09:54:16 eckhard.rotte Exp $
  ++  eckhard.rotte@hmmh.de
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
*/

/* # # # #  Globale Eigenschaften # # # # */

/* Global Whitespace Reset */
* { margin: 0; padding: 0; }

html, body{
  background-color: #ffe7ce;
  height: 100%;
  font-size:100.01%;
}

/*fuer Explorer auf Mac*/
body{
  font: normal 12pt/130% arial, helvetica, sans-serif;
  color: #000;
  letter-spacing: 0px;
}

/*Ab hier fuer alle Browser
   Dies ist ein Kommentar mit einem gesicherten End-Marker.
   Der folgende Eintrag wird vom IE auf Mac nicht gelesen
   weil er annimmt das er zum Kommentar gehört.\*/

body{
  font: normal 0.76em/1.33em arial, helvetica, sans-serif;
  color: #000;
   letter-spacing: 0px;
}

/*Ein weiterer Kommentar, diesmal mit einem normale End-Marker.
   Der Explorer nimmt jetzt an, dass hier das Ende des vorherigen Kommentars ist.*/

 /*Ab hier wieder einheitlich*/

 
/* Elementfluß (float) unterbrechen; 
   erforderlich, um umschließende  Blöcke auf volle Höhe des Inhalt
   zu rendern.   
*/
.clearall{
  height: 0;
  line-height:0;
  border: none;
  clear: both; 
  _margin:-1px;
}

/* Rahmen für Grafiklinks unterdrücken */
a img { border: none; }
 
/* Elemente verbergen */ 
.hidden{ display:none; }

/* default-Linkfarbe */ 
a, a:visited { color: #1E3B6B; text-decoration: none; }
a:hover{ text-decoration: underline; }

/* Rahmen unterdrücken / überschreiben */
.noborder{ border: none!important; }

/* # # # #  Seitenkopf  # # # # */
#seitenkopf{
   position:relative;
   background: #ffe7ce;
   width: 806px; }
/*                                       ^^^^800px + 6px Verlauf rechts   */
/* kleines Suchformular oben links  */
#direktsuche{ 
  width: 150px; /* alle ausser die folgenden */
  _width: 150px; /* WinIE <= 5.5 */
  _wid\th: 142px; /* WinIE 6 */
  margin: 0 0 2px 0;
  padding: 0 0 0 8px;
  float: left; 
}
#direktsuche.home{
  margin: 9px 0 2px 0;
}

/* Achtung, die Ausrichtung mittels Align-Attributen ist sehr Tricky und wird sehr unterschiedlich von den BRowsern interpretiert. Ansonsten hilft nur noch ein Tabelle.  */

#direktsuche label{ font-weight: bold; cursor:hand; }

#direktsuche input[type="radio"] { margin-right: 3px; vertical-align: middle;  }

#searchfor{
  width: 135px;
  margin:0 0 1px 0!important;
  text-indent: 0;
  font-size: 0.76em;
  display: block;
}

#s_news, #s_kurs{ _height:1.25em;  }

.submit-klein{
  border: 0;
  cursor: hand;
  vertical-align: middle;
}

/* Header auf der Homepage: Logo und seitliche Teaser */
#header-home{
  margin: 0 0 0 155px;
  height: 70px;
  position: relative;
}

#header-home a{ font-weight: bold; text-decoration: none; }

#header-home a:hover{ text-decoration: underline; }

#logo-home { position: absolute; left: 170px; bottom: 5px; padding: 20px 0 0;_padding: 20px 0 5px; }

#topteaser-l{
	width: 168px;
	_width: 170px;
	/width: 169px;
	float: left;
	text-align: right;
	padding-top: 1px;
}

#topteaser-r{ width: 174px; _width: 172px;/width: 171px; float: right; padding-top: 1px; }

#topteaser-r img{ float: left; vertical-align: top; }

#topteaser-l img{ float: right; }

/* Header-Bereich Folgeseiten */
#header{ 
  padding-top: 19px; /* wichtig für die vertikale Ausrichtung */
  margin-left: 160px;
}

#rubrikhead{
  float:right;
  margin-top:11px; /* Ausrichtung relativ zum Logo */
}  

/* Rubriken-Navigation Karteireiter */
#reiter{ text-align: right; margin:4px 5px 0 0; clear: both }

ul#rubriknav{ list-style: none; }

ul#rubriknav li{ 
	display: inline;
	white-space:nowrap; 
}

ul#rubriknav li a{
  color: #111;
  padding: 3px 5px 3px 4px;
  height: 1.5em;
  line-height: 1.5em;
  vertical-align: top;
  text-decoration: none;
}

ul#rubriknav li a:hover,
ul#rubriknav li.aktiv a{ background: #fff; }


/* dunkelrote Leiste unterhalb des Seitenkopfes */
#statusbar{
  font: bold 0.9em/130% helvetica, arial, sans-serif;
  margin-left: 159px;
  margin-top: -4px;
  _width: 647px; /* IE <= 5.5 */
  widt\h: auto; /* alle anderen */
  padding: 1px 7px 0 7px;
  background: #940214 url(../_px/verlauf-rechts.gif) repeat-y top right;
  color: #fff;
  clear: left;
}

#willkommen{ width: 60%; }
#willkommen A{	color:white;}

#datum{ text-align: right; width: 30%; float: right; }

/* # # # # # Spaltenaufbau unterhalb des Headers # # # # #  */
/* colWrapper limitiert die Breite des Satzspiegel und hält das ganze Gebilde zusammen */


/*fuer Explorer auf Mac*/
#colWrapper{
  position: relative;
  width: 819px;
  background: #fff url(../_px/body-bg.gif);
}

/*Ab hier fuer alleBrowser
   Dies ist ein Kommentar mit einem gesicherten End-Marker.
   Der folgende Eintrag wird vom IE auf Mac nicht gelesen
   weil er annimmt das er zum Kommentar gehört.\*/

#colWrapper{
  position: relative;
  width: 806px;
  background: #fff url(../_px/body-bg.gif);
}

/*Ein weiterer Kommentar, diesmal mit einem normale End-Marker.
   Der Explorer nimmt jetzt an, dass hier das Ende des vorherigen Kommentars ist.*/

 /*Ab hier wieder einheitlich*/


/* der Hauptcontent (weißer Hintergrund) bekommt ebenfalls einen
solchen Wrapper, um die Anordnung und Reihenfolge der Codeblöcke kontrollieren
zu können.*/

#contentWrapper{
  float: right;
  margin: 0; /* ACHTUNG: Position des Contentbereichs Ÿber die Breite dieses Containers justieren, Content fließt nach rechts! */
  width: 646px;
/* Breite begrenzen, Container wird NICHT breiter gerendert wenn z.B. Wortlänge > Containerbreite 
   Wird  mittels Backslash-Hack vorm   IE<=5.5 verborgen, da sonst das Halfpage-Ad nicht auf volle Breite gerendert wird.*/ 
}

/* Linke Spalte mit der Navigation. Achtung, im Code kommt dieser Bereich zum SChlu§ */
#leftCol{
  background: #fbe1ca url(../_px/body-bg.gif);
  width: 159px;
  float: left;
}

/* Contentblock mit Hauptbereich und rechter Spalte, Punktlinie als Hintergrundgrafik */
/* Dieser Block wird auf der Homepage mehrfach, auf der Artikelseite 1x eingegfŸgt */

.contentBlock{
  margin: 12px 0 0 15px;
  width: 620px;
  background: transparent url(../_px/punktlinie.gif) repeat-y 392px 0;
}


/* Hauptcontent, mittlere Spalte  */
.artikelblock{
  width: 385px; 
  float: left; /* weitere Eigenschaften in content.css */
  margin-bottom: -5px;
}

/* rechte Spalte */
.rightCol{
  width: 210px; 
  margin: 0 0 0 400px;
}

.rubriktrlifest{
  display: block;
  margin: 0 auto 0 auto; /* IE6 und andere */
  margin-top: 25px; _margin-top: 0px; /margin-top: 0px; 
  _margin-left:15px; /* IE <= 5.5 */
  width: 610px;
  clear: both;
}

/* Rubrikentrenner auf der Hompage (grauer Balken) */
.rubriktrenner{
  margin: 10px auto 0 auto; /* IE6 und andere */
  _margin-left:15px; /* IE <= 5.5 */
  width: 610px;
  background: #848C9C;
  text-align: center;
  color: #fff;
  font: normal small-caps bold 0.9em/1.3em helvetica, arial, sans-serif;
  letter-spacing: 0.5ex;
  text-shadow: 1px 1px 2px #010101;
  clear: both;
}

.rubriktrenner A {color:white!important;}

.trackback{
  margin: 10px auto 0 auto; /* IE6 und andere */
  _margin-left:15px; /* IE <= 5.5 */
  background: #848C9C;
  text-align: center;
  color: #fff;
  font: normal small-caps bold 0.9em/1.3em helvetica, arial, sans-serif;
  letter-spacing: 0.5ex;
  text-shadow: 1px 1px 2px #010101;
  clear: both;
}

#topBanner{ padding: 0 0 0 170px; background: #FFE7CE; border-bottom: 1px solid #FFE7CE }

/* Dieser Innenabstand kollabiert wenn das Script nicht ausgeführt wird*/
#topBanner * { margin: 4px 0}

/* Aufgepasst: margins werden vererbt, also bie verschachteleten Elementen genauer selektieren,
  z. B. 
  #topBanner #elementId{ }
  oder für verschachtelte Elemente zurücksetzen:
  #topBanner table { margin: 4px 0; } #topBanner table * { margin: auto; }*/


#halfpageAdWrap{
  position: relative;
  width: 200px;
  height: 600px;
  background: #ddd;

}

#halfpageAd{
  position: absolute;
  width: 336px;
  height: 600px;
  background: #ddd;
  color: #fff;

}

/*  Promo-Ad in der linken Spalte */
.promo-left{
  background: none!important;
  margin: 0 0 0 7px;
  padding: 12px 0;
  width: 137px;
}