body > header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.125rem auto 0;
    max-width: 62.875rem;
    min-width: 12.5rem;
    padding: 0rem 1rem;    
}

body > header > div {
    display: table-row;
}

body > header > div > * {
    display: table-cell;
    vertical-align: top;
}

body > header .logoContainer > a{
  background-color:#FFFFFF;
  background-size:contain;
  float:left;
  height: 3.713rem;
  width: 11.563rem;
  position:relative;
}
body > header .logoContainer > .svg{
    background-image: url(/images/header/logo.svg);
}
body > header .logoContainer > a > img{
    border:none;
    display:none;
    width:100%;
}
@media (max-width: 57.813em) {
    body > header .logoContainer > a, body > header .logoContainer > a > img {
        height: 2.95rem;
        width: 9.063rem;
    }
}
@media (max-width: 43.125em) {
    body > header .logoContainer > a, body > header .logoContainer > a > img {
        height: 2.15rem;
        width: 6.563rem;
    }
}
body > header .logoContainer > a > span{
  border-bottom-width:0;
  border-color:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  clip:rect(0rem 0 0 0rem);
  height:0.0625rem;
  margin:-0.0625rem;
  overflow-x:hidden;
  overflow-y:hidden;
  padding:0;
  position:absolute;
  width:0.0625rem;
}

body > header > div > section {
    text-align: right;
    width: 100%;
}

body > header .element > * {
    display: inline-block;    
    font-size: 0.8125rem;
}

body > header .element a {
    color: #565656;
    font-weight: normal;
    text-decoration: underline;
}

body > header .element a:first-child {
    margin-right: 0.9375rem;
}

body > header .search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.063rem solid #DCDBDB;
    font-size: 0.813rem;
    height: 1.375rem;
    margin: 0.125rem 0 0 0.625rem;
    padding: 0.125rem;
    vertical-align: top;
    width: 14.25rem;
}

body > header .search::-moz-placeholder {
    color: #999;
    font: 0.750rem Arial,Helvetica,sans-serif;
}
body > header .search::-webkit-input-placeholder {
    color: #CCC;
    font: 0.750rem Arial,Helvetica,sans-serif;
}
body > header .search:-ms-input-placeholder {
    color: #CCC;
    font: 0.750rem Arial,Helvetica,sans-serif;
}

body > header .search:focus::-moz-placeholder {
    color: transparent;
}

body > header .search:focus::-webkit-input-placeholder {
    color: transparent;
}

body > header .submit {
    background: url(/images/sprites/sprite.png) no-repeat -8.75rem -2.313rem;
    border: 0 none;
    cursor: pointer;
    height: 1.375rem;
    margin: 0.125rem 0 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 1.375rem;
}

.element .profileLink {
    font-weight: bold;
}

/* Menu */

body > header nav {
    text-align: right;
}

body > header nav > a {
    float: left;
    outline: none;
}
#mb_header .mainpage_submenu_img 
{
    display:block;
    width: 2.500rem;
    height:2.188rem;
    
    margin-top: 0.5rem;
    margin-left:0.313rem;

    background-image: url(/images/main/open_menu.svg);
    background-repeat: no-repeat;
    background-position: 0rem 0rem;
}
#mb_header a.dl-active > div
{
    background-image: url(/images/main/close_menu.svg);
}
body > header .bottomnav {
    margin: 0;
    height: 0;
}
@media (max-width: 43.125em) {
body > header .bottomnav {
   /* height:1.875rem;*/
}
}
body > header .topnav {
    margin: 0;
    height:2.125rem;
    padding: 0;
}
body > header .topnav a {
    text-decoration: none;
}
body > header .topnav > li {
    border: 0 none;
    display: inline-block;
    list-style: none;
    margin: 0;
    
    -moz-border-radius: 0.313rem 0.313rem 0 0;
    -webkit-border-radius: 0.313rem 0.313rem 0 0;
    border-radius: 0.313rem 0.313rem 0 0;
}

body > header .topnav > li:last-child {
    padding-right: 0;
}

body > header .topnav > li > a {
    border: 0 none;
    color: #006298;
    display: block;    
    font-size: 0.938rem;
    height:2.188rem;
    line-height:2rem;
    font-weight: bold;
    outline: medium none;
    text-decoration: none;
    text-transform: uppercase;
}

body > header .topnav span {    
    display: block;
    padding: 0.188rem 0.938rem 0;
}

body > header .topnav > li:hover {
    background-color: #1783BA;
    -moz-border-radius: 0.313rem 0.313rem 0 0;
    -webkit-border-radius: 0.313rem 0.313rem 0 0;
    border-radius: 0.313rem 0.313rem 0 0;
}

body > header .topnav > li:hover > a {
    color: #FFF;
}

body > header .subnav {
    display:none;
    padding: 0;
    position: absolute;
    top: 3.813rem;
    width: 14rem;
    z-index: 100;
}

body > header li:hover > ul {
    display: block;
}

body > header .subnav > div {
    background-color: #FFF;
    margin-top: 0.125rem;
    border-left: 0.063rem solid #1783BA;
    border-right: 0.063rem solid #1783BA;
}

body > header .subnav li {    
    display: inline-block;
    background-color: #FFFFFF;
    margin: 0;
    line-height: 1.813rem;
    text-align: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body > header .subnav li:first-child {
    border-top: 0.063rem solid #1783BA;
}

body > header .subnav li:last-child {
    border-bottom: 0.063rem solid #1783BA;
}

body > header .subnav a {
    border:0.063rem solid #fff;
    border-bottom: 0.063rem solid #DCEBF9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4A545F;
    display: block;
    height:100%;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0 0.625rem;
    
}

body > header .subnav a.subtitle {
    color: #006298;
    background-color:#F8F8F8;
}

body > header .subnav a.subtitle:hover {
    color: #006298;
}

body > header .subnav a:hover {
    background-color: #EDF8FF;
    border-bottom:0.063rem solid #B4DEF4;
    color: #4A545F;
}

body > header .topnav > li > .selected_menu_item {
    color: #7D0001;
}

@media (max-width: 57.813em) {
    body > header svg, body > header .logoContainer {
        width: 9.063rem;
    }
}

@media (max-width: 54.688em) {
    body > header .topnav span {
        padding: 0.188rem 0.625rem 0;
    }        
}

@media (max-width: 51.250em) {
    body > header .topnav span {
        font-size: 0.813rem;
    }
}

@media (max-width: 47.188em) {
    body > header .topnav span {
        padding: 0.188rem 0.313rem 0;
    }
}

@media (max-width: 43.125em) {
    body > header svg, body > header .logoContainer {
        width: 6.563rem;
        max-height: 3.125rem;
    }
    
    body > header .topnav {
        display: none;
    }
    
    body > header nav {
        height:0;
    }
    
    body > header nav .sideMenuOpenButton {
        display: block;
        text-align: left;
    }
}

@media (max-width: 38.750em) {
    body > header .search {
        width: auto;
    }
}

@media (max-width: 32.438em) {
    
    body > header {
        padding: 0 0.313rem;
    }
    
    body > header .element > form {
        display: none;
    }
    
    body > header .hiddenSearch {
        display: inline-block;
    }
}

/* ------------------------------- new header ----------------------------------------*/
#mb_header {
    display:none;    
    width:100%;
    height:3.375rem;    
    background-color: #0080B2;
    position:relative;
}
#mb_inner_menu, #mb_search {
    display:block;
    float:left;
    width: 3.125rem;
    height:3.375rem;
}

#mb_search {
    position: absolute;
    top:0;
    right: 0;
    background-image: url(/images/main/mb_search.svg);
    background-position: 98% 0.563rem;
    background-repeat: no-repeat;
}

#mb_logo {
    display:block;    
    width:70%;
    height: 100%;
    margin:0 auto; padding:0;
    text-align: center;
    
    background-image: url(/images/header/Aldec_white.svg);
    background-size: 10rem;
    background-position: 50% 0.063rem;
    background-repeat: no-repeat;
}
#mb_logo  > img {
    margin-top:0.125rem;
    width:9.688rem;
    height:3.125rem;
}

#dl-menu > ul.dl-menu {
   margin-top:0.063rem;  
}

@media (max-width: 43.125em) {
    #mb_header {
        display:block;
    }    
    body > header svg, body > header .logoContainer {
        display:none;
    }   
    body > header > div {
        display:block;
        width: 100%;
    }
    body > header > div:after {
        clear:both;
        content: "";
        display: block;
    }
    body > header > div > section{
        display:block;
        float:right;                              
    }
    body > header #search_form {
        display:none;
    }
    body > header .element > section > * {
		display: inline-block;    
		font-size: 1rem;
		height: 2.188rem;
        line-height:2.000rem;
        padding:0 0.313rem 0 0.313rem;
	}			
	body > header .element > section > .hiddenSearch, body > header .search, body > header .submit {
		display: none;
	}				
}
@media (max-width: 15.625em) {
    #mb_logo  {
        background-size: 8.125rem;
        background-position: 50% 0.438rem;
    }
    #mb_logo > img {
        margin-top:0.438rem;
        width:8.125rem;
        max-width:100%;
    }
}
@media (max-width: 13.750em) {
    #mb_search {        
        width: 1.875rem;
        background-size: 2.188rem 1.875rem;
    }
    #mb_header .mainpage_submenu_img {
        width:1.875rem;
        background-size: 1.875rem 1.875rem;
    }
    #mb_logo > img {
        margin-top:0.688rem;
        width:6.250rem;
    }
}
