/* ======================================================== Master Layout (Screen > 1108px), Version 0.45 -------------------------------------------------------- AgenturWebfox ======================================================== */ /* Global */ .page-wrap { padding: 0; min-height: 660px; } .page { max-width: 1054px; } #screen-fixed { position: fixed; z-index: 5001; width: 1024px; height: auto; padding-top: 16px; } #screen-fixed.on-scrolling { padding-top: 4px; } .screen-scrolling { padding-top: 13.7em!important; } .screen-scrolling-nolevel2 { padding-top: 9.6em!important; } /* Visibilaty */ .visible-screen-up { display: block!important; } .hidden-screen-up { display: none!important; } /* -------------------------------------------------------- */ /* Adverts Banner */ #ad-banner-top { padding: 0.4em 0 0 0; } /* -------------------------------------------------------- */ /* Header */ #logo, #logo-alternate { max-width: 250px; } body.home #logo img { max-height: 120px; } body.content #logo img, body.content #logo-alternate img { max-height: 75px; } /* Header / Footer */ #header, #footer { font-size: 1em; width: auto; } #footer { height: 62px; } /* Section */ section { padding-top: 1.4em; min-height: 400px; } /* Aside (Side Panel) */ aside { top: 280px; width: 80px; height: 80px; } aside ul li { width: 80px; height: 80px; margin-bottom: 8px; } aside ul li a { width: 80px; height: 80px; font-size: 0.7em; line-height: 1.2; } .link-aside-text { display: block; line-height: 1.1; padding: 0 5px; } aside [class^="icon-"]:before, aside [class*=" icon-"]:before { width: 80px; padding: 18px 0 6px 0; font-size: 26px; } .icon-side-home { padding: 22px 16px 16px 22px; } .icon-side-home-item { width: 10px; height: 10px; } /* Footer */ #nav-footer, #footer-logos, #footer-copyright { padding-bottom: 0.4em; } #footer { padding-top: 1%; } #nav-footer, #footer-logos, .nav-footer-spacer { clear: none; position: relative; float: left; width: 33.1%; font-size: 1em; } #nav-footer, .nav-footer-spacer { padding-top: 2%; } .nav-footer-spacer { padding-bottom: 0.4em; } #footer-copyright { position: relative; right: 0; float: right; width: 33.1%; padding: 2% 0 2%; } #footer.fixed { position: fixed; bottom: 0; z-index: 4999; width: 1024px; padding-right: 3%; } /* -------------------------------------------------------- */ /* Meta Navigation */ #nav-meta, #nav-lang, #nav-social { font-size: 1em; } #nav-mblogo i { font-size: 17px; width: 144px; height: 24px; } /* Main Navigation */ #nav-main, #nav-main.nav-main-active { padding: 55px 0 45px 0; } .header-alternate #nav-main { width: 72%; } .on-scrolling #nav-main { padding: 25px 0!important; } #nav-main ul li a, #nav-main ul li span { font-size: 1.9em; margin-bottom: 0.2em; } #nav-main ul li a:hover { border-bottom: none; } #nav-main ul li span, #nav-main ul li a.nav-main-current, #nav-main ul li a:hover { text-decoration: none; border-bottom: 2px solid; } /* Main Navigation (Hover) */ ul.nav-second { width: 21%; margin-top: 0.2em; padding: 1em 0; } #nav-main ul li.nav-main-li-active:hover ul.nav-second { display: none; } #nav-main ul li:hover ul.nav-second, #nav-main.on-scrolling ul li:hover ul.nav-second { display: block; position: absolute; z-index: 4000; opacity: 0.9; } #nav-main ul li.nav-main-2:hover ul.nav-second { margin-left: 5%; } #nav-main ul li.nav-main-3:hover ul.nav-second { margin-left: 4%; } #nav-main ul li.nav-main-4:hover ul.nav-second { margin-left: -3%; } #nav-main ul.nav-second li { float: none; text-align: left; } #nav-main ul.nav-second li a, #nav-main ul.nav-second li.nav-second-li-active span { display: block; padding: 0.5em 1.2em; font-size: 1em; } #nav-main ul.nav-second li a:hover, #nav-main ul.nav-second li.nav-second-li-active span { text-decoration: none; border: none; font-weight: bold; } #nav-main ul.nav-second li a:before, #nav-main ul.nav-second li.nav-second-li-active span:before { content: ''; font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; margin-left: -1.2em; text-align: left; font-variant: normal; text-transform: none; line-height: 1em; } #nav-main ul.nav-second li a:hover:before, #nav-main ul.nav-second li.nav-second-li-active span:before { content: '\24'; } /* Level Navigation (Second) */ #nav-level2 ul li { width: 108px; height: 105px; margin-right: 4px; margin-bottom: 3px; } #nav-level2 ul li.nav-level2-6 { margin-right: 4px; } #nav-level2 ul li a, #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current { width: 90px; height: 27px; padding: 80px 9px 0 9px; font-size: 1.032em; /* 1.072em */ } #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: 44px; padding-top: 63px; } #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: 61px; padding-top: 46px; } #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: 79px; padding-top: 28px; } #nav-level2.nav-level2-active { width: 100%; } #nav-level2.nav-level2-active ul li { display: block; } /* Level Navigation (Third) */ #nav-level3 { clear: both; width: 100%; } #nav-level3 ul { margin-left: 115px; } #nav-level3 ul li { width: auto; margin-bottom: 0; padding: 0; } #nav-level3 ul li a, #nav-level3 ul li span { width: auto; padding: 0.4em 0.6em; } /* Search Navigation */ #nav-level2 ul li.nav-level2-search { width: 88px; height: 93px; margin-right: 6px; padding: 4px 10px 8px 10px; } /* -------------------------------------------------------- */ /* Grid */ .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-12 { padding-bottom: 1.8em; } .col-2 { width: 13.666666666666664%; } .col-3 { width: 22%; } .col-4 { width: 30.333333333333336%; } .col-5 { width: 38.66666666666667%; } .col-6 { width: 47%; } .col-7 { width: 55.333333333333336%; } .col-8 { width: 63.66666666666666%; } .col-9 { width: 72%; } .col-10 { width: 80.33333333333334%; } .col-screen-12 { width: 97%; } /* .col-12 { width: 97%; padding-right: 3%; } */ .col-2.col-borderless { width: 16.666666666666664%; } .col-3.col-borderless { width: 25%; } .col-4.col-borderless { width: 33.333333333333336%; } .col-5.col-borderless { width: 41.66666666666667%; } /* .col-6.col-borderless { width: 50%; } */ .col-7.col-borderless { width: 58.333333333333336%; } .col-8.col-borderless { width: 66.66666666666666%; } .col-9.col-borderless { width: 75%; } .col-10.col-borderless { width: 83.33333333333334%; } /* .col-12.col-borderless { width: 100%; } */ /* -------------------------------------------------------- */ /* Images */ .textimage-left .textimage-headline, .textimage-right .textimage-headline { padding-top: 0.3em; } .textimage-left-float { clear: both; float: left; max-width: 47%; padding-right: 3%; } .textimage-right-float { clear: both; float: right; max-width: 47%; padding-left: 3%; } .textimage-left-text { float: left; max-width: 47%; padding-left: 3%; } .textimage-left-img { float: left; max-width: 47%; } .textimage-right-text { float: left; max-width: 47%; padding-right: 3%; } .textimage-right-img { float: right; max-width: 47%; } /* -------------------------------------------------------- */ /* Links */ a:hover { text-decoration: underline; } /* -------------------------------------------------------- */ /* Standard Content */ h2 { font-size: 2.1425em; padding-bottom: 0.6em; } h3 { font-size: 1.428em; } h4 { font-size: 1.225em; /* 1.1425em */ } h5, h6 { font-size: 1.0005em; } #content p { font-size: 1.0005em; } /* Lists */ #content li { font-size: 1.0005em; } /* -------------------------------------------------------- */ /* Highlight Links */ #content p a.link-highlight-block { width: 96%; } a.link-highlight-block[class^="icon"]:before { width: 2em; } /* -------------------------------------------------------- */ /* Tables */ .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.875em; } /* -------------------------------------------------------- */ /* Forms */ legend { font-size: 1.428em; } label { font-size: 1em; } /* Forms: Inline Grid */ .form-control { font-size: 1em; } .col-12 .form-control { width: 981px; } .col-10 .form-control, #content .col-10 p.help-block { width: 805px; } .col-9 .form-control, #content .col-9 p.help-block { width: 717px; } .col-8 .form-control, #content .col-8 p.help-block { width: 629px; } .col-6 .form-control, #content .col-6 p.help-block { width: 453px; } .col-4 .form-control, #content .col-4 p.help-block { width: 278px; } .col-3 .form-control, #content .col-3 p.help-block { width: 190px; } /* Forms: Inline Floating */ .form-group { width: auto; /*980px;*/ padding-right: 16px; } .form-col-6 .form-group, .form-col-4 .form-group { float: left; } /* two cols */ .form-col-6 .form-group { width: 487px; } .form-col-6 .form-group .form-control, #content .form-col-6 .form-group p.help-block { width: 477px; } .col-10 .form-col-6 .form-group { width: 399px; } .col-10 .form-col-6 .form-group .form-control, #content .col-10 .form-col-6 .form-group p.help-block { width: 389px; } .col-9 .form-col-6 .form-group { width: 355px; } .col-9 .form-col-6 .form-group .form-control, #content .col-9 .form-col-6 .form-group p.help-block { width: 345px; } .col-8 .form-col-6 .form-group, #content .col-8 .form-col-6 .form-group p.help-block { width: 311px; } .col-8 .form-col-6 .form-group .form-control, #content .col-8 .form-col-6 .form-group p.help-block { width: 301px; } /* 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 { width: 260px; } .col-10 .form-col-4 .form-group .form-control, #content .col-10 .form-col-4 .form-group p.help-block { width: 250px; } .col-9 .form-col-4 .form-group { width: 231px; } .col-9 .form-col-4 .form-group .form-control, #content .col-9 .form-col-4 .form-group p.help-block { width: 221px; } .col-8 .form-col-4 .form-group { width: 201px; } .col-8 .form-col-4 .form-group .form-control, #content .col-8 .form-col-4 .form-group p.help-block { width: 191px; } /* two + three cols */ .col-6 .form-col-4 .form-group, .col-6 .form-col-6 .form-group { width: 223px; } .col-6 .form-col-4 .form-group .form-control, .col-6 .form-col-6 .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 { width: 213px; } .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: 287px; } .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-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: 277px; } /* Forms: Radio Buttons, Checkboxes */ .form-radio-inline-6 .radio-inline { width: 44%; } /* Forms: Buttons */ #content button { font-size: 1em; } /* -------------------------------------------------------- */ /* Formatting */ /* Margin-Bottom */ .margin-bottom-screen-500 { margin-bottom: 500px!important; } .margin-bottom-screen-600 { margin-bottom: 600px!important; } .margin-bottom-screen-700 { margin-bottom: 700px!important; } .margin-bottom-screen-800 { margin-bottom: 800px!important; } .margin-bottom-screen-900 { margin-bottom: 900px!important; } .margin-bottom-screen-1000 { margin-bottom: 1000px!important; } .margin-bottom-screen-1100 { margin-bottom: 1100px!important; } .margin-bottom-screen-1200 { margin-bottom: 1200px!important; } .margin-bottom-screen-1300 { margin-bottom: 1300px!important; } .margin-bottom-screen-1400 { margin-bottom: 1400px!important; } .margin-bottom-screen-1500 { margin-bottom: 1500px!important; } .margin-bottom-screen-1600 { margin-bottom: 1600px!important; } .margin-bottom-screen-1700 { margin-bottom: 1700px!important; } .margin-bottom-screen-1800 { margin-bottom: 1800px!important; } .margin-bottom-screen-1900 { margin-bottom: 1900px!important; } .margin-bottom-screen-2000 { margin-bottom: 2000px!important; } .margin-bottom-screen-2100 { margin-bottom: 2100px!important; } /* ======================================================== */ /* Widgets /* ======================================================== */ /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { padding: 0.8em 0 1em 0; } /* Zitat-Animation */ .col-12 .quotation-button { width:4%; } .col-12 .quotation-content { width:92%; } .col-9 .quotation-button { width:6%; } .col-9 .quotation-content { width:88%; } .col-8 .quotation-button { width:7%; } .col-8 .quotation-content { width:86%; } .col-6 .quotation-button { width:10%; } .col-6 .quotation-content { width:80%; } .quotation-content-item { float: left; padding: 0; } .quotation{ text-align:center; } /* Blätterkatalog */ .booklet .b-arrow div{ margin: 0; } .pageflip-container-col-6 { height: 286px; } .pageflip-container-col-8 { height: 410px; } .pageflip-container-col-9 { height: 473px; } .pageflip-container-col-12 { height: 658px; } .pageflip-square .pageflip-container-col-12 { height: 466px; } .pageflip-square .pageflip-container-col-9 { height: 335px; } .pageflip-square .pageflip-container-col-8 { height: 291px; } .pageflip-square .pageflip-container-col-6 { height: 203px; } .pageflip-dinlang .pageflip-container-col-12 { width: 660px; height: 658px; padding-left: 135px; } .pageflip-dinlang .pageflip-container-col-9 { width: 474px; height: 473px; padding-left: 98px; } .pageflip-dinlang .pageflip-container-col-8 { width: 412px; height: 410px; padding-left: 85px; } .pageflip-dinlang .pageflip-container-col-6 { width: 286px; height: 286px; padding-left: 60px; } /* ======================================================== */ /* Dynamic Templates /* ======================================================== */ /* Gallery */ .gallery-thumb { width: 147px; height: 147px; margin-right: 28px; margin-bottom: 28px; } .gallery-thumb img.gallery-thumb-landscape { max-height: 147px; } .gallery-thumb img.gallery-thumb-portrait { max-width: 147px; } .gallery-thumb-small { width: 96px; height: 96px; margin-right: 7px; margin-bottom: 7px; } .gallery-thumb-small img.gallery-thumb-landscape { max-height: 96px; } .gallery-thumb-small img.gallery-thumb-portrait { max-width: 96px; } /* Press Photos */ .pressphoto-item { width: 224px; margin-right: 15px; margin-left: 15px; } .pressphoto-img { width: 224px; height: 126px; } .pressphoto-text { font-size: 1em; } .pressphoto-img a { display: inline; /* block */ opacity: 1; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -ms-transition: opacity 1s linear; } .pressphoto-img a:hover { opacity: 0.4; } /* Press Releases */ .pressreleases-item { width: 27.3%; min-height: 288px; margin: 1.5% 0 0 1.5%; } /* Press Dates */ .pressdates-day h3 { padding-bottom: 1em; } .pressdate-headline-time, .pressdate-headline-info, .pressdate-headline-location { float: left; padding-top: 0.6em; padding-bottom: 0.6em; } .pressdate-location { float: left; } .pressdate-time, .pressdate-headline-time { width: 18%; padding-right: 1%; padding-left: 1%; } .pressdate-title, .pressdate-headline-info { width: 53%; padding-right: 2%; } .pressdate-headline-location, .pressdate-location { width: 25%; padding-left: 0; } .pressdate-description { clear: both; width: 53%; padding-left: 20%; } #content .pressdate-title h4 { font-size: 1em; } #content .pressdate-location p { padding: 0.1em 0; font-weight: bold; } /* Sitemap */ #content .sitemap ul.sitemap-level1 li { float: left; width: 24.8125%; } #content .sitemap ul.sitemap-level1 li.sitemap-level1-1, #content .sitemap ul.sitemap-level1 li.sitemap-level1-2, #content .sitemap ul.sitemap-level1 li.sitemap-level1-3, #content .sitemap ul.sitemap-level1 li.sitemap-level1-4 { margin-top: 0; } #content .sitemap ul.sitemap-level1 li.sitemap-level1-1, #content .sitemap ul.sitemap-level1 li.sitemap-level1-2, #content .sitemap ul.sitemap-level1 li.sitemap-level1-3 { margin-right: 0.25%; } #content .sitemap ul.sitemap-level2 li, #content .sitemap ul.sitemap-level3 li { width: 100%; } /* Downloadcenter */ .downloadcenter-item { width: 31%; } /* AV-Applikation */ .av-tablet-spacer-4 { margin-left: 0; } /* ePDF */ .epdf-step1-active { width: 37.5%; padding-left: 8%; } .epdf-step1-inactive { width: 39.5%; padding-left: 8%; } .epdf-step2-active { width: 39.5%; padding-left: 10%; } .epdf-step2-inactive { width: 39.5%; padding-left: 12%; } /* ======================================================== Event Database ======================================================== */ /* Event Database Grid */ .row .eventdb-main .row { margin-left: -15.8px; margin-right: -15.8px; } .row .eventdb-main .row [class*="col-"] { padding-right: 7.925px; padding-left: 15.78px; } .row .eventdb-main .row .textimage-left-text , .row .eventdb-main .row .textimage-right-text { max-width: 68%; } .row .eventdb-main .row .textimage-left-img, .row .eventdb-main.row .textimage-right-img { max-width: 37%; } /* Event Pictures (FS4) */ .eventdb-details-subevent .textimage-right-img { max-width: 30%; } .eventdb-search-result-img, .eventdb-speakers-details-img { max-width: 232px; } /* Event Search Result */ .eventdb-search-result-odd { clear: none; } .eventdb-search-result-break { clear: both; } #content .eventdb-search-result-item h4, #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 { font-size: 1em; } .eventdb-details-subevent .textimage-right-text { padding-right: 0; } /* Event Highlights / Events Memo List */ .eventdb-highlights-item-line, .eventdb-memolist-item-line { margin-right: 7.925px; margin-left: 15.78px; } .eventdb-highlights-item-last .eventdb-highlights-item-line, .eventdb-memolist-item-last .eventdb-memolist-item-line { border-bottom: 1px solid; } /* Event Detail */ .eventdb-details-picture { float: none; width: 100%; padding-right: 0; } .eventdb-details-info { float: none; width: 100%; } .eventdb-subevent-picture { padding-top: 1em; } /* Event Speakers List */ .eventdb-speakers-list-headcol { display: block; float: left; margin-bottom: 0.6em; padding: 0.6em 1.5%; text-transform: uppercase; font-weight: bold; } .eventdb-speakers-list-sort, .eventdb-speakers-list-sort-active { margin-left: 0.6em; } .eventdb-speakers-list-sort-active { color: #fff; } .eventdb-speakers-list-item { font-size: 1em; } .eventdb-speakers-list-col { padding-top: 0; padding-bottom: 0; } .eventdb-speakers-list-col1 { width: 22%; } .eventdb-speakers-list-col2 { width: 38.66667%; } .eventdb-speakers-list-col3 { width: 30.3333%; margin-left: 0; } /* Event Speakers Details */ .eventdb-speakers-details-headline { padding-bottom: 0; } .eventdb-speakers-details-img .icon-gallery-zoom:before { right: 12px; } .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { float: left; padding: 0.6em 0; font-size: 1em; color: #575756; } .eventdb-speakers-details-relations-title { width: 33.3333%; padding-right: 3%; } .eventdb-speakers-details-relations-date { width: 63.6667%; } /* Event Summary List */ .eventdb-summary-list-day { margin-bottom: 1em; } .eventdb-summary-list-date, .eventdb-summary-list-events { float: left; } .eventdb-summary-list-date { width: 23.3333%; padding-right: 3%; } .eventdb-summary-list-events { width: 73.6667%; } .eventdb-summary-list-date h3 { font-size: 1em; padding-top: 0.4em; } .eventdb-summery-list-event { padding-top: 0; } /* Event Programm Table */ .eventdb-table-col-equal-2, .eventdb-table-col-equal-3, .eventdb-table-col-equal-4, .eventdb-table-col-equal-5, .eventdb-table-col-equal-6, .eventdb-table-col-equal-7, .eventdb-table-col-equal-8 { float: left; } .eventdb-table-col-equal-2 { width: 50%; } .eventdb-table-col-equal-3 { width: 33.33333%; } .eventdb-table-col-equal-4 { width: 25%; } .eventdb-table-col-equal-5 { width: 20%; } .eventdb-table-col-equal-6 { width: 16.66667%; } .eventdb-table-col-equal-7 { width: 14.2857%; } .eventdb-table-headcol { font-size: 1.2em; } .eventdb-table-head { font-weight: bold; } .eventdb-table-col { font-size: 0.95em; border-bottom: none; padding: 0.5em 0.8em; } .eventdb-table-col-empty { display: block; } .eventdb-table-link { border-bottom: 1px solid; } .eventdb-table-link-first { padding-top: 0; } .eventdb-table-link-last { border-bottom: none; } /* Event Registration */ .eventregistration-headcol { float: left; padding: 1em 0.5% 0.5em 0.5%; text-transform: uppercase; font-weight: bold; } .eventregistration-item { margin-bottom: 0; padding: 0.3em 0; } .eventregistration-col { float: left; margin: 0; padding: 0.4em 0.5%; } .eventregistration-headcol1, .eventregistration-col1 { width: 2.5%; } .eventregistration-headcol2, .eventregistration-col2 { width: 16%; } .eventregistration-headcol3, .eventregistration-col3 { width: 19.5%; font-size: 1em; } .eventregistration-headcol4, .eventregistration-col4 { width: 10.5%; } .eventregistration-headcol5, .eventregistration-col5 { width: 9%; } .eventregistration-headcol6, .eventregistration-col6 { width: 13%; } .eventregistration-headcol7, .eventregistration-col7 { width: 9.5%; } .eventregistration-headcol8, .eventregistration-col8 { width: 12%; clear: none; } .eventregistration-item { font-size: 1em; } a.eventregistration-link, span.eventregistration-fullybooked { width: 78%; margin-top: 0; text-align: center; } a.eventregistration-link:hover { text-decoration: none; } .eventregistration-dates { margin-bottom: 0.4em; padding-left: 4%; } .eventregistration-dates-item { width: 32%; padding: 0.1em; } .eventregistration-dates-text { padding-top: 0.2em; } /* ======================================================== Event Calendar ======================================================== */ /* Datepicker */ #content .tab-navigation .calendar .ui-datepicker-multi-3 .ui-datepicker-group { width: 22.5%; margin: 0 5%; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-buttonpane { margin-left: 41%; } /* Calendar Entries */ .cal-item { width: 22.25%; min-height: 295px; } .cal-item-1 { margin-right: 1%; } .cal-quartal-link { width: 24.4%; } .cal-quartal-link-1 { margin-right: 0.5em; } #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: -89px; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next { right: -89px; } .cal-img { width: 221px; height: 110px; } /* ======================================================== Newsletter ======================================================== */ /* Newsletter Wev View */ .newsletter-web-introheader { padding-top: 0; } /* ======================================================== GSA Search ======================================================== */ /* Tiles */ .tile .tile-search-icon { min-height: 95px; margin: 16px auto; } .nav-level2-search .tile-search-icon { min-height: 54px } /* Suggestions */ .tile .tile-search-content h3 { padding: 8px 0.1em 8px 0.4em; } /* GSA Dynamic Navigation */ .gsa-dynamic-navigation-headline { padding: 0.3em 0.5em; font-size: 1.1em; font-weight: bold; } .gsa-dynamic-navigation-headline-value { float: left; width: 85%; } .gsa-dynamic-navigation-headline .icon-search { float: right; width: 10%; } #content .gsa-dynamic-navigation-wrapper ul { margin-left: 0; padding: 0.4em 0.6em 0 0.6em; } #content .gsa-dynamic-navigation-wrapper li { padding: 0.1em 0; } #content .gsa-dynamic-navigation-wrapper li:before { display: none; } #content .gsa-dynamic-navigation-wrapper p { padding: 0 0.6em 0.8em 0.6em; } a.gsa-dynamic-navigation-more:before, a.gsa-dynamic-navigation-less:before { text-decoration: none; padding-right: 0.4em; font-size: 0.6em; } /* GSA Content Search */ .gsa-content-search { padding: 0.6em; } #content .gsa-content-search-input { padding: 0.4em; font-size: 1.1em; } #content #gsa-content-search-select { padding: 0.4em 0.8em; font-size: 1.1em; } #content .gsa-content-search-option { padding: 0.4em 0.8em; } #content .gsa-content-search-input, #content #gsa-content-search-select, #content .gsa-content-search-option { height: 32px; } #content .gsa-content-search-button { font-size: 2.2em; margin-left: 1%; width: 6%; } /* GSA Sections */ .gsa-result-info { padding: 0.6em 0 0.2em 0; } .gsa-spellcheck , .gsa-related-queries, .gsa-keymatch, .gsa-result { padding: 1.2em 0.8em; } .gsa-page-navigation { padding: 1.2em 0 1.2em 0.8em; } .gsa-keymatch { padding: 0.4em 0.8em; } .gsa-result { width: 76%; padding: 0.8em; } /* GSA Page Navigation */ #content .gsa-page-navigation li { padding-right: 0.8em; } #content .gsa-page-navigation a:hover { text-decoration: underline; } /* ======================================================== External Content ======================================================== */ /* -------------------------------------------------------- */ /* BusinessWire */ #content #bwContent, #content #bwContent .bwOpk { width: 1022px; max-width: 1022px; } /* ======================================================== Home ======================================================== */ /* Page */ .home #header { padding-top: 16px; } .home #nav-main { position: relative; width: 1021px; padding-top: 160px; } @media (max-device-height: 900px) { .home #nav-main { padding-top: 105px; } } /* Tiles */ #tile-1 { margin-right: 5px; } #tiles-section { width: 684px; } .tile-single-text { width: 164px; height: 164px; } .tile-single-image { width: 166px; height: 166px; } .tile-double { width: 337px; height: 166px; } .tile-big { width: 337px; height: 337px; margin-right: 0; } #tile-search i { font-size: 84px; } /* Tile Links */ a.tile-text-link, .tile-counter { font-size: 1.5em; padding: 0 19px 19px 19px; } .tile-1row, a.tile-1row { padding-top: 122px; } .tile-2rows, a.tile-2rows { padding-top: 97px; } .tile-3rows, a.tile-3rows { padding-top: 74px; } .tile-4rows, a.tile-4rows { padding-top: 49px; } /* News */ .news { width: 1012px; height: 72px; } .news-headline { width: 109px; height: 100%; } .news-headline h2 { width: 88px; } .news-button { width: 40px; height: 100%; } .news-button button { height: 100%; } .news-content { width: 822px; height: 85%; } .news-content-slider { height: 64px; padding-top: 3px; } .news-content-slider li { float: left; height: 64px; padding: 0; } .news-noscript { width: 1000px; } .news-noscript-content { margin-left: 120px; } /* ======================================================== Home Alternative ======================================================== */ #content-home #tiles-section.tiles-section-single { width: 1026px; } /* ======================================================== Splash Page ======================================================== */ /* Tiles */ #tiles-section-double, #tiles-section-single { width: 337px; margin-left: 5px; } #tiles-section-single { margin-right: 0; } /* ======================================================== */ /* Colors /* ======================================================== */ body { color: #575756; } #screen-fixed { background-color: #d1d1d1; } #side-panel li a:hover { background-color: #121212; color: #fff; } #nav-meta ul li a, #nav-lang ul li a, #nav-social ul li a, #nav-footer ul li a { color: #999; } #nav-main ul li a { color: #575756; } #nav-main ul li a:hover { color: #0058a1; border-bottom-color: #0058a1; } #nav-main ul.nav-second { background-color: #0058a1; } #nav-main ul.nav-second li a, #nav-main ul.nav-second li span{ color: #fff; } #nav-level3 ul li a { color: #575756; background: none; } #nav-level3 ul li span { color: #fff; background: none; } #nav-level2 ul li a:hover, #nav-level3 ul li a:hover { background-color: #0058a1; animation: color-animation 1s; -moz-animation: color-animation 1s; -webkit-animation: color-animation 1s; color: #fff; } #nav-footer ul li a:hover { color: #0058a1; } .textimage-caption { color: #575756; } h2, h3, h4, h5, p, li, table { color: #575756; } #content .anchor-links li a:hover { background: #0058a1; border-color: #0058a1; color: #fff; } a.link-highlight:hover, a.link-highlight-block:hover { background-color: #0058a1; color: #fff; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color: #575756; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #cdcdcd; } #content .page-navigation li a:hover { background-color: #0058a1; border-color: #0058a1; color: #fff; } #content .tab-navigation .ui-state-hover { border-color: #0058a1; } #content .tab-navigation .ui-state-default.ui-state-hover a, #content .tab-navigation-colored .ui-state-default.ui-state-hover a { background-color: #0058a1; color: #fff; } #content .tab-navigation .ui-state-active.ui-state-hover a, #content .tab-navigation-colored .ui-state-active.ui-state-hover a { background-color: #fff; color: #057ccd; } legend { color: #575756; } label { color: #575756; } #content button:hover, #content input[type="submit"]:hover, #content input[type="button"]:hover { background-color: #003867; } #content button:focus, #content input[type="submit"]:focus, #content input[type="button"]:focus { background-color: #0058a0; } #content button:active, #content input[type="submit"]:active, #content input[type="button"]:active { background-color: #878787; } /* -------------------------------------------------------- Dynamic Templates -------------------------------------------------------- */ /* Sitemap */ #content .sitemap ul.sitemap-level3 li a { color: #575756; } /* -------------------------------------------------------- Event Database -------------------------------------------------------- */ /* Event Highlights / Events Memo List */ .eventdb-highlights-item-last .eventdb-highlights-item-line, .eventdb-memolist-item-last .eventdb-memolist-item-line { border-bottom-color: #999; } /* Event Speakers List */ .eventdb-speakers-list-headcol { background-color: #999; color: #fff; } .eventdb-speakers-list-sort { color: #575756; } .eventdb-speakers-list-sort-active { color: #fff; } .eventdb-speakers-list-col { color: #575756; } /* Event Speakers Details */ .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { color: #575756; } .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { color: #575756; } /* Event Programm Table */ .eventdb-col-odd { background-color: #fff; } .eventdb-table-link { border-bottom-color: #999; } /* Event Registration */ .eventregistration-headcol { background-color: #999; color: #fff; } .eventregistration-highlight { background-color: transparent; } a.eventregistration-link:hover { background-color: #003867; } /* -------------------------------------------------------- */ /* GSA Search */ /* -------------------------------------------------------- */ /* Dynamic Navigation */ .gsa-dynamic-navigation-headline { background-color: #878787; color: #fff; } .gsa-dynamic-navigation-wrapper { background-color: #fff; color: #878787; } /* Preview */ .gsa-document-preview { background-color: #fff; } /* -------------------------------------------------------- */ /* Home */ /* -------------------------------------------------------- */ a.tile-text-link:hover{ background-color: #0058a1; } /* ******************************************************** */ /* Draft */ /* GSA Document Preview */ div.result-item { position: relative; border: 1px solid white; } .non-previewable { background-color: transparent !important; border: 1px solid white!important; } .non-previewable .s { background-color: transparent!important; } body.previews-enabled div.result-item-hover { background-color: #ebf2fc; border: 1px solid #cddcf9; } body.previews-enabled div.result-item-hover .s { background-color: #ebf2fc!important; } span.toggle-preview { display: inline-block; margin-left: 5px; cursor: pointer; width: 10px; height: 10px; background: transparent url('../master_layout_images/search_preview_off.png') no-repeat; } div.result-item-hover span.toggle-preview { color: #0000cc; background-image: url('../master_layout_images/search_preview_on.png')!important; } body.previews-enabled span.toggle-preview { color: #0000cc ! important; background-image: url('../master_layout_images/search_preview_on.png'); } div.gsa-result-preview:hover { background-color: white; }