/*
 * **************************************************************
 * *  Copyright notice
 * *
 * *  (c) 2014 pixel-id GmbH / Uwe Gessler (gessler@pixel-id.de)
 * *  All rights reserved
 * **************************************************************
 */
.cf:after,
.cf:before {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

* {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 11pt !important;
  line-height: 1.3em;
  color: #2e2e2e; }

#header {
  margin: 0 auto;
  width: 100%;
  height: 600px;
  background-color: #e5e5e5; }

#header {
  overflow: hidden;
  text-align: center; }

#keyvisual {
  position: relative;
  text-align: center;
  width: 1200px;
  margin: auto; }
  #keyvisual DIV.news-single-img {
    margin: 0 auto;
    width: 1200px; }
  #keyvisual div.cycle-overlay {
    position: absolute;
    top: 435px;
    width: 948px;
    height: 50px;
    margin: 0 auto;
    z-index: 600;
    text-align: left; }
    #keyvisual div.cycle-overlay div.overlayDesc {
      width: 100%;
      height: 100%;
      color: white !important;
            /*
       * background: $colorDunkelGrau;
       * background: rgba($colorDunkelGrau, 0.85);
       */ }
      #keyvisual div.cycle-overlay div.overlayDesc div {
        padding-left: 25px;
        padding-top: 10px;
        color: white !important; }
  #keyvisual #pager {
    position: absolute;
    text-align: center !important;
    width: 100%;
    z-index: 199;
    top: 480px; }
    #keyvisual #pager span {
      font-size: 45px !important;
      padding: 0 1px;
      color: #333333;
      cursor: pointer; }
    #keyvisual #pager span.cycle-pager-active {
      color: white; }
  #keyvisual #next,
  #keyvisual #prev {
    bottom: 55px;
    height: 27px;
    position: absolute;
    width: 27px;
    z-index: 198;
    border: 1px solid green;
    display: none; }
  #keyvisual #prev {
    left: 5px; }
  #keyvisual #next {
    right: 5px; }
  #keyvisual DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-left: 0; }

#breadcrumb {
  margin: 4px auto 35px auto;
  width: 1200px; }

  #breadcrumb ul {
    list-style: none; }
    #breadcrumb ul li {
      float: left;
      font-size: 8pt !important; }
      #breadcrumb ul li a {
        font-size: 8pt !important;
        text-decoration: none; }

#content {
  margin: 0 auto;
  width: 1200px; }

  #content_right h3 {
    font-weight: 700;
    font-size: 11pt !important; }
    #content_right h3 a {
      font-weight: 700;
      text-decoration: none; }
  #content_right p.csc-frame-frame1 {
    background-color: #e5e5e5;
    padding: 10px; }

  #content h1,
  #content  p.csc-subheader,
   #content p.csc-subheader {
    font-weight: 700;
    font-size: 13pt !important; }
    #content h1 a,
    #content h1  p.csc-subheader,
     #content h1 p.csc-subheader {
      text-decoration: none;
      font-weight: 700; }
  #content p.csc-subheader {
    margin-bottom: 0.75em !important;
    color: #999999; }
  #content p {
    margin-bottom: 0.75em; }
    #content p a {
      text-decoration: none; }
    #content p a:hover {
      text-decoration: underline; }
  #content b,
  #content b a {
    font-weight: 700; }
  #content DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,
  #content DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 1px solid #999999; }
  #content dd.csc-textpic-caption {
    font-size: 8pt !important; }
  #content ul.csc-bulletlist {
    list-style-type: square;
    margin: 0.75em 0 1.5em 1.2em; }

  #content_main ul,
  #content_main ul.csc-bulletlist {
    list-style-type: square;
    margin: 0.75em 0 1.5em 1.2em; }

  div.kmsearchpartner-pi1-listrow td {
    padding: 0 !important; }

  table#produktfinder td {
    font-size: 75% !important; }
    table#produktfinder td p {
      margin-bottom: 0 !important;
      font-size: inherit !important; }
  table#produktfinder td.hint {
    text-align: center; }
  table#produktfinder a.minus,
  table#produktfinder a.plus,
  table#produktfinder a.plusplus {
    font-weight: bold;
    text-decoration: none;
    font-size: 150%; }

.grid3x3 {
  width: 1200px; }
  .grid3x3 DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-top: -10px;
    margin-left: -10px; }
  .grid3x3 .row1,
  .grid3x3 .row2,
  .grid3x3 .row3 {
    margin-bottom: 25px; }
  .grid3x3 .col1,
  .grid3x3 .col2,
  .grid3x3 .col3 {
    float: left;
    width: 380px;
    margin-right: 25px;
    background-color: #e5e5e5; }
    .grid3x3 .col1 .colContent,
    .grid3x3 .col2 .colContent,
    .grid3x3 .col3 .colContent {
      padding: 10px;
      position: relative; }
      .grid3x3 .col1 .colContent h4,
      .grid3x3 .col2 .colContent h4,
      .grid3x3 .col3 .colContent h4 {
        position: absolute;
        top: 100px; }
      .grid3x3 .col1 .colContent h4,
      .grid3x3 .col1 .colContent h4 a,
      .grid3x3 .col2 .colContent h4,
      .grid3x3 .col2 .colContent h4 a,
      .grid3x3 .col3 .colContent h4,
      .grid3x3 .col3 .colContent h4 a {
        font-weight: 700 !important;
        text-decoration: none; }
      .grid3x3 .col1 .colContent .csc-textpic-text,
      .grid3x3 .col2 .colContent .csc-textpic-text,
      .grid3x3 .col3 .colContent .csc-textpic-text {
        padding-top: 14px !important; }
      .grid3x3 .col1 .colContent h3,
      .grid3x3 .col1 .colContent h3 a,
      .grid3x3 .col2 .colContent h3,
      .grid3x3 .col2 .colContent h3 a,
      .grid3x3 .col3 .colContent h3,
      .grid3x3 .col3 .colContent h3 a {
        font-weight: 700 !important;
        text-decoration: none; }
          .grid3x3 .col1 .colContent div.csc-textpic div.csc-textpic-imagewrap p,
          .grid3x3 .col2 .colContent div.csc-textpic div.csc-textpic-imagewrap p,
          .grid3x3 .col3 .colContent div.csc-textpic div.csc-textpic-imagewrap p {
            margin-bottom: 0 !important; }
          .grid3x3 .col1 .colContent div.csc-textpic div.csc-textpic-text p,
          .grid3x3 .col2 .colContent div.csc-textpic div.csc-textpic-text p,
          .grid3x3 .col3 .colContent div.csc-textpic div.csc-textpic-text p {
            margin-bottom: 0 !important; }
        .grid3x3 .col1 .colContent div.csc-textpic-clear p,
        .grid3x3 .col2 .colContent div.csc-textpic-clear p,
        .grid3x3 .col3 .colContent div.csc-textpic-clear p {
          margin: 0 !important;
          padding: 0 !important; }
  .grid3x3 .col3 {
    margin-right: 0; }
    .grid3x3 .news-single-item h1,
    .grid3x3 .news-single-item h2,
    .grid3x3 .news-single-item  p.csc-subheader,
     .grid3x3 .news-single-item p.csc-subheader {
      font-weight: 700;
      font-size: 13pt !important; }
  .grid3x3 .news-single-img {
    display: none; }
  .grid3x3 .news-latest-container {
    position: relative;
    top: -10px;
    left: -10px; }
    .grid3x3 .news-latest-container .news-latest-gotoarchive {
      display: none; }
    .grid3x3 .news-latest-container .news-latest-item {
      min-height: 120px;
      height: 120px; }
    .grid3x3 .news-latest-container h3 {
      font-weight: 700;
      font-size: 13pt !important;
      padding-left: 10px; }
      .grid3x3 .news-latest-container h3 a {
        text-decoration: none;
        font-weight: 700; }
        .grid3x3 .kmsearchpartner-pi1 table tr td {
          vertical-align: top !important; }

  .news-single-item h1,
  .news-single-item h2,
  .referenzen-single-item h1,
  .referenzen-single-item h2,
  .news-single-item  p.csc-subheader,
   .news-single-item p.csc-subheader,
  .referenzen-single-item  p.csc-subheader,
   .referenzen-single-item p.csc-subheader {
    font-weight: 700;
    font-size: 13pt !important; }
  .news-single-item h2,
  .referenzen-single-item h2 {
    color: #999999;
    margin-bottom: 1em; }
  .news-single-item .blank200,
  .referenzen-single-item .blank200 {
    display: inline-block;
    margin-bottom: 1.5em; }

.referenzen-latest-container:after,
.referenzen-latest-container:before {
  content: " ";
  display: table; }

.referenzen-latest-container:after {
  clear: both; }

.referenzen-latest-container {
  clear: both !important;
  position: relative;
  margin-top: 20px; }
  .referenzen-latest-container .referenzen-latest-item {
    background-color: #e5e5e5;
    float: left !important;
    width: 380px !important;
    height: 155px !important;
    margin-right: 25px !important;
    margin-bottom: 25px; }
    .referenzen-latest-container .referenzen-latest-item h3 {
      font-weight: 700;
      font-size: 13pt !important;
      padding-left: 10px; }
      .referenzen-latest-container .referenzen-latest-item h3 a {
        text-decoration: none;
        font-weight: 700; }
    .referenzen-latest-container .referenzen-latest-item p {
      padding-left: 10px; }
      .referenzen-latest-container .referenzen-latest-item p img {
        margin-left: -10px; }
    .referenzen-latest-container .referenzen-latest-item a {
      text-decoration: none; }
    .referenzen-latest-container .referenzen-latest-item .referenzen-latest-date {
      display: none; }
    .referenzen-latest-container .referenzen-latest-item .referenzen-latest-category {
      display: none; }
  .referenzen-latest-container .referenzen-latest-item:nth-child(3n) {
    margin-right: 0 !important; }
  .referenzen-latest-container .referenzen-latest-item:nth-child(n+10) {
    display: none; }
  .referenzen-latest-container .referenzen-latest-gotoarchive {
    clear: both; }

div.kmsearchpartner-pi1-listrow table {
  /*width: 500px;*/
	width: 600px;  
}

div.kmsearchpartner-pi1 td {
  vertical-align: top; }

  .gbglossary_listview span.accordeon_letter {
    font-size: 13pt !important; }
    .gbglossary_listview span.accordeon_letter a {
      font-size: 13pt !important;
      font-weight: 700;
      text-decoration: none;
      color: #999999; }
  .gbglossary_listview h4 {
    font-weight: 700;
    font-size: 13pt !important;
    margin-top: 15px; }
  .gbglossary_listview ul {
    list-style-type: square;
    margin-left: 1em; }

.ui-widget-overlay {
  background: none;
  background-color: black;
  background-image: none;
  opacity: 0.7 !important; }

.ui-widget-header {
  background: none;
  background-color: #0003a0;
  color: white;
  border: none; }

.ui-dialog-title {
  color: white;
  font-weight: bold;
  padding: 10px 0 0 10px;
  display: inline-block; }

.ui-dialog-titlebar-close {
  float: right; }

#formRueckruf fieldset {
  padding: 10px; }

#formRueckruf fieldset legend {
  display: none; }

#formRueckruf fieldset label {
  width: 120px;
  display: inline-block; }

#formRueckruf fieldset button#send.button {
  margin-left: 120px; }

#formRueckruf input,
#formRueckruf textarea {
  width: 250px !important; }

#formRueckruf textarea {
  height: 100px; }

#angebot img,
#fachberater img,
#rueckruf img {
  margin-top: -10px !important;
  margin-left: -10px !important;
  cursor: pointer; }

.formField_breit {
  width: 462px; }

.formField_schmal {
  width: 175px; }

div.grid3x3.startseite div.row1 div.col3 div.colContent {
  padding-bottom: 5px !important; }

  #c14783 img {
    margin-bottom: 0; }
  #c14783 h3 {
    margin-top: 2px; }
  #c14783 .csc-textpic-text {
    padding: 0 !important; }

div.grid3x3.startseite div.row1 div.col2 div.colContent {
  padding-bottom: 5px !important; }

  #c15635 img {
    margin-bottom: 0; }
  #c15635 h3 {
    margin-top: 2px; }
  #c15635 .csc-textpic-text {
    padding: 0 !important; }

#content_main {
  width: 66%;
  float: left; }

#content_right {
  width: 33%;
  float: right; }

#content_right {
  margin: 0 auto;
  width: 380px; }

  #content_right div {
    padding: 10px;
    background-color: #e5e5e5; }
    #content_right div h1 {
      font-size: 11pt !important; }
    #content_right div ul,
    #content_right div ul.csc-menu {
      list-style: none; }
      #content_right div ul a,
      #content_right div ul.csc-menu a {
        text-decoration: none; }
      #content_right div ul a:hover,
      #content_right div ul.csc-menu a:hover {
        text-decoration: underline; }
    #content_right div ol {
      margin-top: 10px;
      margin-left: 20px; }
    #content_right div div {
      padding: 0; }

#footer {
  margin: 0 auto;
  width: 1200px;
  background-color: #e5e5e5; }

#footer {
  margin-top: 25px; }
  #footer ul.list {
    margin: 20px 0 20px 20px;
    width: 165px;
    float: left;
    list-style: none; }
        #footer ul.list li h5 a {
          text-decoration: none;
          font-weight: 700;
          font-size: 85% !important;
          color: #333333; }
      #footer ul.list li a {
        text-decoration: none;
        font-size: 85% !important;
        color: #333333; }
      #footer ul.list li a:hover {
        text-decoration: underline; }
  #footer #footerMeta {
    margin: 20px;
    float: left;
    color: #333333; }
    #footer #footerMeta a {
      font-size: 85% !important;
      text-decoration: none; }
    #footer #footerMeta a:hover {
      text-decoration: underline; }
  #footer #footerCopyright {
    margin: 20px;
    float: right;
    font-size: 85% !important;
    color: #333333; }

#socialmedia {
    /*
   * position: absolute;
   * top: 120px;
   * left: 0;
   * z-index: 99999;
   */
  width: 300px;
  margin: 0 auto;
  text-align: center; }
  #socialmedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
        /*
     * .onlineshop a {
     * background-image: url('/fileadmin/templates/2014/img/warenkorb2.png');
     * }
     */
        /*
     * chat kommt direkt von Livezilla
     * .chat a {
     * background-image: url('/fileadmin/templates/2014/img/warenkorb2.png');
     * }
     */ }
    #socialmedia ul .chat,
    #socialmedia ul .facebook,
    #socialmedia ul .instagram,
    #socialmedia ul .newsletter,
    #socialmedia ul .onlineshop,
    #socialmedia ul .pinterest,
    #socialmedia ul .twitter,
    #socialmedia ul .xing,
    #socialmedia ul .youtube,
    #socialmedia ul .linkedin {
      padding: 0;
      margin: 15px 0 0 0;
      width: 32px;
      height: 32px;
            /*
       * display: block;
       */
      float: left;
            /*
       * background-color: $colorDunkelGrau;
       */
      overflow: hidden; }
      #socialmedia ul .chat a,
      #socialmedia ul .facebook a,
      #socialmedia ul .instagram a,
      #socialmedia ul .newsletter a,
      #socialmedia ul .onlineshop a,
      #socialmedia ul .pinterest a,
      #socialmedia ul .twitter a,
      #socialmedia ul .xing a,
      #socialmedia ul .youtube a,
      #socialmedia ul .linkedin a {
        display: inline-block;
        cursor: pointer;
        width: 32px !important;
        height: 32px !important; }
    #socialmedia ul .facebook a {
      background-image: url('/fileadmin/templates/img/facebook-32.png'); }
    #socialmedia ul .twitter a {
      background-image: url('/fileadmin/templates/img/twitter-32.png'); }
    #socialmedia ul .xing a {
      background-image: url('/fileadmin/templates/img/xing-32.png'); }
    #socialmedia ul .youtube a {
      background-image: url('/fileadmin/templates/img/youtube-32.png'); }
    #socialmedia ul .newsletter a {
      background-image: url('/fileadmin/templates/img/newsletter.png'); }
    #socialmedia ul .pinterest a {
      background-image: url('/fileadmin/templates/img/pinterest-32.png'); }
    #socialmedia ul .instagram a {
      background-image: url('/fileadmin/templates/img/instagram-32.png'); }
    #socialmedia ul .linkedin a {
      background-image: url('/fileadmin/templates/img/linkedin-32.png'); }