/* Überschriften Abstand */
h2{
    margin-top: 0px;
    margin-bottom: 12px;
}

/* Binomial Form */
.form1 {
    border: thin solid #eafbf9;
    background-color: #060e50;
    height: 75%;
    width: 20%;
    padding: 20px;
    font-weight: bold;
    left: 10px;
    top: 40px;
    position: absolute;
    font-family:arial;
    color: white;
    z-index: 1;
    overflow: auto;
    font-size: 14px;
}

/* Poisson Form */
.form2 {
    border: thin solid #eafbf9;
    background-color: #060e50;
    height: 75%;
    width: 20%;
    padding: 20px;
    font-weight: bold;
    top: 40px;
    left: 10px;
    position: absolute;
    font-family:arial;
    color: white;
    z-index: 1;
    overflow: auto;
    font-size: 14px;
    display: none;
}

/* Diagramm Binomial */
.chart-container{
    position: relative;
    height: 100%; 
    width: 75%;
    right: 10px;
    float: right;
    top: 40px;
    z-index: 0;
}

/* Diagramm Poisson */
.chart-container_Poi{
    position: relative;
    height: 100%; 
    width: 75%;
    right: 10px;
    float: right;
    top: 40px;
    z-index: 0;
    display: none;
   
}

/* Ausrichtung Eingabe der Zahlen */
input[type=number] {
	text-align: right;
}

label,
span,

/* Output numbers-boxen */
output {
	display: inline-block;
	width: 150px;
    }

/* Output g(x) */
output {
	width: 8em;
	text-align: left;
  
}  


/* Buttons */
.button {
  background-color: #060e50;
  border: thin solid #eafbf9;
  color: white;
  font-family:arial;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;  
  position: absolute;
  width: 6%;
  height: 5%;
  left: 10px;
  overflow: auto;
  }

.button1 {
  background-color: #060e50;
  border: thin solid #eafbf9;
  color: white;
  font-family:arial;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  position: absolute;
  width: 6%;
  height: 5%;
  left: 92px;
  overflow: auto;
  }


input.button:hover{
    font-weight: 800;
    background-color: white;
    color: #060e50;
    border-color: #060e50;
    cursor: pointer;
}

input.button1:hover{
    font-weight: 800;
    background-color: white;
    color: #060e50;
    border-color: #060e50;
    cursor: pointer;
}


/* WKT/Zufall ein-/ausblenden Animation */
.ausblenden{
   color: white;
   text-align: left; 
   background-color: #060e50;
   font-family:arial;
   text-decoration:none; 
   font-size: 14px;
}
 

/* Berechnungen Binomial */
#genaux{
    display: none;
}
 
#höchstensx{
    display: none;
}

#wenigerx{
    display: none;
}

#mehrx{
    display: none;
}

#mindestensx{
    display: none;
}

#zwischenx{
    display: none;
}

#xbWKT{
    display: none;
}


/* WKT/Zufall ein-/ausblenden */
a{
    font-weight: 400;
}

a:hover{
    cursor: pointer; 
    font-weight: 600;
}




/* Berechnungen Poisson */
#genauxPoi{
    display: none;
}

#höchstensxPoi{
    display: none;
}

#wenigerxPoi{
    display: none;
}

#mehrxPoi{
    display: none;
}

#mindestensxPoi{
    display: none;
}

#zwischenxPoi{
    display: none;
}

#xbPoi{
    display: none;
}


/* Zufallstreubereich Binomial */
.alpha{
    display: none;
}

#alphatext{
   display: none; 
}

#alpha{
   display: none;
   width: 140px;   
}

#zufall2SU{
   display: none; 
}

#zufallX2SU{
   display: none; 
}

#zufall2SO{
   display: none; 
}

#zufallX2SO{
   display: none; 
}

#zufall2SB{
   display: none; 
}

#zufall1SUG{
   display: none; 
}

#zufallX1SUG{
   display: none; 
}

#zufall1SBUG{
   display: none; 
}

#zufall1SOG{
   display: none; 
}

#zufallX1SOG{
   display: none; 
}

#zufall1SBOG{
   display: none; 
}


#AuswahlZufallB{
    display: none; 
}


/* Zufallstreubereich Poisson */
.alpha{
    display: none;
}

#alphatextP{
   display: none; 
}

#alphaP{
   display: none; 
}

#zufall2SUP{
   display: none; 
}

#zufallX2SUP{
   display: none; 
}

#zufall2SOP{
   display: none; 
}

#zufallX2SOP{
   display: none; 
}

#zufall2SBP{
   display: none; 
}

#zufall1SUGP{
   display: none; 
}

#zufallX1SUGP{
   display: none; 
}

#zufall1SBUGP{
   display: none; 
}

#zufall1SOGP{
   display: none; 
}

#zufallX1SOGP{
   display: none; 
}

#zufall1SBOGP{
   display: none; 
}


#AuswahlZufallP{
    display: none; 
}


/* Zufallsstreubereich B <= x <= */
#ZufallX1SOG{
    width: 10%;
}
 #ZufallX1SUG{
    width: 10%;
}
#ZufallX2SU{
    width: 10%;
}
ZufallX2SO{
    width: 10%;
}
#ZufallX1SOG{
    width: 10%;
}
 #ZufallX1SUG{
    width: 10%;
}
#ZufallX2SU{
    width: 10%;
}
ZufallX2SO{
    width: 10%;
}

/* Zufallsstreubereich P <= x <= */
#ZufallX2SUP{
    width: 10%;
}
#ZufallX2SOP{
    width: 10%;
}
#ZufallX1SUGP{
    width: 10%;
}
#ZufallX1SOGP{
    width: 10%;
}

/* WKT/ZSB einfärben Schrift */

#W{
    color: red;
    font-weight: 900;
    
}
#WP{
    color: red;
    font-weight: 900;
}
#Z{
   font-weight: 400; 
}
#ZP{
   font-weight: 400; 
}