/* anfang: @media all */
@media all {
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Globale Variablen, Farben und Pfade
   *
   */
  /* Farben */
  /* Pfade */
  /* Fontsizes */
  /* ===== Automatische Berechnungen und Funktionen =====
   *
   *  .font-size (font-size, line-height);
   *  
   */
  /* set font-size for document */
  /* set line-height for document */
  body {
    font-size: 0.875em;
    line-height: 1.2857142857142858em;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Module
   *
   * @section modules
   */
  .module {
    display: block;
    min-height: 1%;
    margin-bottom: 35px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Teaser
   *
   * @section mod_teaser_
   */
  /**
   * Modul Teaser 2spaltig
   *
   * @subsection mod_teaser_columnar
   */
  .mod_teaser_columnar {
    overflow: hidden;
    /* anfang: teaser content */
  
    /* ende: teaser content */
  
  }
  .mod_teaser_columnar .teaser_content {
    overflow: hidden;
  }
  .mod_teaser_columnar .teaser_content .title {
    margin-bottom: 8px;
  }
  .mod_teaser_columnar img {
    float: left;
    display: inline;
    width: 48%;
    margin-right: 20px;
    border: 1px solid #deddda;
  }
  .mod_teaser_columnar.full .teaser_content {
    margin-left: 32%;
  }
  .mod_teaser_columnar.full img {
    width: 28%;
  }
  .mod_teaser_columnar.full a {
    margin-top: 14px;
    display: block;
  }
  .startpage .mod_teaser_columnar {
    /* anfang: teaser content */
  
    /* ende: teaser content */
  
  }
  .startpage .mod_teaser_columnar .teaser_content .title {
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.0714285714285714em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
  }
  .startpage .mod_teaser_columnar .teaser_content p {
    margin-bottom: 7px;
    font-size: 0.9285714285714286em;
    /* set new font-size */
  
    line-height: 1.2307692307692308em;
    /* set line-height relative to font-size */
  
    color: #626d74;
  }
  .startpage .mod_teaser_columnar .teaser_content .link {
    font-size: 0.9285714285714286em;
    /* set new font-size */
  
    line-height: 1.2307692307692308em;
    /* set line-height relative to font-size */
  
  }
  .vital_checkup .mod_teaser_columnar .teaser_content {
    overflow: visible;
  }
  /**
   * Modul Teaser Bild/Text
   *
   * @subsection mod_teaser_img_text
   */
  .mod_teaser_img_text h1 {
    margin-bottom: 14px;
  }
  .mod_teaser_img_text .img_container {
    margin-bottom: 10px;
  }
  .mod_teaser_img_text img {
    width: 100%;
  }
  .mod_teaser_img_text p {
    margin-bottom: 7px;
    color: #626d74;
  }
  /**
   * Modul Teaser Premium
   *
   * @subsection mod_teaser_premium
   */
  .mod_teaser_premium {
    position: relative;
    padding: 6px;
    background-color: #333333;
  }
  .mod_teaser_premium:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    width: 46px;
    height: 46px;
    border: 1px solid #2b76b2;
    background: #1c6199;
    background: -moz-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1c6199), color-stop(100%, #3c81b9));
    background: -webkit-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -o-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -ms-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1c6199', endColorstr='#3c81b9', GradientType=1);
    -webkit-box-shadow: -8px 8px 8px 0 rgba(0, 0, 0, 0.17);
    box-shadow: -8px 8px 8px 0 rgba(0, 0, 0, 0.17);
    content: '';
  }
  .mod_teaser_premium:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 12;
    border-right: 45px solid white;
    border-top: 0 solid transparent;
    border-bottom: 45px solid transparent;
    content: '';
  }
  .mod_teaser_premium header {
    position: absolute;
    top: 23px;
    left: 23px;
    z-index: 13;
  }
  .mod_teaser_premium header h1 {
    font-size: 2em;
    /* set new font-size */
  
    line-height: 1em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
  }
  .mod_teaser_premium header h2 {
    margin-bottom: 5px;
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1em;
    /* set line-height relative to font-size */
  
    color: #a3c0d9;
  }
  .mod_teaser_premium .img_container {
    overflow: hidden;
    position: relative;
    padding-bottom: 29%;
  }
  .mod_teaser_premium .img_container img {
    border: 0 none;
  }
  .mod_teaser_premium .teaser_content {
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 12;
    width: 358px;
    height: 76px;
    padding: 8px 30px 0 22px;
    background: transparent url('../images/bg_teaser_premium.png') no-repeat scroll 0 0;
  }
  .mod_teaser_premium .teaser_content p {
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.3571428571428572em;
    /* set line-height relative to font-size */
  
  }
  .mod_teaser_premium .teaser_content a {
    color: #fff;
  }
  .mod_teaser_premium .teaser_content a:hover {
    text-decoration: none;
  }
  .mod_teaser_premium .teaser_content .link_in {
    display: inline-block;
    text-decoration: none;
    color: #fff;
  }
  .mod_teaser_premium .teaser_content .link_in:hover {
    color: #a4c0d6;
  }
  .mod_article .mod_teaser_premium img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Teaserliste
   *
   * @section mod_teaser_list
   */
  .mod_teaser_list {
    margin: 0 -20px 50px 0;
    background: transparent url('../images/bg_teaser_list_pattern.png') repeat scroll 0 -1px;
  }
  .mod_teaser_list li {
    float: left;
    display: inline;
    width: 33.3%;
    height: 156px;
    padding-right: 20px;
    padding-top: 30px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Standard-Artikel
   *
   * @section mod_article
   */
  .mod_article {
    /* anfang: artikelkopf */
  
    /* ende: artikelkopf */
  
  }
  .mod_article .article_head {
    min-height: 122px;
    margin-bottom: 35px;
    border-bottom: 1px dotted #a1a7ac;
  }
  .mod_article .article_head h1 {
    margin-bottom: 7px;
    font-size: 1.7857142857142858em;
    /* set new font-size */
  
    line-height: 1.12em;
    /* set line-height relative to font-size */
  
    color: #333333;
  }
  .mod_article .article_head h2 {
    margin-bottom: 10px;
    font-size: 1.0714285714285714em;
    /* set new font-size */
  
    line-height: 1.3333333333333333em;
    /* set line-height relative to font-size */
  
  }
  .mod_article .article_head.small {
    margin-bottom: 0;
  }
  .mod_article > h3 {
    margin: 25px 0 15px;
  }
  .mod_article > h4 {
    margin-bottom: 7px;
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    color: #333333;
  }
  .mod_article .author {
    margin-bottom: 20px;
    border-bottom: 1px dotted #a1a7ac;
    padding-bottom: 10px;
    font-weight: 700;
  }
  .mod_article .author p {
    color: #a1a7ac;
  }
  .mod_article p {
    margin-bottom: 14px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.3571428571428572em;
    /* set line-height relative to font-size */
  
    color: #333333;
  }
  .mod_article address {
    margin-bottom: 15px;
    color: #333333;
  }
  .mod_article img {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #deddda;
  }
  .mod_article figure img {
    margin: 0;
  }
  .mod_article img.no_border {
    border: 0 none;
  }
  .mod_article img.float_left {
    width: auto;
    width: 40%;
    margin-right: 20px;
  }
  .mod_article img.float_right {
    width: auto;
    width: 40%;
    margin-left: 20px;
  }
  .contact .mod_article address {
    margin-bottom: 0;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Teaser Box
   *
   * @section mod_teaser_box
   */
  .mod_teaser_box {
    text-align: center;
    /* Focus Teaser */
  
  }
  .mod_teaser_box h1 {
    padding-top: 20px;
    font-size: 1.3571428571428572em;
    /* set new font-size */
  
    line-height: 1.263157894736842em;
    /* set line-height relative to font-size */
  
    color: #393939;
  }
  .mod_teaser_box .content address {
    padding: 15px 20px;
  }
  .mod_teaser_box.focus_teaser {
    border-top: 1px dotted #a0a7ad;
    border-bottom: 1px dotted #a0a7ad;
    padding: 15px;
    background-color: #f3f4f5;
  }
  .mod_teaser_box.focus_teaser h1 {
    margin-bottom: 4px;
    padding: 0;
    font-size: 1.2857142857142858em;
    /* set new font-size */
  
    line-height: 1.1111111111111112em;
    /* set line-height relative to font-size */
  
    color: #333333;
  }
  .mod_teaser_box.focus_teaser h2 {
    margin-bottom: 15px;
    font-size: 1.0714285714285714em;
    /* set new font-size */
  
    line-height: 1.1333333333333333em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
    color: #333333;
  }
  .mod_teaser_box.focus_teaser img {
    width: 100%;
    margin-bottom: 10px;
  }
  .mod_teaser_box.focus_teaser p {
    margin-bottom: 15px;
    padding: 0 5px;
    color: #626d74;
  }
  .mod_teaser_box.focus_teaser .btn_teaser {
    min-width: 112px;
    border: 1px solid #0b4a8d;
    line-height: 1em;
    font-weight: 400;
    background-color: #0b4a8d;
    color: #fff;
  }
  .mod_teaser_box.focus_teaser .btn_teaser:hover,
  .mod_teaser_box.focus_teaser .btn_teaser:active {
    background-color: transparent;
    color: #0b4a8d;
  }
  .mod_teaser_box.focus_teaser a:hover {
    text-decoration: none;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Text
   *
   * @section mod_text
   */
  /*
  .mod_text {
  
      &.main_section { padding-bottom: 0; }
  }
  */
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Gallerie
   *
   * @section mod_gallery
   */
  .mod_gallery .main_image {
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid #82919a;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
  }
  .mod_gallery .main_image img {
    border: 0 none;
    width: 100%;
    height: auto;
  }
  .mod_gallery .thumbs li {
    overflow: hidden;
    position: relative;
    float: left;
    display: inline;
    width: 83px;
    height: 58px;
    margin: 2px 13px 7px 2px;
    border: 1px solid #82919a;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .mod_gallery .thumbs li:hover {
    opacity: 1;
  }
  .mod_gallery .thumbs img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    border: 0 none;
  }
  .mod_gallery .thumbs .active {
    width: 87px;
    height: 62px;
    margin: 0 11px 5px 0;
    border-width: 3px;
    opacity: 1;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Akkordeon
   *
   * @section mod_accordion
   */
  .mod_accordion .accordion_list li {
    margin-bottom: 2px;
  }
  .mod_accordion .trigger {
    position: relative;
    padding: 10px 15px 15px;
    background-color: #e6e9eb;
    cursor: pointer;
  }
  .mod_accordion .trigger h2 {
    padding-right: 80px;
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.125em;
    /* set line-height relative to font-size */
  
    color: #393939;
  }
  .mod_accordion .trigger .direction {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    padding-right: 19px;
    font-size: 0.9285714285714286em;
    /* set new font-size */
  
    line-height: 1em;
    /* set line-height relative to font-size */
  
    background: transparent url('../images/spr_icons.png') no-repeat scroll right -956px;
  }
  .mod_accordion .trigger.active .direction {
    background-position: right -1036px;
  }
  .mod_accordion .container {
    overflow: hidden;
    padding: 20px;
    background-color: #fafbfb;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Visual
   *
   * @section mod_visual
   */
  .mod_visual {
    position: relative;
  }
  .mod_visual .visual_text {
    position: absolute;
    top: 19%;
    left: 6%;
  }
  .mod_visual .visual_text h1 {
    margin-bottom: 20px;
    font-size: 2.0714285714285716em;
    /* set new font-size */
  
    line-height: 0.8620689655172413em;
    /* set line-height relative to font-size */
  
    color: #333333;
  }
  .mod_visual .visual_text p {
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.3125em;
    /* set line-height relative to font-size */
  
    width: 38.5%;
  }
  .mod_visual img {
    width: 100%;
    height: auto;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Visual
   *
   * @section mod_visual
   */
  .mod_feature_list .feature_list {
    margin-bottom: 35px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .mod_feature_list .feature_list li {
    margin-left: 17px;
    list-style-image: url('../images/bg_feature_list_arrow.png');
  }
  .mod_feature_list .feature_list img {
    width: 100%;
    max-width: 283px;
    height: auto;
    margin-bottom: 14px;
  }
  .mod_feature_list .feature_list figure img {
    margin: 0;
  }
  .mod_feature_list.full .feature_list {
    margin-left: 20px;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Definitionsliste
   *
   * @section mod_definition_list
   */
  .mod_definition_list {
    overflow: hidden;
  }
  .mod_definition_list h2 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 1.2857142857142858em;
    /* set new font-size */
  
    line-height: 1.4444444444444444em;
    /* set line-height relative to font-size */
  
    border-bottom: 1px dotted #a1a7ac;
    background: #fff;
    z-index: 12;
  }
  .mod_definition_list h3 {
    position: relative;
    padding-bottom: 5px;
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    background: #fff;
    color: #333333;
    z-index: 12;
  }
  .mod_definition_list h4 {
    position: relative;
    font-weight: 600;
    background: #fff;
    z-index: 12;
  }
  .mod_definition_list dl {
    position: relative;
    z-index: 11;
    margin: -1px 0 25px;
    border-bottom: 1px dotted #a1a7ac;
  }
  .mod_definition_list dl dt {
    float: left;
    display: inline;
    width: 40%;
    padding: 10px 0;
    border-top: 1px dotted #a1a7ac;
  }
  .mod_definition_list dl dd {
    overflow: hidden;
    padding: 10px 0;
    border-top: 1px dotted #a1a7ac;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Modul Zitat
   *
   * @section mod_quote
   */
  .mod_quote p {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1.4285714285714286em;
    /* set new font-size */
  
    line-height: 1.3em;
    /* set line-height relative to font-size */
  
    text-align: center;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Headlines
   *
   * @section headlines
   */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
  }
  .secondary_headline {
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    color: #333333;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Basisformatierungen
   *
   * @section base_formats
   */
  strong,
  b {
    font-weight: 700;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Links
   *
   * @section links
   */
  a {
    color: #333333;
    text-decoration: none;
  }
  a:hover,
  a:active,
  a:focus {
    text-decoration: none;
    outline: none;
  }
  .linkbox:hover,
  .linkbox:focus {
    text-decoration: none;
  }
  .linkbox:hover .link,
  .linkbox:focus .link {
    text-decoration: none;
  }
  .link_in:after {
    margin-left: 3px;
    content: '»';
  }
  .link_out:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    background: transparent url('../images/spr_icons.png') no-repeat scroll 0 -160px;
    content: '';
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Buttons
   *
   * @section buttons
   */
  .btn {
    display: inline-block;
    margin-bottom: 2px;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 2.2857142857142856em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
    color: #333333;
    cursor: pointer;
  }
  .btn.btn_main {
    border-color: #205884;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
    filter: dropshadow(color=#000000, offx=0, offy=0);
    background: #3571a0;
    background: -moz-linear-gradient(top, #3571a0 0%, #1a5482 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3571a0), color-stop(100%, #1a5482));
    background: -webkit-linear-gradient(top, #3571a0 0%, #1a5482 100%);
    background: -o-linear-gradient(top, #3571a0 0%, #1a5482 100%);
    background: -ms-linear-gradient(top, #3571a0 0%, #1a5482 100%);
    background: linear-gradient(to bottom, #3571a0 0%, #1a5482 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3571a0', endColorstr='#1a5482', GradientType=0);
    color: #fff;
  }
  .btn .ico {
    display: block;
    padding-left: 33px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 2em;
    /* set line-height relative to font-size */
  
  }
  .btn .ico.ico_mail {
    padding-left: 40px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Icons
   *
   * @section icons
   */
  .ico {
    background: url('../images/spr_icons.png') no-repeat scroll;
  }
  .ico.ico_eng {
    background-position: 0 0;
  }
  .ico.ico_ger {
    background-position: 0 -80px;
  }
  .ico.ico_mail {
    background-position: 0 -717px;
  }
  .ico.ico_tel {
    background-position: 0 -796px;
  }
  .ico.ico_fax {
    background-position: 0 -876px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Formulare
   *
   * @section forms
   */
  form .error_messages {
    margin-bottom: 15px;
  }
  form .error_messages .error_message {
    display: block;
    color: #f00;
  }
  form label {
    display: block;
    margin-bottom: 3px;
  }
  form .radio {
    overflow: hidden;
    margin-bottom: 15px;
  }
  form .radio label {
    float: left;
    display: inline;
    margin-right: 8px;
  }
  form input.text,
  form select.select,
  form textarea.text {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #c4c4c4;
    padding: 5px;
    background: #f1f1f1;
  }
  form input.text:focus,
  form select.select:focus,
  form textarea.text:focus {
    border-color: #333333;
    background-color: #fff;
  }
  form textarea.text {
    height: 80px;
    resize: none;
  }
  form .half {
    width: 50%;
    padding-right: 20px;
  }
  form .half.float_right {
    padding-right: 0;
  }
  form .actions {
    position: relative;
  }
  form .actions .form_hint {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    color: #626d74;
  }
  form .error input.text,
  form .error select.select,
  form .error textarea.text {
    border-color: #f00;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Basisformatierungen
   *
   * @section base-formattings
   */
  body {
    font-family: Arial, Helvetica, sans-serif;
    color: #626d74;
  }
  .main_wrapper {
    overflow: hidden;
    max-width: 910px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .main_section {
    clear: both;
    overflow: hidden;
    margin-bottom: 35px;
    border-bottom: 1px dotted #a1a7ac;
    padding-bottom: 35px;
  }
  .main_section h1 {
    margin-bottom: 16px;
    font-size: 1.2857142857142858em;
    /* set new font-size */
  
    line-height: 1.4444444444444444em;
    /* set line-height relative to font-size */
  
    color: #333333;
  }
  .main_section h1.secondary_headline {
    font-size: 1.1428571428571428em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    color: #333333;
  }
  .main_section > p:last-of-type {
    margin: 0;
  }
  /**
   * Wagner Prinzip Teaser
   *
   * @subsection concept_teaser
   */
  .concept_teaser img {
    width: 100%;
    height: auto;
  }
  /**
   * Google Map
   *
   * @subsection map
   */
  .map {
    width: 100%;
    height: 250px;
  }
  /**
   * Lightbox
   *
   * @subsection lightbox
   */
  .lightbox {
    position: relative;
    display: block;
  }
  .lightbox span {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 20;
    width: 20px;
    height: 21px;
    background: transparent url(../images/spr_icons.png) no-repeat scroll 0 -1200px;
  }
  .lightbox.float_left {
    width: auto;
    width: 40%;
    margin-right: 20px;
  }
  .lightbox.float_right {
    width: auto;
    width: 40%;
    margin-light: 20px;
  }
  /**
   * Ordered List
   *
   * @subsection ol
   */
  ol {
    margin-bottom: 20px;
    padding-left: 40px;
    font-weight: 700;
    color: #333333;
    list-style-type: decimal;
  }
  ol li {
    margin-bottom: 10px;
  }
  ol span {
    font-weight: 400;
    color: #333333;
  }
  /**
   * Buttonliste
   *
   * @subsection btn_list
   */
  .btn_list {
    margin: 25px -20px 0 0;
  }
  .btn_list li {
    float: left;
    display: inline;
    margin-right: 20px;
  }
  /**
   * Spaltenstruktur
   *
   * @subsection cols
   */
  .col_wrapper {
    display: table;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    table-layout: fixed;
    list-style-type: none;
  }
  .col1,
  .col3 {
    float: left;
    display: inline;
    margin: 0;
  }
  .col1 {
    padding-right: 20px;
  }
  .col2 {
    float: right;
    display: inline;
    margin: 0;
  }
  .sidebar {
    margin-top: 121px;
    border-top: 1px dotted #a1a7ac;
  }
  /* 3-spaltiger Aufbau */
  .cols3 .col1,
  .cols3 .col3 {
    width: 34.1379%;
    padding-right: 20px;
  }
  .cols3 .col2 {
    width: 31.7241%;
  }
  /* 2-spaltiger Aufbau */
  .cols2 .col1 {
    width: 73.5632%;
  }
  .cols2 .col2 {
    width: 26.4367%;
  }
  /**
   * Spaltenframework für den content Bereich
   *
   * @subsection subcols
   */
  .subcols .col {
    float: left;
    display: inline;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .subcols .subcol_row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .subcols .col:before,
  .subcols .col:after {
    display: table;
    line-height: 0;
    content: '';
  }
  .subcols .col:first-child {
    padding-left: 0;
  }
  .subcols .col:last-child {
    padding-right: 0;
  }
  .subcols .col_1_8 {
    width: 12.5%;
  }
  .subcols .col_2_8 {
    width: 25%;
  }
  .subcols .col_3_8 {
    width: 37.5%;
  }
  .subcols .col_4_8 {
    width: 50%;
  }
  .subcols .col_5_8 {
    width: 62.5%;
  }
  .subcols .col_6_8 {
    width: 75%;
  }
  .subcols .col_7_8 {
    width: 87.5%;
  }
  /**
   * Startseite Intro
   *
   * @subsection intro
   */
  .intro .intro_text {
    margin-bottom: 18px;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1.2857142857142858em;
    /* set new font-size */
  
    line-height: 1.3888888888888888em;
    /* set line-height relative to font-size */
  
    font-weight: 200;
    color: #393939;
  }
  .intro .intro_text strong {
    font-weight: 200;
    color: #333333;
  }
  .intro .link_list li {
    float: left;
    display: inline;
    margin-right: 23px;
  }
  .intro .link_list li a {
    font-weight: 700;
  }
  /**
   * Startseite Teaser Grafik
   *
   * @subsection teaser_graphic
   */
  .teaser_graphic h1 {
    margin-bottom: 8px;
    text-align: center;
  }
  .teaser_graphic ul {
    position: relative;
    left: 50%;
    width: 791px;
    height: 290px;
    margin-left: -395px;
    padding: 12px 9px;
    background: transparent url('../images/bg_teaser_graphic.jpg') no-repeat scroll 0 0;
  }
  .teaser_graphic ul li {
    float: left;
    display: inline;
  }
  .teaser_graphic ul .conventional {
    width: 228px;
    height: 192px;
    margin-top: 26px;
  }
  .teaser_graphic ul .wagner {
    width: 318px;
    height: 266px;
    padding: 71px 35px 0;
  }
  .teaser_graphic ul .traditional {
    width: 227px;
    height: 192px;
    margin-top: 26px;
  }
  .teaser_graphic ul h2 {
    padding: 10px 20px 0;
    font-size: 0.9285714285714286em;
    /* set new font-size */
  
    line-height: 1.0769230769230769em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    text-align: center;
    color: #d8dadd;
  }
  .teaser_graphic ul p {
    width: 245px;
    margin-bottom: 7px;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.2857142857142858em;
    /* set line-height relative to font-size */
  
    text-align: center;
    color: #393939;
  }
  .teaser_graphic ul p strong {
    color: #c98500;
  }
  .teaser_graphic ul .teaser_button {
    display: block;
    height: 55px;
    margin-top: 14px;
    padding-top: 14px;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: 600;
    background: transparent url('../images/spr_icons.png') no-repeat scroll 0 -240px;
    color: #785614;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  }
  .teaser_graphic ul .teaser_button:hover,
  .teaser_graphic ul .teaser_button:focus {
    text-decoration: none;
    background-position: 0 -320px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Slider
   *
   * @section slider
   */
  .rotator {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 290px;
    margin-bottom: 13px;
    /* anfang: navigation */
  
    /* ende: navigation */
  
  }
  .rotator #rotmenu {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    width: 32.6436%;
    height: 290px;
    background: transparent url('../images/bg_slider_nav.png') no-repeat scroll 0 0;
  }
  .rotator #rotmenu li {
    padding-bottom: 1px;
    background: transparent url('../images/spr_icons.png') no-repeat scroll right -582px;
  }
  .rotator #rotmenu li a {
    display: block;
    height: 58px;
    margin-left: 8px;
    padding: 12px 15px 0;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1.0714285714285714em;
    /* set new font-size */
  
    line-height: 1.1333333333333333em;
    /* set line-height relative to font-size */
  
    color: #333333;
    cursor: pointer;
  }
  .rotator #rotmenu li a:hover,
  .rotator #rotmenu li a:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.4);
  }
  .rotator #rotmenu li .active {
    position: relative;
    font-weight: 600;
    background: #ffb520;
    background: -moz-linear-gradient(left, #ffb520 0%, #e8980e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb520), color-stop(100%, #e8980e));
    background: -webkit-linear-gradient(left, #ffb520 0%, #e8980e 100%);
    background: -o-linear-gradient(left, #ffb520 0%, #e8980e 100%);
    background: -ms-linear-gradient(left, #ffb520 0%, #e8980e 100%);
    background: linear-gradient(to right, #ffb520 0%, #e8980e 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb520', endColorstr='#e8980e', GradientType=1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    filter: dropshadow(color=#999999, offx=1, offy=0);
  }
  .rotator #rotmenu li .active:after {
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 101;
    width: 10px;
    height: 57px;
    background: transparent url('../images/spr_icons.png') no-repeat scroll 0 -400px;
    content: '';
  }
  .rotator .heading h1 {
    margin-bottom: 3px;
    font-size: 1.2857142857142858em;
    /* set new font-size */
  
    line-height: 1.1666666666666667em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    color: #e8990e;
  }
  .rotator .description {
    position: absolute;
    bottom: 10px;
    left: 14px;
    width: 575px;
    height: 75px;
    padding: 13px 22px 0;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1.0714285714285714em;
    /* set new font-size */
  
    line-height: 1.1333333333333333em;
    /* set line-height relative to font-size */
  
    background: transparent url('../images/spr_icons.png') no-repeat scroll 0 -480px;
    color: #424242;
    opacity: 0;
  }
  .rotator img.bg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
  }
  .rotator a.more {
    font-size: 0.8em;
    /* 12px */
  
    line-height: 1.1666em;
    /* 14px */
  
    font-weight: 600;
    color: #333333;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Header
   *
   * @section header
   */
  .header_wrapper {
    position: relative;
    margin-bottom: 35px;
    border-top: 6px solid #333333;
    background-color: #f4f4f4;
    /* Schattenkante */
  
  }
  .header_wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 18px;
    background: transparent url('../images/header_shadow_pattern.png') repeat-x scroll 0 bottom;
    content: '';
  }
  .page_header {
    position: relative;
    max-width: 910px;
    margin: 0 auto;
    padding-top: 149px;
    background: transparent url('../images/bg_header.jpg') no-repeat scroll center 0;
    /* anfang: top navigation */
  
    /* ende: top navigation */
  
    /* anfang: hauptnavigation */
  
    /* ende: hauptnavigation */
  
    /* anfang: mobile navigation */
  
    /* ende: mobile navigation */
  
    /* anfang: logo */
  
    /* ende: logo */
  
  }
  .page_header .top_nav {
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 11;
  }
  .page_header .top_nav li {
    float: left;
    display: inline;
    margin-left: 25px;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.3333333333333333em;
    /* set line-height relative to font-size */
  
    color: #82919a;
  }
  .page_header .top_nav li a {
    color: #82919a;
  }
  .page_header .top_nav .active a {
    font-weight: 700;
    text-decoration: underline;
  }
  .page_header .top_nav .local {
    display: block;
    width: 18px;
    height: 13px;
    margin-top: 1px;
    border: 1px solid transparent;
    text-indent: -9999px;
  }
  .page_header .top_nav .local:hover {
    border-color: #f4f4f4;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  }
  .page_header .navigation_wrapper {
    position: relative;
    /* Schattenkante */
  
  }
  .page_header .navigation_wrapper:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 13;
    width: 821px;
    height: 8px;
    background: transparent url('../images/mainnav_shadow.png') no-repeat scroll 0 0;
    content: '';
  }
  .page_header .navigation_wrapper .show_more {
    position: relative;
    z-index: 14;
    display: none;
    height: 47px;
  }
  .page_header .navigation_wrapper .show_more a {
    position: absolute;
    top: 0;
    right: 20px;
    display: none;
    visibility: hidden;
    width: 56px;
    border: 1px solid #d5dce0;
    border-bottom: 0 none;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 3.2857142857142856em;
    /* set line-height relative to font-size */
  
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0);
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
    text-indent: -9999px;
    background: #f1f3f4 url('../images/spr_icons.png') no-repeat scroll 17px -947px;
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -moz-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(5%, #f6f8f9), color-stop(76%, #eceeef));
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -webkit-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -o-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -ms-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, linear-gradient(to bottom, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eceeef', GradientType=0);
    cursor: pointer;
  }
  .page_header .navigation_wrapper .show_more.active a {
    position: relative;
    z-index: 14;
    background: #f4f4f4 url('../images/spr_icons.png') no-repeat scroll 17px -947px;
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -moz-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f4f4f4), color-stop(78%, #ffffff));
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -webkit-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -o-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, -ms-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: url('../images/spr_icons.png') no-repeat scroll 17px -947px, linear-gradient(to bottom, #f4f4f4 3%, #ffffff 78%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0);
  }
  .page_header .main_nav {
    overflow: hidden;
    position: relative;
    height: 47px;
    z-index: 12;
    padding: 0 0 0 20px;
  }
  .page_header .main_nav li {
    float: left;
    display: inline;
    margin-right: 5px;
  }
  .page_header .main_nav li a {
    display: block;
    border: 1px solid #d5dce0;
    border-bottom: 0 none;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    padding: 0 20px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 3.2857142857142856em;
    /* set line-height relative to font-size */
  
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0);
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
    background: #f1f3f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(5%, #f6f8f9), color-stop(76%, #eceeef));
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: -o-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #f6f8f9 5%, #eceeef 76%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eceeef', GradientType=0);
  }
  .page_header .main_nav li a:hover,
  .page_header .main_nav li a:focus {
    position: relative;
    z-index: 14;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f4f4f4), color-stop(78%, #ffffff));
    background: -webkit-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -o-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -ms-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: linear-gradient(to bottom, #f4f4f4 3%, #ffffff 78%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 1px #fff;
    box-shadow: inset 0 1px 0 1px #fff;
    text-decoration: none;
  }
  .page_header .main_nav .imprint,
  .page_header .main_nav .agb {
    display: none;
  }
  .page_header .main_nav .active a {
    position: relative;
    z-index: 14;
    padding: 0 15px;
    font-weight: 700;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f4f4f4), color-stop(78%, #ffffff));
    background: -webkit-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -o-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: -ms-linear-gradient(top, #f4f4f4 3%, #ffffff 78%);
    background: linear-gradient(to bottom, #f4f4f4 3%, #ffffff 78%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 1px #fff;
    box-shadow: inset 0 1px 0 1px #fff;
    color: #525252;
  }
  .page_header .main_nav > .active > a:focus {
    border-color: #333333;
  }
  .page_header .navigation_wrapper.expanded .main_nav {
    display: block;
    visibility: visible;
    height: auto;
    padding: 13px 20px 10px;
    background: #ffffff url('../images/bg_nav_dot_pattern.png') repeat scroll 0 13px;
  }
  .page_header .navigation_wrapper.expanded .main_nav:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background: #ffffff url('../images/bg_nav_mobile_top.png') repeat-x scroll 0 0;
    content: '';
  }
  .page_header .navigation_wrapper.expanded .main_nav:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: #ffffff url('../images/bg_nav_mobile_bottom.png') repeat-x scroll 0 0;
    content: '';
  }
  .page_header .navigation_wrapper.expanded .main_nav li {
    width: 50%;
    margin: 0;
  }
  .page_header .navigation_wrapper.expanded .main_nav li a {
    border: 0 none;
    font-size: 1.0714285714285714em;
    /* set new font-size */
  
    line-height: 2.533333333333333em;
    /* set line-height relative to font-size */
  
    background: transparent url('../images/bg_feature_list_arrow.png') no-repeat scroll 0 14px;
  }
  .page_header .navigation_wrapper.expanded .main_nav li:first-child a {
    border: 0 none;
  }
  .page_header .navigation_wrapper.expanded .main_nav .active a {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .page_header .logo {
    display: block;
    position: absolute;
    top: 22px;
    left: 0;
    width: 195px;
    height: 107px;
    border: 1px solid transparent;
    text-indent: -9999px;
    background: transparent url('../images/logo.png') no-repeat scroll 17px 5px;
  }
  .page_header .logo:hover {
    border-top-color: #fff;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Footer
   *
   * @section footer
   */
  .footer_wrapper {
    overflow: hidden;
    position: relative;
    background-color: #f1f1f1;
    /* Schattenkante */
  
  }
  .footer_wrapper:before {
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 18px;
    background: transparent url('../images/footer_shadow_pattern.png') repeat-x scroll 0 bottom;
    content: '';
  }
  .page_footer {
    position: relative;
    width: 870px;
    height: 241px;
    margin: 0 auto;
    padding-top: 17px;
    background: #f1f1f1 url('../images/bg_footer.jpg') no-repeat scroll center 0;
    /* anfang: meta navigation */
  
    /* ende: meta navigation */
  
  }
  .page_footer .meta_nav {
    margin-bottom: 5px;
  }
  .page_footer .meta_nav li {
    float: left;
    display: inline;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.1666666666666667em;
    /* set line-height relative to font-size */
  
    color: #626d74;
  }
  .page_footer .meta_nav li a {
    border-left: 1px solid #626d74;
    padding: 0 15px;
    color: #626d74;
  }
  .page_footer .meta_nav .active a {
    font-weight: 700;
    text-decoration: underline;
  }
  .page_footer .meta_nav li:first-child a {
    border: 0 none;
    padding-left: 0;
  }
  .page_footer .copy {
    float: right;
    display: inline;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.1666666666666667em;
    /* set line-height relative to font-size */
  
    color: #acb0b4;
  }
  .page_footer .footer_logo {
    position: absolute;
    top: 45px;
    right: 0;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Breadcrumb-Navigation
   *
   * @section breadcrumb
   */
  .breadcrumb {
    max-width: 910px;
    margin: 0 auto 20px;
    padding: 0 20px;
  }
  .breadcrumb li {
    position: relative;
    float: left;
    display: inline;
    margin-left: 6px;
    padding: 0 7px;
    color: #626d74;
  }
  .breadcrumb li a {
    display: block;
    overflow: hidden;
    max-width: 180px;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.5em;
    /* set line-height relative to font-size */
  
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    color: #626d74;
  }
  .breadcrumb li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .breadcrumb li:first-child:before {
    content: '';
  }
  .breadcrumb li:before {
    position: absolute;
    top: 0;
    left: -6px;
    content: '»';
  }
  .breadcrumb .home {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../images/spr_icons.png') no-repeat scroll 0 -640px;
    text-indent: -9999px;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Submenu
   *
   * @section submenu
   */
  .submenu {
    margin-bottom: 35px;
  }
  .submenu h1 {
    margin-bottom: 20px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.2857142857142858em;
    /* set line-height relative to font-size */
  
    font-weight: 600;
    color: #393939;
  }
  .submenu li a {
    display: block;
    border-bottom: 1px solid #c0c8cc;
    padding: 12px 0 12px 25px;
    background: transparent url('../images/bg_menu_arrow_off.png') no-repeat scroll 0 center;
  }
  .submenu > ul > .active {
    background: transparent url('../images/bg_submenu_pattern.jpg') repeat-y scroll 0 0;
  }
  .submenu > ul > .active > a {
    background: transparent url('../images/bg_menu_arrow.png') no-repeat scroll 0 center;
  }
  .submenu li ul {
    display: none;
    background: #fff;
  }
  .submenu li ul a {
    background: none;
    color: #333333;
  }
  .submenu li ul .active {
    background: #f7f7f7;
    font-weight: 700;
  }
  .submenu .active ul {
    display: block;
  }
  /* ---------------------------------------------------------------------------------------------------- #
   *
   * Bildunterschrift
   *
   */
  figure.float_left {
    width: auto;
    width: 40%;
    margin-right: 20px;
  }
  figure.float_right {
    width: auto;
    width: 40%;
    margin-left: 20px;
  }
  figure img {
    margin: 0 !important;
  }
  figure figcaption {
    margin-bottom: 20px;
    border: 1px solid #deddda;
    border-top: 0 none;
    padding: 2px 7px;
    text-align: center;
    font-size: 0.7857142857142857em;
    /* set new font-size */
  
    line-height: 1.2727272727272727em;
    /* set line-height relative to font-size */
  
    background-color: #f4f4f4;
    color: #999;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Post-It
   *
   * @section post_it
   */
  .post_it {
    position: relative;
    width: 300px;
    height: 192px;
    border: 1px solid #004175;
    padding: 18px 20px;
    background: #333333;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #333333;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))), #333333;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #333333;
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #333333;
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #333333;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #333333;
    background-position: -40px 0;
    color: #fff;
  }
  .post_it:before {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 11;
    width: 23px;
    height: 23px;
    border: 1px solid #2b76b2;
    background: #1c6199;
    background: -moz-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1c6199), color-stop(100%, #3c81b9));
    background: -webkit-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -o-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: -ms-linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    background: linear-gradient(45deg, #1c6199 0%, #3c81b9 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1c6199', endColorstr='#3c81b9', GradientType=1);
    -webkit-box-shadow: -8px 8px 8px 0 rgba(0, 0, 0, 0.17);
    box-shadow: -8px 8px 8px 0 rgba(0, 0, 0, 0.17);
    content: '';
  }
  .post_it:after {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    z-index: 12;
    border-right: 24px solid white;
    border-top: 0 solid transparent;
    border-bottom: 24px solid transparent;
    content: '';
  }
  .post_it h3 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 1.4285714285714286em;
    /* set new font-size */
  
    line-height: 1.2em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
  }
  .post_it h4 {
    margin: 0 0 2px;
    font-size: 1em;
    /* set new font-size */
  
    line-height: 1.1428571428571428em;
    /* set line-height relative to font-size */
  
    font-weight: 400;
    color: #a4c0d6;
  }
  .post_it .message {
    position: relative;
    height: 65px;
    margin-bottom: 10px;
  }
  .post_it .message p {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.4166666666666667em;
    /* set line-height relative to font-size */
  
    color: #fff;
  }
  .post_it .link_in {
    display: inline-block;
    border-bottom: 1px solid rgba(165, 192, 214, 0.4);
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.1666666666666667em;
    /* set line-height relative to font-size */
  
    font-weight: 700;
    text-decoration: none;
    color: #fff;
  }
  .post_it .link_in:hover {
    color: #a4c0d6;
  }
  .post_it.checkup {
    border: 1px solid #073136;
    background: #0b474e;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #0b474e;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))), #0b474e;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #0b474e;
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #0b474e;
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #0b474e;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #0b474e;
  }
  .post_it.checkup:before {
    border: 1px solid #155a62;
    background: #124f56;
    background: -moz-linear-gradient(45deg, #124f56 0%, #267882 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #124f56), color-stop(100%, #267882));
    background: -webkit-linear-gradient(45deg, #124f56 0%, #267882 100%);
    background: -o-linear-gradient(45deg, #124f56 0%, #267882 100%);
    background: -ms-linear-gradient(45deg, #124f56 0%, #267882 100%);
    background: linear-gradient(45deg, #124f56 0%, #267882 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#124f56', endColorstr='#267882', GradientType=1);
  }
  .post_it.checkup h4 {
    color: #84a9ad;
  }
  /**
   * ---------------------------------------------------------------------------------------------------- #
   *
   * Tooltip
   *
   * @section tooltip
   */
  .tooltip {
    position: relative;
    outline: none;
    color: #333333;
    cursor: pointer;
  }
  .tooltip:focus {
    text-decoration: underline;
  }
  .tooltip .flyout_wrapper {
    position: absolute;
    top: -10px;
    left: -9999px;
    z-index: 200;
    height: 10px;
    width: 300px;
  }
  .tooltip .flyout {
    position: absolute;
    bottom: 10px;
    left: 0;
    border: 1px solid #333333;
    padding: 14px 20px;
    width: 300px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 0.8571428571428571em;
    /* set new font-size */
  
    line-height: 1.25em;
    /* set line-height relative to font-size */
  
    background: #FAFBFB;
    color: #111;
    -moz-box-shadow: 3px 3px 5px #CCC;
    -webkit-box-shadow: 3px 3px 5px #CCC;
    box-shadow: 3px 3px 5px #CCC;
    cursor: auto;
  }
  .tooltip .flyout:after {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #333333 transparent transparent;
    content: "";
  }
  .tooltip .tooltip_close {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: transparent url(../images/spr_icons.png) no-repeat scroll 0 -1280px;
    cursor: pointer;
  }
  .tooltip .js_toogle_close:focus {
    text-decoration: underline;
  }
  .tooltip.toggled .flyout_wrapper {
    left: -10px;
  }
  /* ende @media all */
}