@font-face {
  font-family: "Allerta Stencil";
  src: url("../font/AllertaStencil-Regular.ttf") format("truetype");
}

.article h1 {
  width: 940px;
}

#myOverallWrapper {
  position: relative;
  display: block;
  height: 17250px;
  width: 936px !important;
  overflow: hidden !important;
  margin-left: auto;
  margin-right: auto;
}
#overallContainer {
  position: absolute;
  display: block;
  height: 17250px;
  width: 936px !important;
  overflow: hidden !important;
  /* left: 137px; */
}

#naviContainer {
  position: absolute;
  z-index: 100;
  top: 48px;
  left: 22px;
  height: 300px;
  font-family: "Allerta Stencil", sans-serif;
}

#selectParteiButtonsContainer {
  width: 894px;
  height: 82px;
  margin: 0px;
  z-index: 101;
  background: url("../images/buttons_hg.png") 0px 0px no-repeat scroll
    transparent;
}
#myBitteScrollenContainer {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  height: 500px;
  width: 500px;
}
#myBitteScrollenHG {
  position: absolute;
  display: block;
  left: 216px;
  top: 73px;
  height: 400px;
  width: 500px;
  opacity: 1;
  z-index: 50;
  background: url("../images/scrollenHG.png") 0px 0px no-repeat scroll
    transparent;
}
#myJederzeitWechselnHG {
  position: absolute;
  display: none;
  left: -4px;
  top: 70px;
  height: 150px;
  width: 300px;
  opacity: 1;
  background: url("../images/wechselnHG.png") 0px 0px no-repeat scroll
    transparent;

  z-index: 102;
}

#myBitteScrollenText {
  position: absolute;
  left: 310px;
  top: 190px;
  text-align: center;
  font-family: "Allerta Stencil", sans-serif;
  font-size: 60px;
}
#myCredits {
  position: absolute;
  left: 200px;
  top: 7490px;
  width: 540px;
  text-align: center;
  font-family: "Allerta Stencil", sans-serif;
  font-size: 14px;
}
#myZurueck {
  position: absolute;
  left: 200px;
  top: 7392px;
  width: 540px;
  text-align: center;
  font-family: "Allerta Stencil", sans-serif;
  font-size: 40px;
}

.parteiSelectButton {
  display: inline-block;
  width: 142px;
  height: 62px;
  margin-top: 11px;
  margin-left: 2px;
  cursor: pointer;
  z-index: 102;
  opacity: 1;
}
#myBackgroundImage1 {
  margin-top: -5px;
}

#buttonCDU {
  background: url("../images/buttonx3.png") 0px -200px no-repeat scroll transparent;
}
#buttonLINKE {
  background: url("../images/buttonx3.png") -147px -200px no-repeat scroll
    transparent;
}
#buttonSPD {
  background: url("../images/buttonx3.png") -295px -200px no-repeat scroll
    transparent;
  margin-left: 6px;
}
#buttonGRUENE {
  background: url("../images/buttonx3.png") -442px -200px no-repeat scroll
    transparent;
}
#buttonPIRATEN {
  background: url("../images/buttonx3.png") -589px -200px no-repeat scroll
    transparent;
}
#buttonFDP {
  background: url("../images/buttonx3.png") -736px -200px no-repeat scroll
    transparent;
}

.parteiSelectButtonActiveCDU {
  background: url("../images/buttonx3.png") 0px -100px no-repeat scroll transparent !important;
}
.parteiSelectButtonActiveLINKE {
  background: url("../images/buttonx3.png") -147px -100px no-repeat scroll
    transparent !important;
}
.parteiSelectButtonActiveSPD {
  background: url("../images/buttonx3.png") -295px -100px no-repeat scroll
    transparent !important;
}
.parteiSelectButtonActiveGRUENE {
  background: url("../images/buttonx3.png") -442px -100px no-repeat scroll
    transparent !important;
}
.parteiSelectButtonActivePIRATEN {
  background: url("../images/buttonx3.png") -589px -100px no-repeat scroll
    transparent !important;
}
.parteiSelectButtonActiveFDP {
  background: url("../images/buttonx3.png") -736px -100px no-repeat scroll
    transparent !important;
}

.parteiSelectButtonMouseoverCDU {
  background: url("../images/buttonx3.png") 0px 0px no-repeat scroll transparent !important;
}
.parteiSelectButtonMouseoverLINKE {
  background: url("../images/buttonx3.png") -147px 0px no-repeat scroll transparent !important;
}
.parteiSelectButtonMouseoverSPD {
  background: url("../images/buttonx3.png") -295px 0px no-repeat scroll transparent !important;
}
.parteiSelectButtonMouseoverGRUENE {
  background: url("../images/buttonx3.png") -442px 0px no-repeat scroll transparent !important;
}
.parteiSelectButtonMouseoverPIRATEN {
  background: url("../images/buttonx3.png") -589px 0px no-repeat scroll transparent !important;
}
.parteiSelectButtonMouseoverFDP {
  background: url("../images/buttonx3.png") -736px 0px no-repeat scroll transparent !important;
}

#myParteiBackground {
  width: 936px;
  height: 6130px;
}
#myForegroundParteiprogramm {
  width: 936px;
  height: 930px;
}
#myParteiProgrammZusatzinfo {
  position: absolute;
  display: block;
  left: 20px;
  top: 310px;
  width: 160px;
  height: 160px;
  background-color: white;
  opacity: 1;
}
#myForegroundSchilder {
  top: 1090px;
  width: 640px;
  height: 275px;
}
#mySchilder {
  position: absolute;
  bottom: 0px;
  left: -620px;
}
#myForegroundDurchschnittsalter {
  top: 2070px;
  left: 372px;
  width: 100px;
  height: 105px;
  padding-top: 5px;
  font-family: "Allerta Stencil", sans-serif;
  font-size: 76px;
  color: white;
  text-align: right;
}
#myForegroundFrauen {
  position: absolute;
  top: 2560px;
  left: 88px;
  width: 426px;
  height: 426px;
}
#myForegroundBudget {
  position: absolute;
  left: 570px;
  top: 1464px;
  padding-left: 5px;
  font-family: "Allerta Stencil", sans-serif;
  color: white;
  text-align: left;
}
#myForegroundMitgliederentwicklung {
  position: absolute;
  top: 3265px;
  left: 35px;
  height: 425px;
  width: 835px;
}
#myMitgliederentwicklungZahl {
  top: 3292px;
  left: 588px;
  width: 100px;
  height: 105px;
  padding-top: 5px;
  font-family: "Allerta Stencil", sans-serif;
  font-size: 36px;
  color: white;
  text-align: right;
}
#myForegroundHerkunft {
  position: absolute;
  top: 2220px;
  left: 480px;
  width: 800px;
  height: 800px;
  overflow: visible;
}
#myHerkunft {
  position: absolute;
  width: 800px;
  height: 800px;
  opacity: 0;
}
#myHerkunftImage {
  position: absolute;
  left: -117px;
  top: -126px;
  overflow: visible;
}
#myHerkunftMask {
  position: absolute;
  left: 355px;
  width: 0px;
  height: 610px;
  overflow: visible;
}
#myForegroundFrauen2 {
  position: absolute;
  top: 3758px;
  left: 515px;
  width: 426px;
  height: 426px;
}
#myForegroundFrauen2b {
  position: absolute;
  top: 3703px;
  left: 475px;
  width: 426px;
  height: 426px;
}
#myForegroundTreemap {
  position: absolute;
  left: 72px;
  top: 4015px;
  width: 560px;
  height: 600px;
}
#myTreemapImage {
  position: absolute;
  left: 0px;
  top: -24px;
}
#myForegroundSocial {
  position: absolute;
  left: 190px;
  top: 5084px;
  width: 136px;
  height: 136px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: "Allerta Stencil", sans-serif;
  color: white;
  text-align: left;
}
#myForegroundSocial1 {
  position: absolute;
  left: 669px;
  top: 5090px;
  width: 136px;
  height: 136px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: "Allerta Stencil", sans-serif;
  color: white;
  text-align: left;
}
#myForegroundGeschichte {
  position: absolute;
  left: 45px;
  top: 7110px;
  width: 100px;
  height: 200px;
  background: url("../images/SPD_vg.png") -45px 0px no-repeat scroll transparent;
  opacity: 0;
}
#myForegroundGeschichte1 {
  position: absolute;
  left: 170px;
  top: 7110px;
  width: 120px;
  height: 200px;
  opacity: 0;
}
#myForegroundGeschichte2 {
  position: absolute;
  left: 310px;
  top: 7110px;
  width: 120px;
  height: 200px;
  opacity: 0;
}
#myForegroundGeschichte3 {
  position: absolute;
  left: 430px;
  top: 7110px;
  width: 120px;
  height: 200px;
  opacity: 0;
}
#myForegroundGeschichte4 {
  position: absolute;
  left: 575px;
  top: 7110px;
  width: 120px;
  height: 200px;
  opacity: 0;
}
#myForegroundGeschichte5 {
  position: absolute;
  left: 755px;
  top: 7110px;
  width: 120px;
  height: 200px;
  opacity: 0;
}
#myForegroundHochburgen {
  position: absolute;
  left: 17px;
  top: 5606px;
  width: 900px;
  height: 900px;
  background: url("../images/SPD_hochburgen.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 0;
}
#myForegroundHochburgen1 {
  position: absolute;
  left: 17px;
  top: 5606px;
  width: 900px;
  height: 900px;
  background: url("../images/SPD_hochburgen3.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 0;
}
#myForegroundHochburgen2 {
  position: absolute;
  left: 17px;
  top: 5606px;
  width: 900px;
  height: 900px;
  background: url("../images/SPD_hochburgen2.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 0;
}
#myForegroundHochburgen3 {
  position: absolute;
  left: 17px;
  top: 5606px;
  width: 900px;
  height: 900px;
  background: url("../images/SPD_hochburgen1.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 0;
}
#myForegroundHochburgen4 {
  position: absolute;
  left: 17px;
  top: 5606px;
  width: 900px;
  height: 900px;
  background: url("../images/SPD_hochburgen4.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 0;
}
#myForegroundStream {
  position: absolute;
  left: 60px;
  top: 6616px;
  height: 250px;
  background: url("../images/SPD_stream.png") 0px 0px no-repeat scroll
    transparent;
  opacity: 1;
}
#myForegroundStream1 {
  position: absolute;
  left: 338px;
  top: 6616px;
  height: 250px;
  background: url("../images/SPD_stream.png") -288px 0px no-repeat scroll transparent;
  opacity: 1;
}
#myForegroundStream2 {
  position: absolute;
  left: 636px;
  top: 6606px;
  height: 250px;
  background: url("../images/SPD_stream.png") -578px 0px no-repeat scroll transparent;
  opacity: 1;
}

.upperLeft {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
}