.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font-size: 0;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-default#nav ul.level0 {
  background: #ECF3F6;
}
.menu-default#nav ul.level0.rows {
  width: auto;
}
.menu-default#nav ul.level0 li {
  background: none;
}
.menu-default#nav ul.level0 li.parent a {
  background: none;
}
.menu-default#nav ul.level0 li.parent a:hover {
  background: #D5E4EB;
}
.menu-default#nav ul.level0 ul {
  position: relative;
  display: block;
  left: auto;
  top: auto;
  margin-left: 10px;
  border: none;
  width: auto;
}
.menu-default#nav ul.level0 li.divider {
  background: #ccc;
  height: 1px;
  padding: 0;
}
.menu-default#nav li.level0.open > ul {
  left: 0;
  display: block;
}
.menu-default#nav li.level0 > ul {
  display: block;
  left: 0;
  display: none;
}
.menu-default#nav li.level1 >ul{
  display: block;
  left: 0;
  display: none;
}
.menu-default#nav .columns:before,
.menu-default#nav .columns:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-default#nav .columns:after {
  clear: both;
}
.menu-default#nav .columns .column {
  float: left;
  position: relative;
  width: 197px;
  z-index: 100;
  margin-right: 10px;
}
.menu-default#nav .columns .column > ul {
  margin-left: 0px;
}
.menu-default#nav .columns.columns-2 {
  width: 424px;
}
.menu-default#nav .columns.columns-2 > ul {
  width: 424px;
}
.menu-default#nav .columns.columns-2 > ul:before,
.menu-default#nav .columns.columns-2 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-default#nav .columns.columns-2 > ul:after {
  clear: both;
}
.menu-default#nav .columns.columns-3 {
  width: 621px;
}
.menu-default#nav .columns.columns-3 > ul {
  width: 631px;
}
.menu-default#nav .columns.columns-3 > ul:before,
.menu-default#nav .columns.columns-3 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-default#nav .columns.columns-3 > ul:after {
  clear: both;
}
.menu-default#nav .columns.columns-4 {
  width: 828px;
}
.menu-default#nav .columns.columns-4 > ul {
  width: 838px;
}
.menu-default#nav .columns.columns-4 > ul:before,
.menu-default#nav .columns.columns-4 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-default#nav .columns.columns-4 > ul:after {
  clear: both;
}
.menu-default#nav .columns.columns-5 {
  width: 1035px;
}
.menu-default#nav .columns.columns-5 > ul {
  width: 1045px;
}
.menu-default#nav .columns.columns-5 > ul:before,
.menu-default#nav .columns.columns-5 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-default#nav .columns.columns-5 > ul:after {
  clear: both;
}
.menu-blue {
  background-color: #6d6e72;
  background-repeat: no-repeat;
  z-index: 1000;
}
.menu-blue:before,
.menu-blue:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-blue:after {
  clear: both;
}
.menu-blue .h1 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-blue .h2 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}
.menu-blue .h3 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
}
.menu-blue .h4 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.menu-blue .h5 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
}
.menu-blue .h6 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
}
.menu-blue li {
  /*position: static;*//*must be static*/
}
.menu-blue li.level1 {
  background-repeat: no-repeat;
  height: 48px;
}
.menu-blue li.level1 div.note {
  color: #999;
  font-size: 10px;
  text-transform: none;
  font-weight: normal;
  text-shadow: none;
}
.menu-blue li.level1 > a {
  color: #ffffff;
  display: block;
  font-weight: bold;
  font: 13px Verdana, helvetica, sans-serif;
  margin: 0;
  padding: 5px 3px;
  position: relative;
  text-decoration: none;
}
.menu-blue li.level1 > a.note {
  padding: 7px 10px 13px 10px;
}
.menu-blue li.level1 > a div.note {
  color: #eeeeee;
}
.menu-blue li.level1.open,.menu-blue li.level1.active {
  background-color: #f56032;
  background-repeat: repeat-x;
}
.menu-blue li.level1.open div.sub {
  display: block;
}
.menu-blue li.level1 div.sub {
  z-index: 1000;
  position: absolute;
  display: none;
  left:0px;
  top:0px;
  background: #f56032;
  padding: 3px;
  width: auto;
}
.menu-blue li.level1 div.sub .sub-container {
  position:relative;
  background: #fff;
  border-top: 1px solid #ABAAAA;
}
.menu-blue li.level1 div.sub .sub-container > ul,
.menu-blue li.level1 div.sub .sub-container > div {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-left: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 24px;
  padding-left: 24px;
  min-width: 400px;
}
.menu-blue li.level1 li {
 /*display: block; /*should be disabled to correct submenu displaying*/
 margin-top: -1px;
  text-align: left;
}
.menu-blue li.level1 li a {
  color: #000000!important;
  text-decoration: none;
  font-size: 14px;
  font-family: Verdana, helvetica, sans-serif;
  padding: 9px 3px 9px 2px;
  display: block;
  text-align: left;
  border-bottom: 1px solid white;
}
.menu-blue li.level1 li a:hover {
  background: #EEEEEE;

}
.menu-blue li.level1 li a.h1 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-blue li.level1 li a.h2 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}
.menu-blue li.level1 li a.h3 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
}
.menu-blue li.level1 li a.h4 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.menu-blue li.level1 li a.h5 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
}
.menu-blue li.level1 li a.h6 {
  border-bottom: 1px solid #E8E8E8;
  color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
}
.menu-blue li.level1 li ul {
  margin-left: 15px;
}
.menu-blue li.level1 li.divider {
  padding: 0;
  background: #e8e8e8;
  border: none;
  margin: 3px 0px;
  height: 1px;
}
.menu-blue li.level1 li.text {
  padding: 5px;
}
.menu-blue li.head {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
}
.menu-blue li.head.h1 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-blue li.head.h2 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}
.menu-blue li.head.h3 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
}
.menu-blue li.head.h4 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.menu-blue li.head.h5 {
  border-bottom: 1px solid #E8E8E8;
  color: #2c5987;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
}
.menu-blue li.active > a {
  background: #f56032;
}
.menu-blue li.active.level1 > a {
  background-color: #f56032;
  background-repeat: repeat-x;
}
.menu-blue.menu-top {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  z-index: 200;
  position:relative;
  display: table;
}
.menu-blue.menu-top li.level1 {
  border-width: 0 1px;
  border-style: solid;
  border-color: transparent #fff transparent #fff;
  display: table-cell;
  vertical-align: middle;
}
.menu-blue.menu-top li.level1.first {
  border-color: transparent #fff transparent transparent;
}
.menu-blue.menu-top li.level1.last {
  border-color: transparent transparent transparent #fff;
}
.menu-blue.menu-top li.level1 > a {
  text-align: center;
}
.menu-blue.menu-top li.level1 a {
  color: #ffffff;
}

.menu-blue.menu-top li.level2 a:hover{
  color:black;
}
.menu-blue.menu-top li.level1 div.sub {
  z-index: 201;
  position: absolute;
  top: 48px;
  left: 0px;
  -webkit-border-radius: 0px 0px 1px 1px;
  -moz-border-radius: 0px 0px 1px 1px;
  border-radius: 0px 0px 1px 1px;
}
.menu-blue.menu-right,
.menu-blue.menu-left {
  margin-bottom: 15px;
  z-index: 100;
}
.menu-blue.menu-right li.level1,
.menu-blue.menu-left li.level1 {
  border-color: #15416f #15416f #3b6692 #3b6692;
  border-style: solid;
  border-width: 1px 0px;
}
.menu-blue.menu-right li.level1 > a,
.menu-blue.menu-left li.level1 > a {
  text-align: left;
}
.menu-blue.menu-right li.level1 div.sub,
.menu-blue.menu-left li.level1 div.sub {
  z-index: 101;
  position: absolute;
  top: -1px;
}
.menu-blue.menu-right li.level1 div.sub {
  right: 195px;
  -webkit-border-radius: 7px 0px 7px 7px;
  -moz-border-radius: 7px 0px 7px 7px;
  border-radius: 7px 0px 7px 7px;
}
.menu-blue.menu-left li.level1 div.sub {
  left: 195px;
  -webkit-border-radius: 0px 7px 7px 7px;
  -moz-border-radius: 0px 7px 7px 7px;
  border-radius: 0px 7px 7px 7px;
}
.menu-blue .columns:before,
.menu-blue .columns:after {
  display: table;
  content: "";
  line-height: 0;
}
.menu-blue .columns:after {
  clear: both;
}
.menu-blue .columns .column {
  float: left;
  position: relative;
  width: 320px;
  z-index: 100;
  margin-right: 10px;
}
.menu-blue .columns .column > ul {
  margin-left: 0px;
}
.menu-blue .columns.columns-2 {
  width: 430px;
}
.menu-blue .columns.columns-3 {
  width: 645px;
}
.menu-blue .columns.columns-4 {
  width: 860px;
}
.menu-blue .columns.columns-5 {
  width: 1075px;
}
.menu-blue table tr td {
  padding: 5px;
}

/*need for rwd theme*/
.menu-blue .columns {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*menu-footer configuration*/
.menu.menu-blue.menu-footer li.level1 {
  float: left;
}

.menu.menu-blue.menu-footer {
  display: inline-block;
  width: 100%;
}

.submenu{
  display: none;

}
.menu-blue li.level1 li:hover div.submenu{
  display: block;
  position:relative;
  background:#EEEEEE;
}
.menu-blue li.level1 li:hover div.sub{
  display: block;
  position:absolute;
  left:400px;
  top:-4px;
}
.menu-blue li.level1 li:hover div.submenu a{
color:black;
}

.menu-blue .parent>a:after {
  float: right;
  padding-top: 3px;
  content: url('../images/tagestrade_menu/whiteArrow.png');
}

.menu-blue .submenu .parent>a:after{
  float: right;
  padding-top: 3px;
  content: url('../images/tagestrade_menu/blackArrow.png');
}
.menu-blue .parent>a.like_a_hovered:after{
  margin-right: 24px;
  float: right;
  content:url('../images/tagestrade_menu/blackArrow.png');
}
.menu-blue li.level1 li:hover div.submenu a:hover{
  background:white;
  color:black;
}
.menu-blue li.level1 li:hover div.submenu, .menu-blue li.level1 li:hover div.submenu2{
  margin-left: -4px;
}

.menu-blue.menu-top li.level1 a.like_a_hovered{
  background: #EEEEEE;
  color:black;
  margin-right: -24px;
  margin-left: -8px;
  padding-left: 10px;
  overflow: visible;
}
.menu-blue.menu-top li.level3>a.like_a_hovered{
  background: #FFFFFF;
}

.menu-blue li.level1 li a.parent:hover {
  background: #EEEEEE;
}
.menu-blue li.level1 div.submenu li:hover div.submenu2 a{
border-bottom: 1px solid #EEEEEE;
}
.menu-blue li.level1 div.submenu li:hover div.submenu2 .last a{
border-bottom: 0px;
}

.menu-blue li.level1 li.last>a {
  border-bottom: 0px;
}
.submenu2{
 display:none;
}
.menu-blue li.level1 div.submenu li:hover div.submenu2{
  display: block;
  position:relative;
  left:0px;
  background:#ffffff;
  width: 398px;
}
.menu-blue div.submenu li:hover div.sub{
  display: block;
  position:absolute;
  left:400px;
  top:-4px;
}
.menu-blue.menu-top li.level2>div.sub{
display: none;
}
.menu-blue li.level1 li:hover div.submenu div.submenu2 a:hover{
  background:#EEEEEE;
  color:black;
}
.menu-blue .empty{
  display: block;
  position:absolute;
  left:400px;
  top:48px;
  background: #f56032;
  border-top: 1px solid #f56032;
}
.menu-blue .empty-container{
  position:relative;
  margin: 3px;
  width: 400px;
  min-height: 200px;
  height: auto;
  background: white;
  margin-left: 0px;
  display:block;
}
.menu-blue .doublesize{
  width:800px;
}
.menu-blue .resized{
  left:800px;
}
.menu-blue .resized .doublesize{
  width: 400px;
}
.menu-blue .select-section{
    display:block;
    position: absolute;
    text-align: center;
    width: 100%;
    height:100%;

}
.menu-blue div.select-section-img:before{
    display: block;
    margin: 50px;
  content:url('../images/tagestrade_menu/select_section.png');
}
.menu-blue span{
  font-family: "Open Sans","Helvetica Neue",Verdana,Arial,sans-serif;
  text-decoration: none;
}
.menu-blue .smart-hidden{
  background: white;
  padding: 0px;
}
.menu-blue li.level1 li:hover li div.sub{
display: none;
}
.menu-blue li.level1 li li:hover div.sub{
display: block;
}
ul.menu~nav{
  display: none;
}






/*.menu-blue li.level1 li:hover ul.submenu{
  display: block;
  position:absolute;
  left:205px;
  top:0px;
}*/

/*uncomment for footer menu if not responsive theme*/
/*.menu.menu-blue.menu-footer li.level1 div.sub {
  width: 100%;
}*/