@import "../rte_user_default.css?v=1.0.5";
@import "reset.css";
@import "fonts.css";
@import "grids.css";

html, body {
    width:            100%;
    color:            #383838;
    font-size:        16px;
    line-height:      15pt;
    font-family:      'source_sans_proregular', 'Arial', sans-serif;
    background-color: #b0b0b0;
}

.clear-all { clear: both; height: 1px; }

h1 { font-size: 46.0px; margin-bottom: 40px; line-height: 24px; }

h2 { font-size: 30.0px; margin-bottom: 40px; }

h3 { font-size: 25.0px; margin-bottom: 6px; }

h4 { font-size: 20.0px; margin-bottom: 6px; }

h5 { font-size: 18.5px; margin-bottom: 3px; }

h6 { font-size: 16.0px; margin-bottom: 3px; }

h1, h2, h3,
h4, h5, h6 {
    /*font-weight:bold;*/
    color:       #c8043d;
    margin-top:  14px;
    line-height: normal;
    font-weight: normal;
}

h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

/*h4, h5, h6 {
font-weight: bold;
}*/

/*b, strong { font-weight: bold; }*/

a {
    color:           #a9a8a8;
    text-decoration: none;
}

a:visited {
    color: #a9a8a8;
}

a:hover {
    color:           #c8043d;
    text-decoration: none;
}

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
    border: none;
}

/*h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover,
h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a ,h6 a:hover {
border:none;
}*/
p { margin: 4px 0; }

p:first-child { margin-top: 0; }

.csc-content-boxWithArrowHeaderAndLeftIndent {
    padding-left: 25px;
}

.header-arrow,
.csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h1, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h2, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h3,
.csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h4, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h5, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h6 {
    margin-bottom: 20px; font-family: 'source_sans_probold', 'Arial', sans-serif;
    font-size:     15px; text-transform: uppercase; padding-left: 24px; min-height: 15px;
    background:    url(../images/arrow_home.jpg) left center no-repeat transparent;
    position:      relative; left: -25px; top: 0;
}

.csc-content-textAndImageWithGrayRighCaption div.csc-textpic-imagewrap {
    width: 100%;
}

.csc-content-textAndImageWithGrayRighCaption div.csc-textpic-imagewrap div.csc-textpic-image {
    width: 100% !important; display: table;
}

.csc-content-textAndImageWithGrayRighCaption div.csc-textpic-imagewrap .csc-textpic-image div.image-box {
    float: left; border-right: #8f8f8f 8px solid; padding-right: 11px; margin-right: 13px;
}

.csc-content-textAndImageWithGrayRighCaption div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    display:     table-cell; vertical-align: middle; color: #8f8f8f; font-size: 15px;
    font-family: 'source_sans_probold', 'Arial', sans-serif; padding-right: 70px;
}

/*.csc-default .header-arrow, 
.csc-default .csc-header h1, .csc-default .csc-header h2, .csc-default .csc-header h3,
.csc-default .csc-header h4, .csc-default .csc-header h5, .csc-default .csc-header h6 {
position: relative; left:-25px; top:0;
}*/

ul.form-errors {
    display: block;
    margin:  20px 0;
}

ul.form-errors li {
    color: red;
}


#top-bar {
    position:      absolute; top: 0; left: 0;
    border-bottom: #858585 1px solid;
    height:        auto; width: 100%;
    padding:       4px 0;
}

#top-bar .container {
    padding: 0;
}

#top-wrap {
    position: relative;
    top:      0; left: 0;
    height:   auto;
    z-index:  4;
}

#topleftTextBox { float: left; line-height: 22px; font-size: 10pt; white-space: nowrap; }

#main-logo-swidro { float: right; }

#firstLevelMobileMenu,
#firstLevelMobileMenuIcon {
    display: none;
}

#main-logo-swidro #swidroMainForms form {
    background-color: #fff;
    display:          inline-block;
}

#main-logo-swidro #swidroLogo {
    margin: 0;
}

#main-logo-swidro #swidroLogo span.partner-drogerie-info {
    display:      inline-block;
    margin-right: 10px;
    font-size:    14px;
}

#main-logo-swidro #swidroLogo a {
    display:         inline-block;
    width:           60px; height: 20px;
    margin:          0; text-indent: -2000px;
    background:      url(../images/mainlogo.gif) top left no-repeat;
    background-size: cover;
    position:        relative; left: 0; top: -3px;
}

#siteTitle {
    margin: 0; margin-bottom: 10px; padding-top: 0px;
    height: 82px; width: auto; float: left; display: table;
}

#siteTitle span.logo-row {
    display: table-row;
}

#siteTitle span.logo-row span.logo-cell {
    vertical-align: middle;
    display:        table-cell;
}

#siteTitle a {
    width:                   206px; height: 70px;
    margin:                  0; text-indent: -2000px;
    background:              url(../images/swidro_grabs_logo.jpg) bottom left no-repeat;
    -webkit-background-size: contain !important;
    -moz-background-size:    contain !important;
    background-size:         contain !important;
    display:                 inline-block;
    max-height:              100px;
    max-width:               320px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #siteTitle a {
        width: 175px !important;
    }
}

#siteTitle a:focus, #siteTitle a:active {
    border: none;
}

#layout {
    height:   100%;
    overflow: visible;
}

#side-product {
    overflow:              hidden;
    width:                 160px; height: 365px;
    box-shadow:            2px 2px 4px 0px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    -ms-border-radius:     5px;
    border-radius:         5px;

    position:              absolute;
    top:                   134px; left: -176px;
}

#side-product:empty {
    display: none;
}

#side-product .banner-frame {
    position: absolute; top: 0; left: 0;
    z-index:  666;
}


#wrapper {
    background-color: #fff;
}

#layout-above {
    height: 45px;
}

#layout #layout-inner {
    position:      relative; top: 0; left: 0;
    margin-bottom: 0;
}

#page-header {
    height:  auto;
    padding: 0;
}

#page-header .additional-header-box {
    position: relative;
    top:      0px; left: 0px;
}

#page-header #additionalHeaderBox {
    position: absolute;
    top:      17px; right: 23px;
}

#page-header a:link { color: #000; }

#page-header a:hover { color: #6b6b6b; text-decoration: none; }

#page-header .lefttop-menu {
    position: absolute; top: 14px; left: 14px;
}

#page-header .righttop-menu {
    position: absolute; top: 14px; right: 14px;
}

#page-header .righttop-menu ul li {
    border-left: #b5b5b5 1px solid; display: inline-block;
    padding:     0 8px; line-height: 8pt; float: left;
}

#page-header .righttop-menu ul li:first-child {
    border-left: none;
}

#page-header .lefttop-menu a,
#page-header .righttop-menu a {
    font-size: 15px; color: #6b6b6b;
}

#page-header .lefttop-menu a:hover,
#page-header .righttop-menu a:hover {
    color: #000;
}

#page-header .mainpage-menu {
    font-family: 'source_sans_prolight', 'Arial', sans-serif;
    display:     block; float: right; padding: 54px 0 20px 0;
}

#page-header .mainpage-menu ul {
    margin: 0 auto;
}

#page-header .mainpage-menu ul li {
    float: left;
}

#page-header .mainpage-menu ul li a {
    display:        block; padding: 0 15px;
    text-transform: uppercase; color: #878786;
}

#page-header .mainpage-menu ul li.last a {
    padding-right: 0;
}

#page-header .mainpage-menu ul li a:hover,
#page-header .mainpage-menu ul li.active a,
#page-header .mainpage-menu ul li.selected a {
    color: #c8043d;
}

body.main-swidro-page #page-header .mainpage-menu ul li a:hover,
body.main-swidro-page #page-header .mainpage-menu ul li.active a,
body.main-swidro-page #page-header .mainpage-menu ul li.selected a {
    color: #c8043d;
}

#page-header .mainpage-menu table tr td.active a,
#page-header .mainpage-menu table tr td.selected a,
#page-header .mainpage-menu table tr td a:hover {
    background-color: #c8043d;
}

#page-header ul, #page-header ul li {
    padding: 0px; margin: 0;
}

ul.toplevel-submenu {
    display:    block; background-color: #fff;
    box-shadow: 2px 2px 2px 0px #3f3f3f;
}

ul.toplevel-submenu li {
    border-top: #a9a8a8 1px solid;
    margin:     0; padding: 0; font-size: 15px;
}

ul.toplevel-submenu li:first-child {
    border-top: none;
}

ul.toplevel-submenu li a {
    color:     #a9a8a8; line-height: 19px !important;
    display:   block; padding: 5px 8px;
    max-width: 180px; min-width: 150px;
    font-size: 15px;
}

body.main-swidro-page ul.toplevel-submenu li.active a,
body.main-swidro-page ul.toplevel-submenu li.selected a,
body.main-swidro-page ul.toplevel-submenu li.has-submenu-active a,
body.main-swidro-page ul.toplevel-submenu li.has-submenu-selected a,
body.main-swidro-page ul.toplevel-submenu li a:hover {
    color: #c8043d; text-decoration: none;
}

ul.toplevel-submenu li.has-submenu-active a,
ul.toplevel-submenu li.has-submenu-selected a,
ul.toplevel-submenu li.has-submenu a:hover {
    background: url("../images/toplevel_expleaf.gif") 138px center no-repeat;
}

#main {
    height:   100%;
    position: relative;
    top:      0; left: 0;
}

@media only screen and (min-width: 768px) {
    #main {
        padding-left:  0;
        padding-right: 0;
    }
}

body #sbCenter { z-index: 110; }

#pageContentHeader h1 { border-bottom: #000 1px solid; margin-top: 0; margin-bottom: 20px; color: #000; }

#pageContentHeader .csc-default { padding: 0px; margin: 0; padding-bottom: 40px; }

#pageContentHeader .csc-default h1 { margin: 0; }

body.main-swidro-page #pageContentHeader h3 { color: #ca173d; }

#pageContentHeader > div { margin-bottom: 20px; }

#pagecolumnContentLeft,
#pagecolumnContentNormal,
#pagecolumnContentRight {
    min-height: 2px;
}

/*#pagecolumnContentLeft {
width: 316px;
}
#pagecolumnContentNormal {
width: 276px; margin-left: 15px;
}
#pagecolumnContentRight {
width: 278px; margin-left: 35px;
}*/

body.onlyOneColumn #pagecolumnContentLeft { display: none; }

body.onlyOneColumn #pagecolumnContentNormal { width: 100%; }

body.onlyOneColumn #pagecolumnContentRight { display: none; }

body.leftPlusNormalCols #pagecolumnContentLeft { width: 33.3333333%; }

body.leftPlusNormalCols #pagecolumnContentNormal { width: 66.666%; }

body.leftPlusNormalCols #pagecolumnContentRight { display: none; }

body.leftPlusNormalColsEqual #pagecolumnContentLeft { width: 50%; }

body.leftPlusNormalColsEqual #pagecolumnContentNormal { width: 50%; }

body.leftPlusNormalColsEqual #pagecolumnContentRight { display: none; }

body.mainPlusRightColsEqual #pagecolumnContentLeft { display: none; }

body.mainPlusRightColsEqual #pagecolumnContentNormal { width: 50%; }

body.mainPlusRightColsEqual #pagecolumnContentRight { width: 50%; }


#main #breadcrumbs .breadcrumbs-box { padding: 22px 0; padding-bottom: 8px; color: #c8043d; }

#main #breadcrumbs .breadcrumbs-box span.arrow { color: #818080; display: inline-block; padding: 0 6px; }

#mainBannersArea { position: relative; top: -2px; left: 0; padding: 0; }

#main #loginForm {
    display:    none; /* HIDDING IT FOR NOW */

    width:      254px; height: 264px; color: white;
    position:   absolute; top: 150px; right: -100px; z-index: 999999;
    background: url(../images/loginform_bg.png) top left no-repeat;
}

#main #loginForm .inner {
    padding:     85px 56px 0;
    line-height: 16pt;
}

#main #loginForm .inner .separator {
    height: 10px;
}

#main #loginForm .inner input[type="text"],
#main #loginForm .inner input[type="password"] {
    width:   106px; height: 17px;
    padding: 0 4px; font-size: 15px;
    color:   #6b6b6b; margin-bottom: 4px;
}

#main #loginForm .inner .form-button {
    width:      15px; height: 17px;
    background: url(../images/loginform_arrow.gif) top left no-repeat;
    border:     none; vertical-align: middle; cursor: pointer;
}

#mainBannersBox {
    margin-top: 0px; overflow: hidden;
    width:      100%; height: auto;
}

#mainBannersBox {
    height: auto; overflow: hidden;
}

#mainBannersBox #swidroSlider img, #mainBannersBox #swidroBannersSlider img {
    width: 100%; height: auto;
    float: left;
}


#main .content-box {
    padding: 22px 0;
}

/*#main .content-box .secondlevel-menu {
padding-top: 0px; float: left; width: 100%;
}
#main .content-box .secondlevel-menu h1 {
padding-bottom: 30px; 
}
#main .content-box .secondlevel-menu ul {
float: left; width: 100%;
display: block; margin-bottom: 36px; padding-bottom:4px; 
}
#main .content-box .secondlevel-menu ul li {
float: left; display: inline-block; margin:0 10px 0 0; padding:0 0 0 10px;
border-left: #6f7844 1px solid; line-height: 10pt; font-size: 14px  ;
}
#main .content-box .secondlevel-menu ul li:first-child {
border-left: none; padding-left:0;
}
#main .content-box .secondlevel-menu ul li a {
display: block;
}
#main .content-box .secondlevel-menu ul li a:visited { color: #3B4700; }

#main .content-box .secondlevel-menu ul li.active a,
#main .content-box .secondlevel-menu ul li.selected a,
#main .content-box .secondlevel-menu ul li a:hover {
color: #c8043d; text-decoration: none;
}*/
#main #contentColumnInner {
    padding-bottom: 20px; /*font-size: 12px;*/
}

#site-scroll-top {
    background:  #b0b0b0;
    border:      none;
    /*border-radius: 50%;*/
    bottom:      100px;
    box-sizing:  content-box;
    color:       #fff;
    font-size:   16px;
    height:      35px;
    line-height: 35px;
    opacity:     0;
    position:    fixed;
    right:       40px;
    text-align:  center;
    transition:  all 0.25s ease-in-out 0s;
    visibility:  hidden;
    width:       35px;
    z-index:     999;
}

#site-scroll-top:hover {
    background-color: #c8043d;
    border-color:     #c8043d;
    color:            #fff;
    text-decoration:  none;
}

#site-scroll-top.show {
    display:    block;
    opacity:    1;
    visibility: visible;
}

#site-scroll-top .fa-chevron-up::before {
    background: url("../images/arrow_toTop.png") no-repeat right 3px;
    content:    " "; display: block;
    height:     18px; width: 13px;
}

.right { float: right; }

.left { float: left; }

div[class*="img-"] .img-wrap, .tx-spxgooglestorelocator-pi1 figcaption.caption {
    padding-bottom: 15px;
}

figure.image img {
    display: inline-block;
    margin:  0;
}

figcaption.caption {
    font-family: 'source_sans_proregular', 'Arial', sans-serif;
    padding-top: 15px;
    display:     block;
    color:       #b3b3b3;
}

#pagecolumnContentNormal figcaption.caption p {
    margin: 0; font-size: 13px; line-height: 16px;
}

.csc-default.csc-content-rowWithColumnsOnHomepage {
    padding-bottom: 20px; margin-bottom: 20px;
}


#footer {
    position:         relative; top: 2px; left: 0;
    background-color: #878786;
    line-height:      normal;
    padding:          30px 0;
}

#footer .container {
    padding: 0;
}

#footer .inner {
    font-size: 15px; color: #fff;
    margin:    0 15px;
}

@media only screen and (min-width: 768px) {
    #footer .inner {
        margin-left:  0;
        margin-right: 0;
    }
}

#footer .inner .inner-left {
    padding: 0; float: left;
}

#footer .container a {
    color: #fff;
}

#footer .container a:hover {
    text-decoration: underline;
}

#footer .inner h1, #footer .inner h2, #footer .inner h3,
#footer .inner h4, #footer .inner h5, #footer .inner h6 {
    color:          #fff; font-size: 24px; font-family: 'source_sans_probold', 'Arial', sans-serif;
    padding-bottom: 0; background: none;
    margin-bottom:  6px; margin-top: 0;
}

/*#footer .inner #footerContentLeft,
#footer .inner #footerContentNormal {
float:left; width: 274px; margin-right: 53px;
}*/
#footer .inner #footerContentLeft table,
#footer .inner #footerContentNormal table {
    width: 100%; border-collapse: collapse;
}

#footer .inner #footerContentLeft p,
#footer .inner #footerContentNormal p,
#footer .inner #footerContentLeft table tr td,
#footer .inner #footerContentNormal table tr td {
    color:       white; margin: 0;
    line-height: normal;
}

#footer div[class*="col-"] {
    padding-bottom: 10px;
}

#footerContentLeft > div, #footerContentNormal > div {
    padding-bottom: 10px;
}

#footer .inner #footerContentRightOuter {
    padding-left: 70px;
}

/*#footer .inner #footerContentNormal {
float:left; width: 274px; margin-right: 0;
}
#footer .inner #footerContentRightOuter {
float:right; width: 285px; margin: 2px 0 2px 0;
background: url(../images/dashed_line_vert_footer.png) left top repeat-y transparent;
}
#footer .inner #footerContentRight {
margin: 8px 0 12px 20px; float: left; width: 262px;
}*/
#footer .csc-default {
    margin: 0; padding: 0;
}

#footer .inner #footerContentRight img {
    margin: 0;
}

#footer .inner #footerContentRight .left {
    margin-right: 12px;
}

#footer .csc-textpic-text,
#footer .inner .footerContentRight-content {
    float: left;
}

#footer #footerContentRight h1, #footer #footerContentRight h2, #footer #footerContentRight h3,
#footer #footerContentRight h4, #footer #footerContentRight h5, #footer #footerContentRight h6 {
    /*float: left; padding-right: 20px; */
}

#belowFooterLeftBox, #footerRealizationBox {
    color: #fff;
}
#belowFooterLeftBox p, #footerRealizationBox p {
    margin: 5px 0;
}

#footerRealizationBox {
    position:  absolute;
    bottom:    -60px; right: -15px;
    font-size: 12px;
}


#belowFooterLeftBox {
    float:     left;
    position:  absolute;
    bottom:    -60px;
    font-size: 12px;
    left:      0;
}

#belowFooterLeftBox img {
    vertical-align: middle;
    position:       relative;
    margin-right:   4px;
    display:        inline-block;
    top:            -6px;
}


.tx-qbaswidrojobvacancies-pi1 hr,
.tx-qbaswidrojobvacancies-pi2-jsearch hr {
    margin-top:    15px;
    margin-bottom: 15px;
    border:        1px dotted #999;
    border-style:  none none dotted;
}

.tx-qbaswidrojobvacancies-pi1 h3:hover,
.tx-qbaswidrojobvacancies-pi2-jsearch h3:hover {
    color: #a9a8a8;
}

.tx-qbaswidrojobvacancies-pi1 .spalte_links,
.tx-qbaswidrojobvacancies-pi2-jsearch .spalte_links {
    float: left; width: 60%;
}

.tx-qbaswidrojobvacancies-pi1 .spalte_rechts,
.tx-qbaswidrojobvacancies-pi2-jsearch .spalte_rechts {
    float: right; width: 39%;
}

.tx-qbaswidrojobvacancies-pi1 label.long,
.tx-qbaswidrojobvacancies-pi2-jsearch label.long {
    float:  left; width: 150px;
    margin: 10px 0;
}

.tx-qbaswidrojobvacancies-pi1 .werte,
.tx-qbaswidrojobvacancies-pi2-jsearch .werte {
    margin: 10px 0 10px 160px;
}

.tx-qbaswidrojobvacancies-pi2-jsearch > h1 { margin-top: 40px; }

.tx-qbaswidrojobvacancies-pi2-jsearch .send-job-offer-button {
    background-color: #c8043d;
    border:           medium none;
    color:            #fff;
    cursor:           pointer;
    text-align:       center;
    font-size:        15px;
    margin-bottom:    5px;
    padding:          5px 8px;
    width:            auto;
}

.tx-qbaswidrojobvacancies-pi2-jsearch .send-job-offer-button:hover {
    background-color: #89898b;
}

.file-upload-link {
    display: inline-block;
}

.file-upload-link .file-icon {
    display:             inline-block;
    vertical-align:      middle;
    width:               16px; height: 16px;
    background-position: 322px 159px;
    margin-right:        4px;
}

.file-upload-link.pdf .file-icon {
    background-position: 124px 177px;
}

.file-upload-link.doc .file-icon {
    background-position: 304px 159px;
}

.file-upload-link.docx .file-icon {
    background-position: 304px 159px;
}