/* ======================================================== Master Layout (Tablet > 768px), Version 0.46 -------------------------------------------------------- AgenturWebfox ======================================================== */ /* Global */ .page-wrap { width: auto; float: none; } .page { max-width: 718px; } #header, #footer { width: 97%; padding-left: 1.5%; padding-right: 1.5%; } #header { padding-bottom: 0; } /* Visibilaty */ .visible-tablet-up { display: block!important; } .hidden-tablet-up { display: none!important; } /* -------------------------------------------------------- */ /* Adverts Banner */ #ad-banner-top { padding: 0 0 0.4em 0; } /* -------------------------------------------------------- */ /* Header */ #logo, #logo-alternate { width: auto; max-width: 152px; padding-left: 0; text-align: left; } #logo-alternate { clear: both; float: left; } body.home #logo img { max-height: 50px; } .nav-mblogo-link img { max-width: 110px; padding-top: 3px; } /* Section */ section { padding-top: 1.8em; } /* Aside (Side Panel) */ aside { position: fixed; z-index: 5000; top: 200px; right: 0; width: 40px; height: auto; padding-right: 0; } aside ul { padding-top: 0; } aside ul li { display: block; width: 40px; height: 40px; margin-bottom: 5px; } aside ul li a { display: block; width: 40px; height: 40px; padding: 0; font-size: 0.65em; overflow: hidden; } .link-aside-home-text, .link-aside-text { display: none; } aside [class^="icon-"]:before, aside [class*=" icon-"]:before { display: block; width: 40px; margin: 0; padding: 14px 0 4px 0; font-size: 15px; text-decoration: none; text-align: center; vertical-align: top; } .icon-side-home { display: block; width: auto; height: auto; padding: 9px 7px 7px 11px; } .icon-side-home-item { width: 5px; height: 5px; margin-right: 2px; margin-bottom: 2px; } /* Footer */ #footer { position: relative; } #nav-footer, .nav-footer-spacer { float: left; width: 70%; padding: 1% 0 2%; text-align: left; } #footer-logos { clear: both; text-align: center; } #footer-copyright { position: absolute; width: 30%; top: 0; right: 1.5%; text-align: right; padding-top: 3%; } /* -------------------------------------------------------- */ /* Mobile Navigation */ .mobile-search, .mobile-nav-toggle, #nav-mobile { display: none!important; } /* Meta Navigation */ #nav-meta.show-mobile, #nav-lang.show-mobile, #nav-social.show-mobile { display: none; } .nav-lang-text { display: none; visibility: hidden; } .nav-lang-abbr { display: inline; visibility: visible; } #nav-mblogo, #nav-meta, #nav-lang, #nav-social { display: block; float: right; padding-top: 18px; } #nav-mblogo { padding-top: 15px; } .header-alternate #nav-mblogo { float: left; } #nav-meta, #nav-lang, #nav-social { margin-left: 4%; } #nav-meta ul li, #nav-lang ul li, #nav-social ul li { float: left; } #nav-lang ul li a, #nav-social ul li a { margin-left: 0.4em; } #nav-meta ul li a:hover, #nav-lang ul li a:hover { text-decoration: none; border-bottom: 1px solid; } #nav-social ul li a { font-size: 1em; } #nav-mblogo i { display: block; width: 126px; height: 20px; font-size: 15px; } /* Main Navigation */ #nav-main, #nav-main.nav-main-active { padding: 30px 0 25px 0; } .header-alternate #nav-main { float: right; width: 75%; clear: none; } #nav-main ul li { display: block; float: left; text-align: center; } #nav-main ul li.nav-main-1 { text-align: left; width: 22%; } #nav-main ul li.nav-main-2 { width: 31%; } #nav-main ul li.nav-main-3 { width: 29%; } #nav-main ul li.nav-main-4 { text-align: right; width: 18%; } #nav-main ul li.nav-main-li-active { padding: 0; } #nav-main ul li a, #nav-main ul li span { font-size: 1.7em; } /* Main Navigation (Hover) */ ul.nav-second { display: none; } /* Level Navigation (Second) */ #nav-level2 { float: left; width: 100%; padding: 0; border-bottom: none; } #nav-level2 ul li { display: block; float: left; width: 93px; height: 91px; margin-right: 5px; margin-bottom: 5px; padding: 0; font-size: 1em; overflow: hidden; border: 1px solid; } #nav-level2 ul li.nav-level2-6 { margin-right: 0; } #nav-level2 ul li a, #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current { display: block; width: 80px; height: 24px; padding: 69px 7px 0 8px; font-size: 1.019em; /* 1.028em; */ line-height: 1.15; text-align: left; text-transform: uppercase; } #nav-level2 ul li a.tile-2rows, #nav-level2 ul li span.tile-2rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows { height: 38px; padding-top: 55px; } #nav-level2 ul li a.tile-3rows, #nav-level2 ul li span.tile-3rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-3rows { height: 52px; padding-top: 41px; } #nav-level2 ul li a.tile-4rows, #nav-level2 ul li span.tile-4rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-4rows { height: 66px; padding-top: 27px; } #nav-level2.nav-level2-active { width: 30%; } #nav-level2.nav-level2-active ul li { display: none; } #nav-level2.nav-level2-active ul li.nav-level2-li-active { display: block; } /* Level Navigation (Third) */ #nav-level3 { clear: none; float: left; width: 70%; padding: 0; border-bottom: none; } #nav-level3 ul li { float: left; margin: 0 0.4em 0.4em 0; padding: 0; font-size: 1.05em; } #nav-level3 ul li a, #nav-level3 ul li span { width: auto; padding: 0.5em 0.8em; } #nav-level2 ul li a:hover { text-decoration: none; } /* Search Navigation */ #nav-level2 ul li.nav-level2-search { display: block; width: 77px; height: 79px; margin-right: 7px; padding: 4px 8px 8px 8px; text-align: center; } /* -------------------------------------------------------- */ /* Grid */ .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-12, .col-tablet-3, .col-tablet-6, .col-tablet-9, .col-tablet-12 { padding-right: 1.5%; padding-left: 1.5%; } .col-2 { width: 30.333333333333336%; } .col-3, .col-4, .col-5, .col-6 { width: 47%; } .col-7, .col-8, .col-9, .col-10, .col-12 { width: 97%; } .col-2.col-borderless { width: 33.333333333333336%; } .col-3.col-borderless, .col-4.col-borderless, .col-5.col-borderless, .col-6.col-borderless { width: 50%; } .col-7.col-borderless, .col-8.col-borderless, .col-10.col-borderless, .col-12.col-borderless { width: 100%; } .col-tablet-12 { width: 97%; } .col-tablet-9 { width: 72%; } .col-tablet-6 { width: 47%; } .col-tablet-3 { width: 22%; } .col-grouped-section { padding-bottom: 1.8em; } /* -------------------------------------------------------- */ /* Images */ .col-8 .textimage-headline, .col-10 .textimage-headline, .col-12 .textimage-headline { padding-top: 0.3em; } .col-8 .textimage-left-float, .col-10 .textimage-left-float, .col-12 .textimage-left-float { clear: both; float: left; max-width: 47%; padding-right: 3%; } .col-8 .textimage-right-float, .col-10 .textimage-right-float, .col-12 .textimage-right-float { clear: both; float: right; max-width: 47%; padding-left: 3%; } .col-8 .textimage-left-text, .col-10 .textimage-left-text, .col-12 .textimage-left-text { float: left; max-width: 47%; padding-left: 3%; } .col-8 .textimage-left-img, .col-10 .textimage-left-img, .col-12 .textimage-left-img { float: left; max-width: 48.4%; /* 47%; */ } .col-8 .textimage-right-text, .col-10 .textimage-right-text, .col-12 .textimage-right-text { float: left; max-width: 47%; padding-right: 3%; } .col-8 .textimage-right-img, .col-10 .textimage-right-img, .col-12 .textimage-right-img { float: right; max-width: 48.4%; /* 47%; */ } /* -------------------------------------------------------- */ /* Links */ /* Tooltipp-Link */ a.cursor-default { cursor: default; } /* -------------------------------------------------------- */ /* Highlight Elements */ /* Highlight */ .col-highlight div.textimage-above:last-child { padding-bottom: 1.8em; } /* Highlight Links */ #content p a.link-highlight-block { width: 93.5%; } /* -------------------------------------------------------- */ /* Forms: Inline Grid */ .form-elements { padding: 1.2em 0 0.4em 16px; } .form-buttons { padding: 1.2em 0 0.4em 0; } .col-12 .form-control, .col-10 .form-control, #content .col-10 p.help-block, .col-9 .form-control, #content .col-9 p.help-block, .col-8 .form-control, #content .col-8 p.help-block { width: 654px; } .col-6 .form-control, #content .col-6 p.help-block, .col-4 .form-control, #content .col-4 p.help-block, .col-3 .form-control, #content .col-3 p.help-block { width: 296px; } /* Forms: Inline Floating */ .form-group { width: auto; padding-right: 16px; } .form-col-6 .form-group, .form-col-4 .form-group { float: left; } /* two cols */ .form-col-6 .form-group, .col-10 .form-col-6 .form-group, .col-9 .form-col-6 .form-group, .col-8 .form-col-6 .form-group { width: 324px; } .form-col-6 .form-group .form-control, .col-10 .form-col-6 .form-group .form-control, .col-9 .form-col-6 .form-group .form-control, .col-8 .form-col-6 .form-group .form-control, #content .form-col-6 .form-group p.help-block, #content .col-10 .form-col-6 .form-group p.help-block, #content .col-9 .form-col-6 .form-group p.help-block, #content .col-8 .form-col-6 .form-group p.help-block { width: 314px; } /* three cols */ .form-col-4 .form-group { width: 319px; } .form-col-4 .form-group .form-control, #content .form-col-4 .form-group p.help-block { width: 309px; } .col-10 .form-col-4 .form-group, .col-9 .form-col-4 .form-group, .col-8 .form-col-4 .form-group { width: 324px; } .col-10 .form-col-4 .form-group .form-control, .col-9 .form-col-4 .form-group .form-control, .col-8 .form-col-4 .form-group .form-control, #content .col-10 .form-col-4 .form-group p.help-block, #content .col-9 .form-col-4 .form-group p.help-block, #content .col-8 .form-col-4 .form-group p.help-block { width: 314px; } /* two + three cols */ .col-6 .form-col-4 .form-group, .col-6 .form-col-6 .form-group, .col-4 .form-col-6 .form-group, .col-4 .form-col-4 .form-group, .col-3 .form-col-6 .form-group, .col-3 .form-col-4 .form-group { width: 305px; } .col-6 .form-col-4 .form-group .form-control, .col-6 .form-col-6 .form-group .form-control, .col-4 .form-col-6 .form-group .form-control, .col-4 .form-col-4 .form-group .form-control, .col-3 .form-col-6 .form-group .form-control, .col-3 .form-col-4 .form-group .form-control, #content .col-6 .form-col-4 .form-group p.help-block, #content .col-6 .form-col-6 .form-group p.help-block, #content .col-4 .form-col-6 .form-group p.help-block, #content .col-4 .form-col-4 .form-group p.help-block, #content .col-3 .form-col-6 .form-group p.help-block, #content .col-3 .form-col-4 .form-group p.help-block { width: 295px; } /* -------------------------------------------------------- */ /* First Content Align */ div.first-content:not(.col-highlight) h3:first-child, div.first-content:not(.col-highlight) h4:first-child, div.first-content:not(.col-highlight) h5:first-child, div.first-content:not(.col-highlight) p:first-child, div.first-content:not(.col-highlight) li:first-child, div.first-content:not(.col-highlight) table:first-child, div.first-content:not(.col-highlight) .textimage-left-float + h3, div.first-content:not(.col-highlight) .textimage-left-float + h4, div.first-content:not(.col-highlight) .textimage-left-float + h5, div.first-content:not(.col-highlight) .textimage-left-float + p, div.first-content:not(.col-highlight) .textimage-left-float + li, div.first-content:not(.col-highlight) .textimage-left-float + table, div.first-content:not(.col-highlight) .textimage-right-float + h3, div.first-content:not(.col-highlight) .textimage-right-float + h4, div.first-content:not(.col-highlight) .textimage-right-float + h5, div.first-content:not(.col-highlight) .textimage-right-float + p, div.first-content:not(.col-highlight) .textimage-right-float + li, div.first-content:not(.col-highlight) .textimage-right-float + table, div.first-content .mi24 { padding-top: 0; } .first-content.col-highlight, .first-content .table-responsive { margin-top: 0; } #content .first-content h3.highlight:first-child, #content .first-content h4.highlight:first-child { margin-top: 0; } .col-highlight div.textimage-above:last-child { padding-bottom: 1.8em; } /* ======================================================== Widgets ======================================================== */ /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { padding: 0.8em 0 1em 0; } /* Accordeon-Navigation */ .ui-accordion .ui-accordion-content .row:first-child { padding-top: 1em; } .accordion-category { display: inline; width: auto; margin: -0.5em 0 0.4em -2%; margin: 0 2% 0 -2.2%; padding: 0.6em 2.2%; } /* Zitat-Animation */ .quotation { padding: 5px; } .quotation-button { width: 6%; } .quotation-content { width: 88%; } .col-6 .quotation-button { width: 13%; } .col-6 .quotation-content { width: 74%; } .quotation-content-item { padding: 4px 0; } /* Blätterkatalog */ .pageflip-container-col-6 { height: 175px; } .pageflip-container-col-8 { height: 428px; } .pageflip-container-col-9 { height: 428px; } .pageflip-container-col-12 { height: 428px; } .pageflip-square .pageflip-container-col-12, .pageflip-square .pageflip-container-col-9, .pageflip-square .pageflip-container-col-8 { height: 303px; } .pageflip-square .pageflip-container-col-6 { height: 124px; } .pageflip-dinlang .pageflip-container-col-12, .pageflip-dinlang .pageflip-container-col-9, .pageflip-dinlang .pageflip-container-col-8 { height: 605px; } .pageflip-dinlang .pageflip-container-col-6 { height: 247px; } /* Aktuelles (NGN) */ .ngn-widget iframe { height: 256px!important; } /* ======================================================== Dynamic Tempates ======================================================== */ /* Gallery */ .gallery-thumb, .gallery-thumb-small { width: 102px; height: 102px; margin-right: 17px; margin-bottom: 17px; } .gallery-thumb img.gallery-thumb-landscape, .gallery-thumb-small img.gallery-thumb-landscape { max-height: 102px; } .gallery-thumb img.gallery-thumb-portrait, .gallery-thumb-small img.gallery-thumb-portrait { max-width: 102px; } /* Press Photos */ .pressphoto-img { width: 200px; height: 113px; } .pressphoto-text { font-size: 0.86em; } /* Press Releases */ .pressreleases-archive-button-top { padding-bottom: 0.8em; } .pressreleases-item { float: left; width: 43%; min-height: 240px; margin: 2% 0 0 2%; background-color: #e9e9e9; } .pressreleases-details-date { padding-top: 0.3em; } #content .ui-tabs.pressreleases .ui-tabs-panel { padding-top: 0; } .pressreleases-archive-item { padding-bottom: 1%; } .pressreleases-date, .pressreleases-archive-date, #content .pressreleases-item h3, #content .pressreleases-archive-item h3 { font-weight: bold; } #content p.pressreleases-description { padding-top: 0.6em; } /* Press Dates */ .pressdates-headline { text-transform: uppercase; font-weight: bold; } .pressdate-headline-time, .pressdate-headline-info { float: left; padding-top: 0.4em; padding-bottom: 0.4em; } .pressdate-time, .pressdate-title { float: left; } .pressdate-time, .pressdate-headline-time { width: 23%; padding-right: 1%; padding-left: 1%; } .pressdate-title, .pressdate-headline-info { width: 75%; } .pressdate-location, .pressdate-description { width: 75%; padding-left: 25%; } /* News Report */ .newsreport-item .textimage-right-float { display: block; position: relative; } .newsreport-item .icon-gallery-zoom:before{ top: 6px; right: 5px; } /* Sitemap */ #content .sitemap ul.sitemap-level1 li { float: left; width: 49.75%; } #content .sitemap ul.sitemap-level1 li.sitemap-level1-1, #content .sitemap ul.sitemap-level1 li.sitemap-level1-3 { margin-right: 0.5%; } #content .sitemap ul.sitemap-level1 li.sitemap-level1-3, #content .sitemap ul.sitemap-level1 li.sitemap-level1-4, #content .sitemap ul.sitemap-level1 li.sitemap-level1-5 { margin-top: 1em; } #content .sitemap ul.sitemap-level2 li, #content .sitemap ul.sitemap-level3 li { width: 100%; } /* Downloadcenter */ .downloadcenter-item { float: left; width: 48%; padding-right: 2%; } /* AV Application */ .av-img { text-align: right; padding-top: 0.2em } .av-tablet-spacer-4 { margin-left: 25%; } /* ePDF */ .epdf-step { float: left; } .epdf-step1-active { width: 41%; padding-left: 4%; } .epdf-step1-inactive { width: 44%; padding-left: 4%; } .epdf-step2-active { width: 44%; padding-left: 5%; } .epdf-step2-inactive { width: 44%; padding-left: 8%; } .epdf-description { clear: both; } /* Hotel List, Service List */ .servicelist-entry-right, .hotellist-entry-right { float: right; width: 50%; } .servicelist-entry-left, .hotellist-entry-left { float: left; width: 50%; } .textimage-left-placeholder { width:48.5%; float:right; } /* ======================================================== Event Database ======================================================== */ /* Event Database Grid */ .row .eventdb-main .row { margin-left: -10.7667px; margin-right: -10.7667px; } /* Search Result */ .eventdb-search-result-odd { clear: both; } /* Event Highlights / Events Memo List */ .eventdb-highlights-item, .eventdb-memolist-item { padding-top: 1.2em; } .eventdb-highlights-item-first, .eventdb-memolist-item-first { padding-top: 0; } #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 { padding-top: 0.4em; } .eventdb-highlights-item-line, .eventdb-memolist-item-line { width: 97%; margin-right: 1.5%; margin-left: 1.5%; border-bottom: 1px solid; } .eventdb-highlights-item-last .eventdb-highlights-item-line, .eventdb-memolist-item-last .eventdb-memolist-item-line { border-bottom: none; } /* Event Detail */ .eventdb-details-picture { float: left; width: 50%; padding-top: 0.7em; padding-right: 3%; } .eventdb-details-picture-below { padding-top: 0.7em; } .eventdb-details-info { float: left; width: 47%; } .eventdb-details-subevent .textimage-right-text { float: left; max-width: 75%; } .eventdb-details-subevent .textimage-right-img { float: right; max-width: 22%; } /* Event Icons */ #content .eventdb-search-result-icons, #content .eventdb-highlights-icons, #content .eventdb-memolist-icons, #content .eventdb-details-icons { padding: 1em 0 1.5em 0; } /* Event Speakers List */ .eventdb-speakers-list-item { border-bottom: 1px solid; } .eventdb-speakers-list-col { float: left; padding: 0.2em 1.5%; } .eventdb-speakers-list-col1 { width: 30.3333%; } .eventdb-speakers-list-col2 { width: 63.3333%; } .eventdb-speakers-list-col3 { width: 63.3333%; margin-left: 33.3333%; } /* Event Speakers Details */ .eventdb-speakers-details-img { display: block; position: relative; } .eventdb-speakers-details-img .icon-gallery-zoom:before { right: 14px; } /* Event Registration */ .eventregistration-col8 { clear: both; } .eventregistration-col4, .eventregistration-col6 { float: left; width: 48%; } .eventregistration-dates { border-top: none; } .eventregistration-dates-item { float: left; width: 48%; } /* ======================================================== Event Calendar ======================================================== */ /* Datepicker */ #content .tab-navigation .calendar .ui-datepicker-multi-3 { width: 97%!important; margin-left: 1%!important; margin-right: 1%!important; } #content .tab-navigation .calendar .ui-datepicker-multi-3 .ui-datepicker-group { clear: none; width: 32%; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-buttonpane { margin-left: 38%; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span.ui-icon, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span.ui-icon { margin-left: -15px; margin-top: -10px; } #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 td.undefined span.ui-state-default, #content .tab-navigation .calendar td.undefined a.ui-state-default { border-color: #fff; } /* Calendar Entries */ .cal-item { border-top: none; background-color: #e9e9e9; float: left; margin: 1% 1% 0 0; padding: 1%; min-height: 340px; width: 47.5%; } .cal-item-1, .cal-item-3 { margin-right: 0; } .cal-list-item { padding: 0 0 0.4em 0; } .cal-list-date, .cal-list-event, .cal-list-icons { float: left; padding: 0; } .cal-list-date { width: 28%; } .cal-list-event { width: 60%; } .cal-list-icons { width: 12%; text-align: right; } .cal-img { width: 321px; height: 161px; max-width: auto; max-height: auto; } /* ======================================================== GSA Search ======================================================== */ /* -------------------------------------------------------- */ /* Tile (Navigation Level 2) */ .nav-level2-search #search-suggestions li { display: block !important; float: none !important; border: 0 !important; border-bottom: solid 1px !important; padding:4px 0 4px .2em !important; width: 95% !important; height: auto !important; } .nav-level2-search .tile-search-inner { padding: inherit; top: 0; left: 0; border: 1px solid; } .tile .tile-search-icon { min-height: 97px; margin: 17px auto; } .nav-level2-search .tile-search-icon { min-height: 46px; margin: 17px auto 7px auto; } .nav-level2-search .tile-search-content { padding: 10px 0 0 0; } .nav-level2-search .tile-search-content h3 { padding: 6px 0 6px .2em; width: 95%; } /* Suggestions */ .tile .tile-search-content h3 { padding: 8px 0.15em 8px 0.4em; } /* -------------------------------------------------------- */ /* Search Page */ #content .gsa-content-search-input { width: 74.5%; } #content #gsa-content-search-select { width: 24.5%; margin-top: 0; } #content .gsa-content-search fieldset { width: 93%; } #content .gsa-content-search-button { width: 5%; height: auto; margin-left: 2%; font-size: 1.6em; } #content #gsa-content-search-select, #content .gsa-content-search-option { padding-left: 0.3em; } .gsa-result-info { padding: 0.3em 0; text-align: right; } .gsa-keymatches, .gsa-results { padding-top: 1.2em; } .gsa-keymatch, .gsa-result { border-bottom: none; padding: 0.8em 0; } .gsa-page-navigation { padding: 1.2em 0; } #content .gsa-content h3 { font-size: 1.4em; } #content .gsa-page-navigation li { padding-right: 0.6em; } /* ======================================================== External Content ======================================================== */ /* -------------------------------------------------------- */ /* BusinessWire */ #content #bwContent, #content #bwContent .bwOpk { width: 698px; max-width: 698px; } #content #bwContent .bwOpk { padding-top: 5em; } /* ======================================================== Home ======================================================== */ .home section#content-home { padding-left: 1.5%; padding-right: 1.5%; } .home #nav-main { padding-top: 30px; padding-bottom: 25px; } #tiles-section { width: 100%; } .tile, #tile-3 { margin-right: 5px; margin-bottom: 5px; overflow: hidden; } #tile-1 { margin-right: 0; } .tile-single-text { width: 168px; height: 168px; } .tile-single-image { width: 170px; height: 170px; } .tile-double { width: 345px; height: 170px; } .tile-big { width: 345px; height: 345px; } /* Tile Search */ #tile-search .gsa-search input { padding: 0.3em; } /* Tile Links + Counter */ a.tile-text-link, .tile-counter { font-size: 1.536em; padding: 0 19.5px 19.5px 19.5px; } .tile-1row, a.tile-1row { padding-top: 125px; } .tile-2rows, a.tile-2rows { padding-top: 101px; } .tile-3rows, a.tile-3rows { padding-top: 76px; } .tile-4rows, a.tile-4rows { padding-top: 51px; } /* News */ .news { width: 335px; height: 335px; padding: 5px; } .news-headline { height: 60px; } .news-button { width: 13%; height: 236px; } .news-button button { height: 236px; } .news-content { width: 74%; height: 280px; } .news-content-slider { height: 244px; } .news-content-slider li { float: none; height: 72px; padding: 4px 0; } .news-noscript { width: 331px; } /* Background Video */ #bgvideo { bottom: 0; display: block; height: auto; max-width: none; min-height: 100%; min-width: 100%; position: fixed; right: 0; width: auto; z-index: -100; } /* ======================================================== Splash Page ======================================================== */ /* Page */ section#content-splashpage { padding-left: 1.5%; padding-right: 1.5%; } /* Tiles */ #tiles-section-double { height: 345px; width: 345px; margin-bottom: 5px; } #tiles-section-single { height: 345px; width: 345px; margin-right: 5px; margin-bottom: 5px; } #content-splashpage .tile-double { margin-right: 0; margin-bottom: 5px; } #content-splashpage #tile-search, #content-splashpage #tile-3 { margin-right: 0; } #content-splashpage #tile-1 { margin-right: 5px; } /* ======================================================== Colors ======================================================== */ body { background-color: #d1d1d1; } #nav-mblogo i, #nav-mblogo a, #nav-meta ul li a, #nav-lang ul li a, #nav-social ul li a, #nav-footer ul li a { color: #999; } #nav-meta ul li a:hover, #nav-lang ul li a:hover, #nav-social ul li a:hover, #nav-footer ul li a:hover { color: #0058a1; } #nav-main ul li span, #nav-main ul li a.nav-main-current { color: #0058a1; } #nav-level2 ul li { border-color: #000; } #nav-level2 ul li a { background-color: #057ccd; color: #fff; } #nav-level2 ul li a:hover { background-color: #0058a1; color: #fff; } #nav-level2 ul li span { background-color: #999; color: #fff; } #nav-level2 ul li.nav-level2-search { background-color: #0058a1; color: #fff; } .gsa-search input { background-color: #fff; color: #0058a1; } #nav-level3 ul li a { background-color: #fff; } #nav-level3 ul li span { background-color: #0058a1; color: #fff; } #content .page-navigation li a { background-color: #fff; border-color:#fff; color: #0058a1; } #content .page-navigation li span { background-color: #fff; border-color:#fff; } #content .highlight { background-color: #fff; } #content .ui-tabs-panel .highlight { background-color: #cdcdcd; } .col-highlight { background-color: #fff; } .form-elements { background: #fff; } #content p.help-block { color: #575756; } /* -------------------------------------------------------- Widgets -------------------------------------------------------- */ /* jQuery UI */ .ui-state-active a{ background: #fff; color:#057ccd; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { background: #fff; color: #057ccd; } .ui-state-hover a, .ui-state-hover a:hover{ color: #057ccd; background-color: #e9e9e9; } /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { background: #fff; border-color:#fff; } #content ul.ui-tabs-nav .ui-state-active { background: #fff; border-color:#fff; } #content .tab-navigation .ui-state-hover{ border-color:#e9e9e9; } #content ul.ui-tabs-nav .ui-state-active.ui-state-hover{ border-color: #fff; } /* Accordion-Navigation */ .accordion-category { background: #057ccd url('../master_layout_images/accordion-category.png') right center no-repeat; } .accordion-navigation-link, .ui-accordion .ui-accordion-header{ border-color: #e9e9e9; } .ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-state-hover { background-color: #fff; border-color: #fff; } .ui-accordion .ui-state-active, .ui-accordion .ui-state-active.ui-state-hover { border-color: #fff #fff #057ccd #fff; } .accordion-navigation-box{ border-color: #fff; } .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover, .ui-accordion.accordion-navigation-colored .ui-state-hover { color: #057ccd; } .ui-accordion-header.ui-state-active .accordion-category, .ui-accordion-header:hover .accordion-category { background: url('../master_layout_images/accordion-category-active.png') right center no-repeat; } #content .quotation button:hover{ background-color: transparent; } .quotation button:hover .icon-news-left::before, .quotation button:hover .icon-news-right::before{ color: #282828; } /* -------------------------------------------------------- Dynamic Templates -------------------------------------------------------- */ /* Press Releases */ .pressreleases-item { background-color: #e9e9e9; } /* Press Dates */ .pressdates-headline { background-color: #e9e9e9; } .pressdates-item { border-bottom-color: #e9e9e9; } /* Banner Generator */ .banner-generator-image { border-color: #fff; background-color: #fff; } /* ePDF */ .epdf-step1-inactive { background-image: url(../master_layout_images/epdf-step-1.png); background-position: right center; background-repeat: no-repeat; color: #057cce; background-color: #057cce; } .epdf-step2-inactive { background-image: url(../master_layout_images/epdf-step-2.png); background-position: left center; background-repeat: no-repeat; background-color: #057cce; color: #057cce; } .epdf-step a { color: #057cce; } /* -------------------------------------------------------- Event Database -------------------------------------------------------- */ /* Search Result */ #eventdb-search-result-sort-select { background-color: #fff; } .eventdb-highlights-item-line, .eventdb-memolist-item-line { border-bottom-color: #999; } /* Event Speakers List */ .eventdb-speakers-list-item { border-bottom-color: #999; } /* Event Registration */ .eventregistration-dates { background-color: #fff; } /* -------------------------------------------------------- GSA Search -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* Tile (Navigation Level 2) */ .nav-level2-search .tile-search-inner { border-color: #0058a1; } .nav-level2-search #search-suggestions li { border-bottom-color: #9f9f9f!important; } /* GSA Result Info */ .gsa-result-info { color: #575756; }