@charset "UTF-8";
/* ========================================
    Colors
   ======================================== */
/* Elemente und Text */
/* Bereiche
$green: #489f34;
$greenlight: #6bc345;
$greendark: #3f8f30;

$orange: #d35400;
$orangelight: #f25f2c;
$orangedark: #bf4f1f;

$blue: #386c91;
$bluelight: #3994d0;
$bluedark: #2271a5;

$poolgreen: #16a085;
$poolgreenlight: #1cb6b4;
$poolgreendark: #079078;

$darkblue: #34495e;
$darkbluelight: #4f6780;
$darkbluedark: #2b3c4f;
*/
/* ========================================
    Menu: Background-Color
   ======================================== */
/* Abstände justieren */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Box-Model anpassen */
/*
#page-content{
    padding:-10px;
}*/
/*
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{
    padding:5px;
}*/
/* 12-spaltiges Raster */
.c12 {
  width: 100%;
  overflow: hidden; }

.c11 {
  width: 91.6666666666%; }

.c10 {
  width: 83.3333333333%; }

.c9 {
  width: 75%; }

.c8 {
  width: 66.6666666666%; }

.c7 {
  width: 58.3333333333%; }

.c6 {
  width: 50%; }

.c5 {
  width: 41.6666666666%; }

.c4 {
  width: 33.3333333333%; }

.c3 {
  width: 25%; }

.c2 {
  width: 16.6666666666%; }

.c1 {
  width: 8.3333333333%; }

/* Helferklassen */
.left, .align-left {
  float: left;
  min-height: 1px; }

.right, .align-right {
  float: right;
  min-height: 1px; }

.center, .align-center {
  text-align: center; }

.pl {
  padding-left: 10px; }

.pr {
  padding-right: 10px; }

/* Multicontent */
.row-verteiler .c50l {
  width: 50%;
  float: left;
  padding-right: 10px; }
.row-verteiler .c50r {
  width: 50%;
  float: right;
  padding-left: 10px; }

#devgrid {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1260px; }
  #devgrid div {
    z-index: 99999;
    background-color: red;
    opacity: 0.5;
    padding: 10px;
    height: 1000px;
    width: 8.3333333333%;
    float: left;
    border-left: 1px solid #fff; }

/* ================================================
    Buttons
   ================================================ */
.button,
.button-green a,
.button-orange a,
.button-blue a,
.button-poolgreen a,
.button-darkblue a,
a.button-green,
a.button-orange,
a.button-blue,
a.button-poolgreen,
a.button-darkblue {
  display: inline-block;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 9px 18px;
  font: 400 16px/1.0 "Source Sans Pro", Helvetica, sans-serif;
  color: #fff;
  text-decoration: none; }
  .button:hover,
  .button-green a:hover,
  .button-orange a:hover,
  .button-blue a:hover,
  .button-poolgreen a:hover,
  .button-darkblue a:hover,
  a.button-green:hover,
  a.button-orange:hover,
  a.button-blue:hover,
  a.button-poolgreen:hover,
  a.button-darkblue:hover {
    text-decoration: none; }

.button.default {
  background-color: #0789c0;
  text-transform: none; }
  .button.default:hover {
    background-color: #386c91; }

.button.p14,
a.button-green,
.button-green a {
  background-color: #386c91; }
  .button.p14:hover,
  a.button-green:hover,
  .button-green a:hover {
    background-color: #3f8f30; }

.button.p15,
a.button-orange,
.button-orange a {
  background-color: #386c91; }
  .button.p15:hover,
  a.button-orange:hover,
  .button-orange a:hover {
    background-color: #bf4f1f; }

.button.p16,
a.button-blue,
.button-blue a {
  background-color: #386c91; }
  .button.p16:hover,
  a.button-blue:hover,
  .button-blue a:hover {
    background-color: #2271a5; }

.button.p17,
a.button-poolgreen,
.button-poolgreen a {
  background-color: #386c91; }
  .button.p17:hover,
  a.button-poolgreen:hover,
  .button-poolgreen a:hover {
    background-color: #079078; }

.button.p24,
a.button-darkblue,
.button-darkblue a {
  background-color: #386c91; }
  .button.p24:hover,
  a.button-darkblue:hover,
  .button-darkblue a:hover {
    background-color: #2b3c4f; }

.ie8 .button {
  border: 0; }

/* ================================================
    Icons / Glyphs
   ================================================ */
@font-face {
  font-family: 'dena';
  src: url("../fonts/dena.eot?-foeeu");
  src: url("../fonts/dena.eot?#iefix-foeeu") format("embedded-opentype"), url("../fonts/dena.woff?-foeeu") format("woff"), url("../fonts/dena.ttf?-foeeu") format("truetype"), url("../fonts/dena.svg?-foeeu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
nav#secondary a:before,
nav#secondary span:before,
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'dena';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e600"; }

.icon-dsm:before {
  content: "\e601"; }

.icon-glossar:before {
  content: "\e602"; }

.icon-pilotprojekt:before {
  content: "\e603"; }

.icon-toolbox:before {
  content: "\e604"; }

.icon-wunda:before {
  content: "\e605"; }

.icon-beteiligte:before {
  content: "\e606"; }

.icon-magnifier:before {
  content: "\e607"; }

.icon-facebook:before {
  content: "\e608"; }

.icon-xing:before {
  content: "\e609"; }

.icon-youtube:before {
  content: "\e60a"; }

.icon-linkedin:before {
  content: "\e60b"; }

.icon-navdown:before {
  content: "\e60c"; }

.icon-navup:before {
  content: "\e60d"; }

.icon-arrowright:before {
  content: "\e60e"; }

.icon-okay:before {
  content: "\e60f"; }

.icon-check:before {
  content: "\e610"; }

.icon-quote:before {
  content: "\e611"; }

.icon-mail:before {
  content: "\e612"; }

.icon-weiterleiten:before {
  content: "\e613"; }

.icon-print:before {
  content: "\e614"; }

.icon-twitter:before {
  content: "\e615"; }

/* ================================================
    Allgemeine Elemente
   ================================================ */
a {
  text-decoration: none;
  color: #336699; }

a:hover {
  text-decoration: underline; }

/*
    Helferklassen
    ----------------------    */
/* Screenreader only */
.offscreen {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

hr {
  border: 0 !important;
  height: 1px;
  background-color: #c6cfd4;
  margin: 20px 0; }

#teaser-column h1 {
  font: 400 24px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  margin-top: 0; }
#teaser-column h2 {
  font: 600 18px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
#teaser-column h3 {
  font: 500 16px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
#teaser-column h4 {
  font: 400 14px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #7f8c8d; }
#teaser-column .row-verteiler {
  margin-bottom: 20px; }
  #teaser-column .row-verteiler .rtetext h2 {
    margin: 0; }
#teaser-column .teasertype-3 h2, #teaser-column .teasertype-4 h2 {
  font: 400 24px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
#teaser-column .teasertype-4 {
  height: 180px; }
  #teaser-column .teasertype-4 h2 {
    margin: 10px 0; }
#teaser-column div.box-green, #teaser-column div.box-orange, #teaser-column div.box-blue, #teaser-column div.box-poolgreen, #teaser-column div.box-darkblue, #teaser-column p.box-green, #teaser-column p.box-orange, #teaser-column p.box-blue, #teaser-column p.box-poolgreen, #teaser-column p.box-darkblue {
  padding: 10px 20px;
  color: #fff; }
  #teaser-column div.box-green a, #teaser-column div.box-orange a, #teaser-column div.box-blue a, #teaser-column div.box-poolgreen a, #teaser-column div.box-darkblue a, #teaser-column p.box-green a, #teaser-column p.box-orange a, #teaser-column p.box-blue a, #teaser-column p.box-poolgreen a, #teaser-column p.box-darkblue a {
    color: #ffffff; }
  #teaser-column div.box-green .teasertype-4, #teaser-column div.box-orange .teasertype-4, #teaser-column div.box-blue .teasertype-4, #teaser-column div.box-poolgreen .teasertype-4, #teaser-column div.box-darkblue .teasertype-4, #teaser-column p.box-green .teasertype-4, #teaser-column p.box-orange .teasertype-4, #teaser-column p.box-blue .teasertype-4, #teaser-column p.box-poolgreen .teasertype-4, #teaser-column p.box-darkblue .teasertype-4 {
    margin: 0; }
#teaser-column div.headline-green, #teaser-column p.headline-green {
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c6cfd4; }
  #teaser-column div.headline-green h2, #teaser-column p.headline-green h2 {
    color: #386c91; }
#teaser-column div.headline-orange, #teaser-column p.headline-orange {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c6cfd4; }
  #teaser-column div.headline-orange h2, #teaser-column p.headline-orange h2 {
    color: #386c91; }
#teaser-column div.headline-blue, #teaser-column p.headline-blue {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c6cfd4; }
  #teaser-column div.headline-blue h2, #teaser-column p.headline-blue h2 {
    color: #386c91; }
#teaser-column div.headline-poolgreen, #teaser-column p.headline-poolgreen {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c6cfd4; }
  #teaser-column div.headline-poolgreen h2, #teaser-column p.headline-poolgreen h2 {
    color: #386c91; }
#teaser-column div.headline-darkblue, #teaser-column p.headline-darkblue {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c6cfd4; }
  #teaser-column div.headline-darkblue h2, #teaser-column p.headline-darkblue h2 {
    color: #386c91; }
#teaser-column div.box-green, #teaser-column p.box-green {
  background-color: #386c91; }
#teaser-column div.box-orange, #teaser-column p.box-orange {
  background-color: #386c91; }
#teaser-column div.box-blue, #teaser-column p.box-blue {
  background-color: #386c91; }
#teaser-column div.box-poolgreen, #teaser-column p.box-poolgreen {
  background-color: #386c91; }
#teaser-column div.box-darkblue, #teaser-column p.box-darkblue {
  background-color: #386c91; }
#teaser-column div.box-grey, #teaser-column p.box-grey {
  background-color: #c6cfd4; }

#content-column h1 {
  font: 400 24px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  margin-top: 0; }
#content-column h2 {
  font: 600 18px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
#content-column h3 {
  font: 600 16px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
#content-column h4 {
  font: 400 14px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #7f8c8d; }
#content-column div.box-green, #content-column div.box-orange, #content-column div.box-blue, #content-column div.box-poolgreen, #content-column div.box-darkblue, #content-column p.box-green, #content-column p.box-orange, #content-column p.box-blue, #content-column p.box-poolgreen, #content-column p.box-darkblue {
  padding: 10px 20px;
  color: #fff; }
#content-column div.box-green, #content-column p.box-green {
  background-color: #386c91; }
#content-column div.box-orange, #content-column p.box-orange {
  background-color: #386c91; }
#content-column div.box-blue, #content-column p.box-blue {
  background-color: #386c91; }
#content-column div.box-poolgreen, #content-column p.box-poolgreen {
  background-color: #386c91; }
#content-column div.box-darkblue, #content-column p.box-darkblue {
  background-color: #386c91; }
#content-column div.box-grey, #content-column p.box-grey {
  background-color: #c6cfd4; }

/* ================================================
    Listen: unsortiert
   ================================================ */
.rtetext ul {
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 5px solid #0789c0;
  list-style: none; }
  .rtetext ul li {
    margin-left: 20px;
    padding: 10px 0;
    position: relative;
    /* border:0;*/
    border-bottom: 1px solid #c6cfd4; }
    .rtetext ul li:before {
      font-family: 'dena';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e60e";
      position: absolute;
      width: 20px;
      left: -20px;
      top: 16px;
      color: #0789c0;
      font-size: 12px; }
    .rtetext ul li ul {
      border: 0;
      margin-left: 20px;
      list-style: disc; }
      .rtetext ul li ul li {
        border: 0;
        padding: 0; }
        .rtetext ul li ul li:before {
          content: ''; }
        .rtetext ul li ul li:first-child {
          margin-top: 10px; }
        .rtetext ul li ul li:last-child {
          border-bottom: 0;
          margin-bottom: 10px; }

.list-check ul li {
  position: relative;
  border: 0; }
  .list-check ul li:before {
    font-family: 'dena';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e610";
    font-size: 14px;
    top: 12px; }

/* ================================================
    Listen: sortiert
   ================================================ */
.rtetext ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: liste; }
  .rtetext ol li {
    list-style-position: outside;
    margin-left: 40px;
    border-bottom: 1px solid #c6cfd4;
    padding: 10px 0; }
    .rtetext ol li:first-child {
      border-top: 1px solid #c6cfd4; }
    .rtetext ol li:before {
      display: inline-block;
      width: 30px;
      height: 30px;
      padding: 3px 2px 2px 2px;
      font-weight: bold;
      border: 2px solid #333333;
      border-radius: 30px;
      color: #333333;
      font-size: 14px;
      margin-left: -40px;
      margin-right: 10px;
      content: counter(liste);
      counter-increment: liste;
      vertical-align: middle;
      text-align: center; }
    .rtetext ol li ol {
      border: 0;
      margin-left: 20px;
      list-style: decimal; }
      .rtetext ol li ol li {
        border: 0;
        padding: 0; }
        .rtetext ol li ol li:before {
          content: '';
          border: 0; }
        .rtetext ol li ol li:first-child {
          border: 0;
          margin-top: 10px; }
        .rtetext ol li ol li:last-child {
          border-bottom: 0;
          margin-bottom: 10px; }
        .rtetext ol li ol li ol, .rtetext ol li ol li ul {
          border: 0;
          margin-left: 20px; }
        .rtetext ol li ol li ul li {
          color: #95a5a6;
          margin: 0;
          padding: 0;
          position: relative; }
          .rtetext ol li ol li ul li:before {
            position: _absolute;
            top: 0;
            display: inline-block;
            content: "\00bb";
            color: #95a5a6;
            font-size: 14px;
            margin-left: -15px;
            margin-right: 0;
            vertical-align: baseline;
            text-align: right; }

.list-arguments ol {
  padding: 5px 10px;
  background-color: #ecf0f1; }
  .list-arguments ol li {
    border-bottom: 1px solid #ffffff; }
    .list-arguments ol li:first-child {
      border-top: 0; }
    .list-arguments ol li:last-child {
      border: 0; }

/* ================================================
   Tabellen
   ================================================ */
table {
  margin: 20px 0;
  width: 100%; }
  table ul, table ol, table li {
    border: 0 !important; }
  table thead {
    background-color: #0789c0;
    color: #ffffff; }
  table tr:nth-child(odd) td {
    background-color: #ffffff; }
  table tr:nth-child(even) td {
    background-color: #ecf0f1; }
  table th, table td {
    border: 2px solid #ffffff;
    vertical-align: middle; }
  table th {
    padding: 10px;
    text-align: center; }
  table td {
    padding: 5px;
    text-align: left; }
    table td ul, table td ol {
      padding: 0 20px !important; }
  table .text-big {
    font-size: 45px; }

/* ================================================
   Tabs
   ================================================ */
#tabs {
  margin: 20px 0; }
  #tabs ul.tablist {
    list-style: none;
    margin: 0;
    padding: 0; }
    #tabs ul.tablist li {
      zoom: 1;
      display: inline-block;
      background-color: #ecf0f1;
      padding: 5px 10px; }
      #tabs ul.tablist li.active {
        background-color: #0789c0; }
        #tabs ul.tablist li.active a {
          color: #ffffff; }
      #tabs ul.tablist li a {
        font-size: 14px;
        line-height: 2em;
        display: block;
        padding: 0 10px;
        outline: none; }
  #tabs .tabs_container {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #0789c0; }

/* ================================================
   Accordion
   ================================================ */
.akkordion.default {
  margin: 20px 0;
  border-top: 1px solid #95a5a6; }
  .akkordion.default h3 {
    font-size: 16px;
    margin: 0;
    padding: 5px 20px;
    position: relative; }
    .akkordion.default h3.trigger span {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 5px; }
      .akkordion.default h3.trigger span:before {
        font-family: 'dena';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e60c'; }
    .akkordion.default h3:hover {
      cursor: pointer;
      background-color: #ecf0f1; }
    .akkordion.default h3.trigger_active {
      border-bottom: 0;
      background-color: #ecf0f1; }
      .akkordion.default h3.trigger_active span {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 5px; }
        .akkordion.default h3.trigger_active span:before {
          font-family: 'dena';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: '\e60d'; }
  .akkordion.default .toggle {
    padding: 0 20px; }
  .akkordion.default .item {
    border-bottom: 1px solid #95a5a6; }

/* ================================================
   Zitat
   ================================================ */
blockquote p {
  font: 400 21px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  margin: 20px 10px; }
blockquote .autorenzeile {
  font: 400 18px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  font-style: italic;
  margin: 20px 10px; }
blockquote:before {
  display: inline;
  font-family: 'dena';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e611';
  font-size: 32px;
  color: #0789c0;
  position: relative;
  top: 50px;
  left: -40px; }

.lead-text {
  font: 400 21px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  margin: 20px 50px; }

/* ================================================
   Video
   ================================================ */
.video {
  background-color: #ecf0f1;
  padding: 20px;
  margin: 20px 0; }
  .video iframe {
    text-align: center;
    max-width: 100%; }

/* ================================================
   Social Media Buttons
   ================================================ */
.social-media-buttons {
  border-top: 1px solid #c6cfd4;
  margin-top: 20px;
  padding-top: 20px; }
  .social-media-buttons ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .social-media-buttons ul li {
      float: left;
      padding: 0 2px; }
      .social-media-buttons ul li:first-child {
        padding-left: 0; }
      .social-media-buttons ul li:last-child {
        padding-right: 0; }
      .social-media-buttons ul li a {
        display: block; }
        .social-media-buttons ul li a.sm-facebook, .social-media-buttons ul li a.sm-twitter, .social-media-buttons ul li a.sm-google, .social-media-buttons ul li a.sm-xing, .social-media-buttons ul li a.sm-linkedin {
          height: 26px;
          width: 101px;
          background-size: 101px; }
        .social-media-buttons ul li a.sm-mail, .social-media-buttons ul li a.sm-print {
          height: 27px;
          width: 27px;
          background-size: 27px; }
        .social-media-buttons ul li a.sm-facebook {
          background: url(../images/sprite_sm.png) left top no-repeat; }
        .social-media-buttons ul li a.sm-twitter {
          background: url(../images/sprite_sm.png) left -53px no-repeat; }
        .social-media-buttons ul li a.sm-google {
          background: url(../images/sprite_sm.png) left -106px no-repeat; }
        .social-media-buttons ul li a.sm-xing {
          background: url(../images/sprite_sm.png) left -159px no-repeat; }
        .social-media-buttons ul li a.sm-linkedin {
          background: url(../images/sprite_sm.png) left -212px no-repeat; }
        .social-media-buttons ul li a.sm-mail {
          background: url(../images/sprite_sm.png) left -319px no-repeat; }
        .social-media-buttons ul li a.sm-print {
          background: url(../images/sprite_sm.png) left -265px no-repeat; }
        .social-media-buttons ul li a span {
          display: block;
          text-indent: -9999px; }

/* ================================================
   Indexed Search
   ================================================ */
.tx-indexedsearch {
  margin: 0; }
  .tx-indexedsearch fieldset {
    margin: 0;
    padding: 0;
    border: 0; }
    .tx-indexedsearch fieldset legend {
      text-indent: -9999px; }
  .tx-indexedsearch .tx-indexedsearch-form {
    padding: 10px 20px 20px 20px;
    background-color: #0789c0; }
    .tx-indexedsearch .tx-indexedsearch-form label {
      display: block;
      color: #ffffff;
      padding-bottom: 5px; }
    .tx-indexedsearch .tx-indexedsearch-form input[type=text] {
      width: 450px;
      border: 1px solid #ffffff;
      padding: 2px; }
    .tx-indexedsearch .tx-indexedsearch-form input[type=submit] {
      background-color: #ffffff;
      border: 1px solid #ffffff; }
  .tx-indexedsearch .tx-indexedsearch-whatis {
    text-indent: -9999px; }
  .tx-indexedsearch .browsebox {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none; }
    .tx-indexedsearch .browsebox li {
      display: inline;
      margin-right: 10px; }
    .tx-indexedsearch .browsebox p {
      margin: 0 0 20px 0; }
  .tx-indexedsearch .tx-indexedsearch-res {
    border-top: 1px solid #c6cfd4; }
    .tx-indexedsearch .tx-indexedsearch-res .result {
      padding: 5px 0;
      margin: 5px 0;
      border-bottom: 1px solid #c6cfd4; }
      .tx-indexedsearch .tx-indexedsearch-res .result:last-child {
        margin-bottom: 10px; }
      .tx-indexedsearch .tx-indexedsearch-res .result h2 a {
        color: #333333; }
        .tx-indexedsearch .tx-indexedsearch-res .result h2 a:hover {
          text-decoration: none; }

/* ================================================
   Login
   ================================================ */
.tx-felogin-pi1 fieldset {
  background-color: #ecf0f1;
  border: 0; }
.tx-felogin-pi1 fieldset legend {
  display: none; }
.tx-felogin-pi1 label {
  display: block; }
.tx-felogin-pi1 div {
  margin: 10px 0; }

/* ================================================
   Multicontent
   ================================================ */
.row-verteiler {
  overflow: hidden; }
  .row-verteiler .csc-textpic-text h3 {
    margin-top: 0; }

/* ================================================
   RTE
   ================================================ */
.csc-textpic-border img {
  border: 1px solid #333333 !important; }

.csc-textpic-intext-left .csc-textpic-text .rtetext p, .csc-textpic-intext-right .csc-textpic-text .rtetext p {
  margin-top: 0; }

#partner {
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px 20px 20px 20px;
  border: 5px solid #95a5a6;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px; }
  #partner h2 {
    margin: 10px 0; }
  #partner ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: left; }
    #partner ul li {
      display: inline-block;
      width: 12.5%;
      text-align: center;
      padding: 10px 5px; }
      #partner ul li img {
        width: 100%;
        height: auto; }

.t2 #partner ul li {
  width: 20% !important; }

/* ========================================
    Body
   ======================================== */
body {
  text-align: center;
  background: url(../images/white_texture.png) top left repeat #999;
  font: 400 15px/1.4 "Source Sans Pro", Helvetica, sans-serif; }

/* ========================================
    Wrapper
   ======================================== */
#outer-wrap {
  width: 1259px;
  overflow: hidden;
  margin: auto;
  text-align: left;
  background-color: #fff;
  border: 10px solid #fff;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px; }

#page-header, #page-content, #page-footer {
  overflow: hidden;
  clear: both; }

/* ========================================
    Page Header
   ======================================== */
#page-header {
  position: relative;
  background: url(../images/header.png) top left no-repeat #0789c0;
  padding: 35px 40px; }

#page-header h1 {
  display: block;
  text-indent: -99999px;
  font-size: 1px;
  background: url(../images/logo_powertogas.png) no-repeat;
  width: 222px;
  height: 52px; }
  #page-header h1 a {
    display: block;
    width: 100%;
    height: 79px; }

#page-header div {
  display: block;
  text-indent: -99999px;
  font-size: 1px;
  background: url(../images/logo_dena.png);
  position: absolute;
  top: -1px;
  right: -1px;
  width: 209px;
  height: 72px; }
  #page-header div a {
    display: block;
    width: 100%;
    height: 72px; }

/*  Main
----------------- */
#page-content {
  padding-top: 10px;
  margin: 20px 0; }

#main-content {
  padding: 20px 0; }

/* ========================================
    Page Footer
   ======================================== */
#page-footer {
  margin-top: 20px;
  height: 180px; }

#page-footer h2 {
  margin: 0;
  padding: 0; }

/* ========================================
    Page Footer > interaction
   ======================================== */
#interaction {
  position: relative;
  padding: 0;
  height: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

/* ========================================
    Page Footer > interaction > Direkt
   ======================================== */
#contact {
  position: absolute;
  left: 20px;
  top: 0; }

#contact h2 {
  float: left;
  font: 400 24px/1.0 "Source Sans Pro", Helvetica, sans-serif;
  padding: 0 20px 0 0;
  border-right: 1px solid #ccc;
  height: 50px; }

#contact h2 span {
  display: block;
  padding-top: 12px; }

#contact ul {
  float: right;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none; }

#contact ul li {
  float: left;
  border-right: 1px solid #ccc; }

#contact ul li a {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #333333;
  text-decoration: none;
  padding-top: 11px;
  padding-left: 13px; }

#contact ul li span {
  display: block;
  height: 50px;
  font-size: 18px;
  color: #333333;
  padding: 11px 13px;
  white-space: nowrap; }
  #contact ul li span a {
    width: auto;
    margin: -4px 0 0 0;
    padding: 0 0 2px 0; }

#contact ul li a span {
  display: none; }

/* ========================================
    Page Footer > interaction > Social
   ======================================== */
ul#social {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none; }

ul#social li {
  float: left;
  border-left: 1px solid #ccc;
  position: relative; }

ul#social li a {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #333333;
  text-decoration: none;
  padding-top: 11px;
  padding-left: 13px; }

ul#social li a.icon-youtube {
  font-size: 36px;
  padding-top: 4px;
  padding-left: 8px; }

ul#social li a span {
  display: none; }

/* ========================================
    Page Footer > Impressum
   ======================================== */
#imprint {
  position: relative;
  text-align: left; }

#imprint h2 {
  font: 600 16px/1.5 "Source Sans Pro", Helvetica, sans-serif;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 10px;
  border-right: 1px solid #000; }

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

/* ========================================
    Page Footer > Sponsor
   ======================================== */
#sponsor {
  position: relative;
  top: 10px;
  text-align: left; }

#sponsor h2 {
  font: 600 16px/1.5 "Source Sans Pro", Helvetica, sans-serif;
  position: absolute;
  padding: 0 10px; }

#sponsor img {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 0; }

.flexslider.tabslider,
.flexslider.imageslider {
  border: 0;
  box-shadow: none;
  padding: 1px;
  overflow: hidden; }

/*
  ####################################################
  Reiter-Slider
*/
.tabslider-viewport {
  z-index: 9999;
  border: 2px solid #386c91;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #a1dbff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1dbff), color-stop(53%, #cbebff), color-stop(100%, #f0f9ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=0 );
  /* IE6-9 */ }

.tabslider-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
  z-index: 1; }

.tabslider-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.tabslider-control-nav {
  bottom: -60px;
  margin-left: -40px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent; }

.tabslider-control-nav li {
  background: #386c91;
  border-right: solid #fff 1px;
  color: #fff;
  cursor: pointer;
  float: left;
  margin: 0.09em 0 0 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 10px 0;
  width: 150px;
  height: 70px;
  line-height: 62px; }
  .tabslider-control-nav li span {
    display: inline-block;
    line-height: 15px; }

.tabslider-control-nav li:first-child {
  border-bottom-left-radius: 20px; }

.tabslider-control-nav li:last-child {
  border: none; }

.tabslider-control-nav .tabslider-active {
  background: #0789c0;
  color: #ffffff; }

/* ##########################################
  Image SLider */
/*  Flexslider > Punkte (links unten)
    -------------------------------------------- */
.flex-control-nav {
  position: absolute;
  left: 20px;
  bottom: 10px;
  text-align: left; }

.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-direction-nav {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%; }

a.flex-next, a.flex-prev {
  height: 60px; }

.flex-direction-nav a {
  display: block;
  position: absolute;
  margin: -20px 0 0;
  right: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255, 255, 255, 0.7); }

.flex-control-paging li a.flex-active {
  background-color: #ededed;
  cursor: default; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  width: 40px;
  height: 40px; }

.flexslider:hover .flex-prev {
  left: 0px; }

.flexslider:hover .flex-next {
  right: 0px; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 30px;
  display: inline-block;
  content: '\f001';
  background-color: #ffffff;
  opacity: 0.9;
  width: 40px;
  padding-left: 10px; }

.flex-direction-nav a.flex-next:before {
  content: '\f002';
  padding-right: 10px; }

/* ========================================
    News
   ======================================== */
#content-column {
  /* ========================================
    News > List
   ======================================== */
  /* ========================================
     News > Navigation
    ======================================== */
  /* ========================================
     News > Detail
    ======================================== */ }
  #content-column .meldungen, #content-column .termine, #content-column .blogposts {
    margin: 20px 0;
    padding: 0;
    border-top: 1px solid #c6cfd4;
    list-style: none; }
    #content-column .meldungen li, #content-column .termine li, #content-column .blogposts li {
      overflow: hidden;
      border-bottom: 1px solid #c6cfd4;
      padding: 10px; }
      #content-column .meldungen li:hover, #content-column .termine li:hover, #content-column .blogposts li:hover {
        pointer: cursor;
        background-color: #ecf0f1; }
      #content-column .meldungen li .image img, #content-column .termine li .image img, #content-column .blogposts li .image img {
        width: 100%;
        height: auto; }
      #content-column .meldungen li .content h3, #content-column .termine li .content h3, #content-column .blogposts li .content h3 {
        margin: 0;
        font: 400 24px/1.4 "Source Sans Pro", Helvetica, sans-serif; }
      #content-column .meldungen li .content p, #content-column .termine li .content p, #content-column .blogposts li .content p {
        font: 400 15px/1.3 "Source Sans Pro", Helvetica, sans-serif; }
        #content-column .meldungen li .content p.subline, #content-column .meldungen li .content p.location, #content-column .termine li .content p.subline, #content-column .termine li .content p.location, #content-column .blogposts li .content p.subline, #content-column .blogposts li .content p.location {
          font: 400 14px/1.4 "Source Sans Pro", Helvetica, sans-serif;
          text-transform: uppercase;
          color: #7f8c8d;
          margin: 0; }
      #content-column .meldungen li .content a, #content-column .termine li .content a, #content-column .blogposts li .content a {
        display: block;
        text-align: right; }
  #content-column .termine .date {
    background-color: #0789c0;
    color: #ffffff;
    padding: 10px 5px 500em 5px;
    margin: -10px 0 -500em 0;
    font: 400 24px/1.3 "Source Sans Pro", Helvetica, sans-serif;
    text-align: center; }
  #content-column .termine .content {
    padding-bottom: 500em;
    margin-bottom: -500em; }
  #content-column .page-navigation p {
    margin: 20px 0 0 0;
    padding: 0; }
  #content-column .page-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; }
    #content-column .page-navigation ul li {
      margin: 0;
      padding: 0;
      float: left;
      border: 0; }
      #content-column .page-navigation ul li:first-child {
        /*margin-left:-10px;*/ }
      #content-column .page-navigation ul li.current {
        padding: 5px 10px; }
        #content-column .page-navigation ul li.current:hover {
          background: none; }
      #content-column .page-navigation ul li a {
        display: block;
        margin: 0;
        padding: 5px 10px; }
  #content-column #news-detail .subline {
    font: 400 14px/1.4 "Source Sans Pro", Helvetica, sans-serif;
    text-transform: uppercase;
    color: #7f8c8d;
    border-bottom: 1px solid #c6cfd4;
    padding-bottom: 20px; }
  #content-column #news-detail .teaser-text {
    font-weight: bold; }
  #content-column #news-detail .news-img-caption {
    margin: 5px 0;
    color: #7f8c8d; }

/* ========================================
    Main Navigation: Farbschema
   ======================================== */
#p14:hover > a,
#p14 > a:hover,
#p14.current > span,
#p14.active > a {
  color: #386c91;
  background: white;
  background: -moz-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(88%, white), color-stop(88%, #386c91), color-stop(100%, #386c91));
  background: -webkit-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -o-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -ms-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: linear-gradient(to bottom, white 0%, white 88%, #386c91 88%, #386c91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$hexColor', GradientType=0 ); }

#p15:hover > a,
#p15 > a:hover,
#p15.current > span,
#p15.active > a {
  color: #386c91;
  background: white;
  background: -moz-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(88%, white), color-stop(88%, #386c91), color-stop(100%, #386c91));
  background: -webkit-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -o-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -ms-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: linear-gradient(to bottom, white 0%, white 88%, #386c91 88%, #386c91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$hexColor', GradientType=0 ); }

#p179:hover > a,
#p179 > a:hover,
#p179.current > span,
#p179.active > a {
  color: #386c91;
  background: white;
  background: -moz-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(88%, white), color-stop(88%, #386c91), color-stop(100%, #386c91));
  background: -webkit-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -o-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -ms-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: linear-gradient(to bottom, white 0%, white 88%, #386c91 88%, #386c91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$hexColor', GradientType=0 ); }

#p17:hover > a,
#p17 > a:hover,
#p17.current > span,
#p17.active > a {
  color: #386c91;
  background: white;
  background: -moz-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(88%, white), color-stop(88%, #386c91), color-stop(100%, #386c91));
  background: -webkit-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -o-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -ms-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: linear-gradient(to bottom, white 0%, white 88%, #386c91 88%, #386c91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$hexColor', GradientType=0 ); }

#p24:hover > a,
#p24 > a:hover,
#p24.current > span,
#p24.active > a {
  color: #386c91;
  background: white;
  background: -moz-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(88%, white), color-stop(88%, #386c91), color-stop(100%, #386c91));
  background: -webkit-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -o-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: -ms-linear-gradient(top, white 0%, white 88%, #386c91 88%, #386c91 100%);
  background: linear-gradient(to bottom, white 0%, white 88%, #386c91 88%, #386c91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='$hexColor', GradientType=0 ); }

/* Menu > Hover-Zustand 2. Ebene */
#p14 ul li:hover {
  color: #fff;
  background-color: #386c91; }

#p15 ul li:hover {
  color: #fff;
  background-color: #386c91; }

#p179 ul li:hover {
  color: #fff;
  background-color: #386c91; }

#p17 ul li:hover {
  color: #fff;
  background-color: #386c91; }

#p24 ul li:hover {
  color: #fff;
  background-color: #386c91; }

/* IE 9 Support */
#p14:hover > a,
#p14 > a:hover,
#p14.current > span,
#p14.active > a,
#p15:hover > a,
#p15 > a:hover,
#p15.current > span,
#p15.active > a,
#p179:hover > a,
#p179 > a:hover,
#p179.current > span,
#p179.active > a,
#p17:hover > a,
#p17 > a:hover,
#p17.current > span,
#p17.active > a,
#p24:hover > a,
#p24 > a:hover,
#p24.current > span,
#p24.active > a {
  filter: none !important; }

/* ========================================
    IE 9 < Workaround
   ======================================== */
/* ========================================
    Main Navigation
   ======================================== */
nav#primary {
  position: relative;
  border: 1px solid #ccc;
  height: 59px;
  margin: 0; }

#main-navigation {
  font: 600 14px/1.5 "Source Sans Pro", Helvetica, sans-serif;
  position: absolute;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0;
  top: 25px;
  left: 0; }

#main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  width: 100% !important;
  border-top: 1px solid #ccc;
  text-align: center; }

#main-navigation ul li {
  margin: 0;
  padding: 0;
  border-left: 1px solid #ccc;
  position: relative;
  float: left;
  width: 20%;
  text-align: center; }
  #main-navigation ul li:hover {
    cursor: pointer; }

#main-navigation > ul > li > a:after,
#main-navigation > ul > li > span:after {
  font-family: 'dena';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e60c';
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 10px; }

#main-navigation ul li:first-child {
  border-left: 0;
  border-top: 0; }

#main-navigation ul li > a,
#main-navigation ul li > span {
  width: 100%;
  padding: 5px 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  display: inline-block; }

#main-navigation ul ul li.current span {
  padding: 7px 15px !important;
  color: #fff !important;
  background-color: #386c91; }

#main-navigation ul li a.first,
#main-navigation ul li span.first {
  border-left: 0 none; }

#main-navigation ul li a.last,
#main-navigation ul li span.last {
  border-right: 0 none; }

#main-navigation ul li:hover > a {
  /*   background:#fff;*/ }

/* Drop-Down Navigation */
#main-navigation ul li:hover > ul {
  visibility: visible;
  opacity: 1; }

#main-navigation ul ul, #main-navigation ul ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 99999;
  width: 20%;
  background-color: #ecf0f1;
  text-align: left;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear; }

#main-navigation ul ul li ul {
  top: 0; }

#main-navigation ul ul li {
  clear: both;
  width: 100%;
  border: 0 none;
  border-bottom: 1px solid #c9c9c9;
  text-align: left; }
  #main-navigation ul ul li:hover a, #main-navigation ul ul li:hover span {
    color: #ffffff; }
  #main-navigation ul ul li a, #main-navigation ul ul li span {
    text-transform: none !important; }

#main-navigation ul ul li a {
  background: none;
  padding: 7px 15px;
  display: inline-block;
  border: 0 none;
  float: left;
  clear: both; }

/* ========================================
    Meta Navigation
   ======================================== */
#meta-navigation {
  font: 600 12px/1.0 "Source Sans Pro", Helvetica, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px; }

#meta-navigation ul li a, #meta-navigation ul li span {
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
  height: 25px;
  margin: 0;
  display: inline-block;
  padding: 6px 20px;
  border-left: 1px solid #ccc; }

#meta-navigation form, #meta-navigation form div {
  display: inline;
  margin: 0;
  padding: 0; }

#meta-navigation ul {
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0; }

#meta-navigation ul li {
  width: 10%;
  display: inline;
  margin: 0;
  padding: 0; }
  #meta-navigation ul li#p152 a:after, #meta-navigation ul li#p152 span:after {
    content: url(../images/uk.png);
    padding-left: 3px; }
  #meta-navigation ul li#p30 a, #meta-navigation ul li#p31 a, #meta-navigation ul li#p18 a, #meta-navigation ul li#p152 a, #meta-navigation ul li#p30 span, #meta-navigation ul li#p31 span, #meta-navigation ul li#p18 span, #meta-navigation ul li#p152 span {
    min-width: 120px;
    text-align: center; }

#meta-navigation li.home {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  border-left: 0;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ccc;
  font-size: 16px; }

#meta-navigation ul li a.icon-home {
  border: 0;
  padding: 4px 6px 3px 6px; }

#meta-navigation input {
  border: 0;
  margin: 0;
  padding: 0; }

#meta-navigation li #searchform {
  border-left: 1px solid #ccc;
  height: 25px;
  margin: 0;
  display: inline-block;
  border-left: 1px solid #ccc; }

#meta-navigation form input[type="text"] {
  height: 25px;
  padding-left: 10px;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold; }

#meta-navigation form input[type="text"]:focus {
  background-color: #ededed; }

#meta-navigation ul li a:hover {
  background: #f8f8f8;
  color: #282828; }

#meta-navigation form {
  position: relative; }
  #meta-navigation form button {
    position: absolute;
    top: 0;
    right: 10px;
    width: 16px;
    height: 16px;
    background: 0;
    border: 0; }
    #meta-navigation form button span.icon-magnifier {
      border: 0;
      position: absolute;
      left: -20px;
      top: -6px;
      color: #386c91;
      font-size: 16px; }

.ie8 #searchform {
  display: none !important; }

/* ========================================
    Breadcrumb Navigation
   ======================================== */
#breadcrumb {
  text-align: right;
  background-color: #ecf0f1;
  font-size: 13px;
  padding-right: 20px;
  color: #7f8c8d; }
  #breadcrumb span, #breadcrumb a {
    color: #7f8c8d; }

/* ========================================
    Sub Navigation
   ======================================== */
nav#secondary {
  margin-right: 30px; }
  nav#secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 250px; }
    nav#secondary ul li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #ccc; }
      nav#secondary ul li a {
        color: #333333;
        display: block;
        padding: 5px; }
      nav#secondary ul li.normal a:hover, nav#secondary ul li.active a:hover {
        text-decoration: none;
        color: #ffffff; }
      nav#secondary ul li.current > span, nav#secondary ul li.active > span {
        display: block;
        padding: 5px;
        color: #ffffff; }
      nav#secondary ul li:last-child {
        border: 0; }
      nav#secondary ul li ul {
        border-bottom: 0; }
        nav#secondary ul li ul li {
          border: 0; }
          nav#secondary ul li ul li a {
            padding-left: 20px;
            background-color: none !important; }

nav#secondary li.current > span, nav#secondary li.active > span {
  background-color: #386c91; }
nav#secondary li.current ul li a, nav#secondary li.active ul li a {
  color: #386c91; }
  nav#secondary li.current ul li a:before, nav#secondary li.active ul li a:before {
    color: #386c91; }
  nav#secondary li.current ul li a:hover, nav#secondary li.active ul li a:hover {
    color: #ffffff; }
    nav#secondary li.current ul li a:hover:before, nav#secondary li.active ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
nav#secondary li a:hover {
  background-color: #386c91; }
nav#secondary li ul li a {
  color: #386c91;
  position: relative; }
  nav#secondary li ul li a:before {
    content: "\e60e";
    color: #386c91;
    font-size: 11px;
    position: absolute;
    top: 10px;
    left: 5px; }
  nav#secondary li ul li a:hover:before {
    color: #ffffff; }
nav#secondary li.active ul li.current {
  position: relative;
  background-color: #386c91; }
  nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px 0;
    padding-left: 20px; }
    nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      position: absolute;
      top: 10px;
      left: 5px;
      text-decoration: none !important; }

.cc14 nav#secondary li.current > span, .cc14 nav#secondary li.active > span {
  background-color: #386c91; }
.cc14 nav#secondary li.current ul li a, .cc14 nav#secondary li.active ul li a {
  color: #386c91; }
  .cc14 nav#secondary li.current ul li a:before, .cc14 nav#secondary li.active ul li a:before {
    color: #386c91; }
  .cc14 nav#secondary li.current ul li a:hover, .cc14 nav#secondary li.active ul li a:hover {
    color: #ffffff; }
    .cc14 nav#secondary li.current ul li a:hover:before, .cc14 nav#secondary li.active ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
.cc14 nav#secondary li a:hover {
  background-color: #386c91; }
.cc14 nav#secondary li ul li a {
  color: #386c91; }
  .cc14 nav#secondary li ul li a:before {
    content: "\e60e";
    color: #386c91;
    font-size: 13px; }
  .cc14 nav#secondary li ul li a:hover:before {
    color: #ffffff; }
.cc14 nav#secondary li.active ul li.current {
  padding-left: 20px;
  background-color: #386c91; }
  .cc14 nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px 0; }
    .cc14 nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      text-decoration: none !important; }

.cc15 nav#secondary li.current > span, .cc15 nav#secondary li.active > span {
  background-color: #386c91; }
.cc15 nav#secondary li a:hover {
  background-color: #386c91; }
.cc15 nav#secondary li ul li a {
  color: #386c91; }
  .cc15 nav#secondary li ul li a:before {
    color: #386c91; }
  .cc15 nav#secondary li ul li a:hover {
    color: #ffffff; }
    .cc15 nav#secondary li ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
.cc15 nav#secondary li.active ul li.current {
  padding-left: 20px;
  background-color: #386c91; }
  .cc15 nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px 0; }
    .cc15 nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      text-decoration: none !important; }

.cc16 nav#secondary li.current > span, .cc16 nav#secondary li.active > span {
  background-color: #386c91; }
.cc16 nav#secondary li a:hover {
  background-color: #386c91; }
.cc16 nav#secondary li ul li a {
  color: #386c91; }
  .cc16 nav#secondary li ul li a:before {
    color: #386c91; }
  .cc16 nav#secondary li ul li a:hover {
    color: #ffffff; }
    .cc16 nav#secondary li ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
.cc16 nav#secondary li.active ul li.current {
  padding-left: 20px;
  background-color: #386c91; }
  .cc16 nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px 0; }
    .cc16 nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      text-decoration: none !important; }

.cc17 nav#secondary li.current > span, .cc17 nav#secondary li.active > span {
  background-color: #386c91; }
.cc17 nav#secondary li a:hover {
  background-color: #386c91; }
.cc17 nav#secondary li ul li a {
  color: #386c91; }
  .cc17 nav#secondary li ul li a:before {
    color: #386c91; }
  .cc17 nav#secondary li ul li a:hover {
    color: #ffffff; }
    .cc17 nav#secondary li ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
.cc17 nav#secondary li.active ul li.current {
  padding-left: 20px;
  background-color: #386c91; }
  .cc17 nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px 0; }
    .cc17 nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      text-decoration: none !important; }

.cc24 nav#secondary li.current > span, .cc24 nav#secondary li.active > span {
  background-color: #386c91; }
.cc24 nav#secondary li a:hover {
  background-color: #386c91; }
.cc24 nav#secondary li ul li a {
  color: #386c91; }
  .cc24 nav#secondary li ul li a:before {
    color: #386c91; }
  .cc24 nav#secondary li ul li a:hover {
    color: #ffffff; }
    .cc24 nav#secondary li ul li a:hover:before {
      color: #ffffff;
      text-decoration: none !important; }
.cc24 nav#secondary li.active ul li.current {
  padding-left: 20px;
  background-color: #386c91; }
  .cc24 nav#secondary li.active ul li.current span {
    display: block;
    padding: 5px; }
    .cc24 nav#secondary li.active ul li.current span:before {
      content: "\e60e";
      color: #ffffff;
      font-size: 13px;
      text-decoration: none !important; }

.logout a {
  color: #990000; }

/* ========================================
    Breadcrumb Navigation
   ======================================== */
#imprint p {
  margin-top: 10px; }
  #imprint p strong {
    font: 600 16px/1.5 "Source Sans Pro", Helvetica, sans-serif; }

#sponsor h2 {
  border-left: 1px solid #ccc; }

.footerlinks {
  font: 600 16px/1.5 "Source Sans Pro", Helvetica, sans-serif;
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  padding: 0; }
  .footerlinks li {
    display: inline;
    padding: 0 10px;
    border-left: 1px solid #ccc; }
    .footerlinks li:last-child {
      padding-right: 0; }

/* ========================================
    Marginalspalte
   ======================================== */
.cc aside section:first-child {
  margin-top: 10px !important; }

aside {
  /* ========================================
      Marginalspalte > Stellungnahme
     ======================================== */
  /* ========================================
      Marginalspalte > Newsteaser
     ======================================== */
  /* ========================================
      Marginalspalte > Balkenteaser
     ======================================== */
  /* ========================================
    Marginalspalte > Glossar
   ======================================== */ }
  aside section {
    margin: 20px 0; }
    aside section:first-child {
      margin-top: 0px; }
  aside .widget {
    font: 400 14px/1.3 "Source Sans Pro", Helvetica, sans-serif;
    padding: -20px; }
    aside .widget h2 {
      font: 500 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
      margin: 0;
      font-weight: bold; }
    aside .widget .content h3 {
      font: 600 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
      margin-bottom: 0; }
    aside .widget .content p {
      margin: 14px 0; }
    aside .widget .content a {
      display: block;
      text-align: right;
      text-decoration: none; }
  aside .stellungnahme {
    color: #000;
    background-color: #e7e000;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px; }
    aside .stellungnahme h2 {
      padding: 20px 20px 0 20px; }
    aside .stellungnahme p.content {
      font-size: 24px;
      padding: 0 20px;
      text-align: center; }
    aside .stellungnahme p.author {
      padding: 0 20px 20px 20px;
      text-align: right;
      font-weight: bold; }
    aside .stellungnahme a {
      color: #000;
      text-decoration: none;
      background: transparent; }
  aside .newsteaser {
    margin: 0;
    border: 1px solid #c6cfd4; }
    aside .newsteaser .content {
      padding: 0 20px;
      margin-bottom: 20px; }
    aside .newsteaser h2 {
      color: #000;
      background-color: #c6cfd4;
      padding: 10px 20px; }
    aside .newsteaser span {
      display: block;
      width: 100%;
      height: 5px; }
    aside .newsteaser footer {
      font-weight: bold;
      /*background-color:$greylight;*/
      padding: 10px 20px;
      text-align: right; }
      aside .newsteaser footer a {
        /*color:$black;*/
        text-decoration: none; }
  aside .miscteaser {
    background-color: #ecf0f1;
    padding: 20px; }
    aside .miscteaser .top {
      font: 400 14px/1.3 "Source Sans Pro", Helvetica, sans-serif;
      margin: 0 5px 0 0; }
    aside .miscteaser h2 {
      font: 400 24px/1.3 "Source Sans Pro", Helvetica, sans-serif;
      border-bottom: 2px solid #0789c0;
      margin: 0 0 16px 0;
      padding-bottom: 5px; }
    aside .miscteaser .button {
      text-align: center; }
    aside .miscteaser.downloads .image {
      overflow: hidden; }
    aside .miscteaser.downloads img {
      max-width: 100%;
      height: auto; }
    aside .miscteaser.downloads p {
      margin-top: 0; }
    aside .miscteaser.downloads .button {
      margin-top: 20px; }
    aside .miscteaser.kontakt {
      padding-bottom: 0; }
      aside .miscteaser.kontakt .phone, aside .miscteaser.kontakt .mail {
        text-align: center;
        font-weight: bold;
        padding: 10px 20px;
        margin: 1px -20px;
        background-color: #c8d1d6;
        font: 400 24px/1.0 "Source Sans Pro", Helvetica, sans-serif; }
    aside .miscteaser.textbild .image {
      margin-bottom: 15px; }
  aside .balkenteaser {
    margin: 0;
    border: 1px solid #c6cfd4; }
    aside .balkenteaser .content {
      padding: 0 20px;
      margin-bottom: 20px; }
    aside .balkenteaser h2 {
      color: #000;
      background-color: #c6cfd4;
      padding: 10px 20px; }
    aside .balkenteaser span {
      display: block;
      width: 100%;
      height: 5px; }
    aside .balkenteaser .image {
      padding: 20px 20px 0 20px; }
    aside .balkenteaser .widgetfooter {
      text-align: right;
      font-weight: bold;
      margin-right: 20px;
      margin-bottom: 20px; }
      aside .balkenteaser .widgetfooter a {
        /*color:$black;*/
        text-decoration: none; }
  aside .balkenteaser.yellow h2 {
    background-color: #e7e000; }
  aside .glossar {
    margin: 20px 0; }
    aside .glossar .akkordion {
      margin: 0;
      border-top: 1px solid #95a5a6; }
      aside .glossar .akkordion h3 {
        font-size: 16px;
        margin: 0;
        padding: 5px 20px;
        position: relative; }
        aside .glossar .akkordion h3:hover {
          cursor: pointer;
          background-color: #ecf0f1; }
        aside .glossar .akkordion h3.trigger span {
          display: inline-block;
          position: absolute;
          right: 10px;
          top: 5px; }
          aside .glossar .akkordion h3.trigger span:before {
            font-family: 'dena';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e60c'; }
        aside .glossar .akkordion h3.trigger_active {
          border-bottom: 0;
          background-color: none; }
          aside .glossar .akkordion h3.trigger_active span {
            display: inline-block;
            position: absolute;
            right: 10px;
            top: 5px; }
            aside .glossar .akkordion h3.trigger_active span:before {
              font-family: 'dena';
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              line-height: 1;
              /* Better Font Rendering =========== */
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: '\e60d'; }
      aside .glossar .akkordion .toggle {
        padding: 0 20px; }
      aside .glossar .akkordion .item {
        border-bottom: 1px solid #95a5a6; }
    aside .glossar header {
      background-color: #7f8c8d;
      color: #fff; }
      aside .glossar header h2 {
        font: 400 24px/1.0 "Source Sans Pro", Helvetica, sans-serif;
        margin: 0;
        color: #ffffff;
        padding: 0 10px 5px 10px; }
        aside .glossar header h2:before {
          font-family: 'dena';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin: 0;
          padding-right: 10px;
          position: relative;
          top: 3px;
          left: 0;
          font-size: 24px;
          content: "\e602"; }
      aside .glossar header span {
        height: 5px;
        display: block;
        background-color: #95a5a6; }
    aside .glossar ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      aside .glossar ul h3 {
        margin-left: 20px; }

.t1 aside section:first-child {
  margin-top: 22px; }

/* ========================================
    Page  > Stage
   ======================================== */
#stage {
  position: relative;
  height: 320px;
  margin-top: 20px;
  margin-bottom: 50px;
  width: 100%; }
  #stage .tabslidercontent {
    background: #fff;
    /* Fallback IE 6-8 */
    background: rgba(255, 255, 255, 0.6); }
    #stage .tabslidercontent h1 {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 10px;
      left: 20px;
      font: 400 30px/1.0 "Source Sans Pro", Helvetica, sans-serif; }
    #stage .tabslidercontent p {
      position: absolute;
      bottom: 0px;
      left: 20px;
      font: 400 16px/1.0 "Source Sans Pro", Helvetica, sans-serif;
      max-width: 700px; }
  #stage .box {
    position: absolute;
    top: 20px;
    left: 400px;
    width: 400px;
    height: 250px;
    padding: 30px;
    background: #fff;
    /* Fallback IE 6-8 */
    background: rgba(255, 255, 255, 0.6); }
    #stage .box .button {
      margin-top: 20px; }
    #stage .box h1 {
      margin: 0;
      padding: 0;
      font: 400 30px/1.0 "Source Sans Pro", Helvetica, sans-serif; }
    #stage .box p {
      margin-bottom: 0;
      font: 400 21px/1.0 "Source Sans Pro", Helvetica, sans-serif; }
  #stage ul {
    list-style: none; }
    #stage ul li {
      position: relative; }

#stage.imgslider {
  height: 290px;
  margin-bottom: 0; }

/* ========================================
    Content > Teaser
   ======================================== */
.contentteaser {
  font: 400 16px/1.4 "Source Sans Pro", Helvetica, sans-serif;
  /* margin-bottom:20px; */
  /* overflow:hidden;*/
  /* Text / Bild mit Iconleiste */
  /* Text / Bild ohne Iconleiste */ }
  .contentteaser.line {
    border-bottom: 1px solid #ecf0f1; }
  .contentteaser span {
    display: block;
    height: 5px;
    width: 100%; }
  .contentteaser h2 {
    font: 300 24px/1.3 "Source Sans Pro", Helvetica, sans-serif;
    /*
        &:before{
          @include customFont();
        }
    */ }
  .contentteaser .more {
    text-align: right; }
  .contentteaser.teasertype-1 {
    height: 220px; }
  .contentteaser.teasertype-2 {
    height: 400px; }
  .contentteaser.teasertype-1 h2, .contentteaser.teasertype-2 h2, .contentteaser.teasertype-6 h2 {
    margin: 0;
    color: #ffffff;
    padding: 5px 10px 5px 20px; }
    .contentteaser.teasertype-1 h2:before, .contentteaser.teasertype-2 h2:before, .contentteaser.teasertype-6 h2:before {
      margin: 0;
      position: relative;
      padding-right: 10px;
      top: 2px;
      left: 0;
      font-size: 24px; }
  .contentteaser.teasertype-1.p14 h2, .contentteaser.teasertype-2.p14 h2, .contentteaser.teasertype-6.p14 h2 {
    background-color: #386c91;
    /*
    &:before{
      content: "\e617";
    }
    */ }
  .contentteaser.teasertype-1.p15 h2, .contentteaser.teasertype-2.p15 h2, .contentteaser.teasertype-6.p15 h2 {
    background-color: #386c91;
    /*
     &:before{
       content: "\e616";
     }
     */ }
  .contentteaser.teasertype-1.p16 h2, .contentteaser.teasertype-2.p16 h2, .contentteaser.teasertype-6.p16 h2 {
    background-color: #e7e000;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #000;
    /*
    &:before{
      content: "\e605";
    }
    */ }
  .contentteaser.teasertype-1.p17 h2, .contentteaser.teasertype-2.p17 h2, .contentteaser.teasertype-6.p17 h2 {
    background-color: #386c91;
    /*
    &:before{
      content: "\e605";
    }
    */ }
  .contentteaser.teasertype-1.p24 h2, .contentteaser.teasertype-2.p24 h2, .contentteaser.teasertype-6.p24 h2 {
    background-color: #386c91;
    /*
    &:before{
      content: "\e606";
    }
    */ }
  .contentteaser.teasertype-2 {
    overflow: hidden; }
    .contentteaser.teasertype-2 h2 {
      margin-bottom: -20px;
      z-index: 9999;
      position: relative; }
  .contentteaser.teasertype-3 {
    position: relative;
    margin-bottom: -3px; }
    .contentteaser.teasertype-3 h2 {
      position: absolute;
      top: 140px;
      background-color: #fff;
      opacity: 0.6;
      color: #000 !important;
      padding: 3px 20px;
      font-weight: 500; }
    .contentteaser.teasertype-3 h3 {
      font: 600 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
      margin: 10px 0;
      padding: 0; }
    .contentteaser.teasertype-3 p {
      margin-top: 10px; }
  .contentteaser.teasertype-4, .contentteaser.teasertype-5 {
    height: 230px; }
  .contentteaser.teasertype-4 h2 {
    padding-left: 0;
    margin-bottom: 0; }
  .contentteaser.teasertype-4 p {
    margin-top: 10px; }
  .contentteaser.teasertype-6 {
    background-color: #f4f4f4; }
    .contentteaser.teasertype-6 .image {
      width: 100%;
      text-align: center; }
    .contentteaser.teasertype-6 .more {
      margin-top: 0;
      padding: 0 20px 20px 0; }
    .contentteaser.teasertype-6.p17 .more {
      margin-top: -20px !important; }

.t1 .contentteaser {
  margin-top: 20px; }

/*
Download-Modul
*/
section.download {
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding: 20px 0; }
  section.download h2 {
    margin: 0;
    padding: 0; }
  section.download p.description {
    margin-top: 5px; }

/*@import "unternehmenskarte";*/
.tx-projektkarte #filter {
  border-top: 2px solid #386c91; }
.tx-projektkarte .point {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #fff; }
  .tx-projektkarte .point:hover {
    cursor: pointer;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); }
.tx-projektkarte #map {
  position: relative;
  margin-bottom: 20px; }
  .tx-projektkarte #map #legende {
    position: absolute;
    left: 0;
    top: 650px; }
  .tx-projektkarte #map #legende ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none; }
    .tx-projektkarte #map #legende ul .color2 .point {
      background-color: #d444bc; }
    .tx-projektkarte #map #legende ul .color5 .point {
      background-color: #cf8d00; }
    .tx-projektkarte #map #legende ul .color8 .point {
      background-color: #3697d2; }
    .tx-projektkarte #map #legende ul .color11 .point {
      background-color: #17a500; }
  .tx-projektkarte #map #pointsonmap {
    list-style: none;
    margin-bottom: 20px;
    z-index: 9999; }
    .tx-projektkarte #map #pointsonmap li {
      position: absolute;
      z-index: 20;
      padding-top: 3px;
      padding-bottom: 3px; }
      .tx-projektkarte #map #pointsonmap li.color2 .point {
        background-color: #d444bc; }
      .tx-projektkarte #map #pointsonmap li.color5 .point {
        background-color: #cf8d00; }
      .tx-projektkarte #map #pointsonmap li.color8 .point {
        background-color: #3697d2; }
      .tx-projektkarte #map #pointsonmap li.color11 .point {
        background-color: #17a500; }
      .tx-projektkarte #map #pointsonmap li.color2 .content {
        border: 1px solid #d444bc; }
      .tx-projektkarte #map #pointsonmap li.color5 .content {
        border: 1px solid #cf8d00; }
      .tx-projektkarte #map #pointsonmap li.color8 .content {
        border: 1px solid #3697d2; }
      .tx-projektkarte #map #pointsonmap li.color11 .content {
        border: 1px solid #17a500; }
      .tx-projektkarte #map #pointsonmap li .content {
        color: #000;
        background-color: #fff;
        padding: 2px;
        display: none;
        margin-left: 10px;
        z-index: 9999;
        position: relative; }
        .tx-projektkarte #map #pointsonmap li .content span {
          display: inline-block;
          padding: 3px; }
    .tx-projektkarte #map #pointsonmap .tableitem {
      overflow: hidden;
      background-color: #fff;
      height: auto;
      width: 500px;
      max-height: 650px;
      overflow: auto;
      margin-bottom: 5px;
      padding: 10px; }
      .tx-projektkarte #map #pointsonmap .tableitem h2 {
        margin: 0; }
      .tx-projektkarte #map #pointsonmap .tableitem h3 {
        margin: 0;
        font-size: 15px; }
      .tx-projektkarte #map #pointsonmap .tableitem .close {
        position: absolute;
        right: 5px;
        top: 5px;
        display: block;
        text-align: right;
        cursor: pointer; }
      .tx-projektkarte #map #pointsonmap .tableitem ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .tx-projektkarte #map #pointsonmap .tableitem ul li {
          position: static !important;
          margin-left: 0;
          padding-left: 0; }
      .tx-projektkarte #map #pointsonmap .tableitem.color2 {
        border: 2px solid #d444bc; }
      .tx-projektkarte #map #pointsonmap .tableitem.color5 {
        border: 2px solid #cf8d00; }
      .tx-projektkarte #map #pointsonmap .tableitem.color8 {
        border: 2px solid #3697d2; }
      .tx-projektkarte #map #pointsonmap .tableitem.color11 {
        border: 2px solid #17a500; }
  .tx-projektkarte #map .tech41,
  .tx-projektkarte #map .tech23,
  .tx-projektkarte #map .tech25,
  .tx-projektkarte #map .tech29,
  .tx-projektkarte #map .tech31,
  .tx-projektkarte #map .tech33,
  .tx-projektkarte #map .tech37,
  .tx-projektkarte #map .tech39,
  .tx-projektkarte #map .tech17,
  .tx-projektkarte #map .tech14,
  .tx-projektkarte #map .tech8,
  .tx-projektkarte #map .tech5,
  .tx-projektkarte #map .tech21 {
    padding-left: 30px !important; }
    .tx-projektkarte #map .tech41::before,
    .tx-projektkarte #map .tech23::before,
    .tx-projektkarte #map .tech25::before,
    .tx-projektkarte #map .tech29::before,
    .tx-projektkarte #map .tech31::before,
    .tx-projektkarte #map .tech33::before,
    .tx-projektkarte #map .tech37::before,
    .tx-projektkarte #map .tech39::before,
    .tx-projektkarte #map .tech17::before,
    .tx-projektkarte #map .tech14::before,
    .tx-projektkarte #map .tech8::before,
    .tx-projektkarte #map .tech5::before,
    .tx-projektkarte #map .tech21::before {
      content: ""; }
  .tx-projektkarte #map .tech41 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methanisierung.png) top left no-repeat; }
  .tx-projektkarte #map .tech23 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methanverstromung.png) top left no-repeat; }
  .tx-projektkarte #map .tech25 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffkraftstoff.png) top left no-repeat; }
  .tx-projektkarte #map .tech29 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffchemie.png) top left no-repeat; }
  .tx-projektkarte #map .tech31 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffabwaerme.png) top left no-repeat; }
  .tx-projektkarte #map .tech33 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffeinspeisung.png) top left no-repeat; }
  .tx-projektkarte #map .tech37 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffspeicher.png) top left no-repeat; }
  .tx-projektkarte #map .tech39 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffverstromung.png) top left no-repeat; }
  .tx-projektkarte #map .tech17 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_abwaerme.png) top left no-repeat; }
  .tx-projektkarte #map .tech14 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methankraftstoff.png) top left no-repeat; }
  .tx-projektkarte #map .tech11 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_wasserstoffchemie.png) top left no-repeat; }
  .tx-projektkarte #map .tech8 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methanabwaerme.png) top left no-repeat; }
  .tx-projektkarte #map .tech5 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methaneinspeisung.png) top left no-repeat; }
  .tx-projektkarte #map .tech21 {
    background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/icon_methanisierung.png) top left no-repeat; }
.tx-projektkarte #table ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  .tx-projektkarte #table ul li {
    overflow: hidden; }
    .tx-projektkarte #table ul li ul {
      list-style: none; }
      .tx-projektkarte #table ul li ul li ul {
        list-style: none; }
.tx-projektkarte #table .tableitem {
  background-color: #ecf0f1;
  margin-bottom: 5px;
  padding: 10px; }
  .tx-projektkarte #table .tableitem h2 {
    margin: 10px 0; }
  .tx-projektkarte #table .tableitem h3 {
    margin: 0;
    font-size: 15px; }
  .tx-projektkarte #table .tableitem ul {
    margin: 0;
    padding: 0; }
    .tx-projektkarte #table .tableitem ul li {
      margin-left: 0;
      padding-left: 0; }

#triggerMap {
  list-style: none;
  text-align: right;
  margin-bottom: 0;
  line-height: 0; }
  #triggerMap li {
    display: inline; }
    #triggerMap li:hover {
      cursor: pointer; }
    #triggerMap li span {
      display: inline-block;
      margin: 0;
      padding: 3px 5px;
      width: 30px;
      height: 30px; }
      #triggerMap li span.showMap {
        background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/projektmap_grau.png) center center no-repeat #ffffff; }
        #triggerMap li span.showMap.trigger_active {
          background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/projektmap_weiss.png) center center no-repeat #2980b9; }
      #triggerMap li span.showTable {
        background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/list_grau.png) center center no-repeat #ffffff; }
        #triggerMap li span.showTable.trigger_active {
          background: url(/typo3conf/ext/projektkarte/Resources/Public/Images/list_weiss.png) center center no-repeat #2980b9; }

/*diagram changes*/
.highcharts-container {
  border: 1px solid #cfcfcf;
  padding: 10px;
  clear: both; }

.highcharts-tooltip {
  padding-left: 20px !important;
  color: Red !important; }

.highcharts-tooltip span {
  line-height: 22pt; }

.highcharts-tooltip span.first {
  line-height: 14pt !important;
  color: red; }

.legendText {
  top: 425px;
  margin-left: 80px;
  position: absolute;
  z-index: 99;
  width: 400px;
  text-align: center;
  margin-top: 0px;
  font-size: 9px;
  color: #9A9A9A; }

.hsCopyright {
  width: 540px !important;
  text-align: right;
  margin-top: 20px;
  position: relative;
  right: -20px; }

.vgfArticle-sectionsLi .hsCopyright {
  right: 5px; }

.hsCopyright p {
  font-size: 10px !important;
  font-family: arial, verdana, sans-serif;
  color: #000000; }

/*diagram changes end*/
.sub-nav {
  display: none; }

.denaArticle-sections .highcharts-container {
  left: 0 !important;
  width: 538px !important;
  padding: 10px 0; }

.exportbar {
  position: relative; }

.exporticon {
  float: left;
  margin-top: 20px;
  padding-right: 5px;
  padding-top: 10px; }

.exporticon:hover {
  cursor: pointer; }

.tx-highcharts {
  position: relative;
  clear: both; }

.clearboth {
  clear: both; }

/*
    Media Queries
    ----------------------    */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #page-header h1 {
    background: url(../images/logo_powertogas@2x.png);
    background-size: 222px; }

  #page-header div {
    background: url(../images/logo_dena@2x.png);
    background-size: 209px; }

  .social-media-buttons ul li a.sm-facebook {
    background: url(../images/sprite_sm@2x.png) left top no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-twitter {
    background: url(../images/sprite_sm@2x.png) left -52px no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-google {
    background: url(../images/sprite_sm@2x.png) left -104px no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-xing {
    background: url(../images/sprite_sm@2x.png) left -156px no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-linkedin {
    background: url(../images/sprite_sm@2x.png) left -208px no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-mail {
    background: url(../images/sprite_sm@2x.png) left -313px no-repeat;
    background-size: 101px; }
  .social-media-buttons ul li a.sm-print {
    background: url(../images/sprite_sm@2x.png) left -260px no-repeat;
    background-size: 101px; } }

/*# sourceMappingURL=main.css.map */