.header_body_background_headline {
height: 210px;
}
@media screen and (max-width: 659px) {
.header_body_background_headline {
height: 185px;
}
}
.header_body_background_opaccity {
height: 60px;
position: absolute;
top: 0px;
}
.main-navigation-portable {
display: block;
height: 60px;
width: 100%;
background-color: #FF0000;
}
.main-nav-portable-start {
height: 100%;
width: 130px;
font-size: 18px;
text-transform: uppercase;
color: #FFFFFF;
cursor: pointer;
}
.main-nav-portable-start-open {
background-color: #FFFFFF;
color: #FF0000;
}
.main-nav-portable-start-open img{
background-color: #FF0000;
}
.main-nav-portable-start img {
margin-left: 22px;
margin-top: 20px;
float: left;
}
.main-nav-portable-start span {
display: inline-block;
margin-left: 10px;
line-height: 60px;
}
.portable-dropdown {
display: none;
position: absolute;
width: 400px;
top: 60px;
left: 0px;
background-color: #FFFFFF;
z-index: 200;
box-shadow: 0 8px 8px #dfdfdf;
}
.portable-dropdown img {
background-color: #FFFFFF;
}
.portable-dropdown span {
margin-left: 5px;
color: #999999;
}
.portable-nav-startpage {
width: 100%;
color: #999999;
font-size: 24px;
text-transform: none;
margin-top: 20px;
}
.portable-nav-container {
width: 100%;
}
.portable-nav-container span {
color: #444444;
}
.portable-nav-level-1 {
width: 100%;
color: #444444;
}
.portable-nav-level-1 img {
margin-top: 18px;
margin-left: 25px;
background-color: #999999;
}
.portable-nav-level-1 span {
line-height: 50px;
font-size: 24px;
text-transform: none;
margin-left: 10px;
max-width: 330px;
}
.portable-nav-level-2 {
width: 100%;
display: none;
}
.portable-nav-level-2 img {
margin-top: 13px;
margin-left: 40px;
}
.portable-nav-level-2-indent {
margin-left: 40px;
width: 11px;
float: left;
}
.portable-nav-level-2 span {
line-height: 38px;
font-size: 18px;
margin-left: 5px;
max-width: 330px;
}
.portable-nav-level-3 {
width: 100%;
display: none;
}
.portable-nav-level-3 span {
font-size: 16px;
margin-left: 57px;
}
.portable-meta-nav {
width: 100%;
margin-top: 23px;
padding-top: 14px;
border-top: 1px dotted #444444;
}
.portable-meta-nav .portable-nav-level-1 img {
margin-left: 40px;
margin-top: 14px;
}
.portable-meta-nav .portable-nav-level-1 span {
line-height: 30px;
font-size: 18px;
margin-top: 5px;
margin-bottom: 4px;
margin-left: 17px;
color: #444444;
}
.portable-meta-nav .portable-nav-level-2 span {
margin-left: 68px;
font-size: 16px;
}
.portable-meta-nav input {
border: 1px solid #8c8c8c;
color: #999999;
height: 20px;
margin-left: 68px;
padding: 5px;
margin-top: 3px;
margin-bottom: 12px;
width: 300px;
}
.portable-meta-nav .btnLogin {
float: right;
margin-right: 20px;
margin-top: 3px;
text-transform: none;
}
.portable-meta-nav .loginError {
text-transform: none;
font-size: 14px;
margin-left: 68px;
}
.portable-meta-nav .meta-login-link {
width: 100px;
font-size: 14px;
text-transform: none;
margin-left: 68px;
margin-bottom: 13px;
}
.portable-meta-nav .meta-login-link:last-of-type {
margin-bottom: 23px;
}
.portable-meta-nav .meta-login-link a {
color: #999999;
}
.portable-meta-nav img.internal_link_image {
background-color: #FF0000;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 18px;
}
.portable-meta-leaflet {
width: 100%;
float: left;
background: url(/media/fair_images/fair_metanavigation/fair_icon_leaflet_grey.png) no-repeat;
background-position: 28px 14px;
}
.portable-meta-leaflet .meta_leaflet_counter_text {
width: 15px;
margin-top: 27px;
margin-left: 29px;
}
.portable-meta-leaflet span {
color: #444444;
margin-left: 25px;
margin-top: 5px;
text-transform: none;
line-height: 38px;
}
.portable-meta-close {
width: 100%;
height: 50px;
margin-top: 28px;
background-color: #E9E9E9;
}
.portable-meta-close img {
margin-top: 14px;
margin-left: 116px;
background-color: #E9E9E9;
}
.portable-meta-close span {
line-height: 50px;
margin-left: 7px;
font-size: 14px;
}
.portable-lang {
width: 65px;
height: 100%;
cursor: pointer;
color: #FFFFFF;
}
.portable-lang-open {
background-color: #FFFFFF;
color: #FF0000;
}
.portable-lang img {
margin-top: 24px;
margin-left: 3px;
margin-right: 3px;
}
.portable-lang-open img {
background-color: #FF0000;
margin-left: 6px;
margin-right: 4px;
}
.portable-lang span {
line-height: 60px;
font-size: 18px;
text-transform: uppercase;
width: 30px;
}
.lang-dropdown {
position: absolute;
top: 60px;
width: 63px;
height: 61px;
box-shadow: 0px 8px 8px #DFDFDF;
display: none;
background-color: #FFFFFF;
}
.lang-dropdown span {
color: #444444;
margin-left: 22px;
}
.portable-search {
width: 120px;
height: 100%;
cursor: pointer;
color: #FFFFFF;
font-size: 18px;
}
.searchMagnifier, .searchMagnifierActive {
background-color: #FF0000;
background-image: url('/media/fair_images/fair_mainnavigation/fair_icon_magnifier.png');
background-repeat:no-repeat;
}
.portable-search-magnifier .searchMagnifier {
background-position: top 18px right 7px;
height: 60px;
width: 32px;
cursor: pointer;
margin-left: 6px;
}
.portable-search-magnifier .searchMagnifier:focus {
outline: none;
}
.portable_search_magnifier_active .searchMagnifierActive {
display: none;
background-position: top 18px right 15px;
height: 60px;
width: 56px;
cursor: pointer;
}
.portable-search-text {
line-height: 60px;
}
.portable-search-container {
display: none;
margin-left: -20px;
position: absolute;
left: 0px;
top: 0px;
z-index: 1000;
}
.portable-search-container .searchText {
float: left;
width: 425px;
height: 41px;
text-indent: 11px;
font-size: 14px;
font-style: italic;
color: #999999;
box-shadow: 7px 7px 7px -7px #C2C2C2 inset;
margin-top: 9px;
}
.portable-search-container .searchX {
float: left;
background-color: #FF0000;
background-image: url('/media/fair_images/fair_mainnavigation/fair_icon_x_small.png');
background-repeat:no-repeat;
background-position: top 23px left 23px;
height: 60px;
width: 58px;
cursor: pointer;
}
@media only screen and (max-width: 659px) {
.main-nav-portable-start img {
margin-left: 18px;
}
.portable-dropdown {
width: 300px;
}
.portable-meta-close img {
margin-left: 66px;
}
.portable-meta-leaflet .meta_leaflet_counter_text {
margin-top: 28px;
}
.portable-nav-level-1 span, .portable-nav-level-2 span {
max-width: 250px;
}
.portable-nav-level-2-indent {
margin-left: 18px;
}
/* lang */
.portable-lang {
width: 61px;
}
.lang-dropdown {
width: 61px;
}
/* search */
.portable-search-container .searchText {
width: 214px;
}
.portable-search-container .searchX {
width: 50px;
margin-left: 20px;
background-position: left 17px top 23px;
}
.portable-search {
width: 56px;
margin-right: 0px;
}
.portable-search-magnifier {
padding-right: 8px;
}
.portable-search-magnifier .searchMagnifier {
margin-left: 16px;
}
.portable_search_magnifier_active .searchMagnifierActive {
display: initial;
}
.portable-search-text {
display: none;
}
}