/* Important Information about this CSS File  - Do not delete or rename this file, if you do not use it leave it blank (delete everything) and the file will be skipped when you enable Production Mode in the Global theme settings.  - Read the _README file in this directory, it contains useful help and other information. */
.region-leaderboard #cross-site-account-link { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; z-index: 1; left: 12px; }
.region-leaderboard #cross-site-cart-link { position: relative; z-index: 0; left: 6px; }
.region-leaderboard #cross-site-checkout-link { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; z-index: 1; }

#menu-bar { background-color: #f0f4f6; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; font-size: 16px; /* nav:last-child { display: none; }
*/ }
#menu-bar a { white-space: normal; word-wrap: normal; text-decoration: none; }
#menu-bar a.active, #menu-bar a.active-trail { font-weight: bold; }
#menu-bar .menu-level-1 a { border-left: 1px solid #D1DcE2; height: 42px; padding-top: 6px; color: #444; }
#menu-bar .menu-level-1 a:hover, #menu-bar .menu-level-1 a:focus, #menu-bar .menu-level-1 a:active { color: #0098D7; }
#menu-bar .menu-level-1 li { height: 48px; width: 13%; }
#menu-bar .menu-level-1 li.first a { border-left: none; }
#menu-bar .menu-level-1 li:nth-child(8) { width: 9%; }
#menu-bar .menu-level-1 li.active, #menu-bar .menu-level-1 li.active-trail { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-color: #cfe5f5; }
#menu-bar .menu-level-1 li.active a, #menu-bar .menu-level-1 li.active-trail a { border: none; }
#menu-bar .menu-level-1 li.active + li a, #menu-bar .menu-level-1 li.active-trail + li a { border: none; }
#menu-bar #page-top-bar { height: 6px; background-color: #cfe5f5; z-index: 0; }
#menu-bar nav:first-child + div + nav.block-menu-block, #menu-bar nav:first-child + div + nav.block-pharma-sensor-common { background-color: #cfe5f5; height: 28px; padding-left: 48px; display: table-cell; text-align: left; vertical-align: middle; max-width: 100%; width: 9999px; }
#menu-bar nav:first-child + div + nav.block-menu-block li, #menu-bar nav:first-child + div + nav.block-pharma-sensor-common li { height: 28px; }
#menu-bar nav:first-child + div + nav.block-menu-block + nav, #menu-bar nav:first-child + div + nav.block-pharma-sensor-common + nav { display: block; }
#menu-bar .menu-level-2 a { display: table-cell; text-align: left; vertical-align: middle; padding-right: 48px; color: #444; }
#menu-bar .menu-level-2 a:hover, #menu-bar .menu-level-2 a:focus, #menu-bar .menu-level-2 a:active { color: #0098D7; }
#menu-bar .menu-level-2 li { display: table; }

body.front.site-name-my-pgsbox #menu-bar nav:last-child { display: inline; }

#shadow-box { box-shadow: -16px 16px 16px -16px #666666, 16px 16px 16px -16px #666666; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#main-content, .region-content-aside, .two-50 { margin-left: 56px; margin-right: 56px; }

#content-column, .region-sidebar-second { margin-top: 56px; }

.region-sidebar-second .region-inner { margin-left: 0px; margin-right: 56px; }

.view-id-fixed_product_teaser_list .views-row.views-row-last { margin-bottom: 0; }

body.front .block-fact-box, #block-ds-extras-article-image + div.block-fact-box { position: relative; top: -106.4px; z-index: 100; margin-bottom: 0px; }
body.front .block-fact-box + .block, #block-ds-extras-article-image + div.block-fact-box + .block { position: relative; top: -50.4px; }
body.front .block-fact-box + .block + .block, #block-ds-extras-article-image + div.block-fact-box + .block + .block { position: relative; top: -50.4px; }
body.front .block-fact-box + .block + .block + .block, #block-ds-extras-article-image + div.block-fact-box + .block + .block + .block { position: relative; top: -50.4px; }
body.front .block-fact-box + .block + .block + .block + .block, #block-ds-extras-article-image + div.block-fact-box + .block + .block + .block + .block { position: relative; top: -50.4px; }
body.front .block-fact-box + .block + .block + .block + .block + .block, #block-ds-extras-article-image + div.block-fact-box + .block + .block + .block + .block + .block { position: relative; top: -50.4px; }
body.front .block-fact-box + .block + .block + .block + .block + .block + .block, #block-ds-extras-article-image + div.block-fact-box + .block + .block + .block + .block + .block + .block { position: relative; top: -50.4px; }

h1 { margin-top: 0px; }

#block-ds-extras-testimonial-assigned-to-content { width: 100%; margin-right: 0px; }

.region-secondary-content .view-front-page-slideshow .view-header { bottom: 16px; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_headline, .region-secondary-content .views_slideshow_slide .views-field-field_slideshow_text, .region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button { margin-left: 56px; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_headline { margin-top: 28px; margin-bottom: 16px; font-size: 250%; line-height: 1.2; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_text { margin-bottom: 36px; font-size: 160%; line-height: 1.2; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button { margin-bottom: 28px; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button a { display: inline-block; font-size: 100%; background-color: #FFD500; border: 10px solid #FFD500; padding-right: 34px; background-image: url("../images/Dreieck.png"); background-repeat: no-repeat; background-position: right; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; white-space: nowrap; word-wrap: normal; text-decoration: none; font-weight: bold; color: #444; }
.region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button a:hover, .region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button a:focus, .region-secondary-content .views_slideshow_slide .views-field-field_slideshow_more_button a:active { color: white; }

.region-highlighted { background-color: #D1DcE2; }

.pgsbox-product-pgsbox-product { margin-bottom: 56px; }

body.page-node-6 #shadow-box div.region div.region-inner div#block-ds-extras-top-teaser { margin-left: 56px; margin-right: 56px; }

/* ============================================================================= Logo mypgsbox desktop ========================================================================== */
.page-user-login.site-name-my-pgsbox #branding #logo, .page-user-password.not-logged-in.site-name-my-pgsbox #branding #logo, .page-user-gene-key-activation.not-logged-in.site-name-my-pgsbox #branding #logo, .not-logged-in.site-name-my-pgsbox.section-doc #branding #logo { margin-top: -50px; }

#user-login, #my-user-login, #user-register-form, #user-pass { margin-top: 28px; margin-bottom: 28px; }

ul.primary { margin-left: 56px; }

/* ============================================================================= support region and control button ========================================================================== */
#support-section { position: fixed; display: none; bottom: 10px; right: 10px; }
#support-section .block { background-color: white; margin-bottom: 0px; }

#support-section-control { position: fixed; bottom: 10px; right: 10px; }

/* ============================================================================= gene.card-browser ========================================================================== */
.page-gene-card-browser #search-form { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #D1DcE2; display: table; border-spacing: 16px; border-collapse: separate; width: 100%; }
.page-gene-card-browser #search-form .form-submit { display: inline-block; font-size: 80%; background-color: #E20036; border: 6px solid #E20036; padding-right: 30px; background-image: url("../images/Dreieck.png"); background-repeat: no-repeat; background-position: right; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; white-space: nowrap; word-wrap: normal; text-decoration: none; font-weight: bold; color: white; font-size: 1em; width: 18%; }
.page-gene-card-browser #search-form .form-submit:hover, .page-gene-card-browser #search-form .form-submit:focus, .page-gene-card-browser #search-form .form-submit:active { color: white; }
.page-gene-card-browser #search-form .form-item.form-type-textfield input { width: 75%; }

#scroll-wrapper { position: fixed; margin-left: -40px; top: 45%; }
#scroll-wrapper #scroll-placeholder { display: none; width: 32px; height: 32px; margin-bottom: 30px; }
#scroll-wrapper #scroll-up { display: none; width: 32px; height: 32px; background-image: url("../images/arrow_up.png"); background-repeat: no-repeat; margin-bottom: 30px; }
#scroll-wrapper #scroll-up:hover { cursor: pointer; }
#scroll-wrapper #scroll-down { width: 32px; height: 32px; background-image: url("../images/arrow_down.png"); background-repeat: no-repeat; }
#scroll-wrapper #scroll-down:hover { cursor: pointer; }
#scroll-wrapper #scroll-placeholder-second { display: none; width: 32px; height: 32px; }

#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq { margin-bottom: 0; background-color: #E7EFF3; font-size: 0.9em; border-top: 1px solid #DBDCD8; border-right: 1px solid #DBDCD8; border-left: 1px solid #DBDCD8; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq #facetapi-facet-apachesolrgcb-block-bs-field-gc-attr-notable input { margin-left: 10px; margin-top: 10px; }
#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq a { padding: 4px 0px 0px 0px; }
#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq li.leaf { list-style: none; list-style-image: none; margin: 0; }
#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq ul { padding: 0; margin-bottom: 0; }
#block-facetapi-vwimfvjgtmempsdneihiea6nkf0alibq h2 { background-color: #0098D7; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; color: #ffffff; text-align: center; }

.node-type-gene-card .horizontal-tabs-list strong { font-size: 0.9em; font-weight: lighter; }

.node-type-gene-card div.horizontal-tabs { border: none; }

.group-gc-headline, .groupgc-headline { background-color: #0098D7; width: 100%; height: 32px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }

.node-type-gene-card .field-name-title-field { color: #ffffff; font-weight: bold; padding: 5px 7px; float: left; }

.field-name-field-gc-attr-notable a { background-image: url(../images/icon_chances.png); background-color: #0098D7; background-repeat: no-repeat; background-position: center; float: right; width: 45px; height: 32px; margin-left: 10px; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: transparent; }

.field-name-field-gc-attr-pharmacogenetics a { background-image: url(../images/icon_meds.png); background-color: #0098D7; background-repeat: no-repeat; background-position: center; float: right; width: 45px; height: 32px; margin-left: 10px; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: transparent; }

.field-name-field-gc-attr-prevention a { background-image: url(../images/icon_prevention.png); background-color: #0098D7; background-repeat: no-repeat; background-position: center; float: right; width: 45px; height: 32px; margin-left: 10px; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: transparent; }

.field-name-field-gc-attr-carrier a { background-image: url(../images/icon_transformer.png); background-color: #0098D7; background-repeat: no-repeat; background-position: center; float: right; width: 45px; height: 32px; margin-left: 10px; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: transparent; }

.field-group-htabs-wrapper { background-color: #EBEBEB; }

.horizontal-tabs ul.horizontal-tabs-list { background-color: #EBEBEB; border: none; padding-top: 10px; margin-bottom: 30px; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Uebersicht-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0.selected a { background-image: url("../images/Icon_Uebersicht-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-0.selected a strong { color: #ffffff; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Gen-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1.selected a { background-image: url("../images/Icon_Gen-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-1.selected a strong { color: #ffffff; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Phaenotyp-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2.selected a { background-image: url("../images/Icon_Phaenotyp-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-2.selected a strong { color: #ffffff; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Analyseerg-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3.selected a { background-image: url("../images/Icon_Analyseerg-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-3.selected a strong { color: #ffffff; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Aktionen-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4.selected a { background-image: url("../images/Icon_Aktionen-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-4.selected a strong { color: #ffffff; }

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5 { border: none; background-repeat: no-repeat; margin: 0 15px 0 15px; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5 a { padding: 60px 0px 5px; color: #ffffff; text-align: center; width: 136px; height: 22px; background: url("../images/Icon_Quellen-grau.png"); }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5 a:hover strong { background: none; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5 :hover, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5.selected a { background-image: url("../images/Icon_Quellen-blau.png"); background-repeat: no-repeat; background-color: #EBEBEB; }
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5 :hover strong, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button-5.selected a strong { color: #ffffff; }

.field-name-field-gene-card-intro, .node-type-gene-card .field-name-field-gene-card-genetics, .node-type-gene-card .field-name-field-gene-card-charact { float: left; width: 60%; }

.node-type-gene-card .field-name-field-gene-card-intro-sidebar, .node-type-gene-card .field-name-field-gene-card-genetics-sidebar, .node-type-gene-card .field-name-field-gene-card-charact-sidebar { width: 35%; float: right; }
.node-type-gene-card .field-name-field-gene-card-intro-sidebar p, .node-type-gene-card .field-name-field-gene-card-genetics-sidebar p, .node-type-gene-card .field-name-field-gene-card-charact-sidebar p { font-size: small; }
.node-type-gene-card .field-name-field-gene-card-intro-sidebar .image, .node-type-gene-card .field-name-field-gene-card-genetics-sidebar .image, .node-type-gene-card .field-name-field-gene-card-charact-sidebar .image { width: 100%; }

.node-type-gene-card .field-name-field-gene-card-result { width: 50%; float: left; }

.node-type-gene-card .field-name-field-gene-card-result-sidebar { float: right; width: 48%; margin-left: 10px; }

#personal-result-inner-table-top-column, #personal-result-inner-table tr, #personal-result-inner-table td { padding: 0; background-color: transparent; }

#cboxLoadedContent img { width: auto; height: auto; }

#personal-result-inner-table-top-column, .left-image .image-small img, .right-image .image-small img, .node-gene-card .image-thumbnail { cursor: pointer; }

/* ============================================================================= support button ========================================================================== */
#support-toggle-button { z-index: 99999; position: absolute; bottom: 0px; right: 0px; background: #E20036; border: 1px solid #E20036; color: #ffffff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px; font-weight: bold; white-space: nowrap; }

#support-section { display: none; }

/* ============================================================================= search ========================================================================== */
.page-search #search-form { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #D1DcE2; display: table; width: 100%; border-spacing: 16px; border-collapse: separate; }
.page-search #search-form label { display: none; }
.page-search #search-form input { width: 75%; }
.page-search #search-form #edit-submit { display: table-cell; width: auto; display: inline-block; font-size: 80%; background-color: #E20036; border: 6px solid #E20036; padding-right: 30px; background-image: url("../images/Dreieck.png"); background-repeat: no-repeat; background-position: right; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; white-space: nowrap; word-wrap: normal; text-decoration: none; font-weight: bold; color: white; font-size: 1em; width: 18%; float: right; }
.page-search #search-form #edit-submit:hover, .page-search #search-form #edit-submit:focus, .page-search #search-form #edit-submit:active { color: white; }

#personal-result-inner-table-top-column .text-element-view.image-small { position: relative; }
#personal-result-inner-table-top-column .text-element-view.image-small img { position: absolute; bottom: 0; top: 0; }
#personal-result-inner-table-top-column .text-element-view.image-small:hover { z-index: 900; position: absolute; margin-left: -394px; width: 85%; height: 250px; }
#personal-result-inner-table-top-column .text-element-view.image-small:hover img { vertical-align: middle; text-align: center; max-width: 100%; max-height: 100%; border-bottom: 1px solid #7E9EAD; }

.right-image.personal-result-inner-table-normal-column .text-element-view.image-small { position: relative; }
.right-image.personal-result-inner-table-normal-column .text-element-view.image-small img { position: absolute; bottom: 0; top: 142px; }
.right-image.personal-result-inner-table-normal-column .text-element-view.image-small:hover { z-index: 900; position: absolute; margin-top: 140px; margin-left: -200px; width: 440px; height: 470px; }
.right-image.personal-result-inner-table-normal-column .text-element-view.image-small:hover img { top: 0px; max-width: 100%; max-height: 100%; }

.left-image.personal-result-inner-table-normal-column .text-element-view.image-small { position: relative; }
.left-image.personal-result-inner-table-normal-column .text-element-view.image-small img { position: absolute; bottom: 0; top: 142px; }
.left-image.personal-result-inner-table-normal-column .text-element-view.image-small:hover { z-index: 900; position: absolute; margin-top: 140px; width: 440px; height: 470px; }
.left-image.personal-result-inner-table-normal-column .text-element-view.image-small:hover img { top: 0px; max-width: 100%; max-height: 100%; }