@font-face {  font-family: 'Klavika';
  src:   url('fonts/KlavikaWebBasicRegular.woff') format('woff'),
      url('fonts/KlavikaWebBasicRegular.eot') format('eot');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src:   url('fonts/KlavikaWebBasicBold.woff') format('woff'),
      url('fonts/KlavikaWebBasicBold.eot') format('eot');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src:   url('fonts/KlavikaWebBasicBoldItalic.woff') format('woff'),
      url('fonts/KlavikaWebBasicBoldItalic.eot') format('eot');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika';
  src:   url('fonts/KlavikaWebBasicRegularItalic.woff') format('woff'),
      url('fonts/KlavikaWebBasicRegularItalic.eot') format('eot');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'KlavikaLight';
  src:   url('fonts/KlavikaWebBasicLight.woff') format('woff'),
      url('fonts/KlavikaWebBasicLight.eot') format('eot');
  font-weight: normal;
  font-style: normal;
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-size: 14px;
  color: #000;
  line-height: 160%;
  background-color: #EAEAE8;
  text-align: center;
}

.wrapper {
  width: 944px;
  margin: 0 auto;
  text-align: left;
}

.headerContainer {
  width: 944px;
  float: left;
}

.tophead {
  width: 944px;
  height: 84px;
  float: left;
  position: relative;
}

.logo {
  padding-top: 22px;
  float: left;
}

.logo A {
  text-decoration: none;
}

.logo A IMG {
  border: none;
}

.facebook {
  margin-top: 23px;
  margin-left: 16px;
  float: right;
}

.facebook A {
  text-decoration: none;
}

.facebook A IMG {
  border: none;
}

.mailContact,
.dealerArea {
  float: right;
  margin-top: 23px;
  margin-right: 16px;
  position: relative;
}

.mailContact A {
  width: 58px;
  height: 32px;
  text-decoration: none;
}

.mailContact .hoverSpan {
  width: 58px;
  height: 32px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(51,51,51,0.5);
  display: none;
}

.mailContact .hoverText {
  position: absolute;
  top: 42px;
  left: 0;
  display: none;
  font-family: Arial;
  font-size: 11px;
  color: #223B82;
  width: 65px;
  line-height: 110%;
}

.mailContact:hover .hoverSpan,
.mailContact:hover .hoverText {
  display: block;
}

.mailContact A IMG {
  border: none;
}

.dealerArea {
  background-color: #4E629B;
  width: 158px;
  height: 32px;
}

.dealerArea A {
  text-align: center;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline;
}

.dealerArea A DIV {
  padding-top: 6px;
  width: 100%;
  text-align: center;
}

.dealerArea:hover {
  background-color: #555551;
}

.dealerArea A SPAN {
  font-family: Klavika;
}

.dealerArea .hoverText {
  position: absolute;
  top: 42px;
  left: 0;
  display: none;
  font-family: Arial;
  font-size: 11px;
  color: #223B82;
  line-height: 110%;
}

.dealerArea:hover .hoverText {
  display: block;
}

.search {
  margin-top: 23px;
  margin-right: 10px;
  float: right;
  width: 155px;
  height: 30px;
  background-color: #D1D1CD;
  position: relative;
}

.search .lens {
  position: absolute;
  top: 16px;
  left: -15px;
}
.search .lens IMG {
  height: 75%;
  width: 75%;
}

.searchForm {
  padding-left: 20px;
  padding-top: 6px;
}

.searchForm INPUT {
  border: none;
  background: none;
  color: #000;
  font-family: Klavika, Arial;
  font-size: 14px;
  width: 120px;
}

.searchForm INPUT.submit {
  display: none;
}

.navigations {
  float: left;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #57574F;
}

.topNavigation {
  float: left;
}
.targetNavigation {
  float: right;
}

.topNavigation UL,
.targetNavigation UL {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: left;
}

.topNavigation UL LI,
.targetNavigation UL LI{
  padding: 0;
  margin: 0;
  float: left;
  font-family: KlavikaLight, Klavika;
  font-size: 24px;
  font-weight: normal;
  color: #213A81;
  text-decoration: none;
}

.topNavigation UL LI A,
.targetNavigation UL LI A {
  font-family: Klavika;
  font-size: 24px;
  font-weight: bold;
  color: #213A81;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.topNavigation UL LI.aktiv A,
.targetNavigation UL LI.aktiv A {
  color: #57574E;
}

.topNavigation UL LI DIV.naviElement,
.targetNavigation UL LI DIV.naviElement {
  position: relative;
  width: 100%;
}

.topNavigation UL LI DIV.overlay,
.targetNavigation UL LI DIV.overlay {
  width: 108%;
  position: absolute;
  bottom: -20px;
  left: -2%;
  height: 18px;
  background-color: #EAEAE8;
  display: none;
}

.topNavigation UL LI:hover DIV.overlay,
.topNavigation UL LI.aktiv DIV.overlay,
.targetNavigation UL LI:hover DIV.overlay,
.targetNavigation UL LI.aktiv DIV.overlay {
  display: block;
}

.topNavigation UL LI DIV.megapopup {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  width: 944px;
  min-height: 120px;
  background-color: #EAEAE8;
  background: rgba(234,234,232, 0.95);
  z-index: 500;
  padding-top: 10px;
  padding-bottom: 15px;
}

.topNavigation UL LI:hover DIV.megapopup {
  display: block;
}

.topNavigation UL LI DIV.megapopup UL {
  list-style: none;
  padding-left: 15px;
  padding: 0;
  margin: 0;
  float: none;
}

.topNavigation UL LI DIV.megapopup UL LI.bka UL.megaLvl2 {
  column-count: 2;
  column-width: 200px;
  -moz-column-count: 2;
  -moz-column-width: 200px;
  -webkit-column-count: 2;
  -webkit-column-width: 200px;
}

.topNavigation UL LI DIV.megapopup UL LI {
  padding: 0 0 0 10px;
  margin: 0;
  color: #999999;
  font-size: 12px;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
  float: none;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.topNavigation UL LI DIV.megapopup UL LI A {
  color: #000000;
  font-size: 12px;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}

.topNavigation UL LI DIV.megapopup UL LI.level2 {
  background-image: url(images/megaLink.png);
  float: left;
  width: 230px;  
}

.topNavigation UL LI DIV.megapopup UL LI.level2 UL {
  padding: 0;
  margin: 0;
  list-style: none;
  
}

.topNavigation UL LI DIV.megapopup UL LI.level2.bka {
  width: 430px;
}

.topNavigation UL LI DIV.megapopup UL LI.bka A {
  color: #213A81;
}

.topNavigation UL LI DIV.megapopup UL LI.ebk A {
  color: #85A42B;
}

.topNavigation UL LI DIV.megapopup UL LI.acc A {
  color: #D07226;
}

.topNavigation UL LI DIV.megapopup UL LI.bes A {
  color: #660066;
}

.topNavigation UL LI DIV.megapopup UL LI.item2 {
  background-image: url(images/megaBkaLink.png);
}

.topNavigation UL LI DIV.megapopup UL LI.item3 {
  background-image: url(images/megaEbkLink.png);
}

.topNavigation UL LI DIV.megapopup UL LI.item4 {
  background-image: url(images/megaAccLink.png);
}

.topNavigation UL LI DIV.megapopup UL LI.item5 {
  background-image: url(images/megaBesLink.png);
}
.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2 {
  padding-left: 0;
  background: none;
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2.bka,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2.bka {
  width: 420px;
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2.ebk {
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2.acc,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2.acc {
  margin-left: 20px;
  width: 190px;
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2.bes,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2.bes {
  margin-left: 20px;
  margin-top: 5px;
  width: 190px;
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2 A,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2 A {
  font-family: Klavika;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.topNavigation UL LI.Produkte DIV.megapopup UL LI.level2 A:hover,
.topNavigation UL LI.Products DIV.megapopup UL LI.level2 A:hover {
  text-decoration: none;
}

.topNavigation UL LI DIV.megapopup UL LI.level2 UL.megaLvl2 LI A {
  color: #000000;
  font-size: 12px;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}

.topNavigation UL LI DIV.megapopup UL LI.level2 UL.megaLvl2 LI {
  width: 200px;
}

.topNavigation UL LI DIV.megapopup UL LI A:hover,
.topNavigation UL LI DIV.megapopup UL LI.aktivsub A {
  border-bottom: 1px solid #57574E;
}

.topNavigation UL LI DIV.megapopup UL LI.aktivsub.bka A,
.topNavigation UL LI DIV.megapopup UL LI.aktivsub.ebk A,
.topNavigation UL LI DIV.megapopup UL LI.aktivsub.acc A,
.topNavigation UL LI DIV.megapopup UL LI.aktivsub.bes A {
  border: none;
}

.topNavigation UL LI DIV.megapopup UL LI.bka LI.level3 A:hover,
.topNavigation UL LI DIV.megapopup UL LI.bka LI.level3.aktivsub A {
  border-bottom: 1px solid #213A81;
}

.topNavigation UL LI DIV.megapopup UL LI.ebk LI.level3 A:hover,
.topNavigation UL LI DIV.megapopup UL LI.ebk LI.level3.aktivsub A {
  border-bottom: 1px solid #85A42B;
}

.topNavigation UL LI DIV.megapopup UL LI.acc LI.level3 A:hover,
.topNavigation UL LI DIV.megapopup UL LI.acc LI.level3.aktivsub A {
  border-bottom: 1px solid #D07226;
}

.topNavigation UL LI DIV.megapopup UL LI.bes LI.level3 A:hover,
.topNavigation UL LI DIV.megapopup UL LI.bes LI.level3.aktivsub A {
  border-bottom: 1px solid #660066;
}

.topNavigation UL LI DIV.megapopup DIV.borderBottom {
  width: 100%;
  float: left;
  border-bottom: 1px solid #57574F;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 1px;
}

.langNavigation {
  margin-top: 23px;
  margin-right: 30px;
  position: relative;
}
.langNavigation,
.langNavigation A {
  float: right;
  font-family: Klavika;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 3px;
}

.gallery {
  width: 944px;
  float: left;
  padding-top: 16px;
}

.galleryPics {
  width: 944px;
  height: 374px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galleryPicElement {
  width: 944px;
  height: 374px;
  position: absolute;
  top: 0;
  left: 0;
}

.galleryPicElement .picTextContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  float: right;
  height: 82px;
}

.galleryPicElement .picTextContainer .picText {
  padding-right: 69px;
  padding-top: 32px;
  padding-left: 30px;
  padding-bottom: 20px;
  color: #FFFFFF;
  font-family: Klavika;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url("images/galleryTextArrow.png");
  background-repeat: no-repeat;
  background-position: right 25px;
}

.galleryPicElement .picTextContainer:hover .picText {
  background-image: url("images/galleryTextArrow_o.png");
}

.galleryPicElement .picTextContainer .picText A {
  color: #FFFFFF;
  font-family: Klavika;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

.galleryPicElement.lila .picTextContainer {
  background: rgba(185,38,145, 0.8);
}

.galleryPicElement.turk .picTextContainer {
  background: rgba(31,152,146, 0.8);
}

.galleryPicElement.grau .picTextContainer {
  background: rgba(102,102,102, 0.8);
}

.galleryPicElement.orange .picTextContainer {
  background: rgba(208,115,39, 0.8);
}

.galleryNavigation {
  float: right;
  width: 65px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.galleryNavigation .galleryPicElement {
  width: 12px;
  height: 12px;
  float: right;
  margin-left: 8px;
  margin-bottom: 8px;
  opacity: 0.35;
  cursor: pointer;
  position: relative;
  top: auto;
  left: auto;
}

.galleryNavigation .galleryPicElement:hover,
.galleryNavigation .galleryPicElement.activeNavi {
  opacity: 1;
}

.galleryNavigation .galleryPicElement.lila {
  background: rgb(185,38,145);
}

.galleryNavigation .galleryPicElement.turk {
  background: rgb(31,152,146);
}

.galleryNavigation .galleryPicElement.grau {
  background: rgb(102,102,102);
}

.galleryNavigation .galleryPicElement.orange {
  background: rgb(208,115,39);
}

.contentContainer {
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.contentWrapper {
  padding: 44px 58px 50px 58px;
  float: left;
}

.contentText {
  width: 100%;
  float: left;
}

.contentText A {
  color: #AA1420;
  text-decoration: none;
}

.contentText A.download {
  color: #000000;
  font-weight: bold;
}

.contentText A:hover {
  text-decoration: underline;
}

.footerContainer {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.footerHeader {
  width: 100%;
  float: left;
  padding-bottom: 50px;
  margin-bottom: 24px;
  border-bottom: 1px solid #223B82;
}

.footerHeader .footerLogo {
  float: left;
}

.footerHeader .footerText {
  float: right;
  font-family: Klavika;
  font-size: 18px;
  color: #213A81;
  line-height: 100%;
  padding-top: 5px;
  letter-spacing: 1px;
}

.footerHeader .footerText A {
  font-family: Klavika;
  font-size: 18px;
  color: #213A81;
  line-height: 100%;
  text-decoration: none;
  letter-spacing: 0.2em;
}

.footerHeader .footerText A:hover {
  text-decoration: underline;
}

.footerHeader .footerText .red {
  color: #C31924;
}

.footerNavigationContainer {
  margin: 0 17px;
  float: left;
}

.footerNavigationContainer .footerNavigation {
  width: 100%;
  float: left;
  padding-bottom: 30px;
}

.footerNavigationContainer .footerNavigation UL {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-width: 224px;
  -moz-column-width: 224px;
  -webkit-column-width: 224px;
  width: 224px;
}

.footerNavigationContainer .footerNavigation UL.double {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  width: 462px;
}

.footerNavigationContainer .footerNavigation UL LI {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 170%;
  color: #000000;
}

.footerNavigationContainer .footerNavigation UL LI.main {
  font-family: Klavika;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.footerNavigationContainer .footerNavigation UL LI.space {
  margin-top: 10px;
}

.footerNavigationContainer .footerNavigation UL LI A {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 170%;
  color: #000000;
  text-decoration: none;
}

.footerNavigationContainer .footerNavigation UL LI A:hover {
  text-decoration: underline;
}

#jqueryTooltip {
    position:absolute; /* das ist zwingend notwendig, damit der Tooltip der Maus folgen kann */
    display:none; /* auch wichtig damit der Tooltip leer nicht gezeigt wird */
    border:1px solid #000;
    background:#fff;
    padding:0.25em;
}
/*Social Buttons*/
.footerSocial {
    float: right;
    position: relative;
    top: 25px;
}
.social_buttons {
    max-width: 30px;
    margin-left: 20px;
    max-height:30px;
}