#kopfzeile{display:none}
#popup_fenster-popup{width:200px;}

.menu_rechenart_image{width:110px; padding:10px;background-size: contain;background-repeat: no-repeat;}
.menu_rechenart_image_large{width:200px; padding:30px;background-size: contain;background-repeat: no-repeat;}
.rechnung_inputfield           {font-size: 24px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 1px; border-color: #333 }
.rechnung_inputfield_falsch     {font-size: 24px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 1px; border-color: #333; background-color:#ffc9be; 

-webkit-animation: 1s blink step-end infinite;
	-moz-animation: 1s blink step-end infinite;
	-ms-animation: 1s blink step-end infinite;
	-o-animation: 1s blink step-end infinite;
	animation: 1s blink step-end infinite;

}
.rechnung_inputfield_bereit     {text-decoration: underline; font-size: 24px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 1px; border-color: #333;background-color:#e4fbd4;}
.div_ergebnisse_drag {display: table-cell;border:1px solid black ;padding:10px;font-size: 24px;border-radius: 5px;background-color:#e4fbd4;height:30px; width:30px;text-align:center;cursor: move;}
.div_ergebnisse_drop {border:1px solid black ;font-size: 0px;background-color:#e4fbd4;min-width:30px;height:30px;text-align:center;}

	-webkit-animation: 1s blink step-end infinite;
	-moz-animation: 1s blink step-end infinite;
	-ms-animation: 1s blink step-end infinite;
	-o-animation: 1s blink step-end infinite;
	animation: 1s blink step-end infinite;
}
.rechnung_zahl_normal           {font-size: 24px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 0px;}
.rechnung_inputfield_operator           { font-size: 20px; text-align: center; margin: 0; padding: 0; width: 20px; height: 20px; border-width: 1px; border-color: #333 }
.popup   { font-size: 1.2em; background-color: rgb(255,255,225); text-align: justify; display: none; padding: 0.8em; position: absolute; z-index: 1; width: 480px; border: solid 1px black }
.tasten_nummer             { padding-top:13px;color: #fff; font-size: 40px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ;cursor:pointer}

.id_tastenhintergrund             { background-image: url(../bilder/taste_leer.png); visibility: visible; position: absolute; z-index: -1; top: 0; left: 0; width: 70px; height: 70px ;cursor:pointer}
.id_tastenhintergrund_down   { background-image: url(../bilder/taste_leer_down.png); visibility: visible; position: absolute; z-index: -1; top: 0; left: 0; width: 70px; height: 70px}

.progressbar_nummern  { color: #fff; font-size: 26px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(); background-repeat: no-repeat; text-align: center; padding-top: 5px; width: 40px; height: 40px; vertical-align: middle;cursor:pointer }
.progressbar { background-color: #fff; width: 40px; height: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: none }

/*speziell für schriftlich rechnen*/

.rechung_sr_inputfield_uebertragen {position:absolute; bottom:0px; left:0px}
.rechnung_sr_icon           {text-align: center; margin-bottom: 10px; padding: 0; height: 50px; width: 40px; border-width: 0px;}
.rechnung_sr_zahl_normal           {font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 0px;}
.rechnung_sr_inputfield           {font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 0px; background: transparent; color: black}
.rechnung_sr_inputfield_bereit     {text-decoration: underline blink; font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 1px; background-color:#e4fbd4;}
.rechnung_sr_inputfield_falsch     {text-decoration: blink; font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 1px; background-color:#ffc9be;}
.rechnung_kl_vert_abstand           {height: 10px;}

.rechnung_sr_icon_klein           {text-align: center; margin-bottom: 10px; padding: 0; height: 40px; width: 30px; border-width: 0px;}
.rechnung_sr_zahl_normal_klein           {font-size: 28px; text-align: center; margin: 0; padding: 0; width: 30px; height: 40px; border-width: 0px;}
.rechnung_sr_inputfield_klein           {font-size: 28px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 0px; background: transparent;color: black}
.rechnung_sr_inputfield_bereit_klein     {text-decoration: underline blink; font-size: 28px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 1px; background-color:#e4fbd4;}
.rechnung_sr_inputfield_falsch_klein     {font-size: 28px; text-align: center; margin: 0; padding: 0; width: 30px; height: 30px; border-width: 1px; background-color:#ffc9be;}

.rechnung_sr_div_klecks_bereit {font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 1px}
.rechnung_sr_div_klecks_hintergrund_addition     {background-image:url(../bilder/startmenu_kleckse_addition.png);background-size: contain;background-repeat: no-repeat;}
.rechnung_sr_div_klecks_hintergrund_subtraktion     {background-image:url(../bilder/startmenu_kleckse_subtraktion.png);background-size: contain;background-repeat: no-repeat;}
.rechnung_sr_div_klecks_falsch     {font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 1px; background-color:#ffc9be;}
.rechnung_sr_div_klecks_fertig     {font-size: 38px; text-align: center; margin: 0; padding: 0; width: 40px; height: 50px; border-width: 1px; background-color:#e4fbd4;}

.class_klecks_symbol{height:50px;width:50px;background-size: contain;position:relative;left:155px;top:0px;color:#000000;background-repeat: no-repeat;background-image:url(../bilder/symbol_klecks_button_aus.png);}

.class_kreis_rot{height:20px;width:20px;background-color:red;border-radius: 10px;border-color: black;border-width: 1px;border-style: solid;}
.class_kreis_leer{height:20px;width:20px;border-radius: 10px;border-color: black;border-width: 1px;border-style: solid;}
.class_kreis_rot_gross{height:20px;width:20px;background-color:red;border-radius: 10px;border-color: black;border-width: 1px;border-style: solid;}
.class_kreis_leer_gross{height:20px;width:20px;border-radius: 10px;border-color: black;border-width: 1px;border-style: solid;}

.class_kreis_rot_klein{height:20px;width:7px;background-color:red;border-radius: 5px;border-color: black;border-width: 1px;border-style: solid;}
.class_kreis_leer_klein{height:20px;width:7px;border-radius: 5px;border-color: black;border-width: 1px;border-style: solid;}
.class_operationszeichen_plus{height:20px;width:20px;background-size: contain;background-repeat:no-repeat;background-image:url(../bilder/operationszeichen_plus.png);}
.class_operationszeichen_minus{height:20px;width:20px;background-size: contain;background-repeat:no-repeat;background-image:url(../bilder/operationszeichen_minus.png);}
.class_operationszeichen_istgleich{height:50px;width:30px;background-size: contain;background-repeat:no-repeat;float:right;background-image:url(../bilder/operationszeichen_istgleich.png);}

/*drop down menu*/





/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 160px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu li li{position: relative;left:10px;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
h1 { font-size: 18pt; font-family: Arial }
h2 { font-size: 12pt; font-family: Arial }
body    {
	font-size: 10pt; font-family: Arial;
	margin: 0 auto;
	}

.blinking-cursor {
  color: #2E3D48;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
	opacity: 0.5;
    color: black;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
	opacity: 0.5;
    color: black;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
	opacity: 0.5;
    color: black;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
	opacity: 0.5;
    color: black;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
	opacity: 0.5;
    color: black;
  }
}