/* Resetangaben */
body {
  background: #9c9e9f;
  margin: 0px;
}

a img { border: 0px; }
a:active, a:focus { outline: none; }
pre, form, ul, ol, li, h1, h2, h3 { margin: 0px; padding: 0px; }
td { vertical-align: top; }

/* Grundeinstellungen */
#body {
  margin: 10px auto;
  width: 995px;
  text-align: left;

  font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
}

#body h1 {
  font-size: 12px;
}

#site_top {
  height: 16px;
  background: url(/img/site/site_top.png);
}

#site_left {
  width: 10px;
  height: 800px;
  background: url(/img/site/site_left.png);
  float: left;
}

#site_main {
  width: 979px;
  float: left;
  background: url(/img/site/site-main-bg.png);
}

#site_right {
  width: 6px;
  height: 800px;
  background: url(/img/site/site_right.png);
  float: left;
}



/********** Kopfbereich **********/
#head {
  background: #EDEDEE url(/img/site/head-bg.png);
  position: relative;
  height: 150px;
}

#logo {
  background: url(/img/site/logo.png);
  position: absolute;
  left: 27px;
  top: 27px;
  width: 378px;
  height: 67px;
}

/********** Login Box **********/
#login-box {
  background: url(/img/site/login-box.png);
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 246px;
  height: 119px;
  line-height: 10px;
}

#login-box-links {
  position: absolute;
  bottom: 17px;
  left: 20px;
}

#login-box-links a {
  color: #505050;
  font-size: 10px;
  text-decoration: none;
}

#login-box-links a:hover {
  color: #f0f0f0;
}

#login-box-input {
  position: absolute;
  left:17px;
  top: 5px;
  font-size: 10px;
}

#login-box-input div {
  width: 191px;
  height: 28px;
  background: url(/img/site/login-box-input-bg.png) no-repeat;
}

#login-box-input div input {
  width: 181px;
  height: 18px;
  border: 0px;
  margin: 5px;
  font-size: 11px;
  color: #505050;
}

#login-button {
  position: absolute;
  bottom: 3px;
  right: 35px;
}

/********** Sprachen Box **********/
#lang-box {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 190px;
}

#lang-box .link {
  float: left;
  text-align: center;
  line-height: 0px;
  padding: 0px 5px;
}

/********** Navigation 1 **********/
#nav-1 {
  height: 37px;
  position: absolute;
  left: 20px;
  bottom: 0px;
}

#nav-1 a {
  height: 37px;
  width: 112px;
  display: inline-block;
  line-height: 41px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  color: #f0f0f0;
  background: url(/img/site/tabs/tab_bg.png);
  font-weight: bold;
}

#nav-1 a:hover, #nav-1 a.active {
  background: url(/img/site/tabs/tab_bg_hover.png);
}

/********** Navigation 2 **********/
#nav-2 {
  height: 45px;
  background: #D5031F url(/img/site/nav-2-bg.png);
  padding-left: 20px;
}

#nav-2 div.divider {
  float: left;
  width:3px;
  height: 45px;
  background: url(/img/site/nav-2-divider.png);
}

#nav-2 a {
  float: left;
  height: 45px;
  text-align: center;
  color: #f0f0f0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  height: 45px;
  display: inline-block;
  line-height: 30px;
}

#nav-2 a:hover, #nav-2 a.active {
  font-weight: bold;
  background: url(/img/site/nav-2-hover.png) center no-repeat;
}

/********** Hauptbereich **********/
#content {
  float: left;
  width: 733px;
  background: #ECECED url(/img/site/content-bg.png) repeat-y;
  min-height: 450px;
}

#content-inner {
  padding-left: 22px;
  padding-top: 10px;
}

#content .nav-head {
  width: 690px;
  height: 45px;
  background: url(/img/site/content-nav-head.png);
}

#content .nav-head .inner {
  padding-left: 20px;
}

#content .nav-head a {
  float: left;
  height: 45px;
  padding: 0px 15px;
  text-align: center;
  color: #f0f0f0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  line-height: 40px;
}

#content .nav-head a:hover, #content .nav-head a.active {
  background: url(/img/site/content-nav-head-hover.png) center no-repeat;
}

#content .nav-head div.divider {
  float: left;
  width:3px;
  height: 45px;
  background: url(/img/site/content-nav-head-divider.png);
}

#content .head {
  width: 690px;
  height: 15px;
  background: url(/img/site/content-head.png);
}

#content .body-grey {
  width: 690px;
  background: url(/img/site/content-body-grey.png);
}

#content .body-grey .inner {
  padding: 0px 0px 10px 20px;
}

#content .body-grey .text {
  padding: 10px 10px 10px 20px;
  color: #f0f0f0;
  font-weight: bold;
  line-height: 18px;
}

#content .body-grey .text h1 {
  font-size: 20px;
  line-height: 26px;
}

#content .body-white {
  width: 690px;
  background: url(/img/site/content-body-white.png);
}

#content .body-white .inner {
  padding: 15px 0px 15px 6px;
}

#content .body-white .column {
  float: left;
  width: 340px;
  line-height: 18px;
}

#content .body-white .one_column {
  float: none;
  width: 670px;
}

#content .body-white .column .column-inner {
  padding: 0px 0px 0px 15px;
}

#content .body-white .column h1 {
  font-size: 20px;
  color: #BD0926;
  text-transform: uppercase;
  padding-bottom: 10px;
}

#content .body-white a.arrow {
  color: #BD0926;
  text-decoration: none;
  font-size: 11px;
  line-height: 17px;
  font-weight: bold;
  background: url(/img/site/content-body-white-arrow.png) left no-repeat;
  padding-left: 13px;
  display: block;
}

#content .body-white a.arrow:hover {
  text-decoration: underline;
}

#content .body-white .divider {
  float: left;
  width: 1px;
  height: inherit;
  background: #B1B3B4;
}

#content .foot {
  width: 690px;
  height: 15px;
  background: url(/img/site/content-foot.png);
}

/********** rechte Spalte **********/
#col-right {
  float: left;
  width: 246px;
  background: #B1B3B4 url(/img/site/col-right-bg.png) repeat-y;
}

#col-right .head {
  width: 206px;
  height: 29px;
  background: #D20420 url(/img/site/col-right-head.png);
  text-transform: uppercase;
  line-height: 29px;
  color: #f0f0f0;
  font-weight: bold;
}

#col-right .head a {
  color: #f0f0f0;
  text-decoration: none;
}

#col-right .head div {
  padding-left: 17px;
}

#col-right .body {
  width: 206px;
  background: #D9DADB url(/img/site/col-right-body.png);
}

#col-right .body a.arrow, #col-right .drupal-col-right a {
  color: #BD0926;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  background: url(/img/site/col-right-body-arrow.png) left no-repeat;
  padding-left: 13px;
  margin-left: 10px;
}

#col-right .body a.arrow:hover {
  text-decoration: underline;
}

#col-right .body .text {
  line-height: 16px;
  padding: 10px 5px 10px 10px;
}

#col-right .body .text h1 {
  text-transform: uppercase;
}

#col-right .body .text p {
  margin: 12px 0px;
}

#col-right .body .text p.rtecenter {
  text-align: center;
}

#col-right .body .text a.arrow {
  display: block;
  margin: 0px;
}

#col-right .body div.divider {
  background: #B1B3B4 url(/img/site/col-right-row-divider.png) no-repeat;
  height: 2px;
}

#col-right .body .input {
  padding: 5px 0px 0px 10px;
}

#col-right .body .input div {
  width: 178px;
  height: 28px;
  background: url(/img/site/col-right-input-bg.png) no-repeat;
}

#col-right .body .input div input {
  width: 168px;
  height: 18px;
  border: 0px;
  margin: 5px;
  font-size: 11px;
  color: #505050;
}

#col-right .body table {
  line-height: 16px;
  border-collapse: collapse;
}

#col-right .body table .a {
  padding: 5px 0px 5px 10px;
}

#col-right .body table .b {
  padding: 5px 0px 5px 5px;
  font-weight: bold;
}

#col-right .body table .b a {
  color: #434343;
  text-decoration: none;
}

#col-right .body table .b a:hover {
  text-decoration: underline;
}

#col-right .body table .divider {
  background: #B1B3B4 url(/img/site/col-right-row-divider.png) no-repeat;
}

#col-right .foot {
  width: 206px;
  height: 6px;
  background: #D9DADB url(/img/site/col-right-foot.png);
}

#col-right ul {
  margin-left: 25px;
}

#col-right ul ul {
  margin-left: 15px;
}

#col-right li {
  line-height: 16px;
  list-style-image: url(/img/site/col-right-li.png);
}

#col-right li a {
  font-size: 11px;
  color: #BD0926;
  text-decoration: none;
  font-weight: bold;
}

#col-right li a:hover {
  text-decoration: underline;
}

/***** *****/
#content-foot {
  background: url(/img/site/content-foot-bg.png);
  width: 979px;
  height: 31px;
}

/********** dunkler Fußbereich **********/
#foot {
  background: #58585A url(/img/site/foot-bg.png) repeat-x;
  width: 979px;
  height: 175px;
}

#foot-inner {
  padding: 20px 0px 0px 20px;
}

#foot .link-group {
  float: left;
  color: #f0f0f0;
  margin-right: 20px;
}

#foot .link-group a {
  color: #f0f0f0;
  line-height: 12px;
  display: block;
  text-decoration: none;
  background: url(/img/site/foot-link-bg.png) no-repeat;
  padding: 8px 0px 6px 0px;
}

#foot .link-group h1 a {
  line-height: 18px;
  display: inherit;
  background: none;
  padding: 0px;
  text-transform: uppercase;
}

#foot .link-group a.active {
color: #000000;
}

#foot .link-group a:hover {
  text-decoration: underline;
}

#foot-foot {
  background: #58585A url(/img/site/foot-foot-bg.png);
  width: 979px;
  height: 5px;
}

/* Standard Seite */
#content .default-page {
  padding: 0px 30px 0px 20px;
  font-size: 14px;
  line-height: 20px;
}

#content .default-page h1 {
  font-size: 18px;
  line-height: 27px;
}

#content .default-page ol {
  margin-left: 20px;
}

#content .default-page ul {
  margin-left: 20px;
}

#content .default-page ul li {
  list-style-image: url(/img/site/drupal-article-li.png);
}

/* Drupal Content */
#content .drupal_article {
  padding: 0px 30px 0px 20px;
  font-size: 14px;
  line-height: 20px;
}

#content .drupal_article h1 {
  font-size: 18px;
  line-height: 27px;
}

#content .drupal_article h2 {
  font-size: 14px;
  line-height: 21px;
}

#content .drupal_article ol {
  margin-left: 20px;
}

#content .drupal_article ul {
  margin-left: 20px;
}

#content .drupal_article ul li {
  list-style-image: url(/img/site/drupal-article-li.png);
  padding: 5px 0px;
}

#content .drupal_article p.rteindent1 { padding-left: 20px; }
#content .drupal_article p.rteindent2 { padding-left: 40px; }
#content .drupal_article p.rteindent3 { padding-left: 60px; }

#content p.rtecenter { text-align: center; }

/* Datentabelle */

table.data {
  border-collapse: collapse;
}

table.data tr.head_row {
  font-weight: bold;
  background: #f0f0f0;
  border-bottom: 1px solid #000000;
}

table.data td {
  padding: 2px 15px 2px 5px;
}

table.data tr.even_row {
}

table.data tr.odd_row {
  background: #f0f0f0;
}

table.data td a {
  color: #BD0926;
  text-decoration: none;
}

table.data td a:hover {
  text-decoration: underline;
}

#glider div.scroller {
  width: 680px;
  height: 317px;
  overflow: hidden;
  float: left;
  background: #F4F3F6;
}

#glider div.scroller div.section {
  width: 680px;
  height: 317px;
  overflow:hidden;
  float:left;
}

#glider div.scroller div.content {
  width: 10000px;
}

#content .drupal_article ul.bestellen {
  font-size: 12px;
  line-height: 16px;
  padding: 5px 0px;
}

#content .drupal_article ul.bestellen li {
  padding: 0px;
}

#faq {
   margin-left: 20px;
}

#faq li {
  margin: 5px 0px;
  font-size: 14px;
  line-height: 21px;
}

#software-info ul, #trading-info ul {
  margin-left: 20px;
}

#software-info li, #trading-info li {
  list-style-image: url(/img/site/drupal-article-li.png);
}