@charset "utf-8";
/*
blau: 0167af
rot: D2232A

*/
#navToggle { display: none; }
body {
  background: #FFF url(../../images/body-bg.png) repeat-x left top;
  font: 11px/18px Verdana, Geneva, sans-serif;
  color: #3d3d3d;
}
a {
  color: #0167af;
  text-decoration: none;
}
#topBanner {
  height: 90px;
  width: 728px;
}
#skyScraper {
  margin-top:208px;
  width: 160px;
  height: 600px;
  position: absolute;
  right: 0;
}
#pageWrapper {
  width: 1156px;
  margin: 0 auto;
  position: relative;
}
.arrow, .arrow-l {
  display: block;
  padding-left: 10px;
}
.arrow { background: url(../../images/arrow-b.png) no-repeat left 8px; }
.arrow-l { background: url(../../images/arrow-l-b.png) no-repeat left 8px; }
h1, .h1 {
  font-size: 12px;
  color: #777;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
h2, .h2 {
  font-size: 16px;
  margin-bottom: 14px;
}
h3 {
  font-size: 14px;
  margin-bottom: 12px;
}
h2, h3, .h2 { font-weight: bold; }
.csc-default p {
  color: #000;
  font: 12px/20px Verdana, Geneva, sans-serif;
  margin-bottom: 8px;
}
#left .csc-textpic-intext-left .csc-textpic-imagewrap { margin: 5px 13px 0 0 !important; }
#left .csc-textpic-intext-right .csc-textpic-imagewrap { margin: 5px 0 0 13px !important; }
#left .csc-textpic img { margin-bottom: 10px !important; }
#left dd.csc-textpic-caption {
  font-weight: bold;
  line-height: 16px;
}
p.hl {
  line-height: 15px;
  font-size: 11px;
  color: #999;
  font-weight: bold;
}
#header input {
  
  border: 1px solid #C2C2C2;
  border-radius: 3px 3px 3px 3px;
  color: #C2C2C2;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  background-color: #FFF;
}
#wrapper {
  width: 996px;
  margin: 0;
  position: relative;
  background-color: #FFF;
  -webkit-box-shadow: 8px 5px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 8px 5px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 8px 5px 10px 0px rgba(0,0,0,0.4);
}
#wrapperOuter {
  -webkit-box-shadow: -8px 5px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: -8px 5px 10px 0px rgba(0,0,0,0.4);
  box-shadow: -8px 5px 10px 0px rgba(0,0,0,0.4);
}
#header {
  background: url(../../images/body-bg.png) repeat-x 0 -90px;
  height: 136px;
  position: relative;
}
#logo, #headerLinks {
  float: left;
  height: 90px;
}
#logo {
  width: 350px;
  padding: 10px 24px 0 18px;
}
#header #searchbox {
  position: absolute;
  right: 7px;
  top: 36px;
}
#header #searchbox input {
  width: 202px;
  padding-right: 20px;
}
#header #searchbox label { float: none !important; }
#header #searchbox #tx-indexedsearch-searchbox-button-submit {
  border-radius: 0;
  border: 0 none;
  width: 13px;
  padding: 0;
  margin: 0;
  text-indent: 30px;
  overflow: hidden;
  background: url(../../images/inputsearch-b.png) no-repeat left center;
  cursor: pointer;
  position: absolute;
  left: 214px;
  top:1px;
}
#header .button {
  background: url(../../images/bg-nav2.png) repeat-x scroll 0 0 transparent;
  border: medium none;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  height: 30px;
  margin: 0;
  padding: 3px 12px;
  text-shadow: 0 -1px 0 #444444;
  line-height: 26px;
  font-size: 13px;
  cursor: pointer;
}
#header .tx-felogin-pi1 {
  position: relative;
  float: left;
  padding-right: 7px;
}
#header .tx-felogin-pi1 label {
  float: left;
  width: 106px;
  clear:left;
}
#loginToggler { cursor: pointer; }
#loginbox {
  width: 245px;
  padding: 5px 10px 8px;
  position: absolute;
  left: -125px;
  top: 24px;
  background: #FFF;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: -8px 0px 10px #999; /* webkit browser*/
  -moz-box-shadow: -8px 0px 10px #999; /* firefox */
  box-shadow: -8px 0px 10px #999;
  z-index: 22;
}
#loginbox .login { margin-left: 106px; }
#header .tx-felogin-pi1 label, #header .tx-felogin-pi1 input { margin-top:8px; }
#header #extranav, #header #extranav li, #loginToggler {
  float: left;
  color: #0167AF;
}
#header #extranav li, #loginToggler {
  margin: 8px 0 2px;
  padding: 0 11px 2px;
  line-height: 11px;
}
#loginToggler { padding-right: 0 !important; }
#header #extranav li { border-right: 1px solid #0167AF; }
#header .social {
  position: absolute;
  right: 7px;
  bottom: 36px;
}
#megaMenu { clear: both; }
#megaMenu ul.level-0 {
  height: 36px;
  padding-left: 7px;
  background: url(../../images/menu-bg-blau.png) repeat-x left top;
}
#megaMenu ul.level-0 > li {
  float: left;
  line-height: 35px;
  padding: 0 13px;
  margin: 0 2px 0 1px;
}
#megaMenu ul.level-0 > li > a {
  font-size: 14px;
  color: #FFF;
}
#megaMenu ul.level-0 > li.home { line-height: 40px; }
#megaMenu ul.level-0 > li.active { background: #f7f7f8; }
#megaMenu ul.level-0 > li.active, #megaMenu ul.level-0 > li.level-0:hover {
  border-radius: 3px 3px 0 0;
  color: #FFF;
  padding-top: 2px;
  margin: -2px 1px 0 0;
  border: 1px solid #79a7cb;
  border-bottom: 0 none !important;
  height: 35px;
  overflow:hidden;
}
#megaMenu ul.level-0 > li.active { }
#megaMenu ul.level-0 > li.level-0:hover {
  background: #FFF;
  color: #0167AF;
}
/*#megaMenu ul.level-0 > li.active > a, #megaMenu ul.level-0 > li:hover > a { text-shadow: 0 -1px 0 #444444; }*/
#megaMenu ul.level-0 > li.active > a { color: #000 !important; }
#megaMenu ul.level-0 > li:hover > a { color: #0167AF !important; }
#megaMenu .subnav {
  color: #4B5155;
  -webkit-box-shadow: 7px 8px 9px #666666;
  -moz-box-shadow: 7px 8px 9px #666666;
  box-shadow: 7px 8px 9px #666666;
  position: absolute;
  display: none;
  left: 0;
  top: 136px;
  width: 954px;
  height:280px;
  background: white;
  border-radius: 0 0 3px 3px;
  z-index:9999;
  padding:6px 21px 17px;
}
#megaMenu .ideen .subnav { height: 372px; }
#megaMenu .subCategories {
  line-height: 18px;
  background: url("../../images/bg-subnav.png") repeat-x scroll left top #F9F9F9;
  margin: 0 0 14px -21px;
  padding: 2px 0;
  width: 990px;
  border-bottom: 1px solid #EEEFF1;
}
#megaMenu .subCategories ul { text-align:center; }
#megaMenu .subCategories ul li {
  padding: 0 8px;
  display: inline;
  border-left: 1px solid #3D3D3D;
  line-height: 18px !important;
}
#megaMenu .subCategories ul li.first { border: 0 none !important; }
#megaMenu p.hl { border-bottom: 1px solid #eaeaea; }
#megaMenu .tx-artikel-pi2 h3 { font: 11px/14px Verdana, Geneva, sans-serif bold; }
#megaMenu .tx-artikel-pi2 h3 a { color: #999999 }
#megaMenu .submenu, #megaMenu .article, #megaMenu .tx-artikel-pi2 .articlelist, #megaMenu .tx-artikel-pi2 .checklists { float: left; }
#megaMenu .submenu {
  width: 186px;
  padding-right: 23px;
}
#megaMenu .checklists ul li a, #megaMenu .submenu ul li a { color: #0167AF; }
#megaMenu .subnav ul { margin-top: 6px; }
#megaMenu .subnav ul li {
  margin-bottom: 8px;
  line-height: 14px;
}
#megaMenu .subnav ul li.arrow {
  line-height: 18px;
  margin-top: 16px;
}
#megaMenu .subnav ul li.arrow a { color: #0167af; }
#megaMenu .subnav li a {
  color: #3d3d3d;
  font-size: 11px;
}
#megaMenu .tx-artikel-pi2 .articlelist {
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  padding: 0 23px !important;
  width: 350px;
}
#megaMenu .tx-artikel-pi2 .articlelist p.hl { margin: 0 !important; }
#megaMenu .tx-artikel-pi2 .articlelist .article {
  padding: 0 !important;
  margin: 10px 0 !important;
  width: 410px;
  border: 0 none !important;
}
#megaMenu .tx-artikel-pi2 .articlelist .article .image { padding-right: 9px; }
#megaMenu .tx-artikel-pi2 .articlelist .article .content { width: 200px; }
#megaMenu .tx-artikel-pi2 .checklists {
  padding-left: 23px;
  width: 318px;
}
#megaMenu .tx-artikel-pi2 .clLink {
  clear: both;
  width: 186px;
  border-top: 1px solid #eaeaea;
  white-space: nowrap;
  overflow:show;
  background-position: left 14px;
}
#megaMenu p.subtitle { color: #333; }
#menu-level1 {
  clear: both;
  margin: 0 auto 12px;
  border-bottom: 1px solid #C4C4C4;
}
#menu-level1 ul { margin-left: -12px; }
#menu-level1 li {
  display: inline;
  padding: 0 12px;
  line-height: 18px;
}
/*    ### main ### */
#main2 {
  padding: 6px 6px 20px 20px;
  clear: both;
  position: relative;
}
#submenu {
  width: 990px;
  margin: -24px 0 0 -20px;
  padding-top: 4px;
  background: #F9F9F9 url("../../images/bg-subnav.png") repeat-x left top;
  border-bottom: 1px solid #eeeff1;
  text-align: center;
  line-height: 18px;
}
#submenu li {
  display:inline;
  padding: 0 6px;
  border-left: 1px solid #000;
  color: #000;
}
#submenu li.first { border: 0px none; }
#submenu li a { color: #000; }
#breadcrumb {
  height: 24px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #999999;
  font-size: 11px;
}
#breadcrumb, #breadcrumb a {
  color: #999999;
  font-size: 11px;
}
#left {
  float: left;
  width: 620px;
}
.tx-artikel-pi2 h1, h1.artikel {
  padding: 18px 0;
  margin: 0;
  border-top: 2px solid #eaeaea;
  text-transform: none !important;
  font: 30px/34px "Garamond", "Times New Roman", Times, serif;
  color: #0167AF;
}
.tx-artikel-pi2 h1  { border-bottom: 1px solid #eaeaea; } 
.tx-artikel-pi2 div.headline {
  border-top: 2px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 18px 0 0;
}
.tx-artikel-pi2 div.count { color: #aaa; }
.tx-artikel-pi2 div.count,
.tx-artikel-pi2 h1.gf { display: inline; font: 26px/30px Verdana, Geneva, sans-serif; padding: 0; margin: 0; border: 0px none; }
h1.artikel { margin-bottom: 8px; }
.tx-artikel-pi2 div.sub {
  font-size: 11px;
  color: #666;
  margin-bottom: 12px;
}
.anreisser p {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}
.highlight {
  background-color: #d9e8f3;
  padding: 8px;
  margin: 0 0 20px -8px;
}
.highlight .h1 { color: #000; }
.leitsatz {
  color: #000;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}
.tx-artikel-pi2 div.sub span { display: block; }
.tx-artikel-pi2 div.sub h2.left {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  float: left;
}
.tx-artikel-pi2 div.sub .right { float: right; }
#left .csc-default { margin-bottom: 20px; }
p.align-center { text-align: center; }
p.align-justify { text-align: justify; }
p.align-left { text-align: left; }
p.align-right { text-align: right; }
.csc-default ul, .csc-default ol, .csc-default dl.csc-menu {
  margin-bottom: 12px;
  padding-left: 18px;
  font-size: 12px;
  line-height:18px;
  color: #000;
}
#left .csc-default ul { list-style: outside url(../../images/bullet.png); }
#left .csc-default dl.csc-menu { padding: 0; }
.csc-default ol {
  list-style: outside decimal;
  color: #D2232A;
}
#right .csc-default > ol { margin-left: -18px; }
#right .csc-default ol {
  padding: 0;
  list-style-position: inside;
}
#left .csc-default ol li, #left .tx-artikel-pi2 ul li, #left .sitemap.fahrplan ul li {
  color: #D2232A;
  font-weight: bold;
}
#right .csc-default > ol li {
  padding-left: 18px;
  color: #D2232A;
}
#right .csc-default > ol > li > ul li { padding-left: 0; }
#right .csc-default > ol > li > ul li span.grey { display: block; float: left; width:36px; }
#right .csc-default > ol > li > ul li span.title { display: block; margin-left: 36px; }
#right .csc-default ol li.active {
  line-height: 22px;
  color: #FFF;
  background: url(../../images/fahrplan-active.png) no-repeat;
}
#right .csc-default ol li.active a.active {
  font-weight: bold;
  color: #FFF;
}
#right .csc-default ol li.active ul { background: #F7F7F8; }
.csc-default ul li, .csc-default ol li, .csc-default dl.csc-menu dt { padding-bottom: 6px; }
#left .csc-default dl.csc-menu dt { background: url(../../images/bullet.png) no-repeat left 4px; }
#left .csc-default dl.csc-menu dt, #left .csc-default dl.csc-menu dd { padding-left: 18px; }
#left .csc-default dl.csc-menu dd {
  font-style:italic;
  margin:-4px 0 8px;
  font-size: 11px;
}
/*    gliederung gründungsfahrplan    */
ol.gliederung, ol.gliederung ol {
  list-style-position: inside;
  padding: 0;
}
.gliederung > li {
  width: 280px;
  float: left;
}
.gliederung > li.odd {
  clear: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #eaeaea;
}
.gliederung .csc-section { padding-left: 18px; }
/*                          */
#left .teaser {
  font-size: 20px;
  line-height: 26px;
  padding: 8px;
  margin: 12px 48px;
  border: 4px solid #F60;
}
#left .quote {
  text-align: center;
  margin: 12px 0;
  font-size:12px;
  float: left;
  left:50%;
  position: relative;
}
#left .quote blockquote {
  width: auto;
  float: left;
  position: relative;
  left: -50%;
  background: url(../../images/quote-open.png) no-repeat left center;
  font-size: 18px !important;
  line-height: 30px;
  font-style: italic;
  padding: 4px 0 0 36px;
  color: #999;
  margin: 0 auto 8px !important;
}
#left .quote blockquote > p {
  float: left;
  margin-bottom: 4px;
  padding-right: 36px;
  color: #999;
  font-size: 18px !important;
  line-height: 30px;
  font-style: italic;
  background: url(../../images/quote-close.png) no-repeat center right;
}
#left .quote p.author {
  clear: left;
  width: auto;
  position: relative;
  left: -50%;
}
.tx-artikel-pi2 p.hl { margin-bottom: 9px; }
.tx-artikel-pi2 h2.left { font-weight: bold; }
.tx-artikel-pi2 p.arrow {
  background-position: left 3px;
  line-height: 11px;
  margin: 12px 0 18px;
}
.tx-artikel-pi2 p.articleteaser {
  margin-top: -8px;
  line-height: 18px;
}
.tx-artikel-pi2 .relatedArticle {
  padding: 7px 0;
  border-top: 2px solid #eaeaea;
}
.tx-artikel-pi2 .title a {
  font: 20px/22px "Garamond", "Times New Roman", Times, serif normal;
  color: #3d3d3d;
}
.tx-artikel-pi2 p.hl a { color: inherit; }
#socialshareprivacy {
  height: 35px;
  line-height: 35px;
  padding:0 0 20px 60px;
  border-top: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 70px;
}
#socialshareprivacy .social_share_privacy_area {
  margin: 0 auto;
  width: 451px;
}
#socialshareprivacy li.settings_info { display: none; }
#right {
  float: right;
  width: 300px;
}
#right .adsense { margin-bottom: 19px; }
/*    ### footer ### */

#footer {
  overflow: hidden;
  padding: 12px 20px;
  background: #FFF url("../../images/body-bg.png") repeat-x left top;
}
#footer ul.footer li {
  float: left;
  width: 250px;
}
#footer ul.sitemap {
  margin-top: 22px;
  clear: both;
  width: 780px;
  float: left;
  border-right: 2px solid #EAEAEA;
}
#footer ul.sitemap li.level-0 {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; 
  font-weight: bold;
  font-size: 12px;
  width: 175px;
}
#footer ul.sitemap li.clear {
  clear: left;
  height: 0;
  line-height: 0;
  float: none !important;
}
#footer ul.sitemap li.level-1 {
  font-size: 11px;
  font-weight: normal;
}
#footer #service {
  margin-top: 22px;
  float: right;
  width: 144px;
}
#footer #service .level-1 {
  font-size:12px;
  font-weight: bold;
  margin-bottom: 20px;
}
#footer #service .level-2 {
  font-size:11px;
  font-weight: normal;
}
.tx-imagecycle-pi1-images .imagecycle-caption {
  width: 290px;
  padding: 5px;
  bottom: 6px;
  white-space: normal;
}
/*          ################      Alternativen        ########### */
.subnav-alt1 {
  min-width:128px;
  margin: -2px 0 0 -13px;
  z-index: 99;
  background: #FFF;
  display: none;
  position: absolute;
  -moz-box-shadow: 8px 5px 10px #999999;
  -webkit-box-shadow: 8px 5px 10px #999999;
  box-shadow: 8px 5px 10px #999999;
  border-radius: 0 0 4px 4px;
}
li.level-0:hover .subnav-alt1 { display: block; }
.subnav-alt1 li {
  line-height: 22px;
  padding:0 6px;
}
.Tx-Formhandler label.preis {
  cursor: default;
  text-align: right;
}
p.nextPage { float: right; }
p.nextPage a {
  background: url(/fileadmin/images/arrow-r.png) no-repeat right 7px;
  padding: 12px 32px 12px 12px;
  line-height: 24px;
}
p.nextPage a:hover { background-color: #eaeaea; }
span.hlblau { color: #0167AF; }
span.hlserif {
  color: #3D3D3D;
  font: 24px/30px "Garamond", "Times New Roman", Times, serif;
}
.tx-archiv-pi1 span.hlblau {font-weight: bold;}
.tx-archiv-pi1 p.bodytext a { color: #C00; }

.fahrplan h1, .fahrplan .h1 {
  color: #0167AF;
  border-bottom: 2px solid #EAEAEA;
}
#bestellform h1 {
  margin-bottom: 8px;
}

ul.footerNav {
  height: 20px;
  line-height: 20px;
  padding: 4px 8px;
  background: #f7f7f8 url("../../images/body-bg.png") repeat-x left top;
}
ul.footerNav li { display: block; float: left; margin-right: 8px;}
ul.footerNav li a{ display: block;  }

.csc-mailform-field { clear: both; }
.csc-mailform-field label, .csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { font-size: 12px; display: block; float: left; margin: 0 0 6px; }  
.csc-mailform-field label { padding-top: 3px; }
.csc-mailform-field input, .csc-mailform-field textarea { padding: 2px 4px; }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { border: 1px solid #a9a9a9; border-radius: 0;}
.csc-mailform-field label { width: 250px; }
.csc-mailform-field input, .csc-mailform-field textarea { width: 350px; }
.csc-mailform-field select { padding: 2px 0; width: 360px; }
.csc-mailform-field input.csc-mailform-submit { width: auto; padding: 3px 8px; margin-left: 250px; }

.sitemap.fahrplan .image { float: left; width: 155px; }
#left .csc-default ul.level-3 { padding-top: 6px; }
#left .csc-default ul.level-3 li { font-weight: normal; padding-bottom: 3px;}

span.grey { color: #aaa; }
#right .csc-default > ol#gruendernavi li, .csc-default ol#gruendernavi { color: #aaa; }

.naviSidebar{
  color: #FFF;
  background: rgba(2, 39, 74, 1);
}
.naviSidebar .headline {
  font-size: 34px; 
  text-transform: uppercase;
  line-height: 54px;
  padding-left: 8px;
  
}
.naviSidebar .headline a {
  color: #FFF;
  text-decoration: none;
}
.csc-default #gruendernavi, .csc-default #gruendernavi li {
  margin: 0;
  color: #FFF;
}
.csc-default #gruendernavi ul { margin: 0; padding: 8px 0 8px 12px; }
.csc-default #gruendernavi ul li a { color: #FFF; }
#right .csc-default #gruendernavi > li { padding: 0; font-size: 16px; }
#right .csc-default ol#gruendernavi li.active a.active { font-weight: normal; }
#right .csc-default ol#gruendernavi li.active { line-height: 18px; }
#right .csc-default ol#gruendernavi li.active ul { background: rgba(2, 39, 74, 1); }
#right .csc-default #gruendernavi li.active a.active2 { color: #4ecaf5; }
#gruendernavi > li > a {
  padding: 6px 0 6px 8px;
  font-size: 16px;
  margin: 0;
  display:  block;
  color: #FFF;
  background: #5699cd;
  background: -moz-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,156,205,1)), color-stop(100%, rgba(0,91,166,1)));
  background: -webkit-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -o-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -ms-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: linear-gradient(to bottom, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ccd', endColorstr='#005ba6', GradientType=0 );
  border-top: 1px solid #02274a;
  /*border-top: 1px solid #aaa;*/
}
#gruendernavi span.grey { display: block; float: left; width: 36px; }
#gruendernavi span.title { display: block; margin-left: 36px; }

.tx-artikel-pi2 li { line-height: 16px; margin-bottom: 4px; }
.tx-artikel-pi2 li ul.level-2 { margin-top: 4px; padding-left: 4px; }
.tx-artikel-pi2 li ul.level-2 li { line-height: 14px; font-size: 10px; }
.tx-artikel-pi2 li ul.level-2 li span.grey { width: 44px; }
.tx-artikel-pi2 li ul.level-2 li span.title { margin-left: 44px; }
.tx-artikel-pi2 li span.grey {
  clear: both;
  display: block;
  width: 48px;
  float: left; 
}
.tx-artikel-pi2 li span.title { display: block; margin-left: 48px; }




#main2 .teaser.gnavi {
  display: none;
  border: 0px none;
  position: absolute;
  padding: 4px 12px;
  margin: 0;
  background-color: #cf171f;
  color: #fff;
  right: 6px;
  top: 14px;
}
#main2 .teaser.gnavi.teaser a { 
  display: block; 
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  background: url(../../images/arrow-white.png) 1px 5px no-repeat;
  padding-left: 24px;
}
.gruender-navi.home {
  background-color: #02274a;
  color: #FFF;
  margin-bottom: 16px;
  clear: both;
}
.gruender-navi.home div.title, .gruender-navi.home h1.title {
  float: left;
  padding-left: 10px;
  text-transform: uppercase;
}
.gruender-navi.home .title a, .gruender-navi.home h1.title {
  color: #FFF;
  font-size: 36px;
  line-height: 60px;
  font-weight: normal;
}

.gruender-navi.home .claim {
  float: left;
  color: #FFF;
  font-size: 18px;
  line-height: 22px;
  padding: 27px 0 0 16px;
}
p.nextPage.gruendernavinext a, .gruender-navi.home a.button {
  display: block;
  font-size: 15px;
  text-decoration: none;
  background: #d9454c url(../../images/arrow-white.png) 6px 13px no-repeat;
  color: #FFF;
  border: 1px solid #cf171f;
  border-radius: 4px;
  padding: 6px 12px 6px 24px;
}
p.nextPage.gruendernavinext { max-width: 312px; }
p.nextPage.gruendernavinext a {
  font-size: 14px;
  padding-left: 18px;
  background-position: 4px 12px;
  line-height: 18px;
}
p.nextPage.gruendernavinext a span.grey { color: inherit; }
.gruender-navi.home a.button {
  float: right;
  margin: 14px 7px 0 0;
}
p.nextPage.gruendernavinext a:hover, .gruender-navi.home a.button:hover { background-color: #d42e35; }
.gruender-navi.home ul.nav {
  background-color: #4ecaf5;
}
.gruender-navi .level1 {
  display: block;
  float: left;
  /*width: 163px;*/
  padding: 0;
  border: 0px none;
  background: none;
}
/*.gruender-navi .level1.item-1 { width: 137px; }
.gruender-navi .level1.item-2 { width: 161px; }
.gruender-navi .level1.item-4 { width: 184px; }
.gruender-navi .level1.item-5 { width: 138px; }
.gruender-navi .level1.item-6 { width: 181px; }*/
.gruender-navi .level1.last > a {
  padding-right: 18px;
  /*width: 151px;*/
}
.gruender-navi .level1 > a {
  white-space: nowrap;
  display: block;
  color: #FFF;
  font-size: 16px;
  line-height: 28px;
  padding: 4px 10px 4px 10px;  
  text-shadow: 0 0 1px #5699cd;
}
.gruender-navi .level1 > a {
  background: #5699cd;
  background: -moz-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,156,205,1)), color-stop(100%, rgba(0,91,166,1)));
  background: -webkit-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -o-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: -ms-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  background: linear-gradient(to bottom, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ccd', endColorstr='#005ba6', GradientType=0 );
}
.gruender-navi .level1 > a:hover { background: #02274a;
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
}

hr.spacer {
  border-left: 0px none;
  border-right: 0px none;
  border-top: 0px none;
  border-bottom: 1px solid #ccc;
  height: 1px;
  line-height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding:0;
}
form#iframe {
  margin-bottom: 24px;
}
form#iframe div.field {
  padding: 0 0 6px;
}
form#iframe label, form#iframe input, form#iframe select {
  display: block;
  float: left;
}
form#iframe input, form#iframe select { padding: 2px 4px; margin: 0; border: 1px solid #ccc; line-height: 18px; }
form#iframe input { width: 200px; }
form#iframe select { width: 210px; }
form#iframe label { width: 120px; padding-top: 4px; }
form#iframe button { margin-left: 120px; }
textarea#code {
  white-space: normal;
  margin: 12px 0 24px;
  padding: 4px 8px;
  background-color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
  color: #000;
  line-height: 16px;
  font-size: 12px;
  width: 950px;
  height: 48px;
  resize: none;
  display: block;
}


.interactionHeader {
  padding: 11px;
  background: #b4b4b4;
  float: right;
  font-weight: bold;
  font-size: 12px;
}
.interactionHeader a { display: block; color: #FFF; }
.interactionHeader a:hover { text-decoration: underline; color: #EEE; }
.interaction {
  clear: right;
  background: #eaeaea;
  padding: 11px;
}
.interaction .h3 { font-weight: bold; font-size: 12px; }

.tx-notes-pi1 {
  margin: 0 0 12px;
  border-bottom: 1px solid #ababab;
}
.tx-notes-note { position: relative;  }
.tx-notes-note .overlay {
  padding: 4px;
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: rgba(255,255,255,0.8) url('../../images/loading.gif') no-repeat 50% 50%;
}
.tx-notes-note textarea, .tx-notes-note button { display: block; }
.tx-notes-note textarea {
  font-family:inherit;
  font-size: 12px;
  line-height: 18px;
  width: 99%;
  border: 1px solid #ccc;
  resize: none;
  height: 45px;
  padding: 4px;
  margin: 0;
}
.tx-notes-note button.btn {
  margin: 6px 0 10px;
  margin-bottom: 10px;
}
.tx-notes-note button:hover { cursor: pointer; background: #005ba6; }
.tx-pstatus-pi1 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #ababab; }
.tx-pstatus-pi1 button.pStatusLabel { min-width: 150px; }
.tx-pstatus-pi1 button.dropdown-toggle { height: 34px; }

.tx-pstatus-pi1 .pull-left { float: left; text-align: left; }
.tx-pstatus-pi1 .pull-right { float: right; text-align: right; }

.stati div.label { float: right; width: 86px; }
.stati .bar-wrapper { width: 260px; float: right; }
.stati .bar {
  position: relative;
  float: right;
  line-height: 14px;
  text-align: right;
  height: 14px;
  overflow: show;
}
.stati .bar span.label { position: absolute; top: 0; right: 0; }
.stati .bar.bar-done { background: #006f19; }
.stati .bar.bar-started { background: #f4b25b; }
.stati .bar.bar-todo { background: #ff2c0c; }

.stati .status {
  clear: both;
  text-align: right;
}

.nextstep {
  margin-top: 4px;
  display: block;
  min-height: 19px;
  color: #000;
  padding-left: 36px;
  background: url('../../images/nextstep.png') no-repeat top left;
  font-size: 12px;
}

.eval {
  background: #00365c;
  color: #FFF;
  padding: 11px;
}
.eval .header {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.eval .result p { color: #FFF; }
.eval .question { padding: 8px 80px; }
.eval .question .count { font-size: 48px;  float: left; line-height: 50px; margin-right: 22px; }
.eval .question p { color: #FFF; padding-top: 8px; font-size: 14px; }


.socialshare.top {
  min-height: 24px;
  padding: 8px 0;
  margin: 12px 0;
  border-bottom: 1px solid #eaeaea;
}
.socialshare .item {
  float: left;
  margin-right: 12px;
}
.socialshare.bottom {
  min-height: 64px;
  padding: 8px 0;
  margin: 12px 0;
  border-top: 1px solid #eaeaea;
}

/*neue Landingpage    Image Kampagne */

/*.landingpage { background: url('/fileadmin/images/landingpage/header.jpg') no-repeat top center; }*/
.landingpage h1.em {
  text-shadow: 2px 2px #fff;
  color: #0167af;
  font: 46px/52px "Garamond", "Times New Roman", Times, serif;
  text-transform: none;
  text-align: center;
  padding: 24px;
}
.landingpage .socialshare {
  width: 530px;
  margin: 0 auto 24px;
  padding-left: 24px;
}
.landingpage .left {
  float: left;
  width: 520px;
}
.landingpage .right {
  float: right;
  width: 420px;
}
.landingpage .left, .landingpage .right { padding-top: 8px; }
.landingpage .left .h1, .landingpage .right .h1 { text-align: center; font-size: 14px; }
.landingpage .image .img { display: block; margin-bottom: 18px; }
.landingpage .left p,
.landingpage .right p,
.landingpage .left a,
.landingpage .right a { color: #777; font-weight: bold; text-align: center; }
#lp-fb { float: right; text-align: right; padding: 16px 12px 0 0; }
#lp-fb a { display: inline-block; margin-right: 12px; }
#lp-fb p { margin-top: 6px; }

.panoWrapper { position: relative; }
.pano { position: relative; right: 394px; width: 1012px; overflow: visible; }
.pano img { visibility: hidden; }

/*Iframe*/

.scaleBox{
  width:900px;
  height:520px;
  margin-left:-150px;
  -webkit-transform: scale(0.8);  /* Saf, Chrome */
  -moz-transform: scale(0.8);  /* FF */
  -ms-transform: scale(0.9);  /* IE*/
  -o-transform: scale(0.8);  /* Opera */
  transform: scale(0.8);
}