/*==============================================================================
| FILE   : content.css
|-------------------------------------------------------------------------------
| PURPOSE: StyleSheet-Formatierungen fuer alle Content-Seiten
|          in baehr.de
| ACCESS : included in jeder zu formatierenden HTML-Datei
| PARAMS :
| COMMENT: 
| AUTHOR : Rainer Kuhn, ab 12/2003
+=============================================================================*/

/*******************************************************************************
    FORMATE FUER HTML-TAGS
*******************************************************************************/

/*===== Allgemeine Zuweisungen =====*/
body { background-color:#ffffff; 
       margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } /* Einstellungen fuer die Seite */
p,a,h1,h2,h3,h4,h5,a,ul,ol,li,div,span,b,i,small,td,th,body,input,select,option,textarea { 
       font-family:Verdana,Arial,Helvetica,sans-serif; }
p,ul,ol,li,b,i,td,th,body,pre { font-size:13px; color:#000000; }

/*===== Ueberschriften =====*/
h1,h2,h3,h4,h5 { color:#000000; font-weight:bold; }
h1 { font-size:21px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:15px; } 
h5 { font-size:13px; }

/*===== Textformatierung =====*/
b { font-weight:bold; }
i { font-style:italic; }
small { font-size:11px; color:#666666; }
pre { font-family:CourierNew,monospace; }

/*===== Verweise =====*/
a { font-size:13px; font-weight:normal; text-decoration:underline; }
a:link { color:#2F4AA6; }
a:visited { color:#663399; }
a:active { color:#cc0000; }
a:hover { color:#cc0000; } /* (wirkt nicht bei Netscape 4.x) */

/*===== Formularelemente =====*/
input,select,option,textarea { font-size:11px; color:#006699; background-color:##ffffff; }
/* Hinweise: Farben wirken nicht bei NN 4.x, Checkbox-/Radio-Formatierung nur korrekt bei NN 6.x/Mozilla (nicht IE 5/6);
   sollen einz. Elemente andere Farben haben, sind eigene Klassen zu definieren 
   (Bsp. s.u.: ".transparent1" fuer transparente GIF-Buttons) */

/*===== Tabellen =====*/
/* Achtung ! Tabellenformatierung wird nur von NN6/Mozilla korrekt interpretiert ! 
.table { width:550px; border-width:1px; border-spacing:20px; border-style:solid; border-color:#000000; }
.td { padding:1px; border-width:1px; border-style:solid; border-color:#000000; }
*/
th { color:#336699; background-color:#ccccff; } /* Table Header*/



/*******************************************************************************
    FORMATE FUER CSS-KLASSEN (allgemeine und elementgebundene) 
*******************************************************************************/
 
/*===== TEXT/SCHRIFT (fuer die Tags P, B, I, UL, OL, LI etc. und ggf. auch TD, TH, BODY, SPAN, DIV) =====*/
    /*--------- systemweite Formate ---------*/
    .mini { font-size:10px; color:#999999; } /* kleine Schrift */
    .eyecatcher { font-size:16px; color:#cc0000; font-weight:bold; }
    /*----- bereichsspezifische Formate -----*/


/*===== LINKS/NAVIGATION (fuer den A-Tag) =====*/ 
    /*--------- systemweite Formate ---------*/
    a.navimini { font-size:10px; color:#2F4AA6; } /* kleine Links Version 1 */
    /*----- bereichsspezifische Formate -----*/
    
    
/*===== FORMULARELEMENTE(fuer die Tags INPUT, TEXTAREA, SELECT, OPTION; s. auch Hinweise oben bei Tag-Formaten) =====*/
    /*--------- systemweite Formate ---------*/
    .transparent1 { background-color:#ffff99; } /* grafische Buttons mit transparenten GIFs */
    /*----- bereichsspezifische Formate -----*/
    
    
/*===== DIVERSE LAYOUTELEMENTE =====*/
    /*--------- systemweite Formate ---------*/
    .formbg { background-color:#cccccc; } /* Hintergrundfarbe fuer Formulare in Tabellen */
    .formchg { background-color:#ccccff; } /* Alternative Hintergrundfarbe fuer Formulare in Tabellen (wenn Werte geandert werden) */
    .blockborder { border-style:solid; border-color:#ffcc66; border-width:3px; padding:3px } /* Hervorgehobener Elementblock mit Umrahmung */ 
    tr.row1 { vertical-align:top; background-color:#dddddd; } /* Tabellenzeilen mit Farbwechsel: Typ1 */
    tr.row2 { vertical-align:top; background-color:#cccccc; } /* Tabellenzeilen mit Farbwechsel: Typ2 */
    
    /*----- bereichsspezifische Formate -----*/

/*--------- Formatierung für den Downloadbereich (kopiert aus der CSS von sane.com, laut Nick Baehr) ---------*/
.chartbgdark { background-color: #bbbfff; }
.chartbgdarkalt { background-color: #e2e2e2; }
.chartbgheader { background-color: #cccccc; }
.chartbglight { background-color: #efefef; }
.chartbglightalt { background-color: #efefef; }
#chartdata td { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; }
#chartdataborder { padding: 0px; margin: 0px; border: 1px solid #cccccc; block: display; }