/**
 * CSS-Klasse zum Unsichtbarmachen von <div>-Elementen.
 * Benutzung zum Verstecken eines <div>-Elements:
 *    <div class="home_fil home_hfil"> 
 */
div.div_hidden {
	display: none;
	visibility: hidden;
}
/*
#suche{
  margin-bottom: 3px;
  height:50px;
}

.suche_button{
  margin-left: 0px;
}
*/
/*
.login{
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
}

#login{
  height: 60px;
}
*/

.content_col p {
	line-height:14px;
	margin-bottom:6px;
}

div.startseite_left{
	margin-top: 24px;
	width:191px;
	float:left;
	overflow:hidden;
}

div.startseite_login p{
  margin: 14px 5px 0px 0px;
}

div#startseite_layout_content{
  width: 804px;
  margin: 0px;
  position:absolute;
  left: 191px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color:#9dcde4;
  overflow:hidden;
}

div#startseite_signet{
}

#printVersion{
  margin-left: 32px;
}

#bottom{
  color:#002168;
  margin-left: 18px;
  margin-right:16px;
}

div.startseite_content{
	float:left;
	margin-left:0px;
	padding:0px;
	width:804px;
	overflow:hidden;
	line-height:14px;
	background-color:#d8ecf5;
}

/* CSS-Klassen fuer die Abstandshalter zwischen den Boxen.*/
div.home_BoxenSeparator_Horizontal {
	float:left;
	width:8px;       /* horizontale Ausdehnung eines Abstandshalters */
	height:8px;      /* vertikale Ausdehnung eines Abstandshalters */
	overflow:hidden; /* Begrenzung auf die exakte Pixelangabe, Zeichenhoehe des Fonts wird ignoriert */
	/* background-color:darkblue; debugging-Schalter zur optischen Darstellung des Abstandshalters */
}

div.home_BoxenSeparator_Vertikal {
	clear:both;
	width:8px;       /* horizontale Ausdehnung eines Abstandshalters */
	height:8px;      /* vertikaler Ausdehnung eines Abstandshalters */
	overflow:hidden; /* Begrenzung auf die exakte Pixelangabe, Zeichenhoehe des Fonts wird ignoriert */
	/* background-color:darkblue; debugging-Schalter zur optischen Darstellung des Abstandshalters */
}

/**
 * CSS-Klasse fuer Container von Boxen. 
 * Der Container wird in einer neuen Zeile dargestellt.
 * Es findet eine horizontale Begrenzung der Boxen auf eine maximale Breite statt.
 *
 * Optional: Geben Sie dem <div>-Element des Containers eine Hoehenangabe (height) und auch diese wird 
 * - wie schon die Breite - begrenzt.
 */
div.home_Boxenzeile {
	clear:both; /* in jedem Fall neue Zeile eroeffnen */
	width:785px; /* Breite des Containers auf einen maximalen Wert begrenzen */
	overflow:hidden; /* Layout des Containers kann seitlich nicht gesprengt werden. */
	/* background-color:lightblue;*/ /* debugging-Schalter zur optischen Darstellung des Begrenzers  */
	padding-top:12px;
}

/**
 * CSS-Klassen fuer die Boxen der Startseite
 * Die Boxen werden innerhalb des Containers (home_Boxenzeile) eingebunden und sind alle nebeneinander angeordnet (float:left).
 * Vor der ersten Box sowie zwischen zwei Boxen wird ein horizontaler Abstand eingezogen (home_hfil).
 * Es gibt Boxen fuer zweispaltiges Layout (home_width_box2) sowie fuer dreispaltiges Layout (home_Box_Kunden_width).
 * Die Boxen haben eine feste Ausdehnung (Breite, Hoehe). Die Breite errechnet sich aus der Breite der home_Boxenzeile oben
 * minus die Anzahl der Boxen plus 1 multipliziert mal der Ausdehnung der Fuellelemente, geteilt durch die Anzahl der Boxen.
 *
 * Beispiel:
 *    zweispaltig: 820px = 10px + 395px + 10px + 395px + 10px
 *    dreispaltig: 820px = 10px + 260px + 10px + 260px + 10px + 260px + 10px
 *
 * Die Boxen mit diesen Ausdehnungen nennen wir _shadowed, weil sie die Rahmen der Schatten mit umfassen.
 * Die Schatten sind rechts und unten angeordnet und haben die Ausdehnung 2px.
 * Innerhalb dieser Boxen befinden sich die eigentlichen Boxen, die in der Ausdehnung exakt 2px kleiner ausfallen
 * sowie separate <div>-Elemente fuer die Schatten. Die inneren Boxen heissen genauso wie die aeusseren, tragen
 * aber nicht die Endung _shadowed. Beispiel: home_width_box2_shadowed und home_width_box2.
 *
 * Benutzung: 
 *      <div class="home_fil home_hfil"></div>
 *      <div class="home_box home_Box_Kunden_width_shadowed">
 *          <div class="home_box home_Box_Kunden_width">
 *              ...
 *          </div>
 *      </div>
 */

div.home_Box {
	float:left;
}

div.home_Box_Teaser {
	float:left;
}

/**
 * CSS-Klassen fuer den Kopf der Boxen.
 * Die Breite des Kopfes ist identisch mit der Breite der Box. Sie wird von home_box vererbt.
 * Die Hoehe des Kopfes ist fest und begrenzt, damit nicht ein einzelnes Kopfelement das Layout sprengen kann.
 * 
 * Benutzung:
 *    <div class="home_width_box2 home_Reiterleiste">
 *    <div class="home_Box_Kunden_width home_Reiterleiste">
 */
div.home_Reiterleiste_NewsInfo {
	clear:both;
	height:33px;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
}

div.home_Reiterleiste_Weltweit {
	clear:both;
	height:33px;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
}

div.home_Reiterleiste_Kunden {
	clear:both;
	height:48px;
	width:250px;  /* zweispaltige Boxen haben eine feste Breite (die Haelfte der home_Boxenzeile oben) */
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
}

div.home_Reiterleiste_TeaserWeiss,
div.home_Reiterleiste_TeaserOrange {
	clear:both;
	height:25px;
	width:250px;  /* zweispaltige Boxen haben eine feste Breite (die Haelfte der home_Boxenzeile oben) */
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
}

/* Farbe der texte in den Boxen */
div.home_Boxeninhalt,
div.home_Boxeninhalt td {
		color: #002166;
}

div.home_Boxeninhalt a:link {
	font-weight:bold;
	background-image:url(../../_Layout/arrows/darkblue.gif);
	color: #002065;
}
div.home_Boxeninhalt a:visited {
	font-weight:bold;
	background-image:url(../../_Layout/arrows/darkblue.gif);
	color: #002065;
}
div.home_Boxeninhalt a:hover,
div.home_Boxeninhalt a:active {
	font-weight:bold;
	background-image:url(../../_Layout/arrows/orange.gif);
	color:#fa7f04;
}


div.home_Reiter_Text {
	margin-left:12px;
	margin-top:6px;
	margin-right:11px;
}

div.home_Boxenfooter_NewsInfo_Text {
	margin-left:12px;
	margin-top:6px;
}

div.home_Boxenfooter_Weltweit_Text {
	margin-left:12px;
	margin-top:6px;
}

div.home_Boxenfooter_Kunden_Text {
	margin-left:10px;
	margin-top:2px;
}

div.home_Reiter {
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left:0px; /* FIXME: wer braucht das */
	padding-right:0px; /* FIXME: wer braucht das */
	font-weight:bold;
	overflow:hidden;
}

div.home_Reiter_NewsInfo {
	background-color:white;
	color:#002065;
	margin-top:8px;
	height:33px;
}

div.home_Reiter_Weltweit {
	background-color:#002065;
	color:white;
	margin-top:8px;
	height:33px;
}

div.home_Reiter_Kunden {
	background-color:#0782bc;
	color:white;
	margin-top:8px;
	height:48px;
}

div.home_Reiter_TeaserOrange {
	background-color:#fa7f04;
	color:#002065;
	margin-top:0px;
	height:25px;
}

div.home_Reiter_TeaserWeiss {
	background-color:white;
	color:#002065;
	margin-top:0px;
	height:25px;
}

div.home_Reiter_Impulsgeber_blau {
	background-image:url(../../_Layout/corners/homepage/box_blue.gif);
}

div.home_Reiter_Impulsgeber_weiss {
	background-image:url(../../_Layout/corners/homepage/box_white.gif);
}

div.home_Reiter_Impulsgeber_orange {
	background-image:url(../../_Layout/corners/homepage/box_orange.gif);
}

div.home_Reiter_Impulsgeber_dunkelblau {
	background-image:url(../../_Layout/corners/homepage/box_darkblue.gif);
}

div.home_Reiter_NewsInfo_Trennstrich {
	margin-top:8px;
	height:33px;
	overflow:hidden;
	border-left: 1px solid black;
	border-right: 2px solid #cccccc;
}

div.home_Reiter_NewsInfo_Trennstrich_aktiv_links {
	/*margin-top:0px;*/
	border-left: 2px solid #cccccc;
	border-right: 1px solid black;
}

div.home_Reiter_NewsInfo_Trennstrich_aktiv_rechts {
	/*margin-top:0px;*/
}

div.home_Reiter_Weltweit_Trennstrich {
	margin-top:8px;
	height:33px;
	overflow:hidden;
	border-left: 1px solid white;
	border-right: 2px solid #334d84;
}

div.home_Reiter_Weltweit_Trennstrich_aktiv_links {
	/*margin-top:0px;*/
	border-left: 2px solid #334d84;
	border-right: 1px solid white;
}

div.home_Reiter_Weltweit_Trennstrich_aktiv_rechts {
	/*margin-top:0px;*/
}

div.home_Reiter_Kunden_Trennstrich {
	margin-top:8px;
	height:48px;
	overflow:hidden;
	border-left: 1px solid black;
	border-right: 2px solid #066896;
}

div.home_Reiter_Kunden_Trennstrich_aktiv_links {
	/*margin-top:0px;*/
	border-left: 2px solid #066896;
	border-right: 1px solid black;
}

div.home_Reiter_Kunden_Trennstrich_aktiv_rechts {
	/*margin-top:0px;*/
}

div.home_SchattenRechts_1 {
	background-color:#6c767b;
	float:left;
	margin-top:10px;
	width:1px;
}
div.home_SchattenRechts_2 {
	background-color:#b8c9d0;
	float:left;
	margin-top:10px;
	width:1px;
}
div.home_SchattenRechts_NewsInfo_1 {
	height:248px;
}
div.home_SchattenRechts_NewsInfo_2 {
	height:248px;
}
div.home_SchattenRechts_NewsInfo_1_aktiv,
div.home_SchattenRechts_NewsInfo_2_aktiv {
	margin-top:2px;
	height:256px;
}

div.home_SchattenRechts_Weltweit_1 {
	height:248px;
}
div.home_SchattenRechts_Weltweit_2 {
	height:248px;
}
div.home_SchattenRechts_Weltweit_1_aktiv,
div.home_SchattenRechts_Weltweit_2_aktiv {
	margin-top:2px;
	height:256px;
}

div.home_SchattenMitte_1 {
	background-color:#c5c5c5;
	clear:both;
	margin-left:2px;
	height:1px;
	overflow:hidden;
	font-size:0px;   /* IE 5.5 */
	line-height:0px; /* IE 5.5 */
}
div.home_SchattenMitte_2 {
	background-color:#ececec;
	clear:both;
	margin-left:2px;
	height:1px;
	overflow:hidden;
	font-size:0px;   /* IE 5.5 */
	line-height:0px; /* IE 5.5 */
}

div.home_SchattenMitte_NewsInfo_1 {
	width:378px;
}
div.home_SchattenMitte_NewsInfo_2 {
	width:378px;
}

div.home_SchattenMitte_Weltweit_1 {
	width:378px;
}
div.home_SchattenMitte_Weltweit_2 {
	width:378px;
}

div.home_SchattenUnten_1 {
	background-color:#6c767b;
	clear:both;
	margin-left:2px;
	height:1px;
	overflow:hidden;
	font-size:0px;   /* IE 5.5 */
	line-height:0px; /* IE 5.5 */
}
div.home_SchattenUnten_2 {
	background-color:#b8c9d0;
	clear:both;
	margin-left:2px;
	height:1px;
	overflow:hidden;
	font-size:0px;   /* IE 5.5 */
	line-height:0px; /* IE 5.5 */
}

div.home_SchattenUnten_NewsInfo_1 {
	width:378px;
}
div.home_SchattenUnten_NewsInfo_2 {
	width:378px;
}

div.home_SchattenUnten_Weltweit_1 {
	width:378px;
}
div.home_SchattenUnten_Weltweit_2 {
	width:378px;
}


div.home_SchattenRechts_Kunden_1 {
	height:233px;
}
div.home_SchattenRechts_Kunden_2 {
	height:233px;
}
div.home_SchattenRechts_Kunden_1_aktiv,
div.home_SchattenRechts_Kunden_2_aktiv {
	margin-top:2px;
	height:241px;
}
div.home_SchattenMitte_Kunden_1 {
	width:248px;
}
div.home_SchattenMitte_Kunden_2 {
	width:248px;
}
div.home_SchattenUnten_Kunden_1 {
	width:248px;
}
div.home_SchattenUnten_Kunden_2 {
	width:248px;
}

div.home_SchattenRechts_TeaserWeiss_1,
div.home_SchattenRechts_TeaserOrange_1 {
	margin-top:2px;
	height:115px;
}
div.home_SchattenRechts_TeaserWeiss_2,
div.home_SchattenRechts_TeaserOrange_2 {
	margin-top:2px;
	height:115px;
}
div.home_SchattenMitte_TeaserWeiss_1,
div.home_SchattenMitte_TeaserOrange_1 {
	width:248px;
}
div.home_SchattenMitte_TeaserWeiss_2,
div.home_SchattenMitte_TeaserOrange_2 {
	width:248px;
}
div.home_SchattenUnten_TeaserWeiss_1,
div.home_SchattenUnten_TeaserOrange_1 {
	width:248px;
}
div.home_SchattenUnten_TeaserWeiss_2,
div.home_SchattenUnten_TeaserOrange_2 {
	width:248px;
}

div.home_Reiter_Impulsgeber_blau {
	background-image:url(../../_Layout/corners/homepage/box_blue.gif);
}


div.home_Boxeninhalt_NewsInfo {
	clear:both;
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	overflow:auto;
	height:190px;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
}

div.home_Boxeninhalt_Weltweit {
	clear:both;
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	overflow:auto;
	height:190px;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
}

div.home_Boxeninhalt_NewsInfo_ohneFooter,
div.home_Boxeninhalt_Weltweit_ohneFooter {
	height:222px;
}

div.home_Boxeninhalt_Kunden {
	clear:both;
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	height:170px;
	width:250px;
	overflow:auto;
}

div.home_Boxeninhalt_Kunden_ohneFooter {
	height:192px;
}

div.home_Boxeninhalt_TeaserWeiss,
div.home_Boxeninhalt_TeaserOrange {
	clear:both;
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	height:89px;
	width:250px;
	overflow:auto;
}


div.home_Boxenfooter_NewsInfo {
	clear:both;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
	height:30px;
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	float:left;             /* Footer-Bereich und ihre Schatten nebeneinander angeordnet */
	font-weight:bold;
}

div.home_Boxenfooter_Weltweit {
	clear:both;
	width:380px;  /* zweispaltige Boxen haben eine feste Breite (ein Drittel der home_Boxenzeile oben) */
	height:30px;
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	float:left;             /* Footer-Bereich und ihre Schatten nebeneinander angeordnet */
	font-weight:bold;
}



div.home_Boxenfooter_Kunden {
	clear:both;
	width:250px;  /* zweispaltige Boxen haben eine feste Breite (die Haelfte der home_Boxenzeile oben) */
	height:20px;
	overflow:hidden;        /* Alle Boxen sind in der Groesze begrenzt, damit das Layout nicht durch eine einzelne Box gesprengt wird */
	background-color:white; /* Alle Boxen haben einen weiszen Hintergrund. */
	float:left;             /* Footer-Bereich und ihre Schatten nebeneinander angeordnet */
	font-weight:bold;
}

div.home_Reiter_hover {
	color:#fb7d02;
	cursor:pointer;
}

div.home_Reiter_aktiv {
	background-image:url(../../_Layout/corners/homepage/box_orange.gif);
	margin-top:0px;
}

/** Styles f�r Marktinformationen**/

table.charts{
  width: 350px;
  margin: 10px 14px;
  border-bottom: 1px solid #B7DBEB;
 
}

.charts th{
  border: 0px;
  border-style: none;
  border-bottom: 2px solid #031E65;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color:#002065;
}

.charts td{
  border-bottom: 1px solid #031E65;
  }


td.chart_arrows{

}

td.chart_arrows img{
  margin: 0px 50px 0px 5px;
  padding: 0px;
  border-style: none;
}

table.charts * img{
  margin: 0px;
  margin-bottom: -3px;
}

table.charts th.firstCol{
  width: 100px;
  padding-left: 8px;
  margin: 0px;
}

table.charts th.secondCol{
  text-align: right;
  width: 74px;
  padding: 0px;
  margin: 0px;
}

table.charts th.thirdCol{
  text-align: right;
  width: 62px;
  padding: 0px;
  margin: 0px;
}


table.charts th.fourthCol{
  text-align: right;
  width: 124px;
  padding: 0px;
  margin: 0px;
}

/* Scrollbalken definieren auf der Startseite */

html, body, textarea { 
  scrollbar-base-color:#f0f0f0; 
  scrollbar-3d-light-color:#FFFFFF; 
  scrollbar-arrow-color:#000000; 
  scrollbar-darkshadow-color:#0782bc; 
  scrollbar-face-color:#f7fbff; 
  scrollbar-highlight-color:#ffffff; 
  scrollbar-shadow-color:#002065; 
  scrollbar-track-color:#f7fbff; 
}