@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;
    /* skipped (TYPE_CMS) */ }
    .module_History .content.contentNoScrollBar {
      overflow: hidden; }
    .module_History .content .main {
      position: relative;
      display: inline-block;
      width: 190px;
      height: 240px;
      margin-left: -32px;
      /* skipped (TYPE_CMS) */
      /* skipped (TYPE_CMS) */ }
      .module_History .content .main.mainFirst {
        margin-left: -22px; }
      .module_History .content .main.mainLast {
        margin-right: 50px; }
      .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;
        /* skipped (TYPE_CMS) */ }
        .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_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%;
  /* skipped (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 .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;
  /* skipped (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; }
  .ext_VideoCloud_Popup .module_VideoCloud, .module_VideoCloud.ext_VideoCloud_Popup {
    margin-bottom: 0px;
    /* if (not TYPE_CMS) */
    display: none;
    /* end if (not TYPE_CMS) */
    /* skipped (TYPE_CMS) */ }

/* 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;
  /* skipped (TYPE_CMS) */
  /**
     * extras/extension for VideoPlayer
     * can be wrapped by .ext_VideoPlayer_Popup in parental module
     */ }
  .module_VideoPlayer .title, .module_VideoPlayer .description {
    display: none; }
  .ext_VideoPlayer_Popup .module_VideoPlayer, .module_VideoPlayer.ext_VideoPlayer_Popup,
  .modVideoplayerPopup .module_VideoPlayer, .module_VideoPlayer.popupMode {
    margin-bottom: 0px;
    /* if (not TYPE_CMS) */
    display: none;
    /* end if (not TYPE_CMS) */
    /* skipped (TYPE_CMS) */ }

/* 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;
  /* if (not TYPE_CMS) */
  /* end if (not TYPE_CMS) */ }
  .module_TeaserWithTextAndVideo .video {
    display: none; }
  .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
**
** skipped (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) */
/* if (not TYPE_CMS) */
/*    
          1) Initialization
          2) Logo, Search and Logins
          3) Navigation
          4) Content
          5) Toolbox
          6) Footer
          7) SiteMap
          8) Popup
          9) Form modules
          10) jQuery lightBox plugin
          11) Paging
    */
/******************* Global 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;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  font-family: Arial, Helvetica; }

/**************************** 1) Initialization ********************************/
html {
  background-color: #D8DBE0;
  overflow-y: scroll; }

.blind {
  display: none; }

*:link, *:visited {
  color: #0069B4;
  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: bold 0.938em Arial, Helvetica;
  position: relative; }

#container img {
  border: 0px; }

#middle {
  float: left;
  background-color: #FFF;
  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; }

.table {
  font-weight: normal; }

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

.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 p {
  font-size: 0.867em; }

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

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

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

a img {
  border: 0; }

.uniPagesModule .page {
  display: none; }

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

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

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

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

#logo img {
  height: 13.067em;
  width: 13.667em;
  border: 0px; }

#popup #logo img {
  height: 12.923em;
  width: 13.538em; }

#logo span {
  position: absolute;
  bottom: 1.6em;
  left: 1.6em;
  font-size: 0.733em;
  color: #000; }

#search {
  /*Search remove
      position: absolute;  
      top: 13.488em;
      left: 1.867em;
      width: 205px;  
      height:1.95em;
      background: transparent url('images/layout_v2.gif') 0 -347px no-repeat;
      */
  display: none; }

/*#search.newLogo {
      width: 205px;
      background: transparent url('images/layout_v2.gif') 0 -347px no-repeat;
    }
    #search input {
      position: absolute;
      top: .35em;
      left: 1.2em;
      background: transparent;
      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/layout.gif') 0 -133px no-repeat;
    }*/
#login {
  position: absolute;
  top: 2.231em;
  /*  left: 66.66em; */
  right: 0px;
  font-size: 0.867em;
  font-weight: normal; }

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

#login a:hover, #login a.active {
  color: #0069B4; }

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

#login li {
  background: url("images/login_sign.JPG") no-repeat 100% 20%;
  padding-right: 0.769em;
  padding-left: 0.5em;
  padding-bottom: 1.45em;
  /*1.28em;*/
  float: left;
  /* skipped (PROJECT_BEHR) */ }

#login li.mainLanguage {
  background: none; }

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

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

.otherLoginsFrame, .otherLanguageFrame {
  display: none;
  background: #fff;
  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: 15.508em; }

.otherLanguageFrame a img {
  width: 2.308em;
  height: 1.538em;
  margin-right: 1em;
  float: left; }

.otherLanguageFrame li a span {
  line-height: 1.538em; }

.otherLanguageFrame a {
  display: block;
  margin-bottom: 0.4em; }

.otherLoginsFrame .topic, .otherLanguageFrame .topic {
  padding-top: 1.8em; }

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

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

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

#login .topic {
  height: 2.1em;
  font: normal 0.846em Arial, Helvetica;
  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; }

/* if (PROJECT_PAGID) */
#login {
  display: block !important;
  top: 6.231em;
  right: 335px; }
  #login li {
    background: none; }

/* end if (PROJECT_PAGID) */
/************************************ 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 {
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
  left: 0; }

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

#level2 {
  position: relative;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=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/layout.gif") 98px -504px no-repeat; }

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

.hidden {
  visibility: hidden; }

#bubble-tips {
  display: none; }

/************************************ 4) Content ****************************************************************/
#news {
  margin: 0.3em 0 1.16em; }

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

#news h2 {
  font: normal 1.333em/1.1em Hella Light, Arial, Helvetica; }

#wraper {
  clear: both; }

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

#channelImage {
  height: 384px;
  width: 564px; }

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

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

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

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

#left-side {
  width: 37.6em;
  float: left;
  background-color: #FFF; }

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

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

#left-side-modules .pressCover .pressContent ol {
  margin-left: 38px;
  color: #000; }

#left-side-modules .pressCover .pressContent ul {
  color: #000; }

#left-side-modules .pressCover .pressContent ol li {
  list-style-type: none;
  counter-increment: list;
  position: relative; }

#left-side-modules .pressCover .pressContent ol li:after {
  content: counter(list) ".";
  position: absolute;
  left: -2.5em;
  width: 2em;
  text-align: right; }

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

#left-side-modules .gallery-text ul, #right-side .gallery-text ul, #left-side-modules .gallery-text ol, #right-side .gallery-text ol {
  margin-left: 0;
  /*0.7em; */
  color: #6A7A86; }

#left-side-modules .contentSlidingList .singleModuleSlide .textDetails .gallery-text ul {
  display: table; }

#left-side-modules h1, #left-side-modules h2, #middle h1, #middle h2 {
  font: 1.539em/1.1em Hella Regular, Arial, Helvetica;
  padding-bottom: 0.6em !important;
  color: #000;
  text-transform: uppercase;
  padding-top: 2px; }

#middle .module_HellaInMotion .motionPersonalData h1, #middle .module_HellaInMotion .motionPersonalData h2 {
  font-size: 1em;
  padding-bottom: 0em !important;
  color: #6A7A86;
  text-transform: none;
  padding-top: 0px; }

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

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

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

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

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

#mainImage img {
  width: 37.6em; }

#breadcrumb {
  height: 1.867em;
  font: bold 0.733em Arial, Helvetica;
  color: #6A7A86;
  position: absolute;
  top: 24.7em;
  left: 2.545em; }

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

#breadcrumb a, #breadcrumb-channel a {
  color: #000; }

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

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

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

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

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

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

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

#content-navi .topic-navi {
  font: bold 0.867em Arial, Helvetica;
  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; }

/********* Image in selection page  **********/
#headerImage img {
  position: absolute;
  top: 3em; }

.singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  border-top: 1px solid #6A7A86;
  background: url("images/klapptool_v2.gif") no-repeat scroll 39.76em -1px transparent;
  color: #000000;
  padding-top: 0.538em;
  margin-bottom: 0.2em; }

.singleModuleSlide .ui-state-active, .singleModule .ui-state-active,
.singleModuleSlide .ui-state-active, .singleModule .ui-state-default.ui-state-active {
  border-top: 1px solid #6A7A86;
  background: url("images/klapptool_v2.gif") no-repeat scroll 39.76em -271px transparent;
  color: #0069B4;
  padding-top: 0.538em;
  margin-bottom: 0.2em;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/klapptool_v2_pagid.gif");
  /* end if (PROJECT_PAGID) */ }

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

.singleModuleSlide.shortModule .ui-state-active, .singleModule.shortModule .ui-state-active {
  border-top: 1px solid #6A7A86;
  background: url("images/klapptool_v2.gif") no-repeat scroll 38.46em -271px transparent;
  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;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/klapptool_v2_pagid.gif");
  /* end if (PROJECT_PAGID) */ }

#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-active, .singleModule .ui-state-active {
  background: url("images/klapptool_v2.gif") no-repeat scroll 68.76em -271px 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;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/klapptool_v2_pagid.gif");
  /* end if (PROJECT_PAGID) */ }

/* 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;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/klapptool_v2_pagid.gif");
  /* end if (PROJECT_PAGID) */ }

#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;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/klapptool_v2_pagid.gif");
  /* end if (PROJECT_PAGID) */ }

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

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

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

.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 {
  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 p {
  margin-bottom: 1.154em;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

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

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

.emptypage .text .headline, .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; }

.emptypage .text li {
  color: #6A7A86; }

.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: bold 0.867em Arial, Helvetica;
  color: #6A7A86;
  padding-bottom: 0.308em;
  text-transform: uppercase;
  clear: both;
  height: auto; }

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

#contentFilter {
  height: 90px; }

#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 {
  position: absolute;
  right: 17px;
  top: 8px;
  color: white;
  background-color: #E49A00;
  padding: 3px 7px; }

#filter button:hover {
  cursor: pointer; }

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

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

.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; }

.extButton {
  border: 4px solid #F8C808;
  border-radius: 14px 14px 14px 14px;
  font-weight: bold;
  left: 590px;
  position: absolute;
  top: 275px; }

.extButton p {
  line-height: 30px;
  margin-left: 15px;
  margin-right: 15px; }

.extButton a {
  color: #787878; }

.extButton a:hover {
  text-decoration: underline; }

#logoPromote {
  position: absolute;
  top: 160px;
  right: 50px; }

/*
    .filterTextAlignment {
        position: relative; 
        top: -3px;
        margin-right: 15px;
    }
    */
.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 {
  font-size: 0.867em;
  color: #6A7A86;
  font-weight: normal;
  line-height: 1.231em;
  padding: 0.5em 0 0 0; }

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

.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: #FFF;
  float: left;
  width: 23.149em;
  padding-left: 1.867em;
  padding-right: 3.7em;
  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: #FFF;
  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: 5px;
  float: left;
  width: 100%;
  border-bottom: 1px #6A7A86 solid; }

#tools img {
  position: relative; }

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

#tools li {
  float: right;
  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: 45.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;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

.lastEvent {
  margin: 0; }

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

#channel-info {
  height: 273px;
  color: #6A7A86;
  font: normal 1.333em/1.1em normal Hella Light, Arial, Helvetica;
  margin-top: 2.21em;
  overflow: hidden;
  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;
  margin-bottom: 2em;
  width: 100%; }

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

.imageModuleContent p {
  color: #6A7A86;
  font: normal 0.867em/1.231em normal Arial, Helvetica;
  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: normal 0.867em/1.231em normal Arial, Helvetica;
  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 h3 {
  font: bold 0.867em Arial, Helvetica;
  padding-top: 0.538em;
  /*margin-bottom: 0.385em; */ }

.listModule h3 {
  font: bold 0.867em Arial, Helvetica;
  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: url("images/layout.gif") no-repeat scroll 517px -36px transparent;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
  font: bold 0.867em Arial, Helvetica !important;
  padding-bottom: 6px !important; }

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

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

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

.listModule .textDetails, .scrollListModule .textDetails {
  padding-top: 0.4em;
  padding-right: 2.667em;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

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

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

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

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

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

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

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

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

.download, .download a {
  color: #0069B4;
  font: normal 0.931em/1.231em Arial, Helvetica;
  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: #000;
  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: #0069B4; }

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

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

.naviModule a.active {
  color: #0069B4; }

.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: 0;
  padding-top: 0.385em;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

.contentNaviText a {
  display: block; }

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

/*****  Klaptool   *****/
.contentSliding {
  width: 35.65em;
  overflow: hidden;
  z-index: 2; }

.sliding, .sliding li {
  width: 35.65em;
  overflow: hidden;
  z-index: 5; }

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

.contentSliding .textDetails ul li, .singleModule .textDetails ul li, .singleModuleSlide .textDetails ul li,
.singleModuleSlide .gallery-text ul li {
  list-style-type: disc;
  margin-left: 1.1em;
  font-size: 0.867em;
  font-weight: normal;
  color: #6A7A86;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

.singleModuleSlide .textDetails .pressContent ul li {
  font-size: 13px;
  color: #000000; }

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

.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; }

.singleModuleSlide .textDetails ul li, .singleModuleSlide .textDetails ol li {
  margin-left: 20px; }

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

.contentSliding p {
  color: #6A7A86;
  font: normal 0.867em/1.231em Arial, Helvetica;
  padding-top: 2.508em;
  padding-left: 0.923em;
  padding-bottom: 0.769em;
  width: 15.385em;
  margin-left: 0;
  height: 14.385em;
  position: absolute;
  top: 4.5em;
  z-index: 300;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

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

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

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

#left-side-modules .contentSlidingList .textDetails .text {
  margin-bottom: 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%;
  font-size: 1em; }

.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; }

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

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

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

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

.graphic, .prevBtn, .nextBtn {
  display: block;
  width: 2em;
  position: relative;
  cursor: pointer; }

.prevBtn {
  display: none; }

div.contentSlidingBlock {
  position: relative;
  z-index: 10; }

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 {
  width: 100%;
  float: left;
  font: normal 13px Arial, Helvetica;
  color: #000000;
  padding-bottom: 1.867em; }

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

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

.headlinePress span {
  color: #6A7A86;
  width: 536px; }

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

#wraper-home .emptypage {
  width: 25.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 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: #000;
  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; }

.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: #000; }

.toolbox .topic {
  font: 1em/1.385em Arial, Helvetica !important;
  border-bottom: 1px #6A7A86 solid;
  color: #6A7A86;
  margin-bottom: 1.4em;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  clear: both;
  width: 100%;
  font-weight: bold !important; }

.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: 12em;
  margin-right: 2.054em;
  float: left; }

.toolbox #videoPlayerLarge {
  float: left;
  width: 26.769em;
  height: 18.154em; }

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

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

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

.toolbox.slidingReport .playVideoArrow {
  display: none;
  left: 5em;
  /*45.7em; */
  position: absolute;
  top: 2.2em; }

.toolbox.toolboxWithVideoplayer .images {
  position: relative;
  float: right; }

.toolbox.toolboxWithVideoplayer .images .hover {
  display: none;
  position: absolute;
  z-index: 1000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("images/videoplayer_play.png") center center no-repeat;
  cursor: pointer; }

.slidingPageContent .toolboxWithVideoplayer {
  margin-left: 1em; }

.slidingPageContent .toolboxWithVideoplayer .topic {
  color: #000000;
  font: 1.539em/1.1em Hella Regular,Arial,Helvetica;
  padding-bottom: 0;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 0px; }

.slidingPageContent .toolboxWithVideoplayer .videoText {
  width: 11em; }

.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: 17px; }

.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; }

.infoEmployee .clear {
  height: 0px;
  overflow: hidden; }

.videoTeaserModule img, .modVideo img {
  cursor: pointer; }

.teasers .teaser a.videoPlay {
  -moz-hyphens: none; }

.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 {
  color: #222222; }

.videoDialogUi.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: hidden;
  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-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 1em 0em 0em;
  -webkit-border-radius: 1em 1em 0em 0em;
  border-radius: 1em 1em 0em 0em; }

.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 .report-slider .topic {
  text-indent: 3.077em; }

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

.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 {
  position: relative;
  width: 12.308em;
  float: right;
  margin-bottom: 0;
  margin-right: 0.385em;
  position: relative; }

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

.toolbox .report-slider .image .hover {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("images/videoplayer_play.png") center center no-repeat;
  cursor: pointer; }

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

.toolbox a {
  font-size: 1em; }

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

.toolbox .report-simple {
  width: 12.308em;
  float: left;
  color: #6A7A86; }

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

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

.toolbox .reports-simple img {
  position: relative;
  width: 12.308em;
  float: right; }

.toolbox .reports-simple .textContent {
  zoom: 1; }

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

.toolbox .report-slider .reports .text p {
  margin-bottom: 0; }

.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: 13px; }

#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: #0069B4; }

.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%;
  float: left; }

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

#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: 0.812em/1.2em Arial, Helvetica;
  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-block;
  background: url("images/footer_sign.JPG") no-repeat left center;
  padding-left: 0.933em;
  margin-left: 0.667em;
  cursor: help;
  position: relative; }

.icp7 {
  margin-left: 195px !important;
  margin-top: -12px !important; }

#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: #FFF;
  width: 60.8em;
  padding-left: 3.733em;
  padding-right: 1.867em; }

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

#sitemap #tools img {
  border: 0px currentColor 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: #0069B4;
  text-decoration: none; }

/***************************************** Popup *********************************************/
#popup {
  width: 39.62em;
  overflow: hidden;
  margin: auto;
  padding-top: 4.846em;
  position: relative;
  height: 36.999em;
  font: normal 0.813em Arial, Helvetica;
  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: 16.9em;
  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;
  margin-left: 0em; }

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

.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;
  margin-left: 0em; }

#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;
  float: right; }

#popup div.form_item {
  width: 19.231em;
  margin-left: 0em; }

.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: 0.2em;
  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 *********************************************/
#form-LDAP {
  display: none; }

.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: #000;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 13px !important;
  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: #0069B4;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 13px !important;
  font-weight: bold;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/down-hover-pagid.gif");
  /* end if (PROJECT_PAGID) */ }

.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: #000;
  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: #0069B4;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 1em;
  font-weight: bold;
  /* skipped (PROJECT_BEHR) */
  /* if (PROJECT_PAGID) */
  background-image: url("images/down-hover-pagid.gif");
  /* end if (PROJECT_PAGID) */ }

.dyn_form .captcha input[type="text"] {
  width: 126px; }

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

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

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

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

div.form_column {
  float: left;
  width: 11.6em;
  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;
  margin-left: 11.6em; }

div.form_column .form_item {
  margin-left: 0; }

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

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

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 label.label_item {
  float: left;
  width: 98%; }

div.form_item_large {
  height: 7.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, .submit_button input.blueArrow {
  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; }

.captcha {
  display: inline-block; }
  .captcha .captchaRefresh {
    position: absolute;
    display: inline-block;
    margin-left: 0px;
    margin-top: 36px; }

div.form_item input[type=text] {
  float: left;
  margin: 0.25em 12.5em 0.5em 0;
  padding: 0.2em;
  width: 20.9em;
  height: 1.2em; }

div.form_column .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 1.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; }

.contactModule .checkbox-item label.radio {
  float: none; }

.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 {
  width: 45em;
  float: right;
  font-size: 1em; }

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

.contactModule .rightColl, .contactModule .leftColl {
  margin: 1.8em 0 3.133em 0; }

.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;
  position: absolute !important;
  top: 50% !important; }

.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: normal 1.538em/1.1em Hella Regular,Arial,Helvetica;
  margin-bottom: 1em;
  text-transform: uppercase; }

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

#searchpage #left-side {
  width: 35.716em;
  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;
  font-size: 0.867em; }

.search-all-results {
  color: #6A7A86;
  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;
  font-size: 0.867em; }

.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; }

.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 #0069B4;
  border: 0;
  color: #FFF;
  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: #0069B4;
  border-bottom: 1px #E49A00 dotted;
  cursor: help; }

.glossary-mark {
  border: 0; }

.glossary-content {
  display: none; }

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

.qtip p {
  padding: 0.25em;
  color: #6A7A86; }

.offlineClass {
  margin-bottom: 0.923em; }

.offlineClass2 {
  margin-top: 0px; }

/* jQuery lightBox plugin
     * @author Leandro Vieira Pinho - http://leandrovieira.com
     * @version 0.5
     * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
     * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
     */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px; }

#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0; }

#jquery-lightbox a img {
  border: none; }

#lightbox-container-image-box {
  position: relative;
  background-color: #FFF;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#lightbox-container-image {
  padding: 10px; }

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

#lightbox-container-image-box > #lightbox-nav {
  left: 0; }

#lightbox-nav a {
  outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block; }

#lightbox-nav-btnPrev {
  left: 0;
  float: left; }

#lightbox-nav-btnNext {
  right: 0;
  float: right; }

#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0; }

#lightbox-container-image-data {
  color: #666; }

#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left; }

#lightbox-image-details-caption {
  font-weight: bold; }

#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em; }

#lightbox-secNav-btnClose {
  width: 18px;
  float: right;
  padding-bottom: 0.7em; }

.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; }

/******************************* 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 {
  z-index: 800; }

#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; }

/******************************* Mobile ********************************/
body.mobile {
  width: 31em; }

.mobile #mainNavigation, .mobile #tools, .mobile #login, .mobile #search, .mobile .mobilhide, .mobile #emptyPlace2, .mobile #logo span, .mobile #footer #footer-in img, .mobile #footer #footer-in ul, .mobile #copyright {
  display: none; }

.mobile #container {
  padding-top: 0px;
  width: 33.33em;
  margin: 0px; }

.mobile #left-side-modules {
  padding-left: 1.85em;
  padding-right: 1.85em; }

.mobile #left-side {
  width: 33.33em; }

.mobile #logo {
  left: 1.85em; }

.mobile #right-side {
  width: 29.63em;
  padding-left: 1.85em;
  padding-right: 1.85em; }

.mobile #logo img {
  height: 7.84em;
  width: 6.94em; }

.mobile #emptyPlace {
  height: 10.8em; }

.mobile .ending {
  height: 0px; }

.mobile #footer {
  margin-top: 1em; }

.mobile #footer #footer-in ul {
  padding-left: 9em; }

.mobile #copyright {
  padding-left: 10.5em; }

.mobile .singleModuleSlide .ui-state-default, .singleModule .ui-state-default {
  background: url("images/klapptool.gif") no-repeat scroll 423px center transparent; }

.mobile .singleModuleSlide .ui-state-active, .singleModule .ui-state-active {
  background: url("images/klapptool.gif") no-repeat scroll -161px center transparent; }

.mobile #contentModule .contentNaviText {
  float: left;
  margin-left: 1.5em;
  width: 20.31em; }

.mobile #contentModule {
  width: 35em; }

.mobile .teasers .teaser {
  padding-right: 1.2em;
  width: 10.5em; }

.mobile .teasers .teaser-last {
  width: 10.5em; }

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

.mobile .toolbox .videoText {
  width: 19.31em; }

.mobile .clear {
  height: 1px; }

.mobile .toolbox .reports-simple {
  width: 34.154em; }

.mobile .toolbox .report-simple {
  width: 19.31em; }

/**********HSP Page***********/
/******************************* Interactive MAP ********************************/
#mapModule {
  color: #6A7A86;
  display: block;
  font-weight: normal;
  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;
  position: relative;
  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; }

.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; }

/**************************************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 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: 16em;
  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: 534px;
  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.25em;
  -moz-border-top-right-radius: 0.25em;
  -webkit-border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  -moz-border-bottom-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0.25em; }

#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 {
  padding-right: 4.2em; }

/* Slider end */
/********************** 11) pajinator *************************/
/*
    .pressCoverDiv {
        min-height: 650px;	
    }

    .ellipse{
        float: left;
        margin-top: 20px;
    }

    .page_navigation , .alt_page_navigation{
        position: relative;
        margin-left: 100px;
        bottom: -20px;
    }

    .page_navigation a span, .alt_page_navigation a span {

      float: left;  
      margin: 0 0.1em;
      padding: 0;
      height: 35px;
      width: 35px;
      text-decoration: none;
      border: 1px solid #D3D7DC;
      border-radius: 0.2em;
      line-height: 2.5em;
      text-align: center;
      font-size: 13px;
      color: #6A7A86;
      font-weight: normal;
    }

    .page_navigation a span:hover, .alt_page_navigation a span:hover {
      background: -webkit-gradient(linear, left top,right top, from(#f7f7f9) , to(#e2e5e8));
      background: -moz-linear-gradient(top , #f7f7f9 , #e2e5e8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f9, endColorstr=#e2e5e8);
      border: 0;
      height: 37px;
      width: 37px;
      line-height: 2.5em;
    }

    .active_page span{
      background: -webkit-gradient(linear, left top,right top, from(#f7f7f9) , to(#e2e5e8));
      background: -moz-linear-gradient(top , #f7f7f9 , #e2e5e8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f9, endColorstr=#e2e5e8);
      border: 0;
      height: 37px;
      width: 37px;
      line-height: 2.5em;
    }

    .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: 145px;
  /*  padding-bottom: 5px;*/ }

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

.pressImgHide {
  display: none; }

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

.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; }

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

.submenuData li {
  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: none; }

.submenuData li a {
  color: #000000; }

.submenuData li a img {
  float: left;
  width: 108px; }

.submenuTitles {
  display: block;
  float: left;
  margin-left: 50px;
  margin-top: 10px;
  width: 162px;
  cursor: pointer; }

/************ Traktor module end *************/
/*************** 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 *****************************/
.modVideoplayerPopup .modVideoplayer {
  display: none; }

.modVideoplayer {
  margin-bottom: 22px; }

.modVideoplayer.popupMode {
  display: none; }

.uiVideoplayer .ui-dialog-title {
  position: relative;
  left: 10px;
  top: 8px;
  font-size: 14px;
  line-height: 14px;
  color: white;
  font-weight: bold; }

.uiVideoplayer .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); }

.uiVideoplayer .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; }

.uiVideoplayer .ui-icon-closethick:hover {
  color: #FEC700; }

/* 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; }

/* extends teaser */
.modTeaserFrame {
  position: relative;
  color: #CD8D00;
  cursor: pointer; }

.modTeaserFrameVideo img {
  width: 160px;
  height: 80px;
  margin-bottom: 7px; }

.modTeaserFrameVideo .arrow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 160px;
  height: 80px; }

.modTeaserFrameVideo:hover .arrow {
  background: url("images/arrow-30px.png") center center no-repeat; }

/* extends toolboxWithVideoplayer */
.toolboxWithVideoplayer .images {
  position: relative; }

.toolboxWithVideoplayer .images .hover {
  display: none;
  background: url(images/video_play_30x30.png);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 25px;
  right: 65px; }

/*************** 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; }

.historySlider {
  position: relative;
  width: 905px;
  height: 319px;
  overflow: auto;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-y: hidden;
  padding-top: 5px; }

.historyBottom {
  position: absolute;
  top: 267px;
  width: 892px;
  height: 22px;
  padding: 10px 3px 10px 10px;
  /*background-color: #D8DBE0;*/
  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: 4px; */
  width: 25px;
  height: 26px; }

.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: 0px;
  top: -16px !important; }

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

.historyIeLabel {
  margin-top: 3px; }

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

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

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

/* main part */
.historyMain {
  position: relative;
  display: inline-block;
  width: 190px;
  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 !important; }

.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 !important;
  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: 11px;
    height: 70px;
    left: 60px;
    top: 102px;
    white-space: normal;
    color: #6A7A86 !important; }
  .historyBlockFirst_1 .historyText {
    top: 102px; }
  .historyBlockFirst_2 .historyText {
    top: 121px; }
  .historyBlockSecond_2 .historyText {
    top: 43px; }
  .historyBlockFirst_3 .historyText, .historyBlockFirst_4 .historyText,
  .historyBlockFirst_5 .historyText, .historyBlockFirst_6 .historyText {
    top: 148px; }
  .historyBlockSecond_3 .historyText {
    top: 80px; }
  .historyBlockThird_3 .historyText {
    top: 14px; }
  .historyBlockSecond_4 .historyText {
    top: 102px; }
  .historyBlockThird_4 .historyText {
    top: 55px; }
  .historyBlockFourth_4 .historyText {
    top: 5px; }
  .historyBlockSecond_5 .historyText {
    top: 110px; }
  .historyBlockThird_5 .historyText {
    top: 74px; }
  .historyBlockFourth_5 .historyText {
    top: 42px; }
  .historyBlockFifth_5 .historyText {
    top: 5px; }
  .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: 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; }

.historyText 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; }

.historyText 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; }

.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: 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; }

.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: 16px;
  width: 230px;
  height: 200px;
  margin-left: 35px;
  padding-right: 10px;
  /*padding-top: 10px;*/
  overflow: hidden;
  position: relative; }

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

.historySliderNoScrollBar {
  overflow: hidden; }

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

.historyInformationVideo {
  cursor: pointer; }

/*************** History module ***************/
/** Temporary CSS For Fair 11/2014 on HELLA COM by Zorrro **/
#mainImage .spFrame {
  top: 500px;
  left: 0;
  margin-right: auto;
  min-height: 8em;
  position: absolute;
  width: 534px;
  cursor: pointer;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75); }

#mainImage .spWrap {
  background: none repeat scroll 0 0 white;
  border-bottom-right-radius: 0.667em;
  border-top-right-radius: 0.667em;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

#mainImage .spText {
  color: #000000;
  margin: 1.333em 2.667em;
  position: relative; }

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

#mainImage .spShort, #mainImage .spMore {
  color: #333333;
  font: 400 0.872em/1.23em Arial; }

#mainImage .spLink {
  color: #AF7500; }

/** Temporary CSS For Fair 11/2014 on HELLA COM by Zorrro - END **/
/* Form Upload pdf */
.formCaptcha {
  width: 162px;
  height: 82px; }

.inputFile {
  width: 283px !important; }

.captchaRefresh {
  display: block;
  background: url(images/r.png);
  width: 24px;
  height: 24px;
  margin-left: 142px;
  margin-top: 4px; }

.captchaRefresh:hover {
  background: url(images/rUp.png); }

.formSubmit {
  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; }

/* Form Upload pdf end */
.form_column.larger div.form_item select {
  width: 11.8em; }

.ui-icon-triangle-2-n-s {
  background: url("images/scrollOption.gif") no-repeat center center #FFF;
  display: block;
  height: 16px;
  width: 16px; }

.ui-state-active {
  border-radius: 0;
  background-color: #E8E8E8; }

.ui-state-hover {
  border-radius: 0;
  background-color: #E8E8E8; }

.ui-multiselect {
  background-color: #FFFFFF;
  border: 1px solid #7C7B6D;
  padding: 2px 0 2px 4px;
  text-align: left;
  border-radius: 0;
  margin: 0.25em 0.5em 0.5em 0;
  color: #7C7B6D; }

.ui-multiselect span.ui-icon {
  float: right; }

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px; }

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important; }

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px; }

.ui-multiselect-header ul {
  font-size: 0.9em; }

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
  list-style: none outside none; }

.ui-multiselect-header a {
  text-decoration: none; }

.ui-multiselect-header a:hover {
  text-decoration: underline; }

.ui-multiselect-header span.ui-icon {
  float: left; }

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0; }

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
  background-color: #FFF;
  border: 1px solid #7C7B6D;
  border-radius: 0;
  color: #7C7B6D; }

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: scroll; }

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
  cursor: pointer; }

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px; }

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none; }

.ui-multiselect-checkboxes li.defaultOption {
  color: #CD8D00; }

.dyn_form .ui-widget-header {
  display: none; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none; }

#notifi {
  color: #6a7a86; }

#notifi h2 {
  font-size: 16px; }

#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; }

#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; }

#sitemap #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; }

#sitemap #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; }

#sitemap #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; }

#search.focused {
  border: 1px solid #E49A00 !important;
  outline: 1px solid;
  outline: auto -webkit-focus-ring-color;
  outline-color: #E49A00; }

#searchMagnifier.focused {
  background: url(images/magnifier_small2.png) 50% 50% no-repeat scroll transparent !important; }

#siteSearch {
  /*smazat display:none!!!!!!!!!!!! display:none !important;*/
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  height: 22px;
  left: 791px;
  position: absolute;
  top: 21px;
  z-index: 10000;
  width: 220px; }

/*#siteSearch span {color: #6A7A86; display: block; float: left; font-family: Hella Regular,Arial; font-size: 0.867em; font-weight: normal; margin: 0.8em 0.6em 0.8em 1em; text-transform: uppercase;}  */
/*#siteSearch form {background-color: #FFFFFF; border-radius: 5px; float: left; height: 22px; box-shadow: 0 0 5px #BBBBBB inset; padding: 0.333em 0.3em 0.3em;}*/
/* #siteSearch form span {background: url("http://www.hella.com/cps/Projects/hella-tech-world-master/images/magnifier_small.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 1.231em; position: absolute; right: 0.923em; top: 0.231em; width: 1.231em;}
        #siteSearch span {color: #6A7A86; display: block; float: left; font-family: Hella Regular,Arial; font-size: 0.867em; font-weight: normal; margin: 0.8em 0.6em 0.8em 1em; text-transform: uppercase;}  */
#siteSearch #search {
  display: block;
  float: left;
  border: 1px solid #D3D7DC;
  height: 18px;
  padding-left: 5px;
  font-size: 11px;
  width: 136px;
  color: #6A7A86; }

#siteSearch input#search:focus {
  border-color: #E49A00;
  outline-color: #E49A00; }

#siteSearch #search-button {
  /*background: -moz-linear-gradient(center top , #C9C9C9 0%, #999999) repeat scroll 0 0 transparent;*/
  background-color: #E49A00;
  border-radius: 0 3px 2px 0;
  border-width: 0 0 0 1px;
  box-shadow: -4px 0 3px -2px #DDDDDD;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: normal; }

/*#siteSearch form span {background-color: #E49A00; border-radius: 0 3px 2px 0; border-width: 0 0 0 1px; box-shadow: -4px 0 3px -2px #DDDDDD; color: #FFFFFF; cursor: pointer; font-size: 11px; font-weight: bold; line-height: 22px; padding: 5px 5px 4px; text-transform: uppercase;}*/
#searchHeader {
  background-color: #E2E5E8;
  height: 136px;
  position: relative;
  width: 100%;
  border: 1px solid #BBB;
  margin-bottom: 20px; }

/* skipped (PROJECT_BEHR) */
#searchHeader .iconText {
  top: 15px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 299px;
  font-weight: normal;
  font-size: 13px; }

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

#contentSearch {
  background-color: #FFFFFF;
  float: left;
  padding-left: 28px;
  padding-right: 28px;
  width: 940px; }

#searchForm {
  float: left;
  padding: 12px;
  width: 917px; }

span.deleteicon {
  position: relative; }

#searchForm input[type="text"] {
  border-radius: 10px;
  border: 1px solid #E2E5E8;
  box-shadow: 2px 2px 2px 0 rgba(106, 122, 134, 0.5) inset;
  color: #6A7985;
  font-family: Arial;
  font-size: 0.933em;
  font-weight: normal;
  height: 45px;
  line-height: 3em;
  margin-right: 10px;
  padding-left: 14px;
  width: 645px; }

#searchForm input[type="text"]:focus {
  border: 1px solid #E49A00;
  box-shadow: 0 0 0 0; }

span.deleteicon span {
  background: url("images/search_delete.png") repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 30px;
  margin-right: 7px;
  position: absolute;
  right: 18px;
  top: -8px;
  width: 30px; }

span.deleteicon span:hover {
  background: url("images/search_delete_active_orange.png") repeat scroll 0 0 transparent; }

/* skipped (PROJECT_BEHR) */
/*#searchForm input[type="submit"] {width: 100px; right: 0; height: 100px; cursor: pointer; border: 0; background: url(images/Circle_Orange_g_100px.png) no-repeat scroll center center transparent; position: absolute; top: 12px;}*/
#searchForm input[type="submit"] {
  border-radius: 10px;
  background-color: #E49A00;
  border: medium none;
  cursor: pointer;
  height: 48px;
  padding-bottom: 2px;
  padding-top: 1;
  width: 200px;
  border: 1px solid #D3D7DC;
  box-shadow: 1px 1px 3px 0 #6A7A86 inset;
  text-transform: uppercase;
  color: white;
  font-weight: bold; }

/* skipped (PROJECT_BEHR) */
#searchForm input[type="button"] {
  background: url("images/000_Styleguide_r1_c5.png") no-repeat scroll center center transparent;
  border: medium none;
  cursor: pointer;
  height: 26px;
  width: 26px;
  margin-left: 6px;
  padding: 0;
  vertical-align: middle; }

#searchForm input[type="button"]:hover {
  background: url("images/000_Styleguide_r1_c5_orange.png") no-repeat scroll center center transparent; }

/* skipped (PROJECT_BEHR) */
.searchIcons {
  width: 942px; }

#searchHeader .resultIcon {
  background-color: #E2E5E8;
  border: 1px solid #A6B0B7;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  cursor: pointer;
  float: left;
  height: 22px;
  margin-left: 15px;
  position: relative;
  width: 288px; }

#searchHeader .resultIcon.active {
  background-color: #D3D7DC;
  border: 1px solid #D3D7DC;
  box-shadow: 1px 1px 3px 0 #6A7A86 inset; }

#searchResults {
  color: #6A7A86;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal; }

#searchResults .resultItem {
  font-size: 13px;
  font-weight: normal;
  font-family: Arial, Helvetica;
  line-height: 16px;
  color: #6A7A86;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D3D7DC;
  clear: both; }

#searchResults .resultItem .resultIcon {
  display: block;
  float: left;
  height: 125px;
  width: 105px; }

#searchResults h1 {
  color: #000000;
  display: block;
  font-size: 20px;
  font-family: Hella Regular,Arial,Helvetica;
  margin-bottom: 48px; }

#searchResults .resultHeadline {
  display: block;
  height: 30px;
  margin-bottom: 12px; }

#searchResults .resultHeadline a {
  margin-right: 10px; }

#searchResults .modulePage {
  margin: 7px auto;
  padding: 11px;
  text-align: center;
  width: 888px; }

#searchResults ul.jPag-pages {
  float: left;
  left: 60%;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  position: relative; }

#searchResults ul.jPag-pages li {
  float: left;
  position: relative;
  right: 60%; }

#searchResults ul.jPag-pages li span.jPag-current, #searchResults ul.jPag-pages li a:hover {
  background-color: #E49A00;
  color: white; }

/* skipped (PROJECT_BEHR) */
#searchResults ul.jPag-pages li a, #searchResults ul.jPag-pages li span {
  border: 1px solid #D3D7DC;
  border-radius: 3px;
  color: #6A7A86;
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  margin: 0 0.1em;
  padding: 0;
  text-align: center;
  width: 35px; }

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

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

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

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

#resultTabs ul {
  list-style-type: none;
  height: 50px; }

#resultTabs li {
  float: left;
  margin-right: 5px; }

#resultTabs a {
  background-color: #E2E5E8;
  color: #6A7A86;
  font-weight: normal;
  padding: 12px 21px;
  position: relative;
  top: 11px;
  border-radius: 0 0 5px 5px; }

#resultTabs a.active {
  background-color: #E49A00;
  color: white; }

#resultTabs a:hover {
  text-decoration: underline; }

.searchIcons .resultIcon {
  border-top: 20px;
  border: 1px solid #BBB;
  width: 307px;
  height: 23px;
  float: left;
  margin-right: 5px;
  background-color: #EFEFEF;
  border-radius: 5px;
  color: #6A7A86;
  font-weight: normal;
  padding: 12px 0px;
  position: relative; }

.searchIcons .numberOfResults {
  font-size: 11px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  color: #6A7A86;
  height: 13px;
  margin: 3px;
  padding: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 22px; }

.searchIcons .iconText {
  position: absolute;
  top: 14px;
  vertical-align: middle;
  width: 307px;
  text-align: center; }

.searchIcons .iconText:hover {
  cursor: pointer; }

.searchIcons .resultIcon.active {
  background-color: #D3D7DC;
  border: 1px solid #D3D7DC;
  box-shadow: 1px 1px 3px 0 #6A7A86 inset;
  font-weight: bold; }

#searchInfo {
  background-color: white;
  border: 1px solid #A6B0B7;
  border-radius: 6px;
  box-shadow: 4.5px 4.5px 4.5px rgba(0, 0, 0, 0.2);
  display: none;
  left: 411px;
  position: absolute;
  top: 90px;
  width: 555px;
  z-index: 200; }

.infoContent {
  margin: 13px;
  font-size: 13px;
  font-weight: normal; }

.infoContent h3 {
  font-weight: bold;
  margin-bottom: 14px;
  margin-bottom: 14px;
  font-size: 15px; }

#searchInfo table td {
  background-color: #F7F7F9;
  padding: 5px;
  vertical-align: middle; }

.infoClose {
  background: url("images/close.png") no-repeat scroll center center transparent;
  height: 35px;
  left: 507px;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 39px; }

.infoClose:hover {
  background: url("images/close_orange_hover.png") no-repeat scroll center center transparent; }

/* skipped (PROJECT_BEHR) */
.infoText {
  background-color: white;
  border: 1px solid #A6B0B7;
  border-radius: 5px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 13px;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0; }

#searchResults .download, .download a {
  font-size: 13px; }

/* Search end */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    position: absolute; } }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  body {
    position: absolute; } }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    position: absolute; } }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    position: absolute; } }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body {
    position: absolute; } }

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body {
    position: absolute; } }

.middleGSA {
  width: 940px !important;
  padding-left: 28px !important; }

.teaserImgGallery .gallery-images {
  padding: 0;
  width: 12.3em; }

.teaserImgGallery {
  margin-top: 1em; }

.uploadUIform {
  position: absolute !important;
  top: 150px !important; }

.mediaEl img {
  width: 40px;
  height: 40px; }

.printBtn {
  left: 609px;
  position: absolute;
  top: 10px;
  width: 40px;
  height: 40px;
  display: none;
  background-image: url("images/drucker_grey.png");
  cursor: pointer; }

.printBtn:hover {
  background-image: url("images/drucker_messing.png"); }

li#languages {
  display: none;
  height: 21px;
  margin-top: 1px;
  position: relative;
  top: 2px;
  width: auto;
  z-index: 990;
  /* skipped (PROJECT_BEHR) */ }

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

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

#languages .langFlag {
  top: 1px; }

#languages .langColumn {
  float: left; }

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

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

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

#languages.live .languages {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: -moz-use-text-color #333333 #333333;
  border-image: none;
  border-right: 1px solid #333333;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  box-shadow: 0 4px 4px 0 #666666;
  display: none;
  left: -13px;
  padding: 2px 2px 4px;
  position: absolute;
  top: 18px; }

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

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

#languages.live a.langLink:hover {
  background: none repeat scroll 0 0 #CE9600; }

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

/************ Hella in Motion **************/
/* define colors */
.module_HellaInMotion {
  background: #ffffff;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 400px;
  color: #6A7A86;
  font: 0.867em Arial,Helvetica; }
  .module_HellaInMotion .tab-content table {
    width: 100%;
    background-color: #D9DEE3;
    color: black;
    border-spacing: 0px; }
    .module_HellaInMotion .tab-content table th {
      border: 1px solid #ffffff !important;
      padding: 3px 0px 3px 0px; }
    .module_HellaInMotion .tab-content table td {
      padding: 5px 5px 5px 5px;
      border: 1px solid #ffffff !important; }
  .module_HellaInMotion .tab-content .courseCategories {
    background: #ffffff; }
    .module_HellaInMotion .tab-content .courseCategories .cat {
      display: inline-block;
      margin: 5px 12px 0px 12px;
      cursor: pointer;
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease;
      position: relative; }
      .module_HellaInMotion .tab-content .courseCategories .cat:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
      .module_HellaInMotion .tab-content .courseCategories .cat.active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
        .module_HellaInMotion .tab-content .courseCategories .cat.active .catName {
          color: #e49a00; }
      .module_HellaInMotion .tab-content .courseCategories .cat .catName {
        color: #6a7a86;
        display: block;
        position: absolute;
        text-align: center;
        width: 100px; }
      .module_HellaInMotion .tab-content .courseCategories .cat .tick {
        background: url(images/tick.png);
        width: 18px;
        height: 16px;
        display: none;
        position: absolute;
        left: 41px;
        bottom: 1px; }
  .module_HellaInMotion .tab-content .catContent {
    padding-top: 25px;
    display: none; }
    .module_HellaInMotion .tab-content .catContent.display {
      display: block; }
    .module_HellaInMotion .tab-content .catContent h2 .tick {
      background: url(images/tick.png);
      width: 18px;
      height: 16px;
      display: none;
      margin-left: 10px; }
    .module_HellaInMotion .tab-content .catContent .equipment {
      padding-top: 10px; }
  .module_HellaInMotion .tab-content .motionPersonalData .auTwoColumns {
    width: 893px;
    display: inline-block; }
    .module_HellaInMotion .tab-content .motionPersonalData .auTwoColumns .additionalUser {
      width: 446px;
      display: inline-block;
      float: left; }
      .module_HellaInMotion .tab-content .motionPersonalData .auTwoColumns .additionalUser .motionLabel {
        width: 175px; }
      .module_HellaInMotion .tab-content .motionPersonalData .auTwoColumns .additionalUser input[type=text] {
        width: 260px; }

.module_HellaInMotion ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: absolute;
  width: 913px; }

.module_HellaInMotion ul.tabs > li {
  font: bold 0.938em bold Arial, Helvetica;
  position: relative;
  overflow: visible;
  border-right: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-radius: 0;
  background-color: #d8dbe0;
  width: 161px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 13px;
  cursor: default;
  margin-right: -6px;
  float: left; }

.module_HellaInMotion ul.tabs > li:first-child {
  border-left: 0;
  border-radius: 5px 0 0 5px; }

.module_HellaInMotion ul.tabs > li:last-child {
  border-right: 0;
  border-radius: 0 5px 5px 0; }

.module_HellaInMotion ul.tabs > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #d8dbe0;
  z-index: 150; }

.module_HellaInMotion ul.tabs > li .ie7arrow {
  background: url(images/ie7arrows.png) 22px 0px;
  width: 22px;
  height: 40px;
  position: absolute;
  left: 161px;
  top: 0px;
  z-index: 150; }

.module_HellaInMotion ul.tabs > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #d8dbe0 #d8dbe0 #d8dbe0 transparent;
  z-index: 150; }

.module_HellaInMotion ul.tabs > li .nav-wedge .nav-ie7-wedge {
  background: url(images/ie7arrows.png) -22px 0px no-repeat;
  width: 22px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: -25px; }

.module_HellaInMotion ul.tabs > li .nav-wedge .nav-ie7-wedge.current {
  background: url(images/ie7arrows.png) 0px 0px no-repeat; }

.module_HellaInMotion ul.tabs > li.current {
  background-color: #e49a00;
  color: #ffffff; }

.module_HellaInMotion ul.tabs > li.current .ie7arrow {
  background: url(ie7arrows.png) top left; }

.module_HellaInMotion ul.tabs > li.current .nav-arrow {
  border-color: transparent transparent transparent #e49a00; }

.module_HellaInMotion ul.tabs > li.current .nav-wedge {
  border-color: #e49a00 #e49a00 #e49a00 transparent; }

.module_HellaInMotion .tab-link .motionText {
  position: relative;
  top: 13px; }

.module_HellaInMotion .tab-content {
  display: none;
  padding: 15px;
  padding: 10px 10px 80px 10px;
  background: #ffffff;
  border: 1px solid #d8dbe0;
  position: relative;
  top: 0px;
  left: 0px;
  width: 893px;
  min-height: 400px;
  margin-top: 40px; }

html.lt-ie8 .module_HellaInMotion .tab-content {
  margin-top: 55px; }

.module_HellaInMotion .tab-content.current {
  display: block; }

.module_HellaInMotion .tab-content .motionCheckData {
  width: 98%;
  min-height: 101px;
  padding: 5px 5px 16px 5px;
  border-bottom: 1px solid #6a7a86; }

.module_HellaInMotion .tab-content .motionCheckData h2 {
  margin-top: 0px; }

.module_HellaInMotion .tab-content .motionCheckData b {
  line-height: 18px; }

.module_HellaInMotion .tab-content .motionCheckData .info,
.module_HellaInMotion .tab-content .motionCheckData .person,
.module_HellaInMotion .tab-content .motionCheckData .debit,
.module_HellaInMotion .tab-content .motionCheckData .supp {
  width: 500px;
  display: inline-block;
  position: absolute;
  left: 245px;
  line-height: 18px; }

.module_HellaInMotion .tab-content .motionCheckData .accountId,
.module_HellaInMotion .tab-content .motionCheckData .participated {
  margin-left: 34px;
  /*
                    &::before {
                        content: " / ";
                    }*/ }

.module_HellaInMotion .tab-content .motionCheckData .jump {
  float: right;
  cursor: pointer; }

.module_HellaInMotion .tab-content .motionCheckData .jump:hover {
  color: #e49a00; }

.module_HellaInMotion .tab-content .motionCheckData .motionDebit {
  display: none; }

.module_HellaInMotion .tab-content .singleModuleSlide h2.ui-state-default {
  border-top: 0;
  border-bottom: 1px solid #6A7A86;
  background: white url(images/right-bgr-new.gif) right no-repeat;
  color: #000;
  padding-top: 0.467em;
  padding-bottom: 0.333em;
  font-size: 13px !important;
  font-weight: bold;
  outline: none; }

.module_HellaInMotion .tab-content .singleModuleSlide h2 span {
  color: #6A7A86;
  font-size: 1em; }

.module_HellaInMotion .tab-content .singleModuleSlide h2 .tick {
  background: url(images/tick.png);
  width: 18px;
  height: 16px;
  display: none;
  margin-left: 10px; }

.module_HellaInMotion .tab-content .singleModuleSlide h2.ui-state-active,
.module_HellaInMotion .tab-content .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: 13px !important;
  font-weight: bold;
  outline: none; }

.module_HellaInMotion .contentSlidingList .textDetails {
  font-size: 13px !important; }

.module_HellaInMotion .tab-content .singleModuleSlide h2,
.module_HellaInMotion .tab-content .singleModule h2 {
  border-top: 1px solid #6A7A86;
  background: url(images/layout.gif) no-repeat scroll 875px -36px transparent;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
  font: bold 1em Arial, Helvetica !important;
  padding-bottom: 6px !important; }

.module_HellaInMotion .middleContact {
  position: absolute;
  bottom: 20px;
  left: 430px; }

.module_HellaInMotion .nextButton {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 90px;
  height: 30px;
  text-align: center;
  background-color: #d8dbe0;
  color: #6a7a86;
  padding-top: 15px;
  cursor: pointer;
  border: 1px solid #a9a9a9; }

.module_HellaInMotion #tab-4 .nextButton {
  padding: 7px 0 8px 0; }

.module_HellaInMotion .nextButton:hover {
  color: #e49a00;
  background-color: #e4e4e4; }

.module_HellaInMotion .prevButton {
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 90px;
  height: 30px;
  text-align: center;
  background-color: #d8dbe0;
  color: #6a7a86;
  padding-top: 15px;
  cursor: pointer;
  border: 1px solid #a9a9a9; }

.module_HellaInMotion .prevButton:hover {
  color: #e49a00;
  background-color: #e4e4e4; }

.module_HellaInMotion .sendButton {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 90px;
  height: 30px;
  text-align: center;
  background-color: #d8dbe0;
  color: #6a7a86;
  padding-top: 15px;
  cursor: pointer;
  border: 1px solid #a9a9a9; }

.module_HellaInMotion .sendButton:hover {
  color: #e49a00;
  background-color: #e4e4e4; }

.module_HellaInMotion .cleanButton {
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 140px;
  height: 30px;
  text-align: center;
  background-color: #d8dbe0;
  color: #6a7a86;
  padding-top: 15px;
  cursor: pointer;
  border: 1px solid #a9a9a9; }

.module_HellaInMotion .cleanButton:hover {
  color: #e49a00;
  background-color: #e4e4e4; }

.module_HellaInMotion .motionCourses {
  position: relative;
  bottom: -1px;
  float: left;
  width: 380px;
  display: inline-block;
  font-size: 12px; }

.module_HellaInMotion .motionPersonalData {
  min-height: 920px;
  position: relative;
  display: inline-block;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft {
  position: relative;
  display: inline-block;
  width: 600px;
  min-height: 400px;
  float: left; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach {
  height: 30px;
  line-height: 30px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach .motionLabel {
  display: inline-block;
  width: 200px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach .motionLabelCheck {
  margin-left: 5px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach .motionInputPartOne {
  width: 125px;
  display: inline-block; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach .motionInputPartTwo {
  width: 217px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataEach .departmentIE {
  /*margin-left: 4px;*/ }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft input[type="text"] {
  width: 350px;
  height: 22px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft textarea {
  font-family: Arial, Helvetica;
  width: 347px;
  height: 74px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataFrame {
  border: 1px solid #6a7a86;
  width: 881px;
  margin-top: 10px;
  padding: 5px;
  margin-bottom: 10px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataLeft .motionDataFrame .motionDataEach {
  min-height: 37px;
  display: inline-block;
  line-height: 16px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataRight {
  display: inline-block;
  width: 300px;
  min-height: 400px;
  float: left;
  /*margin-left: 600px;*/
  position: absolute; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataRight .motionDataEach {
  height: 30px;
  line-height: 30px; }

.module_HellaInMotion .motionPersonalData .motionPersonalDataRight .motionDataEach .motionLabelCheck {
  display: inline-block;
  width: 80px; }

.module_HellaInMotion .motionPersonalData2 {
  min-height: 530px;
  position: relative;
  top: 0px;
  left: 0px;
  /********** form 1 ***********/ }

.module_HellaInMotion .motionPersonalData2 .motionDataEach {
  min-height: 30px;
  line-height: 30px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionLabel {
  display: inline-block;
  width: 150px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionLabel.fullTable {
  display: block; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionLabelInfo {
  margin-left: 153px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionInputPartOne {
  width: 150px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionInputPartTwo {
  width: 245px;
  margin-left: 155px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .motionLabelCheck {
  margin-left: 5px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .listCourses {
  display: block;
  padding-bottom: 10px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .listCourses table {
  line-height: 20px; }

.module_HellaInMotion .motionPersonalData2 .motionDataEach .listCourses td {
  /*padding-left: 5px;*/ }

.module_HellaInMotion .motionPersonalData2 input[type="text"] {
  width: 400px;
  height: 22px;
  position: absolute;
  top: 0px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData2 .motionInputSig {
  margin-left: -4px; }

.module_HellaInMotion .motionPersonalData2 .motionInputSigIE {
  margin-left: 0px !important; }

.module_HellaInMotion .motionPersonalData2 .motionDataFrame {
  border: 1px solid #6a7a86;
  height: 56px;
  width: 429px;
  margin-top: 30px;
  padding: 5px;
  margin-bottom: 10px; }

.module_HellaInMotion .motionPersonalData2 .motionDataFrame .motionDataEach {
  height: 37px;
  line-height: 16px; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight {
  display: inline-block;
  width: 440px;
  min-height: 400px;
  float: left;
  margin-left: 10px;
  position: relative; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight .motionDebit {
  display: none; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight .motionDataEach {
  height: 30px;
  line-height: 30px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight .motionDataEach .motionInputPart {
  margin-left: 5px;
  width: 261px; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight .motionDataEach .motionLabel {
  display: inline-block;
  width: 150px; }

.module_HellaInMotion .motionPersonalData2 .motionPersonalDataRight input[type="text"] {
  width: 284px;
  height: 22px;
  position: absolute;
  top: 0px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData3 {
  min-height: 530px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide {
  display: none; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .motionDataEach {
  min-height: 30px;
  line-height: 30px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .motionDataEach motionInputPart {
  margin-left: 5px;
  width: 261px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .motionDataEach .motionLabel {
  display: inline-block;
  width: 150px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide input[type="text"] {
  width: 284px;
  height: 22px;
  position: absolute;
  top: 0px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .subCourses {
  display: inline-block;
  width: 400px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .subCourses table {
  width: 400px; }

.module_HellaInMotion .motionPersonalData3 .singleModuleSlide .subCourses table td {
  padding-left: 5px; }

.module_HellaInMotion .motionPersonalData3 .support {
  display: none; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach {
  min-height: 30px;
  line-height: 30px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach .motionInputPart {
  margin-left: 5px;
  width: 261px; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach .motionLabel {
  display: inline-block;
  width: 150px; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach .subCourses {
  display: inline-block;
  width: 400px; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach .subCourses table {
  width: 400px; }

.module_HellaInMotion .motionPersonalData3 .support .motionDataEach .subCourses table td {
  padding-left: 5px; }

.module_HellaInMotion .motionPersonalData3 .support input[type="text"] {
  width: 284px;
  height: 22px;
  position: absolute;
  top: 0px;
  border: 1px solid #6a7a86; }

.module_HellaInMotion .motionPersonalData3 .motionDataEach .motionLabel {
  width: 150px;
  display: inline-block; }

.module_HellaInMotion .finalData {
  min-height: 530px;
  position: relative;
  top: 0px;
  left: 0px; }

.module_HellaInMotion .finalData .listCourses {
  display: inline-block;
  width: 100%;
  padding-bottom: 5px; }

.module_HellaInMotion .finalData .listCourses table {
  width: 100%; }

.module_HellaInMotion .finalData .listCourses td {
  padding-left: 5px; }

.module_HellaInMotion .finalData .motionCheckData .accountId {
  position: relative;
  left: 180px;
  display: none; }

.module_HellaInMotion .finalData .jump {
  float: right;
  cursor: pointer; }

.module_HellaInMotion .finalData .jump:hover {
  color: #e49a00; }

.module_HellaInMotion .finalData .motionDebit {
  display: none; }

/************ EOF Hella in Motion *************/
/****************************** 14) Interactive gallery ****************************/
.module_InteractiveGallery {
  position: relative;
  width: 530px;
  overflow: hidden; }

.module_InteractiveGallery .navigation {
  background-color: #FFFFFF;
  color: blue;
  font-size: 8px;
  height: 30px;
  left: 376px;
  position: absolute;
  bottom: 5px;
  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; }

.onlineCat {
  display: none; }

/** from aditional styles **/
#socialMedia {
  position: absolute;
  right: 0;
  top: 1.25em;
  margin-right: 9.2em; }

#footer #socialMedia .mediaEl {
  background: none;
  margin-right: 0;
  padding-right: 0;
  margin-left: 0.5em; }

#footer {
  height: 7.667em; }

#footer #footer-in {
  position: relative; }

#footer #socialMedia ul {
  margin-top: 0.4em; }

#tools ul, #tools-centred ul {
  display: none; }

#tools, #tools-centred {
  height: 24px; }

/** from extra files for IE **/
html.ie9 :root #middle #emptyPlace {
  height: 15.8em; }

html.ie8 .emptypageFlash {
  margin-top: 5em; }

html.ie8 #middle #emptyPlace {
  margin-bottom: 3em; }

html.ie8 textDetails.table table {
  font-size: 0.87em; }

html.ie8 #emptyPlace2 {
  height: 11.4em; }

html.ie8 span.deleteicon span {
  top: -18px; }

html.ie8 #searchResults .clear {
  clear: none; }

html.ie8 #searchResults .modulePage {
  margin-bottom: 0px !important;
  clear: both;
  height: 50px !important; }

html.lt-ie8 {
  /*#logo img{
            height: 13.19em;
            width: 13.79em;
        }*/
  /*.textDetails ul { width: 32.633em; }*/
  /*#left-side-modules .table{ font-size: 0.867em;}*/
  /*.contentSlidingList .contentSliding  .sliding .slider li img {width:35.617em; height: 21.5em; padding-left: 1px;padding-right: 1px}*/
  /*#left-side-modules .topicCol {width: 100% !important; }*/ }
  html.lt-ie8 .toolbox.slidingReport .toolbox-controls ol li.current a {
    padding-top: 0.154em; }
  html.lt-ie8 .otherLoginsFrame, html.lt-ie8 .otherLanguageFrame {
    width: 15.6em;
    margin-top: 4.1em !important; }
  html.lt-ie8 #login .otherLoginsFrame li, html.lt-ie8 #login .otherLanguageFrame li {
    width: 15.6em; }
  html.lt-ie8 #channel-info {
    margin-top: 2.35em; }
  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 #tools {
    padding-bottom: 4px; }
  html.lt-ie8 #logo img {
    height: 196px;
    width: 205px; }
  html.lt-ie8 div.form_item input.form_input_text {
    width: 20.7em; }
  html.lt-ie8 .form_column .form_item .radio {
    display: block;
    float: left;
    height: 1.5em; }
  html.lt-ie8 div.form_item label.radio {
    height: 1.6em;
    padding-top: 3px !important;
    padding-bottom: 3px !important; }
  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 .slidingModule {
    margin-left: 0;
    padding-left: 0; }
  html.lt-ie8 #left-side-modules ul.slider {
    width: 100%; }
  html.lt-ie8 .modMedia img.playScroll {
    margin-bottom: 10px; }
  html.lt-ie8 .offlineClass {
    margin-bottom: 0.923em; }
  html.lt-ie8 .singleModuleSlide .ui-state-active, html.lt-ie8 .singleModule .ui-state-active {
    /*background: url("images/klapptool_v2.gif") no-repeat scroll 40em -271px transparent;*/
    background: url("images/klapptool_v2.gif") no-repeat scroll 40em -21.3em transparent;
    /* skipped (PROJECT_BEHR) */
    /* if (PROJECT_PAGID) */
    background-image: url("images/klapptool_v2_pagid.gif");
    /* end if (PROJECT_PAGID) */ }
  html.lt-ie8 .singleModuleSlide .ui-state-default, html.lt-ie8 .singleModule .ui-state-default {
    background: url("images/klapptool_v2.gif") no-repeat scroll 40em -0.2em transparent; }
  html.lt-ie8 .singleModuleSlide.shortModule .ui-state-default, html.lt-ie8 .singleModule.shortModule .ui-state-default {
    background: url("images/klapptool_v2.gif") no-repeat scroll 38em -0.2em transparent; }
  html.lt-ie8 .singleModuleSlide.shortModule .ui-state-active, html.lt-ie8 .singleModule.shortModule .ui-state-active {
    background: url("images/klapptool_v2.gif") no-repeat scroll 38em -21.3em transparent;
    /* skipped (PROJECT_BEHR) */
    /* if (PROJECT_PAGID) */
    background-image: url("images/klapptool_v2_pagid.gif");
    /* end if (PROJECT_PAGID) */ }
  html.lt-ie8 .contentSliding .textDetails ul li, html.lt-ie8 .singleModule .textDetails ul li, html.lt-ie8 .singleModuleSlide .textDetails ul li, html.lt-ie8 .singleModuleSlide .gallery-text ul li {
    margin-left: 1.3em; }
  html.lt-ie8 .singleModuleSlide .table p table {
    font-size: 1em; }
  html.lt-ie8 a.btn_form {
    padding-bottom: 10px;
    height: 30px;
    color: #FFF; }
  html.lt-ie8 .text .headline {
    font: 1.538em/1.4em "Hella Regular",Arial,Helvetica; }
  html.lt-ie8 .naviModule ul li {
    padding: 0 0 0 1.338em; }
  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-ie8 #left-side-modules .topicTeaserMain {
    width: 100% !important;
    padding-bottom: 10px !important; }
  html.lt-ie8 #filter {
    margin-bottom: 10px;
    margin-top: -10px; }
  html.lt-ie8 .filterYear {
    padding-top: 0.75em; }
  html.lt-ie8 .filterType {
    padding-top: 0.75em; }
  html.lt-ie8 .filterLanguage {
    padding-top: 0.75em;
    display: none; }
  html.lt-ie8 .filterTextAlignment {
    margin-right: 5px; }
  html.lt-ie8 html.lt-ie8 .filterTextAlignment {
    vertical-align: 40%; }
  html.lt-ie8 .pressPageDownloadImg {
    margin-top: 15px !important; }
  html.lt-ie8 span.deleteicon span {
    top: -18px; }
  html.lt-ie8 html.lt-ie8 span.deleteicon span {
    top: 11px; }
  html.lt-ie8 #searchForm input[type="button"] {
    margin-top: 12px; }
  html.lt-ie8 html.lt-ie8 #searchForm input[type="button"] {
    display: inline-block;
    vertical-align: inherit; }
  html.lt-ie8 html.lt-ie8 #searchHeader input[type='submit'] {
    border: 0px; }
  html.lt-ie8 html.lt-ie8 #searchResults .clear {
    clear: none; }

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 .extended-search .submit {
  width: 15.4em; }

html.lt-ie7 #left-side-modules .topic ul {
  margin: 0 0  -3em; }

html.lt-ie7 .clear-home {
  margin-bottom: 0.7em; }

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 (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 */