Flächeninhalt eines Rechtecks - Aufgaben und MediaWiki:Common.css: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Main>Karl Kirst
K (kat Mathematik 5)
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
__NOTOC__
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
<div style="padding:1px;background:#CCCCCC;border:0px groove;">


div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}


<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
<tr><td  width="800px" valign="top">
==<span style="background:yellow">Färbe alle Rechtecke mit GeoGebra gelb</span>==
[[Datei:Wimmelbild.jpg|300px|right]]
<div style="margin:0px; margin-right:90px; border:thick double yellow; padding: 1em 1em 1em 1em; background-color:white;  width:50%; align:center; ">
<span style="color:#000000">'''Arbeitsauftrag:'''</span>
*Klicke auf den Button "Öffnen GeoGebra"
*Färbe alle Rechtecke gelb
:(Rechte Maustaste: Eigenschaften: Farbe)
*Wie viele Rechtecke hast du gefunden?
:Lösung: {{versteckt|
:Es gibt zwei Rechtecke
[[Datei:Wimmelbild Lösung.jpg|300px|left]]
}}
</div>


<ggb_applet height="50" width="150" type="button" filename="Wimmelbild.ggb" />
div.float-right, table.float-right, ul.float-right, .float-right {
</td></tr></table></center>
    clear: right;
</div>
    float: right;
    margin: 1em 0 1em 1em;
}


<div style="padding:1px;background:#CCCCCC;border:0px groove;">
/***********
  * Farben [[Benutzer:Christian]]*
  **********/
/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1  { color:#F1D850; }
.zum-farbe-Frage          { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F1D850; }
.zum-farbe-Hervorhebung2  { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Ueben          { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung        { color:#DBDBDB; }
.zum-farbe-Loesung        { color:#DBDBDB; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat          { color:#a0a0a0; }


.zum-hintergrund-Hervorhebung1  { background-color:#F1D850; }
.zum-hintergrund-Frage          { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F1D850; }
.zum-hintergrund-Hervorhebung2  { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Ueben          { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung        { background-color:#DBDBDB; }
.zum-hintergrund-Loesung        { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat          { background-color:#a0a0a0; } 


<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
<tr><td  width="800px" valign="top">


== Wie kann man den Flächeninhalt bestimmen?==
/* komplettes Farbschema */
#[http://www.elsy.at/eseq/sruf.php?id=254&lang= Betrachte diese animierte Übung]
.zum-farbe-primaer                          { color: #F1D850; }
#Verändere die Schieberegler a und b und bestimme die Fläche der entstandenen Rechtecke:
.zum-farbe-primaer.zum-farbe-heller          { color: #FFF0A2; }
:<ggb_applet height="500" width="730" showResetIcon="true" filename="Rechteck_flaeche.ggb" />
.zum-farbe-primaer.zum-farbe-hell            { color: #FFEA77; }
.zum-farbe-primaer.zum-farbe-dunkel          { color: #DEC229; }
.zum-farbe-primaer.zum-farbe-dunkler        { color: #AF9612; }
.zum-farbe-sekundaer-1                      { color: #F1D850; }
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-1.zum-farbe-dunkler    { color: #AF9612; }
.zum-farbe-sekundaer-2                      { color: #F1D850; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler    { color: #AF9612; }
.zum-farbe-komplementaer-1                  { color: #F1D850; }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: #FFF0A2; }
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: #FFEA77; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: #DEC229; }
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: #AF9612; }
.zum-farbe-orange-1                          { color: #F19D50; }
.zum-farbe-orange-1.zum-farbe-heller        { color: #FFCEA2; }
.zum-farbe-orange-1.zum-farbe-hell          { color: #FFB877; }
.zum-farbe-orange-1.zum-farbe-dunkel        { color: #DD7F28; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: #AE5D12; }
.zum-farbe-gruen                            { color: #F1D850; }
.zum-farbe-gruen.zum-farbe-heller            { color: #FFF0A2; }
.zum-farbe-gruen.zum-farbe-hell              { color: #FFEA77; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: #DEC229; }
.zum-farbe-gruen.zum-farbe-dunkler          { color: #AF9612; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-heller            { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell              { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel            { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }


</td></tr></table></center>
.zum-hintergrund-primaer                          { background-color: #F1D850; }
</div>
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: #FFF0A2; }
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: #FFEA77; }
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: #DEC229; }
.zum-hintergrund-primaer.zum-farbe-dunkler        { background-color: #AF9612; }
.zum-hintergrund-sekundaer-1                      { background-color: #F1D850; }
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler    { background-color: #AF9612; }
.zum-hintergrund-sekundaer-2                      { background-color: #F1D850; }
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler    { background-color: #AF9612; }
.zum-hintergrund-komplementaer-1                  { background-color: #F1D850; }
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: #FFF0A2; }
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: #FFEA77; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: #DEC229; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: #AF9612; }
.zum-hintergrund-orange-1                          { background-color: #F19D50; }
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: #FFCEA2; }
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: #FFB877; }
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: #DD7F28; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: #AE5D12; }
.zum-hintergrund-gruen                            { background-color: #F1D850; }
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: #FFF0A2; }
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: #FFEA77; }
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: #DEC229; }
.zum-hintergrund-gruen.zum-farbe-dunkler          { background-color: #AF9612; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-heller            { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell              { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }


<div style="padding:1px;background:#CCCCCC;border:0px groove;">
/* overrides
 
* uses mediawiki parent selector to establish override
 
*/
<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
mediawiki .box.hervorhebung1  { border-left-color:#F1D850; }
<tr><td  width="800px" valign="top">
mediawiki .box.frage          { border-left-color:#F1D850; }
 
mediawiki .box.lernpfad        { border-left-color:#F1D850; }
== Wir merken uns==
mediawiki .box.hervorhebung2  { border-left-color:#C64285; }
 
mediawiki .box.merksatz        { border-left-color:#C64285; }
[[File:Prostokat-rectangle.svg|100px|left]]
mediawiki .box.ueben          { border-left-color:#338894; }
{|
mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }
|----
mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
! align="left" | <big>Flächeninhalt</big>
mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
| <math>A \, = \, a \cdot b</math>
mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
|----
mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
! align="left" | <big>Umfang</big>
mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
| <math>U \, = \, 2 \cdot a + 2 \cdot b = 2 \cdot (a + b)</math>
mediawiki .box.meinung        { border-left-color:#DBDBDB; }
 
mediawiki .box.loesung        { border-left-color:#DBDBDB; }
|}
mediawiki .box.download        { border-left-color:#DBDBDB; }
 
mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
</td></tr></table></center>
mediawiki .box.zitat          { border-left-color:#a0a0a0; }
</div>
 
<div style="padding:1px;background:#CCCCCC;border:0px groove;">
 
 
<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
<tr><td  width="800px" valign="top">
== Was stimmt hier nicht? ==
 
Nora und Paul besichtigen die neue Wohnung, in die sie umziehen wollen.
 
Paul misst die beiden Kinderzimmer aus: Das erste ist 5 m lang und 4 m breit, das zweite 6 m lang und 3 m breit.
 
Nora sagt: "Beide Zimmer sind gleich groß, denn 5 plus 4 ist 9 und 6 plus 3 ist auch 9."
 
Was meinst du? Fertigt für eure Lösung im Heft eine Skizze an.
</td></tr></table></center>
</div>
 
<div style="padding:1px;background:#CCCCCC;border:0px groove;">
 
 
<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
<tr><td width="800px" valign="top">
==Wie groß ist die gelbe Fläche?==
<quiz display="simple">
 
{ <span style="background:yellow">Wie groß ist die gelbe Fläche?</span> [[Bild:Zusammengesetzte_Figur_Kropatschewa.jpg|400px]]}
 
- 20 m²
- 19 m²
+ 19,6 m²
- 18,6 m²
 
</quiz>
</td></tr></table></center>
</div>
 
<div style="padding:1px;background:#CCCCCC;border:0px groove;">
 
 
<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
<tr><td  width="800px" valign="top">
== Fußballfeld der Allianz Arena ==
[[Bild:Allianzarenapano.jpg|750px|center]]
 
 
#Schätze die Größe des Feldes.
#Suche dir nun die entsprechenden Maße im Internet und berechne die Fläche des Fußballfeldes genau.
#Die Größe eines Rasenstücke vom Typ "Powerrasen" beträgt: 2 m x 10 m. Wie viele Rasenstücke wurden etwa verlegt?
 
 
<popup name="Lösung">
1. ungefähr 8000 m<sup>2</sup>
 
2. '''netto''' (Fußballfeld): 68 m x 105 m = 7140 m<sup>2</sup>; '''brutto''' (gesamte Rasenfläche): 72 m x 111 m = 7992 m<sup>2</sup>
 
3. 8000m<sup>2</sup> : 20 m<sup>2</sup> = 400
 
 
</popup>
 
</td></tr></table></center>
</div>
 
<div style="padding:1px;background:#CCCCCC;border:0px groove;">
 
 
<center><table border="0" width="800px" cellpadding=5 cellspacing=15>
<tr><td  width="800px" valign="top">
==Oberfläche des Würfels ==
[[Bild:Viereck7.jpg|400px|right]]
#Wie groß ist die Oberfläche eines Würfels mit der Kantenlänge 1 cm.
#Wie groß ist die Oberfläche wenn man die Kantenlänge verdoppelt?
#Weißt du auch, wie lange alle Kanten zusammen sind?
<popup name="Lösung">
1. 6cm<sup>2</sup>
 
2. 24cm<sup>2</sup>
 
3. 12 cm
 
</popup>
 
</td></tr></table></center>
 
 
 
</div>
 
 
{{SORTIERUNG:{{SUBPAGENAME}}}}
[[Kategorie:Mathematik-digital]]
[[Mathematik 5]]
[[Kategorie:Rechtecke]]

Version vom 2. November 2018, 13:22 Uhr

/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}

/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div.float-right, table.float-right, ul.float-right, .float-right {
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
}

/***********
  * Farben [[Benutzer:Christian]]*
  **********/
/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1   { color:#F1D850; }
.zum-farbe-Frage           { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F1D850; }
.zum-farbe-Hervorhebung2   { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Ueben           { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung         { color:#DBDBDB; }
.zum-farbe-Loesung         { color:#DBDBDB; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat           { color:#a0a0a0; }

.zum-hintergrund-Hervorhebung1   { background-color:#F1D850; }
.zum-hintergrund-Frage           { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F1D850; }
.zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Ueben           { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung         { background-color:#DBDBDB; }
.zum-hintergrund-Loesung         { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat           { background-color:#a0a0a0; }  


/* komplettes Farbschema */
.zum-farbe-primaer                           { color: #F1D850; }
.zum-farbe-primaer.zum-farbe-heller          { color: #FFF0A2; }
.zum-farbe-primaer.zum-farbe-hell            { color: #FFEA77; }
.zum-farbe-primaer.zum-farbe-dunkel          { color: #DEC229; }
.zum-farbe-primaer.zum-farbe-dunkler         { color: #AF9612; }
.zum-farbe-sekundaer-1                       { color: #F1D850; }
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-1.zum-farbe-dunkler     { color: #AF9612; }
.zum-farbe-sekundaer-2                       { color: #F1D850; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler     { color: #AF9612; }
.zum-farbe-komplementaer-1                   { color: #F1D850; }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: #FFF0A2; }
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: #FFEA77; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: #DEC229; }
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: #AF9612; }
.zum-farbe-orange-1                          { color: #F19D50; }
.zum-farbe-orange-1.zum-farbe-heller         { color: #FFCEA2; }
.zum-farbe-orange-1.zum-farbe-hell           { color: #FFB877; }
.zum-farbe-orange-1.zum-farbe-dunkel         { color: #DD7F28; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: #AE5D12; }
.zum-farbe-gruen                             { color: #F1D850; }
.zum-farbe-gruen.zum-farbe-heller            { color: #FFF0A2; }
.zum-farbe-gruen.zum-farbe-hell              { color: #FFEA77; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: #DEC229; }
.zum-farbe-gruen.zum-farbe-dunkler           { color: #AF9612; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell               { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel             { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }

.zum-hintergrund-primaer                           { background-color: #F1D850; }
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: #FFF0A2; }
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: #FFEA77; }
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: #DEC229; }
.zum-hintergrund-primaer.zum-farbe-dunkler         { background-color: #AF9612; }
.zum-hintergrund-sekundaer-1                       { background-color: #F1D850; }
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler     { background-color: #AF9612; }
.zum-hintergrund-sekundaer-2                       { background-color: #F1D850; }
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler     { background-color: #AF9612; }
.zum-hintergrund-komplementaer-1                   { background-color: #F1D850; }
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: #FFF0A2; }
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: #FFEA77; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: #DEC229; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: #AF9612; }
.zum-hintergrund-orange-1                          { background-color: #F19D50; }
.zum-hintergrund-orange-1.zum-farbe-heller         { background-color: #FFCEA2; }
.zum-hintergrund-orange-1.zum-farbe-hell           { background-color: #FFB877; }
.zum-hintergrund-orange-1.zum-farbe-dunkel         { background-color: #DD7F28; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: #AE5D12; }
.zum-hintergrund-gruen                             { background-color: #F1D850; }
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: #FFF0A2; }
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: #FFEA77; }
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: #DEC229; }
.zum-hintergrund-gruen.zum-farbe-dunkler           { background-color: #AF9612; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-heller             { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell               { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel             { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }

/* overrides 
 * uses mediawiki parent selector to establish override
 */
mediawiki .box.hervorhebung1   { border-left-color:#F1D850; }
mediawiki .box.frage           { border-left-color:#F1D850; }
mediawiki .box.lernpfad        { border-left-color:#F1D850; }
mediawiki .box.hervorhebung2   { border-left-color:#C64285; }
mediawiki .box.merksatz        { border-left-color:#C64285; }
mediawiki .box.ueben           { border-left-color:#338894; }
mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
mediawiki .box.meinung         { border-left-color:#DBDBDB; }
mediawiki .box.loesung         { border-left-color:#DBDBDB; }
mediawiki .box.download        { border-left-color:#DBDBDB; }
mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
mediawiki .box.zitat           { border-left-color:#a0a0a0; }