/*******************************************************************************/
/*******************************     Genereal     ******************************/
/*******************************************************************************/

body  { 
    background-color: #FFFFFF; 
    font: normal 100.01% Arial, Sans-Serif;
    color: #000000; 
    margin:0px;
}

td {
    font-family: Arial, sans-serif; 
    font-weight: normal;
    color: #000000; 
    margin:0px;
}

div, span, ul, li, p, table, td  { margin: 0; padding:0; }


ul {
    margin: 5px 0 5px 0;
}
li {
    margin-left: 20px;
}


a { color:#0064AA; text-decoration:none; }
a:hover { text-decoration: underline; }

/* H1 Headline 1 */
.topheadline {
    height: 18px;
    color: #000000;
    text-align: left;
    padding: 15px 0px 15px 0px;
    font-weight: bold;
    font-size: 0.93740626em;
}

/* H2 Headline 2 */
.headline  {
    height: 18px;
    color: #000000;
    text-align: left;
    padding: 15px 0px 5px 0px;
    font-weight: bold;
    font-size: 0.68743126em;
}
#buysell td {font-size: 0.68743126em;}
.contentblock-middle .text { font-size: 0.68743126em; }
.contentblock-middle .boldtext { font-size: 0.68743126em; font-weight:bold; }
.contentblock-middle .spalte { font-size: 0.68743126em; }
.contentblock-middle .spalte .beschreibung { font-weight:bold; }
.contentblock-middle  input.text { font-size: 1em; }
.clear  { clear:both; }

.spacer2px { padding: 2px 0px 2px 0px; }
.spacer4px { padding: 4px 0px 4px 0px; }
.spacer8px { padding: 8px 0px 8px 0px; }
.spacer10pxtop { padding: 10px 0px 0px 0px; }
.spacer20pxtop { padding: 20px 0px 0px 0px; }
.spacer15px { padding: 15px 0px 15px 0px; }
.spacer15pxtop { padding: 15px 0px 0px 0px; }
.spacer15pxbottom { padding: 0px 0px 15px 0px; }
.spacer15pxsurround { padding: 15px; }
.spacer38px { padding: 38px 0px 15px 0px; }

hr.blue {
    color: #D8EEF7;
    background-color: #D8EEF7;
    border: #D8EEF7;
}

.tolerantsearch {
	width: 115px;
	background-color: #E9E9E3;
	padding: 5px;
	font-size: 11px;
	text-align: left;
	border-top: solid 1px #284879;
	border-bottom: solid 1px #284879;
	margin:0px 0px 25px 0px;
}

/*******************************************************************************/
/*******************************       Forms      ******************************/
/*******************************************************************************/

form {
    margin: 0;
    padding: 0;
}

.FORM {
    font-size: 0.68743126em;
}

select {
border-color:#404040 #D4D8C8 #D4D8C8 #404040;
border-style:solid;
border-width:1px;
height:18px;
line-height:18px;
margin:3px 0 0 0;
width:120px;
    font-size: 11px;
}

input.text{
    border-color:#404040 #D4D8C8 #D4D8C8 #404040;
    border-style:solid;
    border-width:1px;
    height:18px;
    line-height:18px;
    margin:2px 0 0 0;
    width:120px;
}
input.button {
    color: #FFFFFF;
    background-color: #60B6DE;
    border:0;
}
.kurssucheForm {
    background: #D8EEF7;
    width: 520px;
    padding: 10px;
    margin-top: 1px;
}


table.chartFlag {
    border-color:#98BBD7;
    border-style:solid;
    border-width:1px 0 0 1px;
    color:#000000;
    font-weight:bold;
    text-align:center;
}
td.chartFlag {
    border-color:#98BBD7;
    border-style:solid;
    border-width:0 1px 1px 0;
    color:#000000;
    font-size: 0.68743126em;
    font-weight:bold;
    text-align:center;
}

/*******************************************************************************/
/*******************************     Framework    ******************************/
/*******************************************************************************/

.contentblock {
    color: #878A92;
    text-align: left;
}

.contentblock-left {
    background-color: #F3F3F3;
    padding: 0px;
    text-align: left;
}

.contentblock-middle {
    padding: 20px;
    text-align: left;
}

.contentblock-right {
    text-align: left;
}
.footerblock {
    padding: 10px 0px 0px 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    color: #000000;    
    width: 641px;
    height: 26px;
    text-align:left;
    font-size: 0.68743126em;
}
.footerblock881px {
    padding: 10px 0px 0px 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    color: #000000;    
    width: 881px;
    height: 26px;
    text-align:left;
    font-size: 0.68743126em;
}
#bottomLinks td{
    font-size: 0.68743126em;
}

/*******************************************************************************/
/*******************************    Navigation    ******************************/
/*******************************************************************************/

/* top navigation */
.headerblock {
    width: 760px;
    height: 100px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
}
.headernavi {
    width: 690px;
    height: 82px;
    background-color: #D8EEF7;
    padding: 0px; 
    text-align: left;
    vertical-align: top;
    background-image:url(/images/de/anlagecenter.jpg);
    background-repeat: no-repeat;
    background-position: 374px 23px;
}
.headernavi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #60B6DE;
    height: 21px;
    border-bottom: 1px solid #FFFFFF;
    font-size: 0.68743126em;
}
.headernavi ul li {
    margin: 0;
    float: left;
    line-height: 21px;
    vertical-align: middle;
    border-right:1px #ffffff solid
}
.headernavi ul li a {
    color: #ffffff;
    padding: 0 5px 0 5px;
    display: block;
}
.headernavi ul li a.active {
    color: #000;
    background-color:#fff;
    text-decoration: none;
}
.headernavi ul li a:hover {
    color: #000;
    background:#fffffe;
    text-decoration: none;
}
#topheaderwhiteline {
    border-right: 1px solid white;
    width: 373px;
    height: 60px;
}

/* left navigation */
#navigation {
    font-size: 0.68743126em;
}
#navigation  ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
}
#navigation  ul ul{
    border-bottom: 0;
}
#navigation li {
    margin: 0;
    padding: 0;
}
#navigation   a {
    padding: 0 0 0 17px;
    display: block;
    line-height:20px;
    height:20px;
    vertical-align: middle;
}
#navigation   a:hover {
    background-color: #FFFFFF;
    text-decoration: none;
    color: black;
}
#navigation #navL1 li {
    border-top: 1px solid white;
    padding-top: 7px;
}
#navigation #navL1  a {
    color: #0064AA;
    font-weight: bold;
}
#navigation #navL1 li.active a{
    background-color: white;
    color: black;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    background-image:url("/images/de/navarrowbg.gif");
}
#navigation #navL1 #navL2 {
    margin-bottom: 17px;
    background-color: #F3F3F3;
}
#navigation #navL1 #navL2 li {
    border-top: 0;
    padding-top: 0;
}
#navigation #navL1 #navL2  li a {
    background-color: #F3F3F3;
    color: #5F5E5F;
    font-weight: normal;
    background-image: none;
}
#navigation  #navL1 #navL2  li.active a {
    background-color: white;
    font-weight:bold;
    color: black;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    background-image:url("/images/de/navarrowbg.gif");
}


/* third navigation */
#thirdNavigation {
    height: 21px;
    list-style-type: none;
    font-size: 0.68743126em;
    border-bottom: 1px solid #D8EEF7;
}
#thirdNavigation li {
    float:left;
    height: 20px;
    margin: 0;
    margin-bottom: 5px;
}
#thirdNavigation a {
    display: block;
    _display: inline;
    background: #EBF6FB;
    padding: 0 4px 0 4px;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#thirdNavigation a.reiter_aktiv {
    background: #D8EEF7;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #D8EEF7;
}

/* third navigation */
.reiterright {
    height: 21px;
    list-style-type: none;
    font-size: 0.68743126em;
    border-bottom: 1px solid #D8EEF7;
}
.reiterright li {
    margin: 0;
    float:left;
    height: 20px;
}
.reiterright a {
    display: block;
    _display: inline;
    background: #EBF6FB;
    padding: 0 4px 0 4px;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.reiterright a.reiter_aktiv {
    background: #D8EEF7;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #D8EEF7;
}

/*******************************************************************************/
/*******************************     Tabellen     ******************************/
/*******************************************************************************/

.contentblock-middle table {
    border-collapse:collapse;
    border-spacing: 0;
}
.contentblock-middle td {
    padding: 2px;
}
.contentblock-middle .headerrow  td {
    background-color: #D8EEF7;
    text-align:center;
    font-weight: bold;
    padding: 5px;    
    border-left: 1px solid #ffffff;
    white-space:nowrap;
    font-size: 0.68743126em;
}
.contentblock-middle .headerrow table td {
    padding: 0px;    
    border-left: 0px solid #ffffff;
    white-space:nowrap;

}

/* Start classes patrick eichenberger*/
tr.headerrow td {
    background-color: #D8EEF7;
    text-align:center;
    font-weight: bold;
    padding: 5px;    
    white-space:nowrap;
    font-size: 9pt   
}
tr.rowdark td {
        background-color: #EBF6FB;
            font-size:9pt;
}
tr.rowlight td {
    font-size:9pt;
    background-color: #FFFFFF;
}

.hinweis{
   font-size: 0.68743126em
}
 
/*End classes patrick eichenberger */

.contentblock-middle .rowdark {
    text-align: right;
}
.contentblock-middle .rowlight {
    text-align: right;
}
.contentblock-middle .rowdark  td {
    background-color: #EBF6FB;
    font-size: 0.68743126em;
}
.contentblock-middle .rowlight  td {
    background-color: #FFFFFF;
    font-size: 0.68743126em;
}
.mehr {
    font-size: 0.68743126em;
}

/*******************************************************************************/
/*******************************    Top Frame     ******************************/
/*******************************************************************************/
.contentblock-status {
    width: 160px;
    color: #878A92;
    padding: 0;
    text-align: left;
}
.status {
    height: 21px;
    line-height: 21px;
    color: #274879;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    background-color: #E5E5E5;
    color: #000000;
    padding: 0 0 0 5px;
    vertical-align: middle;
    margin-left: 1px;
    font-size: 0.68743126em;
}
.logged {
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    background-color: #F3F3F3;
    color: #B02020;
    margin-left: 1px;
    font-size: 0.68743126em;
}
.date {
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    background-color: #F3F3F3;
    color: #274879;    
    margin-left: 1px;
    font-size: 0.68743126em;
}


/*******************************************************************************/
/*******************************   Left Frame     ******************************/
/*******************************************************************************/

/* kurssuche */
.contentblock-left #kursboxinput {
    width: 100px;
    height: 20px;
    border-color: #404040 #D4D8C8 #D4D8C8 #404040;
    border-style: solid;
    border-width: 1px;
    line-height: 14px;
    height: 14px;
    margin: 0 0 0 15px;
    font-size: 0.68743126em;
    _padding: 0 0 3px 0;
    .padding: 0 0 3px 0;
}

.contentblock-left .buttonSearch{
    border:0 none;
    height:14px;
    width: 14px;
    margin-top: -1px;
    .margin-top: 1px;
    _margin-top:1px;
    vertical-align:middle;
}
.contentblock-left #advancedSearch {
    font-size: 0.68743126em;
    margin: 0 0 0 15px;
}

/* links */
.contentblock-left #links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.68743126em;
    margin-top: 5px;
    border-top:1px solid #fff;
}
.contentblock-left #links li {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    border-bottom: 1px solid #fff;
}
.contentblock-left #links   a {
    padding: 0 0 0 27px;
    display: block;
    line-height:20px;
    height:20px;
    vertical-align: middle;
    color: #0064AA;
    font-weight: bold;    
    background-image:url(/images/de/button_extern.gif);
    background-repeat:no-repeat;
    background-position: 15px 4px;
}
.contentblock-left #links   a:hover {
    background-color: #F3F3F3;
    text-decoration: none;
    color: black;
}



/*******************************************************************************/
/*******************************      Charts      ******************************/
/*******************************************************************************/
.chartNavigation {
    border-bottom:1px solid #465C7C;
    border-collapse: collapse;
}
.chartNavigation td {
    padding: 0;
    font-size: 0.68743126em;
}
.chartNavigation td a{
    background-color: #EBF6FB;
    color: #0064AA;
    font-weight: normal;
    white-space:nowrap;
    display:block;
    text-align: center;
}
.chartNavigation td a.active {
    background-color: #D8EEF7;
    color: #000000;
    font-weight: bold;
}


/*******************************************************************************/
/*******************************    Frontpage     ******************************/
/*******************************************************************************/
.newsletter {
    background-color:#E1EEF8;
    height:18px;
    text-align:left;
    width:315px;
    font-size: 0.68743126em;
}

.toolbox {
    width: 315px;
    background-color: #C3DCF0;
    text-align: center;
    padding: 10px;
    border: solid 1px #98BBD7;    
}
.toolbox  td{
font-size: 0.68743126em;
}

.toolbox240px {
    width: 240px;
    background-color: #C3DCF0;
    text-align: center;
    padding: 10px;
    border: solid 1px #98BBD7;    
}

/* right */
.txt-headline {
    font-size: 0.68743126em;
    color: #F5821F;
    font-weight:bold;
}
.textSplashBlue {
    font-size: 0.68743126em;
    color : #294471;
    text-decoration : none;
}
.textSplashBlueBold {
    font-size: 0.68743126em;
    color : #294471;
    font-weight : bold;
    text-decoration : none;    
}
.textDarkblue {
    color : #294471;
    font-weight : bold;
}
.login { 
    width: 115px;
    color: #294471;
    padding: 5px;
    text-align: left;
    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
    margin:10px 0px 25px 0px;
}
.login td {
    font-size: 0.68743126em;
}
.loginput { 
    width: 120px;
    color: #000000;
    padding: 2px;
    text-align: left;
}
.moreservices { 
    width: 115px;
    background-color: #E9E9E3;
    padding: 5px;
    font-size: 0.68743126em;
    text-align: left;
    border-top: solid 1px #284879;
    border-bottom: solid 1px #284879;
    margin:10px 0px 25px 0px;
}

/* Finanzprodukte */
.basiswert {
    background-color:#E1EEF8;
    padding:0;
    text-align:left;
    width:641px;
}

.basiswert table td {
    padding: 10px;
    
}
.matrix td{
    text-align: left;
}
/* Aktien Produkte Erkl?rungslayer */
#sec1 {position: absolute; top: 250px; left:80px; visibility:hidden; z-index: 100; background-color:white; border: #000000 solid 1px; padding: 5px;}
#sec2 {position: absolute; top: 318px; left:80px; visibility:hidden; z-index: 200; background-color:white; border: #000000 solid 1px; padding: 5px;}
#sec3 {position: absolute; top: 445px; left:80px; visibility:hidden; z-index: 300; background-color:white; border: #000000 solid 1px; padding: 5px;}
#sec4 {position: absolute; top: 617px; left:80px; visibility:hidden; z-index: 400; background-color:white; border: #000000 solid 1px; padding: 5px;}