/*
   mathe_style
   =====================
   Projektweite Definitionen für mathematik

   Datum:02.03.2012
*/

/*    Serlo    */
.serlo_link
{
        width: 200px;
        margin: 10px auto 5px auto;
        text-align: center;
}



/*    Dokumentweite Definitionen    */
body
{
          background-color:#FFFFF0;
          font-family: Arial,Helvetica;
          font-size:12pt;
}

/*    Definitionen für Aufgabenblätter    */
.auf
{
          background-color:goldenrod;
          /*background-color:#E6E6FA;*/
          /*background-color:navajowhite;*/
          /*background-color:darkkhaki;*/
          font-family: Arial,Helvetica;
          font-size:12pt;
}


/*    Definitionen für Arbeitsblätter    */
.arb
{
          background-color:goldenrod;
          /*background-color:#E6E6FA;*/
          /*background-color:navajowhite;*/
          /*background-color:darkkhaki;*/
          font-family: Arial,Helvetica;
          font-size:12pt;
}


/*    Definitionen für Videos    */
.video
{
          background-color:#E6E6FA;
          font-family: Arial,Helvetica;
}



/*    Definitionen für Trainings    */
.train
{
          /*background-color:yellowgreen;*/
          /*background-color:#E6E6FA;*/
          /*background-color:navajowhite;*/
          background-color:goldenrod;
          font-family: Arial,Helvetica;
          font-size:12pt;
}


/*    Spezialdefinitionen für Befehle    */
p,a,b,ul,pre
{
          font-family: Arial,Helvetica;
          font-size:12pt;
}

sub,sup
{
          font-family: Arial,Helvetica;
          font-size:10pt;
}

/*    Spezialdefinitionen für Tabellen    */

table
{
          font-family: Arial,Helvetica;
          font-size:12pt;
}

td,th
{
         /* background-image:url(img/papierhe.jpg); */
          font-family: Arial,Helvetica;
          font-size:12pt;
         /* background-color:#FFF8E3; */
          background-color:#fffff0;
}

.px       {margin-left:170px;}

.animat
{
          font-family: Arial,Helvetica;
          font-size:10pt;
          color:darkgreen;
}

.pdfbutton
   { width:50px; background-color:#ffcc00; color:red; font-weight:bold; border:2px solid blue;}

.searchbutton
   { width:120px; background-color:#E6E600; color:brown; font-weight:bold;}


/* für Verweise zu noch nicht besuchten Seiten */
a:link { text-decoration:none; font-size:10pt; font-weight:bold; color:blue; }

/* für Verweise zu bereits besuchten Seiten */
a:visited { text-decoration:none; font-size:10pt; font-weight:bold; color:#800080; }

/* für Verweise, die den Fokus erhalten */
a:focus { text-decoration:none; font-size:10pt; font-weight:bold; background-color:gold; }

/*  für Verweise, während der Anwender mit der Maus darüber fährt */
a:hover { text-decoration:none; font-size:10pt; font-weight:bold; background-color:gold; }

/*   für gerade angeklickte Verweise */
a:active { text-decoration:none; font-size:10pt; font-weight:bold; background-color:yellow; }





/*    Spezialdefinitionen für Hintergründe    */
.def           {background-color:#C2FF80;}
.satz          {background-color:mistyrose;}
.beweis        {background-color:lightcyan;}
.beispiel      {background-color:lavender;}
.merk          {background-color:#FFFF99;}
.code          {background-color:#FFFFE0;}
.ansicht       {background-color:moccasin;}
.rechnung      {background-color:lemonchiffon;}
.zuf           {background-color:papayawhip;}
.btext         {background-color:oldlace;}
.hintergrund   {background-color:#FFFFF0;}
/*.head          {background-color:#FFF8E3;} */
.head          {background-color:#E6E6FA;}
.headfos       {background-color:#E6E6FA;}
.bw            {background-image:url(img/whitew1.gif);}
.tanr          {background-color:#FFFF99;}
.navi          {background-color:#D9D9FF;}
.naviauf       {background-color:#E6E600;}

/*    Spezialdefinitionen für Hintergründe und Verschiebung    */
.defpx         {background-color:#C2FF80;width:160px;}
.satzpx        {background-color:mistyrose;width:160px;}
.beweispx      {background-color:lightcyan;width:160px;}
.beispielpx    {background-color:lavender;width:160px;}
.merkpx        {background-color:#FFFF99;width:160px;}
.codepx        {background-color:#FFFFE0;width:160px;}
.ansichtpx     {background-color:moccasin;width:160px;}
.rechnungpx    {background-color:lemonchiffon;width:160px;}
.zufpx         {background-color:papayawhip;width:160px;}
.btextpx       {background-color:oldlace;width:160px;}
.hintergrundpx {background-color:ivory;width:160px;}
.bwpx          {background-image:url(img/whitew1.gif);width:160px;}

.line1         {margin-left:170px;color:purple;height:2px;}
.line2         {color:purple;height:2px;}


/*    Textfarben    */
.sfbraun       {color:#993300;}
.sfschwarz     {color:black;}
.sfdunkelrot   {color:maroon;}
.sfdunkelgruen {color:darkgreen;}
.sfolivegruen  {color:olive;}
.sfdunkelblau  {color:navy;}
.sfviolett     {color:purple;}
.sforange      {color:orange;}
.sfblaugruen   {color:teal;}
.sfdunkelgrau  {color:gray;}
.sfhellgrau    {color:silver;}
.sfrot         {color:red;}
.sfhellgruen   {color:lime;}
.sfgelb        {color:yellow;}
.sfblau        {color:blue;}
.sfmagneta     {color:fuchsia;}
.sfhellblau    {color:aqua;}
.sfweiss       {color:white;}
.sfbeispiel    {color:#0E23B4;}


/*    Kombinierte Spezialdefinitionen    */
.tag
{
color:#0000FF;
font-family: Courier New,Courier,Arial,Helvetica;
font-size:12pt;
font-weight:100;
}
.tag10
{
color:#0000FF;
font-family: Courier New,Courier,Arial,Helvetica;
font-size:10pt;
font-weight:100;
}

/*        Arial-Schriftgrößen     */
.ar6  {font-family: Arial,Helvetica; font-size:6pt;}
.ar7  {font-family: Arial,Helvetica; font-size:7pt;}
.ar8  {font-family: Arial,Helvetica; font-size:8pt;}
.ar9  {font-family: Arial,Helvetica; font-size:9pt;}
.ar10 {font-family: Arial,Helvetica; font-size:10pt;}
.ar11 {font-family: Arial,Helvetica; font-size:11pt;}

/*  Überschriften   */
h1 { font-size:26px; }
h2 { font-size:21px; }
h3 { font-size:16px; }
h4 { font-size:13px; }
h5 { font-size:11px; }

/*  Standard-Hintergrundfarben     */
.schwarz     {background-color:black;}
.dunkelrot   {background-color:maroon;}
.dunkelgruen {background-color:green;}
.olivegruen  {background-color:olive;}
.dunkelblau  {background-color:navy;}
.violett     {background-color:purple;}
.blaugruen   {background-color:teal;}
.dunkelgrau  {background-color:gray;}
.hellgrau    {background-color:silver;}
.rot         {background-color:red;}
.hellgruen   {background-color:lime;}
.gelb        {background-color:yellow;}
.blau        {background-color:blue;}
.magneta     {background-color:fuchsia;}
.hellblau    {background-color:aqua;}
.weiss       {background-color:white;}


/*    Farbpalette designer    */
.des01                {background-color:#FFFFFF;}
.des02                {background-color:#C0C0C0;}
.des03                {background-color:#808080;}
.des04                {background-color:#000000;}
.des05                {background-color:#FF0000;}
.des06                {background-color:#800000;}
.des07                {background-color:#FFFF00;}
.des08                {background-color:#808000;}
.des09                {background-color:#00FF00;}
.des10                {background-color:#008000;}

.des11                {background-color:#00FFFF;}
.des12                {background-color:#008080;}
.des13                {background-color:#0000FF;}
.des14                {background-color:#000080;}
.des15                {background-color:#FF00FF;}
.des16                {background-color:#800080;}
.des17                {background-color:#FF8080;}
.des18                {background-color:#C20000;}
.des19                {background-color:#FFC080;}
.des20                {background-color:#A16121;}

.des21                {background-color:#FF8000;}
.des22                {background-color:#804000;}
.des23                {background-color:#FFFF80;}
.des24                {background-color:#C2C200;}
.des25                {background-color:#C2FF80;}
.des26                {background-color:#61A121;}
.des27                {background-color:#80FF00;}
.des28                {background-color:#408000;}
.des29                {background-color:#80FF80;}
.des30                {background-color:#00C200;}

.des31                {background-color:#80FFC0;}
.des32                {background-color:#21A161;}
.des33                {background-color:#00FF80;}
.des34                {background-color:#008040;}
.des35                {background-color:#80FFFF;}
.des36                {background-color:#00C2C2;}
.des37                {background-color:#80C2FF;}
.des38                {background-color:#2161A1;}
.des39                {background-color:#0080FF;}
.des40                {background-color:#004080;}

.des41                {background-color:#8080FF;}
.des42                {background-color:#0000C2;}
.des43                {background-color:#C080FF;}
.des44                {background-color:#6121A1;}
.des45                {background-color:#8000FF;}
.des46                {background-color:#400080;}
.des47                {background-color:#FF80FF;}
.des48                {background-color:#C200C2;}
.des49                {background-color:#FF805E;}
.des50                {background-color:#A12161;}

.des51                {background-color:#FF0080;}
.des52                {background-color:#800040;}
.des53                {background-color:#F0F0F0;}
.des54                {background-color:#616161;}
.des55                {background-color:#E0E0E0;}
.des56                {background-color:#404040;}
.des57                {background-color:#A1A1A1;}
.des58                {background-color:#212121;}

/*    Farbpalette designer    */
.word01               {background-color:#FFFFFF;}
.word02               {background-color:#F3F3F3;}
.word03               {background-color:#E6E6E6;}
.word04               {background-color:#E0E0E0;}
.word05               {background-color:#D9D9D9;}
.word06               {background-color:#CCCCCC;}
.word07               {background-color:#C0C0C0;}
.word08               {background-color:#B3B3B3;}
.word09               {background-color:#A6A6A6;}
.word10               {background-color:#A0A0A0;}

.word11               {background-color:#999999;}
.word12               {background-color:#8C8C8C;}
.word13               {background-color:#808080;}
.word14               {background-color:#737373;}
.word15               {background-color:#666666;}
.word16               {background-color:#606060;}
.word17               {background-color:#595959;}
.word18               {background-color:#4C4C4C;}
.word19               {background-color:#404040;}
.word20               {background-color:#333333;}

.word21               {background-color:#262626;}
.word22               {background-color:#202020;}
.word23               {background-color:#191919;}
.word24               {background-color:#0C0C0C;}
.word25               {background-color:#000000;}
.word26               {background-color:#993300;}
.word27               {background-color:#333300;}
.word28               {background-color:#003300;}
.word29               {background-color:#003366;}
.word30               {background-color:#000080;}

.word31               {background-color:#333399;}
.word32               {background-color:#333333;}
.word33               {background-color:#800000;}
.word34               {background-color:#FF6600;}
.word35               {background-color:#808000;}
.word36               {background-color:#008000;}
.word37               {background-color:#008080;}
.word38               {background-color:#0000FF;}
.word39               {background-color:#666699;}
.word40               {background-color:#808080;}

.word41               {background-color:#FF0000;}
.word42               {background-color:#FF9900;}
.word43               {background-color:#99CC00;}
.word44               {background-color:#339966;}
.word45               {background-color:#33CCCC;}
.word46               {background-color:#33669B;}
.word47               {background-color:#800080;}
.word48               {background-color:#999999;}
.word49               {background-color:#FF00FF;}
.word50               {background-color:#FFCC00;}

.word51               {background-color:#FFFF00;}
.word52               {background-color:#00FF00;}
.word53               {background-color:#00FFFF;}
.word54               {background-color:#00CCFF;}
.word55               {background-color:#993366;}
.word56               {background-color:#C0C0C0;}
.word57               {background-color:#FF99CC;}
.word58               {background-color:#FFCC99;}
.word59               {background-color:#FFFF99;}
.word60               {background-color:#CCFFCC;}

.word61               {background-color:#CCFFFF;}
.word62               {background-color:#99CCFF;}
.word63               {background-color:#CC99FF;}
.word64               {background-color:#FFFFFF;}



/*      Hintergrundfarben als img-Dateien     */
.beige  {background-image:url(img/beigew1.gif);}
.black  {background-image:url(img/blackw1.gif);}
.blue   {background-image:url(img/bluew1.gif);}
.brown  {background-image:url(img/brownw1.gif);}
.cyan   {background-image:url(img/cyanw1.gif);}
.dgray  {background-image:url(img/dgrayw1.gif);}
.green  {background-image:url(img/greenw1.gif);}
.lgray  {background-image:url(img/lgrayw1.gif);}
.orange {background-image:url(img/orangew1.gif);}
.pink   {background-image:url(img/pinkw1.gif);}
.purple {background-image:url(img/purplew1.gif);}
.red    {background-image:url(img/redw1.gif);}
.taupe  {background-image:url(img/taupew1.gif);}
.white  {background-image:url(img/whitew1.gif);}
.wine   {background-image:url(img/winew1.gif);}
.yellow {background-image:url(img/yelloww1.gif);}
.snow   {background-image:url(img/snow.jpg);}






  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.5em; left: 0.8em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 1.5em;
    lef\t: 0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:goldenrod; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 11.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid goldenrod;
    border-left-color: goldenrod; border-top-color: goldenrod;
    background-color: #E6E600;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 11.4em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 14.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: goldenrod;
    border-left-color: goldenrod; border-top-color: goldenrod;
    background-color: gold;
  }



/* EOF */