@charset "UTF-8";
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/CampaignMonitorWrapper/campaignMonitorWrapper.scss
++ 2018-06-08 14:59 [87a0d7d] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2018-06-07 08:02 [7d44189] Vojtech Schwarz - Add new module CampaignMonitorWrapper for Public
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_CampaignMonitorWrapper label {
  color: #6a7a86;
  font-weight: normal; }

.module_CampaignMonitorWrapper input, .module_CampaignMonitorWrapper select {
  margin-bottom: 10px;
  width: 50%; }
  .module_CampaignMonitorWrapper input[type="checkbox"], .module_CampaignMonitorWrapper select[type="checkbox"] {
    width: 10px; }

.module_CampaignMonitorWrapper button[type="submit"] {
  background: none repeat scroll 0 0 #0069B4;
  border: 0 solid #6a7a86;
  color: #ffffff;
  font-family: Arial, Helvetica;
  padding: 0.133em 0.933em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 15px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/CategorySelection/categorySelection.scss
++ 2016-08-23 10:30 [00a033d] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2016-08-18 12:40 [7ab126d] Vojtech Schwarz - Add new module CategorySelection (moved from main)
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_CategorySelection {
  margin-left: auto;
  margin-right: auto; }
  .module_CategorySelection .sOption {
    border: 1px solid #6a7a86;
    float: left;
    margin: 0 20px 0 0;
    padding: 10px 10px 8px 10px;
    position: relative; }
    .module_CategorySelection .sOption.lastOption {
      margin: 0; }
  .module_CategorySelection .optionOverlay {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 258px;
    height: 425px;
    background-color: #DEE4E7;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
    text-decoration: none; }
  .module_CategorySelection .optionLable {
    position: absolute;
    top: 65%;
    right: 10px;
    width: 238px;
    background: url("images/categorySelection_arrow.png") no-repeat scroll 95% 60% #6a7a86;
    color: #ffffff;
    padding: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
    text-decoration: none;
    z-index: 1000;
    text-transform: uppercase; }
    .module_CategorySelection .optionLable hr {
      background-color: #ffffff;
      height: 2px;
      border: 0 none;
      color: #ffffff;
      margin: 0 0 0.2em;
      padding: 0; }
  .module_CategorySelection .addText {
    color: #6a7a86;
    font-size: 0.867em;
    font-weight: normal;
    line-height: 1.231em;
    margin-bottom: 1.7em; }
    .module_CategorySelection .addText a {
      color: #0069B4;
      text-decoration: none; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/GenericTab/genericTab.scss
++ 2016-10-14 07:41 [5e7744e] Jan Klimes - Add new module GenericTab
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
#left-side-modules .module_GenericTab ul, #left-side-modules .module_GenericTab ol, #right-side .module_GenericTab ul, #right-side .module_GenericTab ol {
  margin-left: 0; }

.module_GenericTab .group:after {
  content: "";
  display: table;
  clear: both; }

.module_GenericTab .tabsNavigationScroll {
  overflow: hidden; }

.module_GenericTab .tabs.ui-corner-all {
  border-radius: 0; }

.module_GenericTab .ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0; }
  .module_GenericTab .ui-tabs .ui-tabs-nav {
    margin: 0;
    margin-left: 0;
    padding: .2em 0 0 .2em;
    border-bottom: 1px solid #6a7a86;
    position: relative;
    border-radius: 0; }
    .module_GenericTab .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap;
      border: 1px solid #6a7a86;
      border-bottom: 0;
      background: #dee4e7; }
      .module_GenericTab .ui-tabs .ui-tabs-nav li a {
        color: #6a7a86; }
      .module_GenericTab .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
        background: #ffffff;
        cursor: text; }
        .module_GenericTab .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          color: #0069B4; }
      .module_GenericTab .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .module_GenericTab .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text; }
    .module_GenericTab .ui-tabs .ui-tabs-nav li:last-child {
      margin-right: 0; }
    .module_GenericTab .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      float: left;
      padding: .5em 1em;
      text-decoration: none; }
  .module_GenericTab .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em .2em 1em .2em;
    background: none; }

.module_GenericTab .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.module_GenericTab .pressCover {
  width: 100%;
  height: auto; }

.module_GenericTab .pressImage {
  float: right;
  padding-bottom: 1.867em; }
  .module_GenericTab .pressImage img {
    width: 10.667em;
    height: 5.333em; }

.module_GenericTab .pressContent {
  float: left;
  font-size: 13px;
  line-height: 1.231em;
  font-weight: normal;
  color: #6a7a86;
  padding-bottom: 1.867em;
  width: 100%; }
  .module_GenericTab .pressContent a {
    color: #0069B4;
    text-decoration: none;
    font-size: 1em; }
    .module_GenericTab .pressContent a:hover {
      text-decoration: none; }
  .module_GenericTab .pressContent ul {
    padding-left: 2em; }

.module_GenericTab .headlinePress {
  display: block;
  font-size: 0.933em;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/History/history.scss
++ 2017-02-07 08:28 [6d2158e] Vojtech Schwarz - Update reddot on first block for History module on Public websites
++ 2017-02-07 08:01 [366c20a] Vojtech Schwarz - Update reddot for History module for Public websites
++ 2016-06-22 08:36 [83c8096] Jan Kondler - Move history module to the correct directory
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_History {
  position: relative;
  width: 100%;
  height: 300px;
  cursor: default;
  font-weight: normal;
  color: #6a7a86;
  font-size: 0.867em;
  line-height: 1.231em;
  padding-bottom: 100px; }
  .module_History .content {
    position: relative;
    width: 905px;
    height: 319px;
    overflow: auto;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-y: hidden;
    padding-top: 5px;
    /* if (TYPE_CMS) */
    /* end if (TYPE_CMS) */ }
    .module_History .content.contentNoScrollBar {
      overflow: hidden; }
    .module_History .content.contentRedDot {
      padding-top: 10px !important;
      height: 293px !important; }
    .module_History .content .ext_VideoPlayer_Popup, .module_History .content .ext_VideoCloud_Popup {
      position: absolute;
      top: 301px;
      left: 5px; }
    .module_History .content .main {
      position: relative;
      display: inline-block;
      width: 190px;
      height: 240px;
      margin-left: -32px;
      /* if (TYPE_CMS) */
      /* end if (TYPE_CMS) */
      /* if (TYPE_CMS) */
      /* end if (TYPE_CMS) */ }
      .module_History .content .main.mainFirst {
        margin-left: -22px; }
      .module_History .content .main.mainLast {
        margin-right: 50px; }
      .module_History .content .main .reddot {
        font-size: 12px;
        margin-left: 17px;
        margin-top: -11px; }
      .module_History .content .main .mainRedDot {
        background-color: #D8DBE0;
        border: 1px solid #000000;
        display: block;
        height: 60px;
        line-height: 12px;
        margin-left: 24px;
        padding: 13px 0px 0px 0px;
        position: absolute;
        width: 161px;
        z-index: 10001; }
        .module_History .content .main .mainRedDot .reddot {
          margin-left: 0px !important; }
      .module_History .content .main .year {
        position: absolute;
        bottom: 12px;
        left: 26px;
        font-size: 17px;
        color: black;
        font-weight: bold; }
      .module_History .content .main .block {
        height: 240px;
        /* if (TYPE_CMS) */
        /* end if (TYPE_CMS) */ }
        .module_History .content .main .block .reddot {
          font-size: 11px; }
        .module_History .content .main .block .blockRedDot .reddot {
          margin-top: -30px;
          /* position: absolute;*/
          z-index: 1001; }
        .module_History .content .main .block .blockRedDot .formRedDot {
          background-color: #D8DBE0;
          border: 1px solid #000000;
          display: block;
          height: 39px;
          margin-top: -23px;
          padding-top: 5px;
          position: absolute;
          width: 119px;
          z-index: 1001; }
          .module_History .content .main .block .blockRedDot .formRedDot .reddot {
            margin-top: 0px !important; }
        .module_History .content .main .block .ext_VideoPlayer_Popup, .module_History .content .main .block .ext_VideoCloud_Popup {
          width: 194px;
          z-index: 100002; }
        .module_History .content .main .block .pointPic {
          position: absolute;
          display: block;
          background: url(images/history_point.png);
          border: 0;
          width: 33px;
          height: 33px;
          bottom: 68px;
          left: 23px;
          -webkit-border-radius: 33px;
          -moz-border-radius: 33px;
          border-radius: 33px; }
          .module_History .content .main .block .pointPic:hover, .module_History .content .main .block .pointPic.hover {
            position: absolute;
            z-index: 101;
            background: url(images/history_pointUp.png); }
          .module_History .content .main .block .pointPic.point {
            position: absolute;
            display: block;
            background: url(images/history_pointSingle.png);
            width: 33px;
            height: 33px;
            bottom: 110px;
            left: 23px;
            cursor: default; }
            .module_History .content .main .block .pointPic.point:hover {
              background: url(images/history_pointSingle.png) !important; }
        .module_History .content .main .block .pointVideo:hover, .module_History .content .main .block .pointVideo.hover {
          background: url(images/history_pointVideo.png) !important; }
        .module_History .content .main .block .line {
          position: absolute;
          display: block;
          background: url(images/history_rod.png);
          width: 33px;
          height: 80px;
          bottom: 31px;
          left: 23px; }
        .module_History .content .main .block .pointText {
          position: absolute;
          line-height: 13px;
          font-size: 14px;
          font-family: Hella Light, Arial, Helvetica;
          left: 55px;
          top: 102px;
          white-space: normal;
          color: #6a7a86 !important;
          cursor: pointer;
          z-index: 100;
          padding-bottom: 2px; }
          .module_History .content .main .block .pointText p:first-child {
            position: absolute;
            line-height: 13px;
            font-size: 14px;
            font-family: Hella Light, Arial, Helvetica;
            left: 0px;
            white-space: normal;
            color: #6a7a86 !important;
            cursor: pointer;
            z-index: 100;
            padding-bottom: 2px;
            min-width: 150px; }
            .module_History .content .main .block .pointText p:first-child + p {
              position: absolute;
              top: 13px;
              line-height: 13px;
              font-size: 14px;
              font-family: Hella Light, Arial, Helvetica;
              left: 0px;
              white-space: normal;
              color: #6a7a86 !important;
              cursor: pointer;
              z-index: 100;
              padding-bottom: 2px;
              min-width: 150px; }
      .module_History .content .main .blockSecond {
        position: relative;
        top: 179px; }
      .module_History .content .main .blockFirst_6 .pointPic {
        bottom: 66px !important; }
      .module_History .content .main .blockSecond_6 .pointPic {
        bottom: 94px; }
      .module_History .content .main .blockThird_6 .pointPic {
        bottom: 122px; }
      .module_History .content .main .blockFourth_6 .pointPic {
        bottom: 150px; }
      .module_History .content .main .blockFifth_6 .pointPic {
        bottom: 178px; }
      .module_History .content .main .blockSixth_6 .pointPic {
        bottom: 206px; }
      .module_History .content .main .blockFirst_5 .pointPic {
        bottom: 66px; }
      .module_History .content .main .blockSecond_5 .pointPic {
        bottom: 100px; }
      .module_History .content .main .blockThird_5 .pointPic {
        bottom: 136px; }
      .module_History .content .main .blockFourth_5 .pointPic {
        bottom: 170px; }
      .module_History .content .main .blockFifth_5 .pointPic {
        bottom: 206px; }
      .module_History .content .main .blockFirst_4 .pointPic {
        bottom: 66px; }
      .module_History .content .main .blockSecond_4 .pointPic {
        bottom: 109px; }
      .module_History .content .main .blockThird_4 .pointPic {
        bottom: 156px; }
      .module_History .content .main .blockFourth_4 .pointPic {
        bottom: 206px; }
      .module_History .content .main .blockFirst_3 .pointPic {
        bottom: 66px; }
      .module_History .content .main .blockSecond_3 .pointPic {
        bottom: 136px; }
      .module_History .content .main .blockThird_3 .pointPic {
        bottom: 200px; }
      .module_History .content .main .blockFirst_2 .pointPic {
        bottom: 90px; }
      .module_History .content .main .blockSecond_2 .pointPic {
        bottom: 168px; }
      .module_History .content .main .blockFirst_1 .pointPic {
        bottom: 110px; }
      .module_History .content .main .blockFirst_6 .blockRedDot {
        position: absolute;
        bottom: 46px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSecond_6 .blockRedDot {
        position: absolute;
        bottom: 74px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockThird_6 .blockRedDot {
        position: absolute;
        bottom: 102px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFourth_6 .blockRedDot {
        position: absolute;
        bottom: 131px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFifth_6 .blockRedDot {
        position: absolute;
        bottom: 158px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSixth_6 .blockRedDot {
        position: absolute;
        bottom: 186px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFirst_5 .blockRedDot {
        position: absolute;
        bottom: 46px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSecond_5 .blockRedDot {
        position: absolute;
        bottom: 80px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockThird_5 .blockRedDot {
        position: absolute;
        bottom: 116px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFourth_5 .blockRedDot {
        position: absolute;
        bottom: 150px  !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFifth_5 .blockRedDot {
        position: absolute;
        bottom: 186px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFirst_4 .blockRedDot {
        position: absolute;
        bottom: 46px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSecond_4 .blockRedDot {
        position: absolute;
        bottom: 89px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockThird_4 .blockRedDot {
        position: absolute;
        bottom: 136px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFourth_4 .blockRedDot {
        position: absolute;
        bottom: 186px !important;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFirst_3 .blockRedDot {
        position: absolute;
        bottom: 26px;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSecond_3 .blockRedDot {
        position: absolute;
        bottom: 116px;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockThird_3 .blockRedDot {
        position: absolute;
        bottom: 180px;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockFirst_2 .blockRedDot {
        position: absolute;
        bottom: 70px;
        left: 39px;
        line-height: 14px; }
      .module_History .content .main .blockSecond_2 .blockRedDot {
        position: absolute;
        bottom: 148px;
        left: 39px;
        line-height: 14px; }
        .module_History .content .main .blockSecond_2 .blockRedDot .reddot {
          position: absolute; }
      .module_History .content .main .blockFirst_1 .blockRedDot {
        position: absolute;
        bottom: 90px;
        left: 39px;
        line-height: 14px; }
        .module_History .content .main .blockFirst_1 .blockRedDot .reddot {
          position: absolute; }
      .module_History .content .main .blockFirst_1 .line {
        height: 80px;
        bottom: 31px; }
      .module_History .content .main .blockFirst_2 .line {
        height: 59px;
        bottom: 31px; }
      .module_History .content .main .blockSecond_2 .line {
        height: 50px;
        bottom: 118px; }
      .module_History .content .main .blockFirst_3 .line {
        height: 35px; }
      .module_History .content .main .blockSecond_3 .line {
        height: 42px;
        bottom: 94px; }
      .module_History .content .main .blockThird_3 .line {
        height: 36px;
        bottom: 164px; }
      .module_History .content .main .blockFirst_4 .line, .module_History .content .main .blockFirst_5 .line, .module_History .content .main .blockFirst_6 .line {
        height: 35px;
        bottom: 31px; }
      .module_History .content .main .blockFourth_4 .line {
        height: 22px;
        bottom: 184px; }
      .module_History .content .main .blockThird_4 .line {
        height: 19px !important;
        bottom: 137px; }
      .module_History .content .main .blockSecond_4 .line {
        height: 16px;
        bottom: 94px; }
      .module_History .content .main .blockFifth_5 .line {
        height: 8px !important;
        bottom: 198px !important; }
      .module_History .content .main .blockFourth_5 .line {
        height: 6px !important;
        bottom: 164px !important; }
      .module_History .content .main .blockThird_5 .line {
        height: 8px !important;
        bottom: 128px !important; }
      .module_History .content .main .blockSecond_5 .line {
        height: 6px !important;
        bottom: 94px !important; }
      .module_History .content .main .blockSixth_6 .line, .module_History .content .main .blockFifth_6 .line, .module_History .content .main .blockFourth_6 .line,
      .module_History .content .main .blockThird_6 .line, .module_History .content .main .blockSecond_6 .line {
        height: 0px !important;
        bottom: 0px !important; }
      .module_History .content .main .blockFirst_1 .pointText {
        top: 102px; }
      .module_History .content .main .blockFirst_2 .pointText {
        top: 122px; }
      .module_History .content .main .blockSecond_2 .pointText {
        top: 43px; }
      .module_History .content .main .blockFirst_3 .pointText, .module_History .content .main .blockFirst_4 .pointText, .module_History .content .main .blockFirst_5 .pointText, .module_History .content .main .blockFirst_6 .pointText {
        top: 147px; }
      .module_History .content .main .blockSecond_3 .pointText {
        top: 76px; }
      .module_History .content .main .blockThird_3 .pointText {
        top: 13px; }
      .module_History .content .main .blockSecond_4 .pointText {
        top: 103px; }
      .module_History .content .main .blockThird_4 .pointText {
        top: 56px; }
      .module_History .content .main .blockFourth_4 .pointText {
        top: 5px; }
      .module_History .content .main .blockSecond_5 .pointText {
        top: 113px; }
      .module_History .content .main .blockThird_5 .pointText {
        top: 76px; }
      .module_History .content .main .blockFourth_5 .pointText {
        top: 42px; }
      .module_History .content .main .blockFifth_5 .pointText {
        top: 5px; }
      .module_History .content .main .blockSecond_6 .pointText {
        top: 117px; }
      .module_History .content .main .blockThird_6 .pointText {
        top: 88px; }
      .module_History .content .main .blockFourth_6 .pointText {
        top: 61px; }
      .module_History .content .main .blockFifth_6 .pointText {
        top: 33px; }
      .module_History .content .main .blockSixth_6 .pointText {
        top: 4px; }

@-moz-document url-prefix() {
  .module_History .content .main .block {
    height: 240px; }
    .module_History .content .main .block .pointText {
      position: absolute;
      font-size: 11px;
      height: 70px;
      left: 60px;
      top: 102px;
      white-space: normal;
      color: #6a7a86 !important; }
  .module_History .content .main .blockFirst_1 .pointText {
    top: 102px; }
  .module_History .content .main .blockFirst_2 .pointText {
    top: 121px; }
  .module_History .content .main .blockSecond_2 .pointText {
    top: 43px; }
  .module_History .content .main .blockFirst_3 .pointText, .module_History .content .main .blockFirst_4 .pointText, .module_History .content .main .blockFirst_5 .pointText, .module_History .content .main .blockFirst_6 .pointText {
    top: 148px; }
  .module_History .content .main .blockSecond_3 .pointText {
    top: 80px; }
  .module_History .content .main .blockThird_3 .pointText {
    top: 14px; }
  .module_History .content .main .blockSecond_4 .pointText {
    top: 102px; }
  .module_History .content .main .blockThird_4 .pointText {
    top: 55px; }
  .module_History .content .main .blockFourth_4 .pointText {
    top: 5px; }
  .module_History .content .main .blockSecond_5 .pointText {
    top: 110px; }
  .module_History .content .main .blockThird_5 .pointText {
    top: 74px; }
  .module_History .content .main .blockFourth_5 .pointText {
    top: 42px; }
  .module_History .content .main .blockFifth_5 .pointText {
    top: 5px; }
  .module_History .content .main .blockSecond_6 .pointText {
    top: 118px !important; }
  .module_History .content .main .blockThird_6 .pointText {
    top: 90px !important; }
  .module_History .content .main .blockFourth_6 .pointText {
    top: 62px !important; }
  .module_History .content .main .blockFifth_6 .pointText {
    top: 35px !important; }
  .module_History .content .main .blockSixth_6 .pointText {
    top: 5px !important; } }
    .module_History .content #product .pointPic {
      position: absolute;
      display: block;
      background: url(images/history_pointY.png);
      border: 0;
      width: 33px;
      height: 33px;
      bottom: 68px;
      left: 23px;
      -webkit-border-radius: 33px;
      -moz-border-radius: 33px;
      border-radius: 33px; }
      .module_History .content #product .pointPic:hover, .module_History .content #product .pointPic.hover {
        position: absolute;
        z-index: 101;
        background: url(images/history_pointUpY.png); }
    .module_History .content #product .pointVideo:hover, .module_History .content #product .pointVideo.hover {
      background: url(images/history_pointVideoY.png) !important; }
    .module_History .content #product .line {
      position: absolute;
      display: block;
      background: url(images/history_rodY.png);
      width: 33px;
      height: 80px;
      bottom: 31px;
      left: 23px; }
  .module_History .bottom {
    position: absolute;
    top: 267px;
    width: 892px;
    height: 22px;
    padding: 10px 3px 10px 10px;
    background: url(images/history_background.png); }
    .module_History .bottom input {
      margin: 0;
      padding: 0;
      float: left; }
    .module_History .bottom label {
      display: block;
      float: left;
      margin-right: 15px;
      margin-top: 4px;
      cursor: pointer;
      color: black;
      font: bold 17px Arial, Helvetica; }
    .module_History .bottom span.radio-container {
      position: relative;
      float: left;
      margin-right: 3px;
      width: 25px;
      height: 26px; }
      .module_History .bottom span.radio-container span.radio.dvl1 {
        display: block;
        width: 25px;
        height: 25px;
        background: url(images/history_radio.png) no-repeat 0px 0px; }
        .module_History .bottom span.radio-container span.radio.dvl1.selected {
          background-position: 0px -25px; }
      .module_History .bottom span.radio-container span.radio.dvl2 {
        display: block;
        width: 25px;
        height: 25px;
        background: url(images/history_radio.png) no-repeat 0px -51px; }
        .module_History .bottom span.radio-container span.radio.dvl2.selected {
          background-position: 0px -76px; }
      .module_History .bottom span.radio-container input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 101;
        cursor: pointer;
        width: 25px;
        height: 25px; }
  .module_History .popUp {
    display: none;
    width: 860px;
    height: 215px;
    white-space: normal;
    position: absolute;
    z-index: 900;
    background-color: white;
    padding: 25px 5px 5px 5px;
    left: 15px;
    top: -4px;
    border: 1px solid grey;
    -moz-box-shadow: 0 0 25px 5px #888;
    -webkit-box-shadow: 0 0 25px 5px #888;
    box-shadow: 0 0 25px 5px #888; }
    .module_History .popUp .closeWindow {
      position: absolute;
      background: url(images/history_backBtn.png) no-repeat;
      top: 3px;
      right: 4px;
      width: 84px;
      height: 33px;
      line-height: 20px;
      cursor: hand;
      font-size: 13px;
      text-transform: uppercase;
      color: black;
      font-weight: bold;
      padding-top: 5px;
      text-align: center; }
    .module_History .popUp .yearWindow {
      position: absolute;
      bottom: 10px;
      left: 6px; }
    .module_History .popUp .line {
      position: absolute;
      display: block;
      background: url(images/history_rod.png);
      width: 33px;
      height: 180px;
      bottom: 27px;
      left: 4px; }
    .module_History .popUp .pointPic {
      position: absolute;
      display: block;
      background: url(images/history_pointUp.png);
      border: 0;
      width: 33px;
      height: 33px;
      top: 5px;
      left: 4px;
      -webkit-border-radius: 33px;
      -moz-border-radius: 33px;
      border-radius: 33px; }
    .module_History .popUp .pointVideo {
      position: absolute;
      display: block;
      background: url(images/history_pointVideo.png);
      border: 0;
      width: 33px;
      height: 33px;
      top: 5px;
      left: 4px;
      -webkit-border-radius: 33px;
      -moz-border-radius: 33px;
      border-radius: 33px; }
    .module_History .popUp .popUpTitle {
      position: absolute;
      border-bottom: 1px solid grey;
      width: 84%;
      left: 40px;
      padding-left: 5px;
      top: 10px; }
    .module_History .popUp .popUpImg, .module_History .popUp .popUpMedia {
      float: left;
      top: 16px;
      width: 230px;
      height: 200px;
      margin-left: 35px;
      padding-right: 10px;
      overflow: hidden;
      position: relative; }
      .module_History .popUp .popUpImg.popUpVideo, .module_History .popUp .popUpMedia.popUpVideo {
        cursor: pointer; }
      .module_History .popUp .popUpImg .play, .module_History .popUp .popUpMedia .play {
        display: block;
        height: 100px;
        left: 53px;
        position: absolute;
        top: 30px;
        width: 100px;
        background: url(images/history_play.png); }
    .module_History .popUp .popUpText {
      float: left;
      padding: 20px 5px 10px 10px;
      width: 570px;
      height: 185px; }

html.lt-ie8 .module_History .ieRadioPosition {
  margin-top: -17px; }

html.lt-ie8 .module_History .ieLabel {
  position: relative;
  top: -14px; }

html.lt-ie8 .module_History .year {
  position: relative;
  z-index: 5;
  bottom: -18px;
  left: -44px; }

html.lt-ie8 .module_History .bottom span.radio-container span.radio {
  display: inline-block; }

html.ie9 .module_History .ieRadioPosition {
  margin-top: 0px;
  top: -16px !important; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/Locations/locations.scss
++ 2016-11-11 12:48 [316098e] Vojtech Schwarz - Add new module Locations
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_Locations {
  font: Arial, Helvetica; }
  .module_Locations .map {
    width: 912px;
    height: 484px;
    position: relative;
    top: 0px;
    left: 0px;
    color: #6a7a86; }
    .module_Locations .map img {
      width: 100%; }
    .module_Locations .map .mapText {
      position: absolute; }
      .module_Locations .map .mapText.leftTop {
        top: 124px;
        left: 10px; }
        .module_Locations .map .mapText.leftTop .number {
          font-size: 62px;
          display: block; }
        .module_Locations .map .mapText.leftTop .text {
          font-size: 13px;
          width: 150px;
          display: block; }
      .module_Locations .map .mapText.leftBot {
        bottom: 35px;
        left: 10px; }
        .module_Locations .map .mapText.leftBot .number {
          font-size: 62px;
          display: inline-block;
          vertical-align: top; }
        .module_Locations .map .mapText.leftBot .text {
          font-size: 13px;
          width: 150px;
          display: inline-block; }
      .module_Locations .map .mapText.rightTop {
        top: 10px;
        left: 571px; }
        .module_Locations .map .mapText.rightTop .number {
          font-size: 27px;
          display: inline-block;
          vertical-align: top; }
        .module_Locations .map .mapText.rightTop .text {
          font-size: 13px;
          width: 180px;
          display: inline-block; }
      .module_Locations .map .mapText.rightMid {
        left: 781px;
        top: 135px; }
        .module_Locations .map .mapText.rightMid .number {
          font-size: 62px;
          display: block; }
        .module_Locations .map .mapText.rightMid .text {
          font-size: 13px;
          width: 130px; }
      .module_Locations .map .mapText.rightBot {
        left: 547px;
        bottom: 0px; }
        .module_Locations .map .mapText.rightBot .number {
          font-size: 27px;
          display: block; }
        .module_Locations .map .mapText.rightBot .text {
          font-size: 13px;
          width: 230px;
          display: block; }
  .module_Locations .navigation {
    width: 100%;
    height: 50px;
    font-size: 20px;
    position: relative;
    top: 0px; }
    .module_Locations .navigation .selection {
      display: inline-block;
      height: 30px;
      line-height: 32px;
      background-color: #D3D6DB;
      padding: 0px 0px 0px 10px;
      position: relative;
      top: 9px; }
      .module_Locations .navigation .selection .select {
        position: relative;
        height: 30px;
        width: 288px;
        font-size: 20px;
        color: #000000;
        text-transform: uppercase;
        display: inline-block;
        cursor: pointer; }
        .module_Locations .navigation .selection .select:first-child, .module_Locations .navigation .selection .select:first-child + .select {
          border-right: 3px solid #ffffff; }
        .module_Locations .navigation .selection .select.active {
          background: #D3D6DB;
          background: -moz-linear-gradient(left, #D3D6DB 0%, #D3D6DB 78%, #D3D6DB 78%, #D3D6DB 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, #D3D6DB), color-stop(78%, #D3D6DB), color-stop(78%, #D3D6DB), color-stop(100%, #D3D6DB));
          background: -webkit-linear-gradient(left, #D3D6DB 0%, #D3D6DB 78%, #D3D6DB 78%, #D3D6DB 100%);
          background: -o-linear-gradient(left, #D3D6DB 0%, #D3D6DB 78%, #000000 78%, #D3D6DB 100%);
          background: -ms-linear-gradient(left, #D3D6DB 0%, #D3D6DB 78%, #000000 78%, #D3D6DB 100%);
          background: linear-gradient(to right, #D3D6DB 0%, #D3D6DB 78%, #D3D6DB 78%, #D3D6DB 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D6DB', endColorstr='#D3D6DB',GradientType=1 ); }
          .module_Locations .navigation .selection .select.active:after {
            border-color: #000000 transparent;
            border-width: 6px 6px 0 6px;
            margin-top: -3px; }
          .module_Locations .navigation .selection .select.active .dropdown {
            opacity: 1;
            pointer-events: auto;
            font-size: 14px;
            display: block;
            border: 1px solid #D3D6DB;
            width: 153px;
            top: 29px; }
        .module_Locations .navigation .selection .select::after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: 7px;
          top: 50%;
          margin-top: -6px;
          border-width: 6px 0 6px 6px;
          border-style: solid;
          border-color: transparent #000000; }
        .module_Locations .navigation .selection .select.city.active .dropdown {
          height: 170px;
          width: 291px;
          overflow-y: auto;
          position: absolute;
          z-index: 100; }
        .module_Locations .navigation .selection .select.country.active .dropdown {
          height: 170px;
          width: 190px;
          overflow-y: auto;
          position: absolute;
          z-index: 100; }
        .module_Locations .navigation .selection .select .dropdown {
          display: none;
          position: absolute;
          left: 0;
          left: -5px;
          background: #ffffff;
          list-style: none;
          font-weight: normal;
          opacity: 0;
          pointer-events: none; }
          .module_Locations .navigation .selection .select .dropdown li span {
            display: block;
            text-decoration: none;
            color: #000000;
            padding: 5px 10px;
            text-transform: uppercase;
            line-height: 16px; }
            .module_Locations .navigation .selection .select .dropdown li span.default {
              color: #6a7a86; }
              .module_Locations .navigation .selection .select .dropdown li span.default:hover {
                color: #000000; }
            .module_Locations .navigation .selection .select .dropdown li span:hover {
              background: #D3D6DB; }
        .module_Locations .navigation .selection .select span.name {
          width: 268px;
          font-size: 15px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block; }
  .module_Locations .list {
    min-height: 150px; }
    .module_Locations .list .loading {
      display: none; }
    .module_Locations .list .loadingImg {
      display: inline-block;
      background: url("images/locations_loading.gif");
      vertical-align: middle;
      width: 48px;
      height: 48px; }
    .module_Locations .list .locationList {
      width: 902px; }
      .module_Locations .list .locationList .continent {
        display: none;
        clear: both; }
        .module_Locations .list .locationList .continent .name {
          font: bold 0.867em Arial, Helvetica;
          color: #6a7a86;
          padding: 6px 0px 5px 11px;
          text-transform: uppercase;
          border-bottom: 1px solid #6a7a86; }
        .module_Locations .list .locationList .continent .countries {
          padding: 10px 0px 10px 15px;
          max-height: 130px; }
          .module_Locations .list .locationList .continent .countries .column {
            width: 25%;
            display: inline-block;
            float: left;
            padding-bottom: 20px; }
            .module_Locations .list .locationList .continent .countries .column .country {
              font-size: 13px;
              cursor: pointer;
              line-height: 17px;
              text-transform: uppercase; }
              .module_Locations .list .locationList .continent .countries .column .country.selected {
                color: #0069B4; }
              .module_Locations .list .locationList .continent .countries .column .country:hover {
                color: #0069B4; }
        .module_Locations .list .locationList .continent .cities {
          position: relative;
          top: 5px;
          right: 10px;
          float: right;
          border: 2px solid #D3D6DB;
          width: 500px;
          min-height: 18px;
          padding: 5px; }
          .module_Locations .list .locationList .continent .cities .city {
            padding-bottom: 3px; }
  .module_Locations .popUp {
    display: none;
    position: fixed;
    width: 950px;
    max-height: 650px;
    background: #ffffff;
    top: 50%;
    left: 50%;
    margin-left: -475px;
    margin-top: -200px;
    /*-325px;*/
    border: 1px solid grey;
    -moz-box-shadow: 0 0 25px 5px #888;
    -webkit-box-shadow: 0 0 25px 5px #888;
    box-shadow: 0 0 25px 5px #888;
    overflow: hidden;
    z-index: 10001; }
    .module_Locations .popUp .close {
      top: 0px;
      position: absolute;
      right: 0px;
      border-left: 3px solid #ffffff; }
      .module_Locations .popUp .close .closeBtn {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        background: #D3D6DB;
        color: #ffffff;
        line-height: 30px; }
        .module_Locations .popUp .close .closeBtn:hover {
          color: #0069B4; }
    .module_Locations .popUp .headline {
      display: inline-block;
      text-transform: uppercase;
      background: #D3D6DB;
      height: 30px;
      width: 100%;
      color: #000000;
      line-height: 30px;
      padding-left: 10px;
      cursor: default; }
    .module_Locations .popUp .scrollbar-frame {
      width: 100%;
      position: absolute;
      left: 0px;
      margin-top: 5px; }
    .module_Locations .popUp .scrollbar {
      position: absolute;
      z-index: 100;
      background: #BEBFC1;
      cursor: ns-resize;
      top: 0;
      right: -10px;
      width: 10px;
      height: 60px;
      opacity: 0.3;
      -ms-user-select: none; }
    .module_Locations .popUp .scrollbarArrowUp {
      background: url(images/locations_arrows.png);
      width: 10px;
      height: 7px;
      display: inline-block;
      position: absolute;
      z-index: 100;
      right: 0px;
      top: -9px; }
    .module_Locations .popUp .scrollbarArrowDown {
      background: url(images/locations_arrows.png) 0px -7px;
      width: 10px;
      height: 7px;
      display: inline-block;
      position: absolute;
      z-index: 100;
      right: 0px;
      top: 62px; }
    .module_Locations .popUp .popUpContent {
      position: relative;
      overflow: hidden;
      overflow-y: auto;
      max-height: 615px;
      width: 951px; }
      .module_Locations .popUp .popUpContent .city {
        width: 930px;
        margin: 5px 0px 0px 10px; }
        .module_Locations .popUp .popUpContent .city.last {
          padding-bottom: 20px; }
        .module_Locations .popUp .popUpContent .city .name {
          font: bold 0.867em Arial, Helvetica;
          height: 23px;
          text-transform: uppercase;
          line-height: 23px;
          color: #000000;
          border-bottom: 1px solid #6a7a86;
          cursor: pointer;
          background: white url("images/right-bgr-new.gif") right no-repeat; }
          .module_Locations .popUp .popUpContent .city .name.active {
            background: white url("images/down-hover-new.gif") right no-repeat; }
        .module_Locations .popUp .popUpContent .city .content {
          display: none;
          padding: 0px 0px 10px 10px; }
          .module_Locations .popUp .popUpContent .city .content.active {
            display: block; }
          .module_Locations .popUp .popUpContent .city .content .item {
            border-bottom: 1px solid #D0D0D0;
            padding: 5px 0px 10px 0px; }
            .module_Locations .popUp .popUpContent .city .content .item .companyName {
              width: 180px;
              display: inline-block;
              font-family: Arial, Helvetica;
              /*font-family: Hella Light, Arial, Helvetica;*/
              font-size: 13px;
              padding-right: 5px;
              float: left; }
            .module_Locations .popUp .popUpContent .city .content .item .address {
              display: inline-block;
              width: 170px;
              padding-left: 5px;
              border-left: 1px solid #6a7a86;
              float: left; }
              .module_Locations .popUp .popUpContent .city .content .item .address .itemHeadline {
                font-size: 12px;
                color: #6a7a86;
                display: block;
                padding: 0px 0px 5px 0px; }
              .module_Locations .popUp .popUpContent .city .content .item .address p {
                font-size: 12px; }
              .module_Locations .popUp .popUpContent .city .content .item .address .location {
                font-size: 12px;
                padding: 0px 5px 0px 5px;
                display: block; }
            .module_Locations .popUp .popUpContent .city .content .item .contact {
              display: inline-block;
              width: 174px;
              text-align: center;
              float: left;
              padding-left: 10px; }
              .module_Locations .popUp .popUpContent .city .content .item .contact .itemHeadline {
                font-size: 12px;
                color: #6a7a86;
                display: block;
                text-align: left;
                padding: 0px 0px 5px 0px; }
              .module_Locations .popUp .popUpContent .city .content .item .contact .phone, .module_Locations .popUp .popUpContent .city .content .item .contact .fax {
                text-align: left;
                display: block;
                font-size: 12px; }
            .module_Locations .popUp .popUpContent .city .content .item .links {
              display: inline-block;
              width: 220px;
              float: left;
              padding-top: 18px; }
              .module_Locations .popUp .popUpContent .city .content .item .links .email, .module_Locations .popUp .popUpContent .city .content .item .links .website {
                display: block;
                color: #0069B4;
                font-size: 12px; }
                .module_Locations .popUp .popUpContent .city .content .item .links .email .mailto, .module_Locations .popUp .popUpContent .city .content .item .links .website .mailto {
                  display: block; }
            .module_Locations .popUp .popUpContent .city .content .item .planner {
              display: inline-block;
              width: 112px;
              float: left;
              padding-top: 25px; }
              .module_Locations .popUp .popUpContent .city .content .item .planner .routePlanner {
                font-size: 13px;
                width: 150px;
                height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                color: #ffffff;
                background: #0069B4 url("images/locations_openTab.png") 125px no-repeat; }
          .module_Locations .popUp .popUpContent .city .content .info {
            width: 400px;
            display: inline-block;
            padding-left: 5px; }
            .module_Locations .popUp .popUpContent .city .content .info.company {
              display: block;
              width: 100%;
              padding: 5px 0px 5px 0px; }
            .module_Locations .popUp .popUpContent .city .content .info.email {
              color: #0069B4; }
            .module_Locations .popUp .popUpContent .city .content .info.web {
              float: right;
              position: relative;
              right: 0px;
              width: 150px;
              height: 30px;
              background: #D3D6DB;
              color: #ffffff;
              text-align: center;
              line-height: 30px; }
              .module_Locations .popUp .popUpContent .city .content .info.web:hover {
                color: #0069B4; }
          .module_Locations .popUp .popUpContent .city .content .break {
            display: block;
            height: 20px; }

html.ie8 .module_Locations .select .ieArrow {
  background: url("images/locations_ieArrow.png") no-repeat;
  width: 7px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: 3px; }

html.ie8 .module_Locations .select.active .ieArrowActive {
  background: url("images/locations_ieArrow.png") -6px -6px no-repeat;
  width: 14px;
  height: 7px;
  top: 13px;
  right: 3px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/MapOfDistributors/mapOfDistributors.scss
++ 2018-09-19 10:35 [8322137] Stanislav Šincl - New module MapOfDistributors for public websites.
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_MapOfDistributors {
  padding-bottom: 50px; }
  .module_MapOfDistributors #mapWrapper {
    height: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/PrivacyNotices/privacyNotices.scss
++ 2018-07-31 11:05 [9238932] Stanislav Šincl - Add Privacy Notices module for public websites.
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_PrivacyNotices h1 {
  text-align: center; }

.module_PrivacyNotices .centerContent {
  display: table;
  margin-left: auto;
  margin-right: auto; }
  .module_PrivacyNotices .centerContent button {
    background: #0069B4;
    color: #ffffff;
    font-family: Arial, Helvetica;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 2px; }
  .module_PrivacyNotices .centerContent select {
    margin-right: 2px; }
  .module_PrivacyNotices .centerContent select, .module_PrivacyNotices .centerContent button {
    padding: 10px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ContentModules/Slidetool/slidetool.scss
++ 2016-11-02 10:11 [93b588a] Jan Klimes - Fix public Slidetool autoplay feature and bullet color
++ 2016-11-02 07:41 [6531245] Jan Klimes - Migrated and refactored module Slidetool to Public websites
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module_Slidetool {
  position: relative;
  width: 100%;
  /* if (TYPE_CMS) */
  /* end if (TYPE_CMS) */ }
  .module_Slidetool .screen {
    position: relative; }
  .module_Slidetool .slides {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden; }
  .module_Slidetool .slideWrap {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 300px;
    background: black; }
  .module_Slidetool .slide {
    width: 100%; }
  .module_Slidetool .reddotMenu {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #ddd; }
  .module_Slidetool .clear {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden; }
  .module_Slidetool .dots {
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .module_Slidetool .dot {
    background: none repeat scroll 0 0 white;
    border: 0.2em solid white;
    border-radius: 1em 1em 1em 1em;
    cursor: pointer;
    float: left;
    height: 1em;
    margin-left: 0.5em;
    opacity: 0.8;
    width: 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888'); }
    .module_Slidetool .dot:hover {
      background: none repeat scroll 0 0 #0069B4; }
    .module_Slidetool .dot.current {
      background: none repeat scroll 0 0 transparent; }

/*
**
**============================================= NEW FILE =======================================================
**
** @link ContentClass/ContentModule/VideoPlayer
--
++ GIT: 0_shared/module/ContentModules/VideoCloud/videoCloud.scss
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-05-24 12:51 [4db8d74] Jan Kondler - Fix position of title in popup window with Video Cloud
++ 2016-03-17 10:45 [58d6c68] Jan Kondler - Add default shared resources (ready for productive environment)
*/
.module_VideoCloud {
  margin-bottom: 22px;
  /* if (TYPE_CMS) */
  /* end if (TYPE_CMS) */
  /** 
     * extras/extension for VideoPlayer
     * can be wrapped by .ext_VideoPlayer_Popup in parental module
     */ }
  .module_VideoCloud .title, .module_VideoCloud .description {
    display: none; }
  .module_VideoCloud iframe {
    position: relative;
    z-index: 1; }
  .module_VideoCloud .reddotPanel {
    position: relative;
    font-size: 10px; }
    .module_VideoCloud .reddotPanel .value {
      color: #622; }
  .ext_VideoCloud_Popup .module_VideoCloud, .module_VideoCloud.ext_VideoCloud_Popup {
    margin-bottom: 0px;
    /* skipped (not TYPE_CMS) */
    /* if (TYPE_CMS) */
    /* end if (TYPE_CMS) */ }
    .ext_VideoCloud_Popup .module_VideoCloud iframe, .module_VideoCloud.ext_VideoCloud_Popup iframe {
      display: none; }
    .ext_VideoCloud_Popup .module_VideoCloud .videoFrame, .module_VideoCloud.ext_VideoCloud_Popup .videoFrame {
      display: none; }

/* jQuery UI dialog window */
.ui_VideoCloud {
  border: 0px important;
  position: absolute; }
  .ui_VideoCloud .ui-dialog-title {
    position: relative;
    left: 10px;
    top: 4px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: bold; }
  .ui_VideoCloud .ui-dialog-titlebar {
    height: 30px;
    background: black;
    border-radius: 0 0 0 0;
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    filter: alpha(opacity=70); }
  .ui_VideoCloud .ui-icon-closethick {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    padding-right: 18px;
    background: url("images/videocloud_close.png") right center no-repeat;
    cursor: pointer; }
  .ui_VideoCloud .ui-icon-closethick:hover {
    color: #FEC700; }
  .ui_VideoCloud .ui-dialog {
    border: 0px; }
  .ui_VideoCloud .ui-dialog-titlebar {
    border: 0px; }
  .ui_VideoCloud .ui-dialog-content {
    border: 0px; }
  .ui_VideoCloud .ui-widget-content {
    border: 0px; }

/*
**
**============================================= NEW FILE =======================================================
**
** @author Jan Kondler
** @link ContentClass/ContentModule/VideoPlayer
--
++ GIT: 0_shared/module/ContentModules/VideoPlayer/videoPlayer.scss
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-03-17 10:45 [58d6c68] Jan Kondler - Add default shared resources (ready for productive environment)
*/
.module_VideoPlayer {
  margin-bottom: 22px;
  /* if (TYPE_CMS) */
  /* end if (TYPE_CMS) */
  /**
     * extras/extension for VideoPlayer
     * can be wrapped by .ext_VideoPlayer_Popup in parental module
     */ }
  .module_VideoPlayer .title, .module_VideoPlayer .description {
    display: none; }
  .module_VideoPlayer .reddotPanel {
    position: relative;
    font-size: 10px; }
    .module_VideoPlayer .reddotPanel .value {
      color: #622; }
  .module_VideoPlayer .modVpPlaceholder {
    position: relative;
    background: black no-repeat center center; }
  .module_VideoPlayer .modVpBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    background: no-repeat center center; }
  .module_VideoPlayer .modVpPlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url("images/videoplayer_play.png") no-repeat center center; }
  .ext_VideoPlayer_Popup .module_VideoPlayer, .module_VideoPlayer.ext_VideoPlayer_Popup,
  .modVideoplayerPopup .module_VideoPlayer, .module_VideoPlayer.popupMode {
    margin-bottom: 0px;
    /* skipped (not TYPE_CMS) */
    /* if (TYPE_CMS) */
    /* end if (TYPE_CMS) */ }
    .ext_VideoPlayer_Popup .module_VideoPlayer video, .module_VideoPlayer.ext_VideoPlayer_Popup video,
    .modVideoplayerPopup .module_VideoPlayer video, .module_VideoPlayer.popupMode video {
      display: none; }
    .ext_VideoPlayer_Popup .module_VideoPlayer .modVpPlaceholder, .module_VideoPlayer.ext_VideoPlayer_Popup .modVpPlaceholder,
    .modVideoplayerPopup .module_VideoPlayer .modVpPlaceholder, .module_VideoPlayer.popupMode .modVpPlaceholder {
      display: none; }

/* jQuery UI dialog window */
.ui_VideoPlayer {
  border: 0px !important;
  position: absolute; }
  .ui_VideoPlayer .ui-dialog-title {
    position: relative;
    left: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: bold; }
  .ui_VideoPlayer .ui-dialog-titlebar {
    height: 30px;
    background: black;
    border-radius: 0 0 0 0;
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    filter: alpha(opacity=70); }
  .ui_VideoPlayer .ui-icon-closethick {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 14px;
    line-height: 14px;
    color: white;
    padding-right: 18px;
    background: url("images/videoplayer_close.png") right center no-repeat;
    cursor: pointer; }
  .ui_VideoPlayer .ui-icon-closethick:hover {
    color: #FEC700; }
  .ui_VideoPlayer .ui-dialog {
    border: 0px; }
  .ui_VideoPlayer .ui-dialog-titlebar {
    border: 0px; }
  .ui_VideoPlayer .ui-dialog-content {
    border: 0px; }
  .ui_VideoPlayer .ui-widget-content {
    border: 0px; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/ToolboxModules/TeaserWithTextAndVideo/teaserWithTextAndVideo.scss
++ 2016-07-26 13:46 [d29e8d8] Jan Kondler - Fix image size in TeaserWithTextAndVideo
++ 2016-06-03 09:34 [544ffae] Jan Kondler - Fix possibility to edit video in CMS in module Teaser with Text and Video
++ 2016-06-02 10:05 [d041b48] Jan Kondler - Add completely new version of reworked module TeaserWithTextAndVideo
*/
.module_TeaserWithTextAndVideo {
  margin-bottom: 0.65em;
  /* skipped (not TYPE_CMS) */ }
  .module_TeaserWithTextAndVideo .text {
    margin-bottom: 0.65em; }
    .module_TeaserWithTextAndVideo .text p {
      margin-bottom: 0; }
  .module_TeaserWithTextAndVideo .image {
    position: relative;
    float: right;
    width: 160px;
    height: 84px;
    margin-left: 10px;
    overflow: hidden; }
    .module_TeaserWithTextAndVideo .image .hover, .module_TeaserWithTextAndVideo .image img {
      position: absolute;
      left: 0;
      top: 0;
      width: 160px; }
    .module_TeaserWithTextAndVideo .image img {
      z-index: 1; }
    .module_TeaserWithTextAndVideo .image .hover {
      z-index: 2;
      width: 100%;
      height: 100%;
      background: url("images/teaserWithTextAndVideo_play.png") center center no-repeat;
      cursor: pointer;
      visibility: hidden; }
    .module_TeaserWithTextAndVideo .image:hover .hover {
      visibility: visible; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/_common/fonts.scss
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
@font-face {
  font-family: 'Hella Regular';
  src: url("fonts/helladinuniversal-regular-web.eot");
  src: url("fonts/helladinuniversal-regular-web.eot?#iefix") format("embedded-opentype"), url("fonts/helladinuniversal-regular-web.woff") format("woff"), url("fonts/helladinuniversal-regular-web.ttf") format("truetype"), url("fonts/helladinuniversal-regular-web.svg#hella_din_universalregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Hella Light';
  src: url("fonts/helladinuniversal-light-web.eot");
  src: url("fonts/helladinuniversal-light-web.eot?#iefix") format("embedded-opentype"), url("fonts/helladinuniversal-light-web.woff") format("woff"), url("fonts/helladinuniversal-light-web.ttf") format("truetype"), url("fonts/helladinuniversal-light-web.svg#hella_din_universallight") format("svg");
  font-weight: normal;
  font-style: normal; }

.regular {
  font-family: 'Hella Regular'; }

.light {
  font-family: 'Hella Light'; }

/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/_common/general.scss
++ 2016-06-14 12:39 [a1d402c] Jan Kondler - Fix colors for general styles
++ 2016-06-13 10:14 [e918e80] Jan Kondler - Fix colors for general styles
++ 2016-06-02 13:08 [9361db8] Jan Kondler - Remove default font-size for style .module due to problem with module on empty page
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
.module {
  font-weight: normal;
  color: #6a7a86;
  /*
    font-size: 0.867em;
    line-height: 1.231em;
    */ }

.text_Common {
  font-weight: normal;
  color: #6a7a86;
  font-size: 0.867em;
  line-height: 1.231em;
  margin-bottom: 1.7em;
  font: Arial,Helvetica; }
  .text_Common a {
    color: #0069B4; }
  .text_Common h1 {
    color: #6a7a86;
    display: block;
    font: normal 1.538em/1.1em Hella Regular,Arial,Helvetica;
    margin-bottom: 1em;
    text-transform: uppercase;
    vertical-align: top; }

.table_Imprint table, table.table_Imprint {
  border-spacing: 0; }

.table_Imprint tr, .table_Imprint td {
  color: #6a7a86;
  border-bottom: 1px dotted #6a7a86;
  margin: 0 0 1.538em;
  padding: 4px 0.95em 4px 0em; }

.part_Topic {
  font: bold 0.867em Arial, Helvetica;
  border-bottom: 1px solid #6a7a86;
  color: #6a7a86;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both; }

/** 
 * clearfix = better .clear
 * @link https://perishablepress.com/new-clearfix-hack/ 
 */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html.ie6 .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html.ie7 .clearfix {
  zoom: 1; }

/* IE7 **
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/_main/main.cms.scss
++ 2016-11-30 13:28 [1a24e50] Zdenek Klug - Add CSS for Press Project - hidding lang. option list
++ 2016-11-02 10:14 [4d13d36] Jan Klimes - Fix naviModule's top margin for uniTabs for public websites
++ 2016-09-06 10:28 [ebaa09d] Zdenek Klug - Add Traktor module JS, CSS
++ 2016-08-23 10:30 [00a033d] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2016-08-23 10:29 [fb6d784] Zdenek Klug - Fix CSS for Press news in klaptool
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-05-19 13:55 [9fd919c] Vojtech Schwarz - Update klapptool for HELLA in Motion and Empty Page
++ 2016-05-11 12:55 [fd4798b] Zdenek Klug - Fix styles for Press filter
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
**
** if (TYPE_CMS) */
/* 
          1) Initialization
          2) Logo, Search and Logins
          3) Navigation
          4) Content
          5) Toolbox
          6) Footer
          7) SiteMap
          8) Popup
          9) Form modules
    */
/************************************ Reset ***********************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  font-family: Arial, Helvetica; }

/************************************ RedDot settings ***********************************/
#container div.slideshow .reddot img {
  width: 16px;
  height: 16px;
  padding: 0;
  padding-left: 4px;
  border: 0;
  background-color: white;
  background-image: none;
  float: left; }

#container div.slideshow span.reddot {
  text-align: left; }

.reddot a, .reddot a img, .reddot img {
  width: 16px;
  height: 16px; }

.reddot {
  clear: both;
  color: #ff0000;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: block;
  border: 0;
  font-size: 15px;
  font-weight: normal;
  font-family: Arial,Helvetica,Verdana,sans-serif; }

.reddot-headline {
  color: #ff0000;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: block; }

#reddot-meta {
  margin: 0;
  padding: 10px;
  border: 1px dashed #ff0000; }

.reddot-meta img {
  float: none;
  margin-right: 0; }

.reddot, li span.reddot a {
  color: #ff0000;
  padding: 0;
  margin: 0; }

.reddot img, div#container div#content .content-modul .reddot img, div#container div#toolbox .content-modul .reddot img, .gallery-images-toolbox .gallery-innerimages-toolbox .reddot img {
  margin: 0;
  width: 16px;
  height: 16px;
  padding-left: 4px;
  float: none; }

.reddot .assetsModule {
  display: inline; }

.reddot .status.Released {
  background-color: green;
  color: #FFF; }

.reddot .status.CheckedOut {
  background-color: red;
  color: #FFF; }

.reddot .status.WaitingForRelease {
  background-color: orange;
  color: #FFF; }

/********************************** 1) Initialization *****************************/
.blind {
  display: none; }

*:link, *:visited {
  color: #E49A00;
  text-decoration: none; }

img, ul, ol, li, p, form, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 1em;
  font-weight: normal; }

h2 {
  color: #6A7A86;
  font-size: 1em;
  font-weight: normal; }

#box {
  background: #fff url("images/background3.jpg") top left repeat-x; }

#container, #reddot-mp, #reddot-meta {
  width: 66.4em;
  margin: 0 auto; }

#container {
  padding-top: 4.163em;
  font-family: Arial, Helvetica;
  font-weight: bold;
  font-size: 0.938em;
  position: relative; }

#container img {
  border: 0px; }

#middle {
  float: left;
  background-color: #FFFFFF;
  width: 60.8em;
  padding-left: 3.733em;
  padding-right: 1.867em; }

.clear {
  clear: both; }

.clear-home {
  clear: both;
  margin-bottom: 1.12em; }

.ending {
  height: 3.437em; }

.left {
  float: left; }

.right {
  float: right; }

#left-side-modules .table h1, #left-side-modules .table h2 {
  padding-bottom: 1em;
  font-size: 1.333em; }

.table {
  font-weight: normal; }

.table table {
  font-size: 0.867em;
  width: 41.077em;
  border-collapse: collapse; }

/* .table p table{font-size: 1em;}  */
.table tr, .table td {
  padding-top: 0.385em;
  padding-right: 0.95em;
  border-bottom-color: #555;
  border-bottom: 1px dotted;
  margin-bottom: 1.538em; }

.table .line-1 td {
  color: #999;
  padding-top: 0.769em;
  border-bottom: 1px solid #999;
  font-family: Arial, Helvetica;
  font-size: 1em;
  color: #6A7A86; }

.table .line-2 td {
  padding-top: 0.769em; }

.table a, .table a:hover, .table a.active {
  color: #E49A00;
  text-decoration: none; }

a img {
  border: 0px; }

.uniPagesModule .page {
  display: none; }

.uniPagesModule .contImg {
  margin-bottom: 2.133em;
  height: 21.333em; }

.singleModuleSlide .table table {
  font-size: 1em; }

/****************************** 2) Logo, Search and Logins ***************************************************/
#logo {
  position: absolute;
  top: 0em;
  /*left: 3.6em; */
  left: 1.867em; }

#logo img {
  /* width: 11.567em;
      height: 13.067em; */
  height: 196px;
  width: 205px;
  border: 0px; }

#logo span {
  position: absolute;
  top: 15em;
  left: 1.2em;
  font-size: 0.733em;
  color: #000; }

#search {
  position: absolute;
  top: 13.488em;
  /* left: 3.6em; */
  left: 1.867em;
  /*width: 11.567em; */
  width: 205px;
  height: 1.95em;
  background: url("images/layout_v2.gif") no-repeat scroll 0 -347px transparent; }

#search input {
  position: absolute;
  top: .35em;
  left: .8em;
  background: transparent;
  /* width: 9.2em; */
  width: 12em;
  color: #000;
  border: 0;
  font-variant: italic; }

#search a {
  position: absolute;
  top: 0.4em;
  right: 0.3em;
  color: #000;
  text-decoration: none;
  width: 1.385em;
  height: 1.385em;
  background: transparent url("images/right-bgr-search-new.gif") top left no-repeat; }

/*
    #search a:hover { 
          background: transparent url('images/right-hover-search-new.gif') top left no-repeat;
        }

    */
#login {
  position: absolute;
  top: 2.231em;
  left: 66.66em;
  font-size: 0.867em;
  font-weight: normal; }

#login a {
  text-decoration: none;
  color: #000; }

#login a:hover, #login a.active {
  color: #E49A00;
  /* text-decoration: underline; */ }

#login ul {
  list-style-type: none; }

#login li {
  background-image: url("images/login_sign.JPG");
  background-position: 100% 20%;
  background-repeat: no-repeat;
  padding-right: 0.769em;
  padding-left: 0.5em;
  padding-bottom: 1.154em;
  float: left; }

#login .no-bg-image {
  background-image: none; }

#login .main-language {
  background-image: none; }

.otherLoginsFrame, .otherLanguageFrame {
  display: none;
  background: #fff;
  /* url('images/language-menu.png') left bottom no-repeat;*/
  left: -6.308em;
  margin-top: 4em !important;
  padding-bottom: 1.65em;
  padding-left: 1.846em;
  padding-right: 1.846em;
  position: absolute;
  top: -1.462em;
  width: 12.5em; }

.otherLoginsFrame .topic, .otherLanguageFrame .topic {
  padding-top: 1.8em;
  background-image: url("images/main-login-arrow.png");
  background-position: 50% 0% !important;
  background-repeat: no-repeat; }

.otherLanguageFrame .topic {
  background-position: 85% 0% !important; }

#login .otherLoginsFrame li, #login .otherLanguageFrame li {
  background-image: none;
  padding-left: 1em;
  clear: both;
  width: 12.308em;
  padding-bottom: 0; }

.main-login a.active {
  color: #E49A00; }

#login .topic {
  height: 2.1em;
  font-family: Arial, Helvetica;
  font-size: 0.846em;
  border-bottom: 1px solid #6A7A86;
  color: #000;
  margin-bottom: 0.6em; }

#login .topic .topicContent {
  margin-left: 1em; }

.loginPage input.submit {
  background: none repeat scroll 0 0 #E49A00;
  border: 0 none;
  color: white;
  cursor: pointer;
  font-family: Arial,Helvetica;
  padding: 0.133em 0.933em;
  text-transform: uppercase;
  margin-top: 0.5em; }

/************************************ 3) Navigation ***********************************************************/
#mainNavigation {
  position: absolute;
  width: 66.4em;
  top: 1.867em;
  left: 0;
  height: 2.5em; }

#mainNavigation li {
  float: left;
  padding-right: 1.782em; }

#mainNavigation .level1 li {
  padding-bottom: 1em;
  white-space: nowrap; }

#mainNavigation ul {
  list-style-type: none; }

#mainNavigation a {
  color: #000;
  text-decoration: none; }

#mainNavigation .active {
  text-decoration: none;
  color: #E49A00; }

.level1 {
  position: absolute;
  padding-left: 17em;
  text-transform: uppercase; }

.level2, .level3 {
  display: none;
  position: absolute; }

.level2 {
  float: right;
  font-size: 0.867em;
  font-weight: bold;
  width: 56.533em;
  left: 19.7em;
  top: 6.467em; }

.level3 {
  /*width: 26em;*/
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
  left: 0;
  /*top: 2.667em;*/ }

.level3 li {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  clear: both;
  width: 16em; }

#level2 {
  position: relative;
  opacity: 0.85;
  background-color: white;
  display: none;
  top: 2.299em;
  text-transform: uppercase;
  width: 49em;
  padding: 1em 0 0 17.067em;
  height: 2.8em; }

#arrow {
  position: absolute;
  top: 2.299em;
  width: 15em;
  height: 100%;
  background: transparent url("images/main-navigation-arrow.gif") 6.667em 0px no-repeat; }

#navLine {
  height: 0.067em;
  border-top: 1px solid #6A7A86;
  width: 47.467em;
  margin-left: 17.01em;
  position: absolute;
  top: 5.2em;
  display: none; }

.hidden {
  visibility: hidden; }

#bubble-tips {
  display: none; }

/************************************ 4) Content ****************************************************************/
#news {
  color: #6A7A86;
  font-family: Hella Light, Arial, Helvetica;
  font-style: normal;
  line-height: 1.467em;
  margin: 0.3em 0 1.16em; }

#news h1 {
  color: #000000;
  font-family: Hella Regular, Arial, Helvetica;
  font-size: 1.333em;
  font-style: normal;
  line-height: 1.1em;
  text-transform: uppercase;
  padding-bottom: 0.3em; }

#news h2 {
  font-family: Hella Light, Arial, Helvetica;
  font-size: 1.333em;
  line-height: 1.1em; }

#wraper {
  clear: both;
  background-color: #ffffff; }

#wraper-home {
  background-color: #ffffff; }

#channelImage img {
  width: 100%;
  padding-bottom: 2.2em; }

#emptyPlace {
  width: 100%;
  height: 15.8em;
  color: #fff; }

#middle #emptyPlace {
  width: 100%;
  height: 13.8em;
  color: #fff; }

.clear.space {
  height: 1px;
  overflow-y: hidden; }

#left-side {
  width: 39.45em;
  float: left;
  background-color: #FFFFFF; }

#left-side a {
  text-decoration: none;
  /*color: #E49A00;*/ }

#left-side-modules {
  padding-left: 3.7em; }

#left-side-modules ul, #right-side ul, #left-side-modules ol, #right-side ol {
  margin-left: 1.462em;
  color: #6A7A86; }

#left-side-modules .textDetails ul, #right-side .textDetails ul, #left-side-modules .textDetails ol, #right-side .textDetails ol {
  color: #6A7A86;
  margin-left: 0; }

#left-side-modules h1, #left-side-modules h2, #middle h1, #middle h2 {
  font-family: Hella Regular, Arial, Helvetica;
  padding-bottom: 0.4em;
  font-size: 1.539em;
  line-height: 1.1em;
  color: #000;
  text-transform: uppercase; }

#left-side-modules .text sup, #left-side-modules .text sub {
  font-size: 0.769em; }

#left-side-modules .introImg img {
  width: 35em;
  margin-bottom: 1.4em; }

#left-side-modules .introImgBorder img {
  border: 1px solid #DEE4E7;
  width: 34.867em; }

#left-side-modules .singleModuleSlide .intro img {
  width: 40.769em; }

#left-side-modules .intro img {
  width: 35.333em; }

#left-side-modules .topic li.col1 {
  padding: 0;
  margin: 0;
  text-indent: 0em;
  width: 26.769em;
  float: left; }

#left-side-modules .topic li.col2 {
  padding-left: 28px;
  margin: 0;
  text-indent: 0;
  width: 12.308em;
  float: left; }

#left-side-modules .topic ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-indent: 0;
  color: #6A7A86; }

#mainImage img {
  width: 39.45em; }

#breadcrumb {
  height: 1.867em;
  font-family: Arial, Helvetica;
  font-size: 0.733em;
  color: #6A7A86;
  font-weight: bold;
  position: absolute;
  top: 24.7em;
  left: 5.091em; }

#breadcrumb-channel {
  height: 1.867em;
  font-family: Arial, Helvetica;
  font-size: 0.733em;
  color: #6A7A86;
  font-weight: bold;
  position: absolute;
  top: 38em;
  left: 5.091em; }

#breadcrumb a, #breadcrumb-channel a {
  color: #000000;
  text-decoration: none; }

#breadcrumb a.last, #breadcrumb-channel a.last {
  font-weight: bold;
  color: #E49A00; }

#content-navi {
  height: 1.867em;
  padding-bottom: 2.5em; }

#content-navi li {
  float: left;
  padding-right: 1.692em; }

#left-side #content-navi ul {
  list-style-type: none;
  margin: 0px;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  color: #000; }

#content-navi a {
  font-weight: bold;
  color: #000; }

#content-navi a:hover {
  font-weight: bold;
  color: #E49A00; }

#content-navi .active a {
  font-weight: bold;
  color: #E49A00; }

#content-navi .topic-navi {
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  border-bottom: 1px solid #6A7A86;
  color: #6A7A86;
  margin-bottom: 0.5em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both; }

#headline {
  margin-left: 3.733em;
  font-size: 1.133em;
  font-weight: normal; }

.singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  border-top: 1px solid #6A7A86;
  background: transparent url("images/right-bgr-new.gif") right no-repeat;
  color: #000000; }

.singleModuleSlide .ui-state-active, .singleModule .ui-state-active {
  border-top: 1px solid #6A7A86;
  background: transparent url("images/down-hover-new.gif") right no-repeat;
  color: #E49A00; }

/* simple Empty page */
#middle .singleModuleSlide .ui-state-active, .singleModule .ui-state-active {
  background: url("images/klapptool_v2.gif") no-repeat scroll 68.76em -271px transparent; }

#middle .singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  background: url("images/klapptool_v2.gif") no-repeat scroll 68.76em -1px transparent; }

#middle .singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  background: url("images/klapptool_v2.gif") no-repeat scroll 68.76em -1px transparent; }

#middle .singleModuleSlide.shortModule .ui-state-active, .singleModule.shortModule .ui-state-active {
  background: url("images/klapptool_v2.gif") no-repeat scroll 68.76em -271px transparent; }

/* Empty page for HELLA in Motion */
#middle .module_HellaInMotion .singleModuleSlide .ui-state-active, .singleModule .ui-state-active {
  background: url("images/klapptool_v2.gif") no-repeat scroll 67.26em -271px transparent; }

#middle .module_HellaInMotion .singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  background: url("images/klapptool_v2.gif") no-repeat scroll 67.26em -1px transparent; }

#middle .module_HellaInMotion .singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  background: url("images/klapptool_v2.gif") no-repeat scroll 67.26em -1px transparent; }

#middle .module_HellaInMotion .singleModuleSlide.shortModule .ui-state-active, .singleModule.shortModule .ui-state-active {
  background: url("images/klapptool_v2.gif") no-repeat scroll 67.26em -271px transparent; }

.gallery-text {
  width: 35.323em;
  float: left;
  font-weight: normal;
  color: #6A7A86;
  line-height: 1.231em; }

.gallery-text a {
  color: #E49A00; }

.gallery-images {
  float: right;
  padding: 0 0 0 1em;
  width: 11.667em; }

.gallery-info {
  font-size: 0.667em;
  font-weight: bold;
  color: #6A7A86; }

.gallery-info2 {
  font-size: 0.769em;
  font-weight: bold; }

.gallery-images-large {
  width: 35.3em; }

.gallery-images-toolbox img.toolbox-image {
  width: 99%; }

.teaserImgGallery img.main-gallery-image {
  width: 99%;
  height: 6.154em; }

.gallery-innerimages-toolbox img.toolbox-image {
  width: 10.667em;
  margin: 0.533em 0.467em 0 0.467em; }

.gallery-text .gallery-images img.main-gallery-image {
  width: 10.667em;
  /*height: 5.333em;*/ }

.headline-grey {
  color: #555;
  font-size: 1.067em;
  font-weight: normal;
  margin-top: 0.588em;
  margin-bottom: 1.294em;
  clear: both; }

.headline-greyer {
  color: #999;
  font-size: 1.067em;
  font-weight: normal; }

#left-side-modules .text {
  font-weight: normal;
  color: #6A7A86;
  font-size: 0.867em;
  line-height: 1.231em;
  margin-bottom: 1.7em; }

.text {
  font-weight: normal;
  color: #6A7A86;
  margin-bottom: 1.867em; }

.text-download {
  font-weight: normal;
  color: #6A7A86; }

.text a {
  text-decoration: none;
  color: #E49A00; }

.text p {
  margin-bottom: 1.154em; }

.textToolbox a:hover {
  text-decoration: none; }

.text .headline, .text .Headline, .text h1, .text h2 {
  color: #000000;
  display: block;
  font-size: 1.538em;
  font-weight: normal;
  line-height: 1.1em;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-family: Hella Regular,Arial,Helvetica;
  vertical-align: top; }

.emptypage .text .headline {
  margin-bottom: 0; }

.text ul {
  margin-top: 1.538em;
  margin-left: 1.462em;
  font-size: 1em;
  margin-bottom: 1.538em;
  color: #000; }

.text sup {
  font-size: 0.769em; }

.content .highlight {
  color: #E49A00; }

.small-headline {
  margin-bottom: 0.769em;
  font-size: 0.867em;
  font-weight: normal; }

.topic2 {
  height: 1.333em;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  color: #6A7A86;
  padding-bottom: 0.308em;
  text-transform: uppercase;
  clear: both;
  height: auto; }

.topic {
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  border-bottom: 1px solid #6A7A86;
  color: #6A7A86;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both; }

.greyBorder {
  border: 1px solid #DEE4E7 !important; }

.hoverTeaser {
  height: 16em;
  width: 35.7em;
  position: relative;
  border: 1px solid #FFF; }

.teaser-hover-text {
  float: left;
  min-height: 15.38em;
  width: 10.5em;
  font-size: 0.867em;
  color: #838383;
  line-height: 1.23em;
  font-weight: normal; }

.teaser-hover-images {
  left: 8.87em;
  position: absolute;
  top: 3.6em;
  width: 100%;
  z-index: 100; }

.teaser-hover-label {
  color: #ce9600;
  left: 10.5em;
  position: absolute;
  top: 9.67em; }

.teaser-hover-label .col {
  float: left;
  font-size: 0.867em;
  line-height: 1.1em;
  margin: 0 0 0 1.623em;
  text-transform: uppercase;
  width: 5em; }

div.jqDockLabel {
  color: #CE9600;
  top: 10.3em !important; }

.teaser-hover-text h1 {
  font-size: 1.538em;
  color: #000;
  line-height: 1.1;
  padding-bottom: 0.5em; }

.teasers {
  /*clear: both; */
  font-size: 0.867em;
  color: #6A7A86;
  font-weight: normal;
  line-height: 1.231em;
  padding: 0.5em 0 0 0; }

.teasers a {
  color: #E49A00;
  text-decoration: none;
  font-size: 1em; }

.teasers .teaser {
  width: 12.23em;
  padding-right: 2.2em;
  padding-bottom: 0.8em;
  float: left; }

.teasers .teaser-last {
  width: 12.308em;
  padding-bottom: 0.8em;
  float: left; }

.teasers .teaser img, .teasers .teaser-last img {
  margin-bottom: 0.6em; }

.teasers .teaser .teaserImg img, .teasers .teaser-last .teaserImg img {
  width: 12.308em; }

.teasers .teaser-last h1, .teasers .teaser h1 {
  font-family: Hella Regular, Arial, Helvetica; }

.topic ul {
  list-style-type: none; }

#emptyPlace2 {
  float: left;
  width: 95%;
  height: 11.1em;
  color: #fff; }

#right-side {
  background-color: #ffffff;
  float: left;
  width: 23.149em;
  padding-left: 1.867em;
  padding-right: 1.867em;
  margin-bottom: -0.733em; }

#right-side img {
  border: 0; }

#right-side .content ul {
  margin-left: 3.733em; }

.right-image {
  clear: both;
  float: left;
  padding-bottom: 1.154em; }

.right-image img {
  width: 100%;
  float: left; }

#centred-side {
  background-color: #ffffff;
  float: left;
  height: 46.533em;
  width: 63.2em;
  padding-left: 1.333em;
  padding-right: 1.867em; }

#centred-side img {
  border: 0 none; }

#centred-side .content ul {
  margin-left: 3.733em; }

#tools {
  margin-top: 0.933em;
  margin-bottom: 0.4em;
  padding-bottom: 0.41em;
  float: left;
  width: 100%;
  border-bottom: 1px #6A7A86 solid; }

#tools img {
  position: relative; }

#tools ul {
  list-style-type: none;
  margin: 0;
  position: relative;
  z-index: 10; }

#tools li {
  float: left;
  width: 1.067em;
  margin-left: 0.667em;
  margin-top: 0.2em; }

#tools-centred {
  margin-top: 0.933em;
  margin-bottom: 0.4em;
  padding-left: 0.133em;
  padding-bottom: 0.4em;
  float: right;
  width: 47.333em;
  border-bottom: 1px #6A7A86 solid; }

#tools-centred img {
  position: relative; }

#tools-centred ul {
  list-style-type: none;
  margin: 0; }

#tools-centred li {
  float: right;
  width: 1.067em;
  margin-left: 0.667em;
  margin-top: 0.2em; }

.event {
  font-weight: normal;
  margin-bottom: 1.1em;
  color: #000; }

.lastEvent {
  margin: 0; }

.event a {
  color: #E49A00; }

.event .date {
  color: #6A7A86;
  padding-right: 0.385em; }

#channel-info {
  height: 13.35em;
  color: #6A7A86;
  font-size: 1.333em;
  font-weight: normal;
  margin-top: 2.21em;
  line-height: 1.1em;
  overflow: hidden;
  font-family: Hella Light, Arial, Helvetica;
  margin-bottom: 0.1em; }

#channel-info h2, #channel-info p {
  font-family: Hella Light, Arial, Helvetica; }

#channel-info .channelPageText, #channel-info .channelPageText p {
  font-family: Hella Light, Arial, Helvetica; }

#channel-info h1 {
  font-family: Hella Regular, Arial, Helvetica;
  text-transform: uppercase;
  color: #000000;
  font-weight: normal;
  padding-bottom: 1.3em;
  padding-top: 0.15em; }

.imageModule {
  width: 35.633em;
  height: 21.4em; }

.imageModuleContent {
  background: #fff url("images/bild_person.jpg") top left no-repeat;
  /*height:20em;*/
  margin-bottom: 2em;
  width: 100%; }

.imageModule h2, .imageModuleContent h2 {
  color: #000000;
  font-family: Hella Regular, Arial, Helvetica;
  font-size: 1.333em;
  line-height: 1.1em;
  position: relative;
  padding-top: 0.5em;
  padding-left: 0.6em;
  text-transform: uppercase; }

.imageModuleContent p {
  color: #6A7A86;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  position: relative;
  padding-top: 0.808em;
  padding-left: 0.923em;
  width: 23.077em;
  margin-left: 0;
  height: 15.385em; }

.imageModule p {
  margin-left: 0; }

.imageModule .textField {
  color: #6A7A86;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  position: relative;
  padding-top: 0.808em;
  padding-left: 0.923em;
  width: 23.077em;
  margin-left: 0;
  height: 18.4em; }

.listModule {
  margin-right: 0.533em;
  margin-left: 0.533em;
  overflow: hidden; }

.scrollListModule {
  overflow: hidden;
  width: 100%; }

.scrollListModule .textDetails.table {
  color: #6A7A86; }

.scrollListModule .textDetails.table table {
  font-size: 0.867em; }

.scrollListModule h3, .scrollListModule h2 {
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  padding-top: 0.538em;
  margin-bottom: 0.385em;
  font-weight: bold; }

.listModule h3 {
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  width: 100%;
  position: relative;
  padding-top: 0.538em;
  margin-bottom: 0.385em; }

div.textSource, .pictureSource {
  display: none; }

.singleModuleSlide h3, .singleModule h3, .singleModuleSlide h2, .singleModule h2 {
  border-top: 1px solid #6A7A86;
  background: white url("images/right-bgr-new.gif") right no-repeat;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer; }

.singleModule-last {
  border-top: 1px solid #6A7A86; }

.listModule p, .scrollListModule p {
  color: #6A7A86;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  margin-left: 0; }

.listModule p sup, .scrollListModule p sup, .listModule p sub, .scrollListModule p sub {
  font-size: 0.769em; }

.listModule .textDetails, .scrollListModule .textDetails {
  padding-top: 0.4em;
  /*0.8em*/
  /*padding-bottom: 2em;*/
  padding-right: 2.667em; }

.textDetails a {
  color: #E49A00;
  font-size: 1em;
  font-weight: normal; }

.textDetails a:hover {
  text-decoration: none; }

.textDetails .download {
  margin-bottom: 1em; }

.singleModuleSlide .textDetails .download {
  margin-bottom: 0; }

.textDetails .ul-headline {
  color: #6A7A86; }

.textDetails li {
  color: #000;
  clear: both; }

.singleModuleSlide .dataStorage .textDetails ul li a {
  font-size: 1em; }

.download, .download a {
  color: #E49A00;
  font-family: Arial, Helvetica;
  font-size: 0.931em;
  line-height: 1.231em;
  font-weight: normal;
  overflow: hidden;
  display: block; }

.emptypage .downloads {
  font-size: 1.074em;
  margin-bottom: 1.8em; }

.naviModule {
  display: block;
  width: 100%;
  font-size: 0.867em;
  line-height: 1.231em;
  color: #000000;
  background-color: #E9E9E9;
  margin-top: -2.385em;
  text-transform: uppercase;
  padding-top: 0.462em;
  height: 1.846em;
  margin-bottom: 0.769em; }

.naviModule a {
  font-size: 1em;
  line-height: 1.231em;
  color: #000000; }

.naviModule a:hover {
  font-size: 1em;
  line-height: 1.231em;
  color: #E49A00; }

.naviModule ul li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-left: 1.538em; }

#left-side-modules .naviModule ul {
  margin: 0px;
  padding: 0px; }

.naviModule a.active {
  color: #E49A00; }

.myMap .naviModule.uniTabsModule {
  margin-top: 0; }

#contentModule {
  display: block;
  width: 41.231em;
  font-size: 0.867em;
  line-height: 1.231em;
  color: #6A7A86;
  margin-bottom: 3.077em;
  height: 6.15em;
  font-weight: normal; }

#contentModule img {
  width: 12.308em;
  height: 6.15em;
  float: left; }

#contentModule .contentNaviText {
  width: 27.308em;
  height: 4.615em;
  float: right;
  margin-left: 0px;
  padding-top: 0.385em; }

.contentNaviText a {
  color: #E49A00;
  display: block; }

.navigation-column {
  float: left;
  width: 20.385em; }

/*****  Klaptool  *****/
.slider.smartEdit {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none; }

.greyBorder {
  border: 1px solid #DEE4E7 !important; }

.smartEdit p {
  font-size: 0.867em;
  font-weight: normal; }

.contentSliding {
  width: 35.65em;
  overflow: hidden; }

.sliding, .sliding li {
  width: 35.6em;
  overflow: hidden; }

.contentSliding ul, .contentSliding ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  z-index: 20; }

.slider .contentSlideOne img {
  width: 35.65em;
  height: 21.4em; }

.contentSliding .textDetails ul li, .singleModule .textDetails ul li, .singleModuleSlide .textDetails ul li, .singleModuleSlide .gallery-text ul li {
  list-style-type: disc;
  margin-left: 0;
  font-size: 0.867em;
  font-weight: normal;
  color: #6A7A86;
  /*text-transform: uppercase;*/ }

.contentSliding .textDetails ol li, .singleModule .textDetails ol li, .singleModuleSlide .textDetails ol li, .singleModuleSlide .gallery-text ol li {
  margin-left: 0;
  font-size: 0.867em;
  font-weight: normal;
  color: #6A7A86; }

.contentSliding .textDetails ul li ul li,
.singleModule .textDetails ul li ul li,
.singleModuleSlide .textDetails ul li ul li,
.singleModuleSlide .gallery-text ul li ul li {
  font-size: 1em; }

.singleModuleSlide .textDetails a {
  font-size: 1em; }

.singleModuleSlide .textDetails ul li a {
  font-size: 1.154em; }

.singleModuleSlide .download a {
  font-size: 0.931em; }

#left-side-modules ul.slider {
  color: #000000;
  font-size: 1em;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0; }

.contentSliding ul li {
  width: 35.65em; }

.singleModuleSlide .textDetails ul li, .singleModuleSlide .textDetails ol li {
  margin-left: 1.615em; }

.contentSliding h2, .contentSliding h1 {
  color: #000000;
  font-family: Hella Regular, Arial, Helvetica;
  font-size: 1.333em;
  line-height: 1.1em;
  position: absolute;
  top: 0.5em;
  z-index: 300;
  padding-top: 0.5em;
  padding-left: 0.6em;
  height: 2.25em;
  text-transform: uppercase;
  width: 25em; }

.contentSliding p {
  color: #6A7A86;
  font-family: Arial, Helvetica;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  padding-top: 2.508em;
  padding-left: 0.923em;
  padding-bottom: 0.769em;
  width: 15.385em;
  margin-left: 0;
  height: 15.385em;
  position: absolute;
  top: 4.5em;
  z-index: 300; }

.contentSlidingList .textDetails {
  font-size: 0.867em; }

.contentSlidingList .textDetails .text ul {
  font-size: 1.154em;
  margin: 0; }

.contentSlidingList .textDetails .toggleLayout ul li {
  font-size: 1em; }

.contentSlidingList .textDetails .gallery-info {
  font-size: 0.769em; }

.contentSlidingList .textDetails .gallery-text .gallery-images img.main-gallery-image {
  font-size: 1.16em;
  width: 10.667em;
  /*height: 5.333em;*/ }

.contentSlidingList .textDetails .gallery-text .gallery-images {
  width: 12.66em; }

.contentSlidingList .textDetails .gallery-text {
  width: 100%; }

.contentSlidingList .textDetails .toggleLayout {
  margin-bottom: 0; }

#left-side-modules .contentSlidingList .introImg img {
  width: 41.231em; }

#left-side-modules .contentSlidingList .introImgBorder img {
  width: 41.077em;
  border: 1px solid #DEE4E7; }

.contentSlidingList .textDetails .largeImageFlash {
  width: 41.3em; }

.contentSlidingList .textDetails .infoEmployee {
  margin-top: 1em;
  font-size: 1em; }

.contentSlidingList .textDetails .infoEmployee .modMedia img {
  margin-bottom: 0.55em; }

.contentSlidingList .contentSliding .sliding .slider li img {
  width: 35.33em;
  height: 21.33em; }

.contentSlidingBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 19.9em; }

#left-side-modules .contentSlideOne {
  width: 35.633em; }

.slidingModule {
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
  overflow: visible; }

.slidingModule h3, .slidingModule h2 {
  font-family: Arial, Helvetica !important;
  font-size: 0.867em;
  width: 100%;
  position: relative;
  padding-top: 0.538em;
  margin-bottom: 0.385em;
  text-transform: uppercase; }

.contentSliding .textDetails p {
  width: 39.538em;
  margin-bottom: 0.667em;
  padding-top: 0.667em;
  height: auto; }

.graphic, .prevBtn, .nextBtn {
  display: block;
  width: 2em;
  position: relative;
  /*background:url('images/lightbox_btn_prev.gif') no-repeat 0 0;  */
  cursor: pointer; }

.prevBtn {
  display: none; }

div.contentSlidingBlock {
  position: relative; }

span#controls {
  position: absolute;
  left: 32em;
  top: 9em; }

.pressCover {
  width: 100%;
  height: auto; }

.pressImage {
  float: right;
  padding-bottom: 1.867em; }

.pressImage img {
  width: 10.667em;
  height: 5.333em; }

.pressContent {
  float: left;
  font-size: 13px;
  line-height: 1.231em;
  font-weight: normal;
  color: #6A7A86;
  padding-bottom: 1.867em;
  width: 100%; }

.pressContent a {
  color: #E49A00;
  text-decoration: none;
  font-size: 1em; }

.pressContent a:hover {
  text-decoration: none; }

.headlinePress {
  display: block;
  font-size: 0.933em;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase; }

.emptypage {
  float: left;
  background-color: #FFFFFF;
  width: 70.154em;
  padding: 0 0 4.3em 0;
  font-size: 0.867em;
  color: #6A7A86;
  font-family: Arial, Helvetica; }

#wraper-home .emptypage {
  width: 28.846em; }

.emptypage table {
  border-spacing: 0; }

.emptypage table tr, .emptypage table td {
  border-bottom: 1px dotted #6A7A86;
  margin: 0 0 1.538em;
  padding: 0.385em 0.95em 0 0; }

/*.emptypage table tr td.firstColumn {
        border-bottom: 1px dotted #6A7A86;
        padding: 1.154em 0 1.154em 0;
    }*/
.emptypage a:link {
  color: #E49A00;
  text-decoration: none; }

.emptypage a:visited {
  color: #E49A00;
  text-decoration: none; }

.emptypage a:hover {
  color: #E49A00;
  text-decoration: none; }

.emptypage a:active {
  color: #E49A00; }

.emptypage h1 {
  color: #6A7A86;
  font-size: 1.538em;
  font-weight: normal; }

.emptypage h2 {
  color: #000000;
  font-size: 1.308em;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1em; }

.emptypageFlash {
  margin-top: 2em; }

.imprint table {
  width: 70.154em;
  border-collapse: collapse;
  color: #6A7A86; }

.imprint tr, .imprint td {
  padding-top: 1.154em;
  padding-bottom: 1.154em;
  border-bottom-color: #6A7A86;
  border-bottom: 1px #6A7A86 dotted;
  margin-bottom: 1.538em; }

.imprint .line-0 td {
  border-bottom: 0px; }

.imprint .line-1 td {
  padding-top: 0.769em;
  border-bottom: 1px #6A7A86 solid; }

.imprint .line-2 td {
  padding-top: 0.769em; }

.topicCol {
  clear: none;
  float: left;
  width: 12.3em;
  margin-right: 2.1em; }

.topicCol.firstBig {
  width: 26.7em;
  margin-right: 2.1em; }

.topicCol.lastBig {
  width: 26.7em;
  margin-right: 0; }

.topicCol.lastTopic {
  margin-right: 0; }

.topicCol.onlyOne {
  width: 100%;
  margin-right: 0; }

.largeImageFlash {
  width: 35.3em; }

div.slideshow {
  height: 330px;
  margin-bottom: 1em;
  text-align: center;
  width: 530px; }

#container div.slideshow img {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  height: 298px;
  padding: 15px;
  width: 498px; }

/************************************ 5) Toolbox **************************************************************/
.jobAngebote .firstColumn {
  width: auto;
  float: left;
  margin-bottom: 0;
  margin-right: 1.5em;
  max-width: 20em; }

.jobAngebote .firstColumn .text {
  width: 12.3em; }

.jobAngebote .secondColumn {
  max-width: 19em;
  float: left; }

.jobAngebote .threeColumns {
  width: 7.692em;
  float: left;
  margin-bottom: 0; }

.jobAngebote .threeColumns img {
  width: 7.692em;
  margin-bottom: 0.615em; }

.jobAngebote .threeColumns .text {
  width: 7.692em; }

.jobAngebote .threeColumns.space {
  margin-right: 1.538em; }

.toolbox a {
  text-decoration: none;
  color: #E49A00;
  font-size: 1em; }

.textToolbox a:hover {
  text-decoration: none; }

.toolbox {
  font-weight: normal;
  color: #6A7A86;
  font-size: 0.867em;
  line-height: 1.231em;
  margin-bottom: 0.65em;
  height: auto; }

.slidingReport {
  position: relative; }

.toolbox .headlineToolbox {
  display: block;
  font-weight: 700;
  color: #000000; }

.toolbox .topic {
  /*height: 2.154em;*/
  font-family: Arial, Helvetica;
  font-size: 1em;
  border-bottom: 1px #6A7A86 solid;
  color: #6A7A86;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both;
  line-height: 1.385em;
  width: 100%; }

.toolbox.downloadboxTypA .textToolbox {
  width: 13.077em;
  float: left; }

.toolbox.downloadboxTypA .imageToolbox {
  width: 12.5em;
  float: right;
  margin: 0 0 0.2em 0; }

.toolbox a.download {
  display: block;
  margin-top: 0em; }

.toolbox.downloadboxTypB .imageToolbox {
  float: left;
  width: 100%; }

.toolbox.downloadboxTypB .first, .toolbox.downloadboxTypB .second {
  padding: 0 0.538em 0 0;
  width: 6.308em; }

.toolbox.downloadTypboxB .third {
  padding: 0;
  width: 6.308em; }

.toolbox.downloadTypboxB .last {
  padding: 0;
  width: 6.308em; }

.toolbox .imageModule, .toolbox .imageModuleContent, .toolbox .listModule {
  background: white url("images/bild_person.jpg") top left no-repeat;
  margin: 0 0 2.385em;
  width: 100%; }

.toolbox .listModule {
  background: #fff; }

.toolbox .headlineToolbox, .toolbox .topic {
  font-weight: bold; }

.toolbox .headlineToolbox {
  text-transform: uppercase; }

.toolbox p .headlineToolbox {
  margin-top: 1.15em; }

.toolbox .videoText {
  width: 12.308em;
  margin-right: 2.054em;
  float: left; }

.toolbox #videoPlayerLarge {
  float: left;
  width: 26.769em;
  height: 18.154em;
  /*margin-bottom: 2.154em;*/ }

.toolbox .textDetails p {
  margin-bottom: 0.769em; }

.toolbox .listModule h3, .toolbox .listModule p, .toolbox .scrollListModule p {
  font-size: 1em; }

.toolbox .playVideoArrow {
  display: none;
  left: 5em;
  position: absolute;
  top: 2em; }

.modVideo img.playScroll {
  cursor: pointer;
  padding: 0;
  height: 55px;
  margin-bottom: 10px;
  margin-left: 30px;
  margin-right: 30px; }

.modMedia img.playScroll {
  cursor: pointer;
  padding: 0;
  height: 55px;
  margin-bottom: 6px;
  margin-left: 28px;
  margin-right: 25px;
  padding-top: 10px; }

.image.modVideo {
  cursor: pointer; }

.images.modVideo {
  float: right;
  position: relative; }

.infoEmployee {
  font-size: 0.876em;
  margin-bottom: 15px;
  width: 100%; }

.infoEmployee .modVideo {
  width: 120px;
  text-align: center;
  float: left; }

/*.infoEmployee .modMedia {width: 120px; text-align: center; float: left;}*/
.infoEmployee .modMedia {
  width: 100px;
  text-align: center;
  float: left;
  position: relative;
  margin-bottom: 10px;
  margin-left: 15px;
  display: inline-block !important; }

.klBorder {
  border: 1px solid grey;
  width: 98px;
  height: 80px;
  display: inline-block; }

.customIcon {
  padding: 0px !important;
  background: transparent !important; }

.klPlay {
  display: none;
  background: url("images/video_play_30x30.png");
  width: 30px;
  height: 30px;
  position: absolute;
  margin-top: 25px;
  margin-left: 35px; }

/*******VIDEO******/
.singleModule .ui-widget-content, .singleModuleSlide .ui-widget-content, .slidingModule .ui-widget-content {
  border: 0px solid #AAAAAA; }

.videoDialogUi.ui-dialog {
  overflow: hidden;
  padding: 0.2em;
  position: absolute;
  width: 23.077em;
  top: 23.077em;
  left: 23.077em; }

.ui-widget-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: url("images/ui-bg_flat.png") repeat-x scroll 50% 50% #AAAAAA;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.videoDialogUi.ui-widget-content {
  /*background:url("images/ui-bg_flat_ffffff.png") repeat-x scroll 50% 50% #FFFFFF; border:1px solid #AAAAAA; */
  color: #222222; }

.videoDialogUi.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: auto;
  margin: 0px 0px 0 0;
  padding: 0 0 0 0;
  position: relative; }

.videoDialogUi.ui-dialog .ui-dialog-titlebar-close {
  height: 1.385em;
  margin: -0.769em 0 0;
  padding: 1px;
  position: absolute;
  right: 0.3em;
  top: 1.077em;
  right: 0.462em;
  width: 1.462em; }

.videoDialogUi .ui-dialog-titlebar .ui-icon {
  display: block;
  overflow: hidden;
  position: relative;
  left: -25px;
  color: #fff;
  text-indent: -99999px; }

.videoDialogUi .ui-dialog-titlebar .ui-icon {
  background: transparent url("images/close_white_15x15px.gif") center center no-repeat;
  height: 1em;
  width: 4em; }

.videoDialogUi.ui-dialog a {
  text-decoration: none; }

.videoTeaserModule img {
  cursor: pointer; }

/******************** Corner radius ************************/
.ui-corner-tl {
  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  border-top-left-radius: 1em; }

.ui-corner-tr {
  -moz-border-radius-topright: 1em;
  -webkit-border-top-right-radius: 1em;
  border-top-right-radius: 1em; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
  border-bottom-left-radius: 1em; }

.ui-corner-br {
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
  border-bottom-right-radius: 1em; }

/*.ui-corner-top { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }*/
/*.ui-corner-bottom { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }*/
.ui-corner-right {
  -moz-border-radius-topright: 1em;
  -webkit-border-top-right-radius: 1em;
  border-top-right-radius: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
  border-bottom-right-radius: 1em; }

.ui-corner-left {
  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
  border-bottom-left-radius: 1em; }

.ui-corner-all {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em; }

.singleModule .ui-corner-all, .singleModuleSlide .ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.ui-dialog-titlebar {
  background-color: #6A7A86;
  -moz-border-radius: 0.5em 0.5em 0 0; }

.toolbox .report-slider {
  width: 26.769em;
  position: relative;
  overflow: hidden; }

.toolbox .report-slider ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 26.769em; }

.toolbox .reports .text .headlineSlider, .toolbox .reports-simple .report-simple .headline {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000; }

#right-side .toolbox .report-slider ul {
  margin: 0; }

.toolbox .report-slider li {
  display: block;
  width: 26.769em;
  list-style-type: none; }

.toolbox .toolbox-controls {
  position: absolute;
  top: 1px;
  left: 0; }

.toolbox .report-slider .topic {
  text-indent: 3.077em; }

.toolbox .prevBtn {
  position: absolute;
  top: 0;
  display: block; }

.toolbox .nextBtn {
  position: absolute;
  top: 0;
  left: 1.385em; }

.toolbox .report-slider .text {
  width: 12.308em;
  float: left;
  margin-bottom: 0; }

.toolbox .report-slider .image {
  width: 12.308em;
  float: right;
  margin-bottom: 0;
  margin-right: 0.385em; }

.toolbox .report-slider .image a img {
  width: 12.308em; }

.toolbox .reports-simple {
  width: 26.69em;
  font-weight: normal;
  color: #000;
  overflow: hidden; }

.toolbox .reports-simple img {
  margin: 0 0 0.2em; }

.toolbox .report-simple {
  width: 12.308em;
  float: left;
  /*position: relative;
      top: 0.769em;*/
  color: #6A7A86; }

.toolbox .report-simple h1 {
  padding-bottom: 0.769em;
  font-size: 1em;
  line-height: 1.231em; }

.toolbox .report-simple a {
  color: #E49A00;
  text-decoration: none;
  font-size: 1em; }

#right-side .toolbox .reports-simple ul {
  margin-bottom: 0; }

.toolbox .reports-simple img {
  position: relative;
  /* left: 28px; */
  width: 12.308em;
  float: right; }

.toolbox .reports .text p {
  color: #6A7A86;
  margin-bottom: 1.154em; }

.toggleLayout {
  margin-bottom: 1.25em; }

.toggleLayout.position {
  float: left;
  width: 530px; }

#left-side-modules .singleModuleSlide .text {
  font-size: 1em; }

#left-side-modules .singleModuleSlide .text li {
  font-size: 0.876em; }

#left-side-modules .singleModuleSlide .text .headline {
  font-size: 1.333em;
  line-height: 1.1em; }

#left-side-modules .singleModuleSlide .toggleLayout h1 {
  font-size: 1.333em;
  font-weight: normal;
  padding-bottom: 0px;
  margin-bottom: 1em; }

.toolbox.slidingReport .toolbox-controls {
  width: 100%; }

.toolbox.slidingReport .toolbox-controls ol {
  float: right;
  list-style-type: none; }

.toolbox.slidingReport .toolbox-controls span {
  color: #FFFFFF;
  font-size: 0.846em; }

.toolbox.slidingReport .toolbox-controls ol li {
  float: left;
  height: 1.231em;
  margin-left: 0.154em;
  border: 1px solid #808080;
  background-color: #B9B9B9; }

.toolbox.slidingReport .toolbox-controls ol li.current {
  font-weight: bold; }

.toolbox.slidingReport .toolbox-controls ol li.current a {
  background-color: #E49A00; }

.toolbox.slidingReport .toolbox-controls ol li a {
  padding: 0 0.385em; }

.toolbox .report-slider .topic {
  text-indent: 0px; }

/************************************ 6) Footer ***************************************************************/
#footer {
  background: #fff url("images/background.jpg") top left repeat-x;
  clear: both;
  font-weight: normal;
  height: 6.667em; }

#footer #footer-in ul {
  list-style-type: none;
  margin-top: 2.951em;
  width: 100%;
  padding-left: 2em; }

#footer #footer-in li {
  background-image: url("images/footer_sign.JPG");
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  padding-right: 0.933em;
  margin-right: 0.667em;
  text-transform: uppercase; }

#footer #footer-in img {
  padding-left: 2em; }

#footer #footer-in a {
  color: #000;
  text-decoration: none; }

#footer #footer-in .no-bg-image {
  background-image: none; }

#inner-footer {
  padding-top: 3.8em;
  clear: both; }

#footer #footer-in {
  font-size: 0.812em;
  font-family: Arial, Helvetica;
  line-height: 1em;
  width: 82.545em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10.2em; }

#copyright {
  /*width: 100%;*/
  color: #6A7A86;
  font-size: 0.846em;
  line-height: 1.273em; }

/***************** ICP number in FOOTER *******************/
#icp {
  display: inline;
  background: url("images/footer_sign.JPG") no-repeat left center;
  padding-left: 0.933em;
  margin-left: 0.667em;
  cursor: help;
  position: relative; }

#icpDesc {
  display: none;
  border: 1px solid #000000;
  position: absolute;
  width: 14.5em;
  padding: 0.5em;
  background-color: #FFFFFF;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  top: 1.6em;
  left: 0; }

#icpArrow {
  display: none;
  border-bottom: 0.5em solid #000000;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  display: none;
  height: 0;
  left: 2.5em;
  position: absolute;
  top: 1.2em;
  width: 0;
  z-index: 501; }

/************************************ 7) Sitemap ***************************************************************/
#sitemap {
  margin-bottom: 5.3em; }

#sitemap, #searchpage {
  min-height: 46.667em;
  float: left;
  background-color: #FFFFFF;
  width: 60.8em;
  padding-left: 3.733em;
  padding-right: 1.867em; }

#sitemap #tools, #searchpage #tools {
  width: 47.333em;
  float: right; }

#sitemap #tools img {
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none; }

.sitemapColl {
  width: 11.1em;
  float: left;
  padding-right: 1.3em; }

.sitemapCollRight {
  width: 11.1em;
  float: left;
  padding-right: 0; }

.sitemapColl *:link, .sitemapColl *:visited, .sitemapCollRight *:link, .sitemapCollRight *:visited {
  color: #6A7A86; }

.sitemapColl .topic, .sitemapCollRight .topic {
  margin-left: 0;
  height: 1.333em;
  font: 0.733em Arial, Helvetica;
  border-bottom: 0;
  color: #6A7A86;
  margin-bottom: 1em; }

.sitemapColl ul, .sitemapCollRight ul {
  list-style-type: none;
  margin-left: 1em; }

.sitemapColl ul.numberOne, .sitemapCollRight ul.numberOne {
  margin-left: 0; }

.sitemapColl li a, .sitemapCollRight li a {
  font: normal 0.733em Arial, Helvetica; }

.sitemapColl li a.mainPage, .sitemapCollRight li a.mainPage {
  font: normal 0.733em Arial, Helvetica; }

.sitemapColl li.firstPage, .sitemapCollRight li.firstPage {
  padding-top: 1.2em;
  margin-left: -1em; }

.sitemapDivider {
  clear: both;
  height: 1.5em; }

.mainSitemap {
  margin-left: 12.4em; }

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

/***************************************** Popup *********************************************/
#popup {
  width: 34.615em;
  overflow: hidden;
  margin: auto;
  padding-top: 4.846em;
  position: relative;
  height: 36.999em;
  font-family: Arial, Helvetica;
  font-size: 0.813em;
  font-weight: normal;
  background: #fff url("images/background3.jpg") top left repeat-x; }

#popup #logo {
  position: absolute;
  top: 0;
  left: 0;
  float: left; }

#popup .topic {
  width: 19.846em;
  position: absolute;
  left: 14.462em;
  top: 2.615em; }

#popup .popup-content {
  width: 19.846em;
  position: absolute;
  left: 14.462em;
  top: 3.615em; }

#popup .popup-content .content-modul.dyn_form {
  margin: 3em 0 0 -2em;
  padding-right: 2em; }

#popup .popup-contentinput {
  width: 19.231em; }

#popup div.form_item {
  width: 19.231em; }

#popup div.form_item div.form_error_inline p {
  color: #CB3017; }

.submitButton {
  padding-top: 2.154em; }

.submitButton .submit {
  width: 14.615em;
  background: #E49A00;
  color: #FFFFFF;
  border: 0px solid #6A7A86;
  font-family: Arial, Helvetica; }

#popup .popup-content div.submitButton input.submit {
  width: 9.231em; }

#popup div.form_item textarea {
  width: 19.231em; }

#popup-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 3.846em;
  background: #fff url("images/background3.jpg") top left repeat-x; }

#popup-footer a {
  padding-right: 1.538em;
  padding-top: 0.769em;
  text-decoration: none;
  color: #E49A00;
  float: right; }

#popup div.form_item {
  width: 19.231em; }

.submitButton {
  padding-top: 2.154em; }

.submitButton .submit {
  width: 14.615em;
  background: #E49A00;
  color: #FFFFFF;
  border: 0px solid #6A7A86;
  font-family: Arial, Helvetica; }

#popup .popup-content div.submitButton input.submit {
  width: 9.231em; }

#popup div.form_item textarea {
  width: 19.231em; }

#popup #form {
  width: 19.846em;
  position: absolute;
  left: -1.923em;
  top: 2.615em; }

#popup #form input {
  width: 19.231em; }

#popup div.form_item {
  width: 19.231em; }

#popup #form div.submit_button a.blueArrow {
  width: 9.231em; }

#popup div.form_item textarea {
  width: 19.231em; }

/***************************************** Form modules *********************************************/
.dataStorageContact {
  position: relative;
  overflow: hidden;
  display: none; }

.contactModule .singleModule h3.ui-state-default {
  border-top: 0;
  border-bottom: 1px solid #6A7A86;
  background: white url("images/right-bgr-new.gif") right no-repeat;
  color: #000000;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 1em;
  font-weight: bold; }

.singleModule h3 span {
  color: #6A7A86;
  font-size: 1em; }

.contactModule .singleModule h3.ui-state-active {
  border-top: 0;
  border-bottom: 0 solid #6A7A86;
  background: white url("images/down-hover-new.gif") right no-repeat;
  color: #E49A00;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 1em;
  font-weight: bold; }

.contactModule .singleModule h2.ui-state-default {
  border-top: 0;
  border-bottom: 1px solid #6A7A86;
  background: white url("images/right-bgr-new.gif") right no-repeat;
  color: #000000;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 1em;
  font-weight: bold; }

.singleModule h2 span {
  color: #6A7A86;
  font-size: 1em; }

.contactModule .singleModule h2.ui-state-active {
  border-top: 0;
  border-bottom: 0 solid #6A7A86;
  background: white url("images/down-hover-new.gif") right no-repeat;
  color: #E49A00;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 1em;
  font-weight: bold; }

.contactModule .ui-accordion-content-active {
  border-bottom: 1px solid #6A7A86; }

.contactModule .leftColl {
  float: left;
  width: 20em; }

.contactModule .rightColl {
  border-left-color: #6A7A86;
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 3.7em; }

.contactModule .leftColl p, .contactModule .rightColl p {
  margin: 0 0 2em 0;
  color: #6A7A86; }

div.form_column {
  float: left;
  width: 11.6em;
  /*margin-right: 0.769em;*/
  font-size: 1em; }

div.form_column-last {
  float: left;
  width: 24.231em;
  margin-right: 0;
  font-size: 1em; }

div.form_column.last {
  width: 21.5em; }

div.form_column.larger {
  width: 23.3em; }

.contactForm {
  margin-top: 1.533em; }

div.form_item {
  clear: both; }

div.form_item.freeLine {
  height: 0.5em; }

div.form_item.break {
  float: left;
  width: 98%;
  border: 1px #000 solid;
  clear: both; }

/*.form_column div.form_item { height: 4.4em;}*/
div.form_item input.radio {
  border: 0;
  width: 1.2em; }

div.form_item label.radio {
  padding: 0 .6em 0 .3em;
  height: 2.6em; }

/* div.form_item_radio { height: 2.667em; margin-bottom: 0.667em;} */
div.form_item label.label_item {
  float: left;
  width: 98%; }

div.form_item_large {
  height: 7.333em; }

/* form_item_radio {height: 3.333em; } */
div.form_item_large {
  height: auto; }

textarea.form_input {
  width: 20.667em;
  border: 1px solid #6A7A86;
  margin: 0.25em 0.5em 0.5em 0;
  padding: 0.2em;
  height: 5.05em; }

div.form_item input {
  width: 8em;
  border: 1px solid #6A7A86;
  margin-bottom: 0.333em; }

input.form_input_text {
  width: 99%; }

select.form_select {
  width: 9em;
  border: 1px solid #6A7A86; }

fieldset {
  border: 1px;
  margin: 0;
  padding: 0; }

div.form_item_large fieldset {
  width: 20.667em;
  padding-top: 0.533em; }

.rightCheckBoxes {
  float: left;
  width: 10.333em; }

.leftCheckBoxes {
  float: right;
  width: 10.333em; }

.submit_button {
  padding-top: 1.267em; }

.form_info {
  clear: both;
  padding-top: 2em; }

.submit_button a.blueArrow {
  background: none repeat scroll 0 0 #E49A00;
  border: 0 solid #6A7A86;
  color: #FFFFFF;
  font-family: Arial, Helvetica;
  padding: 0.133em 0.933em;
  text-decoration: none;
  text-transform: uppercase; }

div.form_item input[type=text] {
  float: left;
  width: 9.6em;
  margin: .25em .5em 0.5em 0;
  padding: .2em;
  height: 1.2em; }

div.form_item input[type=text]:focus {
  background-color: #fff; }

div.form_item input[type=password] {
  float: left;
  width: 8em;
  margin: .25em .5em 0.5em 0;
  padding: .2em;
  height: 1.2em; }

div.form_item input[type=password]:focus {
  background-color: #fff; }

div.form_item input[type=radio] {
  float: left;
  width: 1em;
  height: 1em;
  margin: 0.25em 0.1em 0.2em 0;
  font-size: 1em;
  border: 0; }

div.form_item input[type=checkbox] {
  clear: left;
  float: left;
  width: 1em;
  height: 1em;
  margin: 0 .1em 0.2em 0;
  font-size: 1em;
  border: 0; }

div.form_item input[type=image] {
  margin: .5em 0 0 0;
  background: transparent;
  border: 0; }

div.form_item select {
  height: 2em;
  margin-bottom: 0.55em;
  float: left;
  width: 11.6em;
  margin-top: .25em;
  font-size: .9em;
  color: #333;
  font-family: Arial, Helvetica;
  background-color: #ffffff;
  border: 1px solid #6A7A86; }

.contactModule label.radio {
  clear: none;
  float: left;
  text-align: left;
  width: auto;
  padding-top: 0.5em;
  border: 0; }

.form_column .checkboxes .label_item {
  display: block;
  padding-bottom: 0.2em; }

.form_column .checkbox-item {
  width: 98%;
  float: left; }

.form_column .checkbox-item .radio {
  height: 1.5em; }

.contactModule .rightColl {
  /*position: relative;*/
  width: 45em;
  float: right;
  font-size: 1em; }

.contactModule .leftColl a {
  color: #E49A00;
  text-decoration: none; }

.contactModule .rightColl span.headline, .contactModule .leftColl span.headline {
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 0.385em; }

.contactModule .rightColl, .contactModule .leftColl {
  margin-top: 1.8em;
  margin-bottom: 3.133em; }

.contactModule, .textContact {
  margin-bottom: 1.5em;
  font-size: 0.867em;
  line-height: 1.231em;
  font-weight: normal;
  color: #6A7A86; }

.textContact p {
  padding-bottom: 0.8em; }

.form_error_offline {
  display: none; }

.contactModule .rightColl div.form_error_inline p, .form_error {
  color: #CB3017;
  padding: .333em 0 0 0;
  line-height: 1; }

/***** Contact dialog *****/
.contact-dialog {
  background: #fff;
  font-size: 0.8125em;
  padding: 2em; }

.contact-dialog, .contact-dialog .ui-corner-all {
  -moz-border-radius: 0; }

.contact-dialog .ui-widget-header {
  display: none; }

.contact-dialog .ui-button {
  text-transform: uppercase;
  background: #E49A00;
  color: #fff;
  padding: 0.133em 0.933em; }

.content-modul .form_error_inline {
  width: 95%;
  padding-right: 3%;
  clear: both;
  display: none; }

#popup.form-newsletter form {
  width: 22em; }

#popup.form-newsletter .topic {
  width: 24.5em; }

#popup.form-newsletter .radio_group label {
  width: auto;
  padding: 0 1em 0 0.2em; }

#popup.form-newsletter .form_item .form_input_text, #popup.form-newsletter .submit_button {
  width: 20.2em; }

#popup.form-newsletter .submit_button {
  padding-top: 2.3em; }

#popup.form-newsletter .popup-content {
  left: 12.5em;
  margin-left: 0;
  width: 21em; }

#popup.form-newsletter .popup-content .dyn_form {
  margin-left: 0.1em; }

.textContact .headline {
  color: #000000;
  display: block;
  font-family: Hella Regular,Arial,Helvetica;
  font-size: 1.538em;
  font-weight: normal;
  line-height: 1.1em;
  margin-bottom: 1em;
  text-transform: uppercase; }

/************************** SEARCH *******************************/
#searchpage {
  font-weight: normal; }

#searchpage #left-side {
  /* Width of page by sitemap */
  width: 35.716em;
  /* padding-left:3.733em; */
  padding-left: 0;
  padding-right: 0; }

#searchpage #left-side-modules {
  padding-left: 0; }

#searchpage #right-side {
  padding-right: 0; }

#searchpage .toolbox .topic {
  line-height: 1.2em; }

.search-results a, .search-all-results span {
  color: #E49A00; }

.search-overview-header {
  height: 1.5em;
  line-height: 1.5em;
  padding-bottom: .2em;
  margin-bottom: 0.8em; }

.search-all-results {
  color: #6A7A86; }

.search-results {
  /* font-size:0.867em; */ }

.search-header {
  height: 1.2em; }

.search-overview-header {
  margin-top: 1.1em;
  border-bottom: 1px #000 dotted; }

.search-header a {
  display: block;
  float: left;
  padding-right: 2.2em; }

.search-header span {
  display: block;
  float: left;
  padding-right: 8em; }

.search-empty-query {
  height: 150px; }

.search-sort-form {
  float: right;
  position: relative;
  top: -1.5em; }

.search-overview-header .left {
  float: left; }

.search-overview-header .right {
  float: right; }

.search-overview {
  clear: both; }

.search-overview-right {
  float: right; }

.search-overview-left {
  float: left; }

.search-button-first, .search-button-back, .search-button-pages, .search-button-next, .search-button-last {
  float: left; }

.search-button-first, .search-button-back, .search-button-next, .search-button-last {
  width: 1.4em; }

.search-button-pages {
  width: 4.5em;
  text-align: center;
  position: relative;
  top: -1px; }

.search_paging {
  padding-left: 12.7em; }

.search_paging img {
  float: left; }

.extended-search {
  font-size: 0.867em;
  /* font-weight: bold; */ }

.extended-search-left {
  width: 10em;
  float: left; }

.extended-search-right {
  width: 16em;
  float: right; }

.extended-search-full {
  width: 26.76em;
  float: none; }

.extended-search-right .submit {
  width: 15.6em;
  margin-top: .6em; }

.extended-search img {
  position: relative;
  top: .3em; }

.extended-search fieldset {
  border: 0; }

.extended-search-right .extended-search-field {
  width: 15.45em; }

.extended-search-field {
  border: 1px solid #6A7A86; }

.extended-search .submit {
  background: none repeat scroll 0 0 #E49A00;
  border: 0;
  color: #FFFFFF;
  font-family: Arial, Helvetica;
  padding: 0.133em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase; }

.extended-search-full {
  padding-bottom: .8em; }

.extended-search fieldset.first {
  padding-bottom: 2em; }

.extended-search fieldset.last .extended-search-left {
  position: relative;
  top: 10px; }

.extended-search strong {
  color: #000;
  position: relative;
  top: -2px; }

/************************ GLOSSARY ******************************/
.glossary-mark {
  color: #E49A00;
  border-bottom: 1px #E49A00 dotted;
  cursor: help; }

.glossary-mark {
  border: 0; }

.glossary-content {
  display: none; }

.qtip {
  font-family: Arial, Helvetica;
  font-size: 0.8125em; }

.qtip p {
  padding: 0.25em; }

.contactPerson {
  float: left;
  width: 41.231em; }

.contactPerson img {
  width: 6.923em;
  height: 9.231em;
  float: left;
  margin-right: 1.154em; }

.contactPerson p {
  float: left;
  width: 41.231em; }

/**********HSP Page***********/
.sOption {
  border: 1px solid #91A5AF;
  float: left;
  margin: 0 20px 0 0;
  padding: 10px 10px 8px 10px;
  position: relative; }

.sOption.lastOption {
  margin: 0; }

.optionOverlay {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 408px;
  height: 425px;
  background-color: #DEE4E7;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
  text-decoration: none; }

.optionLable {
  /*display:none;*/
  position: absolute;
  top: 295px;
  right: 10px;
  width: 388px;
  background: url("images/categorySell.png") no-repeat scroll 95% 60% #6A7A86;
  color: #FFF;
  padding: 10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
  text-decoration: none;
  z-index: 1000;
  /*font-size: 1.2em;*/
  text-transform: uppercase; }

.optionLable hr {
  background-color: #FFF;
  border: 0 none;
  color: #FFF;
  margin: 0 0 0.2em;
  padding: 0; }

.addText {
  color: #6A7A86;
  font-size: 0.867em;
  font-weight: normal;
  line-height: 1.231em;
  margin-bottom: 1.7em; }

.addText a {
  color: #E49A00;
  text-decoration: none; }

/******************************* LAYERS ********************************/
#jquery-lightbox {
  z-index: 1110; }

#jquery-overlay {
  z-index: 1100; }

#logo, #search, #popup #logo, #bubble-tips {
  z-index: 1000; }

#login, .otherLoginsFrame, .otherLanguageFrame, #login {
  z-index: 1010; }

#arrow, #navLine, #tools img, #tools-centred img {
  z-index: 801; }

#mainNavigation ul {
  z-index: 800; }

#breadcrumb, #breadcrumb-channel {
  z-index: 700; }

.graphic, .prevBtn, .nextBtn, span#controls, .toolbox .toolbox-controls, .toolbox .prevBtn {
  z-index: 600; }

#level2 {
  z-index: 500; }

/******************************* Interactive MAP ********************************/
#mapModule {
  color: #6A7A86;
  display: block;
  font-weight: normal;
  /* height: 6.15em; */
  line-height: 1.231em;
  margin-bottom: 3.077em; }

.imageModuleContentMap .textField {
  color: #6A7A86;
  font: 0.867em/1.231em normal Arial,Helvetica;
  height: 18.4em;
  margin-left: 0;
  padding-left: 0.923em;
  padding-top: 0.808em;
  position: relative;
  width: 23.077em; }

.imageModuleContentMap {
  background: url("images/deutschland-Karte_new.png") no-repeat scroll left top #FFFFFF;
  margin-bottom: 2em;
  width: 100%; }

.imageModuleContentMap h2 {
  color: #000000;
  font: 1.33em/1.1em Hella Regular,Arial,Helvetica;
  padding-left: 0.6em;
  padding-top: 0.5em;
  position: relative;
  text-transform: uppercase; }

.imageModuleContentMap p {
  color: #6A7A86;
  font: 0.867em/1.231em normal Arial,Helvetica;
  height: 15.385em;
  margin-left: 0;
  padding-left: 0.923em;
  padding-top: 0.808em;
  position: relative;
  width: 23.077em; }

#mapModule .listModule p, #mapModule .scrollListModule p {
  color: #6A7A86;
  font: 0.867em/1.231em Arial,Helvetica;
  margin-left: 0; }

ul#companies {
  list-style: none;
  /*	background: url('images/deutschland-Karte.png') no-repeat 0 0; */
  position: relative;
  /*	width: 443px; */
  /*	height: 599px; */
  margin: 0;
  padding: 0;
  z-index: 10; }

ul#companies li {
  position: absolute; }

ul#companies li a {
  display: block;
  height: 100%;
  text-decoration: none;
  background: url("images/point_unchecked_new.png") no-repeat 0 0; }

#Lippstadt {
  height: 11px;
  left: 355px;
  top: 124px;
  width: 11px; }

#Erwitte {
  height: 11px;
  left: 353px;
  top: 132px;
  width: 11px; }

#Bremen {
  height: 11px;
  left: 369px;
  top: 67px;
  width: 11px;
  z-index: 0; }

#Hamm {
  height: 11px;
  left: 339px;
  top: 125px;
  width: 11px; }

#Recklinghausen {
  height: 11px;
  left: 319px;
  top: 126px;
  width: 11px; }

#Wembach {
  height: 11px;
  left: 337px;
  top: 274px;
  width: 11px; }

ul#companies li a:hover, ul#companies li a.active {
  background: url("images/point_checked_new.png") no-repeat 0 0; }

ul#companies li a span {
  display: none;
  z-index: 1000; }

ul#companies li a:hover span {
  display: block;
  padding: 5px;
  width: 170px;
  background: #FFFFFF;
  position: relative;
  top: -63px;
  left: 10px;
  font: 11px Arial, Helvetica, sans-serif;
  opacity: .75;
  /*	Transparency for Mozilla */
  filter: alpha(opacity=75);
  /*	Transparency for IE */
  color: #000000;
  z-index: 1000; }

ul#companies li a:hover span strong {
  display: block;
  margin-bottom: 2px;
  font-size: 12px; }

.toolbox.Erwitte, .toolbox.Bremen, .toolbox.Hamm, .toolbox.Recklinghausen, .toolbox.Wembach {
  display: none; }

.borderImage {
  border: solid 1px #DEE4E7 !important; }

.textfeld {
  width: 11em;
  font-size: 1em; }

form#add {
  font-size: 0.867em;
  font-family: Arial,Helvetica;
  font-weight: normal; }

.btn_form {
  background-color: #E49A00;
  color: #FFF;
  padding: 0.077em 1em 0.077em 1em; }

/********** Language selection ***********/
#tools.toolsInHead {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10000;
  border: 0px; }

#languages {
  display: none; }

.adminPage #languages {
  display: block; }

li#languages {
  width: auto;
  position: relative;
  z-index: 10000;
  top: 2px;
  height: 21px;
  margin-top: 1px;
  display: none; }

#languages .languages {
  display: block;
  position: relative; }

#languages .langCurrent {
  display: block;
  height: 28px;
  line-height: 16px; }

#languages .langFlag {
  top: 1px; }

#languages .langColumn {
  float: left; }

#languages .langItem {
  float: none;
  display: block;
  width: auto; }

#languages .langLink {
  display: block;
  padding: 0px 4px 0px 4px; }

#languages .langLabel {
  color: #888;
  font-size: 12px; }

#languages.live .languages {
  position: absolute;
  left: -12px;
  top: 24px;
  display: none;
  border: 1px solid #333;
  border-top: 0px;
  background: white;
  padding: 0px 2px 4px 2px;
  box-shadow: 0px 4px 4px 0px #666;
  -moz-box-shadow: 0px 4px 4px 0px #666;
  -webkit-box-shadow: 0px 4px 4px 0px #666;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

#languages.live .langItem {
  min-width: 90px;
  margin: 0px;
  padding: 0px; }

#languages.live .langLink {
  padding: 4px 8px 4px 8px;
  margin: 0px 2px 0px 2px;
  border-radius: 4px; }

#languages.live a.langLink:hover {
  background: #CE9600; }

#languages.live a.langLink:hover span {
  color: #fff; }

#tools.toolsInHead #languages.live .languages {
  background: #E8E8E8; }

/******************************* Products overview ********************************/
.tabMatrix {
  display: block;
  margin: 0;
  width: 100%; }

ul.quicktabs_tabs.tablist {
  float: left;
  margin: 0;
  padding: 4px 0;
  position: relative;
  width: 20%;
  z-index: 2; }

ul.quicktabs_tabs.tablist li {
  display: block;
  margin-right: -1px;
  padding: 0; }

ul.quicktabs_tabs.tablist li a {
  color: #404040;
  display: block;
  font-weight: normal;
  height: 23px;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
  text-decoration: none; }

ul.quicktabs_tabs.tablist li.active {
  background: none repeat scroll 0 0 #F0F8FC;
  border-bottom: 1px solid #BFD0FF;
  border-top: 1px solid #BFD0FF; }

ul.quicktabs_tabs.tablist li.active a {
  color: #007734;
  font-weight: bold; }

.quicktabs_main.tablist {
  background: none repeat scroll 0 0 #F0F8FC;
  border: 1px solid #BFD0FF;
  float: left;
  min-height: 64px;
  padding: 10px;
  position: relative;
  width: 70%;
  z-index: 1; }

ul.quicktabs_tabs.tablist {
  padding: 0; }

ul.quicktabs_tabs.tablist li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(center top, #F2F2F2 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
  border-color: #999999 #999999 -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );
  color: #666666;
  font-size: 13px;
  font-weight: bold !important;
  height: 30px;
  line-height: 32px; }

ul.quicktabs_tabs.tablist li.active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(center top, #EFEEF3 0%, #BCBCBC 100%) repeat scroll 0 0 transparent;
  border-color: #999999 #999999 -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  color: #444444; }

ul.quicktabs_tabs.tablist li a {
  color: #666666; }

ul.quicktabs_tabs.tablist li.active a {
  color: #444444; }

ul.quicktabs_tabs li.last, ul.quicktabs_tabs li.active.last {
  border: 1px solid #999999; }

.quicktabs_main.tablist {
  border: medium none;
  padding: 0;
  width: 80%; }

ul.quicktabs_tabs.quicktabs-style-basic {
  background: url("images/po_bkg_hor_tabs.png") no-repeat scroll left top #F2F2F2;
  border-bottom: medium none;
  border-top: 1px solid #999999;
  font: bold 13px Arial,Helvetica,sans-serif !important;
  height: 53px;
  padding-left: 15px; }

ul.quicktabs_tabs.quicktabs-style-basic li {
  border: medium none;
  color: #666666;
  display: block;
  float: left;
  height: 49px;
  line-height: 30px;
  margin: 0 3px 0 0;
  padding: 2px 5px;
  position: relative; }

ul.quicktabs_tabs.quicktabs-style-basic li a {
  color: #666666;
  font-weight: normal !important;
  height: 49px; }

ul.quicktabs_tabs.quicktabs-style-basic li:hover {
  border: medium none; }

ul.quicktabs_tabs.quicktabs-style-basic li.active {
  background: url("images/po_active_tab.png") no-repeat scroll center 30px transparent;
  border: medium none;
  height: 49px; }

ul.quicktabs_tabs.quicktabs-style-basic li.active a {
  color: #444444;
  font-weight: bold !important;
  height: 49px; }

.quicktabs_main.quicktabs-style-basic {
  background: -moz-linear-gradient(center top, #F1F1F1 0%, #FCFCFD 100%) repeat scroll 0 0 transparent;
  border: medium none;
  float: left;
  padding: 0; }

ul.quicktabs_tabs.quicktabs-style-navlist li {
  border: 1px solid #999;
  border-bottom: none;
  height: 30px;
  line-height: 32px;
  color: #666;
  font-size: 13px;
  font-weight: bold !important;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  background: linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 ); }

ul.quicktabs_tabs.quicktabs-style-navlist li.active {
  border: 1px solid #999;
  border-bottom: none;
  color: #444;
  background: #efeef3;
  background: -moz-linear-gradient(top, #efeef3 0%, #bcbcbc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeef3), color-stop(100%, #bcbcbc));
  background: -webkit-linear-gradient(top, #efeef3 0%, #bcbcbc 100%);
  background: -o-linear-gradient(top, #efeef3 0%, #bcbcbc 100%);
  background: -ms-linear-gradient(top, #efeef3 0%, #bcbcbc 100%);
  background: linear-gradient(top, #efeef3 0%, #bcbcbc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeef3', endColorstr='#bcbcbc',GradientType=0 ); }

.quicktabs_tabpage .view-articles {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  margin: 8px 15px;
  opacity: 0.8; }

.quicktabs_tabpage .view-articles .view-content .views-row, .quicktabs_tabpage .view-articles .view-empty {
  border-top: 1px solid #CFCFCF;
  float: left;
  padding: 16px 12px;
  width: 674px; }

.quicktabs_tabpage .view-articles .view-empty {
  border-bottom: 1px solid #CFCFCF;
  width: 674px; }

.quicktabs_tabpage .view-articles .view-content, .quicktabs_tabpage .view-articles .view-content .views-empty {
  float: left; }

.quicktabs_tabpage .view-articles .views-row-last {
  border-bottom: 1px solid #CFCFCF; }

.quicktabs_tabpage .view-articles .views-field-tid {
  color: #222222;
  float: left;
  font-size: 9px;
  text-transform: uppercase;
  width: 65px; }

.quicktabs_tabpage .view-articles .views-field-title {
  color: #222222;
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
  width: 450px; }

.quicktabs_tabpage .view-articles .views-field-body {
  clear: left;
  color: #222222;
  float: left;
  line-height: 18px;
  padding-left: 65px;
  width: 400px; }

.productImg {
  float: right;
  margin-top: -20px; }

.quicktabs_tabpage .view-articles .views-field-field-article-pdf-fid a:hover {
  text-decoration: underline; }

.quicktabs_tabpage .view-articles .views-field-field-article-moreinfo-url {
  background: url("http://hella.trustpb.de/soe/sites/all/themes/hella_soe/images/icon_moreinfo.png") no-repeat scroll left center transparent;
  float: left;
  margin-left: 65px;
  padding-left: 25px;
  width: 400px; }

.quicktabs_tabpage .view-articles .views-field-field-article-moreinfo-url a {
  color: #222222;
  text-decoration: none; }

.quicktabs_tabpage .view-articles .views-field-field-article-moreinfo-url a:hover {
  text-decoration: underline; }

.quicktabs_tabpage .view-articles li:first-letter {
  text-transform: uppercase; }

.quicktabs-hide {
  display: none; }

div.tab-0, div.tab-1, div.tab-2, div.tab-3, div.tab-4, div.tab-5, div.tab-6, div.tab-7, div.tab-8 {
  display: none; }

div.tab-0.active, div.tab-1.active, div.tab-2.active, div.tab-3.active, div.tab-4.active, div.tab-5.active, div.tab-6.active, div.tab-7.active, div.tab-8.active {
  display: block; }

/**************************************Product carusel ***********************************************************/
.tx-scroller {
  overflow: hidden;
  position: relative;
  width: 100%; }

.tx-scroller ul {
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap; }

.tx-scroller li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.tx-scroller.smartEdit li img {
  display: block; }

.tx-scroller a {
  text-decoration: none; }

.tx-scroller .tx-scroller-caption {
  background-color: #EEEEEE;
  font-size: 0.8em;
  padding: 0.2em;
  text-align: center;
  width: 8em; }

.tx-scroller ul li p {
  white-space: normal; }

/********** Slider Start Page ***********/
#sliderPage {
  position: relative;
  width: 564px;
  height: 629px; }

#sliderPage .spContainer {
  position: relative;
  width: 564px;
  height: 629px;
  background: #888;
  /*overflow:hidden;*/ }

#sliderPage .spRdPanelAbsolute {
  position: absolute;
  z-index: 3;
  left: 16em;
  top: 0px;
  width: 16em;
  background: #ddd; }

#sliderPage .spRdPanelRelative {
  position: relative;
  z-index: 3;
  left: 250px;
  top: 1.333em;
  width: 16em;
  background: #ddd; }

#sliderPage .spSlide {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 564px;
  height: 629px;
  background: #888; }

#sliderPage .spTeaser {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 564px;
  height: 629px; }

#sliderPage .spFrame {
  position: absolute;
  left: 0px;
  bottom: 5em;
  width: 535px;
  min-height: 8em;
  margin-right: auto; }

#sliderPage .spWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  background: white;
  opacity: 0.75;
  filter: alpha(opacity=75);
  border-top-right-radius: 0.667em;
  -moz-border-top-right-radius: 0.667em;
  -webkit-border-top-right-radius: 0.667em;
  border-bottom-right-radius: 0.667em;
  -moz-border-bottom-right-radius: 0.667em;
  -webkit-border-bottom-right-radius: 0.667em; }

#sliderPage .spIcon {
  display: none; }

#sliderPage .spText {
  position: relative;
  margin: 1.333em 2.667em 1.333em 2.667em;
  color: #000; }

#sliderPage .spTitle {
  font: normal 1.538em/1.1em Hella Regular,Arial,Helvetica;
  margin-bottom: 1em;
  text-transform: uppercase; }

#sliderPage .spShort,
#sliderPage .spMore {
  font: normal normal 400 0.872em/1.073em Arial;
  color: #333;
  line-height: 1.23em; }

#sliderPage .spMore {
  display: none; }

#sliderPage .spLink {
  color: #AF7500; }

#sliderPage .spTypeVideo {
  width: 41.2em; }

#sliderPage .spTypeVideo .spWrap {
  left: 168px;
  width: 366px; }

#sliderPage .spTypeVideo .spText {
  margin-left: 14.000em;
  margin-right: 100px; }

#sliderPage .spTypeVideo .spIcon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10.667em;
  height: 100%;
  display: block;
  background: url("images/slider-icon-play.gif") center center;
  opacity: 0.75;
  filter: alpha(opacity=75); }

#sliderPage .spTypeFile {
  width: 41.2em; }

#sliderPage .spTypeFile .spWrap {
  left: 168px;
  width: 366px; }

#sliderPage .spTypeFile .spText {
  margin-left: 14.000em;
  margin-right: 100px; }

#sliderPage .spTypeFile .spIcon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10.667em;
  height: 100%;
  display: block;
  background: url("images/slider-icon-download.gif") center center;
  opacity: 0.75;
  filter: alpha(opacity=75); }

#sliderPage .spNavigation {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  right: 2em; }

#sliderPage .spPointer {
  cursor: pointer; }

#sliderPage .spDot {
  float: right;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  border: 0.2em solid white;
  background: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  cursor: pointer; }

#sliderPage .spDot:hover {
  background: #E49A00; }

#sliderPage .spDot.current {
  background: transparent; }

.singleModuleSlide .teasers .teaser {
  margin-right: 4.2em; }

/************* News filter ***************/
#contentFilter {
  height: 90px;
  position: relative; }

#filter {
  font: 0.867em Arial, Helvetica;
  color: #6A7A86;
  height: 40px;
  background-color: #D8DBE0;
  border: 1px solid #C8C8C8;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative; }

#filter button {
  display: none; }

.filterYear {
  float: left;
  line-height: 10px;
  margin-left: 20px;
  margin-right: 15px;
  padding-top: 0.8em; }

.filterType {
  margin-right: 15px;
  float: left;
  line-height: 10px;
  padding-top: 0.8em; }

.filterLanguage {
  width: 150px;
  float: left;
  line-height: 10px;
  padding-top: 0.8em;
  display: none; }

#contentFilter .reddot {
  line-height: 16px; }

#contentFilter .contentFilterRedDot {
  position: relative;
  padding: 5px; }

.filterShow {
  padding: 3px;
  margin-top: 18px;
  margin-right: 10px;
  border: 0 solid #6A7A86;
  text-decoration: none;
  text-transform: uppercase;
  float: right;
  font-weight: bold; }

.filterSubmit {
  color: #E49A00;
  padding: 0.133em 0.2em;
  text-decoration: none;
  text-transform: uppercase; }

.filterSubmit.r20 {
  font-size: 1.08em; }

.filterSubmit.r50 {
  font-size: 1.154em; }

.filterSubmit.selectedFilter {
  text-decoration: underline; }

/******************* Paging ***********************/
.modulePage {
  width: 35.7em;
  padding: 0.75em;
  margin: 0.75em auto; }

ul.jPag-pages {
  float: left;
  list-style-type: none;
  margin: 0 !important;
  padding: 0; }

.jPaginate {
  color: #E49A00;
  height: 34px;
  position: relative;
  width: 100%; }

.jPag-control-back {
  display: block;
  height: 36px;
  left: 0;
  position: absolute;
  width: 74px; }

ul.jPag-pages li {
  float: left; }

ul.jPag-pages li a, ul.jPag-pages li span {
  display: block;
  margin: 0 0.1em;
  padding: 0;
  height: 35px;
  width: 35px;
  border: 1px solid #6A7A86;
  border-radius: 0.2em;
  line-height: 2.2em;
  text-align: center; }

.jPag-control-front {
  position: absolute;
  top: 0; }

.jPag-control-front a, .jPag-control-back a {
  height: 35px;
  width: 35px;
  display: block;
  text-indent: -99999px;
  border-radius: 0.2em;
  float: left; }

.jPag-control-back a {
  background: transparent url("images/000_Styleguide_r4_c32.png") no-repeat center center; }

.jPag-control-front a {
  background: transparent url("images/000_Styleguide_r4_c38.png") no-repeat center center; }

.jPag-control-back a:hover {
  background: transparent url("images/000_Styleguide_r22_c32.png") no-repeat center center; }

.jPag-control-front a:hover {
  background: transparent url("images/000_Styleguide_r22_c38.png") no-repeat center center; }

.jPag-sprevious, .jPag-snext {
  height: 35px;
  width: 35px;
  text-indent: -99999px;
  display: block;
  float: left;
  border: 1px solid #d3d7dc;
  border-radius: 0.2em; }

.jPag-sprevious {
  background: transparent url("images/000_Styleguide_r4_c34.png") no-repeat center center; }

.jPag-snext {
  background: transparent url("images/000_Styleguide_r4_c36.png") no-repeat center center; }

.jPag-sprevious:hover {
  background: transparent url("images/000_Styleguide_r22_c34.png") no-repeat center center; }

.jPag-snext:hover {
  background: transparent url("images/000_Styleguide_r22_c36.png") no-repeat center center; }

ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-next, span.jPag-sprevious, span.jPag-snext, ul.jPag-pages li span.jPag-previous-img, ul.jPag-pages li span.jPag-next-img, span.jPag-sprevious-img, span.jPag-snext-img {
  float: left; }

/*************** pressBilder ***************/
.pressPageContent {
  float: left;
  width: 536px;
  font-size: 0.867em;
  color: #6A7A86;
  font-weight: normal;
  line-height: 1.231em; }

.pressPagePanel {
  position: relative;
  float: left;
  width: 255px;
  padding-right: 10px;
  padding-bottom: 20px; }

.pressPageMain {
  width: 100%;
  min-height: 130px;
  padding-bottom: 5px; }

.pressPageImage {
  float: left;
  padding-right: 5px;
  width: 100px;
  height: 80px; }

.pressImgHide {
  display: none; }

.pressPageDownloadImg {
  position: relative;
  display: block;
  background: url("images/download.png") no-repeat;
  width: 14px;
  height: 12px;
  left: 241px; }

.pressPageContent .reddot {
  width: 260px;
  display: inline-block !important; }

.pressGalleryBorder {
  border: 1px solid #6A7A86 !important; }

/*************** pressBilder end ***************/
/************ Traktor module *************/
#imgSelArea .contentDataImg {
  float: left;
  margin-right: 2em; }

#imgSelArea #selectionsData {
  font-size: 0.867em;
  font-weight: normal;
  color: #7C7B6D; }

#imgSelArea #selectionsData h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.2em; }

#imgSelArea #selectionsData a {
  margin-top: 0.2em;
  display: block; }

.navigationData li h3, .submenuData li {
  border: 1px solid #7C7B6D;
  display: block;
  float: left;
  margin-bottom: 10px;
  padding: 5px 10px;
  cursor: pointer;
  color: #000000;
  width: 25em; }

.navigationData li.lastEntry {
  margin: 0; }

.navigationData li h3:hover, .navigationData li h3.selectedItem, .navigationData li h3.activeItem {
  background-color: #CD8D00; }

.navigationData, .submenuData {
  margin-left: 0 !important;
  list-style: none outside none; }

/*.submenuData{
        display: block;
    }*/
.submenuData li a {
  color: #000000; }

.submenuData li a img {
  float: left; }

.submenuTitles {
  display: block;
  float: left;
  margin-left: 50px;
  margin-top: 20px; }

.uniPagesModule .page {
  display: none; }

.uniPagesModule .contImg {
  margin-bottom: 2.133em;
  height: 21.333em; }

.singleModuleSlide .table table {
  font-size: 1em; }

.page object {
  margin-bottom: 15px; }

/************ Traktor module end *************/
/*************** History module ***************/
.historyContent {
  position: relative;
  width: 100%;
  height: 300px;
  cursor: default;
  font-weight: normal;
  color: #6A7A86;
  font-size: 0.867em;
  line-height: 1.231em;
  padding-bottom: 100px; }

.historyContent .config {
  display: none; }

.historyContent .historySlider {
  position: relative;
  width: 905px;
  height: 325px;
  overflow: auto;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-y: hidden; }

.historyContent .historyBottom {
  position: absolute;
  top: 267px;
  width: 892px;
  height: 22px;
  padding: 10px 3px 10px 10px;
  background: url("images/historyBackground.png"); }

.historyBottom input {
  margin: 0;
  padding: 0;
  float: left; }

.historyBottom label {
  display: block;
  float: left;
  margin-right: 15px;
  margin-top: 4px;
  cursor: pointer;
  color: black;
  font: bold 17px Arial, Helvetica; }

.historyBottom span.radio-container {
  position: relative;
  float: left;
  margin-right: 3px;
  /* margin-top: 1px;*/
  width: 25px;
  height: 26px;
  overflow: hidden; }

.historyBottom span.radio-container span.radio.dvl1 {
  display: block;
  width: 25px;
  height: 25px;
  background: url("images/radio.png") no-repeat 0px 0px; }

.historyBottom span.radio-container span.radio.dvl2 {
  display: block;
  width: 25px;
  height: 25px;
  background: url("images/radio.png") no-repeat 0px -51px; }

.historyBottom span.radio-container span.radio.dvl1.selected {
  background-position: 0px -25px; }

.historyBottom span.radio-container span.radio.dvl2.selected {
  background-position: 0px -76px; }

.historyBottom span.radio-container input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 101;
  cursor: pointer;
  width: 25px;
  height: 25px; }

.historyIe {
  margin-top: -17px !important; }

.historyIeLabel {
  margin-top: -11px !important; }

.ie7 .historyPointYear {
  position: relative;
  z-index: 5;
  bottom: -18px;
  left: -44px; }

.ie7 .historyBottom span.radio-container span.radio {
  display: inline-block; }

/* main part */
.historyMain {
  position: relative;
  display: inline-block;
  width: 210px;
  height: 240px;
  margin-left: -32px; }

.historyMainFirst {
  margin-left: -22px; }

.historyMainLast {
  margin-right: 50px; }

.historyYear {
  position: absolute;
  bottom: 12px;
  left: 26px;
  font-size: 17px;
  color: black;
  font-weight: bold; }

.historyPointPic {
  position: absolute;
  display: block;
  background: url("images/point.png");
  border: 0;
  width: 33px;
  height: 33px;
  bottom: 68px;
  left: 23px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px; }

#historyPro .historyPointPic {
  position: absolute;
  display: block;
  background: url("images/pointY.png");
  border: 0;
  width: 33px;
  height: 33px;
  bottom: 68px;
  left: 23px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px; }

.historyBlockFirst_6 .historyPointPic {
  bottom: 66px; }

.historyBlockSecond_6 .historyPointPic {
  bottom: 94px; }

.historyBlockThird_6 .historyPointPic {
  bottom: 122px; }

.historyBlockFourth_6 .historyPointPic {
  bottom: 150px; }

.historyBlockFifth_6 .historyPointPic {
  bottom: 178px; }

.historyBlockSixth_6 .historyPointPic {
  bottom: 206px; }

.historyBlockFirst_5 .historyPointPic {
  bottom: 66px; }

.historyBlockSecond_5 .historyPointPic {
  bottom: 100px; }

.historyBlockThird_5 .historyPointPic {
  bottom: 136px; }

.historyBlockFourth_5 .historyPointPic {
  bottom: 170px; }

.historyBlockFifth_5 .historyPointPic {
  bottom: 206px; }

.historyBlockFirst_4 .historyPointPic {
  bottom: 66px; }

.historyBlockSecond_4 .historyPointPic {
  bottom: 109px; }

.historyBlockThird_4 .historyPointPic {
  bottom: 156px; }

.historyBlockFourth_4 .historyPointPic {
  bottom: 206px; }

.historyBlockFirst_3 .historyPointPic {
  bottom: 66px; }

.historyBlockSecond_3 .historyPointPic {
  bottom: 136px; }

.historyBlockThird_3 .historyPointPic {
  bottom: 200px; }

.historyBlockFirst_2 .historyPointPic {
  bottom: 90px; }

.historyBlockSecond_2 .historyPointPic {
  bottom: 168px; }

.historyBlockFirst_1 .historyPointPic {
  bottom: 110px; }

.historyPointPic:hover, .historyPointPic.hover {
  position: absolute;
  z-index: 101;
  background: url("images/pointUp.png"); }

#historyPro .historyPointPic:hover, #historyPro .historyPointPic.hover {
  position: absolute;
  z-index: 101;
  background: url("images/pointUpY.png"); }

.historyPointVideo:hover, .historyPointVideo.hover {
  background: url("images/pointVideo.png") !important; }

#historyPro .historyPointVideo:hover, #historyPro .historyPointVideo.hover {
  background: url("images/pointVideoY.png") !important; }

.historyPoint {
  position: absolute;
  display: block;
  background: url("images/pointSingle.png");
  width: 33px;
  height: 33px;
  bottom: 110px;
  left: 23px;
  cursor: default; }

.historyPoint:hover {
  background: url("images/pointSingle.png") !important; }

.historyLine {
  position: absolute;
  display: block;
  background: url("images/rod.png");
  width: 33px;
  height: 80px;
  bottom: 31px;
  left: 23px; }

#historyPro .historyLine {
  position: absolute;
  display: block;
  background: url("images/rodY.png");
  width: 33px;
  height: 80px;
  bottom: 31px;
  left: 23px; }

.historyBlockFirst_1 .historyLine {
  height: 80px;
  bottom: 31px; }

.historyBlockFirst_2 .historyLine {
  height: 59px;
  bottom: 31px; }

.historyBlockSecond_2 .historyLine {
  height: 50px;
  bottom: 118px; }

.historyBlockFirst_3 .historyLine {
  height: 35px; }

.historyBlockSecond_3 .historyLine {
  height: 42px;
  bottom: 94px; }

.historyBlockThird_3 .historyLine {
  height: 36px;
  bottom: 164px; }

.historyBlockFirst_4 .historyLine, .historyBlockFirst_5 .historyLine, .historyBlockFirst_6 .historyLine {
  height: 35px;
  bottom: 31px; }

.historyBlockFourth_4 .historyLine {
  height: 22px;
  bottom: 184px; }

.historyBlockThird_4 .historyLine {
  height: 19px;
  bottom: 137px; }

.historyBlockSecond_4 .historyLine {
  height: 16px;
  bottom: 94px; }

.historyBlockFifth_5 .historyLine {
  height: 8px !important;
  bottom: 198px !important; }

.historyBlockFourth_5 .historyLine {
  height: 6px !important;
  bottom: 164px !important; }

.historyBlockThird_5 .historyLine {
  height: 8px !important;
  bottom: 128px !important; }

.historyBlockSecond_5 .historyLine {
  height: 6px !important;
  bottom: 94px !important; }

.historyBlockSixth_6 .historyLine, .historyBlockFifth_6 .historyLine, .historyBlockFourth_6 .historyLine, .historyBlockThird_6 .historyLine, .historyBlockSecond_6 .historyLine {
  height: 0px !important;
  bottom: 0px !important; }

.historyBlock {
  height: 240px; }

.historyBlockSecond {
  position: relative;
  top: 179px; }

/* opt mozila */
@-moz-document url-prefix() {
  .historyBlock {
    height: 240px; }
  .historyText {
    position: absolute;
    font-size: 14px;
    font-family: Hella Light, Arial, Helvetica;
    height: 70px;
    left: 60px;
    top: 102px !important;
    white-space: normal;
    color: #6A7A86 !important; }
  .historyBlockFirst_1 .historyText {
    top: 102px !important; }
  .historyBlockFirst_2 .historyText {
    top: 121px !important; }
  .historyBlockSecond_2 .historyText {
    top: 43px !important; }
  .historyBlockFirst_3 .historyText, .historyBlockFirst_4 .historyText,
  .historyBlockFirst_5 .historyText, .historyBlockFirst_6 .historyText {
    top: 148px !important; }
  .historyBlockSecond_3 .historyText {
    top: 80px !important; }
  .historyBlockThird_3 .historyText {
    top: 14px !important; }
  .historyBlockSecond_4 .historyText {
    top: 102px !important; }
  .historyBlockThird_4 .historyText {
    top: 55px !important; }
  .historyBlockFourth_4 .historyText {
    top: 5px !important; }
  .historyBlockSecond_5 .historyText {
    top: 110px !important; }
  .historyBlockThird_5 .historyText {
    top: 74px !important; }
  .historyBlockFourth_5 .historyText {
    top: 42px !important; }
  .historyBlockFifth_5 .historyText {
    top: 5px !important; }
  .historyBlockSecond_6 .historyText {
    top: 118px !important; }
  .historyBlockThird_6 .historyText {
    top: 90px !important; }
  .historyBlockFourth_6 .historyText {
    top: 62px !important; }
  .historyBlockFifth_6 .historyText {
    top: 35px !important; }
  .historyBlockSixth_6 .historyText {
    top: 5px !important; } }

.historyText {
  position: absolute;
  line-height: 13px;
  font-size: 10px;
  left: 55px;
  top: 102px;
  white-space: normal;
  color: #6A7A86 !important;
  cursor: pointer;
  z-index: 100; }

.historyBlockFirst_1 .historyText {
  top: 102px; }

.historyBlockFirst_2 .historyText {
  top: 122px; }

.historyBlockSecond_2 .historyText {
  top: 43px; }

.historyBlockFirst_3 .historyText, .historyBlockFirst_4 .historyText,
.historyBlockFirst_5 .historyText, .historyBlockFirst_6 .historyText {
  top: 147px; }

.historyBlockSecond_3 .historyText {
  top: 76px; }

.historyBlockThird_3 .historyText {
  top: 13px; }

.historyBlockSecond_4 .historyText {
  top: 103px; }

.historyBlockThird_4 .historyText {
  top: 56px; }

.historyBlockFourth_4 .historyText {
  top: 5px; }

.historyBlockSecond_5 .historyText {
  top: 113px; }

.historyBlockThird_5 .historyText {
  top: 76px; }

.historyBlockFourth_5 .historyText {
  top: 42px; }

.historyBlockFifth_5 .historyText {
  top: 5px; }

.historyBlockSecond_6 .historyText {
  top: 117px; }

.historyBlockThird_6 .historyText {
  top: 88px; }

.historyBlockFourth_6 .historyText {
  top: 61px; }

.historyBlockFifth_6 .historyText {
  top: 33px; }

.historyBlockSixth_6 .historyText {
  top: 4px; }

.historyInformation {
  display: none;
  width: 860px;
  height: 215px;
  white-space: normal;
  position: absolute;
  z-index: 1099;
  background-color: white;
  padding: 25px 5px 5px 5px;
  left: 15px;
  top: -4px;
  border: 1px solid grey;
  -moz-box-shadow: 0 0 25px 5px #888;
  -webkit-box-shadow: 0 0 25px 5px #888;
  box-shadow: 0 0 25px 5px #888; }

.historyCloseWindow {
  position: absolute;
  background: url("images/backBtn.png") no-repeat;
  top: 3px;
  right: 4px;
  width: 84px;
  height: 33px;
  line-height: 20px;
  cursor: hand;
  font-size: 13px;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
  padding-top: 5px;
  text-align: center; }

.historyYearWindow {
  position: absolute;
  bottom: 10px;
  left: 6px; }

.historyInformation .historyLine {
  position: absolute;
  display: block;
  background: url("images/rod.png");
  width: 33px;
  height: 180px;
  bottom: 27px;
  left: 4px; }

.historyInformation .historyPointPic {
  position: absolute;
  display: block;
  background: url("images/pointUp.png");
  border: 0;
  width: 33px;
  height: 33px;
  top: 5px;
  left: 4px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px; }

.historyInformation .historyPointVideo {
  position: absolute;
  display: block;
  background: url("images/pointVideo.png");
  border: 0;
  width: 33px;
  height: 33px;
  top: 5px;
  left: 4px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px; }

.historyInformationTitle {
  position: absolute;
  border-bottom: 1px solid grey;
  width: 84%;
  left: 40px;
  padding-left: 5px;
  top: 10px; }

.historyInformationImg, .historyInformationMedia {
  float: left;
  top: 32px;
  width: 230px;
  height: 200px;
  margin-left: 35px;
  padding-right: 10px; }

.historyInformationText {
  float: left;
  padding: 20px 5px 10px 10px;
  width: 570px;
  height: 185px; }

/*
    .historyArrowLeft {
      display: inline-block;
      position: absolute;
      background: url('images/arrorLeft.png');
      width: 30px;
      height: 47px;
      top: 42%;
      left: 3px;
    }

    .historyArrowRight {
      display: inline-block;
      position: absolute;
      background: url('images/arrorRight.png');
      width: 30px;
      height: 47px;
      top: 42%;  
      right: 4px;
    }
    */
.historySliderNoScrollBar {
  overflow: hidden; }

.historyMain .reddot {
  font-size: 12px;
  margin-left: 17px;
  margin-top: -11px; }

.historyBlock .reddot {
  font-size: 11px; }

.historyMainRedDot {
  background-color: #D8DBE0;
  border: 1px solid #000000;
  display: block;
  height: 60px;
  line-height: 12px;
  margin-left: 24px;
  /*  margin-top: 224px;*/
  padding: 13px 0px 0px 0px;
  position: absolute;
  width: 161px;
  z-index: 10001; }

.historySliderRedDot {
  padding-top: 10px !important;
  height: 293px !important; }

.historyBlockRedDot .reddot {
  margin-top: -30px;
  position: absolute;
  z-index: 1001; }

.historyFormRedDot {
  background-color: #D8DBE0;
  border: 1px solid #000000;
  display: block;
  height: 39px;
  margin-top: -23px;
  padding-top: 5px;
  position: absolute;
  width: 119px;
  z-index: 1001; }

.historyFormRedDot .reddot {
  margin-top: 0px !important; }

.historyBlock .modVideoplayerPopup {
  width: 194px;
  z-index: 100002; }

.historyPlay {
  display: block;
  height: 100px;
  left: 97px;
  position: absolute;
  top: 77px;
  width: 100px;
  background: url("images/historyPlay.png"); }

.historyMainRedDot .reddot {
  margin-left: 0px !important; }

.historyInformationVideo {
  cursor: pointer; }

.historyContent .modVideoplayerPopup {
  position: absolute;
  top: 301px;
  left: 5px; }

.modVideoplayerPopup_0 .reddot {
  position: relative;
  z-index: 1000001; }

.modVideoplayerPopup_1 .reddot {
  position: relative;
  z-index: 1000001; }

.modVideoplayerPopup_2 .reddot {
  position: relative;
  z-index: 1000001; }

.modVideoplayerPopup_3 .reddot {
  position: relative;
  z-index: 1000001; }

.modVideoplayerPopup_4 .reddot {
  position: relative;
  z-index: 1000001; }

.modVideoplayerPopup_5 .reddot {
  position: relative;
  z-index: 1000001; }

.historyBlockFirst_6 .historyBlockRedDot {
  position: absolute;
  bottom: 46px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockSecond_6 .historyBlockRedDot {
  position: absolute;
  bottom: 74px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockThird_6 .historyBlockRedDot {
  position: absolute;
  bottom: 102px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFourth_6 .historyBlockRedDot {
  position: absolute;
  bottom: 131px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFifth_6 .historyBlockRedDot {
  position: absolute;
  bottom: 158px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockSixth_6 .historyBlockRedDot {
  position: absolute;
  bottom: 186px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFirst_5 .historyBlockRedDot {
  position: absolute;
  bottom: 46px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockSecond_5 .historyBlockRedDot {
  position: absolute;
  bottom: 80px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockThird_5 .historyBlockRedDot {
  position: absolute;
  bottom: 116px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFourth_5 .historyBlockRedDot {
  position: absolute;
  bottom: 150px  !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFifth_5 .historyBlockRedDot {
  position: absolute;
  bottom: 186px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFirst_4 .historyBlockRedDot {
  position: absolute;
  bottom: 46px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockSecond_4 .historyBlockRedDot {
  position: absolute;
  bottom: 89px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockThird_4 .historyBlockRedDot {
  position: absolute;
  bottom: 136px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFourth_4 .historyBlockRedDot {
  position: absolute;
  bottom: 186px !important;
  left: 39px;
  line-height: 14px; }

.historyBlockFirst_3 .historyBlockRedDot {
  position: absolute;
  bottom: 26px;
  left: 39px;
  line-height: 14px; }

.historyBlockSecond_3 .historyBlockRedDot {
  position: absolute;
  bottom: 116px;
  left: 39px;
  line-height: 14px; }

.historyBlockThird_3 .historyBlockRedDot {
  position: absolute;
  bottom: 180px;
  left: 39px;
  line-height: 14px; }

.historyBlockFirst_2 .historyBlockRedDot {
  position: absolute;
  bottom: 70px;
  left: 39px;
  line-height: 14px; }

.historyBlockSecond_2 .historyBlockRedDot {
  position: absolute;
  bottom: 148px;
  left: 39px;
  line-height: 14px; }

.historyBlockFirst_1 .historyBlockRedDot {
  position: absolute;
  bottom: 90px;
  left: 39px;
  line-height: 14px; }

.historyBlock .historyBlockRedDot {
  position: absolute;
  bottom: 90px;
  left: 39px;
  line-height: 14px; }

/*************** History module ***************/
/*************** Press Gallery ***************/
.toolbox .modPress .lightbox-gallery.even {
  margin-right: 0; }

.toolbox .modPress .lightbox-gallery {
  margin-right: 27px;
  margin-bottom: 27px;
  float: left; }

#right-side .modPress img.pressGalleryImage {
  width: 160px; }

#right-side .modPress img.pressGalleryImage.yesBorder {
  width: 158px;
  border: solid 1px #DEE4E7; }

/************************* Videoplayer module *****************************/
.modVideoplayer {
  position: relative;
  margin-bottom: 22px; }

.modVideoplayer .modVpRdPanel {
  position: relative;
  font-size: 10px; }

.modVideoplayer .modVpRdPanel .value {
  color: #622; }

.modVideoplayer .modVpRdPanel .value {
  color: #622; }

.modVideoplayer .modVpPlaceholder {
  position: relative;
  background: black no-repeat center center; }

.modVideoplayer .modVpBackground {
  position: absolute;
  left: 0px;
  top: 0px;
  background: no-repeat center center; }

.modVideoplayer .modVpPlay {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("images/videoplayer.png") no-repeat center center; }

.modVideoplayer.popupMode {
  margin-bottom: 0px; }

.modVideoplayer.popupMode video {
  display: none; }

.modVideoplayer.popupMode .modVpPlaceholder {
  display: none; }

.modVideoplayerPopup video {
  display: none; }

.modVideoplayerPopup .modVideoplayer {
  margin-bottom: 0px; }

.modVideoplayerPopup .modVpPlaceholder {
  display: none; }

/* extends klaptool */
/*.modVideoplayerIcon {display:none; float:left; text-align:center; width:120px; padding-top:65px; background:url('images/videoplayer_icon.png') top center no-repeat; color:#CD8D00; font-size:1em; font-weight:normal; cursor:pointer}*/
.modVideoplayerIcon {
  display: none;
  float: left;
  text-align: center;
  width: 100px;
  padding-top: 82px;
  margin-left: 14px;
  background: url("images/videoplayer_icon.png") center center no-repeat;
  color: #CD8D00;
  font-size: 1em;
  font-weight: normal;
  cursor: pointer; }

.teaserImgGallery .gallery-images {
  padding: 0;
  width: 12.3em; }

.teaserImgGallery {
  margin-top: 1em; }

.mediaEl img {
  width: 40px;
  height: 40px; }

/*
    #right-side #siteSearch { 
        border-radius: 0.3em 0.3em 0.3em 0.3em; 
        height: 22px; 
        left: 779px; 
        left: 770px\9;
        position: absolute; 
        top: 76px; 
        z-index: 10; 
        width: 220px;
    }

    #right-side #siteSearch #search {
        display: block; 
        float: left; 
        border: 1px solid #D3D7DC;
        height: 18px; 
        width: 134px;
        color: #6A7A86;
        font-size: 0.733em;
        padding-left: 3px;
        line-height: 20px;
        padding-right: 23px;
        outline: none;
    }

    #right-side #searchMagnifier {
        cursor: pointer;
        height: 1.231em;
        position: absolute;
        right: 61px;
        top: 3px;
        width: 1.231em;
        background: url('images/magnifier_small.png') 50% 50% no-repeat scroll transparent;
    }

    #middle #siteSearch { 
        border-radius: 0.3em 0.3em 0.3em 0.3em; 
        height: 22px; 
        left: 807px; 
        left: 797px\9;
        position: absolute; 
        top: 76px; 
        z-index: 10; 
        width: 220px;
    }

    #middle #siteSearch #search {
        display: block; 
        float: left; 
        border: 1px solid #D3D7DC;
        height: 18px; 
        width: 134px;
        color: #6A7A86;
        font-size: 0.733em;
        padding-left: 3px;
        line-height: 20px;
        padding-right: 23px;
        outline: none;
    }

    #middle #searchMagnifier {
        cursor: pointer;
        height: 1.231em;
        position: absolute;
        right: 61px;
        top: 3px;
        width: 1.231em;
        background: url('images/magnifier_small.png') 50% 50% no-repeat scroll transparent;
    }
    #siteSearch input#search:focus {border-color: #E49A00;}  */
#left-side-modules .slidingModule h2 {
  font-size: 13px;
  font-weight: bold; }

#left-side-modules .slidingModule h2 span.klapId {
  position: absolute;
  right: 25px;
  color: #6A7A86;
  font-weight: normal; }

/****************************** 11) Interactive Gallery ****************************/
.module_InteractiveGallery {
  position: relative;
  width: 530px;
  height: 320px;
  overflow: hidden; }

.module_InteractiveGallery .navigation {
  background-color: #FFFFFF;
  color: blue;
  font-size: 8px;
  height: 30px;
  left: 376px;
  position: absolute;
  top: 284px;
  width: 148px;
  text-align: center;
  z-index: 1001; }

.module_InteractiveGallery .navigation ul {
  list-style-type: none;
  margin-top: 6px; }

.module_InteractiveGallery .navigation li {
  float: left;
  height: 18px;
  line-height: 18px;
  margin-right: 2px;
  width: 18px;
  cursor: pointer; }

.module_InteractiveGallery .navigation li.txt {
  width: 14px;
  color: black;
  cursor: auto; }

.module_InteractiveGallery .navigation li.play {
  background-image: url("images/stop_new.jpg"); }

.module_InteractiveGallery .navigation li.play.stop {
  background-image: url("images/play_new.jpg"); }

.module_InteractiveGallery .navigation li.prev {
  background-image: url("images/prev_new.jpg"); }

.module_InteractiveGallery .navigation li.next {
  background-image: url("images/next_new.jpg"); }

.module_InteractiveGallery .navigation li.zoom {
  background-image: url("images/zoom_new.jpg"); }

.module_InteractiveGallery .navigation img {
  width: 18px;
  height: 18px; }

.ext_InteractiveGalleryOverlay {
  background-color: #000;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0.3;
  position: fixed;
  display: block;
  z-index: 1002; }

.ext_InteractiveGalleryCont {
  position: absolute;
  background-color: white;
  padding: 5px;
  z-index: 1003;
  color: white;
  font-weight: bold;
  font-size: 15px; }

.ext_InteractiveGalleryCont .close {
  position: absolute;
  background-color: white;
  width: 25px;
  height: 25px;
  background-image: url("images/close_new.jpg");
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 1004; }

.ext_InteractiveGalleryCont .caption {
  position: absolute;
  color: black;
  font-size: 10px;
  font-weight: bold;
  font-family: Arrial, Helvetica;
  line-height: 14px;
  padding: 12px 7px;
  color: #666666; }

.ext_InteractiveGalleryCont .images img {
  width: 700px;
  height: 350px; }

.ext_InteractiveGalleryCont .bullet, .ext_InteractiveGalleryCont .images img {
  position: absolute; }

.ext_InteractiveGalleryCont .bullet span {
  padding-right: 20px;
  background: transparent url("images/bullet_inactive.png") no-repeat center right; }

.ext_InteractiveGalleryCont .bullet span:hover, .ext_InteractiveGalleryCont .bullet.active span {
  padding-right: 20px;
  background: transparent url("images/bullet_active.png") no-repeat center right;
  cursor: pointer; }

.module_InteractiveGallery .bullets {
  display: none; }

.module_InteractiveGallery .images {
  padding: 5px;
  position: relative;
  background-color: white; }

.module_InteractiveGallery .images img {
  position: absolute;
  left: 0px; }

.module_InteractiveGallery .images img.big, .ext_InteractiveGalleryCont .images img.small {
  display: none; }

.module_InteractiveGallery .bullets .bullet span {
  background: transparent url("images/bullet_active.png") no-repeat center left;
  padding-left: 20px; }

.module_InteractiveGallery .bullets .bullet p {
  font-weight: normal;
  font-size: 13px;
  padding-left: 0px;
  background-image: none; }

/******************************************************* End of Interactive gallery ***************************************************/
html.ie8 .emptypageFlash {
  margin-top: 5em; }

html.ie8 #middle #emptyPlace {
  margin-bottom: 3em; }

html.lt-ie8 .toolbox.slidingReport .toolbox-controls ol li.current a {
  padding-top: 0.154em; }

html.lt-ie8 .otherLoginsFrame, html.lt-ie8 .otherLanguageFrame {
  width: 13em;
  margin-top: 4.1em !important; }

html.lt-ie8 #channel-info {
  margin-top: 2.35em; }

html.lt-ie8 #emptyPlace2 {
  height: 11.1em; }

html.lt-ie8 .toolbox {
  margin-bottom: 0.8em; }

html.lt-ie8 .toolbox .reports-simple img {
  width: 12.508em;
  margin: 0 0 0 0.35em; }

html.lt-ie8 .teaser-hover-label {
  left: 10.4em; }

html.lt-ie8 .toolbox.downloadboxTypA .imageToolbox {
  margin-right: 0; }

html.lt-ie8 .toolbox.downloadboxTypA {
  margin-bottom: -0.9em; }

html.lt-ie8 .toolbox.downloadboxTypA.noImage {
  margin-bottom: 1em; }

html.lt-ie8 .toolbox.videoTeaserModule {
  margin-bottom: -0.5em; }

html.lt-ie8 .jobAngebote {
  margin-bottom: -1.4em; }

html.lt-ie8 #contentModule img {
  width: 12.508em;
  height: 6.25em; }

html.lt-ie8 #searchpage .toolbox .topic {
  width: 100%;
  padding-top: 0.15em;
  line-height: 1.2em;
  padding-bottom: 0.15em; }

html.lt-ie8 .extended-search .submit {
  width: 15.4em; }

html.lt-ie8 .extended-search .extended-search-field {
  width: 15.1em; }

html.lt-ie8 #left-side-modules .topic ul {
  margin: 0 0  -3em; }

html.lt-ie8 #left-side-modules .topic li.col1, html.lt-ie8 #left-side-modules .topic li.col2 {
  margin-bottom: 0.385em; }

html.lt-ie8 .videoDialogUi .ui-dialog-titlebar .ui-icon {
  margin-top: -0.1em; }

html.lt-ie8 #middle #emptyPlace {
  color: #fff;
  height: 10.8em;
  width: 100%; }

html.lt-ie8 .emptypage {
  padding: 0 0 5em 0; }

html.lt-ie8 textarea.form_input {
  width: 18.6em;
  height: 4em;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #fff;
  margin-top: 0.15em; }

html.lt-ie8 div.form_item input.form_input_text {
  width: 9.7em; }

html.lt-ie8 .form_column .form_item .radio {
  display: block;
  float: left; }

html.lt-ie8 div.form_item label.radio {
  height: 2.6em; }

html.lt-ie8 div.form_item select {
  height: 2.4em;
  margin: 0.2em 0.5em 0.5em 0;
  padding: 0.2em;
  width: 12em; }

html.lt-ie8 .teasers .teaser-last img.teaserImg {
  width: 12.5em; }

html.lt-ie8 #popup.form-newsletter .radio_group label, html.lt-ie8 #popup.form-newsletter .radio_group input {
  float: none; }

html.lt-ie8 #popup.form-newsletter .radio_group label {
  padding-left: 0; }

html.lt-ie8 #popup.form-newsletter .radio_group label {
  position: relative;
  top: -0.15em; }

html.lt-ie8 .textdetails li {
  position: relative;
  top: 3px; }

html.lt-ie8 .contentSlidingBg {
  height: 19.85em; }

html.lt-ie8 .emptypage .text .headline {
  margin-bottom: 0.3em; }

html.lt-ie8 .contentSliding ul li {
  width: auto; }

html.lt-ie8 .textDetails ul {
  width: 32.633em;
  padding-left: 0.5em; }

html.lt-ie8 #left-side-modules ul.slider {
  width: 36em; }

html.lt-ie8 .modMedia img.playScroll {
  margin-bottom: 10px; }

html.lt-ie8 a.btn_form {
  padding-bottom: 10px;
  height: 30px;
  color: #FFF; }

html.lt-ie8 .toolbox .modPress .lightbox-gallery {
  margin-right: 24px;
  margin-bottom: 24px; }

html.lt-ie8 .toolbox .modPress .lightbox-gallery.even {
  margin-right: 0; }

html.lt-ie7 {
  /**/ }
  html.lt-ie7 .contentSliding p {
    padding-top: 0.808em; }
  html.lt-ie7 .teasers .teaser {
    padding-right: 1.91em; }
  html.lt-ie7 .teasers .teaser img.teaserImg {
    width: 12.5em; }
  html.lt-ie7 .teaser-hover-label {
    left: 11.1em; }
  html.lt-ie7 .toolbox .topic {
    width: 100%; }
  html.lt-ie7 .hoverTeaser {
    width: 35.2em; }
  html.lt-ie7 .toolbox.downloadboxTypA .imageToolbox {
    margin-right: 0; }
  html.lt-ie7 .otherLoginsFrame, html.lt-ie7 .otherLanguageFrame {
    width: 13em;
    left: -6.9em;
    padding-left: 1.4em; }
  html.lt-ie7 .teaser-hover-label .col {
    float: left;
    font-size: 0.86em;
    line-height: 1.1em;
    padding-bottom: 0;
    padding-left: 1.1em;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
    width: 4.3em;
    margin: 0; }
  html.lt-ie7 #popup .popup-content .content-modul.dyn_form {
    position: relative;
    margin: 1.5em 2em 0 0; }
  html.lt-ie7 .toolbox .videoText {
    margin-right: 1.05em; }
  html.lt-ie7 #searchpage .toolbox .topic {
    padding-top: 0.1em;
    line-height: 1.3em;
    padding-bottom: 0.35em; }
  html.lt-ie7 .clear-home {
    margin-bottom: 0.7em; }
  html.lt-ie7 .extended-search .submit {
    width: 15.4em; }
  html.lt-ie7 #left-side-modules .topic ul {
    margin: 0 0  -3em; }
  html.lt-ie7 .videoDialogUi .ui-dialog-titlebar .ui-icon {
    margin-top: -0.1em;
    background: url("images/close_white_15x15px.gif") no-repeat scroll center right transparent; }
  html.lt-ie7 div.form_item select {
    height: 2em;
    margin-top: 0;
    width: 11.6em; }
  html.lt-ie7 textarea.form_input {
    margin-top: 0; }
  html.lt-ie7 #popup.form-newsletter .radio_group label, html.lt-ie7 #popup.form-newsletter .radio_group input {
    float: none; }
  html.lt-ie7 #popup.form-newsletter .radio_group label {
    position: relative;
    top: -0.5em; }
  html.lt-ie7 #popup.form-newsletter .radio_group label {
    padding-left: 0; }
  html.lt-ie7 div.form_item label.radio {
    height: 2.05em; }
  html.lt-ie7 .largeImageFlash {
    width: 34.5em; }
  html.lt-ie7 .contentSlidingBg {
    height: 19.8em; }
  html.lt-ie7 .slidingModule {
    padding-top: 1.5em; }
  html.lt-ie7 .listModule .textDetails, html.lt-ie7 .scrollListModule .textDetails {
    padding-right: 0em; }
  html.lt-ie7 .form_column .form_item .radio {
    display: block;
    float: left;
    height: 1.1em;
    width: 1em; }
  html.lt-ie7 .naviModule ul li a {
    display: block; }
  html.lt-ie7 a.btn_form {
    color: #FFFFFF !important; }
  html.lt-ie7 .right-image {
    padding: 0; }

/* end if (TYPE_CMS) **
**
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/_main/main.live.scss
++ 2018-08-30 12:13 [2d7d06e] Vojtech Schwarz - Update hella in motion module for public
++ 2018-08-30 06:21 [44c0dc7] Vojtech Schwarz - Update ui dialog styles for public
++ 2018-06-20 09:26 [30b6379] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2018-06-20 09:25 [25f70ef] Vojtech Schwarz - Update styles for Public
++ 2018-05-25 13:21 [710455d] Vojtech Schwarz - Update styles for Public
++ 2018-05-25 13:15 [636f6df] Vojtech Schwarz - Update styles for Public
++ 2018-05-21 13:21 [45c9b21] Vojtech Schwarz - Update styles for BEHR
++ 2018-03-06 09:01 [a20f8db] Vojtech Schwarz - Update language switch for Pagid
++ 2018-02-06 09:34 [6a81136] Stepan Hlavaty - Changed border radius for slider on homepage, publics.
++ 2018-01-10 09:46 [8102862] Stepan Hlavaty - Added margin-bottom for image in Introduction module, public websites.
++ 2017-12-06 08:59 [821ad6f] Vojtech Schwarz - Update styles for Captcha in form on Public
++ 2017-11-27 08:46 [6448148] Jan Klimes - Added BHS gsa frontend styles for public
++ 2017-11-16 12:20 [1d02caf] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2017-11-16 12:19 [1686bae] Zdenek Klug - CSS fix for News Press insterted to klaptool on Public Websites
++ 2017-11-07 08:34 [a3972c8] Stepan Hlavaty - Channel image width fix for public.
++ 2017-11-07 08:30 [7d88ca6] Stepan Hlavaty - Channel image width for public websites.
++ 2017-07-21 11:21 [1ed149e] Vojtech Schwarz - Update popup masterPage for PW
++ 2017-04-25 09:17 [c45132f] Zdenek Klug - Update CSS for Press News
++ 2017-02-22 08:47 [ad8c6ec] Jan Klimes - Update opened klaptool arrow icon on Empty page for Public
++ 2016-12-06 06:24 [6af3f71] Vojtech Schwarz - Fix CSS numbering for OL tag
++ 2016-11-30 13:31 [f04190b] Zdenek Klug - Fix CSS - Press project button positioning
++ 2016-11-30 13:28 [1a24e50] Zdenek Klug - Add CSS for Press Project - hidding lang. option list
++ 2016-11-02 10:14 [4d13d36] Jan Klimes - Fix naviModule's top margin for uniTabs for public websites
++ 2016-09-06 10:28 [ebaa09d] Zdenek Klug - Add Traktor module JS, CSS
++ 2016-08-23 10:30 [00a033d] Zdenek Klug - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2016-08-23 10:29 [fb6d784] Zdenek Klug - Fix CSS for Press news in klaptool
++ 2016-08-18 12:40 [7ab126d] Vojtech Schwarz - Add new module CategorySelection (moved from main)
++ 2016-08-18 12:38 [d56655f] Vojtech Schwarz - Update styles and javascript for Hella in Motion
++ 2016-08-12 14:26 [7f7c966] Zdenek Klug - Fix CSS for ol tag in klaptool
++ 2016-06-29 10:09 [895bb8d] Vojtech Schwarz - Update space between pipes in the footer
++ 2016-06-14 10:19 [064c63d] Jan Kondler - Fix paths to images
++ 2016-06-14 09:53 [f6dd0a9] Vojtech Schwarz - Update script and styles for HELLA in Motion
++ 2016-06-13 13:35 [538d86b] Jan Kondler - Fix colors mostly for klaptools
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 13:24 [7d8aaf6] Jan Kondler - Fix orange arrow in active klaptool
++ 2016-05-23 09:09 [d95d95d] Jan Kondler - Fix height of channel info
++ 2016-05-20 14:30 [50aa61c] Jan Kondler - Add common styles to the main file from original additional styles
++ 2016-05-19 13:55 [9fd919c] Vojtech Schwarz - Update klapptool for HELLA in Motion and Empty Page
++ 2016-05-11 13:27 [4a73801] Zdenek Klug - Add Temporary action for Driving Enovation and PROMOTe
++ 2016-05-11 12:55 [fd4798b] Zdenek Klug - Fix styles for Press filter
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/*
++ GIT: 1_public/module/_common/_variables.scss
++ 2016-06-13 13:13 [623f350] Jan Kondler - Fix conditional name for pagid
++ 2016-06-13 12:49 [76c45a4] Jan Kondler - Update styles for hella-pagid
++ 2016-06-13 09:30 [5018be7] Jan Kondler - Update styles for behr-hella-service
++ 2016-06-02 10:02 [13d6ebf] Jan Kondler - Update general styles and variables for SCSS
++ 2016-04-28 13:49 [e696234] Jan Kondler - Initial commit with resources for public websites
*/
/* skipped (PROJECT_BEHR) */
/* if (PROJECT_PAGID) */
/* end if (PROJECT_PAGID) */
/* skipped (not TYPE_CMS) **
**
**
**============================================= NEW FILE =======================================================
**
++ GIT: 1_public/module/_other/SensitiveInformation/sensitiveInformation.scss
++ 2016-05-19 13:57 [8038cdb] Vojtech Schwarz - New module Sensitive Information (Data Classification Help)
*/
.module_SensitiveInformation {
  font: 0.938em Arial, Helvetica;
  color: #6A7A86;
  width: 912px;
  background: #fff;
  margin: 0 auto; }

/* general */
.module_SensitiveInformation .buttons {
  text-align: center;
  padding-bottom: 10px;
  position: relative; }

.module_SensitiveInformation .buttons .yesNo {
  display: inline-block;
  background: #D8DBE0;
  font-size: 18px;
  width: 120px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer; }

.module_SensitiveInformation .buttons .yesNo:hover {
  background: #CACACC; }

.module_SensitiveInformation .restart {
  display: inline-block;
  width: 120px;
  height: 30px;
  margin-top: 20px;
  font-weight: bold;
  background: #D8DBE0;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }

.module_SensitiveInformation .restart:hover {
  background: #CACACC; }

.module_SensitiveInformation .line {
  width: 872px;
  height: 45px;
  font-weight: bold;
  font-size: 17px;
  border: 1px solid #D8DBE0;
  line-height: 45px;
  padding-left: 30px;
  margin-bottom: 20px; }

.module_SensitiveInformation .leftBlock {
  display: inline-block;
  width: 410px;
  height: 82px;
  border: 1px solid #D8DBE0;
  padding: 5px 0px 5px 5px;
  float: left; }

.module_SensitiveInformation .rightBlock {
  display: inline-block;
  width: 410px;
  height: 82px;
  margin-left: 69px;
  padding: 5px 0px 5px 5px;
  border: 1px solid #D8DBE0; }

.module_SensitiveInformation .frame {
  border: 1px solid #D8DBE0;
  background: #D8DBE0;
  padding: 5px 0px 5px 0px;
  height: 380px;
  width: 901px; }

.module_SensitiveInformation .frame .frameOffset {
  padding-left: 40px; }

.module_SensitiveInformation .headline {
  font-weight: bold;
  font-size: 17px;
  padding-left: 30px; }

.module_SensitiveInformation .headlineLeft {
  font-weight: bold;
  font-size: 17px; }

.module_SensitiveInformation .clear {
  height: 20px; }

/* start */
.module_SensitiveInformation .startInf {
  width: 100%; }

.module_SensitiveInformation .startInf .middleText {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px; }

.module_SensitiveInformation .startInf .infoClass {
  display: inline-block;
  background: #D8DBE0;
  font-size: 18px;
  width: 220px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer; }

.module_SensitiveInformation .startInf .infoClass:hover {
  background: #CACACC; }

/* general */
.module_SensitiveInformation .generalInf {
  width: 100%;
  display: none; }

.module_SensitiveInformation .generalInf .infoClass {
  display: inline-block;
  background: #D8DBE0;
  font-size: 14px;
  width: 220px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer; }

.module_SensitiveInformation .generalInf .infoClass.secret {
  line-height: 24px;
  position: relative;
  top: 13px; }

.module_SensitiveInformation .generalInf .infoClass:hover {
  background: #CACACC; }

.module_SensitiveInformation .generalInf .infoClass.active {
  background: #CACACC; }

.module_SensitiveInformation .generalInf .simplyFrame {
  display: none;
  width: 891px;
  padding-left: 11px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D8DBE0; }

.module_SensitiveInformation .generalInf .simplyFrame.yes {
  display: none; }

.module_SensitiveInformation .generalInf ul {
  padding-left: 25px;
  color: #6A7A86; }

/* public */
.module_SensitiveInformation .publicInf {
  width: 100%;
  display: none;
  color: #000; }

.module_SensitiveInformation .publicInf .line {
  background: #92CE33; }

.module_SensitiveInformation .publicInf .leftBlock {
  background: #92CE33; }

.module_SensitiveInformation .publicInf .rightBlock {
  background: #92CE33; }

/* internal */
.module_SensitiveInformation .internalInf {
  width: 100%;
  display: none;
  color: #000; }

.module_SensitiveInformation .internalInf .line {
  background: #FFFF00; }

.module_SensitiveInformation .internalInf .leftBlock {
  background: #FFFF00; }

.module_SensitiveInformation .internalInf .rightBlock {
  background: #FFFF00; }

/* confidential */
.module_SensitiveInformation .confidentialInf {
  width: 100%;
  display: none;
  color: #000; }

.module_SensitiveInformation .confidentialInf .line {
  background: #FB7C92; }

.module_SensitiveInformation .confidentialInf .leftBlock {
  background: #FB7C92; }

.module_SensitiveInformation .confidentialInf .rightBlock {
  background: #FB7C92; }

/* secret */
.module_SensitiveInformation .secretInf {
  width: 100%;
  display: none;
  color: #000; }

.module_SensitiveInformation .secretInf .line {
  background: #FF0000; }

.module_SensitiveInformation .secretInf .leftBlock {
  background: #FF0000; }

.module_SensitiveInformation .secretInf .rightBlock {
  background: #FF0000; }

.module_SensitiveInformation .secretInf .redMark {
  background: #FF0000;
  color: #fff;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  margin-top: 7px; }

html.ie9 .module_SensitiveInformation .rightBlock {
  margin-left: 69px; }

html.ie9 .module_SensitiveInformation .line {
  width: 870px; }

/*# sourceMappingURL=ResourceManager */