/* ======================================================== Master Layout (Standard), Version 0.46 -------------------------------------------------------- AgenturWebfox ======================================================== */ /* Reset */ * { padding: 0; margin: 0; border: 0; } ul li { list-style: none; } /* -------------------------------------------------------- */ /* Global */ header, footer, menu, nav, section, article, aside, details, figcaption, figure, hgroup { display: block; } html { height: 101%; overflow-y: scroll; } body { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 18px; } img, embed, object, video, map { max-width: 100%; } .page-wrap { width: 100%; float: right; padding: 8px 0; } .page { min-width: 320px; max-width: 100%; margin: 0 auto; padding-left: 1.5%; padding-right: 1.5%; } .page:before, .page:after { display: table; content: " "; } .page:after { clear: both; } ol, ul { list-style-position: inside; } .clear { clear: both; } /* Visibility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .show { display: block!important; } .hidden { display: none!important; visibility: hidden!important; } @media (max-width: 767px) { .hidden-mobile { display: none!important; } .visible-mobile { display: block!important; } } @media (min-width: 768px) and (max-width: 1107px) { .hidden-tablet { display: none!important; } .visible-tablet { display: block!important; } } @media (min-width: 1108px) and (max-width: 1779px) { .hidden-screen { display: none!important; } .visible-screen { display: block!important; } } @media (min-width: 1780px) { .hidden-wide { display: none!important; } .visible-wide { display: block!important; } } .visible-tablet-up, .visible-screen-up { display: none; } .visible-print { display: none!important; } /* -------------------------------------------------------- */ /* Adverts Banner */ #ad-banner-top { clear: both; text-align: center; } /* -------------------------------------------------------- */ /* Header / Footer */ #header, #footer { width: 94%; padding-right: 3%; padding-left: 3%; font-size: 0.9em; } #header { padding-bottom: 0.6em; } /* Header */ h1 { margin: 0; padding: 0; } #logo, #logo-alternate { float: left; width: 80%; padding: 9px 0 9px 2.5%; text-align: center; } body.home #logo img, body.content #logo img { max-height: 24px; } .logo-alt { display: none; } /* Section */ section { clear: both; padding-top: 0.2em; } /* Aside (Side Panel) */ aside { clear: both; width: 100%; min-height: 32px; text-align: center; } aside ul { min-height: 32px; padding-top: 0.5em } aside ul li { display: inline-block; min-height: 33px; } .link-aside { display: block; } aside ul li a { padding: 0.5em 0.8em; text-transform: uppercase; } aside ul li a:hover { text-decoration: none; } aside [class^="icon-"]:before, aside [class*=" icon-"]:before { display: inline-block; width: 20px; text-decoration: none; text-align: left; vertical-align: top; padding-top: 0.2em; font-size: 14px; } .icon-side-home { display: inline-block; width: 13px; height: 12px; padding-right: 8px; } .icon-side-home-item { float: left; width: 3px; height: 3px; margin-top: 1px; margin-right: 1px; } /* Footer */ #footer { padding-top: 2%; padding-bottom: 0.2em; } #nav-footer, #footer-logos, #footer-copyright { width: 100%; padding: 1% 0 2% 0; font-size: 1em; text-align: center; } #nav-footer { padding-top: 2%; } #nav-footer ul li { display: inline-block; } #nav-footer ul li a, #nav-footer ul li span { padding-right: 8px; } #footer-logos a:hover { text-decoration: none; } /* -------------------------------------------------------- */ /* Navigation */ #nav-meta ul:after, #nav-lang ul:after, #nav-social ul:after, #nav-main ul:after, #side-panel ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } /* Main Navigation (Search) */ .mobile-search { clear: both; width: 100%; padding: 0.2em 0 0.6em 0; } .mobile-search-button:focus { outline: none; } .mobile-search-button i { font-size: 1.8em; } .mobile-search-button span { display: none; } /* Mobile Navigation */ .mobile-nav-toggle { position: relative; display: block; float: left; width: 15%; padding: 9px 0; background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 1.8em; } #nav-mobile { display: none; } #nav-mobile.show-nav-mobile { display: block; position: absolute; z-index: 9999; width: 96%; height: 100%; bottom: 0; left: 0; opacity: 0.95; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .nav-mobile-wrap a:hover { text-decoration: none; } .nav-mobile-wrap ul { padding: 1em 0; } .nav-mobile-wrap ul li { font-size: 2em; } .nav-mobile-wrap ul li a { display: block; padding: 0.5em 3% 0.5em 5%; border-bottom: 1px solid; } .nav-mobile-wrap ul li ul{ padding: 0.2em 0 0.8em 0; } .nav-mobile-wrap ul li ul li{ font-size: 0.7em; } .nav-mobile-wrap ul li ul li a { padding: 0.5em 3% 0.5em 5%; border-bottom: none; } /* Mobile Navigation (Search) */ .gsa-search-mobile { padding: 0.4em; } .gsa-search-mobile legend, .gsa-search-mobile label { display: none; } .gsa-search-mobile fieldset { float: left; width: 90%; } .gsa-search-mobile-input { width: 100%; padding: 0.2em; text-transform: uppercase; font-size: 1.2em; } .gsa-search-mobile-button { float: left; width: 8%; margin-left: 2%; font-size: 1.6em; } /* Meta Navigation */ #nav-mblogo, #nav-meta, #nav-lang, #nav-social { display: none; } #nav-meta.show-mobile, #nav-lang.show-mobile, #nav-social.show-mobile { display: block; width: 100%; font-size: 1em; text-align: center; } #nav-meta.show-mobile { padding: 4% 0 1% 0; } #nav-lang.show-mobile, #nav-social.show-mobile { padding: 4% 0; } #nav-meta.show-mobile ul li, #nav-lang.show-mobile ul li, #nav-social.show-mobile ul li { display: inline-block; } #nav-meta.show-mobile ul li a, #nav-lang.show-mobile ul li a, #nav-social.show-mobile ul li a { padding-right: 8px; } .nav-lang-abbr { display: none; visibility: hidden; } #nav-meta ul li a, #nav-meta ul li span { margin-left: 1em; } #nav-social ul li a { font-size: 1.5em; } #nav-social ul li a span { display: none; } .nav-mblogo-text { display: none; visibility: hidden; } /* Main Navigation (Tablet, Screen) */ #nav-main { clear: both; width: 100%; } #nav-main.nav-main-active { padding: 0; } #nav-main ul li { display: none; } #nav-main ul li.nav-main-li-active { display: block; text-align: center; padding: 0.5em 0; } #nav-main ul li a, #nav-main ul li span { font-size: 2.4em; text-transform: uppercase; } #nav-main ul li span, #nav-main ul li a.nav-main-current { text-decoration: none; border-bottom: 2px solid; } /* Level Navigation (Second) */ #nav-level2 ul li.nav-level2-last { margin-right: 0; } /* Level Navigations (Third) */ #nav-level2, #nav-level3 { clear: both; padding: 0.6em 0; border-bottom: 2px solid; } #nav-level2 ul li, #nav-level3 ul li { font-size: 1.15em; padding: 0.05em 0; } #nav-level2 ul li a, #nav-level3 ul li a, #nav-level3 ul li span { display: block; width: 96%; padding: 0.5em 2%; } #nav-level2 ul li a, #nav-level2 ul li span { line-height: 1; } #nav-level2 ul li a:hover, #nav-level3 ul li a:hover { text-decoration: none; } /* active */ #nav-level2.nav-level2-active { padding: 0; border-bottom: none; } #nav-level2.nav-level2-active ul li { display: none; } #nav-level2.nav-level2-active ul li.nav-level2-li-active { display: block; } #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current { display: block; padding: 0.6em 0; font-size: 1.7em; text-align: center; text-transform: uppercase; } #nav-level2 ul li.nav-level2-li-active a.nav-level2-current { width: 100%; } #nav-level2 ul li.nav-level2-search { display: none; } .gsa-search legend, .gsa-search label, .gsa-search button { display: none; } .gsa-search input { width: 95%; padding: 0.1em; font-size: 0.9em; } /* -------------------------------------------------------- */ /* Grid */ .row { } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-12 { position: relative; float: left; width: 94%; min-height: 1px; padding-right: 3%; padding-left: 3%; padding-bottom: 2.4em; } .col-borderless { width: 97%; padding-right: 0!important; } /* Spacer */ .spacer-height-10 { height: 10px; } .spacer-height-20 { height: 20px; } .spacer-height-30 { height: 30px; } .spacer-height-40 { height: 40px; } .spacer-height-50 { height: 50px; } .spacer-height-60 { height: 60px; } .spacer-height-70 { height: 70px; } .spacer-height-80 { height: 80px; } .spacer-height-90 { height: 90px; } .spacer-height-100 { height: 100px; } /* -------------------------------------------------------- */ /* Images */ img { max-width: 100%; height: auto; } /* .textimage-left-float, .textimage-right-float, .textimage-left-img, .textimage-right-img, .textimage-above-img, .textimage-below-img { font-size: 0.5em; line-height: 0.9; } */ .textimage-img { padding: 0 0 1.2em 0; } .textimage-imgrow-img { float: left; max-width: 144px; padding: 0 1em 1em 0; } .textimage-caption { clear: both; font-size: 0.9em; line-height: 1.285714285714286; padding-top: 0.2em; padding-bottom: 1.2em; } .textimage-imgrow-img .textimage-caption { padding-right: 0.4em; } .img-border img { border: 1px solid; } /* -------------------------------------------------------- */ /* Links */ a { text-decoration: none; } a.link-email, a.link-download { display: inline-block; } a.link-top { display: block; text-align: right; } a.button-link { display: inline-block; padding: 0.4em 0.8em; font-weight: bold; text-transform: uppercase; } a.button-link:hover { text-decoration: none; } a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before, i[class^="icon-"]:hover:before, i[class*=" icon-"]:hover:before { text-decoration: none; } a.icon-list:before, a.icon-link-up:before, a.icon-link-down:before, a.icon-link-download:before, a.icon-link-email:before, a.icon-link-event:before, a.icon-link-left:before, a.icon-link-print:before, a.icon-event-list:before, a.icon-link-right:before, a.icon-search:before, a.icon-side-download:before, a.icon-side-ticket:before, a.icon-news-up:before, a.icon-news-down:before, a.icon-news-left:before, a.icon-news-right:before, a.icon-file-ppt:before, a.icon-file-doc:before, a.icon-file-pdf:before { vertical-align: top; padding-top: 0.5em; padding-right: 0.3em; padding-left: 0.1em; font-size: 0.7em; } a.link-noicon::before { content: ""; margin: 0; padding: 0; width: 0; } a.link-noicon span.link-download-fileinfo { display: none; } /* -------------------------------------------------------- */ /* Webfont */ #nav-main ul li a, #nav-main ul li span, a.tile-text-link, .tile-counter, #content .anchor-links li a, #content ul.ui-tabs-nav li, .ui-accordion .ui-accordion-header { -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1); } /* -------------------------------------------------------- */ /* Content Basics */ .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .no-text-transform { text-transform: none!important; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* Standard Content */ h2, h3, h4, h5, h6, p { line-height: 1.285714285714286; } h2 { font-size: 2.2em; padding: 1em 0 0.5em 0; } h3 { font-size: 1.5em; padding: 1em 0 0.5em 0; } h4 { font-size: 1.3em; padding: 0.8em 0 0.3em 0; } h5, h6 { font-size: 1.1em; padding: 0.6em 0 0.3em 0; } .headline { padding-bottom: 0; } #content hr { border-bottom: 1px solid; height: 1px; } #content p { padding: 0.4em 0; font-size: 1.1em; } #content blockquote { border-left: 0.3em solid; margin-bottom: 0.6em; } #content blockquote p { padding-left: 0.7em; font-style: italic; font-size: 1.15em; } #content p.blockquote-author { font-size: 1.05em; padding-top: 0.6em; } /* Messages */ .text-success:before, .text-error:before { display: inline-block; width: 32px; text-decoration: none; text-align: left; vertical-align: top; padding-top: 0.2em; font-size: 14px; } /* Lists */ #content ul, .tooltip-content ul { margin-left: 1.5em; padding: 0 0 0.4em 0; } #content li, .tooltip-content li { padding: 0 0.4em 0.4em 0.7em; font-size: 1.1em; list-style-position: outside; line-height: 1.285714285714286; } #content li:before, .tooltip-content li:before { content: '\25'; font-family: "mb-icons"; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1em; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 2px; margin-left: -24px; padding-top: 4px; padding-right: 10px; padding-left: 0; text-align: center; text-transform: none; vertical-align: top; } #content li.nested:before, .tooltip-content li.nested:before { display: none; } #content ul li ul, .tooltip-content ul li ul { padding-top: 0.4em; padding-bottom: 0; } #content ul li ul li, .tooltip-content ul li ul li { padding-left: 0; font-size: 1em; } #content ul.list-unstyled li:before, .tooltip-content ul.list-unstyled li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } /* List Special */ .list-key, .list-value { display: block; float: left; } .list-key { width: 32% } .list-value { width: 66% } /* -------------------------------------------------------- */ /* Link Lists */ /* Anchor Links */ #content .anchor-links ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .anchor-links ul { margin: 0.4em 0; padding: 0; } #content .anchor-links li { list-style: none; float: left; width: auto; padding: 0 0.4em 0.4em 0; } #content .anchor-links li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .anchor-links li a { display: block; padding: 0.4em 0.8em; font-weight: bold; text-transform: uppercase; } #content .anchor-links li a, #content .anchor-links-color li a { border: 1px solid; } #content .anchor-links li a:hover { text-decoration: none; } /* Page Navigation */ #content .page-navigation ul { float: left; margin-left: 0; } #content .page-navigation ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .page-navigation li { list-style: none; float: left; width: auto; text-align: center; padding: 0 0.3em 0.3em 0; } #content .page-navigation li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .page-navigation li span, #content .page-navigation li a { display: block; width: 2.0em; padding: 0.3em 0 0.3em 0; font-weight: bold; border: 1px solid; } #content .page-navigation li span.page-navigation-active { border: 1px solid; } #content .page-navigation li a:hover { text-decoration: none; } /* -------------------------------------------------------- */ /* Highlight Elements */ #content h2.highlight, #content h3.highlight, #content h4.highlight, #content h5.highlight { padding: 0.4em 0.5em 0.4em 0.5em } #content h2.highlight, #content h3.highlight { margin: 1em 0 0.3em 0; } #content h4.highlight { margin: 0.8em 0 0.3em 0; } #content h5.highlight { margin: 0.6em 0 0.3em 0; } #content p.highlight, div.fancybox-inner div.fancybox-content p.highlight { padding: 0.6em 1em; } #content li.highlight { padding-top: 0.2em; } /* Highlight */ .col-highlight { margin: 0.4em 0 1.2em 0; } /* Highlight Inheritance */ .col-highlight .textimage-above-img, .col-highlight .textimage-img-first { padding-top: 0; } .col-highlight .textimage-below .textimage-img-first { padding-top: 1.2em; } .col-highlight .textimage-below-img, .col-highlight .textimage-img-last { padding-bottom: 0; } .col-highlight .textimage-caption, #content .col-highlight h2, #content .col-highlight h3 , #content .col-highlight h4, #content .col-highlight h5 { padding-left: 15px; padding-right: 15px; } #content .col-highlight h2, #content .col-highlight h3 { padding-top: 15px; } #content .col-highlight p { padding: 0.4em 15px; } #content .col-highlight > p:last-child { padding-bottom: 1.2em; } #content .col-highlight ul { padding: 0.6em 10px 1em 10px; } /* Highlight Links */ a.link-highlight { display: inline-block; padding: 0.02em 0.35em 0.05em 0.35em; } a.link-highlight-block { display: block; padding: 0.6em 1em; font-weight: bold; } a.link-highlight:hover, a.link-highlight-block:hover { text-decoration: none; } #content p a.link-highlight-block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0.4em 0; } #content li a.link-highlight-block { display: inline-block; width: auto; margin: 0; padding: 0.02em 0.35em 0.05em 0.35em; } a.link-highlight-block[class^="icon"], #content li a.link-highlight-block[class^="icon"] { padding: 0.6em; } a.link-highlight-block[class^="icon"]:before, #content li a.link-highlight-block[class^="icon"]:before { width: 1.6em; font-size: 1.4em; } a.link-highlight[class*="icon"]:before, #content li a.link-highlight[class*="icon"]:before { font-size: 0.7em; text-align: left; width: 2.3em; } #content .border { border:1px solid; padding: 0.6em 1em; } /* -------------------------------------------------------- */ /* Tables */ table { max-width: 100%; background-color: transparent; font-size: 1.1em; } th { text-align: left; } .table-responsive { margin-top: 0.8em; margin-bottom: 0.8em; } .table { width: 100%; } .table-col-equal-1 { width: 100%; } .table-col-equal-2 { width: 50%; } .table-col-equal-3 { width: 33.3333%; } .table-col-equal-4 { width: 25%; } .table-col-equal-5 { width: 20%; } .table-col-equal-6 { width: 16.6667%; } .table-col-equal-7 { width: 14.2857%; } .table-col-equal-8 { width: 12.5%; } .table-col-equal-9 { width: 11.1111%; } .table-col-equal-10 { width: 10%; } .table-col-equal-11 { width: 9.09091%; } .table-col-equal-12 { width: 8.33333%; } .table-col-equal-13 { width: 7.69231%; } .table-col-equal-14 { width: 7.14286%; } .table-col-12 { width: 100%; } .table-col-11 { width: 91.66666667%; } .table-col-10 { width: 83.33333333%; } .table-col-9 { width: 75%; } .table-col-8 { width: 66.66666667%; } .table-col-7 { width: 58.33333333%; } .table-col-6 { width: 50%; } .table-col-5 { width: 41.66666667%; } .table-col-4 { width: 33.33333333%; } .table-col-3 { width: 25%; } .table-col-2 { width: 16.66666667%; } .table-col-1 { width: 8.33333333%; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 0.5em 0.8em; font-size: 1em; line-height: 1.285714285714286; vertical-align: top; } .table > tbody > tr > th, .table > tbody > tr > td { border-bottom: 1px solid; } .table-striped > tbody > tr > th, .table-striped > tbody > tr > td { border-bottom: none; } .table > thead > tr > th { padding: 0.5em 0.6362em; font-size: 1.1em; text-transform: uppercase; vertical-align: top; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } table col[class*="col-"] { position: static; display: table-column; float: none; } table th[class*="col-"], table td[class*="col-"] { position: static; display: table-cell; float: none; } #content table p { font-size: 1em; } #content table li { font-size: 1em; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive h3, .table-responsive h4, .table-responsive h5, .table-responsive p { white-space: normal; } } .no-wrap { overflow-x: auto; } .no-wrap > .table > tbody > tr > th, .no-wrap > .table > tfoot > tr > th, .no-wrap > .table > tbody > tr > td, .no-wrap > .table > tfoot > tr > td { white-space: normal; } /* -------------------------------------------------------- */ /* Forms */ fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; line-height: 1.285714285714286; font-size: 1.5em; font-weight: bold; padding: 1em 0 0.5em 0; border: 0; } fieldset legend { font-size: 1.3em; margin-bottom: 5px; padding: 0.6em 0 0.2em 0; } label { display: inline-block; font-size: 1.1em; margin-bottom: 5px; } /* Forms: Input Types */ input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } /* Auskommentiert, da es an einigen Stellen zu Floating-Problemen kommt, wenn Drop-Downs mit anderen Feldern eingesetzt werden. Die Höhe wird dann zu hoch und die anderen Felder floaten nicht mehr. geändert am 25.11.2015, Ticket: IM0008075954 (D0061), Anne Wieland select[multiple], select[size] { height: auto; }*/ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } /* Forms: Inline Grid */ .form-buttons { text-align: right; } fieldset .form-buttons { text-align: left; margin-top: 6px; } .form-control { display: block; width: 98.2%; height: 22px; padding: 2px 4px; font-size: 1.1em; line-height: 1.285714285714286; background-image: none; border: 1px solid; } /* Forms: Inline Floating */ .form-group { margin-bottom: 15px; } #content .form-inline-element { display: inline-block!important; width: auto!important; margin-right: 0.3em!important; margin-bottom: 0.3em!important; } .form-label-float { clear: both; float: left; width: 25%; padding-bottom: 0.5em; } .form-element-float { float: left; width: 75%; } /* Forms: Textual Elements */ .form-control:focus { outline: 0; } ::-moz-placeholder { opacity: 1; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; opacity: 1; } textarea.form-control { height: auto; } select.form-control { min-height: 28px; width: 100%!important; } select.form-control option { padding: 2px 4px; } /* Forms: Radio Buttons, Checkboxes */ .radio, .checkbox { display: block; min-height: 20px; margin-top: 15px; margin-bottom: 15px; margin-left: 10px; padding-left: 20px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; margin-bottom: 0; margin-left: 12px; padding-bottom: 12px; padding-left: 20px; font-weight: normal; vertical-align: middle; cursor: pointer; } .form-radio-inline-6 .radio-inline { width: 100%; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } /* Forms: Content */ #content p.form-control-static { font-size: 1.1em; height: 22px; line-height: 1.28571; margin-bottom: 0; padding: 2px 4px; } #content p.help-block { clear: both; padding: 0.4em 16px 1em 0; } /* Forms: Buttons */ #content button, #content input[type="submit"], #content input[type="button"] { display: inline-block; min-width: 140px; padding: 6px 12px; margin-bottom: 4px; margin-left: 2px; font-size: 1.1em; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } #content button:focus, #content button:active:focus, #content input[type="submit"]:focus, #content input[type="submit"]:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #content button:hover, #content button:focus, #content input[type="submit"]:hover, #content input[type="submit"]:focus { text-decoration: none; } #content button:active, #content input[type="submit"]:active { background-image: none; outline: 0; } /* Captcha */ .captcha-group label, .captcha-group img, .captcha-group a { float: left; } .captcha-group label, .captcha-group a { margin-top: 1em; } .captcha-group img { margin:0 0.5em 1em 0.5em; } .captcha-group a:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; content: '\51'; } /* -------------------------------------------------------- */ /* Components */ /* Progress Bar */ progress, progress[role] { width: 50%; height: 24px; margin: 1.6em 0 1.6em 24%; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: auto; } progress[role] { display: inline-block; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } progress[role], progress[role]:after { background-repeat:repeat-x; background-position: 0 0; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } progress[aria-valuenow]:before { content: ""; display: block; height: 100%; } /* Loader */ .widget-navigation-loading { display: block; margin: 0 0 1.8em 45.5%; } .widget-loading-status { display: none; position: absolute; width: 55%; margin: 1.2em 0 0 45%; } .icon-loader-animation { animation-name: load8; animation-duration: 1.1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: normal; animation-direction: none; animation-iteration-count: infinite; animation-play-state: running; -webkit-animation: load8 1.1s linear 0s normal none infinite running; -moz-animation: load8 1.1s linear 0s normal none infinite running; border-style: solid; border-width: 1em; font-size: 10px; margin: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .icon-loader-animation, .icon-loader-animation::after { border-radius: 50%; height: 30px; width: 30px; } .widget-loading-status .icon-loader-animation-wrap { border-radius: 50%; height: 50px; width: 50px; } .widget-loading-status .icon-loader-animation-wrap { background-color: #fff; border: 5px solid #fff; -webkit-box-shadow: 1px 1px 2px 3px rgba(233,233,233,0.8); -moz-box-shadow: 1px 1px 2px 3px rgba(233,233,233,0.8); box-shadow: 1px 1px 2px 3px rgba(233,233,233,0.8); } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* -------------------------------------------------------- */ /* Formatting */ /* Option Column */ .col-options { padding-top: 0.6em; padding-bottom: 0.6em; border-top: 1px solid; border-bottom: 1px solid; } /* Line Height */ #content .lineheight-16 p { line-height: 1.6; } #content .lineheight-18 p { line-height: 1.8; } #content .lineheight-20 p { line-height: 2.0; } /* Height */ .height-300 { height: 300px!important; } .height-400 { height: 400px!important; } .height-500 { height: 500px!important; } .height-600 { height: 600px!important; } .height-700 { height: 700px!important; } .height-800 { height: 800px!important; } /* Min-Height */ .min-height-200 { min-height:200px!important;; } .min-height-250 { min-height:250px!important;; } .min-height-300 { min-height:300px!important;; } .min-height-350 { min-height:350px!important;; } .min-height-400 { min-height: 400px!important; } .min-height-500 { min-height: 500px!important; } .min-height-600 { min-height: 600px!important; } .min-height-700 { min-height: 700px!important; } .min-height-800 { min-height: 800px!important; } .min-height-1000 { min-height: 1000px!important; } .min-height-1200 { min-height: 1200px!important; } .min-height-1500 { min-height: 1500px!important; } .min-height-2000 { min-height: 2000px!important; } .padding-top { padding-top: 1em!important; } .padding-bottom { padding-bottom: 1em!important; } .no-padding-bottom { padding-bottom: 0!important; } .no-padding-top { padding-top: 0!important; } /* Text */ span.text-big { font-size: 1.36em; } /* ======================================================== Widgets ======================================================== */ /* Fancybox (Content) */ .fancybox-content { display: none; padding: 20px; } .fancybox-content p { padding: 0.4em 0; font-size: 1.1em; } .fancybox-images { display: none; } .plugin-content > h1 { display: none; } /* Tab-Navigation */ .tab-navigation-load, .tab-navigation-load .tab-navigation-content, .tab-navigation-load .tab-navigation-status { display: none; } #content .ui-tabs .ui-tabs-panel { margin-bottom: 0.8em; padding: 0.8em 1% 2.5% 1%; border: 1px solid; } #content ul.ui-tabs-nav .ui-state-active, #content .tab-navigation .ui-state-default, #content .tab-navigation-colored .ui-state-default { border: 1px solid; } #content ul.ui-tabs-nav { margin-left: 0; padding-bottom: 0; } #content ul.ui-tabs-nav li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content ul.ui-tabs-nav li { padding: 0; font-weight: bold; text-transform: uppercase; } #content ul.ui-tabs-nav a { outline: 0; } /* Accordion-Navigation */ .accordion-navigation { margin-bottom: 2em!important; } .accordion-navigation-load .accordion-navigation-content, .accordion-navigation-load .accordion-navigation-external-link, .accordion-navigation-load .accordion-navigation-external-content { display: none; } .accordion-navigation-link, .ui-accordion .ui-accordion-header { margin-bottom: 0.4em; font-size: 1.0005em; font-weight: bold; text-transform: uppercase; overflow: hidden; border: 1px solid; } .accordion-navigation-link { padding: 0.4em 0.8em; } .ui-accordion .ui-state-active { border-style: solid; border-width: 1px 1px 2px 1px: } .accordion-navigation-box{ border: 1px solid; } .accordion-navigation-link:active, .accordion-navigation-link:focus { outline: 0; } .ui-accordion .ui-accordion-content { margin-top: -0.4em; margin-bottom: 2em; } .ui-accordion .ui-accordion-content .row:first-child { padding-top: 0.2em; } .accordion-category { display: block; width: 110%; margin: -0.5em 0 0.4em -2%; padding: 0.2em 0.8em; } /* Tooltip */ .plugin-content .tooltip-content { display: none;!important; } .ui-tooltip { padding: 0.5em; max-width: 300px; } /* Blätterkatalog */ .booklet-download, .booklet-enlarge{ margin-bottom:1em; } .pageflip-container { margin: 0 45px 5px 45px; } .booklet-resize-info { display: none; } .booklet .b-arrow-next div{ margin-left:-5px; } /* Zitat-Animation */ .quotation { position: relative; float: left; width: 98%; margin-bottom: 2em; padding: 1%; } .quotation-button { float: left; width: 10%; height: 70px; overflow: hidden; } #content .quotation-button button{ height: 70px; min-width:2em; padding:0; margin:0; outline:0; } .quotation .icon-news-left:before, .quotation .icon-news-right:before { font-size: 30px; margin: 0; padding: 0; width: 100%; } .quotation-button-right{ float:right; } .quotation-button-inactive { cursor: default; } .quotation-button span { display: none; } .quotation-content { float: left; width: 80%; } .quotation-content-slider { position: relative; overflow: hidden; } .quotation-content-slider .quotation-content-wrap { width: 20000em; position: relative; } .quotation-content-item { float: left; width: 100%; } #content .quotation-content-item blockquote { padding: 0.5em; border-left-width:0; margin:0; } #content .quotation-content-item blockquote p{ padding:0.3em 0; } #content .quotation-content-item p.blockquote-author{ padding: 0 0.5em; } #content .quotation-content-item p.blockquote-author:before{ content: "— "; } /* Video (MovingIMAGE24) */ .mi24 { padding: 0.4em 0 0.8em 0; } /* Background Video (Home) */ #bgvideo { display: none; } /* -------------------------------------------------------- */ /* Individual */ /* Travel Service Icons */ .tab-navigation li.travel-icon a { padding-left: 0.4em; } .tab-navigation li.travel-icon a:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .tab-navigation li.travel-train a:before {/* Bahn */ content: '\4b'; /* 'K' */ width: 3.5em; } .tab-navigation li.travel-plane a:before {/* Flugzeug */ content: '\4f'; /* 'O' */ width: 3.2em; } .tab-navigation li.travel-pkw a:before {/* PKW */ content: '\4d'; /* 'M' */ width: 3.2em; } .tab-navigation li.travel-es a:before {/* Lieferanten */ content: '\4a'; /* 'J' */ width: 2em; } .tab-navigation li.travel-opnv a:before {/* ÖPNV */ content: '\4e'; /* 'N' */ width: 2.6em; } .tab-navigation li.travel-hotel a:before {/* Hotel */ content: '\4c'; /* 'L' */ width: 1.4em; } .tab-navigation li.travel-shuttle a:before {/* VIP-Shuttle */ content: '\57'; /* 'W' */ width: 1.4em; } /* Aktuelles (NGN) */ .ngn-widget { clear: both; } .ngn-widget iframe { height: 238px!important; } /* ======================================================== Dynamic Templates ======================================================== */ /* Gallery */ .gallery-thumb, .gallery-thumb-small { float: left; overflow: hidden; width: 70px; height: 70px; margin-right: 2%; margin-bottom: 2%; } img.gallery-thumb-landscape { max-width: none; } img.gallery-thumb-portrait { max-height: none; } .gallery-thumb img.gallery-thumb-landscape, .gallery-thumb-small img.gallery-thumb-landscape { max-height: 70px; } .gallery-thumb img.gallery-thumb-portrait, .gallery-thumb-small img.gallery-thumb-portrait { max-width: 70px; } /* Press Photos */ .tab-navigation-pressphotos, .tab-navigation-pressphotos .tab-navigation-content { display: none; } .tab-navigation-pressphotos .pressphotos-single .tab-navigation-content { display: block; } .pressphoto-item { float: left; width: 29.3333333333333%; min-height: 0; margin: 0.2em 2% 1.8em 2%; overflow: hidden; } .pressphoto-img { position: relative; width: 100%; height: 50px; line-height: 1; overflow: hidden; } .pressphoto-img img{ display: block; position: relative; } .pressphoto-text { padding-top: 0.2em; font-size: 0.7em; } .icon-gallery-zoom:before{ position: absolute; top: 3px; right: 3px; display: block; width: 16px; height: 14px; margin: 0; padding: 2px 1px 1px 1px; font-size: 15px; border: 2px solid; } .pressphoto-thumb-portrait { margin-top: -20%; } /* Press Releases */ .pressreleases-item, .pressreleases-archive-item { padding: 2%; } .pressreleases-date, .pressreleases-archive-date { padding-bottom: 0.1em; } #content .pressreleases-item h3, #content .pressreleases-archive-item h3 { padding: 0 0 0.2em 0; font-size: 1.1em; font-weight: normal; } #content .pressreleases-item p, #content .pressreleases-archive-item p { padding: 0; } .pressreleases-archive-options { padding: 0.6em 0; border-top: 1px solid; border-bottom: 1px solid; } #content .pressreleases-details .news-backlink, #content .pressreleases-details-options{ padding: 0.2em 0; } #content h3.pressreleases-details-title { padding-top: 0.1em; } .pressreleases-details-date { padding-bottom: 0.4em; font-weight: bold; } /* Press Dates */ .pressdates-day { padding: 2%; }s .pressdates-day h3 { padding-top: 0.4em; } .pressdate-icons { padding: 0.6em 0; } #content .pressdate-icons [class^="icon-"]:before, #content .pressdate-icons [class*=" icon-"]:before { margin-left: 0; font-size: 1.6em; } #content .pressdate-icons [class^="icon-"]:hover, #content .pressdate-icons [class*=" icon-"]:hover { text-decoration: none; } .pressdates-item { padding: 1em 0; border-bottom: 1px solid; } #content .pressdate-time p { padding: 0.1em 0; } #content .pressdate-title h4 { padding: 0.1em 0 0.4em 0; font-size: 1.1em; } /* News Report */ h3.newsreport-innovation-headline { padding-top: 0.4em; } /* Image Slider */ .nivoSlider noscript img { position: relative!important; display: block!important; max-width: 100%!important; } .slider-default .nivoSlider { box-shadow: none!important; } /* Booth Rent Calculator */ #boothrentcalculator .radio-inline, #boothrentcalculator .checkbox-inline { vertical-align: top; } /* Sitemap */ #content .sitemap ul { margin: 0; padding: 0; } #content .sitemap li { list-style: none; width: 100%; padding: 0; } #content .sitemap li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .sitemap ul.sitemap-level1 li a { display: block; margin-bottom: 1px; padding: 0.4em 0.6em; text-transform: uppercase; font-size: 1.15em; font-weight: bold; } #content .sitemap ul.sitemap-level2 li a { margin-bottom: 0; } #content .sitemap li.sitemap-li-first { padding-top: 0.4em; } #content .sitemap li.sitemap-li-last { padding-bottom: 0.6em; } #content .sitemap ul.sitemap-level3 li a { margin-bottom: 0; padding: 0.3em 0.8em; text-transform: none; font-size: 1em; font-weight: normal; } /* Downloadcenter */ #content .downloadcenter-search p { padding-bottom: 0.8em; } .downloadcenter-category { padding-bottom: 1.2em; border-bottom: solid 1px; } .downloadcenter-category h3 { padding-top: 1em; } .downloadcenter-item { padding: 0.6em 0; } .downloadcenter-item a { font-weight: bold; } /* AV Application */ #content ul.list-av { margin-left: 0; margin-bottom: 1.2em; } #content ul.list-av li { padding-left: 0; } #content ul.list-av li.subheader2 { padding-top: 0.6em; color: #565657; } /* Banner Generator */ .banner-generator-image { margin: 1em 0; padding: 1em 1em 0.5em 1em; border: 1px solid; text-align: center; } /* ePDF */ .epdf-step { padding: 0.8em 1% 0.8em 3%; } #content ul.list-epdf { margin: 0.8em 0; } #content ul.list-epdf li { padding-left: 0; } #content ul.list-epdf li.nested { padding-left: 1.4em; } h4.epdf-category.guidelines, h5.epdf-subcategory.guidelines { margin-left: 1.3em; } #content ul.list-epdf.guidelines { margin-left: 1.5em; } /* jRating */ .jrating-container { float: left; } .jRatingAverage { position: relative; top: 0; left: 0; z-index: 2; height: 100%; } .jRatingColor { position:relative; top:0; left:0; z-index:2; height:100%; } .jStar { position: relative; left: 0; z-index: 3; } .jrating-container { display: inline-block; } .jrating-votes { float: left; margin: 0.5em 0 0 1em; } .jrating-message { clear: both; float: left; padding-top: 1em; } /* Ausstellersuche */ #vmp_suchform { margin-top: 10px; } /* RSS Content */ .rss-content-item { padding-top: 0.8em; padding-bottom: 1.8em; } p.rss-content-date { font-style: italic; } /* ======================================================== Event Database ======================================================== */ /* Event Database Grid */ .row .eventdb-main .row { margin-left: -3%; margin-right: -3%; } /* Event Search Result */ .row .eventdb-main .row .eventdb-search-result-headline, .row .eventdb-main .row .eventdb-search-result-page-navigation { padding-bottom: 0.2em; } #content .eventdb-search-result-item h4, #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 { font-size: 1.1em; } /* Event Icons */ #content .eventdb-search-result-icons, #content .eventdb-highlights-icons, #content .eventdb-memolist-icons, #content .eventdb-details-icons { padding: 0.5em 0; } #content .eventdb-search-result-icons a, #content .eventdb-highlights-icons a, #content .eventdb-memolist-icons a, #content .eventdb-details-icons a { display: inline-block; width: 22px; height: 22px; margin-right: 0.7em; } #content .eventdb-search-result-icons [class^="icon-"]:before, #content .eventdb-search-result-icons [class*=" icon-"]:before, #content .eventdb-highlights-icons [class^="icon-"]:before, #content .eventdb-highlights-icons [class*=" icon-"]:before, #content .eventdb-memolist-icons [class^="icon-"]:before, #content .eventdb-memolist-icons [class*=" icon-"]:before, #content .eventdb-details-icons [class*=" icon-"]:before, #content .eventdb-details-icons [class^="icon-"]:before { margin-left: 0; font-size: 1.6em; } #content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover { text-decoration: none; } /* Event Highlights */ .eventdb-highlights-title { padding-top: 0; padding-bottom: 0; } .eventdb-highlights-picture { padding-top: 1.5em; } /* Event Memo List */ .eventdb-memolist-date { padding-top: 0; padding-bottom: 0; } /* Event Detail */ .eventdb-details-title { padding-bottom: 0.5em; } .eventdb-details-title h3 { padding-top: 0; } .eventdb-details-subevent { clear: both; } .eventdb-details-subevent h5 { padding-top: 2em; padding-bottom: 1em; } .eventdb-details-picture { padding-bottom: 1.0em; } .eventdb-details-description { padding-bottom: 2.2em; border-bottom: 1px solid; } .eventdb-details-subevent-headline h4 { padding-top: 1.8em; } .eventdb-details-picture-below { padding-top: 1.2em; } .eventdb-details-subevent-time, .eventdb-details-subevent-title { display: block; width: 100%; } .eventdb-subevent-picture { padding-top: 1.5em; padding-bottom: 1.5em; } /* Event Options */ .eventdb-options { border-top: 1px solid; border-bottom: 1px solid; } #content .eventdb-options ul { margin-left: 0; padding: 0.6em 0; } #content .eventdb-options li { padding: 0.2em 0; } #content .eventdb-options li:before { display: none; } /* Event Speakers List */ .eventdb-speakers-list-headcol { display: none; } .eventdb-speakers-list-item { padding: 0.8em 0 1.6em 0; font-size: 1.1em; } .eventdb-speakers-list-col { padding: 0.2em 0; } .eventdb-speakers-list-col1 { padding-bottom: 0.4em; font-weight: bold; } /* Event Speakers Details */ .eventdb-speakers-details-headline { padding-bottom: 0; } .eventdb-speakers-details-relations { border-top: 1px solid; } .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { font-size: 1.1em; line-height: 1.28571; } .eventdb-speakers-details-relations-title { padding-top: 0.4em; font-weight: bold; } .eventdb-speakers-details-relations-date { padding-top: 0.2em; } /* Event Summery List */ .eventdb-summary-list-day { border-bottom: 1px solid; padding-bottom: 1.5em; } .eventdb-summery-list-event a { font-weight: bold; } .eventdb-summery-list-event { padding-top: 1.4em; } /* Event Programme Table */ .eventdb-table-item { padding-bottom: 1.2em; } .eventdb-table-headcol { font-size: 1.1em; padding: 0.5em 0.6362em; font-weight: bold; text-transform: uppercase; } .eventdb-table-col { font-size: 1.1em; padding: 0.5em 0.6362em; border-bottom: 1px solid; } .eventdb-table-col-empty { display: none; } .eventdb-table-category { padding: 0.3em 0; } .eventdb-table-link { padding: 0.4em 0; } /* Event Registration */ .eventregistration-category { padding: 0 0.6em; } .eventregistration-item { margin-bottom: 1.6em; padding-bottom: 0.6em; font-size: 1.1em; } .eventregistration-col { padding: 0.2em 0.6em; } .eventregistration-highlight { padding: 0 0.6em 0.2em 0.6em; } .eventregistration-col1 { padding-top: 0.6em; } .eventregistration-col3 { padding-top: 0.1em; padding-bottom: 0.6em; margin-bottom: 0.6em; font-size: 1.2em; font-weight: bold; } .eventregistration-col b { display: inline-block; padding-right: 0.4em; } a.eventregistration-link, span.eventregistration-fullybooked { display: inline-block; margin-top: 0.4em; padding: 0.3em 0.8em 0.4em 0.8em; font-weight: bold; border-radius: 6px; } .eventregistration-dates { margin-top: 0.8em; padding: 0.4em 0.6em 0.8em 0.6em; border-top: 1px solid; } .eventregistration-dates-text { padding: 0.4em 0 0.6em 0; } .eventregistration-dates-item { padding: 0.3em; } /* ======================================================== Event Calendar ======================================================== */ /* Calendar */ .calendar { overflow: hidden; padding-bottom: 2em; padding-left: 28px; border-bottom: 1px solid #999; } /* Calender Tabs */ .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; } /* Datepicker */ #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span:before, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; font-variant: normal; text-transform: none; line-height: 1.1em; margin-left: .2em; text-indent: 0; font-size: 1.49em; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span.ui-icon, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span.ui-icon { text-indent: 0; width: 27px; height: 21px; color: #0058a0; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span:before { content: '\2b'; /* '+' */ } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span:before { content: '\32'; /* '2' */ } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev { left: -39px; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next { right: -39px; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev-hover, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next-hover { background-color: transparent; color: #0058a1; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev-hover span.ui-icon, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next-hover span.ui-icon { cursor: pointer; color: #057ccd; } #content .tab-navigation .calendar .ui-datepicker-multi-3 .ui-datepicker-group { clear: both; width: 30%; font-weight: bold; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-title { margin: 0 0.4em; padding-left: 0.6em; text-transform: uppercase; text-align: left; background-color: #057ccd; color: #fff; } #content .tab-navigation .calendar .ui-datepicker th { padding: 0.2em 0; background-color: #e9e9e9; color: #575756; } #content .tab-navigation .calendar .ui-state-default { background-color: #fff; } #content .tab-navigation .calendar td.undefined span.ui-state-default, #content .tab-navigation .calendar td.undefined a.ui-state-default { text-align: center; border-color: #e9e9e9; } #content .tab-navigation .calendar td.undefined span.ui-state-default { background-color: #fff; color: #575756; } #content .tab-navigation .calendar td.undefined a.ui-state-default { background-color: #999; color: #fff; } #content .tab-navigation .calendar td.undefined a.ui-state-hover, #content .tab-navigation .calendar td.undefined a.ui-state-active { background-color: #0058a1; color: #fff; } #content .tab-navigation .calendar button.ui-state-default { opacity: 1; background-color: #057ccd; color: #fff; } #content .tab-navigation .calendar .ui-datepicker-title:hover { cursor: pointer!important; text-decoration: underline!important; } /* Calendar Entries */ .within-selected-month { opacity: .4!important; } .within-selected-day, .within-selected-month:hover { opacity: 1!important; } .cal-item, .cal-list-item { padding: 2% 0; } .cal-date, .cal-list-date { padding-bottom: 0.1em; font-weight: bold; } #content .cal-event h4, #content .cal-list-event h4 { font-size: 1.1em; padding: 0 0 0.2em; } .cal-event-desc, .cal-event-entrance { padding: 0.2em 0; } .cal-icons, .cal-list-icons { padding: 0.5em 0; } #content .cal-icons [class^="icon-"]:before, #content .cal-list-icons [class^="icon-"]:before { font-size: 1.6em; margin-left: 0; } #cal-year-headnavi, #cal-quartal-headnavi { padding: 0.4em 0; } .cal-year-link, .cal-quartal-link { display: block; float: left; margin-right: 0.5em; margin-bottom: 0.5em; } .cal-year-link { width: auto; } .cal-quartal-link { width: 49%; min-width: 180px; } .cal-year-link a, .cal-quartal-link a { display: block; padding: 0.2em 1em; text-transform: uppercase; text-align: center; font-weight: bold; background-color: #878787; color: #fff; } .cal-quartal-link-1, .cal-quartal-link-3 { margin-right: 0; } .cal-year-link a, .cal-quartal-link a { color: #fff; } .cal-year-link a:hover, .cal-quartal-link a:hover, .cal-year-link a.current, .cal-quartal-link a.current { text-decoration: none; background-color: #057ccd; color: #fff; } #content .page-navigation.cal-alphabet li a { background-color: #057ccd; color: #fff; } #content .page-navigation.cal-alphabet li a:hover { background-color: #0058a1; } #content .page-navigation.cal-alphabet li span { background-color: #e9e9e9; color: #999; } #content h3.cal-header-az { margin-top: 1.2em; padding: 0.6em 0 0.3em 0; font-size: 1.28em; border-top: 1px solid #999; } .col-12.cal-alphabet { padding-bottom: 0; } .cal-img { max-width: 324px; max-height: 162px; margin: 0.6em 0; overflow: hidden; } .calendar-tooltip { max-width: 450px; padding: 0.8em 1.2em; line-height: 1.5; } /* ======================================================== Newsletter ======================================================== */ /* Newsletter Web View */ .newsletter-selection { border: 1px solid; padding: 2em 0.6em 1em 0.6em; } .newsletter-web-banner { padding: 1.5em 0; } .newsletter-web-hr { padding-top: 1em; } /* ======================================================== GSA Search ======================================================== */ /* -------------------------------------------------------- */ /* Tiles (Home, Navigation) */ .nav-level2-search { position: relative; overflow: visible !important; background-color: transparent!important; border: none !important; } #tile-search { position: relative; overflow: visible; background-color: transparent; border: 1px solid transparent; } /* Suggestions */ #search-suggestions { list-style: none; } #search-suggestions li { /*general*/ text-align: left; border-bottom: 1px solid!important; margin: auto!important; } .tile #search-suggestions li { /*home*/ padding: 4px .3em; width: 80%; } #search-suggestions li:hover { cursor: pointer; background-color: #eee; } .tile-search-inner { /*general*/ position: absolute; z-index: 30; overflow: hidden; opacity: 1; } .tile .tile-search-inner { /*home*/ top: -1px; left: -1px; height: 100%; width: 100%; border: 1px solid; } .tile .search-field-and-icon { /*only home*/ margin: auto; } .tile .tile-search-icon { /*home*/ margin: 16px auto; } .tile-search-content { /*general*/ display: none; z-index: 20; } .tile-search-content h3 { /*general*/ font-weight: 200; text-transform: uppercase; text-align: left; font-size: 12pt; margin: auto; } .tile .tile-search-content h3 { /*home*/ padding: 8px 0.1em 8px 0.4em; width: 80%; } /* -------------------------------------------------------- */ /* Search Page */ /* Content Search */ .gsa-content-search { padding: 0.5em; } .gsa-content-search legend, .gsa-content-search label { display: none; } #content .gsa-content-search fieldset { float: left; width: 81%; } #content .gsa-content-search-input { float: left; width: 100%; padding: 0.3em; } #content #gsa-content-search-select { float: left; width: 100%; margin-top: 0.3em; padding: 0.15em 0.05em; font-weight: bold; } #content .gsa-content-search-option { padding: 0.15em 0.3em; } #content .gsa-content-search-input, #content #gsa-content-search-select, #content .gsa-content-search-option { height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .gsa-content-search-button { float: left; width: 18%; min-width: 0; height: 52px; margin: 0 0 0 1%; padding: 0; font-size: 2.8em; } /* Sections */ .gsa-spellcheck , .gsa-related-queries, .gsa-keymatch, .gsa-result, .gsa-page-navigation { padding: 1em 0; } .gsa-spellcheck , .gsa-related-queries, .gsa-keymatch, .gsa-result { border-bottom: 1px solid; } #content .gsa-content h3 { padding: 0; font-size: 1.28em; font-weight: normal; } #content .gsa-content p { padding: 0; } /* Spellcheck */ a.gsa-spellcheck-link { font-size: 1.28em; } a.gsa-spellcheck-link b { font-style: italic; } a.gsa-spellcheck-link:hover { text-decoration: none; } a.gsa-spellcheck-link b:hover { text-decoration: underline; } /* Page Navigation */ #content .gsa-page-navigation ul { float: left; margin-left: 0; } #content .gsa-page-navigation ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .gsa-page-navigation li { list-style: none; float: left; width: auto; padding: 0 0.4em 0.4em 0; } #content .gsa-page-navigation li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .gsa-page-navigation i { font-size: 0.65em; } .gsa-page-navigation .icon-link-right:before, .gsa-page-navigation .icon-link-left:before { padding-top: 0.7em; font-size: 1em; } .gsa-page-navigation .icon-link-right:before { padding-left: 0.3em; } .gsa-page-navigation .icon-link-left:before { padding-right: 0.3em; } #content .gsa-page-navigation a.page-navigation-prev, #content .gsa-page-navigation a.page-navigation-next { font-weight: bold; } #content .gsa-page-navigation a:hover { text-decoration: none; } .icon-file-ppt:before, .icon-file-doc:before, .icon-file-pdf:before { margin-right: 0.4em; } /* Google-Logo */ .gsa-logo { float: right; } /* -------------------------------------------------------- */ /* Autocomplete */ .gsa-content-search .ui-autocomplete, .mobile-search .search-mobile-suggestions-ul{ opacity: .95; padding: 0.4em 0 0 !important; } .gsa-content-search .ui-autocomplete li, .mobile-search .search-mobile-suggestions-ul li{ text-align: left; border-bottom: 1px solid; padding: 4px !important; } .gsa-content-search .ui-autocomplete li:hover, .mobile-search .search-mobile-suggestions-ul li:hover { cursor: pointer; padding: 4px; } .gsa-content-search .ui-state-focus { margin: 0 !important; } .mobile-search .search-mobile-suggestions-ul { border: 1px solid; } .mobile-search .search-mobile-suggestions-ul li:before { display: none; } /* ======================================================== External Content ======================================================== */ /* -------------------------------------------------------- */ /* BusinessWire */ @media (max-width: 767px) { #content #bwContent .bwOpk { padding-top: 0; } #content #bwContent .bwOpk .bwPowered { position: relative; top: 0; } #content .bwOpk .bwSearch { position: relative; text-align: left; width: 100%; } } #content #bwContent, #content #bwContent .bwOpk { width: 100%; max-width: 698px; min-height: 500px; } #content #bwContent h2 { font-size: 1.4em; padding: 0.2em 0; } #content #bwContent li:before { display: none; } #content #bwContent button { background-color: transparent; min-width: 0; margin: 0; padding: 0; } #content #bwContent .bwSearch button span img { top: -3px!important; } #content #bwContent ul.bwTabs { margin: 2.5em 0 0 0; padding: 0; } #content #bwContent ul.bwListNews, #content #bwContent ul.bwNewsList { margin: 0; } #content #bwContent ul.bwListNews li, #content #bwContent ul.bwNewsList li { background: none; padding-left: 0; margin: 0; } #content #bwContent .bwNewsLegend, #content #bwContent ul.bwListNews div.bwDesc { font-size: 110%; } #content #bwContent ul.bwNewsList div.bwThumbs { position: relative!important; float: left!important; top: 0!important; left: 1px!important; height: 120px!important; margin-right: 10px; } #content #bwContent ul.bwNewsList div.bwMeta { left: 0!important; top: 3px!important; font-size: 80%!important; } #content #bwContent .bwBackToEvent span { background-position: 0 0; padding-left: 20px; } /* ======================================================== Home ======================================================== */ /* Page */ .home #nav-main { padding-bottom: 0; } .home section#content-home { padding-top: 0; padding-left: 3%; padding-right: 3%; } /* Tiles */ #tiles-section { float: left; width: 100%; } .tile { float: left; min-height: 147px; margin-right: 1%; margin-bottom: 1%; overflow: hidden; } .tile picture { display: block; line-height: 0; } #tile-1, #tile-3, #tile-5 { margin-right: 0; } .tile-single-image { width: 49.5%; min-height: 148px; } .tile-single-text { width: 48.82%; border: 1px solid; } .tile-double { width: 100%; min-height: 148px; max-height: 337px; } .tile-big { width: 100%; min-height: 296px; margin-bottom: 1em; } /* Tile Search */ #tile-search { text-align: center; } .tile-search-icon { width: 80%; height: 58%; margin: 10%; background-image: url(../master_layout_images/search_white.svg); background-position: center center; background-repeat: no-repeat; } #tile-search .gsa-search input { width: 80%; padding: 1vw; } /* Tile Links + Counter */ a.tile-text-link, .tile-counter { display: block; min-height: 149px; line-height: 1.15; padding: 0 11.82% 11.82% 11.82%; text-align: left; text-transform: uppercase; font-size: 5.6vw; } .tile-1row , a.tile-1row { padding-top: 74%; } .tile-2rows, a.tile-2rows { padding-top: 60%; } .tile-3rows, a.tile-3rows { padding-top: 46%; } .tile-4rows, a.tile-4rows { padding-top: 31%; } a.tile-text-link:hover { text-decoration: none; } /* Counter */ .tile-counter-label-before, .tile-counter-label-after { display: inline-block; width: 100%; } /* News */ .news { display: none; position: relative; float: left; width: 98%; margin-bottom: 2em; padding: 1%; } .news-headline { float: left; width: 100%; height: 40px; } .news-headline h2 { display: inline-block; padding: 0.3em 0.6em; font-size: 0.9em; text-transform: uppercase; } .news-button { float: left; width: 10%; height: 64px; overflow: hidden; } .news-button button{ background: none; height: 64px; } .news-button-left, .icon-news-left:before{ text-align: left; } .news-button-right, .icon-news-right:before{ text-align: right; } .icon-news-left:before, .icon-news-right:before{ width: 100%; font-size: 30px; margin: 0; padding: 0; } .news-button-inactive { cursor: default; } .news-button span{ display: none; } .news-content { float: left; width: 80%; height: 64px; } .news-content-slider { position: relative; overflow: hidden; } .news-content-slider ul { width: 20000em; position: relative; } .news-content-slider li { float: left; width: 100%; height: 64px; } .news-content-slider li p { padding: 0 3%; } li.news-content-slider-img { text-align: center; } .news-noscript { position: relative; float: left; width: 92%; margin-bottom: 2em; padding: 1%; } .news-noscript-content ul { padding-bottom: 0.2em; } .news-noscript-content li { padding: 0.6em 0; border-bottom: 1px solid #999; } .news-noscript-content li.first { padding-top: 0; } /* Infobox */ .infobox{ display: none; clear: both; width: 96%; padding: 2%; margin-bottom: 1em; } /* ======================================================== Splash Page ======================================================== */ /* Page */ section#content-splashpage { padding:0 3% 1.8em 3%; } /* Tiles */ #tiles-section-double, #tiles-section-single { float: left; width: 100%; } /* ======================================================== Colors ======================================================== Primär: #0058a1 (Messe Berlin-Blau) Sekundär: #057ccd (Hellblau) Tertiär: #019de2 Grau 1: #575756 Grau 2: #878787 Grau 3: #999 Grau 4: #e9e9e9 Highlight: #cdcdcd Mobile: #282828 Icon-Hover: #003969 ======================================================== */ body { background-color: #fff; } #side-panel li a { background-color: #282828; color: #fff; } .icon-side-home-item { background: #fff; } #nav-meta ul li a, #nav-lang ul li a, #nav-footer ul li a { color: #282828; } #footer-copyright { color: #999; } .icon-side-home-item { background: #fff; } .mobile-nav-toggle.mobile-nav-toggle-active { color: #999; } .mobile-nav-toggle, .mobile-search-button { color: #aeaeae; } .nav-mobile-wrap { background: #0058a1; color: #fff; } .nav-mobile-wrap a { color: #fff; } .nav-mobile-wrap ul li a { border-bottom-color: #fff; } .nav-mobile-wrap ul li.nav-mobile-extra:before { border-bottom-color: #fff; } .gsa-search-mobile { background-color: #0058a1; } .gsa-search-mobile-input { color: #0058a1; } .gsa-search-mobile-button { background-color: #0058a1; color: #fff; } #nav-main ul li a { color: #282828; } #nav-main ul li span { color: #0058a1; border-bottom-color: #0058a1; } #nav-level2, #nav-level3 { border-bottom-color: #999; } #nav-level2 ul li a, #nav-level3 ul li a { color: #282828; } #nav-level2 ul li.nav-level2-active { background-color: #999; } #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span, #nav-level3 ul li.nav-level3-li-active span, #nav-level3 ul li.nav-level3-li-active a { background-color: #019de2; color: #fff; } .textimage-caption { color: #282828; } .img-border img { border-color: #999; } a { color: #0058a1; } a.button-link { background-color: #057ccd; color: #fff; } a.button-link:hover { background-color: #003969; } h2, h3, h4, h5, p, li, table { color: #282828; } .text-success { color: #4f8b4b; } .text-error { color: #fd0000; } #content hr { border-bottom-color: #999; } #content blockquote{ border-left-color: #0058A1; } #content li:before { color: #0058a1; } #content .anchor-links li a { background-color: #878787; border-color: #878787; color: #fff; } #content .anchor-links-color li a { background-color: #057ccd; border-color: #057ccd; color: #fff; } #content .page-navigation li a { background-color: #e9e9e9; border-color: #e9e9e9; color: #0058a1; } #content .page-navigation li span { background-color: #e9e9e9; border-color: #e9e9e9; color: #999; } #content .page-navigation li span.page-navigation-active { background-color: #0058a1; border-color: #0058a1; color: #fff; } a.link-highlight, a.link-highlight-block { background-color: #057ccd; color: #fff; } #content .highlight { background-color: #e9e9e9; } #content .ui-tabs-panel .highlight, #content .ui-accordion-content .highlight { background-color: #cdcdcd; } .col-highlight { background-color: #e9e9e9; } #content .border{ border-color: #999; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { background-color: #fff; color: #282828; } .table > thead > tr > th { background-color: #878787; color: #fff; } .table > tbody > tr > th, .table > tbody > tr > td { border-bottom-color: #d1d1d1; } .table-color > thead > tr > th { background-color: #057ccd; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #e9e9e9; } legend { color: #282828; } .form-control { color: #282828; background-color: #e9e9e9; border-color: #e9e9e9; } .form-control-static { background-color: #e9e9e9; } .form-control:focus { background-color: #fff; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #e9e9e9; } #content button, #content input[type="submit"], #content input[type="button"] { color: #fff; background-color: #878787; } #content button.btn-colored, #content input[type="submit"].btn-colored, #content input[type="button"].btn-colored { background-color: #057cce; } /* -------------------------------------------------------- */ /* Components */ /* Progress Bar */ progress { background-color: #e9e9e9; } progress[role], progress[aria-valuenow]:before { background-color: #0058a1; } progress[aria-valuenow] { background: #e9e9e9; } progress::-moz-progress-bar { background-color: #0058a1; } progress::-webkit-progress-bar { background-color: #e9e9e9; } progress::-webkit-progress-value { background-color: #0058a1; } progress[aria-valuenow]:before { background-color: #0058a1; } /* Loader */ .icon-loader-animation { border-color: #e9e9e9 #e9e9e9 #e9e9e9 #0058a1; } /* -------------------------------------------------------- */ /* Formatting */ .col-options { border-top-color: #999; border-bottom-color: #999; } /* -------------------------------------------------------- Widgets -------------------------------------------------------- */ /* jQuery UI */ .ui-state-active a{ background: #e9e9e9; color: #057ccd; } .ui-widget-content{ color: #575756; } .ui-widget-header{ color: #878787; } .ui-widget-header a{ color: #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; color: #057ccd; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#fff; color:#575756; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color:#575756; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border:1px solid #fe0000; background:#fff; color:#fe0000; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color:#fe0000; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color:#fe0000; } /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { background-color: #e9e9e9; border-color: #e9e9e9; } #content ul.ui-tabs-nav .ui-state-active { background-color: #e9e9e9; border-color: #e9e9e9; } #content .tab-navigation .ui-state-default { background-color: #878787; border-color: #878787; } #content .tab-navigation-colored .ui-state-default { background-color: #057ccd; border-color: #057ccd; } /* Accordion-Navigation */ .accordion-navigation-link, .ui-accordion .ui-accordion-header { background-color: #e9e9e9; border-color: #e9e9e9; color: #565657; } .ui-state-default .ui-icon, .ui-state-active .ui-icon { color: #565657; } .ui-accordion .ui-state-active { background-color: #fff; border-color:#fff #fff #057ccd #fff; } .accordion-navigation-box{ border-color: #fff; } .ui-accordion .ui-accordion-content { background-color: #fff; } .ui-accordion.accordion-navigation-colored .ui-state-active { color: #057ccd; } .accordion-category { background: #057ccd; color: #fff; } .ui-state-default .ui-icon { background: url(../master_layout_images/accordion-down.svg) top left no-repeat; } .ui-state-active .ui-icon { background: url(../master_layout_images/accordion-up.svg) top left no-repeat; color: #0058a1; } /*.accordion-navigation .textimage { padding-top: 1em; }*/ /* Tooltips */ .ui-tooltip { box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; background-color: #fff; color: #282828; } /* Zitat-Animation */ .quotation { background: #fff; } .quotation .icon-news-left:before, .quotation .icon-news-right:before { color: #0058a1; } #content .quotation-button button, #content .quotation-button button:focus { background-color: transparent; } /* -------------------------------------------------------- Dynamic Templates -------------------------------------------------------- */ /* Press Photos */ .pressphoto-img { background-color: #0058a1; color: #fff; } .icon-gallery-zoom:before{ background-color: #fff; color: #0058a1; border-color: #fff; } /* Press Releases */ .pressreleases-details { padding-top: 1em; } .pressreleases-archive-options { border-top-color: #999; border-bottom-color: #999; } /* Press Dates */ .pressdates-item { border-bottom-color: #fff; } /* Sitemap */ #content .sitemap ul.sitemap-level1 li a { background-color: #0058a1; color: #fff; } #content .sitemap ul.sitemap-level2 li a { background-color: #999; } #content .sitemap ul.sitemap-level3 li { background-color: #fff; } #content .sitemap ul.sitemap-level3 li a { background-color: #fff; color: #000; } /* Downloadcenter */ .downloadcenter-category { border-bottom-color: #999; } /* Banner Generator */ .banner-generator-image { border-color: #e9e9e9; background-color: #e9e9e9; } /* ePDF */ .epdf-step { background-color: #e9e9e9; font-weight: bold; } .epdf-step1-active, .epdf-step2-active { background-color: #057cce; color: #fff; } h4.epdf-category, h5.epdf-subcategory { color: #878787; } #content ul.list-epdf.guidelines a { color: #878787; } /* Hotel List, Service List */ .servicelist .accordion-navigation-box, .hotellist .accordion-navigation-box { padding-top: 1em; } .servicelist-entry-right, .hotellist-entry-right { padding-left: 0; padding-right: 0; } .servicelist-entry-left, .hotellist-entry-left { padding-left: 0; padding-right: 0; } /* Event Calendar */ .calendar-tooltip { background-color: #0058a1; color: #fff; } /* jRating */ .jrating-container { background-color: #878787; } .jStar { /* Stern: Default*/ background-image: url(../master_layout_images/stars.png); } .jRatingAverage { /* Stern: Bewertung-Hover */ background-color:#0058a1; } .jRatingColor { /* Stern: Durchschnitt */ background-color: #057ccd; } p.jRatingInfos { /* Tooltip */ background-color: #0058a1; color: #fff; } /* -------------------------------------------------------- Event Database -------------------------------------------------------- */ #content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover { color: #003969; } #content .icon-event-add { } #content .icon-event-add-active { color: #999; } /* Event Pictures (FS4) */ .eventdb-highlights-picture, .eventdb-subevent-picture { max-width: 144px; } .eventdb-search-result-img, .eventdb-speakers-details-img { max-width: 337px; } /* Event Detail */ .eventdb-details-description { border-bottom-color: #999; } /* Event Options */ .eventdb-options { border-top-color: #999; border-bottom-color: #999; } /* Event Speakers Details */ .eventdb-speakers-details-relations { border-top-color: #999; } /* Event Summery List */ .eventdb-summary-list-day { border-bottom-color: #999; } /* Event Programm Table */ .eventdb-table-headcol { background-color: #878787; color: #fff; } .eventdb-table-col { background-color: #e9e9e9; border-bottom-color: #999; } .eventdb-table-category { color: #575756; } /* Event Registration */ .eventregistration-category { background-color: #057cce; color: #fff; } .eventregistration-category h3 { color: #fff; } .eventregistration-odd { background-color: #f1f1f1; } .eventregistration-even { background-color: #e9e9e9; } .eventregistration-highlight { background-color: #d1d1d1; } a.eventregistration-link { background-color: #0058a1; color: #fff; } span.eventregistration-fullybooked { background-color: #fd0000; color: #fff; } .eventregistration-dates { border-top-color: #999; } .eventregistration-dates-item span { color: #878787; } /* -------------------------------------------------------- FormEdit -------------------------------------------------------- */ /* jQuery Validation */ .form-edit input.error, .form-group.error input, .form-edit select.error, .form-group.error select, .form-edit textarea.error, .form-group.error textarea, .form-edit option.error, .form-group.error option { border: 1px solid #fd0000; } .form-group.error label, .form-edit label.error { font-size: 0.9em; padding: 0.2em 0; color: #fd0000; } .captcha-group label.error{ margin-top:0; } .checkbox label label.error{ position:absolute; margin-top: 16px; } /* -------------------------------------------------------- Home -------------------------------------------------------- */ /* Tiles */ .tile { background-color: #e9e9e9; color: #fff; } .tile-double{ background-color: transparent; } .tile-single-text { border-color: #000; } /* Tile Links */ a.tile-text-link { background: #057ccd; color: #fff; } /* Tile Counter */ .tile-counter { background: #057ccd; color: #fff; } .tile-counter-label-before, .tile-counter-label-after { color: #e9e9e9; } /* Tile Search */ #tile-search { background-color: #0058a1; color: #fff; } /* News */ .news, .news-noscript { background-color: #fff; } .news-headline h2 { background: #282828; color: #fff; } .news-headline h2 a { color: #fff; } .news-headline h2:hover { background-color: #0058a1; } .news-button { background: #fff; } .icon-news-left:before, .icon-news-right:before { color: #282828; } .news-button-inactive .icon-news-left:before, .news-button-inactive .icon-news-right:before { color: #d1d1d1; } /* Infobox */ .infobox{ background: #fff; } /* -------------------------------------------------------- GSA Search -------------------------------------------------------- */ /* Tiles */ #search-suggestions li { background-color: #fff; color: #5d5d5d; border-bottom-color: #9f9f9f!important; } .tile-search-inner { background-color: #0058a1; border-color: #0058a1; } .tile .tile-search-inner { border-color: #0058a1; } .tile-search-content h3 { background-color: #047bcd; color: #fff; } /* GSA Content Search */ .gsa-content-search { background-color: #0058a1; } #content #gsa-content-search-select, #content .gsa-content-search-option { color: #fff; } #content #gsa-content-search-select { background-color: #057ccd; } #content .gsa-content-search-option { background-color: #0058a1; } #content button.gsa-content-search-button { background-color: #0058a1; } #content .gsa-content-search-button:hover { background-color: #0058a1; } /* GSA Sections */ .gsa-spellcheck , .gsa-related-queries, .gsa-keymatch, .gsa-result { border-bottom-color: #999; } /* GSA Spellcheck */ a.gsa-spellcheck-link { color: #f00; } a.gsa-spellcheck-link b { color: #0058a1; } /* GSA Google-Logo */ .gsa-logo { color: #999; } /* -------------------------------------------------------- Pfeilnavigation in Autocomplete für Suchfelder -------------------------------------------------------- */ .tile .ui-autocomplete, .tile-search-content .ui-autocomplete { list-style: none; position: static !important; width: auto!important; } .tile .ui-autocomplete li.ui-menu-item, .tile-search-content .ui-autocomplete li.ui-menu-item { float: none !important; margin: auto !important; background-color: #fff; text-align: left; color: #5d5d5d; border: 0 !important; border-bottom: 1px solid #9f9f9f !important; padding:4px 0 4px .2em !important; width: 95% !important; height: auto !important; } .tile .ui-autocomplete li.ui-state-focus, .tile-search-content .ui-autocomplete li.ui-state-focus { background-color: #dcdcdc; color: #000; } .tile .ui-autocomplete li.ui-menu-item { width: 80% !important; padding: 4px .3em !important; } .mobile-search .ui-autocomplete { list-style: none; position: static !important; width: 100%; border: 1px solid #9f9f9f; border-bottom: 0; box-sizing: border-box; } .mobile-search .ui-autocomplete li.ui-menu-item { width: 100% !important; box-sizing: border-box; } .gsa-content-search .ui-autocomplete li, .mobile-search .search-mobile-suggestions-ul li { background-color: #fff; color: #5d5d5d; border-bottom-color: #ddd; } .gsa-content-search .ui-autocomplete li:hover, .mobile-search .search-mobile-suggestions-ul li:hover { background-color: #eee; } .mobile-search .search-mobile-suggestions-ul { border-color: #878787; background-color: #fff; } .gsa-results { padding-top: 1.2em; } .gsa-dynamic-navigation .hide { display: none; } .gsa-dynamic-navigation .gsa-dynamic-navigation-more > span { padding-right: 5px; } .gsa-dynamic-navigation .dyn-nav-search-box { padding: .3em .5em; background-color: #878787; } .gsa-dynamic-navigation .dyn-nav-search-box input { width: 315px; } .gsa-dynamic-navigation .dyn-nav-item-selected { color: #575756; } #content .ui-autocomplete { border-color: #878787; border-style: solid; border-width: 1px; background-color: white; position: absolute; } #content .ui-autocomplete .ui-menu-item { text-decoration: none; list-style: none; } #content .ui-autocomplete li:before { display: none; } /* -------------------------------------------------------- Individual -------------------------------------------------------- */ /* Bahn-Widet */ #bahnwidget label { color: #000; }

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
	border: 1px solid darkgrey;
}