/* alle kommentare betreffen zun�chst den Netscape Navigator */
/*
   formate.css, style sheets fuer meine Bastelei an einer moeglichen
   webpraesenz.
   hmm, ich h�tte doch besser einen kompletten Style fuer blau und schwarz
   geschrieben, aber ich frickele (gruss an Karl Heinrich) als dass ich plane
   so ein murcks ...
   bisschen verbessert
*/

/* body { color:#faebd7; background-color:#000000; }
body { background-image:url(gradientBG.jpg); background-repeat:repeat-y ;}*/
/*image, wdh in y-richtung*/

body { margin-left:50px; margin-right:10px; margin-top:10px; 
  font-family: "Source Sans Pro",Arial,sans-serif;
}
/*beachte .Black direkt hinter Body - hatte ich uebersehen */
body.Black { color:#faebd7; background-color:#000000;
              background-image:url(gradientBG.jpg); background-repeat:repeat-y ;}
body.Blue  { color:   #eee;  background-color: #697ed1;
            background-image:url(gradientBG_styleBlue.jpg); background-repeat:repeat-y ;}

body.Metal  { color:   #000;  background-color: #e6e6ea; 
             background-image:url(gradientBG_styleMetal.png); background-repeat:repeat-y ;}
             

/*hm sieht umstaendlich uas, mit jquery auf jeden fall einfacher, nee bin nur bloed */
/* hatte die h's alle einzelne aufgefuehrt */
h1 {text-align:left; font-size:200%}
h2 {text-align:left; font-size:180%}
h3 {text-align:left; font-size:160%}
h3 {text-align:left; font-size:140%}
h4 {text-align:left; font-size:120%}
h5 {text-align:left; font-size:100%}

/* spezifisches fuer die ueberschriften - mit style-classen */
h1,h2,h3,h4,h5, h1.Black, h2.Black, h3.Black, h4.Black, h5.Black {
  color         :   #FFDEAD;
}
h1.Blue, h2.Blue, h3.Blue, h4.Blue, h5.Blue {
    color:  #eee;
}
    h1.Metal, h2.Metal, h3.Metal, h4.Metal, h5.Metal {
   color        :   #111;
}

/*folgendes im div-Tag als class, naja*/
.center {text-align:center;}

/* die body - formatierung klappt nicht so ganz, nach der Tabelle gehts schwarz weiter,
daher : */

p.left {color:#faebd7; margin-left:0px; margin-right:10px;} 
/*links:*/

a:link, a.Black:link    { color:#BB8844; text-decoration:underline; font-style:italic; }
a:visited, a.Black:visited { color:#BB8844; text-decoration:underline; font-style:normal; }
a:active, a.Black:active  { color:#BB8844; text-decoration:none; }
a.Blue:link    { color:#200096; text-decoration:underline; font-style:italic; }
a.Blue:visited { color:#200096; text-decoration:underline; font-style:normal; }
a.Blue:active  { color:#200096; text-decoration:none; }
a.Metal:link    { color:#200096; text-decoration:underline; font-style:italic; }
a.Metal:visited { color:#200096; text-decoration:underline; font-style:normal; }
a.Metal:active  { color:#200096; text-decoration:none; }


/*nav links */
  a.nav               { display:inline-block; width: 16em;}

a.nav,  a.nav.Black         { color:#FFDEAD; font-weight:bold; text-decoration:none; }
a.nav:link,  a.nav.Black:link    { color:#000; font-weight:bold; text-decoration:none; }
a.nav:visited,  a.nav.Black:visited { color:#000; font-weight:bold; text-decoration:none; }
a.nav:hover,  a.nav.Black:hover   { color:#000000; background-color:#FFDEAD;
                                 font-weight:bold; text-decoration:none; }
a.nav:active,  a.nav.Black:active  { color:#FFDEAD; font-weight:bold; text-decoration:none; }

  a.nav.Blue         { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Blue:link    { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Blue:visited { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Blue:hover   { color:#2000CC; background-color:#EEEEEE;
                                 font-weight:bold; text-decoration:none; }
  a.nav.Blue:active  { color:#2000CC; font-weight:bold; text-decoration:none; }


  a.nav.Metal         { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Metal:link    { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Metal:visited { color:#2000CC; font-weight:bold; text-decoration:none; }
  a.nav.Metal:hover   { color:#2000CC; background-color:#EEEEEE;
                                 font-weight:bold; text-decoration:none; }
  a.nav.Metal:active  { color:#2000CC; font-weight:bold; text-decoration:none; }
  
  

/*eigene id definiere, pink farben ??*/
#myPink {color:#dd1ca0;}

.changeIt {} /*leer, zur markierung siehe helper.js, modifieImagesWithSpecialClass*/
.classCStyle {} /* siehe oben */