/***
* Datei:           dreieck-rechtwinklig.css
* Internetsite:    https://realmath.de
* Version:         1.0
* Sprache:         Cascading Style Sheets
* Autor:           Andreas Meier
* Datum:           2025-07-06
* Letzte &Auml;nderung: 2025-07-06
* Beschreibung:    stellt ein rechtwinkliges Dreieck zur Verf&uuml;gung
***/

/*
        Aufbau des Dreiecks


          (seiteb)xt2         (seitea)xt1

        xt4(alpha)            xt5 (beta)

              (seite c)xt3

*/


.AussenBox{width:255px;height:173px;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:245px;height:163px;position:relative;top:0px;text-align:left;vertical-align:top;background-image: url('https://realmath.de/bilder/dreieck-rechtwinklig.png');background-repeat:no-repeat;margin:0;}
/*
seiten  a, b und c
*/
.poszahl1{position:absolute;top:56px;left:177px;width:45px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl2{position:absolute;top:28px;left:21px;width:45px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl3{position:absolute;top:117px;left:76px;width:45px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
/*
winkel alpha und beta
*/
.poszahl4{position:absolute;top:76px;left:34px;width:45px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
.poszahl5{position:absolute;top:112px;left:158px;width:45px;height:35px;text-align:center;vertical-align:middle;overflow:hidden;}