﻿/* CSS-Datei fuer die Historie des Humus-Projektes */
/* Version 12 */

/* Randabstand oben 10Pixel links 20 + rechts 10 Pixel, Hintergrundfarbe braun, Standard-Schrift "Times New Roman" Schrift-Farbe weiss alternativ ffcc99 */
/*  margin-top:10px; margin-left:20px;  margin-right:10px;*/
 body.humus   { margin-top:10px; margin-left:5px; margin-right:5px; background-color:#996600; font-family:"Times New Roman"; font-size:14pt; color:#FFFFFF; }
 body.humus_2 { margin-top:10px; margin-left:20px; margin-right:20px; background-color:#CC9933; font-family:"Times New Roman"; color:#000000; }

/* Links  allgemeine*/
A { text-decoration: underline; color:#ffdf00; font-weight:bold; font-size:14pt; }
/* Linkfarbe beim Ueberfahren mit der Maus (nur IE) */
A:hover { color:#ff9900; }


/* Link - Bilder */
/* Rahmen in passender Farbe */
/* <img class="link" ... */
img.link	{ border-color:#ff9900; border-style:solid; border-width:1px;  }




/* dateiweite Definition der Bilder immer Textumfluss rechts um das Bild mit 10px Abstand */
img { float:left; margin-right:10px; margin-bottom:10px; }

/* Bilder mittig ausrichten */
 .mittig  { vertical-align:middle; }

/* Textumfluss rechts um das Bild mit 20px Abstand */
/* <img class="umfluss_rechts" src="...."> */
 .umfluss_rechts { float:left; margin-right:20px; } 



/* Schriften */
/* <span class="g140">   Text  </span> */

/* Groesse */
 .g60    { font-size:60%; }
 .g80    { font-size:80%; }
 .g100   { font-size:100%; }
 .g110   { font-size:110%; }
 .g120   { font-size:120%; }
 .g140   { font-size:140%; }
 .g200   { font-size:200%; }
 .g240   { font-size:240%; }
 .g300   { font-size:300%; }
 .g400   { font-size:400%; font-weight:bold; }

/* Farben */
 .c1   { color:#ffff66; } /* sehr helles gelb */	
 .c2   { color:#ffff00; } /* intensives gelb */
 .c3   { color:#ccff00; } /* gruen-gelb */
 .c4   { color:#ffdf00; } /* wie link */
 .c5   { color:#cccc66; } /* braun-gelb */
 .c6   { color:#00ffff; } /* tuerkis - scharfer Kontrast */
 .c7   { color:#ccff99; } /*  */	
 .c8   { color:#66ff66; } /*  */	
 .c9   { color:#00ffcc; } /*  */	
 .c10  { color:#33ff00; } /* dunkles blau */	
 .cw   { color:#ffffff; }
 .cr   { color:#ff0000; }
 .cb   { color:#0000ff; }
 .cy   { color:#ffff00; }
 .cg   { color:#00ff00; }
 .cs   { color:#000000; }

/* Format */
 .u      { text-decoration:underline;}
 .f      { font-weight:bold; }
 .i      { font-style:italic; }
 .k      { font-variant:small-caps; } /* Kapitaelchen */
 .w      { word-spacing:0.8em; } /* Wortabstände relativ zur Schriftgroesse x 0,8 */

/* Ausrichtung */
 .m      { text-align:center; } /* nur in Verbindung mit <p> */
 .r	 { text-align:right; }
 .b      { text-align:justify; } /* Blocksatz */

/* farbig hinterlegen */
 .hc1  { background-color:#005F00; }
 .hc2  { background-color:#ff9900; color:#000000; }
 .hc3  { background-color:#ffffff; color:#000000; }
 .hc4  { background-color:#ffdf00; color:#0000ff; }

/* horizontal rechtsbuendig ohne <p> */
/* <div align="right"> Text </div> */

/* Schrift vertikal (oben - unten) ausrichten */
 .oben  { vertical-align:top; }

/* Schrift-Einzug von links */
 .e10	 { margin-left:10px; }
 .e16	 { margin-left:16px; }
 .e30	 { margin-left:30px; }
 .e40	 { margin-left:40px; }
 .e50	 { margin-left:50px; }
 .e60	 { margin-left:60px; }
 .e200	 { margin-left:200px; }








/* Innenabstand */
 .ia0 { padding:0px; }
 .ia10 { padding:10px; }
 .ia50 { padding:50px; }
 .ia100 { padding:100px; }

/* Aussenabstand */
/* aussen_abstand rundrum =0 oder =5 - aussen_abstand_rechts =25 */
 .aa0 { margin:0px; }
 .aa5 { margin:5px; }
 .aa10 { margin:10px; }
 .aar25 { margin-right:25px; }


/* Rahmen-Farbe um Bilder */
 .rahmen1 { border-color:#00ffff; }
 .rahmen2 { border-color:#007733; }
 .rahmen3 { border-color:#ffffff; }
 .rahmen4 { border-color:#ffdf00; }
 .rahmen5 { border-color:#ffff00; }


/* Rahmen ein / aus */
 .border_1 { border-style:solid; border-width:1px; }
 .border_0 { border-style:solid; border-width:0px; }
 .border_variabel { border-style:solid; border-width:0px; }



/* TABELLEN - Objekte in den Zellen*/
/* td 		immer oben beginnen, linker, rechter und oberer Rand 10 Pixel */
/* td0 		Beginn oben - kein Rand */
/* tdohne	Beginn vertikal mittig und links beginnen und ohne Rand */
/* tdmm		Objekte vertikal mittig u. horizontal mittig */

td { vertical-align:top; padding-left:10px; padding-top:10px; padding-right:10px; font-size:14pt; } 
 .td0 { vertical-align:top; padding-left:0px; padding-top:0px; padding-right:0px; }
 .tdohne { vertical-align:middle; padding-left:0px; padding-top:0px; padding-right:0px; }
 .tdm { vertical-align:middle; }
 .tdmm { vertical-align:middle; text-align:center; }
 .tdtm { text-align:center; }



/* Listendarstellung */
/* Beispiel: { style=list-style-type:disk; color:red; font-weight:bold; } */
/* style-types: disk sqare circle none */
ul { style=list-style-type:sqare; font-weight:bold; }
ul.map1 { font-weight:normal; style=list-style-type:circle; font-size:16pt; }
ul.map11 { font-weight:normal; style=list-style-type:circle; font-size:14pt; }
ul.map2 { font-weight:normal; style=list-style-type:disc; font-size:14pt; }
ul.map3 { font-weight:normal; style=list-style-type:sqare; font-size:10pt; }
li.1 { font-size:16pt; font-family:"Times New Roman"; }
li.2 { font-size:12pt; font-family:"Times New Roman"; }
/* NEU Liste mit Einzug in der 2. Zeile */
/* Beispiel: <li class="einz"><a href=... */
/*  */
li.einz { margin-left:0.4cm; text-indent:-0.4cm; }





