body, span, td, select, div, textarea, input, a, p, ul, li, p {
font-family: Arial,Verdana,sans-serif;
font-size: 14px;
color: var(--c-text, #333);
}
a:link {
color: var(--c-link, #333);
}
#bgwebsite {
width: 100%;
z-index:10;
left:0px;
top:0px;
margin: 0px auto;
text-align: left;
}
#websitearea{
z-index:11;
margin: 0px auto;
position: relative;
text-align: left;
width: 100%;
}
#pageHeader{
width:1000px;
margin:auto;
position: relative;
}
#pageNav{
width:100%;
background-color: var(--c-primary, #999);
/*height:50px;*/
}
#pageNav > div{
width:1000px;
margin:auto;
}
/* --- Headerelemente ---*/
#pageHeaderInner {min-height:135px; display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: center;}
#headerFairLogo {margin: 0 0 10px 27px;}
#headerFairClaim {margin:0 10px 0 27px; font-size:13px; line-height:20px;flex-grow:2;}
#headerPageTitle {/**/display:none; margin:0 0 10px 27px; font-size:40px;}
#headerAdditionalLogo {margin:0px 10px 10px 27px;}
#messelogo{
position: absolute;
z-index:5;
top:15px;
padding:0;
width:1000px;
}
#messelogo_img{
float:left;
margin-left:36px;
margin-right: 50px;
margin-top:15px;
}
#messe_claim{
float:left;
margin:32px 0 0 0px;
font-size:13px;
line-height:20px;
}
#messemedia{
float:right;
margin-top:23px;
margin-right:3px;
}
#logo_messemuenchen {
position: absolute;
top:54px;
right:47px;
z-index:15;
}
/* Sprachumschalter */
/* Sprachumschalter Version mit Dropdown */
/*#languagenav{
position: absolute;
margin:-35px 0px 0px 826px;
}
#languagenav .list-inline {
padding-left: 0;
list-style: none;
}
#languagenav ul.list-inline {
margin-top: 0;
margin-bottom: 0;
}
#languagenav .list-inline-item {
margin-right: 10px;
display: inline-block;
margin-left:0px;
}
#languagenav button, #languagenav html [type="button"] {
-webkit-appearance: button;
}
#languagenav .list-inline-item btn{
cursor: pointer;
}
#languagenav .btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
margin:0;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
#languagenav .btn-min {
font-size: 12px;
color: var(--color-text-light, #999);
padding: 0;
background: transparent;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
#languagenav .dropdown-menu {
box-shadow: 0 0 12px rgba(51,51,51,0.2);
padding: 5px 0;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
font-size: 12px;
color: var(--color-text-dark, #333);
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 0 solid rgba(0,0,0,0.15);
border-radius: 0;
}
#languagenav .list-inline-item.language-switch .dropdown-menu {
min-width: 0;
}
#languagenav .dropdown-item {
display: block;
width: 100%;
padding: 0 0;
clear: both;
font-weight: 400;
color: var(--color-text-light, #999);
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
#languagenav .dropdown-menu .dropdown-item.selected::after {
position: relative;
content: "\2714";
margin-left: 6px;
font-size: 12px;
top: -2px;
}
#languagenav .dropdown-menu a {
padding: 3px 10px;
white-space: nowrap;
font-size: 12px;
line-height: 18px;
}
#languagenav .dropdown-menu a:hover {
color:#999;
color:var(--color-primary, #999);
}
*/
/* Sprachumschalter ohne dropdown */
#languagenav {width:100%;position: relative; margin:5px 10px 0 0;}
#loggedInAs + #languagenav {width:87px;}
#languagenav ul li {margin:0;}
#languagenav .jl_lngi{float:left;padding-top:0px;}
#languagenav ul.jl_lngnavmenu, #languagenav ul.jl_lngsnavmenu { list-style-type: none;margin:0px; padding:0px; overflow: hidden;}
#languagenav ul.jl_lngnavmenu li, #languagenav ul.jl_lngsnavmenu li{ float:left;}
#languagenav ul.jl_lngnavmenu {margin-right:0px;float:right;}
#languagenav .jl_lngspointbreak{padding-top:0px;}
#languagenav .jl_lngnavmenu li a {text-decoration:none;overflow:hidden;display:block; position: relative;background-color:transparent;line-height: normal;}
#languagenav .jl_lngnavmenu > li a {color:transparent;font-size:1px;padding:0px 0px 2px 13px;}
#languagenav .jl_lngsnavmenu li a{color:var(--color-text-light, #999);padding:0px 4px;font-size:12px;}
#languagenav .jl_lngmitem{cursor:inherit;position:relative;}
#languagenav .jl_lngmitem::before {
content: "";
position:relative;
display: inline-block;
left:0px; top:0px; width:15px; height:15px;
background: #bebebe;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
#languagenav .jl_lngsmitemakt{color:var(--color-primary, #999) !important;background-color:transparent;}
#languagenav .jl_lngsnavmenu li a.jl_lngsmitem:hover{color:var(--color-primary, #999) !important;}
#languagenav .jl_lngparent{border-top: 1px solid #fff;}
/* ENDE Alternative Languagenav ohne Dropdown*/
/* -- Bereich Customer-Navigation Buchungsarten */
#custBookingMainNav{
/*width:1000px;
position: relative;
z-index:100;
top:145px;*/
margin-left: 18px;
}
#custBookingMainNav ul, #custBookingMainNav ul li {
list-style:none; margin:0; padding:0;
}
#custBookingMainNav ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#custBookingMainNav ul li {
/*padding:2px 17px 0 17px;
line-height:32px;
display:inline-block;*/
}
#custBookingMainNav ul li a {
text-decoration: none;
overflow: hidden;
display: block;
/*font-size: 1.7rem;*/
font-size:16px;
padding: 4px 10px;
padding-top: 4px;
line-height: 36px;
color:#ffffff;
/**/font-weight: normal;
border-right:1px solid var(--c-primary, #999);
}
#custBookingMainNav ul li a:hover,
#custBookingMainNav ul li a.custNavItemActive {
background: #ffffff;
color:#000000;
border-right:1px solid #ddd;
}
/* ENDE Bereich Customer-Navigation */
/* --- KeyVisual über gesamte Breite --- */
.home_keyvisual{
margin:0px;
width:100%;
height: 450px;
display: inline-block;
background-color:#f3f3f3;
/*background-image: url('../_images/customer/keyvisual.jpg');*/
background-repeat: no-repeat;background-position: center;/*background-size: cover;*/
min-width:1000px;
}
.home_keyvisual .overlayArea{
width: 100%;
max-width: 1000px;
margin: auto;
position: relative;
}
.home_keyvisual .overlayContent{
padding: 20px 27px;
background-color: rgba(255, 255, 255, 0.85);
max-width: 500px;
min-width: 200px;
margin-top:86px;
margin-left: 0px /*!important*/;
margin-right: 10px;
border-radius:6px;
color:var(--c-text, #333);
}
.home_keyvisual .ovlHeadline{
font-weight:bold;
font-size:32px;
color: inherit;
margin-bottom:10px;
}
.home_keyvisual .ovlText, .home_keyvisual .ovlHint{
font-weight:normal;
font-size:18px;
margin:20px 0;
line-height:1.5;
color:var(--c-text, #333);
}
.home_keyvisual .ovlHint{
/*color: var(--c-primary, #999);*/
font-weight:bold;
}
.home_keyvisual .ovlButton a{
font-size: 14px;
line-height: 1.25;
display: inline-block;
padding: .75em 35px .7em 1em;
font-weight: 700;
font-family: inherit;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: all .3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff !important;
background-color: var(--c-primary, #999);
border: 1px solid var(--c-primary, #999);
border-radius:6px;
margin-top: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
background-repeat:no-repeat;
background-position:right 15px center;
background-size:auto 12px;
}
.home_keyvisual .ovlButton a:active, .home_keyvisual .ovlButton a:hover {
color: #ffffff !important;
/*background-color: #5893AD;
border-color: #5893AD !important;*/
background-color: var(--c-primary-dark, #000);
border-color: var(--c-primary-dark, #000)!important;
text-decoration: none;
outline: none;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
}
/* -- Contentbereich -- */
#pageContent{
background-color:#FFFFFF;
margin:48px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:auto;
width:1000px;
}
#pageContentInner{
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/*margin-left: 0px !important;*/
/*float:left;*/
}
[data-nv='1'] #pageContentInner{
margin-left: 0px !important;
}
#pageContentInnerFooter{
font-size:1px;
line-height:1px;
padding:16px 0px 0px 0px;
margin:0px 9px 0px 0px;
clear:left;
}
#pageFooter {
/*text-align:left;
background-color:#FFFFFF;
height:95px;
width:998px;
color:#4C4C4C;
margin:0px 0px 230px 0px;
border:1px solid #A9A9A9;*/
margin:0px auto 230px auto;
width:1000px;
}
#loggedInAs {
text-align: right;
margin-top: 4px;
margin-right:10px;
font-size:12px; font-weight:normal; color:#aaa;
width: calc(100% - 107px)
}
#loggedInAs::before {
content: "";
display:inline-block;
width:12px; height:12px;
margin-right:5px;
background: #aaa;
/*background: var(--c-icon, #cc0000);*/
mask-repeat: no-repeat; mask-position: top left; mask-size: 12px;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat; -webkit-mask-position: top left; -webkit-mask-size: 12px;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
/* Contentbereich */
/*#contentinhalt {margin-left:0 !important;}*/
.bkg_container_div {width:1000px; display:flex; flex-direction: row;}
.bkg_contentAreaWrapper_div {float:none; width: calc(100% - 295px)/*280px rightcolumn + 15px margin*/;}
.bkg_infoAreaWrapper_div {float:none; width: 280px; margin-left:15px;}
[data-nv='1'] .bkg_contentArea_div{margin-left:0;}
/*.bkg_contentArea_div {
margin: 30px 0px 17px 0px;
}*/
.bkg_contentHdl {padding-bottom:3px;}
/* Boxen rechte Seite */
.bkg_importantLinks .bkg_iBoxHdl::before {
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
.bkg_deadline .bkg_iBoxHdl::before {
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
.bkg_importantLinks a, .bkg_footerLinks_div a {
font-size: 13px;
font-weight: bold;
line-height: 30px;
padding-left: 16px;
position:relative;
text-decoration:none;
color: var(--c-link, #333);
}
.bkg_importantLinks a {display:inline-block;line-height:normal;margin-bottom: 10px;}
.bkg_importantLinks a::before, .bkg_footerLinks_div a::before {
content: "";
position:absolute; left:0px; top:0px; width:15px; height:15px;
background: #999; background-color:var(--c-icon, #cc0000);
mask-repeat:no-repeat; mask-position:50% 50%;mask-size:10px;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%;-webkit-mask-size: 10px;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
}
/* --- Boxen auf der Home --- */
.bkg_homeCntWrapper_div {display: flex; flex-direction: row; flex-wrap: wrap;}
.bkg_homeCntWrapper_div .bkg_loginCntBox {
background: #F3F3F3;
padding: 28px;
height: 215px;
width: 315px;
margin-bottom: 30px;
box-sizing: border-box;
border: none;
/*box-shadow: 0 0 15px rgba(51,51,51,0.25);*/
border-radius:6px;
}
.bkg_homeCntWrapper_div .bkg_loginCntBox:nth-child(odd) {margin-right:30px;}
.bkg_homeCntWrapper_div .bkg_loginCntBoxTop {color:var(--c-text, #333);font-size:25px; font-weight:bold;height:136px; border:none; line-height:1.2;}
.bkg_homeCntWrapper_div .bkg_loginCntBoxBottom *{color:var(--c-primary, #999);font-size:13px;}
.bkg_homeCntWrapper_div .bkg_loginCntBoxBottom *{font-weight:normal;}
.bkg_homeCntWrapper_div .bkg_loginCntBoxBottom a{color:var(--c-primary, #999);font-size:13px; font-weight:700;}
.bkg_homeCntWrapper_div .bkg_loginCntBoxBottom a::after{
/*content: "\276F";*/
content: "";
display:inline-block;
width:10px; height:10px;
background: #999; background-color:var(--c-primary, #999);
mask-repeat:no-repeat;
mask-image: url("data:image/svg+xml;charset=UTF-8, ");
-webkit-mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ");
margin-left: 5px;
}
/* ------ wrt_loginInfo.cfm */
/*Supportkasten rechts*/
.customer_support_pad_1{
padding:15px 0px 4px 24px;
}
/*Supportkasten Ueberschrift*/
.customer_support_bgc_1{
/*background-color:#EBEDEA;*/
font-size:14px;
color:#000000;
}
/*Supportkasten Text*/
.customer_support_bgc_2{
background-color:#E1E1E1;
}
/*Bereich unter dem Supportkasten rechts*/
/*.customer_support_bgc_3{
background-color:#F6F6F6;
}*/
a.customer_textlink_1:link,a.customer_textlink_1:visited,a.customer_textlink_1:focus{
color:#000000;
text-decoration:underline;
}
a.customer_textlink_1:hover{
color:#00000;
}
a.customer_textlink_1:active{
color:#00000;
}
/* Login Formular */
.login_cf_form_div {width:550px;}
.login_cf_Button_div {clear:both;}
/*.login_cf_button {float:left; margin:20px 0 !Important; min-width:80px; color:#000000; font-size:11px; border:1px solid #A3A2A4; cursor:pointer; padding:3px 5px 3px 5px; background-image:url(../../../_inc002/_images/booking/button_hg.gif);}*/
.login_fp_handle_div {float:left; width:16px; height:16px; margin:2px 0px 2px 0px; cursor:pointer;
background-image:url(../../../_inc002/_images/cms/icons/open2.gif); background-repeat:no-repeat; background-position:top left;
}
.login_fp_frame_div {clear:both;}
.login_fp_header_div {margin:10px 0px 10px 0px;}
.login_fp_help_div {margin:10px 0px 10px 0px; display:none;}
.login_fp_noHelp_div {display:none;}
.login_fp_error_div {color:#cc0000; margin:10px 0px 10px 0px; font-weight:bold;}
.login_fp_footer_div {margin:10px 0px 10px 0px;}
.login_fp_close_div {float:right; width:16px; height:16px; margin:2px 0px 2px 0px; cursor:pointer;
background-image:url(../../../_inc002/_images/cms/icons/close.gif); background-repeat:no-repeat; background-position:top left;
}
.login_fp_descr_div {margin:10px 0px 10px 0px;}
.login_fp_helpIcon_div {width:15px;overflow:hidden;}
.login_fp_noHelpIcon_div {width:15px;overflow:hidden;}
.login_fp_fields_div {clear:both; }
.login_fpf_div {float:left; padding:2px 2px 2px 0px; display:block; position:relative;}
.login_fpfFirst_div {margin-right:3px;}
.login_fpfLast_div {}
.login_fpfError_div {}
.login_fpFloatClearer {clear:both; width:1px; height:1px; margin-top:-1px; overflow:hidden;}
.login_fpfFloatClearer {clear:both; width:1px;height:1px; margin-top:-1px; overflow:hidden;}
.login_fpf_descr_div {float:left; width:120px;}
.login_fpf_noHelpIcon_div {float:left; width:16px; height:16px;}
.login_fpf_helpIcon_div {float:left; width:16px; height:16px; margin:2px 0px 2px 0px; cursor:pointer;
background-image:url(../../../_inc002/_images/help_small.gif); background-repeat:no-repeat; background-position:top left;
}
.login_fpf_errorIcon_div {float:left; width:16px; height:16px; cursor:pointer;
background-image:url(../../../_inc002/_images/attention_small.gif); background-repeat:no-repeat; background-position:top left;
}
.login_fpf_noHelp_div {display:none;}
.login_fpf_help_div {position:absolute; z-index:100; top:30px; left:30px; background-color:#ffffff; width:200px; border:1px solid #ccc; padding:3px;}
.login_fpf_helpClose_div {float:right; width:16px; height:16px; margin:2px; cursor:pointer;
background-image:url(../../../_inc002/_images/close.gif); background-repeat:no-repeat; background-position:top left;
}
.login_fpf_error_div {color:#cc0000; font-weight:bold;}
.login_fpf_pre_div { }
.login_fpf_field_div { }
.login_fpf_post_div { }
.login_fpf_textInput {padding:4px; width:200px; border:1px solid #ccc; height:auto !important; line-height:16px; background-image:url(../../../_inc002/_images/formPartDivs/fieldBackground_white.gif); background-repeat:no-repeat; background-position:top left;}
.login_fpf_passwordInput {padding:4px; width:200px; border:1px solid #ccc; height:auto !important; line-height:16px; background-image:url(../../../_inc002/_images/formPartDivs/fieldBackground_white.gif); background-repeat:no-repeat; background-position:top left;}
#fpf_m2_1 {margin-right:20px;}