/***
* Datei:           rechenbaum-zahl.css
* Internetsite:    www.realmath.de
* Version:         1.0
* Sprache:         Cascading Style Sheets
* Autor:           Andreas Meier
* Datum:           2020-10-28
* Letzte Änderung: 2020-12-14
* Beschreibung:    stellt ein Rechendreieck zur Verfügung
***/

/*
        Aufbau des Rechenbaums

   (1)xt1  (2)xt2  (3)xt3    (4)xt4

    (1*2)xt5         (3*4)xt6


         xt7 (summe oder diff aus (1*2) und (3*4)

*/


.AussenBox{width:288px;height:230px;text-align:center;background:#eFeCd8;border: 1px solid; border-color: #b3b3b9;border-radius:5px; padding-top:5px;margin:3px auto 17px auto;}
.InnenBox{display:inline-block;width:283px;height:223px;position:relative;top:0px;text-align:left;vertical-align:top;background-image: url('https://realmath.de/bilder/rechenbaum-bruch.gif');background-repeat:no-repeat;margin:0;}
.poszahl1{position:absolute;top:12px;left:9px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl2{position:absolute;top:12px;left:84px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}

.poszahl3{position:absolute;top:12px;left:159px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl4{position:absolute;top:12px;left:234px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}

.posrech1{position:absolute;top:53px;left:51px;width:30px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
.posrech2{position:absolute;top:53px;left:201px;width:30px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
.posrech3{position:absolute;top:140px;left:126px;width:30px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}


.poszahl5{position:absolute;top:102px;left:46px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl6{position:absolute;top:102px;left:197px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl7{position:absolute;top:190px;left:120px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}




.posloesmlinks{position:absolute;top:102px;left:86px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.posloesmrechts{position:absolute;top:102px;left:238px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.posloesunten{position:absolute;top:190px;left:165px;width:44px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}

.loesposzahl1{position:absolute;top:53px;left:9px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.loesposzahl2{position:absolute;top:53px;left:98px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.loesposzahl3{position:absolute;top:53px;left:141px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}
.loesposzahl4{position:absolute;top:53px;left:234px;width:40px;height:40px;text-align:center;vertical-align:middle;overflow:hidden;}