/*
   setze body auf lightsteelblue - doch etwas freundlicher als mein 
   favorisiertes schwarz  na ja, aber dann auch die schrift auf schwarz?
   beachte in css ist // kein kommentar
*/
/*
body {
       background-color:   lightsteelblue;
       color :             black;
}       
*/
body {
  font-family: "Source Sans Pro",Arial,sans-serif;
}
/* format-definitionen fuer die Tabellen einer 
   Formular-Eingabe
*/
table.framed {border-style:inset;border-width:4px;border-color:silver;
	border-spacing:10px;}

table.c {margin-left:auto;margin-right:auto;}
/*    lustig - zentrieren per margin-left und right  */

table.cframed {
       border-style:     inset;
       border-width:     4px;
       border-color:     silver;	
       border-spacing:   10px;
       margin-left:      auto;
       margin-right:     auto;
 }

/*borderspacing=cellspacing?*/ 
/*hmm, ie kennt borderspacing nicht? */
/*td {padding:30px;border-style:solid;}*/
/* -- muss nochmal ueberarbeitet werden 
td. {padding:5px;padding-right:10px;padding-left:10px;
	border-width:0px;border-bottom-width:1px; 
	border-style:dotted;
	border-color:silver;}
*/

td.wider{
     padding-top:10px;
     padding-bottom:10px;
}
*.pL  {padding-left:40px;}
*.plB {padding-left:40px ; border-left-width:1px;}
/*width auf 0px ist zwar seltsam, aber mit border-style:hidden hat's nicht richtig
  funktioniert */
/*tr scheint bei ns7 nicht zu gehen - scheint allgemein nicht zu gehen, schade*/
input {background-color:ghostwhite;}
select {background-color:ghostwhite;}

/* links wie buttons */
/* fuer Links als Buttons */
a.lbutton {
        display:           block;
        width:             60%;
        padding:           15px;
        margin:            20px;
        background-color:              #F0F0F0;
        border:            1px solid   #F0F0F0;
        text-align:        center;
        font-weight:       bold;
        font-size:         24px;
        text-decoration:   none;
        color:                         #444444;
        border-left:       1px solid   #EEEEEE;
        border-top:        1px solid   #EEEEEE;
        border-right:      2px solid   #848475;
        border-bottom:     2px solid   #848475;
}
a.lbutton:hover {
        border-right:      1px solid   #EEEEEE;
        border-bottom:     1px solid   #EEEEEE;
        border-left:       2px solid   #848475;
        border-top:        2px solid   #848475;
        color:                         #000000;
}

/* fuer Links als Buttons small variante*/
a.lsbutton {
        display:           block;
        width:             70px;
        padding:           3px;
        margin:            0px;
        background-color:              #F0F0F0;
        text-align:        center;
        font-weight:       bold;
        font-size:         12pt;
        text-decoration:   none;
        color:                         #444444;
        border-left:       1px solid   #EEEEEE;
        border-top:        1px solid   #EEEEEE;
        border-right:      2px solid   #848475;
        border-bottom:     2px solid   #848475;
}
a.lsbutton:hover {
        border-right:      1px solid   #EEEEEE;
        border-bottom:     1px solid   #EEEEEE;
        border-left:       2px solid   #848475;
        border-top:        2px solid   #848475;
        color:                         #000000;
}

/* 
  war mal gedacht, um in einen pre bereich einzubauen 
  geht sicher auch, viellecht aber auch den php-show-source
  befehl einbauen
*/
.codeBox {
  background-color: #F0F1FF ;
  color           : #000040; /*dunkles blau*/
  padding         : 10px;
  border-style    : dashed;
  border-width    : 1px;
  width           : 90%;
  margin-left     : auto;
  margin-right    : auto;  
}


.aufgabenBox {
  background-color: #F0F1FF ;
  color           : #400000; /*dunkles blau*/
  padding         : 10px;
  border-style    : dashed;
  border-width    : 1px;
  width           : 90%;
  margin-left     : auto;
  margin-right    : auto; 
  font-size       : larger; 
}
.aufgabe{
  background-color: #F8F9FF ;
  color           : #400000; /*dunkles rot*/
  font-size       : larger; 
}


.thinFramed {
    padding		:  10px 20px; /* oben/unten li/re */
    border		:  1px solid;
    background-color           :       #000;
       /*farben schwarz*/
    color                       :       #ffdead;
    border-color                :      #642;
}
/*styles*/
  .thinFramed.Black {
    background-color           :       #000;
    color                       :       #ffdead;
    border-color                :      #642;
  }
  .thinFramed.Blue {
    background-color            :       #697ee1;
    color                       :       #faebd7;
    border-color                :      #c0c0c0;
  }
  .thinFramed.Metal {
    background-color            :       #ddd;
    color                       :       #000;
    border-color                :      #a0a0a0;
  }
  
  
.Quelle {
  font-size: x-small;
}