@font-face {
  font-family: "ffCuprum";
  src: url(Cuprum.otf) format("opentype");
}

body {
  background: white;
  margin: 0;
  padding: 0;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #999;
}

#page {
  background: yellow;
  width: 984px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#headLogo {
  background: white url(logoDe.png) no-repeat 0 10px;
  width: 344px;
  height: 110px;
  display: block;
  position: fixed;
  z-index: 4;
  margin: 10px auto auto 0;
}
#headLogoEn {
  background: white url(logoEn.png) no-repeat 0 10px;
  width: 344px;
  height: 110px;
  display: block;
  position: fixed;
  z-index: 4;
  margin: 10px auto auto 0;
}


/* Content */

#pageContent {
  width: 640px;
  display: block;
  position: absolute;
  z-index: 1;
  margin: 150px auto auto 344px;
  padding-bottom: 40px;
}
#contImg {
  width: 640px;
  height: 224px;
}
#contTitel {
  width: 420px;
  height: 30px;
  margin: 10px 0 10px 0;
}
.contBox {
  width: 500px;
  line-height: 2;
  padding: 5px;
}

.contOpt {
  width: 640px;
  margin-top: 20px;
}
.contOpt a {
  background-position: 0 0;
  width: 200px;
  height: 100px;
  display: block;
  float: left;
  margin-right: 20px;
}
.contOpt a.rightInLine {
  margin-right: 0 !important;
}
.contOpt a:hover {
  background-position: -200px 0 !important;
}

#contFeature {
  width: 415px;
  margin-top: -10px;
  padding-right: 0px;
  display: block;
  float: left;
}
#contFeature h4 {
  font-family: CuprumFFU, "ffCuprum", Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: -5px;
  padding-bottom: 0;
}

#contRightSide {
  width: 190px;
  display: blocK;
  float: right;
  margin-top: 14px;
  padding: 0 5px 0 5px;
}
#contRightSide h4 {
  font-size: 13px;
  font-weight: normal;
  line-height: 26px;
  text-transform: uppercase;
  color: #CCC;
}


/* Navigation */

#pageNav {
  background: white;
  width: 640px;
  height: 110px;
  display: block;
  position: fixed;
  z-index: 4;
  margin: 10px auto auto 344px;
}
#navLine {
  width: 640px;
  height: 40px;
  margin: 33px auto auto 0;
}
#navLine a {
  background-position: 0 0;
  height: 40px;
  display: block;
  float: left;
  margin-right: 28px;
}
#navLine a.nowOn {
  background-position: 0 -40px;
}
#navLine a:hover {
  background-position: 0 -80px;
}

#navBlog {
  background: url(navBlog.png);
  width: 41px;
}
#navAntriebssysteme {
  background: url(navAntriebssysteme.png);
  width: 108px;
}
#navTransmissionSystems {
  background: url(navAntriebssysteme.png);
  width: 108px;
}
#navEnergie {
  background: url(navEnergie.png);
  width: 133px;
}
#navEnergy {
  background: url(navEnergy.png);
  width: 131px;
}
#navIngenieurbuero {
  background: url(navIngenieurbuero.png);
  width: 112px;
}
#navAbout {
  background: url(navAbout.png);
  width: 55px;
}
#navMedien {
  background: url(navMedien.png);
  width: 62px;
}

#navLine a#langSwitch {
  position: fixed;
  margin: auto 6px auto 534px;
  padding-top: 6px;
  width: 100px;
  height: 20px;
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
}

#navBreadcrum {
  width: 635px;
  height: 24px;
  color: #CCC;
  line-height: 24px;
  border-top: solid 1px #999;
  padding-left: 5px;
  margin: -1px auto auto 0;
}
#navBreadcrum a {
  color: #CCC;
  text-decoration: none;
}
#navBreadcrum a:hover {
  color: #999;
  text-decoration: underline;
}


/* ContTitel */

#contTitel.AdvancedTransmission {
  background: url(titelAdvanced.png);
}
#contTitel.Antriebssysteme {
  background: url(titelAntriebssysteme.png);
}
#contTitel.TransmissionSystems {
  background: url(titelTransmissionSystems.png);
}
#contTitel.Variator {
  background: url(titelVariator.png);
}
#contTitel.Energie {
  background: url(titelEnergie.png);
}
#contTitel.Energy {
  background: url(titelEnergy.png);
}
#contTitel.Ingenieurbuero {
  background: url(titelIngenieurbuero.png);
}
#contTitel.About {
  background: url(titelAbout.png);
}
#contTitel.EckartHettlage {
  background: url(titelEckartHettlage.png);
}
#contTitel.Partner {
  background: url(titelPartner.png);
}
#contTitel.Associates {
  background: url(titelAssociates.png);
}
#contTitel.Referenzen {
  background: url(titelReferenzen.png);
}
#contTitel.References {
  background: url(titelReferences.png);
}
#contTitel.Druckspeicher {
  background: url(titelDruckspeicher.png);
}

.extrAntriebssysteme {
  background: url(titelAntriebssysteme.png);
  width: 420px;
  height: 30px;
  margin: 30px 0 10px 0;
}


/* ContImg */

#contImg.Antriebssysteme {
  background: url(imgTransmission.png);
}
#contImg.Variator {
  background: url(imgVariator1.png);
}
#contImg.Energie {
  background: url(imgEnergie.png);
}
#contImg.Ingenieurbuero {
  background: url(imgIngenieurbuero.png);
}
#contImg.EckartHettlage {
  background: url(imgEckartHettlage.png);
}
#contImg.Partner {
  background: url(imgRigo.png);
}
#contImg.Referenzen {
  background: url(imgReferenzen.png);
}
#contImg.Druckspeicher {
  background: url(imgDruckspeicher.png);
}


/* Opt */

#optVariator {
  background: url(optVariator.png);
}
#optToroid {
  background: url(optToroid.png);
}
#optAntrMehr {
  background: url(optAntrMehr.png);
}
#optPortrait {
  background: url(optPortrait.png);
}
#optPartner {
  background: url(optPartner.png);
}
#optAssociates {
  background: url(optAssociates.png);
}
#optReferenzen {
  background: url(optReferenzen.png);
}
#optReferences {
  background: url(optReferences.png);
}
#optImpressions {
  background: url(optImpressions.png);
}


/* Tabs */

#tabControl {
  border-bottom: 1px solid #999;
  margin-left: -5px;
  padding-left: 5px;
  padding-bottom: 2px;
  width: 500px;
  height: 27px;
}

#tabControl a {
  color: #BBB;
  font-weight: bold;
  margin-right: 20px;
  padding-bottom: 3px;
  line-height: 27px;
}
#tabControl a.onTab {
  color: #999;
  border-bottom: 5px solid #999;
}
#tabControl a:hover, #tabControl a.onTab:hover {
  color: #B00;
  border-bottom: 5px solid #B00;
  text-decoration: none;
}

.contTabHide {
  display: none;
}


/* Misc */

#pageContact {
  width: 140px;
  height: 180px;
  line-height: 1.5;
  display: block;
  position: fixed;
  z-index: 2;
  margin: auto auto 10px 0;
  bottom: 0;
}

#blackBar {
  background: black;
  width: 100%;
  height: 10px;
  display: block;
  position: fixed;
  z-index: 5;
  margin: 0;
  top: 0;
  left: 0;
}

.floatLeft {
  float: left;
  margin: 7px 7px 0 0;
}


/* Tag-Elements */

a {
  color: #B00;
  text-decoration: none;
}
a:hover {
  color: #B00;
  text-decoration: underline;
}
.invisible, h1, #pageContent h2, #pageNav h2, #pageContact h2, #pageContent h3, #navLine a span, .contOpt a span, .rssBoxTitle, .rssBox small, .rssBoxPromo {
  display: none !important;
}
address {
  font-style: normal;
}
h4.inlineTitle {
  font-size: 13px;
  display: inline;
}
h4.inlineTitle:after {
  content: ".";
}

table.rssBox, table.rssBox tr, table.rssBox td {
  padding: 0 !important;
  border: none !important;
  border-collapse: collapse;
}
.rssBox {
  line-height: 1;
  margin-top: 2px !important;
}