input[type=text] {
	font-size:15px;
    color: #000;
}

#intro {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

#login {

}

#frage2 {
  width: 6em;
}

#frage3 {
  width: 4em;
}

#frage7a,#frage7b {
  width: 8em;
}

#frage8, #frage9 {
  width: 6em;
}

#frage10 {
  width: 4em;
}

#frage11 {
  width: 7em;
}

#frage12a, #frage12b, #frage12c {
  width: 4em;
}

#frage13a; #frage13b; #frage14a; #frage14b; {
  width: 6em;
}

#frage16; {
  width: 6em;
}


#frage1info {
  position:absolute;
  width:250px;
  height:120px;
  top: 60px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage2info {
  position:absolute;
  width:250px;
  height:170px;
  top: 110px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage3info {
  position:absolute;
  width:250px;
  height:65px;
  top: 170px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage4info {
  position:absolute;
  width:250px;
  height:60px;
  top: 200px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage5info {
  position:absolute;
  width:250px;
  height:80px;
  top: 250px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage6info {
  position:absolute;
  width:250px;
  height:140px;
  top: 270px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage7info {
  position:absolute;
  width:410px;
  height:200px;
  top: 320px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage8info {
  position:absolute;
  width:250px;
  height:80px;
  top: 430px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage9info {
  position:absolute;
  width:410px;
  height:180px;
  top: 480px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage10info {
  position:absolute;
  width:250px;
  height:160px;
  top: 520px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage11info {
  position:absolute;
  width:250px;
  height:100px;
  top: 580px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage12info {
  position:absolute;
  width:410px;
  height:360px;
  top: 600px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage13info {
  position:absolute;
  width:250px;
  height:80px;
  top: 680px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage14info {
  position:absolute;
  width:250px;
  height:100px;
  top: 750px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage15info {
  position:absolute;
  width:410px;
  height:120px;
  top: 780px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage16info {
  position:absolute;
  width:410px;
  height:80px;
  top: 850px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
}

#frage17info {
  position:absolute;
  width:410px;
  height:160px;
  top: 850px;
  right: 100px;
  border: .1em solid #FFF;
  background-color: rgba(50,50,50);
  font-weight:bold;
  color: #FFF;
  visibility: hidden;
  overflow-y: top: 950px;
}

#istsituation {
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: 0 0;
  width:260px;
  height:40px;
  position: absolute;
  left: 20px;
  top: 70px;
  border-style: none;
  background-color: #FFCC33;
  font-weight:bold;
  font-size: 15pt;
  padding: 0px 10px;
}

#istsituationtext {
  padding: 10px 3px;
  position:absolute;
  left: 48px;
  top: 70px;
  width:345px;
  height:258px;
  line-height: 1.5em;
  background-color: #FFFFCC;
}


#pfeil {
  transform: rotate(90deg) translate(-100%, 0);
  transform-origin: 0 0;
  position:absolute;
  top: 420px;
  left: 240px;
  width:60px;
  height:50px;
}

#einsparungspotentiale {
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: 0 0;
  width:250px;
  height:28px;
  position: absolute;
  left: 20px;
  top: 430px;
  border-style: none;
  background-color: #66CCFF;
  font-weight:bold;
  font-size: 15pt;
  padding: 0px 10px;
}

#einsparungspotentialetext {
  position:absolute;
  left: 48px;
  top: 430px;
  width:350px;
  height:268px;
  line-height: 1.5em;
  background-color: #CCCCFF;
}



#block3 {
  position:relative;
  left: 10px;
  /*top: 1860px;/*1240px;*/
  width:1110px;
  height:40px;
  border-style: none;
}

#blocktextblock {
  position:absolute;
  padding: 15px 10px 0px 10px;
  width:700px;
  height:613px;
  top: 70px;
  left: 410px;
}

#netzdiagramm {
  width:1110px;
  height:500px;
  position:relative;
/*  top: 1050px;/*730px;*/
  left: 10px;
}


#logoheinzl {
  position:absolute;
  top: 10px;
  left: 910px;
  width:150px;
  height:50px;
}
#logoLXcorp {
  position:absolute;
  top:   10px;
  left: 1070px;
  width:60px;
  height:50px;
}