@CHARSET "UTF-8";

/* left col */
#overview-page .mainContent { float: left; width: 577px; }
#overview-page .mainContent .boxHeader { background: url('/img/s/sprite-border.png') 0 0 no-repeat; height: 5px; }
#overview-page .mainContent .boxBody { background: url('/img/s/bg-main.png') 0 0 repeat-x; }

.best-performer .mainContent .boxBody { background: url('/img/s/bg-main-short.png') 0 0 repeat-x !important; }

#overview-page .mainContent .headline { padding-left: 245px; }

.easytrader .mainContent .headline { background: url('/img/s/tool-easytrader.png') 10px 20px no-repeat; }
.financials .mainContent .headline { background: url('/img/s/tool-financials.png') 10px 20px no-repeat; }
.best-performer .mainContent .headline { background: url('/img/s/tool-best-performer.png') 10px 20px no-repeat; }

#overview-page .mainContent .boxBody { float: left; }

#overview-page .mainContent .headline h1 { font-size: 26px; text-transform: uppercase; padding-bottom: 5px; font-weight: bold; }
#overview-page .mainContent .headline p { float: left; background: #000; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 0 5px; }
#overview-page .mainContent .headline .button { clear: both; padding: 5px 0; }
#overview-page .mainContent .headline .button span { display: block; width: 155px; height: 46px; text-indent: -5000px; }

.easytrader .mainContent .headline .button { background: url('/img/s/sprite-buttons.png') 0 -245px no-repeat; margin-left: 155px; }
.financials .mainContent .headline .button { background: url('/img/s/sprite-buttons.png') 0 -145px no-repeat; margin-left: 175px;  }
.best-performer .mainContent .headline .button { background: url('/img/s/sprite-buttons.png') 0 -345px no-repeat; margin-left: 135px;  }
.best-performer .mainContent .headline .button span { height: 35px !important; }
.best-performer .mainContent .boxEnd { clear: both; background: url('/img/s/sprite-border.png') -600px 0 no-repeat; height: 5px; }

.best-performer .mainContent .submit { margin: 17px 0; background: url('/img/s/sprite-buttons.png') 0 -450px no-repeat; }
.best-performer .mainContent .submit a { display: block; width: 150px; height: 28px; color: #000; font-size: 14px; font-weight: bold; text-align: center; padding-top: 3px; }

#overview-page .mainContent .headline .list { padding-right: 35px; }
#overview-page .mainContent .headline .list p { float: none; background: none; font-size: 14px; padding: 0; }
#overview-page .mainContent .headline .list li { font-size: 13px; font-weight: bold; padding: 3px 0 0 23px; color: #fff; display: block; background: url('/img/s/sprite-common.png') 0 5px no-repeat; }

#overview-page .mainContent .indexes { clear: both; padding-top: 15px; margin-left: 2px; }
#overview-page .mainContent .indexes li { float: left; text-align: center; width: 190px; background: url('/img/s/bg-index.png') 6px 0 no-repeat; }
#overview-page .mainContent .indexes li h3 { color: #fff; font-weight: bold; text-transform: uppercase; padding: 3px 0 5px 0; }
#overview-page .mainContent .indexes li p { color: #fff; padding-bottom: 7px; }
#overview-page .mainContent .indexes li a { display: block; background: url('/img/s/sprite-buttons.png') 0 0 no-repeat; width: 99px; height: 18px; margin: 0 auto 18px auto; color: #000; font-weight: bold; font-size: 11px; }

/* right col */
.mainSidebar { float: right; width: 188px; background: url('/img/s/bg-form.png') 0 0 no-repeat; }
.mainSidebar .form input { border: none; }
.mainSidebar .form { margin-top: -10px; padding: 0 10px 0 3px; background: url('/img/s/logo-form.png') 3px 10px no-repeat; }
.mainSidebar .form p.header { margin: 0 auto; color: #F2D300; text-transform: uppercase; font-size: 20px; line-height: 22px; font-weight: bold; border: none; padding: 100px 0 0 0; text-align: center; }
.mainSidebar .form p { border-bottom: 1px dashed #898989; font-size: 11px; color: #fff; font-weight: bold; padding: 5px 0 15px 0; line-height: 13px; }
.mainSidebar form { clear: both; padding: 10px 0 20px 0; }
.mainSidebar form label { display: block; float: left; padding: 0 2px 10px 2px; color: #fff; }
.mainSidebar form label.first { padding-left: 18px; padding-right: 10px; }
.mainSidebar form label.legend { float: right; padding: 0 18px 10px 0; font-size: 12px; }
.mainSidebar form input { clear: both; font-size: 12px; display: block; float: left; padding: 0 4px 1px 4px; margin: 0 0 7px 10px; width: 145px; height: 17px; background: url('/img/s/sprite-inputs.png') 0 0 no-repeat; }
.mainSidebar form input.radio { clear: none; float: left; width: auto; height: auto; background: none; margin: 1px 0 0 0; }
.mainSidebar form input.button { display: block; float: none; background: url('/img/s/sprite-buttons.png') 0 -50px; width: 149px; height: 28px; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; text-align: center; font-weight: bold; margin: 0 auto; }
.mainSidebar form span { display: block; float: left; color: #fff; padding: 3px 0 0 2px; }
.mainSidebar form input.plain,.mainSidebar form input.retypePlain { display: none; }

/* additional */
#overview-page .mainAdditional { clear: none !important; }
#overview-page .mainSpecial { clear: both; float: left; padding: 10px 0; }
#overview-page .mainSpecial .umsatze { float: left; width: 287px; margin-right: 10px; background: url('/img/s/bg-table-short.png') 0 0 no-repeat; }
#overview-page .mainSpecial .table { float: left; width: 287px; float: left; background: url('/img/s/bg-table.png') 0 0 no-repeat; }
#overview-page .mainSpecial p { background: none; color: #fff; font-weight: bold; padding: 5px 10px; }
#overview-page .mainSpecial table { padding: 5px 15px 20px 15px; }
#overview-page .mainSpecial th { color: #fff; font-weight: bold; text-align: right; padding-bottom: 3px; }
#overview-page .mainSpecial th.main { text-align: left; padding-left: 5px; }
#overview-page .mainSpecial th.last { padding-right: 5px; }
#overview-page .mainSpecial tr.odd td { background: #141414; }
#overview-page .mainSpecial td { padding: 2px 0; color: #fff; }
#overview-page .mainSpecial td.name { width: 80px; }
#overview-page .mainSpecial td.value { width: 90px; text-align: right; }
#overview-page .mainSpecial td.trade { width: 100px; text-align: right; padding-right: 5px; }
#overview-page .mainSpecial td.number { color: #F2D300; font-weight: bold; padding: 1px 5px; }

/* box: freunde werben */
#freunde-werben { float: right; width: 190px;  }
#freunde-werben .boxHeader { width: 100%; height: 4px; background: url('/img/s/fw-sprite-border.png') 0 0 no-repeat; }
#freunde-werben .boxBody { padding: 0 7px; background: #a9a9a9 url('/img/s/fw-bg-middle.png') 0 0 no-repeat; }
#freunde-werben .boxBody .title { float: left; padding: 0;   }
#freunde-werben .boxBody .title div { float: left; padding-top: 20px; width: 78px; font-size: 14px; line-height: 18px; font-weight: bold; color: #000; text-transform: uppercase; }
#freunde-werben .boxBody .title div.logo { background: url('/img/s/fw-sprite-common.png') 3px 0 no-repeat; color: #fff; padding: 25px 0; text-align: center; width: 98px; font-size: 14px; }
#freunde-werben .boxBody .title div.logo span { font-size: 24px; }
#freunde-werben .boxBody .info { clear: both; font-size: 12px; font-weight: bold; line-height: 13px; padding-bottom: 5px; border-bottom: 1px dashed #E5E5E5; }
#freunde-werben .boxBody .form { padding-top: 5px; }
#freunde-werben .boxBody .form fieldset { padding-bottom: 5px; }
#freunde-werben .boxBody .form label { display: block; float: left; padding: 0 0 10px 3px; text-decoration: underline; font-size: 11px; cursor: pointer; }
#freunde-werben .boxBody .form input { display: block; background: url('/img/s/fw-sprite-common.png') 0 -199px no-repeat; width: 168px; height: 18px; line-height: 18px; font-size: 12px; color: #000; padding: 0 3px 3px 3px; border: none; }
#freunde-werben .boxBody .form input#more { display: block; float: left; margin-top: 1px; background-position: 0 -249px; height: 15px; width: 17px; text-align: center; padding: 0 0 1px 0; }
#freunde-werben .boxBody .form input#werben { display: block; clear: both; margin: 0 auto; background-position: 0 -300px; width: 158px; height: 28px; line-height: 28px; padding: 0 0 3px 0; font-size: 12px; text-align: center; padding: color: #fff; font-weight: bold; text-transform: uppercase; }
#freunde-werben .boxBody .form .success,
#freunde-werben .boxBody .form .error { font-weight: bold; margin: 0 auto; padding-bottom: 5px; border-bottom: 1px dashed #E5E5E5; text-align: center; font-size: 12px; }
#freunde-werben .boxBody .form .success p,
#freunde-werben .boxBody .form .error p { line-height: 13px; }
#freunde-werben .boxBody .form .success { color: #f36918; }
#freunde-werben .boxBody .form .error { color: #f00; }
#freunde-werben .boxBody .form .emails p.error { font-weight: normal; font-size: 11px; text-align: left; margin: 0; }
#freunde-werben .boxEnd { width: 100%; height: 4px; background: url('/img/s/fw-sprite-border.png') -230px 0 no-repeat; }

#errors { display: none; color: #F2D300; font-weight: bold; padding: 0 10px 10px 10px; text-align: center; clear: both; }

#contract-spec-box { clear: both; float: left; margin-top: 5px;}
#contract-spec-box .middle { float: left; width: 354px; padding: 4px 0 4px 5px; background: #000; }
#contract-spec-box .middle span { color: #FFE000; font-weight: bold; font-size: 11px; }
#contract-spec-box .right { float: left; background:url("../img/games/caption-right.png") 100% 0 no-repeat; height:25px; width: 7px; }
#contract-spec-box .item-box { width: 366px; float: left; }
#contract-spec-box .item-box p { clear: both; float: left; margin: 5px 0; }
#contract-spec-box .item-box span { display: block; float: left; }
#contract-spec-box .contract-spec-title {color:#fff; font-size:12px; font-family:Tahoma; font-weight:bold;}
#contract-spec-box .contract-spec-text {color:#fff; font-size:10px; }
#contract-spec-box .contract-spec-body {float: left; padding: 10px; background: url("../img/layout/content/bg-right.png") 100% 0 repeat-y; }
#contract-spec-box .contract-spec-body td { vertical-align: middle; padding: 5px 0; }
#contract-spec-box .contract-spec-body td.index { padding-right: 10px; }

#trading-hours { float: left; margin: 5px 0 0 10px; }
#trading-hours .item-box { width: 217px; }
#trading-hours .middle { float: left; width: 205px; padding-left: 5px; padding: 4px 0 4px 5px; background: #000; }
#trading-hours .middle .title { color: #FFE000; font-weight: bold; font-size: 11px; }
#trading-hours .middle .title span { display: block; float: right; padding-right: 10px; }
#trading-hours .right { float: left; background:url("../img/games/caption-right.png") 100% 0 no-repeat; height:25px; width: 7px; }
#trading-hours .table { padding: 10px; background: url("../img/layout/content/bg-right.png") 100% 0 repeat-y; }
#trading-hours .table table { width: 100%; }
#trading-hours .table td { color:#fff; padding: 5px 0; font-size:12px; font-family:Tahoma; }
#trading-hours .table td.index { padding-right: 5px; font-weight:bold; }

#smart-charts { float: left; margin: 5px 0 0 10px; }
#smart-charts .item-box { width: 157px; }
#smart-charts .middle { float: left; width: 145px; padding-left: 5px; padding: 4px 0 4px 5px; background: #000; }
#smart-charts .middle .title { color: #FFE000; font-weight: bold; font-size: 11px; }
#smart-charts .middle .title span { display: block; float: right; padding-right: 10px; }
#smart-charts .right { float: left; background:url("../img/games/caption-right.png") 100% 0 no-repeat; height:25px; width: 7px; }
#smart-charts .list { padding: 10px; background: url("../img/layout/content/bg-right.png") 100% 0 repeat-y; }
#smart-charts .list li { padding: 5px 0; }
#smart-charts .list li a { color: #fff; font-size:12px; font-family:Tahoma; font-weight: bold; text-decoration: underline; }

#dialogBox { display: none; }

#freunde-werben form .payments {}
#freunde-werben .boxBody .form .payments div { clear: both; height: 30px }
#freunde-werben .boxBody .form .payments input  { display: block; float: left; margin: 6px 3px 10px 3px; border: none; height: auto; width: auto;}
#freunde-werben .boxBody .form .payments input.radio {background: none}
#freunde-werben .boxBody .form .payments label  { color: #000; display: block; float: left; padding: 0; margin: 3px 0px 0px 3px; font-size: 11px; text-decoration: none}
#freunde-werben .boxBody .form .payments img.logo  { float: right; margin: 0 3px 0 2px; border: 1px solid #999999; }
#freunde-werben .boxBody .form .payments input#werben  { margin: 6px 0 0 8px; }

#pay-by-call {display: none}