/*
 * ===== primary styles =====================================================
 * Author: Enrique Moreno Tent (enriquemorenotent@gmail.com)
 * ==========================================================================
 */
/*
 * ==|== Colors =====================================================
 * Here thar be hex codes and dragons
 * ==========================================================================
 */
/*
 * html { -webkit-font-smoothing: antialiased; }
 */
html {
  -webkit-font-smoothing: antialiased; }

body {
  background-color: #e1e1e1;
  font-family: "Tahoma", sans-serif;
  font-weight: 400;
  color: #565656;
  text-rendering: auto; }

p {
  font-size: 14px; }

.container .span8 {
  width: 660px; }

.container .rightarea {
  width: 265px;
  float: right; }
  .container .rightarea .span3 {
    width: 265px;
    margin-left: 0; }

  .container .spaltedown .schatten,
  .container .spaltedown .whitebox {
    height: 220px;
    overflow: hidden; }

#wrapper {
  position: relative;
  -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40);
  box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40); }

section.slider {
  width: 100%;
  height: 350px;
  text-align: center; }

.whitebox {
  background-color: white;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.20);
  z-index: 400; }
  .whitebox.contentbox {
    padding: 20px; }
    .whitebox.contentbox h1 {
      font-family: Coda;
      font-size: 30px;
      text-transform: uppercase;
      font-weight: normal;
      color: #3399cc;
      margin: 0;
      padding: 0;
      margin-bottom: 25px; }

.bluebox {
  background-color: #2daadc; }

  .greybox.contentbox {
    padding: 20px; }

.schatten {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.20);
  padding: 0 !important;
  margin: 0 !important; }

.blackbox {
  color: #999999; }
  .blackbox .highlight {
    color: #3399cc; }
  .blackbox h2 {
    font-family: Coda;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 15px; }
  .blackbox h3 {
    font-family: Coda;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 10px; }
  .blackbox.vorteile {
    color: #999999;
    font-family: Coda;
    font-size: 14px; }
    .blackbox.vorteile ul {
      width: 48%;
      float: left;
      padding: 0;
      margin: 0;
      list-style: none; }
      .blackbox.vorteile ul li {
        padding-top: 0;
        margin-top: -3px;
        background: url('../../fileadmin/templates/web/img/bg_list_item.png') 0px -5px no-repeat;
        padding-left: 25px;
        padding-bottom: 5px; }
        .blackbox.vorteile ul li:nth-child(1) {
          background: url('../../fileadmin/templates/web/img/bg_list_item_first.png') 0px 3px no-repeat; }
        .blackbox.vorteile ul li:last-child {
          background: url('../../fileadmin/templates/web/img/bg_list_item_last.png') 0px 3px no-repeat; }
      .blackbox.vorteile ul:nth-child(2) {
        float: right; }
  .blackbox.specialblack {
    color: #999999;
    font-family: Coda;
    font-size: 14px; }
    .blackbox.specialblack ul {
      width: 48%;
      float: left;
      padding: 0;
      margin: 0;
      list-style: none; }
      .blackbox.specialblack ul li {
        padding-top: 0;
        margin-top: -3px;
        background: url('../../fileadmin/templates/web/img/bg_list_item.png') 0px -5px no-repeat;
        padding-left: 25px;
        padding-bottom: 5px; }
        .blackbox.specialblack ul li:nth-child(1) {
          background: url('../../fileadmin/templates/web/img/bg_list_item_first.png') 0px 3px no-repeat; }
        .blackbox.specialblack ul li:last-child {
          background: url('../../fileadmin/templates/web/img/bg_list_item_last.png') 0px 3px no-repeat; }
      .blackbox.specialblack ul:nth-child(1) {
        float: right; }

header {
  height: 85px;
  background-color: white;
  -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40);
  box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40);
  position: relative;
  z-index: 200;
  font-family: Coda; }
  header .container {
    position: relative; }
    header .container #logo {
      position: absolute;
      top: 17px;
      left: 30px; }
    header .container #metanavi {
      position: absolute;
      top: 50px;
      right: 20px; }
      header .container #metanavi li {
        float: left;
        list-style: none;
        margin-left: 15px;
        text-transform: uppercase;
        font-size: 12px; }
        header .container #metanavi li a {
          color: #999999; }
          header .container #metanavi li a sup {
            color: #3399cc;
            font-size: 10px;
            top: -2px; }
        header .container #metanavi li.login a,
        header .container #metanavi li.logout a {
          text-decoration: none;
                    /*
           * padding-right: 20px;
           */
                    /*
           * background: url("../../fileadmin/templates/web/img/sprite_header.png") 35px -210px no-repeat;
           */ }
            header .container #metanavi li.login a span:hover,
            header .container #metanavi li.login a sup:hover,
            header .container #metanavi li.logout a span:hover,
            header .container #metanavi li.logout a sup:hover {
              text-decoration: underline; }
        header .container #metanavi li.login-active a {
                    /*
           * padding-right: 20px;
           */
                    /*
           * background: url("../../fileadmin/templates/web/img/sprite_header.png") 35px -253px no-repeat;
           */ }
    header .container .loginform {
      display: none;
      position: absolute;
      right: 0px;
      top: 85px;
      background-color: white;
      height: 45px;
      padding: 15px;
      padding-bottom: 0px; }
      header .container .loginform a {
        background-color: white;
        display: block;
        width: 15px;
        text-align: center;
        font-size: 20px;
        position: absolute;
        right: 5px;
        top: 16px;
        height: 29px;
        line-height: 29px;
        color: #1d91bf; }
      header .container .loginform .form-inline {
        background-color: white;
        padding-right: 10px; }
        header .container .loginform .form-inline div span {
          font-style: italic; }
        header .container .loginform .form-inline input {
          -webkit-border-radius: 2px !important;
          -moz-border-radius: 2px !important;
          border-radius: 2px !important;
          font-family: Coda; }
        header .container .loginform .form-inline input[type="submit"] {
          background: none !important;
          background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') 12px center no-repeat !important;
          overflow: hidden;
          border: 1px solid #2eaadc !important;
          border-color: #2eaadc !important;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important; }
          header .container .loginform .form-inline input[type="submit"]:hover {
            background-color: #1d91bf !important;
            color: #1d91bf; }
        header .container .loginform .form-inline input[type="submit"].logoutbutton {
          background: none !important;
          background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') 55px center no-repeat !important;
          color: white;
          overflow: hidden;
          border: 1px solid #2eaadc !important;
          border-color: #2eaadc !important;
          padding-right: 15px;
          margin-left: 20px;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important; }
          header .container .loginform .form-inline input[type="submit"].logoutbutton:hover {
            background-color: #1d91bf !important;
            color: white; }

.headerimg {
  width: 100%;
  height: 160px;
  padding: 0;
  background: black;
  margin-bottom: 45px; }
  .headerimg .textarea {
    width: 980px;
    margin: 0 auto;
    padding-top: 40px;
    padding-left: 30px;
    box-sizing: border-box; }
  .headerimg h4 {
    font-family: Teko;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 60px;
    color: white;
    letter-spacing: 3px;
    margin-left: 20px;
    padding: 0;
    margin: 0; }
    .headerimg h4 span {
      font-family: "Coda";
      font-size: 30px;
      vertical-align: text-top; }
  .headerimg h5 {
    font-family: Coda;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 200;
    color: white;
    letter-spacing: 3px;
    padding: 0;
    margin: 0; }

.sliderbackground {
  width: 100%;
  background: #d2d2d2;
  margin-bottom: 80px;
  position: relative;
  height: 279px;
  overflow: show; }
  .sliderbackground .flexslider {
    width: 2000px;
    margin: 0 auto;
    background: transparent;
    height: 310px !important;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1000px; }
  .sliderbackground h1 {
    padding: 0;
    margin: 0; }
    .sliderbackground .slides li {
      width: 2000px !important;
      height: 310px !important;
      background: transparent;
      position: relative; }
      .sliderbackground .slides li .slidecontent {
        position: absolute;
        bottom: 0px;
        width: 980px;
        height: 270px;
        left: 50%;
        margin-left: -490px; }
        .sliderbackground .slides li .slidecontent h1 {
          font-family: Teko;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 60px;
          line-height: 60px;
          color: white;
          letter-spacing: 3px;
          margin-left: 20px;
          padding: 0;
          margin: 0; }
          .sliderbackground .slides li .slidecontent h1 span {
            font-family: "Coda";
            font-size: 30px;
            vertical-align: text-top; }
        .sliderbackground .slides li .slidecontent h2 {
          font-family: Coda;
          text-transform: uppercase;
          font-size: 30px;
          font-weight: 200;
          color: white;
          letter-spacing: 3px;
          padding: 0;
          margin: 0; }
        .sliderbackground .slides li .slidecontent .whitebox {
                    /*
           * height:180px;
           */
          margin-top: 20px; }
        .sliderbackground .slides li .slidecontent #typslider {
          position: absolute;
          left: 50%;
          bottom: -5px;
          width: 245px;
          height: 218px;
          margin-left: -100px; }

.faqbox,
.ikontaktbox {
  height: 250px;
  position: relative; }

.faqbox {
  background: white url('../../fileadmin/templates/web/img/kbox2.png') right bottom no-repeat; }

.innert {
  padding: 20px; }
  .innert h3 {
    font-family: Teko;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    color: #991f27;
    margin: 0;
    padding: 0; }
    .innert h3 a {
      padding-right: 14px;
      background-image: url('../../fileadmin/templates/web/img/arrow-red.png');
      background-repeat: no-repeat;
      background-position: right 12px;
      color: #991f27; }
  .innert ul {
    padding: 0;
    margin: 0;
    padding-top: 5px;
    clear: both; }
      .innert ul.class1 li {
        background: #2eaadc;
        color: white;
        font-family: Coda;
        float: left;
        display: block;
        text-align: center;
        margin-right: 10px; }
        .innert ul.class1 li a {
          color: white;
          display: block;
          padding: 5px 8px;
          padding-right: 15px;
          background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') right 10px no-repeat; }
          .innert ul.class1 li a:hover {
            background-color: #1d91bf;
            text-decoration: none; }
    .innert ul.list2 {
      font-size: 14px;
      padding: 5px 0px; }
      .innert ul.list2 li {
        width: 90%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px; }
        .innert ul.list2 li a {
          color: #2eaadc &:hover;
          color-color: #1d91bf;
          color-text-decoration: none; }
  .innert li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .innert li.kbox-info {
    margin-right: 20px;
    width: 133px;
    height: 157px;
    background: #2eaadc;
    float: left;
    background-position: center 25px;
    background-repeat: no-repeat;
    text-align: center;
    font-family: Coda;
    font-size: 17px;
    text-transform: uppercase;
    box-sizing: border-box; }
    .innert li.kbox-info.kbox1 {
      background-image: url('../../fileadmin/templates/web/img/kbtn1.png'); }
    .innert li.kbox-info.kbox2 {
      background-image: url('../../fileadmin/templates/web/img/kbtn2.png'); }
    .innert li.kbox-info.kbox3 {
      background-image: url('../../fileadmin/templates/web/img/kbtn3.png'); }
    .innert li.kbox-info a {
      display: block;
      color: white;
      padding-top: 107px;
      height: 157px;
      box-sizing: border-box;
      background: transparent url('../../fileadmin/templates/web/img/arrow-big.png') 88px 127px no-repeat;
      height: 100%; }
      .innert li.kbox-info a:hover {
        text-decoration: none; }
    .innert li.kbox-info:hover {
      background-color: #1d91bf; }
    .innert li.kbox-info:nth-child(3) {
      margin: 0; }
      .innert li.kbox-info:nth-child(3) a {
        background-position: 95px 127px; }

.kbox-call {
  width: 220px;
  height: 50px;
  position: absolute;
  top: 2px;
  right: 2px;
  text-align: right;
  font-family: Coda;
  font-size: 20px;
  color: #656565;
  line-height: 13px;
  padding-top: 20px; }
  .kbox-call span {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #999999; }
  .kbox-call img {
    float: right;
    padding: 6px;
    margin-top: -20px; }

.newsbox {
  height: 330px;
  font-size: 13px;
  line-height: 15px;
  position: relative; }
  .newsbox div.c1 {
    height: 70px;
    background: white url('../../fileadmin/templates/web/img/contentborder1.png') center bottom no-repeat;
    margin-bottom: 10px;
    margin-top: 10px; }
    .newsbox div.c1 img {
      float: left;
      margin-right: 10px;
      background-color: #666666;
      width: 60px;
      height: 60px; }
    .newsbox div.c1 h4 {
      font-size: 13px;
      margin: 0;
      padding: 0;
      margin-top: 0;
      margin-bottom: 3px; }
      .newsbox div.c1 h4 span {
        font-weight: normal; }
      .newsbox div.c1 h4 a {
        color: #666666; }
        .newsbox div.c1 h4 a:hover {
          color: #2eaadc; }
  .newsbox div.c-showall {
    position: absolute;
    bottom: 5px;
    right: 20px;
    text-align: right;
    font-size: 11px;
    font-weight: bold; }
    .newsbox div.c-showall a {
      color: #666666; }

.red-nb {
  background: #993333;
  height: 330px;
  position: relative;
  font-size: 13px;
  line-height: 15px;
  position: relative; }
  .red-nb h3 {
    font-weight: normal;
    font-family: Teko;
    color: #4b0c0c;
    letter-spacing: 1px;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: -3px; }
    .red-nb h3 a {
      background: none;
      color: #4b0c0c; }
  .red-nb div.c1 {
    height: 105px;
    background: transparent url('../../fileadmin/templates/web/img/contentborder2.png') center bottom no-repeat;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #d49191; }
    .red-nb div.c1 img {
      float: left;
      margin-right: 10px;
      background-color: #666666;
      width: 60px;
      height: 60px; }
    .red-nb div.c1 h4 {
      font-size: 13px;
      margin: 0;
      padding: 0;
      margin-top: 0;
      margin-bottom: 3px;
      color: white; }
      .red-nb div.c1 h4 span {
        font-weight: normal; }
      .red-nb div.c1 h4 a {
        color: white; }
        .red-nb div.c1 h4 a:hover {
          color: #2eaadc !important; }
  .red-nb div.c-showall {
    position: absolute;
    bottom: 5px;
    right: 20px;
    text-align: right;
    font-size: 11px;
    font-weight: bold; }
    .red-nb div.c-showall a {
      color: white; }

.blackbox {
  background-color: #2c2c2c !important;
  min-height: 100px;
  color: #999999;
  -webkit-box-shadow: inset 0px 0px 50px 0px black;
  box-shadow: inset 0px 0px 50px 0px black; }
  .blackbox .vibusevent.left-blackbox,
  .blackbox .vibuslocation.left-blackbox {
    -webkit-box-shadow: inset -10px 0px 10px 0px rgba(0,0,0,0.40);
    box-shadow: inset -10px 0px 10px 0px rgba(0,0,0,0.40);
    height: 436px;
    background: transparent url('../../fileadmin/templates/web/img/featuresprites.png') 8px 18px no-repeat;
    padding-top: 210px;
    box-sizing: border-box; }
    .blackbox .vibusevent.left-blackbox h2,
    .blackbox .vibuslocation.left-blackbox h2 {
      font-size: 26px;
      color: white;
      font-weight: 400;
      font-family: Coda;
      text-transform: uppercase;
      line-height: 32px;
      letter-spacing: 2px;
      margin: 0;
      padding: 0;
      margin-left: 25px; }
      .blackbox .vibusevent.left-blackbox h2 span.green,
      .blackbox .vibuslocation.left-blackbox h2 span.green {
        font-family: Teko;
        font-size: 44px;
        color: #5bc705;
        font-weight: 700; }
      .blackbox .vibusevent.left-blackbox h2 span.purple,
      .blackbox .vibuslocation.left-blackbox h2 span.purple {
        font-family: Teko;
        font-weight: 700;
        font-size: 44px;
        color: #a294ff; }
    .blackbox .vibusevent.left-blackbox p,
    .blackbox .vibuslocation.left-blackbox p {
      padding: 25px;
      padding-top: 20px;
      color: #838382; }
  .blackbox .vibuslocation.left-blackbox {
    background-position: -205px 18px; }
  .blackbox .vibusevent.right-blackbox {
    height: 436px;
    position: relative;
        /*
     * background: transparent url('../../fileadmin/templates/web/img/updatebadge.png') right top no-repeat;
     */ }
    .blackbox .vibusevent.right-blackbox .updatebadge {
      position: absolute;
      display: block;
      right: 0;
      top: 0;
      width: 138px;
      height: 156px;
      background: transparent url('../../fileadmin/templates/web/img/updatebadge.png') left 0px no-repeat;
      z-index: 10; }
    .blackbox .vibusevent.right-blackbox p {
      margin: 0;
      cursor: pointer;
      z-index: 20;
      position: relative; }
      .blackbox .vibusevent.right-blackbox p:nth-child(1) {
        margin-top: 15px; }
      .blackbox .vibusevent.right-blackbox p.feature1 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-left.png') left 0px no-repeat;
        height: 80px;
        line-height: 80px;
        margin-top: 30px; }
        .blackbox .vibusevent.right-blackbox p.feature1:hover {
          background-position: left -345px;
          color: white; }
        .blackbox .vibusevent.right-blackbox p.feature1 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibusevent.right-blackbox p.feature1 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibusevent.right-blackbox p.feature2 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-left.png') left -77px no-repeat;
        height: 64px;
        line-height: 64px;
        margin-top: 5px; }
        .blackbox .vibusevent.right-blackbox p.feature2:hover {
          background-position: left -421px;
          color: white; }
        .blackbox .vibusevent.right-blackbox p.feature2 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibusevent.right-blackbox p.feature2 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibusevent.right-blackbox p.feature3 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-left.png') left -137px no-repeat;
        height: 74px;
        line-height: 74px;
        margin-top: 5px; }
        .blackbox .vibusevent.right-blackbox p.feature3:hover {
          background-position: left -481px;
          color: white; }
        .blackbox .vibusevent.right-blackbox p.feature3 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibusevent.right-blackbox p.feature3 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibusevent.right-blackbox p.feature4 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-left.png') left -207px no-repeat;
        height: 58px;
        word-wrap: break-word;
        padding-top: 12px;
        box-sizing: border-box;
        margin-top: 5px; }
        .blackbox .vibusevent.right-blackbox p.feature4:hover {
          background-position: left -551px;
          color: white; }
        .blackbox .vibusevent.right-blackbox p.feature4 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibusevent.right-blackbox p.feature4 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibusevent.right-blackbox p.feature5 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-left.png') left -269px no-repeat;
        height: 70px;
        line-height: 70px; }
        .blackbox .vibusevent.right-blackbox p.feature5:hover {
          background-position: left -613px;
          color: white; }
        .blackbox .vibusevent.right-blackbox p.feature5 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibusevent.right-blackbox p.feature5 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibusevent.right-blackbox p.morelink {
        position: absolute;
        bottom: 20px;
        left: 25px;
        background: #2eaadc;
        color: white;
        font-family: Coda;
        color: white;
        text-transform: uppercase;
        height: 30px;
        font-size: 16px;
        line-height: 32px;
        text-align: left;
        width: 155px;
        box-sizing: border-box;
        padding: 0;
        margin: 0; }
        .blackbox .vibusevent.right-blackbox p.morelink a {
          padding: 0 10px;
          padding-right: 0px;
          color: white;
          display: block;
          background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') right 10px no-repeat;
          text-decoration: none; }
          .blackbox .vibusevent.right-blackbox p.morelink a:hover {
            background-color: #1d91bf;
            text-decoration: none; }
  .blackbox .vibuslocation.right-blackbox {
    height: 436px;
    position: relative;
        /*
     * background: transparent url('../../fileadmin/templates/web/img/updatebadge.png') right top no-repeat;
     */ }
    .blackbox .vibuslocation.right-blackbox .updatebadge {
      position: absolute;
      display: block;
      right: 0;
      top: 0;
      width: 138px;
      height: 156px;
      background: transparent url('../../fileadmin/templates/web/img/updatebadge.png') left 0px no-repeat;
      z-index: 10; }
    .blackbox .vibuslocation.right-blackbox p {
      margin: 0;
      cursor: pointer;
      z-index: 20;
      position: relative; }
      .blackbox .vibuslocation.right-blackbox p:nth-child(1) {
        margin-top: 15px; }
      .blackbox .vibuslocation.right-blackbox p.feature1 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-right.png') left 0px no-repeat;
        height: 80px;
        line-height: 80px;
        margin-top: 30px; }
        .blackbox .vibuslocation.right-blackbox p.feature1:hover {
          background-position: left -323px;
          color: white; }
        .blackbox .vibuslocation.right-blackbox p.feature1 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibuslocation.right-blackbox p.feature1 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibuslocation.right-blackbox p.feature2 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-right.png') left -137px no-repeat;
        height: 74px;
        line-height: 74px;
        margin-top: 5px; }
        .blackbox .vibuslocation.right-blackbox p.feature2:hover {
          background-position: left -460px;
          color: white; }
        .blackbox .vibuslocation.right-blackbox p.feature2 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibuslocation.right-blackbox p.feature2 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibuslocation.right-blackbox p.feature3 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-right.png') left -77px no-repeat;
        height: 64px;
        line-height: 64px;
        margin-top: 5px; }
        .blackbox .vibuslocation.right-blackbox p.feature3:hover {
          background-position: left -400px;
          color: white; }
        .blackbox .vibuslocation.right-blackbox p.feature3 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibuslocation.right-blackbox p.feature3 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibuslocation.right-blackbox p.feature4 {
        background: transparent url('../../fileadmin/templates/web/img/featuresprites-right.png') left -207px no-repeat;
        height: 70px;
        line-height: 70px;
        margin-top: 5px; }
        .blackbox .vibuslocation.right-blackbox p.feature4:hover {
          background-position: left -530px;
          color: white; }
        .blackbox .vibuslocation.right-blackbox p.feature4 a {
          color: #838382;
          display: block;
          padding-left: 90px; }
          .blackbox .vibuslocation.right-blackbox p.feature4 a:hover {
            color: white;
            text-decoration: none; }
      .blackbox .vibuslocation.right-blackbox p.morelink {
        position: absolute;
        bottom: 20px;
        left: 25px;
        background: #2eaadc;
        color: white;
        font-family: Coda;
        color: white;
        text-transform: uppercase;
        height: 30px;
        font-size: 16px;
        line-height: 32px;
        text-align: left;
        width: 155px;
        box-sizing: border-box;
        padding: 0;
        margin: 0; }
        .blackbox .vibuslocation.right-blackbox p.morelink a {
          padding: 0 10px;
          padding-right: 0px;
          color: white;
          display: block;
          background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') right 10px no-repeat; }
          .blackbox .vibuslocation.right-blackbox p.morelink a:hover {
            background-color: #1d91bf;
            text-decoration: none; }

  .whitebox.supportbox p {
    font-weight: 400; }
    .whitebox.supportbox p.support_email {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 24px !important;
      color: #055a7c !important;
      font-family: Coda;
      padding-left: 58px;
      background: white url('../../fileadmin/templates/web/img/service1.jpg') left 4px no-repeat; }
    .whitebox.supportbox p.support_forum {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 24px !important;
      color: #055a7c !important;
      font-family: Coda;
      padding-left: 58px;
      background: white url('../../fileadmin/templates/web/img/service1.jpg') left -178px no-repeat; }
    .whitebox.supportbox p.support_fernwartung {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 24px !important;
      color: #055a7c !important;
      font-family: Coda;
      padding-left: 58px;
      background: white url('../../fileadmin/templates/web/img/service1.jpg') left -117px no-repeat; }
    .whitebox.supportbox p.support_telefon {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 24px !important;
      color: #055a7c !important;
      font-family: Coda;
      padding-left: 58px;
      background: white url('../../fileadmin/templates/web/img/service1.jpg') left -55px no-repeat; }
    .whitebox.supportbox p.support_sonstiges {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 24px !important;
      color: #055a7c !important;
      font-family: Coda;
      padding-left: 58px; }
    .whitebox.supportbox p.small {
      font-size: 14px;
      padding-left: 58px;
      margin-top: -20px;
      color: #565656; }
    .whitebox.supportbox p a.download_icon {
      padding-left: 21px;
      background: white url('../../fileadmin/templates/web/img/ksb5.jpg') left 4px no-repeat; }

.support .whitebox.faqbox {
  background: white url('../../fileadmin/templates/web/img/kbox2.png') right bottom no-repeat;
  height: auto;
  padding-bottom: 100px !important; }
  .support .whitebox.faqbox .accordion-group,
  .support .whitebox.faqbox .accordion-inner {
    border: 0;
    padding: 0;
    margin: 0; }
  .support .whitebox.faqbox h2 {
    font-family: Coda;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc; }
    .support .whitebox.faqbox h2 a.start {
      padding-right: 25px;
      background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-up.jpg');
      background-repeat: no-repeat;
      background-position: right 13px; }
      .support .whitebox.faqbox h2 a.start.collapsed {
        background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-down.jpg'); }
  .support .whitebox.faqbox h3 {
    font-family: Coda;
    font-size: 18px;
    font-weight: normal;
    padding-right: 12px;
    color: #07597b;
    line-height: 20px;
    font-weight: 400;
    padding-top: 0px; }
    .support .whitebox.faqbox h3 a.start {
      padding-right: 25px;
      background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-up.jpg');
      background-repeat: no-repeat;
      background-position: right 9px;
      color: #075a7c; }
      .support .whitebox.faqbox h3 a.start.collapsed {
        background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-down.jpg'); }
  .support .whitebox.faqbox .answer {
    padding: 0px 10px; }
  .support .whitebox.faqbox .borderb {
    border-top: 1px solid #666666; }
  .support .whitebox.faqbox .accordion-body .accordion-header {
    border-top: 1px solid #666666;
    padding: 0px 0px; }
    .support .whitebox.faqbox .accordion-body .accordion-header:nth-child(1) {
      border: none; }

.whitebox.vibusaktuell {
  height: auto; }
  .whitebox.vibusaktuell .accordion-group,
  .whitebox.vibusaktuell .accordion-inner {
    border: 0;
    padding: 0;
    margin: 0; }
  .whitebox.vibusaktuell h2 {
    padding: 0px;
    font-family: Coda;
    font-size: 18px;
    font-weight: normal;
    padding-right: 12px;
    color: #07597b;
    line-height: 20px;
    font-weight: 400; }
    .whitebox.vibusaktuell h2 a.start {
      padding-right: 25px;
      background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-up.jpg');
      background-repeat: no-repeat;
      background-position: right 9px;
      color: #075a7c; }
      .whitebox.vibusaktuell h2 a.start.collapsed {
        background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-down.jpg'); }
  .whitebox.vibusaktuell .accordion-header {
    border-top: 1px solid #666666;
    padding: 0px 0px; }
    .whitebox.vibusaktuell .accordion-header:nth-child(1) {
      border: none; }
  .whitebox.vibusaktuell .answer {
    padding: 0px 0px; }

.funktionen-titel {
  padding: 20px;
  border-bottom: 1px solid black; }
  .funktionen-titel h1 {
    font-size: 46px;
    margin: 0;
    font-family: "Teko";
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 0;
    margin: 0; }
    .funktionen-titel h1 span.green {
      color: #5bc705; }
      .funktionen-titel h1 span.green span {
        font-size: 16px;
        vertical-align: text-top; }
    .funktionen-titel h1 span.purple {
      color: #a294ff; }
      .funktionen-titel h1 span.purple span {
        font-size: 16px;
        vertical-align: text-top; }

.vibusevent.funktionenbox {
  -webkit-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.40);
  box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.40);
  position: relative;
  height: auto;
  padding-bottom: 20px; }
  .vibusevent.funktionenbox .content {
    min-height: 200px; }
  .vibusevent.funktionenbox .updatebadge {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 138px;
    height: 156px;
    background: transparent url('../../fileadmin/templates/web/img/updatebadge2.png') left 0px no-repeat; }
    .vibusevent.funktionenbox a.start span.arrow {
      position: absolute;
      width: 29px;
      height: 14px;
      background-color: red;
      right: 30px;
      top: 30px;
      background: url('../../fileadmin/templates/web/img/arrow-blue-up.png') no-repeat right center; }
      .vibusevent.funktionenbox a.start.collapsed span.arrow {
        background: url('../../fileadmin/templates/web/img/arrow-black-down.png') no-repeat right center; }
  .vibusevent.funktionenbox .accordion-group,
  .vibusevent.funktionenbox .accordion-inner {
    border: 0;
    padding: 0;
    margin: 0; }
    .vibusevent.funktionenbox .accordion-header a.start {
      padding-right: 13px;
      background: url('../../fileadmin/templates/web/img/lightblue_up.png') no-repeat right center;
      text-decoration: none; }
      .vibusevent.funktionenbox .accordion-header a.start:hover {
        color: white; }
      .vibusevent.funktionenbox .accordion-header a.start.collapsed {
        background: url('../../fileadmin/templates/web/img/lightblue_down.png') no-repeat right center; }
  .vibusevent.funktionenbox#box1 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_1.png') -724px 26px no-repeat;
    border-top: 1px solid #454545; }
    .vibusevent.funktionenbox#box1.activebox,
    .vibusevent.funktionenbox#box1:hover {
      background-position: 50px 25px; }
  .vibusevent.funktionenbox#box2 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_2.png') -708px 21px no-repeat; }
    .vibusevent.funktionenbox#box2.activebox,
    .vibusevent.funktionenbox#box2:hover {
      background-position: 50px 25px; }
  .vibusevent.funktionenbox#box3 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_3.png') -701px 27px no-repeat; }
    .vibusevent.funktionenbox#box3.activebox,
    .vibusevent.funktionenbox#box3:hover {
      background-position: 50px 25px; }
  .vibusevent.funktionenbox#box4 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_4.png') -700px 26px no-repeat; }
    .vibusevent.funktionenbox#box4.activebox,
    .vibusevent.funktionenbox#box4:hover {
      background-position: 35px 28px; }
  .vibusevent.funktionenbox#box5 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_5.png') -700px 26px no-repeat; }
    .vibusevent.funktionenbox#box5.activebox,
    .vibusevent.funktionenbox#box5:hover {
      background-position: 37px 26px; }
  .vibusevent.funktionenbox#individuell {
    padding: 20px; }
    .vibusevent.funktionenbox#individuell div {
      background-color: #68ccf2;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background: #68ccf2 url('../../fileadmin/templates/web/img/vibusindividuell.png') 15px 15px no-repeat;
      min-height: 184px; }
      .vibusevent.funktionenbox#individuell div h3 {
        padding-left: 210px;
        padding-top: 40px;
        color: #2c2c2c;
        text-transform: uppercase;
        font-family: "Teko";
        font-size: 40px;
        font-weight: 700; }
      .vibusevent.funktionenbox#individuell div p {
        padding-left: 210px;
        padding-right: 20px;
        color: #106486; }
  .vibusevent.funktionenbox .content {
    padding-top: 40px;
    font-size: 14px;
    color: #797979; }
    .vibusevent.funktionenbox .content h2 {
      font-family: Coda;
      font-size: 22px;
      text-transform: uppercase;
      font-weight: normal;
      margin-bottom: 0;
      color: white; }
    .vibusevent.funktionenbox .content h3 {
      font-family: Coda;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: normal;
      color: white;
      margin: 0; }

.vibuslocation.funktionenbox {
  -webkit-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.40);
  box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.40);
  position: relative;
  height: auto;
  padding-bottom: 20px; }
  .vibuslocation.funktionenbox .content {
    min-height: 200px; }
  .vibuslocation.funktionenbox .updatebadge {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 138px;
    height: 156px;
    background: transparent url('../../fileadmin/templates/web/img/updatebadge2.png') left 0px no-repeat; }
    .vibuslocation.funktionenbox a.start span.arrow {
      position: absolute;
      width: 29px;
      height: 14px;
      background-color: red;
      right: 30px;
      top: 30px;
      background: url('../../fileadmin/templates/web/img/arrow-blue-up.png') no-repeat right center; }
      .vibuslocation.funktionenbox a.start.collapsed span.arrow {
        background: url('../../fileadmin/templates/web/img/arrow-black-down.png') no-repeat right center; }
  .vibuslocation.funktionenbox .accordion-group,
  .vibuslocation.funktionenbox .accordion-inner {
    border: 0;
    padding: 0;
    margin: 0; }
    .vibuslocation.funktionenbox .accordion-header a.start {
      padding-right: 13px;
      background: url('../../fileadmin/templates/web/img/lightblue_up.png') no-repeat right center;
      text-decoration: none; }
      .vibuslocation.funktionenbox .accordion-header a.start:hover {
        color: white; }
      .vibuslocation.funktionenbox .accordion-header a.start.collapsed {
        background: url('../../fileadmin/templates/web/img/lightblue_down.png') no-repeat right center; }
  .vibuslocation.funktionenbox#box1 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_1_right.png') -714px 26px no-repeat;
    border-top: 1px solid #454545; }
    .vibuslocation.funktionenbox#box1.activebox,
    .vibuslocation.funktionenbox#box1:hover {
      background-position: 44px 30px; }
  .vibuslocation.funktionenbox#box2 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_2_right.png') -685px 35px no-repeat; }
    .vibuslocation.funktionenbox#box2.activebox,
    .vibuslocation.funktionenbox#box2:hover {
      background-position: 32px 33px; }
  .vibuslocation.funktionenbox#box3 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_3_right.png') -690px 30px no-repeat; }
    .vibuslocation.funktionenbox#box3.activebox,
    .vibuslocation.funktionenbox#box3:hover {
      background-position: 19px 24px; }
  .vibuslocation.funktionenbox#box4 {
    background: transparent url('../../fileadmin/templates/web/img/sprite_feature_4_right.png') -700px 30px no-repeat; }
    .vibuslocation.funktionenbox#box4.activebox,
    .vibuslocation.funktionenbox#box4:hover {
      background-position: 58px 29px; }
  .vibuslocation.funktionenbox#individuell {
    padding: 20px; }
    .vibuslocation.funktionenbox#individuell div {
      background-color: #68ccf2;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background: #68ccf2 url('../../fileadmin/templates/web/img/vibusindividuell.png') 15px 15px no-repeat;
      min-height: 184px; }
      .vibuslocation.funktionenbox#individuell div h3 {
        padding-left: 210px;
        padding-top: 40px;
        color: #2c2c2c;
        text-transform: uppercase;
        font-family: Teko;
        font-size: 40px;
        font-weight: 700; }
      .vibuslocation.funktionenbox#individuell div p {
        padding-left: 210px;
        padding-right: 20px;
        color: #106486; }
  .vibuslocation.funktionenbox .content {
    padding-top: 40px;
    font-size: 14px;
    color: #797979; }
    .vibuslocation.funktionenbox .content h2 {
      font-family: Coda;
      font-size: 22px;
      text-transform: uppercase;
      font-weight: normal;
      margin-bottom: 0;
      color: white; }
    .vibuslocation.funktionenbox .content h3 {
      font-family: Coda;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: normal;
      color: white;
      margin: 0; }

  .anwenderbereich h2 {
    font-family: Coda;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 15px; }
  .anwenderbereich h3 {
    font-family: Coda;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 10px; }
  .anwenderbereich h4 {
    font-family: Coda;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 8px; }

.sitemapanwender {
  margin-top: -70px;
  height: 150px;
  margin-bottom: 50px; }
  .sitemapanwender dl.csc-menu {
    background-color: red !important;
    padding: 0 !important;
    margin: 0 !important; }
  .sitemapanwender div.span3 {
    padding: 10px;
    color: #999999; }
    .sitemapanwender div.span3:hover {
      color: #333333; }
      .sitemapanwender div.span3:hover a {
        color: #3399cc; }
    .sitemapanwender div.span3.active {
      position: relative;
      color: #333333;
      height: 150px; }
      .sitemapanwender div.span3.active span.arrow {
        width: 79px;
        height: 40px;
        display: block;
        background: url("../../fileadmin/templates/web/img/arrow-blue-big.png") 0px 0px no-repeat;
        position: absolute;
        bottom: -60px;
        left: 60px;
        z-index: 100; }
      .sitemapanwender div.span3.active a,
      .sitemapanwender div.span3.active h3 {
        color: #3399cc; }
  .sitemapanwender h3 {
    color: #999999;
    font-family: Coda;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0; }
  .sitemapanwender a {
    color: #999999; }
    .sitemapanwender a:hover {
      color: #333333; }

  .nicefeatures .accordion-group,
  .nicefeatures .accordion-inner {
    border: 0;
    padding: 0;
    margin: 0; }
  .nicefeatures .singleentry {
    position: relative; }
    .nicefeatures .singleentry .accordion-header {
      height: 35px;
      position: absolute;
      bottom: 0; }
  .nicefeatures h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #115277;
    font-weight: 400;
    font-family: Coda;
    font-size: 18px;
    padding-right: 10px;
    background-color: white;
    height: 35px;
    line-height: 35px !important;
    position: absolute; }
    .nicefeatures h4 a.start {
      padding: 0;
      padding-right: 25px;
      background-color: white;
      background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-up.jpg');
      background-repeat: no-repeat;
      background-position: right 9px;
      height: 35px;
      padding-left: 10px; }
      .nicefeatures h4 a.start.collapsed {
        background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-down.jpg'); }
  .nicefeatures .answer {
    padding: 10px; }

  .kontaktbereich h2 {
    font-family: Coda;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 15px; }
  .kontaktbereich h3 {
    font-family: Coda;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 10px; }
  .kontaktbereich h4 {
    font-family: Coda;
    font-size: 18px;
    font-weight: normal;
    color: #3399cc;
    margin-bottom: 8px; }
  .kontaktbereich .kontaktbox {
    height: 462px; }
    .kontaktbereich .kontaktbox .kontaktbox-top {
      height: 60px;
      width: 100%;
      position: relative;
      background: white; }
      .kontaktbereich .kontaktbox .kontaktbox-top h1 {
        padding: 0;
        margin: 0;
        line-height: 31px;
        font-family: "Coda";
        font-size: 31px;
        color: #3399cc;
        position: absolute;
        text-transform: uppercase;
        top: 17px;
        left: 30px;
        font-weight: 400; }
      .kontaktbereich .kontaktbox .kontaktbox-top h2 {
        position: absolute;
        padding: 0;
        margin: 0;
        top: 10px;
        left: 210px;
        font-family: "Coda";
        font-size: 20px;
        color: #6f6f6f;
        padding-left: 30px;
        background: white url("../../fileadmin/templates/web/img/ksb1s.jpg") left 2px no-repeat;
        font-weight: 400;
        height: 35px; }
        .kontaktbereich .kontaktbox .kontaktbox-top h2 sup {
          font-size: 11px;
          top: -8px; }
    .kontaktbereich .kontaktbox .kontaktbox-bottom {
      height: 100%;
      width: 980px;
      float: left;
      background: #2daadd url("../../fileadmin/templates/web/img/kontakt-bg.png") center top no-repeat; }
      .kontaktbereich .kontaktbox .kontaktbox-bottom .tabbable {
        background: #2daadd url("../../fileadmin/templates/web/img/kontakt-bg.png") center 0px no-repeat; }
  .kontaktbereich .supportbox {
    background: white url('../../fileadmin/templates/web/img/shadow_support.png') center 70px no-repeat; }
    .kontaktbereich .supportbox h3 {
      font-family: "Teko";
      font-size: 32px;
      text-transform: uppercase;
      color: #991f27;
      margin: 0;
      padding: 0;
      margin-bottom: 40px;
      font-weight: 700; }
      .kontaktbereich .supportbox h3 a {
        padding-right: 14px;
        background-image: url('../../fileadmin/templates/web/img/arrow-red.png');
        background-repeat: no-repeat;
        background-position: right 12px;
        color: #991f27; }
    .kontaktbereich .supportbox p {
      font-weight: 400; }
      .kontaktbereich .supportbox p.support_email {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px !important;
        color: #055a7c !important;
        font-family: Coda;
        padding-left: 58px;
        background: white url('../../fileadmin/templates/web/img/service1.jpg') left 4px no-repeat; }
      .kontaktbereich .supportbox p.support_forum {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px !important;
        color: #055a7c !important;
        font-family: Coda;
        padding-left: 58px;
        background: white url('../../fileadmin/templates/web/img/service1.jpg') left -178px no-repeat; }
      .kontaktbereich .supportbox p.support_fernwartung {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px !important;
        color: #055a7c !important;
        font-family: Coda;
        padding-left: 58px;
        background: white url('../../fileadmin/templates/web/img/service1.jpg') left -117px no-repeat; }
      .kontaktbereich .supportbox p.support_telefon {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 24px !important;
        color: #055a7c !important;
        font-family: Coda;
        padding-left: 58px;
        background: white url('../../fileadmin/templates/web/img/service1.jpg') left -55px no-repeat; }
      .kontaktbereich .supportbox p span.small {
        font-size: 14px; }
      .kontaktbereich .supportbox p a.download_icon {
        padding-left: 21px;
        background: white url('../../fileadmin/templates/web/img/ksb5.jpg') left 4px no-repeat; }
  .kontaktbereich .impressumbox {
    color: #565656; }
    .kontaktbereich .impressumbox h1,
    .kontaktbereich .impressumbox h2,
    .kontaktbereich .impressumbox h3,
    .kontaktbereich .impressumbox h4 {
      color: #565656; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  outline: 0;
  color: #555555;
  background-color: white;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default; }

.kontaktbox {
  height: 462px;
  overflow: hidden; }
  .kontaktbox .kontaktbox-top {
    height: 60px;
    width: 100%;
    position: relative;
    background: white; }
    .kontaktbox .kontaktbox-top h1 {
      padding: 0;
      margin: 0;
      line-height: 31px;
      font-family: Coda;
      font-size: 31px;
      color: #3399cc;
      position: absolute;
      text-transform: uppercase;
      top: 17px;
      left: 30px;
      font-weight: 400; }
    .kontaktbox .kontaktbox-top h2 {
      position: absolute;
      padding: 0;
      margin: 0;
      top: 10px;
      left: 210px;
      font-family: Coda;
      font-size: 20px;
      color: #6f6f6f;
      padding-left: 30px;
      background: white url("../../fileadmin/templates/web/img/ksb1s.jpg") left 2px no-repeat;
      font-weight: 400;
      height: 35px; }
      .kontaktbox .kontaktbox-top h2 sup {
        font-size: 11px;
        top: -8px; }
  .kontaktbox .kontaktbox-bottom {
    height: 402px;
    background: #2daadd url("../../fileadmin/templates/web/img/kontakt-bg.png") center top no-repeat;
        /*
     * li{
     * padding: 0;
     * margin: 0;
     * -webkit-border-radius: 0px;
     * -moz-border-radius: 0px;
     * border-radius: 0px;
     * border: 0;
     * width: 182px;
     * height: 134px;
     * 
     * 
     * text-align: center;
     * 
     * &#tab1{
     * -webkit-box-shadow: inset -2px -2px 10px 0px rgba(0, 0, 0, 0.5);
     * box-shadow: inset -2px -2px 10px 0px rgba(0, 0, 0, 0.5);
     * 
     * }
     * 
     * &#tab1.active{
     * background: #2DAADD ;
     * -webkit-box-shadow: inset -2px -2px 10px 0px rgba(0, 0, 0, 0.5);
     * box-shadow:none;
     * 
     * }
     * 
     * &#tab2.active{
     * 
     * 
     * }
     * &#tab3.active{
     * 
     * }
     * 
     * 
     * a{
     * padding: 0;
     * margin: 0;
     * -webkit-border-radius: 0px;
     * -moz-border-radius: 0px;
     * border-radius: 0px;
     * border: 0;
     * background: transparent;
     * 
     * 
     * 
     * }
     * 
     * }
     * 
     * }
     * /*
     * }
     */ }
    .kontaktbox .kontaktbox-bottom p {
      font-size: 13px; }
    .kontaktbox .kontaktbox-bottom .tabbable {
      background: #2daadd url("../../fileadmin/templates/web/img/kontakt-bg.png") center 60px no-repeat; }
    .kontaktbox .kontaktbox-bottom ul.nav {
      padding: 0;
      margin: 0;
      border: 0;
      width: 182px;
      height: 402px;
      font-family: Coda;
      font-size: 18px;
      color: white;
      text-transform: uppercase;
      background: transparent url("../../fileadmin/templates/web/img/schatten_tabs.png") right center no-repeat; }
      .kontaktbox .kontaktbox-bottom ul.nav.aktiveTab1 {
        background: transparent url("../../fileadmin/templates/web/img/schatten_tabs_1.png") right center no-repeat; }
      .kontaktbox .kontaktbox-bottom ul.nav.aktiveTab2 {
        background: transparent url("../../fileadmin/templates/web/img/schatten_tabs_2.png") right center no-repeat; }
      .kontaktbox .kontaktbox-bottom ul.nav.aktiveTab3 {
        background: transparent url("../../fileadmin/templates/web/img/schatten_tabs_3.png") right center no-repeat; }
      .kontaktbox .kontaktbox-bottom ul.nav li {
        padding: 0;
        margin: 0;
        border: 0;
        width: 182px;
        height: 134px;
        background: url("../../fileadmin/templates/web/img/kb1.png") no-repeat center 25px; }
        .kontaktbox .kontaktbox-bottom ul.nav li#t_tab2 {
          background: url("../../fileadmin/templates/web/img/kb2.png") no-repeat center 25px; }
        .kontaktbox .kontaktbox-bottom ul.nav li#t_tab3 {
          background: url("../../fileadmin/templates/web/img/kb3.png") no-repeat center 25px; }
        .kontaktbox .kontaktbox-bottom ul.nav li a {
          padding: 0;
          margin: 0;
          border: 0;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0px;
          display: block;
          height: 134px;
          width: 182px;
          text-align: center;
          color: white;
          padding-top: 75px; }
          .kontaktbox .kontaktbox-bottom ul.nav li a:hover {
            background-color: transparent;
            text-decoration: underline; }
          .kontaktbox .kontaktbox-bottom ul.nav li.active a {
            background: transparent; }
      .kontaktbox .kontaktbox-bottom #tab1 .contentbox {
        padding: 20px;
        padding-left: 35px;
        position: relative; }
        .kontaktbox .kontaktbox-bottom #tab1 .contentbox .content_left {
          float: left;
          width: 200px !important; }
        .kontaktbox .kontaktbox-bottom #tab1 .contentbox .content_right {
          float: right;
          width: 520px !important; }
          .kontaktbox .kontaktbox-bottom #tab1 .contentbox .content_right #map-canvas {
            width: 520px;
            height: 360px; }
      .kontaktbox .kontaktbox-bottom #tab2 .contentbox {
        padding: 20px;
        padding-left: 35px; }
        .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left {
          float: left;
          width: 500px !important; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left input[type="text"],
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left textarea {
            -webkit-border-radius: 2px !important;
            -moz-border-radius: 2px !important;
            border-radius: 2px !important;
            font-family: Coda; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .tx_spbettercontact_info_negative {
            color: red;
            padding: 10px 0px;
            display: block; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .tx_spbettercontact_info_positive {
            color: green;
            padding: 10px 0px;
            display: block; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .error {
            border-color: red;
            color: red; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .form_left {
            width: 250px;
            float: left; }
            .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .form_left p {
              font-size: 10px; }
          .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .form_right {
            float: right;
            width: 250px; }
            .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_left .form_right input[type="submit"] {
              background-color: #b0b0b0 !important;
              text-transform: uppercase;
              border: 1px solid #eceaea;
              color: white;
              width: 110px;
              font-family: Coda; }
        .kontaktbox .kontaktbox-bottom #tab2 .contentbox .content_right {
          float: right;
          width: 220px !important; }
      .kontaktbox .kontaktbox-bottom #tab3 .contentbox {
        padding: 20px;
        padding-left: 35px; }
        .kontaktbox .kontaktbox-bottom #tab3 .contentbox .content_left {
          float: left;
          width: 360px !important; }
        .kontaktbox .kontaktbox-bottom #tab3 .contentbox .content_right {
          float: right;
          width: 360px !important; }
      .kontaktbox .kontaktbox-bottom #tab1 h3,
      .kontaktbox .kontaktbox-bottom #tab2 h3,
      .kontaktbox .kontaktbox-bottom #tab3 h3 {
        padding: 0;
        margin: 0;
        text-transform: none;
        color: #055a7c;
        height: auto;
        margin-bottom: 5px;
        line-height: 20px; }
      .kontaktbox .kontaktbox-bottom #tab1 p,
      .kontaktbox .kontaktbox-bottom #tab2 p,
      .kontaktbox .kontaktbox-bottom #tab3 p {
        color: white; }
        .kontaktbox .kontaktbox-bottom #tab1 p a,
        .kontaktbox .kontaktbox-bottom #tab1 p.highlight,
        .kontaktbox .kontaktbox-bottom #tab2 p a,
        .kontaktbox .kontaktbox-bottom #tab2 p.highlight,
        .kontaktbox .kontaktbox-bottom #tab3 p a,
        .kontaktbox .kontaktbox-bottom #tab3 p.highlight {
          color: #055a7c; }

      .widgetspalte .blackbox {
        text-align: center; }
        .widgetspalte .blackbox h3 {
          font-weight: 700;
          color: white;
          font-family: Teko; }
          .widgetspalte .blackbox h3 span {
            font-family: "Coda";
            font-weight: 400;
            font-size: 26px; }
          .widgetspalte .blackbox h3 a {
            padding: 0;
            margin: 0;
            background: none;
            color: white; }
      .widgetspalte .vibuslocationwidget {
        background: transparent url('../../fileadmin/templates/web/img/featuresprite-small2.png') center 15px no-repeat;
        padding-top: 150px; }
        .widgetspalte .vibuslocationwidget h3 a span {
          color: #a294ff; }
      .widgetspalte .vibuseventwidget {
        background: transparent url('../../fileadmin/templates/web/img/featuresprite-small1.png') center 15px no-repeat;
        padding-top: 150px; }
        .widgetspalte .vibuseventwidget h3 a span {
          color: #5bc705; }
      .widgetspalte .faqwidget {
        background: white url('../../fileadmin/templates/web/img/faq-dude.png') right bottom no-repeat;
        background: white url('../../fileadmin/templates/web/img/trenner.png') center 61px no-repeat;
        position: relative; }
        .widgetspalte .faqwidget span.typ {
          background: white url('../../fileadmin/templates/web/img/faq-dude.png') right bottom no-repeat;
          display: block;
          width: 60px;
          height: 90px;
          position: absolute;
          right: 0;
          bottom: 0; }
      .widgetspalte .vibuseventlocationwidget {
        background: transparent url('../../fileadmin/templates/web/img/trenner3.png') 215px center no-repeat; }
        .widgetspalte .vibuseventlocationwidget div {
          width: 220px;
          float: left;
          background: transparent url('../../fileadmin/templates/web/img/featuresprite-small1.png') center 0px no-repeat;
          margin-left: 10px;
          margin-top: 10px; }
          .widgetspalte .vibuseventlocationwidget div span {
            color: #5bc705; }
          .widgetspalte .vibuseventlocationwidget div p {
            font-size: 13px; }
        .widgetspalte .vibuseventlocationwidget div.right {
          width: 220px;
          float: right;
          background: transparent url('../../fileadmin/templates/web/img/featuresprite-small2.png') center 0px no-repeat;
          margin-right: 10px;
          margin-left: 0; }
          .widgetspalte .vibuseventlocationwidget div.right span {
            color: #a294ff; }
        .widgetspalte .vibuseventlocationwidget h3 {
          margin-top: 130px;
          margin-bottom: 0; }
      .widgetspalte .kontaktwidget {
        background: white url('../../fileadmin/templates/web/img/trenner.png') center 61px no-repeat; }
        .widgetspalte .kontaktwidget p {
          font-family: Coda;
          font-size: 20px;
          color: #6f6f6f;
          padding-left: 35px;
          background: white url("../../fileadmin/templates/web/img/ksb1s.jpg") left 0px no-repeat;
          font-weight: 400;
          height: 35px;
          margin-top: 40px; }
          .widgetspalte .kontaktwidget p span {
            font-size: 12px; }
      .widgetspalte .kontaktwidgetextend {
        background: white url('../../fileadmin/templates/web/img/trenner.png') center 61px no-repeat; }
          .widgetspalte .kontaktwidgetextend .kontaktinfo p {
            font-family: Coda;
            font-size: 20px;
            color: #6f6f6f;
            padding-left: 35px;
            background: white url("../../fileadmin/templates/web/img/ksb1s.jpg") left 0px no-repeat;
            font-weight: 400;
            height: 35px;
            margin-top: 35px;
            margin-bottom: 20px; }
            .widgetspalte .kontaktwidgetextend .kontaktinfo p span {
              font-size: 12px; }
        .widgetspalte .kontaktwidgetextend .ansprechpartner {
          font-family: Coda; }
          .widgetspalte .kontaktwidgetextend .ansprechpartner .highlight {
            color: #055a7c; }
          .widgetspalte .kontaktwidgetextend .ansprechpartner h4 {
            font-weight: normal;
            font-family: Coda;
            padding: 0;
            margin: 0;
            padding-left: 0px;
            text-transform: uppercase;
            color: #055a7c;
            margin-bottom: 10px; }
          .widgetspalte .kontaktwidgetextend .ansprechpartner .img {
            background-color: #d2d2d2;
            width: 50px;
            height: 60px;
            float: left;
            margin-right: 10px; }
        .widgetspalte .kontaktwidgetextend .accordion {
          margin-bottom: 0; }
        .widgetspalte .kontaktwidgetextend .accordion-group {
          border: 0px solid #e5e5e5;
          border-top: 1px solid #666666;
          margin-bottom: 2px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0px; }
          .widgetspalte .kontaktwidgetextend .accordion-group .accordion-heading {
            border-bottom: 0;
            padding-left: 45px; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-heading a.start {
              background: white url('../../fileadmin/templates/web/img/arrow-blue-down2.png') 133px 14px no-repeat;
              padding-right: 20px;
              color: #055a7c; }
              .widgetspalte .kontaktwidgetextend .accordion-group .accordion-heading a.start.collapsed {
                background: white url('../../fileadmin/templates/web/img/arrow-blue-down.png') 133px 14px no-repeat; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-heading.header1 {
              background: white url('../../fileadmin/templates/web/img/ksb2.jpg') left 6px no-repeat; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-heading.header2 {
              background: white url('../../fileadmin/templates/web/img/ksb3.jpg') left 5px no-repeat; }
          .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner {
            border: 0;
            padding: 0;
            padding-left: 5px; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner .hinweis {
              font-size: 10px; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner .highlight {
              color: #055a7c; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner input[type="text"],
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner textarea {
              -webkit-border-radius: 2px !important;
              -moz-border-radius: 2px !important;
              border-radius: 2px !important;
              font-family: Coda;
              color: #999999;
              margin-bottom: 3px;
              font-family: Coda; }
            .widgetspalte .kontaktwidgetextend .accordion-group .accordion-inner input[type="submit"] {
              background-color: #b0b0b0 !important;
              text-transform: uppercase;
              border: 1px solid #eceaea;
              color: white;
              width: 110px;
              font-family: Coda;
              text-align: center;
              margin-left: auto;
              margin-right: auto; }
          .widgetspalte .kontaktwidgetextend .accordion-group .error {
            color: red !important;
            border: 1px solid red; }
          .widgetspalte .kontaktwidgetextend .accordion-group .tx_spbettercontact_info_negative {
            color: red;
            display: block;
            margin-bottom: 10px; }
          .widgetspalte .kontaktwidgetextend .accordion-group .tx_spbettercontact_info_positive {
            color: green;
            display: block;
            margin-bottom: 10px; }
          .widgetspalte .kontaktwidgetextend .accordion-group .paddi {
            border: 0;
            padding-left: 60px;
            padding-right: 0px; }
            .widgetspalte .kontaktwidgetextend .accordion-group .paddi .highlight {
              color: #055a7c; }
      .widgetspalte h3 {
        font-family: "Teko";
        font-size: 32px;
        text-transform: uppercase;
        color: #991f27;
        margin: 0;
        padding: 0;
        line-height: 32px;
        margin-bottom: 15px;
        font-weight: 700; }
        .widgetspalte h3 a {
          padding-right: 14px;
          background-image: url('../../fileadmin/templates/web/img/arrow-red.png');
          background-repeat: no-repeat;
          background-position: right 12px;
          color: #991f27; }
      .widgetspalte ul {
        font-family: Coda;
        font-size: 15px;
        margin: 0;
        padding: 0;
        list-style: none;
        padding-top: 30px; }
        .widgetspalte ul li {
          margin-bottom: 6px; }
          .widgetspalte ul li a {
            color: #075a7c;
            background: white url('../../fileadmin/templates/web/img/arrow-blue-small.png') center right no-repeat;
            padding-right: 10px; }
        .widgetspalte .anwenderwidget ul {
          font-family: Coda;
          font-size: 15px;
          margin: 0;
          padding: 0;
          list-style: none;
          background: transparent url('../../fileadmin/templates/web/img/trenner.png') center 0px no-repeat;
          padding-top: 30px; }
          .widgetspalte .anwenderwidget ul li {
            background: #2eaadc;
            color: white;
            font-family: Coda;
            float: left;
            display: block;
            text-align: center;
            margin-right: 10px;
            text-transform: uppercase; }
            .widgetspalte .anwenderwidget ul li a {
              color: white;
              display: block;
              padding: 8px 10px;
              padding-right: 15px;
              background: #2eaadc url('../../fileadmin/templates/web/img/arrow_white_small.png') right 13px no-repeat; }
              .widgetspalte .anwenderwidget ul li a:hover {
                background-color: #1d91bf;
                text-decoration: none; }
      .widgetspalte .vibuserlebenwidget {
        background: #2daadd url('../../fileadmin/templates/web/img/kbtn3.png') center 40px no-repeat;
        height: 190px;
        padding: 0;
        overflow: hidden; }
        .widgetspalte .vibuserlebenwidget p {
          text-align: center;
          color: white;
          font-family: Coda;
          font-size: 20px;
          color: white;
          text-transform: uppercase;
          font-weight: normal;
          margin-top: 120px; }
          .widgetspalte .vibuserlebenwidget p a {
            color: white;
            padding-right: 15px;
            background: #2eaadc url('../../fileadmin/templates/web/img/arrow-big.png') right 5px no-repeat; }
        .widgetspalte .livechatwidget .headerarea {
          padding-left: 70px;
          background: white url('../../fileadmin/templates/web/img/livechat.png') 10px 13px no-repeat;
          height: 60px;
          cursor: pointer;
          margin-bottom: 0px; }
            .widgetspalte .livechatwidget .headerarea.form-active h3 {
              background: white url('../../fileadmin/templates/web/img/arrow-blue-down2.png') 123px 27px no-repeat;
              color: #055a7c; }
          .widgetspalte .livechatwidget .headerarea h3 {
            padding-top: 15px;
            color: #2eaadc;
            background: white url('../../fileadmin/templates/web/img/arrow-blue-down.png') 123px 27px no-repeat; }
          .widgetspalte .livechatwidget .headerarea:hover h3 {
            color: #055a7c; }
        .widgetspalte .anliegenmeldenwidget .headerarea {
          padding-left: 60px;
          background: white url('../../fileadmin/templates/web/img/ksb6.jpg') 10px center no-repeat;
          height: 70px;
          cursor: pointer;
          margin-bottom: 10px; }
            .widgetspalte .anliegenmeldenwidget .headerarea.form-active h3 {
              background: white url('../../fileadmin/templates/web/img/arrow-blue-down2.png') 114px 57px no-repeat;
              color: #055a7c; }
          .widgetspalte .anliegenmeldenwidget .headerarea h3 {
            padding-top: 15px;
            color: #2eaadc;
            background: white url('../../fileadmin/templates/web/img/arrow-blue-down.png') 114px 57px no-repeat; }
          .widgetspalte .anliegenmeldenwidget .headerarea:hover h3 {
            color: #055a7c; }
        .widgetspalte .anliegenmeldenwidget .formarea {
          display: none; }
          .widgetspalte .anliegenmeldenwidget .formarea .tx_spbettercontact_info_negative {
            color: red;
            display: block;
            margin-bottom: 10px; }
          .widgetspalte .anliegenmeldenwidget .formarea .tx_spbettercontact_info_positive {
            color: green;
            display: block;
            margin-bottom: 10px; }
          .widgetspalte .anliegenmeldenwidget .formarea .error {
            color: red;
            border: 1px solid red; }
          .widgetspalte .anliegenmeldenwidget .formarea .label_use {
            padding-left: 5px;
            margin: 0 !important; }
          .widgetspalte .anliegenmeldenwidget .formarea .radio {
            padding: 0px;
            margin-left: 30px;
            margin-bottom: 5px; }
            .widgetspalte .anliegenmeldenwidget .formarea .radio input {
              float: left; }
            .widgetspalte .anliegenmeldenwidget .formarea .radio label {
              float: left; }
          .widgetspalte .anliegenmeldenwidget .formarea input[type="text"],
          .widgetspalte .anliegenmeldenwidget .formarea select,
          .widgetspalte .anliegenmeldenwidget .formarea textarea {
            -webkit-border-radius: 2px !important;
            -moz-border-radius: 2px !important;
            border-radius: 2px !important;
            font-family: Coda;
            color: #999999;
            margin-bottom: 3px;
            font-family: Coda; }
          .widgetspalte .anliegenmeldenwidget .formarea input[type="submit"] {
            background-color: #b0b0b0 !important;
            text-transform: uppercase;
            border: 1px solid #eceaea;
            color: white;
            width: 110px;
            font-family: Coda;
            text-align: center; }
          .widgetspalte .anliegenmeldenwidget .formarea textarea {
            margin-bottom: 5px; }
          .widgetspalte .anliegenmeldenwidget .formarea legend {
            font-size: 14px;
            font-weight: normal;
            border: 0; }
          .widgetspalte .anliegenmeldenwidget .formarea .csc-form-element-textblock {
            font-weight: normal;
            font-size: 10px;
            margin-bottom: 10px; }
          .widgetspalte .anliegenmeldenwidget .formarea .csc-form-element-submit {
            text-align: right; }
          .widgetspalte .anliegenmeldenwidget .formarea label {
            margin: 0; }
            .widgetspalte .anliegenmeldenwidget .formarea label strong {
              font-size: 10px; }
      .widgetspalte .ueberunswidget {
        background: white url('../../fileadmin/templates/web/img/trenner.png') center 61px no-repeat; }
        .widgetspalte .ueberunswidget div {
          margin-top: 30px; }
          .widgetspalte .ueberunswidget div h4 {
            font-family: Coda;
            font-size: 15px;
            font-weight: normal;
            color: #055a7c;
            text-transform: uppercase; }
      .widgetspalte .jobswidget {
        background: transparent url('../../fileadmin/templates/web/img/trenner.png') center 61px no-repeat;
        text-align: left; }
        .widgetspalte .jobswidget h3 {
          color: #ea6567;
          font-family: Coda;
          font-size: 22px;
          letter-spacing: -1px;
          font-weight: normal;
          margin: 0;
          text-transform: uppercase; }
          .widgetspalte .jobswidget h3 span {
            color: #666666;
            font-weight: normal; }
        .widgetspalte .jobswidget .contentscroll {
          height: 200px;
          overflow: hidden;
          margin-top: 30px; }
          .widgetspalte .jobswidget .contentscroll .entry {
            border-bottom: 1px solid #666666;
            margin-bottom: 10px; }
            .widgetspalte .jobswidget .contentscroll .entry .stuff {
              float: right;
              width: 165px; }
            .widgetspalte .jobswidget .contentscroll .entry .download {
              float: left;
              width: 25px; }
          .widgetspalte .jobswidget .contentscroll h4 {
            font-family: Coda;
            font-size: 16px;
            font-weight: normal;
            margin: 0;
            padding: 0; }

    nav {
      height: 60px;
      background-color: #535353;
      -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40);
      box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.40);
      position: relative;
      z-index: 190;
      font-family: Coda;
      border-bottom: 1px solid #333333;
            /*
       * margin-bottom: 30px;
       */ }
      nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 60px;
        z-index: 160; }
        nav ul li {
          float: left;
          border-left: 1px solid #333333;
          height: 60px;
          line-height: 65px;
          font-size: 17px;
          text-transform: uppercase;
          position: relative;
                    /*
           * &.active ul,
           */
                    /*
           * home button
           */ }
          nav ul li a {
            color: #302d2a;
            display: block;
            padding-left: 10px;
            padding-right: 10px;
            height: 60px;
            text-decoration: none;
            z-index: 190 !important; }
            nav ul li a:hover {
              color: #992028;
              height: 70px;
              text-decoration: none; }
          nav ul li.dropdown > a {
            padding-right: 30px;
            background: url("../../fileadmin/templates/web/img/sprite_header.png") right -93px no-repeat; }
          nav ul li.dropdown.active > a,
          nav ul li.dropdown:hover > a {
            background: white url("../../fileadmin/templates/web/img/sprite_header.png") right -144px no-repeat;
            z-index: 190 !important; }
          nav ul li.active > a,
          nav ul li:hover > a {
            color: #992028;
            height: 70px;
            background-color: white; }
          nav ul li.active ul li  a {
            height: 30px; }
          nav ul li ul {
            padding: 0;
            margin: 0;
            list-style: none;
            position: absolute;
            background-color: white;
            width: 4000px;
            height: 30px;
            top: 60px;
            left: -2050px;
            display: none;
            -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.40);
            box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.40);
            z-index: 150; }
            nav ul li ul li {
              float: left;
              margin: 0;
              border: 0;
              height: auto;
              font-size: 14px;
              height: 30px;
              line-height: 30px;
              position: absolute;
              left: 2000px;
              text-align: center;
                            /*
               * background-color: red;
               */
                            /*
               * SubMenu 1
               */
                            /*
               * Submenu 2
               */ }
              nav ul li ul li.item_7 {
                left: 2000px; }
              nav ul li ul li.item_8 {
                left: 2071px; }
              nav ul li ul li.item_9 {
                left: 2167px; }
              nav ul li ul li.item_10 {
                left: 2264px; }
              nav ul li ul li.item_11 {
                left: 2000px; }
              nav ul li ul li.item_12 {
                left: 2110px; }
              nav ul li ul li.item_13 {
                left: 2286px; }
              nav ul li ul li.item_14 {
                left: 2370px; }
              nav ul li ul li a {
                height: 30px;
                background: none;
                padding: 0;
                padding: 0 10px;
                background: no-repeat;
                display: block; }
                nav ul li ul li a:hover {
                  height: 30px;
                  background: none; }
          nav ul li.active ul {
            display: block; }
          nav ul li:hover ul {
            display: block;
            z-index: 152 !important; }
          nav ul li#home {
            background-color: red;
            line-height: 999;
            padding: 0;
            margin: 0;
            width: 50px; }
            nav ul li#home a {
              height: 70px;
              background: #6a6a69 url("../../fileadmin/templates/web/img/sprite_header.png") 15px -39px no-repeat; }
              nav ul li#home a:hover {
                background: white url("../../fileadmin/templates/web/img/sprite_header.png") 15px 21px no-repeat; }
            nav ul li#home.active a {
              background: white url("../../fileadmin/templates/web/img/sprite_header.png") 15px 21px no-repeat; }
      nav .container {
        position: relative; }
        nav .container .areasearchform {
          position: absolute;
          right: 25px;
          top: 12px; }
          nav .container .areasearchform input[type="text"] {
            border-color: #2c2c2c !important;
                        /*
             * background:#302d2a url('../../fileadmin/templates/web/img/search-n.png')  135px center no-repeat !important;
             */
            background: #302d2a url('../../fileadmin/templates/web/img/search-n.png') left center no-repeat !important;
            padding-left: 27px; }
          nav .container .areasearchform input {
            -webkit-border-radius: 2px !important;
            -moz-border-radius: 2px !important;
            border-radius: 2px !important;
            font-family: Coda;
            color: #999999; }

    footer {
      background-color: #535353;
      padding: 20px;
      color: #838282;
      font-size: 13px;
      min-height: 300px; }
      footer h3 {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: normal;
        font-family: Coda; }
      footer li,
      footer ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      footer a {
        color: #838282;
        text-decoration: none; }
        footer a:hover {
          text-decoration: underline;
          color: white; }

      .suchformular input {
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        border-radius: 2px !important;
        font-family: Coda;
        color: #999999; }

    .suchergebnisse {
      border-bottom: 1px solid #666666;
      margin-bottom: 10px; }
      .suchergebnisse h4 {
        font-weight: normal;
        font-family: Coda; }
        .suchergebnisse h4 a {
          color: #075a7c;
          background: transparent url("../../fileadmin/templates/web/img/arrow-blue.png") right center no-repeat;
          padding-right: 10px; }
      .suchergebnisse .tx-indexedsearch-redMarkup,
      .suchergebnisse .tx-indexedsearch-sw {
        color: white;
        background-color: #2eaadc;
        font-weight: normal;
        padding: 3px; }

    .tx-indexedsearch-sw {
      color: #2eaadc; }

    .whitebox.kundenloginstuff {
      height: auto; }
      .whitebox.kundenloginstuff .accordion-group,
      .whitebox.kundenloginstuff .accordion-inner {
        border: 0;
        padding: 0;
        margin: 0; }
      .whitebox.kundenloginstuff h2 {
        font-family: Coda;
        font-size: 25px;
        text-transform: uppercase;
        font-weight: normal;
        color: #3399cc;
        margin: 0;
        padding: 0;
        margin-bottom: 10px; }
      .whitebox.kundenloginstuff h3 {
        padding: 0px;
        font-family: Coda;
        font-size: 18px;
        font-weight: normal;
        padding-right: 12px;
        color: #07597b;
        line-height: 20px;
        font-weight: 400; }
        .whitebox.kundenloginstuff h3 a.start {
          padding-right: 25px;
          background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-up.jpg');
          background-repeat: no-repeat;
          background-position: right 9px;
          color: #075a7c; }
          .whitebox.kundenloginstuff h3 a.start.collapsed {
            background-image: url('../../fileadmin/templates/web/img/arrow-darkblue-down.jpg'); }
      .whitebox.kundenloginstuff .accordion-header {
        border-top: 1px solid #666666;
        padding: 0px 0px; }
        .whitebox.kundenloginstuff .accordion-header:nth-child(1) {
          border: none; }
      .whitebox.kundenloginstuff .answer {
        padding: 0px 0px; }

