/* Menu Fix */
.inside, #main { position:static; }

td, p, div {
    font-family: Verdana, Arial;
    font-size: 9px;
    padding: 0px;
    margin: 0px;
	color: #777777;
}

#header .navtop .lefttop {
    width:740px;
}

#header .navtop .lefttop,
#header .navtop #flags {
    background-color: #002c77;
    height: 20px;
}

#header .navtop #flags {
    width: 60px;
    float: left;
}

#header .navtop #flags img {
    padding-top: 2px;
    border: 0;
}

.mod_navigationSub
{
    width:800px;         
    height:20px;
    padding: 0px; 
    float: left;
    overflow:visible;
    z-index:996;
}                            
 
.mod_navigationSub p
{
    margin:0px;
    padding:0px;
}

.active p {
	color: #bfd4f5;
}

.level_1 .active p {
	color: #bfd4f5;
}

/* navigation layout */
.mod_navigationSub ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  display: block;
  width: auto;
}

.mod_navigationSub ul.level_2 {
  top: 100%;
  left: 0px;
}

.mod_navigationSub ul.level_3
{            
  top: 0px;                
  left: 100%;
}

.mod_navigationSub li ul {
  visibility: hidden;
}

.mod_navigationSub ul.level_1 li.sfhover ul.level_2, .mod_navigationSub ul.level_2 li.sfhover ul.level_3,
.mod_navigationSub ul.level_1 li:hover ul.level_2, .mod_navigationSub ul.level_2 li:hover ul.level_3 {
   visibility: visible;         
}

.mod_navigationSub ul.level_2 li.sfhover,
.mod_navigationSub ul.level_2 li:hover {
	background-color: #5f87ca;
}

.mod_navigationSub ul.level_1 li a {
	color: #fff;
	text-decoration: none;
}

.mod_navigationSub ul.level_1 li.sfhover a,
.mod_navigationSub ul.level_1 li:hover a {
	color: #c4d6f4;
}

.mod_navigationSub ul.level_1 li.sfhover ul.level_2 li.sfhover a,
.mod_navigationSub ul.level_1 li:hover ul.level_2 li:hover a {
	color: #fff;
}

.mod_navigationSub ul.level_1 li.sfhover ul.level_2 li a,
.mod_navigationSub ul.level_1 li:hover ul.level_2 li a {
    color:#1c4c9d;
    text-decoration: none;
}

.mod_navigationSub ul.level_1 li.sfhover ul.level_2 li.sfhover ul.level_3 li a,
.mod_navigationSub ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li a {
    color:#4c74b8;
    text-decoration: none;
}

.mod_navigationSub ul.level_1 li.sfhover ul.level_2 li.sfhover ul.level_3 li.sfhover a,
.mod_navigationSub ul.level_1 li:hover ul.level_2 li:hover ul.level_3 li:hover a {
    color:#fff;
    text-decoration: none;
}



/* Level 1 Layout */
.mod_navigationSub ul.level_1 li {
  float: left;                    
  position: relative; 
  width: auto;
  /* style */
  background-color:#5f87ca;
  padding: 3px 6px 2px 6px;
  border-right: 1px solid #7ba0e1;
  height: 15px;
}

/* Level 2 and 3 Layout */

.mod_navigationSub ul.level_2 {
    z-index: 1000;
}

.mod_navigationSub ul.level_2 li.first {
	padding-top: 0px;
	border-top: 0px;
	margin-left: 0px;
}

.mod_navigationSub ul.level_3 li.first {
	border-top: 0px;
	margin-left: 0px;
}

.mod_navigationSub ul.level_2 li {
	background-color: #9dbaeb;
	border-bottom: 1px solid #c6d7f5;
  	padding: 4px 5px 4px 5px;
	height: auto;
}

.mod_navigationSub ul.level_3 li {
	background-color: #c6d7f5;
	border-bottom: 1px solid #e1eafa;
  	padding: 4px 5px 4px 5px;
	height: auto;
}


.mod_navigationSub ul.level_2 li,.mod_navigationSub ul.level_3 li {
  position: relative; 
  float: none;
  display: block;
  /* style */
  width: 150px;
  padding: 2px 5px 2px 5px;
}



/* rest */

.mod_newslist h1 {
    font-size: 10px;
    padding-left:18px;
    background-image:url('/img/quadrat.gif');
    background-repeat:no-repeat;       
    height: 20px;                       
    color: #002c77;
    font-weight: bold;
}

.mod_newslist a {
    font-size: 10px;
    text-decoration:none;
    color: #486392;
    font-weight: normal;   
}

.div_newslist div {
   color: #486392;
   font-weight: normal;   
   padding-left:16px;  
   padding: 2px 10px 2px 5px;
   border-bottom: 1px dotted #d9e0eb;
}

.div_newslist {
   padding: 0px 0px 20px 0px;
}

.div_newslist h1 a {
    
}

/* START Define Links in general */
    a {
        text-decoration: underline;
        color: #5F87CA;
    }
    
    a:hover {
        text-decoration: none;
    }
/* END Define Links in general */

a.pdf {
    background-image:url(/system/themes/default/images/iconPDF.gif);
    background-repeat:no-repeat;
    padding-left:22px;
    padding-bottom: 4px;
    padding-top: 2px;
    line-height: 18px;
}

div.space_left18 {
    padding-left:18px;
}

#wrapper {
	margin-top: 20px;
}

#header .navtop {
   margin-top: 25px; 
   background-color: #5F87CA;
}

#header .navtop .mod_customnav ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0px 4px;
    padding-left:3px;
   
}

#header .navtop .mod_customnav ul li {
    float: left;
    margin-right: 10px;
    padding: 3px 0px 5px 10px;
    border-left: 1px solid #2d59a7;
	height: 11px;
}

#header .navtop .mod_customnav ul li.active p {
    color: #6F91CE;
}

#header .navtop .mod_customnav ul li a:hover {
	text-decoration: none;
	color: #6f91ce;
}

#header .navtop .mod_customnav ul .first {
    border-left: 0px;
    padding-left: 0px;
}

#header .navtop .righttop {
    width: 200px;
    height: 20px;
    padding: 0px;
    float: right;
    background-color: rgb(202, 218, 245);
}

#header .navtop .righttop ul {
    float: right;
}

#header .navtop .righttop a {
    color: #000;
    text-decoration: none;
    font-size: 9px;
}

#header .navtop .righttop a:hover {
    color: #000;
    text-decoration: underline;
}

#header .navtop .rightbottom {
    width: 200px;
    height: 20px;
    padding: 0px;
    float: right;
    background-color: rgb(177, 198, 234);
}

#header .navtop .rightbottom ul {
    float: right;
}

#header .navtop .rightbottom a {
    color: #000;
    text-decoration: none;
    font-size: 9px;
}

#header .navtop .rightbottom a:hover {
    color: #000;
    text-decoration: underline;
}

#header .navtop .lefttop a {
    color: #fff;
    text-decoration: none;
    font-size: 9px;
}

#header .navtop .lefttop a:hover {
    color: #bad0f6;
    text-decoration: none;
    font-size: 9px;
}

#header .navtop .lefttop {
    color: #5575aa;  
    padding: 0px;
    float: left;
}

.headline-table {
    margin-top: 10px;
}

.headline_blue {
    font-size: 10px;
    padding-left:18px;
    margin-left:4px;
    background-image:url('/img/quadrat.gif');
    background-repeat:no-repeat;       
    height: 20px;                       
    color: #002c77;
    font-weight: bold;
}

.news {
    padding: 2px 0px 2px 5px;
    border-bottom: 1px dotted #d9e0eb;
    color: #486392;
    font-weight: normal;
}
.content {
    width: 380px;
    float: left;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #d9e0eb;
}

.produkt {
    border-top: 1px solid #d9e0eb;
    background-color: #e4e9f2;
    border-left: 1px solid #d9e0eb;
    border-right: 1px solid #d9e0eb;
    border-bottom: 1px solid #d9e0eb;
    margin: 5px 0px 5px 0px;
}

.produkt td {
    font-size: 9px;
    color: #000066;
    padding: 2px;
}

.headline-content {
    font-weight: bold;
    padding: 6px 0px 4px 0px;
    border-top: 1px dotted #d9e0eb;
}

.content-text {
    padding-left: 10px;
}

div.normal, span.normal, td.normal {
  color:#555050;
  font-family: Arial;
  font-size: 11px;
  line-height: 14px;
}

#main {
	padding: 0px 20px 20px 20px;
}

#main p.more {
	border-bottom: 1px dotted #dbe2ed;
	padding-bottom: 5px;
	margin: 5px 0px 10px 0px;
}

#main p.info {
	color: #a7bad7;
	float: right;
	margin-right: 0px;
    margin-bottom: 5px;
	padding: 0px;
	text-align: right;
	clear: left;
}

h2 {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
}

#main h2 a {
	font-weight: bold;
}

#main p.teaser {
	clear: both;
}

.date {
	color: #aaa;
	font-size: 8px;
}

h1 {
	margin-top: 0px;
	font-size: 12px;
	color: #002c77;
}

h2 a {
	margin-top: 4px;
	font-size: 12px;
	color: #002c77;
	text-decoration: none;
}

#indexname {
	padding: 0px;
	font-size: 12px;
	color: #002c77;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.detailinformation td {
	border-bottom: 1px dotted #dbe2ed;
	padding: 2px 0px 2px 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/* Boxes */

.simple_box {
    padding-left:18px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right: 10px;
	background-color: #d0ddf4;
	border-top: 1px solid #e2eaf8;
	border-left: 1px solid #e2eaf8;
	border-right: 1px solid #b3c7e7;
	border-bottom: 1px solid #b3c7e7;
    margin: 10px 5px 10px 0px;
	color: #5d82be;
}

.simple_box .image_container {
    float: left;
    margin-right: 10px;
}

.simple_box .teaser_container {
    margin-top: 5px;
    width: 410px;
    float: right;
}

.simple_box .teaser_container h2 {
    color:#002C77;
    font-size: 12px;
}

.simple_box .teaser_container .teaser {
    clear: none;
}




/* START Formular */

    .formul#tabnav .confirm, .mod_subscribe .confirm {
        color: #5f87ca;
        margin-top: 3px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .formul#tabnav .error, .mod_subscribe .error {
        color: #f00;
        margin-top: 3px;
        margin-bottom: 3px;
        font-weight: bold;
    }
    
    .formul#tabnav .col_first {
        padding: 8px;
        width: 120px;
    }
    
    .formul#tabnav .text, .formul#tabnav .select {
        width: 140px;
        border: 1px solid #5F87CA;
        padding: 2px;
        font-weight: bold;
    }

    .formul#tabnav .submit {
        border: 1px solid #002C77;
        color: #002C77;
        background-color: #a9c1e8;
        cursor: pointer;
        font-weight: bold;
        font-size: 11px;
        width: 140px;
        padding: 2px;
        margin: 0px;
    }

/* ENDE Formular */

#left {
	border-right: 1px dotted #d9e0eb;
}

#right {
	border-left: 1px dotted #d9e0eb;
}

h3 {
	color: #27529c;
	font-size: 9px;
}

#letzte-ausgabe-als-pdf h3 {
    margin: 0px;
    font-size: 10px;
}

#letzte-ausgabe-als-pdf img {
    vertical-align: text-bottom;
}

#main h1.ce_headline {
	color: #11336e;
	border-bottom: 1px dotted #ccc;
	
}

table.daten {
	background-color: #dae5f7;
	border-top: 1px solid #eef4fd;
	border-left: 1px solid #eef4fd;
	border-right: 1px solid #c3d3ee;
	border-bottom: 1px solid #c3d3ee;
}

tr.even td {
    padding: 3px 5px 3px 5px;
    color: #5d82be;
    background-color: #e7eef9;
}

tr.odd td {
    padding: 3px 5px 3px 5px;      
    color: #5d82be;
}

table.information table.daten tr.even td {
	padding: 3px 5px 3px 5px;
	color: #5d82be;
	background-color: #e7eef9;
}

table.information table.daten tr.even td.bold {
	padding: 3px 0px 3px 10px;
	color: #002c77;
	background-color: #e7eef9;
}

table.information table.daten td.bold {
	padding: 3px 0px 3px 10px;
	color: #002c77;
	vertical-align: top;
	font-weight: normal;
	}
	
table.information td.bold {
	padding: 5px 0px 5px 0px;
	color: #002c77;
	vertical-align: top;
	font-weight: bold;
	}

.information .index_overview h3 {
    padding: 3px 5px;
}

.information .index_overview .isin {
    width: 100px;
}

.information .index_overview .wkn {
    width: 50px;
}

.information .index_overview .tool {
    width: 110px;
}

.information .index_overview {
    margin-top: 10px;
}


/*
*	Box für Studien / Knowledge
*/

.blueBox {
	
	border-color: #B6CBED;
	border-style: solid;
	border-width: 1px;
    margin-bottom: 10px;
}

.blueBox h2 {
	background-color: #B6CBED;
    border: 1px solid #CFDDF4; 
	padding: 2px 5px;
    margin: 0px;
    display: block;
    width: 560px;
    color: #002C77;
    font-size: 10px;
    font-weight: bold;
}

.blueBox .ce_image {
    float: left;
    width: 100px;
    margin: 5px;
    padding: 0px;
    border: 0px solid #5F87CA;
}

.blueBox .ce_text, .blueBox .ce_download {
    width: 435px;
    float: right;
    padding: 5px;
}

.blueBox .ce_text {
    padding: 5px;
}


table.information {
	width: 300px;
	margin-top: 20px;
}

.artikel b {
	color: #002c77;
	font-size: 11px;
}

.artikel {
	padding-bottom: 8px;
}

.red {
    color: red;
}

.green {
    color: green;
}

p.back {
    margin-top: 10px;
}

.mime_icon,
.icon {
    vertical-align: text-bottom;
    margin-top: 1px;
}

.green {
    color: green !important;
}

.red {
    color: red !important;
}

/* ---------- Tab Nav --------------------------------------------------------------------------------------------------------- */

    ul#tabnav {                                     
        text-align: left;                           
        margin: 1.5em 0;                        
        font: bold 11px verdana, arial, sans-serif; 
        border-bottom: 1px solid #002C77;           
        list-style-type: none;
        padding: 3px 10px;
    }

    ul#tabnav li {
        display: inline;
    }

    div.tab1 ul#tabnav li.tab1, div.tab2 ul#tabnav li.tab2, div.tab3 ul#tabnav li.tab3, div.tab4 ul#tabnav li.tab4 {
        border-bottom: 1px solid #fff;
        background-color: #fff;
    }

    div.tab1 ul#tabnav li.tab1 a, div.tab2 ul#tabnav li.tab2 a, div.tab3 ul#tabnav li.tab3 a, div.tab4 ul#tabnav li.tab4 a {
        background-color: #fff;
        color: #000;
        position: relative;
        top: 1px;
        padding-top: 4px;
    }

    ul#tabnav li a {
        padding: 3px 4px;
        border: 1px solid #002C77;
        background-color: #B6CBED;
        color: #002C77;
        margin-right: 0px;
        text-decoration: none;
        border-bottom: none;
    }    
    
    ul#tabnav li.link_tab {
        margin-left: 80px;
    }
    
    ul#tabnav li.link_tab a {
        background-image: url(/tl_files/img/icons/time.gif);
        background-repeat: no-repeat;
        background-position: 2px 1px;
        padding-left: 21px;
        background-color: #002C77;
        color: #FFF;
        text-align: center;
        margin-right: 0px;
        text-decoration: none;
        
    }

    ul#tabnav a:hover {
        background: #fff;
    }

/* ------- // Tab Nav --------------------------------------------------------------------------------------------------------- */


/* ---------- Profile Pages --------------------------------------------------------------------------------------------------- */

    #profile .time,
    #profile .chart {
        width: 300px;
    }
    
    #profile .time {
        line-height: 23px;
        height: 23px;
    }

    #profile .masterdata,
    #profile .course,
    #profile #downloads {
        width: 250px;
    }
    
    #profile .masterdata table {
        margin-top: 2px;
    }
    
    #profile .masterdata table,
    #profile .course table,
    #profile .listbox table {
        width: 100%;
    }

    #profile .course,
    #profile #information,
    #profile #information #relatedProducts {
        padding-top: 2em;
    }
    
    #profile #information #relatedProducts {
        width: 560px;
    }

    /* deprecated */
    #profile .time {
        padding: 0px;
        margin: 0px;
    }

    #profile .time a {
        padding: 1px;
    }
    
    #profile .course .daten {
        margin: 0px;
    }
    
    #profile #chartimage {
        width: 300px;
        height: 200px;
    }

/* ------  // Profile Pages --------------------------------------------------------------------------------------------------- */


/* ------  List Box ----------------------------------------------------------------------------------------------------------- */              

    .listbox a.iconed {
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: top left;
        display: block;
        height: 16px;
        padding-top: 2px;
    }

/* ------  // List Box -------------------------------------------------------------------------------------------------------- */                                                                                                                                  


/* ------  Table daten -------------------------------------------------------------------------------------------------------- */

    .oben,
    .daten th {
        background-color: #b6cbed;
        border-top: 1px solid #cfddf4;
        border-left: 1px solid #cfddf4;
        border-right: 1px solid #95b2e1;
        border-bottom: 1px solid #95b2e1;
        padding: 5px;
        margin: 0px;
        line-height: 1px;
    }

    .oben h3,
    .daten th h3 {
        margin: 0px;
        padding: 3px;
        color: #002c77;
        font-weight: bold;
    }
    
    .daten .label {
        color: #002c77;
    } 

    .time a {
        padding: 1px;
        background-color: #c3d4f2;
        font-size: 9px;
        text-decoration: none;
        border-top: 1px solid #d5e2f7;
        border-left: 1px solid #d5e2f7;
        border-right: 1px solid #7da0db;
        border-bottom: 1px solid #7da0db;
        cursor: pointer;
        color: #194ca2;
        margin: 0px;
    }

    .time a:hover {
        padding: 1px 1px;
        background-color: #002c77;
        font-size: 9px;
        text-decoration: none;
        border-top: 1px solid #b3cbf2;
        border-left: 1px solid #b3cbf2;
        border-right: 1px solid #4275cc;
        border-bottom: 1px solid #4275cc;
        color: #fff;
    }


    .time {
        padding-top: 20px;
    }

    table.information td {
        padding: 5px 0px 5px 0px;
        color: #5d82be;
    }    
    
/* ------  // Table daten ----------------------------------------------------------------------------------------------------- */


/* ------  Marketbar ---------------------------------------------------------------------------------------------------------- */

    #marketbar  {
        margin-top: 1em;
    }

    #marketbar table.daten {
        width: 100%;
    }

    #marketbar table.daten th {
        background-color: #B6CBED;
        border-top: 1px solid #cfddf4;
        border-bottom: 1px solid #95b2e1;
        border-left: 1px solid #fff;
        white-space: nowrap;
        line-height: 1em;
    }

    #marketbar table.daten #marketbar_value td {
        background-color: #E7EEF9;
        border-top: 1px solid #cfddf4;
        border-left: 1px solid #fff;
        padding: 2px;
        vertical-align: top;
        cursor: pointer;
    }

    #marketbar #marketbar_value td span {
        padding: 0px;
        margin: 0px;
    }

    #marketbar #marketbar_daten .col_first {
        border-left: 1px solid #cfddf4;
    }

    #marketbar #marketbar_daten .delayed {
        width: 12px;
    }

    #marketbar #marketbar_daten .name {
        min-width: 200px;
        overflow: hidden;
        white-space: nowrap;
    }

    #marketbar #marketbar_daten .emittent {
        width: 80px;
    }

    #marketbar #marketbar_daten .timestamp {
        width: 110px;
    }

    #marketbar #marketbar_daten .bid,
    #marketbar #marketbar_daten .ask,
    #marketbar #marketbar_daten .diff_abs,
    #marketbar #marketbar_daten .diff_per_cent,
    #marketbar #marketbar_daten .last {
        text-align: right;
        width: 40px;
    }

    #marketbar table.daten #marketbar_value .delayed {
        text-align: center;
    }

    #marketbar table.daten #marketbar_value .value, #marketbar table.daten #marketbar_value .diff_abs, #marketbar table.daten #marketbar_value .diff_per_cent {
        text-align: right;
    }



    #marketbar_products,  {
        margin-top: 10px;
    }

    #marketbar_products table.daten {
        width: 100%;
    }

    #marketbar_products table.daten th {
        background-color: #B6CBED;
        border-top: 1px solid #cfddf4;
        border-bottom: 1px solid #95b2e1;
        border-left: 1px solid #fff;
        white-space: nowrap;
        line-height: 1em; 
    }

    #marketbar_products table.daten #marketbar_products_value td {
        border-top: 1px solid #cfddf4;
        border-left: 1px solid #fff;
        padding: 2px;
        vertical-align: top;
    }

    #marketbar_products #marketbar_products_value td span {
        padding: 0px;
        margin: 0px;
    }

    #marketbar_products #marketbar_products_daten .col_first {
        border-left: 1px solid #cfddf4;
    }

    #marketbar_products #marketbar_products_daten .delayed {
        width: 12px;
    }

    #marketbar_products #marketbar_products_daten .name {
        min-width: 200px;
        overflow: hidden;
    }

    #marketbar_products #marketbar_products_daten .emittent {
        width: 80px;
    }

    #marketbar_products #marketbar_products_daten .timestamp {
        width: 110px;
    }

    #marketbar_products #marketbar_products_daten .bid,
    #marketbar_products #marketbar_products_daten .ask,
    #marketbar_products #marketbar_products_daten .diff_abs,
    #marketbar_products #marketbar_products_daten .diff_per_cent,
    #marketbar_products #marketbar_products_daten .last {
        text-align: right;
        width: 40px;
    }

    #marketbar_products table.daten #marketbar_products_value .delayed {
        text-align: center;
    }

    #marketbar_products table.daten #marketbar_products_value .value, #marketbar_products table.daten #marketbar_products_value .diff_abs, #marketbar_products table.daten #marketbar_products_value .diff_per_cent {
        text-align: right;
    }

/* ------  // Marketbar ------------------------------------------------------------------------------------------------------- */


/* -----------  Home ---------------------------------------------------------------------------------------------------------- */

    #main .layout_home .image_container {
        float: left;
        padding: 5px;
        width: 105px;
        
    }

    #main .layout_home .teaser_container {
        float: right;
        width: 425px;
    }

    #main .layout_home .more {
        text-align: right;
    }

    #main #startartikel .image_container {
        padding: 5px;
        float: left;
        width: 210px;
    }

    #main #startartikel .content_container .teaser,
    #main #startartikel .content_container .more,
    #main #startartikel .table_product_summary {
        margin-left: 18px;
    } 
    
    #main #startartikel .content_container p.more {
        margin: 5px 0 0 18px;
    }
    
    #main #startartikel .content_container {
        float: right;
        width: 335px;
        padding-left: 5px;
        border: 0px;
    }
    
    #main #startartikel .table_product_summary,
    #main #startartikel .ce_hyperlink,
    #main #startartikel .ce_download {
        float: right;
        width: 317px;
        margin-top: 5px;
    }
    
    

    #main #startartikel .table_product_summary table {
        width: 100%;
    }    
    
    #main #startartikel .table_product_summary table .col_first {
        font-weight: bold;
    }
    
    #main #startartikel .content_container h1 {
        background-image:url(/img/quadrat.gif);
        background-repeat:no-repeat;
        color:#002C77;
        font-size:10px;
        font-weight:bold;
        height:18px;
        padding-left: 0 0 0 18px;
        margin-top: 5px 0;
    }

/* --------  // Home ---------------------------------------------------------------------------------------------------------- */


/* -----------  News Anzeige -------------------------------------------------------------------------------------------------- */

    #main #newsanzeige .image_container,
    #main #view-news .mod_newsreader .layout_full .image_container {
        padding: 0 10px 10px 0;
    }

/* --------  // News Anzeige -------------------------------------------------------------------------------------------------- */


/* deprecated */