.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html,
body {
  height: 100%;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

body {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

body:not(.products-body) {
  min-width: 1366px;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

.page-header {
  clear: both;
}

.main {
  /*clear: both;*/
  /*padding:0 10px;*/
  float: left;
  min-height: 700px;
  width: calc(100% - 93px);
  width: 100%;
}
html[xmlns] .page .main {
  /*background: green;*/
  display: flex;
  position: relative;
  padding-bottom: 55px;
}
html[xmlns] .page.news-overview .main {
  display: block;
}
.main {
  /*min-height: 540px;
	height:auto !important; IE6+IE7
	height: 540px;*/ /*removed because of calculations and settings of teaser boxes and main content div heigths*/
  /*position: relative; */
  /*margin-top: 45px;*/
  /*/margin-top: 10px;Bane removed that*/
}

/*new-layout-adjustments*/

.page-holder,
html[xmlns] .page-holder.clearfix {
  display: flex;
  width: 100%;
}

.main-left {
  float: left;
  width: 125px;
  display: block;
}
.main-right {
  float: right;
  width: 125px;
}
.page-footer {
  clear: both;
}

.pager li {
  display: inline;
}

/* quotes */

.down {
  color: #f95050 !important;
}
.pricepageQuoteboard .down {
  color: white !important;
}
.same {
  color: Gray;
}
.up {
  color: #94f38f !important;
}
.pricepageQuoteboard .up {
  color: white !important;
}

/* push */
.push-down {
  background-color: #e07474;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: white;
}
.push-same {
  background-color: #b5b5b5;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: white;
}
.push-up {
  background-color: #78c45c;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: white;
}
.push-status-on,
.push-status-off,
.push-status-disabled {
  background: url(img/push-on.gif) no-repeat right;
  background: url(img/push.gif) no-repeat right 0;
  cursor: pointer;
  height: 32px;
  width: 30px;
}
.push-status-off,
.push-status-disabled {
  background: url(img/real_time_off.png) no-repeat right;
  background: url(img/push.gif) no-repeat right -50px;
}

.push-status-disabled {
  cursor: default;
}
/* tables */

table th.cell-first,
table td.cell-first,
table th.performance1W_bar,
table th.performance1M_bar,
table th.performance1Y_bar {
  text-align: left;
}

table th.cell-last,
table td.cell-last {
  text-align: right;
}

.info {
  background: url(img/warning_bg.png) repeat-x scroll 0 0 transparent;
  margin: 0 10px;
  height: 42px;
}
.info .warning_img {
  background: url(img/warning_small.png) no-repeat scroll 0 0 transparent;
  height: 31px;
  margin-left: 10px;
  margin-top: 5px;
  padding-left: 0;
  width: 39px;
  float: left;
}
.info .warning_text {
  display: inline-block;
  font-size: 110%;
  font-weight: bold;
  padding-top: 14px;
  padding-left: 15px;
}

.info .warning_text a {
  color: #000000;
  text-decoration: none;
}

.ajax-effect-wrapper,
.ajax-effect-wrapper-clear-both {
  background-image: url(img/loading.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.ajax-effect-wrapper-clear-both {
  clear: both;
}

.ajax-effect-newsOverview {
  background-image: url(img/loading.gif);
  float: left;
  padding: 0;
  width: 520px;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  height: 300px;
}

.ajax-effect-wrapper:after {
  height: 0;
  content: ".";
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
* html .ajax-effect-wrapper {
  height: 1%;
}
* + html .ajax-effect-wrapper {
  min-height: 1px;
}

/* drag and drop */

/* dragtable */
.dragtable-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dragtable-sortable li {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1em; /*background: #222;*/
}
.dragtable-sortable table {
  border: none;
  background: none;
}

.ui-sortable-helper {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ui-sortable-placeholder {
  background: #222 !important;
  visibility: visible !important;
}
.ui-sortable-placeholder * {
  opacity: 0;
  visibility: hidden;
}

table tr th.drag-accept a {
  position: relative;
  z-index: 3;
  margin-left: 8px;
}
th.drag-accept .drag-holder {
  position: relative;
  overflow: visible;
  height: 100%;
  z-index: 2;
}
th.drag-accept .drag-holder .drag-handle {
  cursor: move;
  position: absolute;
  width: 100%;
  height: 15px;
  top: -15px;
  left: 0px;
}

/* tick charts */
.ticks-chart {
  position: relative;
  width: 85px;
  float: right;
  margin-left: 8px;
}
.ticks-chart div {
  float: left;
  height: 100%;
  position: relative;
  margin-right: 1px;
}
.ticks-chart div a {
  width: 5px;
  display: block;
}
.ticks-chart div span {
  display: block;
  position: absolute;
  width: 100%;
}
.ticks-chart div span.up {
  background-color: #555;
}
.ticks-chart div span.down {
  background-color: #555;
}
.ticks-chart div span.up-color {
  background-color: #9dd568;
}
.ticks-chart div span.down-color {
  background-color: #d3575c;
}
.ticks-chart .middle-line {
  position: absolute;
  float: none;
  height: 1px;
  width: 83px;
  background-color: #777;
  top: 50%;
  left: 0px;
  margin-right: 1px;
}
.values-positive div.middle-line {
  top: 100%;
  left: 0px;
}
.values-negative div.middle-line {
  top: 0px;
  left: 0px;
}
.values-positive .up {
  bottom: 0px;
}
.values-negative .down {
  top: 0px;
}
.values-diff-sign .up {
  bottom: 50%;
}
.values-diff-sign .down {
  top: 50%;
}
.ticks-chart div {
  width: 5px;
}

/* clearfix */

.main:after {
  height: 0;
  content: ".";
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}

* html .main {
  height: 1%;
}

* + html .main {
  min-height: 1px;
}

.billionaire-row {
  display: table-row;
}

.billionaire-row .rbcol {
  display: table-cell;
  vertical-align: middle;
}

.billionaire-list .billionaire-row:hover,
.billionaire-list .billionaire-row:nth-child(even):hover {
  background: #484848;
}

.billionaire-list .billionaire-row:nth-child(even) {
  background: #222;
}

.billionaire-list .rbcol {
  font-size: 1.3em;
  padding: 2px;
  align: left;
}

.billionaire-list .rbcol1 {
  width: 50px;
  height: 35px;
}
.billionaire-list .rbcol2 {
  width: 220px;
}
.billionaire-list .rbcol3 {
  width: 170px;
}
.billionaire-list .rbcol4 {
  width: 100px;
}
.billionaire-list .rbcol5 {
  width: 150px;
  font-size: 1.5em;
  text-align: right;
  padding-right: 45px;
}
.billionaire-list .rbcol6 {
  width: 300px;
}