/** -------------------------- Allgemeines -------------------------- **/

body {
  background-color: white;
  background-image: url(../img/bg.gif);
  background-repeat: repeat-y;
  color: black; 
}


* {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
}

hr {
  color: #CCCCCC;
  height: 0px;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
}

img {
  border: 0px;
}

td, input, select, button {
  font-size: 11px;
}

p {
  margin-bottom: 12px;
  font-size: 11px;
}

blockquote {
  margin-left: 30px;
  margin-top: 12px;
}

div.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
}

a { color: blue; }
a:hover { color: blue; }
a:visited { color: blue; } /*#6E00A5;*/ 
a:active { color: blue; }

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

div#logo {
  width: 180px;
  height: 80px;
  margin: 0px 0px 0px 20px; 
  padding: 0px;
}

div#global {
  background-color: #FFCC00;
  position: absolute;
  top: 0px;
  left: 220px;
  width: 530px;
  height: 23px;
  border-bottom-color: #999999;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 11px;
}

div#newsticker {
  position: absolute;
  top: 63px;
  left: 220px;
  width: 530px;
  height: 17px;
  font-size: 11px;
}

div#topnav {
  background-color: #777777;
  border: 1px solid #555555;
  width: 930px;
  height: 22px;
  margin: 0px 0px 0px 10px; /** graue Leiste um 10 px eingerueckt **/
  padding: 0px 0px 0px 0px;
  color: #FFFFFF;
  font-size: 11px;
}

div#breadcrumbs {
  margin: 13px 0px 0px 30px; /** 13 px Abstand oben zur grauen Leiste und um 30 px eingerueckt **/
  width: 900px;
  font-size: 10px;
}

div#frame {
  width: 1000px;
  margin: 16px 0px 0px 0px; /** 16 px Abstand oben zu den Breadcrumbs **/
}

/* Wird überschrieben bei einem Aufruf mit Firefox: s. styles_no_msie.css */
div#nav {
  margin: 0px 0px 0px 5px; /** 5 px eingerueckt **/
  width: 190px;
  float: left;
  font-size: 11px;
}

div#main {
  margin: 0px 0px 0px 19px; /** 19 px Abstand zur Navigation **/
  width: 530px;
  float: left;
  font-size: 11px;
}

/** -------------------------- Top-Navigation Menues -------------------------- **/

div#topnav div.topX {
  padding: 0px 3px 0px 10px; /** Ein Rahmen wuerde damit 3px Abstand zur Schrift rechts haben und 10 px links um damit die Pfeile mit einzuschliessen  **/
  margin: 3px 5px 0px 2px; /** 3px Abstand oben innerhalb der grauen Leiste, 5px Abstand rechts und 2px Abstand links - macht zusammen 7px zwischen den Punkten **/
  float: left;
  position: relative;
  background-image: url(../img/arrowTop_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;


}
div#topnav div.top {
  padding: 0px 3px 0px 10px; /** Ein Rahmen wuerde damit 3px Abstand zur Schrift rechts haben und 10 px links um damit die Pfeile mit einzuschliessen  **/
  margin: 3px 5px 0px 2px; /** 3px Abstand oben innerhalb der grauen Leiste, 5px Abstand rechts und 2px Abstand links - macht zusammen 7px zwischen den Punkten **/
  float: left;
  position: relative;
  background-image: url(../img/arrowTop_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

/** -------------------------- Top-Navigation Links -------------------------- **/

div#topnav a {
  color: #FFFFFF;
  text-decoration: none;
}
div#topnav a:hover {
  color: #FFCC00;
}
div#topnav a.topX {
  color: #FFCC00;
}

/** -------------------------- Breadcrumbs Links -------------------------- **/

div#breadcrumbs a {
  color: #666666;
  text-decoration: none;
}
div#breadcrumbs a:hover {
  color: #000000;
}
div#breadcrumbs a.crumbsX {
  color: #000000;
  font-weight: bold;
}

/** -------------------------- Navbar Menues -------------------------- **/

div#navbar div.navbox {
  padding: 1px 0px 1px 0px; /** Oben und Unten 1 px Abstand zum Rahmen **/
  margin: 0px 0px 2px 0px; /** Unten 2 px Abstand zwischen den Rahmen **/
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
}

div#navbar div.nav1 {
  padding: 0px 0px 0px 16px; /** Schrift wird 16 px eingerueckt **/
  background-image: url(../img/arrowNav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#navbar div.nav1X {
  padding: 0px 0px 0px 16px; /** Schrift wird 16 px eingerueckt **/
  background-image: url(../img/arrowNav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#navbar div.nav2 {
  padding: 0px 0px 0px 12px; /** Schrift wird 12 px eingerueckt **/
  margin: 2px 0px 0px 16px; /** Gesamter Menuepunkt wird 16 px eingerueckt und bekommt oben 2 px Abstand **/
  background-image: url(../img/arrowNav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#navbar div.nav2X {
  padding: 0px 0px 0px 12px; /** Schrift wird 12 px eingerueckt **/
  margin: 2px 0px 0px 16px; /** Gesamter Menuepunkt wird 16 px eingerueckt und bekommt oben 2 px Abstand **/
  background-image: url(../img/arrowNav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#navbar div.nav3 {
  padding: 0px 0px 0px 12px; /** Schrift wird 12 px eingerueckt **/
  margin: 2px 0px 0px 24px; /** Gesamter Menuepunkt wird 24 px eingerueckt und bekommt oben 2 px Abstand **/
  background-image: url(../img/arrowNav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#navbar div.nav3X {
  padding: 0px 0px 0px 12px; /** Schrift wird 12 px eingerueckt **/
  margin: 2px 0px 0px 24px; /** Gesamter Menuepunkt wird 24 px eingerueckt und bekommt oben 2 px Abstand **/
  background-image: url(../img/arrowNav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

/** -------------------------- Navbar Links -------------------------- **/

div#navbar a {
  color: #666666;
  text-decoration: none;
}
div#navbar a:hover {
  color: #000000;
}
div#navbar a.navX {
  color: #000000;
  font-weight: bold;
}

/** -------------------------- Extra-Navigation Content -------------------------- **/

div#extra object {
	margin-bottom: 20px;
}

/** falls nach einem Banner im Extra-Bereich noch ein "Text mit Bild"-Element plaziert wird (da dies einen eigenen div hat) **/
div#extra div.csc-textpic {
	margin-top: 20px;
}
div#extra .csc-textpic-caption {
	font-size: 11px;
}

div#extra {
  position: relative;
  float: left; /* fuer Firefox noetig */
  top: 32px;
  left: 15px;
  width: 175px;
  height: 100%;
}

/* Variante fuer Startseite; Contentseiten haben kein extra_content */
div#extra_content {
  position: relative;
  top: 20px;
}
/*edit*/  /* FireFox solution */
div[id]#extra div#extra_content {
  position: relative;
  top: 1px;
}
/*edit end*/
div#extra h3 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}
div#extra ul {
  font-size: 11px;
  list-style-type: square;
  margin-left: 20px;
  /*list-style-image:url(../img/arrowSitemap.gif);
  margin-left: 25px;*/
}

/** -------------------------- Extra-Navigation Menues -------------------------- **/

div#extra div.nav1 {
  padding: 0px 0px 0px 16px; /** Schrift wird 16 px eingerueckt **/
  margin: 2px 0px 0px 0px; /** oben 2 px Abstand **/
  background-image: url(../img/arrowNav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

div#extra div.nav1X {
  padding: 0px 0px 0px 16px; /** Schrift wird 16 px eingerueckt **/
  margin: 2px 0px 0px 0px; /** oben 2 px Abstand **/
  background-image: url(../img/arrowNav_on.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

/** -------------------------- Extra-Navigation Links -------------------------- **/

/*div#extra a {
  color: #666666;
  text-decoration: none;
}
div#extra a:hover {
  color: #000000;
}
div#extra a.navX {
  color: #000000;
  font-weight: bold;
}*/

/** -------------------------- Global-Navigation Menues -------------------------- **/

div#global div#searchbox {
  float: left;
  margin: 0px 2px 0px 2px; /** 2px Abstand links und rechts innerhalb der gelben Leiste **/
}
div#global div#searchbox form div {
  float: left;
  margin: 0px 0px 0px 2px; /** alle Elemente des Formulars haben 2px Abstand links **/
}
div#global div#searchbox div.label {
  float: left;
  margin: 4px 0px 0px 2px; /** Der Text bekommt 4px Abstand oben und 2px links **/
}
div#global div#searchbox input#tx_ajsearch_pi1_searchword {
  width: 90px; /** Das Textfeld wird 90px breit **/
}

div#global div#globalbox {
  float: right;
}
/*edit*/  /* FireFox solution */
div[id]#global div#globalbox {
  width: 195px;	
}
/*edit end*/
div#global div.global {
  padding: 0px 3px 0px 9px; /** Ein Rahmen wuerde damit 3px Abstand zur Schrift rechts haben und 9 px links um damit die Pfeile mit einzuschliessen  **/
  margin: 4px 2px 0px 1px; /** 4px Abstand oben innerhalb der gelben Leiste, 2px Abstand rechts und 1px Abstand links - macht zusammen 3px zwischen den Punkten **/
  float: left;
  position: relative;
  background-image: url(../img/arrowGlobal.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
div#global div.global_ACT {
  display: none;
}
div#global div.global_NOTRANS {
  color: #666666;
  padding: 0px 3px 0px 10px; /** Ein Rahmen wuerde damit 3px Abstand zur Schrift rechts haben und 10 px links um damit die Pfeile mit einzuschliessen  **/
  margin: 4px 2px 0px 3px; /** 3px Abstand oben innerhalb der gelben Leiste, 2px Abstand rechts und 3px Abstand links - macht zusammen 7px zwischen den Punkten **/
  float: left;
  position: relative;
  background-image: url(../img/arrowGlobal.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
div#global div.global_ACTNOTRANS {
  display: none;
}

/** -------------------------- Global-Navigation Links -------------------------- **/

div#global a {
  color: #000000;
  text-decoration: none;
}
div#global a:hover {
  text-decoration: underline;
}
div#global a.globalX {
  text-decoration: underline;
}

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

div#reiter {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	width: 530px;
	left: 0px;
	padding: 0px;
	padding-bottom: 20px;
}
div#reiter div.inactive {
	float: left;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	width: auto;
}
div#reiter div.active {
	float: left;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	width: auto;
}

/** -------------------------- Reiter-Navigation Links -------------------------- **/

div#reiter a {
	min-width: 65px;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/tab.jpg);
	padding: 1px 7px;
	display: block;
}
* html div#reiter a {
	width: 80px; /* IE Hack */
}
div#reiter a:hover {
	background-image: url(../img/tabX.jpg);
}
div#reiter div.active a {
	background-image: url(../img/tabX.jpg);
}

/** -------------------------- Newsticker Links -------------------------- **/

div#newsticker a {
  color: #000000;
  text-decoration: none;
}
div#newsticker a:hover {
  color: #666666;
}

/** -------------------------- Mainbereich: Pagetitle -------------------------- **/

div#main h1 {
  font-size: 18px;
  font-weight: normal;
  width: 530px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 10px; /* Abstand zwischen Ueberschrift und Linie */
  margin-bottom: 10px; /* Abstand zwischen Linie und Content-Bereich */
}

div#main h1.index {
  padding-top: 10px;
  border: 0px;
}

div#main h2 {
  font-size: 13px;
  font-weight: bold;
  width: 530px;
  margin-bottom: 15px;
}

/** -------------------------- Mainbereich: Footer -------------------------- **/

div#footer {
  padding-top: 10px; /* Abstand zwischen Links und Linie */
  margin-top: 10px; /* Abstand zwischen Linie und Content-Bereich */
  margin-bottom: 50px;
  color: #666666;
}
div#footer a {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}
div#footer a:hover {
  color: #000000;
}
div#footer a.footerX {
  color: #000000;
}

/** -------------------------- Contentbereich Allgemein -------------------------- **/

@media All
{
	 * html body div#content
	{
		margin: 0px 0px 0px 0px;
		height: 100%;
	}
}

/* Variante fuer Firefox (ohne height:100%) */
div['content'] {
  margin: 0px 0px 0px 0px;
}


div#content h3 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}
div#content ul {
  font-size: 11px;
  list-style-type: square;
  margin-left: 20px;
  margin-bottom: 15px;
  /*list-style-image:url(../img/arrowSitemap.gif);
  margin-left: 25px;*/
}
div#content ol {
  font-size: 11px;
  list-style-type: decimal;
  margin-left: 30px;
  margin-bottom: 15px;
}
div#content div.csc-textpic-imagewrap {
  padding-bottom: 15px;
}

/** -------------------------- Contentbereich: Startseite -------------------------- **/

/* Variante fuer MSIE (width + border = 170) */
div#content div.content_col {
  float: left;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  width: 168px;
  height: 100%;
  min-height: 100%;
  margin: 0px 5px 0px 0px;
  padding: 5px;
}

/* Variante fuer Firefox (width + border + padding? = 170) */
div#content>div.content_col {
  float: left;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  width: 157px;
  height: 100%;
  min-height: 100%;
  margin: 0px 5px 0px 0px;
  padding: 5px;
}

/* Variante fuer MSIE (width + border = 255) */
div#content div.content_col2 {
  float: left;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  width: 260px;
  height: 100%;
  min-height: 100%;
  margin: 0px 5px 0px 0px;
  padding: 5px;
}

/* Variante fuer Firefox (width + border + padding? = 255) */
div#content>div.content_col2 {
  float: left;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  width: 248px;
  height: 100%;
  min-height: 100%;
  margin: 0px 5px 0px 0px;
  padding: 5px;
}

div#content div.content_col hr {
  margin: 3px 0px 3px 0px;
}
div#content div.content_col h3 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
}
div#content div.content_col div.csc-textpic-imagewrap {
  padding-bottom: 0px;
}

div#content div.content_col2 hr {
  margin: 3px 0px 3px 0px;
}
div#content div.content_col2 h3 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
}
div#content div.content_col2 div.csc-textpic-imagewrap {
  padding-bottom: 0px;
}

div#nav_content {
  position: relative;
  top: 51px;
  left: 35px;
  width: 155px;
}
div#nav_content hr {
  margin: 6px 0px 3px 0px;
}
div#nav_content h3 {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 12px;
}

/** -------------------------- Contentbereich: Sitemap -------------------------- **/

div#content div.csc-sitemap ul {
  color: #000000;
  text-decoration: none;
  font-size: 11px;
  list-style-type: square;
  list-style-image:url(../img/arrowSitemap.gif);
  margin-left: 25px;
  margin-bottom: 0px;
}
div#content div.csc-sitemap a {
  color: #666666;
  text-decoration: none;
}
div#content div.csc-sitemap a:hover {
  color: #000000;
}

/** -------------------------- Contentbereich: Teaser-Menu -------------------------- **/

div#content div.teaser_row {
  margin-bottom: 10px;
}

div#content div.teaser_image_left {
  float: left;
  position: relative;
  padding-right: 20px;
}
div#content div.teaser_text_right {
  float: left;
  position: relative;
}

div#content div.teaser_text_left {
  float: right;
  position: relative;
}
div#content div.teaser_image_right {
  float: right;
  position: relative;
  padding-left: 20px;
}

/** -------------------------- Contentbereich: Aktienempfehlungen -------------------------- **/
div#content div.tx-jhshare-pi1 td {
  padding: 4px 10px 4px 10px;
  margin: 0px;
}

div#content div.tx-jhshare-pi1 .listrow-header {
  background-color: #EEEEEE;
  font-weight: bold;
  height: 30px;
}

div#content div.tx-jhshare-pi1 .listrow-odd {
  background-color: #EEEEEE;
}

div#content div.tx-jhshare-pi1 .listrow-even {
  background-color: #FFFFFF;
}


/** -------------------------- Contentbereich Suche -------------------------- **/

div#content div.tx-ajsearch-pi1 .result {
  color: #666666; 
  font-weight: bold;
  font-size: 12px;
}
div#content div.tx-ajsearch-pi1 .stats {
  color: #000000; 

  font-size: 12px;
}
div#content div.tx-ajsearch-pi1 hr {
 margin-top: 0px;
}
div#content div.tx-ajsearch-pi1 ul {
 margin-bottom: 15px;
}
div#content div.tx-ajsearch-pi1 li {
 margin-bottom: 10px;
}

div#content div.tx-ajsearch-pi1 .lastchanged {
  color: #666666; 
}
div#content div.tx-ajsearch-pi1 .headline {
  /*font-weight: bold;*/
  font-size: 12px;
  display: inline;
}

div#content div.tx-ajsearch-pi1 span {
  font-weight: bold;
  background-color: white;
}

/** -------------------------- Contentbereich Adressen -------------------------- **/

div#content a.adr_list {
  color: black;
}
div#content a.adr_list:hover {
  color: black;
}
div#content a.adr_list:visited {
  color: black; /*#6E00A5;*/
}
div#content a.adr_list:active {
  color: black;
}

/** -------------------------- Contentbereich -------------------------- **/
.csc-frame-frame1 {
	font-weight: normal;
	border: 1px solid #cccccc;
	margin-bottom: 30px;
	padding: 12px;
	z-index: 99;
}