/* CSS Document */
a, img {border:none;}
span.pos-color {color:#40A52B;}
span.neg-color {color:#CB0100;}
body {
    margin: 0;
    padding: 0;
    font: 0.75em Arial, Helvetica, sans-serif;
    color: #333333;
}
/* CONTAINER */
.choose-warrant-chart {
    width: 150px;
}
.detail-description {
    float:left;
    width:100px;
    font-size:11px;
}
.commodity-name-headline {
    font-weight:700;
    color:#CE7019; 
    font-size:14px;
    margin-bottom:10px;
}
.detail-info {
    float:left;
    width:160px;
    font-size:11px;
    font-weight: 700;
}
.detail-info a {
    color: #ce7019
}

a.news-headline  {
    color: #CE7019;
    font-size: 14px;
    font-weight: 700;
    text-decoration:none;
}

#cta-main {
    position: absolute;
    width: 778px;
    top: 0;
    left: 44px;
}
#cta-header {
    position: relative;
    height: 100px;
    background: url(../images/bg_header.gif) repeat-x;
    width:772px;
}
#cta-left {
    float: left;
    padding: 30px 0 0 0;
}
#cta-right {
    width: 585px;
    float: left;
    padding: 30px 0 0 0;
}
#market-overview select {
    width:170px;
    margin-right:3px;
    float:right;
}
#market-overview h1 {
    margin:0px 0px 4px;
}
.container-right {
    border: 1px solid #cccccc;
    padding:1px;
    margin: 0px 0px 15px 5px;
    width:175px;
}
.container-right h1 {
    font-size:12px;
    color: #999999;
    padding: 0px 0px 3px 5px;
    margin: 0px 0px 10px 0px;
    background: url(../images/bg_right_content.gif) bottom left no-repeat;
}

#cta-left .overview {
    float:right;
    width:169px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 5px 4px 5px;
}
.overview .isin {
    width:165px;
    height:13px;
    background-color: #eeeeee;
    padding: 3px 3px 3px 1px;
    margin-bottom:10px;
    font-size: 9px;
    cursor:move;
    cursor:move;
}
.overview .remove {
    cursor:pointer;
}
.investment-possibilities a  {
    color:#ce7019;
    font-size:11px;
    font-weight: 700;
    text-decoration:none;
}
.isin-link a  {
    float:left;
    color:#ce7019;
    font-size:11px;
    font-weight: 700;
    text-decoration:none;
}
.warrant-link {
    
}
.chart-nav  {
    float:right;
}
.chart-nav img {
    margin-left:3px;
}
h3.warrant {
    color: #333333;
    font-size:10px;
    margin: 3px 0px;
    padding:0px;
}
.isin-link a {
    font-size:10px;
}
.investment-possibilities {
    margin-top:20px;
}
.content .investment-possibilities {
    margin: 0px 0px 0px 10px;
}
.investment-possibilities .header h3 {
    font-size:11px;
    color: #666666;
    font-weight: 700;
}

.box { 
    padding:9px;
    float:left;
    width:574px;
}

.box img.chart {
    margin: 0px -9px 10px -9px !important;
}
.box h2, h2.raw-material-details {
    font-size:16px;
    font-weight:700;
    color: #999999;
    margin:0px;
    padding:0px 0px 0px;
}
.library-overview {
    margin-top:10px;
}
.raw-material-list {
    width:584px;
}
.table-container {
    display:block;
    float:left;
    height:auto;
}
.knowledge {
    margin-bottom: 20px;
}
.knowledge .investment-possibilities {
    float:right;
    width:190px;
}
.knowledge .investment-possibilities h3 {
    font-size:11px;
    color: #999999;
    width:190px;
    background: transparent url(../images/spec_dotted_line.gif) bottom left repeat-x;
}
.article table {
    width: 273px;
    height:auto;
    display:table;
    font-size:11px;
    text-align:left;    
}
table .left-column {
    margin-right:10px;
}
.article table th {
    background: transparent url(../images/spec_dotted_line.gif) bottom left repeat-x;
    padding:0px 0px 3px;
    color: #000000;
    font-weight:700;
}
.table-raw-materials a:hover {
    color: #8b0e04;
}
.table-raw-materials  {
    margin-top: 5px;
}
.table-raw-materials img {
    margin-right: 4px;
}
.table-raw-materials a {
    color: #ce7019;
    font-weight: 700;
    text-decoration:none;
}
.table-raw-materials td {
    padding-bottom:2px;
}
/* CONTAINER Navigation */

#cta-nav-main {
    position: absolute;
    bottom: 0px;
    left: 21px;
    float: left;
    line-height: normal;
    font-size: 1em;
}
#cta-nav-main ul, #market-overview ul, ul#profilnavi  {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#cta-nav-main li, #market-overview li,  #profilnavi li {
    display: inline;
    margin: 0;
    padding: 0;
}
#market-overview li {
    float:left;
}
#cta-nav-main a {
    float: left;
    background: url(../images/spec_nav_main_left.gif) no-repeat left top;
    margin: 0 2px 0 0;
    padding: 0 0 0 8px;
    text-decoration: none;
    color: #333;
}
#cta-nav-main a span {
    float: left;
    display: block;
    background: url(../images/spec_nav_main_right.gif) no-repeat right top;
    padding: 4px 12px 3px 3px;
    font-weight: bold;
    color: #ce7019;
    cursor: pointer;
}
#cta-nav-main #current a {
    background: url(../images/spec_nav_main_left_current.gif) no-repeat left top;
}
#cta-nav-main #current a span {
    background: url(../images/spec_nav_main_right_current.gif) no-repeat right top;
    color: #666666;
}
#cta-nav-main a:hover span, #cta-nav-main a span:hover {
    color: #ce7019;
}
#cta-nav-sub {
    background: url(../images/bg_nav_sub.gif) repeat-x;
    font-size: 0.95em;
    padding: 0;
    height: 22px;
    line-height: normal;
    width: 772px;
}
#cta-teaser {
    margin: 15px 0 1px 0;
}
#cta-teaser-sub {
    margin: 0 0 15px 0;
}
#cta-overview {
    background: url(../images/bg_teaser_overview.jpg) no-repeat #F0F5FB;
    padding: 0 0 30px 0;
}
#cta-footer {
    line-height: 1.4em;
    margin: 0 0 30px 0;
}
/* ELEMENTE */

h2, h3 {
    margin: 0;
    padding: 0 0 8px 0;
    color: #ce7019;
    font-size: 1.6em;
    font-weight: normal;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
}
.box-small h3, .box-slider h3 {
    margin: 0;
    padding: 0 0 8px 0;
    color: #ce7019;
    font-size: 1em;
    font-weight: bold;
}
a.button, a.button-detail {
    float: left;
    background: url(../images/spec_bt_left.gif) no-repeat left top;
    margin: 0 2px 0 0;
    padding-left: 16px;
    text-decoration: none;
    font-size: 0.9em;
}
a.button span,  a.button-detail span {
    float: left;
    display: block;
    background: url(../images/spec_bt_right.gif) no-repeat right top;
    padding: 3px 12px 5px 3px;
    font-weight: bold;
    color: #ce7019;
    cursor: pointer;
}
a.button-detail {
    float: left;
    background: url(../images/spec_bt_30_left.gif) no-repeat left top;
    width: auto;
    padding-left: 30px;
    font-size: 1em;
}
a.button-detail span {
    background: url(../images/spec_bt_30_right.gif) no-repeat right top;
    width: 120px;
    padding: 0;
    color: #ce7019;
    line-height: 30px;
    cursor: pointer;
}
a.button-detail span img {
    vertical-align: middle;
    margin: -2px 4px 0 0;
}
a.button:hover, a.button span:hover, a.button-detail:hover, a.button-detail span:hover {
    color: #333333;
}
.box-small {
    background: url(../images/bg_box_small.gif);
    padding: 2px 5px 10px 5px;
    border-bottom: 1px solid #CCC;
    margin: 0 0 15px 0;
}
#cta-right .content-full {
    width: 570px;
}
.teaser {
    background-color: #eef5fa;
    margin: 0px 0px 20px 0px;
}
.teaser h2 {
    font-size:11px;
    color:#999999;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
.teaser a {
    margin-top:5px;
}
.intro .content {
    width:358px;
}
.short .content {
    width:487px;
    margin: 0px 0px 10px;
}
.article .dotted-line-horizontal, .content-navigation .dotted-line-horizontal {
    margin: 2px 0px !important;
}
.article .image {
    float: left;
    width: 65px;
    margin: 0 10px 0 0;
}
.article .image-detail {
    float:left;
    width: 190px;
    margin: 0 10px 0 0;
}
.article .teaser-image {
    float: left;
    width: 193px;
    margin: 0 10px 0 0;
}
.article .content {
    float: left;

}
.branchen .content {
    width: 450px;
    margin-top:10px;
}
.branchen {
    margin-top: 10px;
}
.info .investment-possibilities {
    float:left;
    width:190px;
}
.article .content h3 {
    padding-bottom:2px;
}
.article .content p {
    padding: 0px;
    margin: 0px 0px 10px;
}
.article .downloads {
    margin: 8px 0 0 0;
    font-size: 0.9em;
}
.box-downloads-details {
    float: right;
    width: auto;
    margin: 0 0 10px 30px;
}
.dotted-line-horizontal, #cta-right .dotted-line-horizontal, form .dotted-line-horizontal {
    height: 1px;
    background: url(../images/spec_dotted_line.gif) repeat-x;
    margin: 8px 0;
    padding: 0;
    clear: both;
}
#cta-right .dotted-line-horizontal {
    margin: 12px 0;
}
form.contact .dotted-line-horizontal {
    margin: 0 !important;
}
#cta-footer {
    margin-top:20px;
    padding-top:5px;
    width: 772px;
    display:table;
    text-align:center;
}
.nointraday {
    float:left;
    width:34px;
    padding:0px;
    margin:0px;
}
#cta-footer a {
    color: #333;
    text-decoration: none;
}
#cta-footer a:hover {
    color: #333;
    text-decoration: none;
}
#cta-nav-sub .divider {
    vertical-align: middle;
    margin: 0 5px;
}
#cta-nav-sub a {
    text-decoration: none;
    color: #ce7019;
    font-weight:700;
}
#cta-nav-sub a:hover, #cta-breadcrumb a:hover {
    color: #CE7019;
}
#cta-nav-sub a.current {
    font-weight: 700;
    color: #333333;
}
.article .downloads a {
    text-decoration: none;
    color: #0066CC;
}
.article .downloads img {
    margin: 0 6px -4px 15px;
}
.article .downloads img.first {
    margin: 0 6px -4px 0;
}
#cta-right .box-details {
    background: url(../images/bg_box_details.gif) no-repeat top left;
    padding: 0 0 10px 0;
    height: 110px;
}
#cta-right .box-details div.value, #cta-right .box-details div.value-first {
    position: relative;
    float: left;
}
#cta-right .box-details div.value-first {
    margin: 12px 0 0 10px;
}
#cta-right .box-details div.value h3, #cta-right .box-details div.value-first h3 {
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
#cta-right .box-details div.value h3.up, td.up {
    color: #277621;
}
.up {
    color: #277621;
}

#cta-right .box-details div.value h3.down, td.down {
    color: #CC0000;
}

.down {
    color: #CC0000;
}

#cta-right .chart {
    margin: 20px 0;
}
.content-navigation {
    float:left;
    margin: 3px 0px 10px;
    padding: 0px;
}
.content-navigation img {
    padding-bottom:1px;
}
.navigation-links {
    float:left;
    width:420px
}
.content-navigation select {
    float:right;
}
.more-information .info-link {
    padding: 2px 0px 2px 0px;
    margin-left:4px;
}
.info-link a, .content-navigation a, #chart-history a, .content a  {
    font-size:11px;
    color: #ce7019;
    font-weight:700;
    text-decoration:none;
}
.more-information .dotted-line-horizontal {
    margin:0px;    
}
.article-small {
    float:left;
    width:190px;
    margin: 20px 2px 0px 0px;
}
.article-small .left-infobox, .article-small-last .left-infobox {
    padding: 5px;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    
}
.left-infobox {
    height:160px;
}
.article-small-last {
    float:left;
    width:190px;
    margin: 20px 0px 0px 0px;
}
.headline .content {
    width:564px;
}
.headline h4 {
    font-size:12px;
    color: #999999;
    padding:0px;
    margin:0px;
}
.article h4 {
    font-size:16px;
    color: #999999;
    padding:0px;
    margin:0px;
}
.material-info {
    float:left;
    margin-bottom:10px;
}
.library-image {
    width:105px;
    height:95px;
    padding: 5px;
    background: transparent url(../images/bg_lib_pics.gif) top left no-repeat;
}
.left-infobox p {
    padding:0px;
    margin:5px 0px;
}
/* TAB Navigation  */
h2#raw-material-details {
    padding: 5px 0px 5px;
}
.raw-material-data #news-navigation {
    width:574px;
}
#chart-history {
    float:left;
    background: #f0f0f0;
    font-size:0.95em;
    height:21px;
     width:574px;
}
#chart-history .divider {
    margin:0pt 5px;
    vertical-align:middle;
}
#chart-history a {
    top:3px;
}
#chart-history a.current {
    background: #ffffff;
    padding:5px;
    margin: 0px -7px 0px -7px;
    color: #333333;
}
#news-navigation {
  float:left;
  width:554px;
  background: transparent url("../images/bg_news.gif") repeat-x 0px 10px;
  font-size:11px;
  margin: 0px 0px 10px;
  line-height:normal;
  height:35px;
  }
#news-navigation ul {
  margin:0px 0px -5px !important;
  padding:10px 0px 0px;
  list-style:none;
  }
#news-navigation li {
  float:left;
  background:url("../images/bg_news_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#news-navigation a {
  float:left;
  display:block;
  background:url("../images/bg_news_right.gif") no-repeat right top;
  padding: 5px 5px 5px 0px;
  text-decoration:none;  
  color:#999999;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#news-navigation a {float:none;}
/* End IE5-Mac hack */
#news-navigation a:hover {
  color:#333;
  }
#news-navigation .current  {  
  background-image:url("../images/bg_news_left_on.gif");
    }
#news-navigation .current a {
  background-image:url("../images/bg_news_right_on.gif");
  color:#333;
  padding: 5px 5px 5px 0px;
  margin-right:-1px;
  }
  
/* DETAIL Navigation */
.news-header {
    float: left; 
    height: 20px; 
    line-height: 20px; 
    width: 150px; 
    text-align: left;
    font-size:16px;
    font-weight:700;
    color: #999999;
    background:none !important;
}

/* TABLE */
.table ul {
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}
.table li.header {
    margin: 0;
    padding: 0;
    line-height: 2em;
    background: url(../images/spec_dotted_line.gif) bottom repeat-x;
}
.table li span {
    float: right;
    margin: 0 0 0 15px;
    width: 140px;
    text-align: right;
}
.table li {
    padding: 5px 0px 3px;
}
.table li.last {
    background: none;
}
.table h3 {
    margin: 0;
    padding: 0;
}


/* FORM-ELEMENTE */

form {
    margin: 0;
    padding: 0;
}
select {
    font: 0.9em Arial, Helvetica, sans-serif;
    color: #333;
}
input.single, textarea {
    font: 0.9em Arial, Helvetica, sans-serif;
    border: 1px solid #CCC;
    padding: 1px;
    color: #333;
}
form.contact label {
    width: 140px;
    display: block;
    float: left;
    line-height: 1.8em;
    font-weight: bold;
}
form.contact ul {
    margin: 0;
    padding: 0;
}
form.contact li {
    list-style: none;
    padding: 5px 0;
    margin: 0;
}
/* HACKS */

.clear-me {
    clear: both;
    font-size: 1px;
    /* height: 0;
    margin: 0;
    line-height: 0;*/
}
* html .dotted-line-horizontal, * html #cta-right .dotted-line-horizontal {
    overflow: hidden;
}
* html #cta-right .dotted-line-horizontal {
    overflow: hidden;
}
* html #cta-slider .box-slider .bottom {
    overflow: hidden;
}
* html .article .downloads img {
    margin: 0 6px 0 15px;
    vertical-align: middle;
}
* html .article .downloads img.first {
    margin: 0 6px 0 0;
    vertical-align: middle;
}
* html a.button-detail span {
    padding: 8px 0;
}
* html #cta-nav-details {
    height: 30px;
}
* html #cta-right .box-details div.value-first {
    margin-left: 5px;
}