/*-------------------------------------------------------------------------
1       Thema
2       Monat

3box_1  Kapitelbox  blau
3box_2       "      lila
3box_3       "      gelb
3a      Überschrift
3b      Normaltext
3c      Sternchen
3d      Untertext rot fett
3e      Untertext kleiner grün
3f      Abstand 50px
3g      Bild (Notenbild)
3h      Links   Link
3i        "     Details
-------------------------------------------------------------------------*/
#dida1     {position:absolute;
            left:100px;top:36px;
            text-align:left;
            font: bold italic 40px arial,sans-serif;
            color:rgb(220,230,250);
            text-shadow: 3px 3px 5px rgb(10,20,30);}

#dida2     {position:absolute;
            left:100px;top:100px;
            font: bold italic 22px arial,sans-serif;
            color:rgb(220,230,250);
            text-align:left;
            text-shadow: 2px 2px 3px rgb(10,20,30);}

#dida3box_1    {position:relative;
                margin: 60px 0px 0px 50px;
                padding-bottom:30px;
                width:1160px;
                border: 2px solid rgb(20,30,40);
                background-color:rgb(240,250,255);
                border-radius:10px;}

#dida3box_2    {position:relative;
                margin: 60px 0px 0px 50px;
                padding-bottom:30px;
                width:1160px;
                border: 2px solid rgb(20,30,40);
                background-color:rgb(250,230,250);
                border-radius:10px;}

#dida3box_3    {position:relative;
                margin: 60px 0px 0px 50px;
                padding-bottom:30px;
                width:1160px;
                border: 2px solid rgb(20,30,40);
                background-color:rgb(255,240,220);
                border-radius:10px;}

#dida3a    {position:relative;
            margin: 30px 0px 40px 50px;
            width:1080px;
            font: bold 28px arial,sans-serif;
            color:rgb(0,0,60);
            text-align:left;
            text-shadow: 2px 2px 4px rgb(140,160,180);}

#dida3b    {position:relative;
            margin: 20px 0px 0px 50px;
            width:1060px;
            font: 21px arial, sans-serif;
            color:rgb(0,0,60);
            line-height:28px;
            text-align:justify;}

#dida3c    {position:relative;
            margin: 30px 0px 30px 100px;
            width:1060px;
            font: 24px arial, sans-serif;
            color:rgb(60,0,60);
            line-height:29px;
            text-align:center;}

#dida3d    {position:relative;
            margin: 30px 0px 30px 200px;
            width:1060px;
            font: bold italic 21px arial, sans-serif;
            color:rgb(0,0,60);
            line-height:29px;
            text-align:left;}

#dida3e    {position:relative;
            margin: 20px 0px 0px 150px;
            width:860px;
            font: 19px arial, sans-serif;
            color:rgb(0,0,80);
            line-height:26px;
            text-align:justify;}

#dida3f    {position:relative;
            margin: 0px 0px 0px 0px;
            height:50px;}

#dida3g    {position:relative;
            margin: 30px 0px 40px 50px;}



/*-------------------------------------------------------------------------
3h      Rahmen um Player
3i      Text zu Player
3j      History     Titel
3k         "        Text
-------------------------------------------------------------------------*/
#dida3h    {padding:10px 10px 10px 10px;
            background-color:rgb(110,130,150);}

#dida3i    {position:relative;
            margin: 2px 0px 0px 0px;
            width:300px;
            font: 18px arial, sans-serif;
            color:rgb(60,80,100);
            text-align:center;}

#dida3j    {position:relative;
            margin: 20px 0px 0px 70px;
            width:1010px;
            font: bold 21px arial,sans-serif;
            color:rgb(200,0,0);
            text-align:left;}

#dida3k    {position:relative;
            margin: 2px 0px 30px 90px;
            width:880px;
            font: 19px arial,sans-serif;
            color:rgb(60,0,0);
            text-align:ksutify;
            line-height:26px;}


/*-------------------------------------------------------------------------
3m      Links   Link
3n        "     Details
-------------------------------------------------------------------------*/
#dida3m    {position:relative;
            margin: 10px 0px 0px 120px;
            width:1060px;
            font: bold 21px arial, sans-serif;
            color:rgb(0,0,60);
            line-height:28px;
            text-align:justify;}

#dida3n    {position:relative;
            margin:0px 0px 10px 150px;
            width:700px;
            font: 18px arial, sans-serif;
            color:rgb(0,0,110);
            line-height:25px;
            text-align:justify;}

span.quelle     {font-size:90%;font-style:italic;font-weight:normal;}

a.lix2:link     {font-weight:bold;text-decoration:none;color:rgb(  0,  0, 60);}
a.lix2:hover    {font-weight:bold;text-decoration:none;color:rgb(120,  0,120);}
a.lix2:visited  {font-weight:bold;text-decoration:none;color:rgb(  0,  0, 60);}



/*-------------------------------------------------------------------------
4a      Stimmungen  Rahmen
4b          "       Text
-------------------------------------------------------------------------*/
#dida4a    {position:relative;
            margin:20px 0px 0px 0px;
            width:1060px;height:850px;
            border: 1px solid rgb(180,160,120);
            background-color:rgb(240,230,170);
            border-radius:10px;
            box-shadow:6px 6px 9px rgb(100,110,120);}

#dida4b    {position:relative;
            margin: 20px 0px 0px 30px;
            width:990px;
            font: 22px calibri,sans-serif;
            color:rgb(40,0,0);
            line-height:27px;
            text-align:left;}

#dida4c    {position:relative;
            margin:0px 0px 10px 60px;
            width:930px;
            font: italic 20px calibri,sans-serif;
            color:rgb(40,0,0);
            line-height:27px;
            text-align:left;}

a.lix1:link     {font-weight:bold;text-decoration:none;color:rgb(140,  0,  0);}
a.lix1:hover    {font-weight:bold;text-decoration:none;color:rgb(240,  0,140);}
a.lix1:visited  {font-weight:bold;text-decoration:none;color:rgb(140,  0,  0);}



/*-------------------------------------------------------------------------
5a      Inhalt  Titel
5b        "     Zeile 1-9
5c        "       "   10-...
-------------------------------------------------------------------------*/
#dida5a    {position:relative;
            margin: 30px 0px 20px 50px;
            width:1080px;
            font: bold 26px arial,sans-serif;
            color:rgb(60,0,0);
            text-align:left;
            text-shadow: 2px 2px 4px rgb(180,160,140);}

#dida5b    {position:relative;
            margin:0px 0px 0px 60px;
            width:930px;
            font: 19px arial,sans-serif;
            color:rgb(40,0,0);
            line-height:27px;
            text-align:left;}

#dida5c    {position:relative;
            margin:0px 0px 0px 50px;
            width:930px;
            font: 19px arial,sans-serif;
            color:rgb(40,0,0);
            line-height:27px;
            text-align:left;}

a.dire:link     {text-decoration:none;color:rgb( 60,  0,  0);}
a.dire:hover    {text-decoration:none;color:rgb(  0,  0,  0);background-color:rgb(240,220,180);}
a.dire:visited  {text-decoration:none;color:rgb( 60,  0,  0);}


/*-------------------------------------------------------------------------
bruch       Bruch 2:3
markblu     Markierung  blau
markred         "       rot
lettersub   ???
rede        Hansli spricht
lehrer      Lehrer spricht
minisup     kleine Zahl oben
minisub       "     "   unten
multi       Multiplikation Mal-Zeichen
-------------------------------------------------------------------------*/

span.bruch      {font-weight:bold;background-color:rgb(150,210,230);padding:1px 6px 1px 3px;letter-spacing:0.05em;}
span.markblu    {font-weight:bold;background-color:rgb(150,210,230);padding:0px 6px 0px 3px;}
span.markred    {font-weight:bold;background-color:rgb(250,180,180);padding:0px 6px 0px 3px;}
span.lettersub  {font-size:70%;position:absolute;;margin:5px 0px 0px 0px;}
span.rede       {font-style:italic;color:rgb(0,0,130);}
span.lehrer     {font-style:italic;color:rgb(160,0,0);}
span.minisup    {font-size: 70%; vertical-align: 0.4em;padding-right:3px;}
span.minisub    {font-size: 70%; vertical-align:-0.4em;padding-right:3px;}
span.multi      {font: bold 26px courier,serif;vertical-align: 0.2em;padding:0px 2px 0px 0px;}
span.bruchweite {padding-right:2px;}