/* ===================================================== */
/* Cascaded Styles Sheat für die Web's von Markus Winter */
/* Nicht kopieren bildet, selbst entwickeln macht Spass! */
/* ===================================================== */
  
/* -------------------------------------------------------------------- */
/* 1. Teil: Menüstrukturen und von spezieller Programmierung abhängiges */
/* Diesen Teil für die Schulung bitte nicht beachten!                   */
/* -------------------------------------------------------------------- */

/* Spezielle Styles für Menüstuktur (Style-Klassen) */
.menuItem {
	position   : absolute;
	left       : 0px;
	visibility : hidden;
}

/* Ordner im Logisch-Web */
.node           {color : white}
.node A:link    {color : blue}
.node A:visited {color : purple;}
.node A:active  {color : red;}

/* Dokumente */
.leaf           {color : lime;}
.leaf A:link    {color : blue;}    /* unbesuchte*/
.leaf A:visited {color : purple;}  /* besuchte*/
.leaf A:active  {color : red;}      

/* Styles für Links */
A:link    {color : blue;}          /* unbesuchte*/
A:visited {color : purple;}        /* besuchte*/
A:active  {color : red;}

/* Zur Kontrolle des Designs notwendig. Zwingend die selben Angaben wie bei Styles für Links */
.al {color : blue;}
.av {color : purple;}
.aa {color : red;}

/* -------------------------------------------------------------------- */
/* 2. Teil: Herkömmliches Styles zur Formatierung von einfachen         */
/* HTML-Tag's um Text zu schreiben.                                     */
/* Dieser Teil ist Schulungs-relevant!                                  */
/* -------------------------------------------------------------------- */



 h1,h2,h3,h4,h5,h6,p,i,th,td,li,dt,dl,dd,address,acronym,big,var,em,blockquote,a,div,small  
   { font-family  : Arial,Helvetica;  /* Schriftart                 */
     color        : #000088;          /* Standardschriftfarbe       */
   }


/* Einleitungstexte */
blockquote  {color		 : #cc6600;   	/* Textfarbe                   	*/
             font-size	 : 110%;      	/* Schriftgrösse               	*/
			 margin-top	 : 18px;		/* Rand oben			*/
             padding	 : 4pt;       	/* Innenabstand zum Rahmen     	*/
             border-style: double;    	/* Erscheinungsbild des Rahmen 	*/
            }

/* Überschriften mit individueller Grösse */
h1  {font-size : 230%;}
h2  {font-size : 180%;}
h3  {font-size : 140%;}
h4  {font-size : 120%;}
h5  {font-size : 110%;}
h6  {font-size : 100%;}

/* Alle Überschriften mit Zeichenabstand und Schatten */
/* Wegen Probleme mit IE5 vorübergehend deaktiviert
h1,h2,h3,h4,h5,h6 {width          : 100%; 
                   letter-spacing : 3pt;                                    /* Zeichenabstand 		*/
                   filter         : Shadow(color=#ffcc00, direction=135);   /* Schatten nur für MS IE	*/
}

p  {font-size : 100%;}
/* p:first-line   {color: red}                   */	/* Funktioniert in ie4+5 noch nicht */
/* p:first-letter {font-size : 24pt ! important} */	/* Funktioniert in ie4+5 noch nicht */

li       {margin-bottom: 8pt;}

abrev    {color        	: black;  }
acronym  {background   	: yellow;}	/* Produktenamen */
address  {text-align   	: center;}
address  {font-size    	: 10pt;}
code     {background   	: #ffcc33;}
dfn      {background   	: #ccff66;}

em     {background   	: #ff6633;
        color        	: #ffff00;
		font-style   	: normal;
		font-weight  	: bold}	   	/* Warnungen, Hinweise       */

cite     {font-size    	: 80%;
          color        	: #666666;
         }

person	{background    	: yellow;}
samp	{font-size     	: smaller;    	/* Bedienung im Programm */
        font-weight   	: lighter;
        margin-bottom 	: 40pt; 
		background    	: #ccff66;
         color         	: cian;}


span	{color	       	: red;}
var     {color         	: #009900;}		/* Firmennamen und Personen  */
div     {color			: red;}        	/* Variabeln aus Datenbanken */

dt	{font-weight		: bold}			/* Glossar-Titel */


/* -------------------------------------------------------------------- */
/* 3. Teil: Weitere Definitionen für Tabellen, Aufzählungen etc.        */
/* -------------------------------------------------------------------- */

/* Tabellenformate */
table   {Background : #aaffff;}
th      {color      : #000088;
		 Background : #77eeff}
td      {color      : #000088;}

.TblKop {Background : #77eeff;}    /* Kopf einer Tabelle       */
.Zeile1 {background : #aaffff;}    /* jede andere zweite Zeile */
.Zeile2 {background : #aaffff;}    /* jede zweite Zeile        */

/* Style Klassen für Kopfframe und Menüframe  */

body  {background : #bbffff;}


.menue  {background : #bbffff;}
.Kopf   {background : #aaffff;}
.Text   {background : #bbffff;}

/* Für das Iframe-Menü (horizontale Navigation) relevante Formatierung */
.iMenu  {background-color : 99ddff;
         text-align       : center;
         alignment        : center;
         vertical-align   : middle;
         font-size  = 8pt;
         margin-top = 0;
}

.iMenuPos {alignment:right;text-align:right}


/* Navigations-Klassen */
.eng	{margin-left	: 10 px;	/* Enge Punktierung für Navigation	*/
	}

.me	{margin-bottom	: 2pt;		/* Rand unten				*/
	}

.preis {/*color        : #800080;*/      /* Preisangaben */ 
        margin-left  : 50;
        margin-right : 50;
		font-weight	 : bold;
		font-style	 : italic}

/* Weitere Style-Klassen */
.Aufgabe {border-style     : double;
          padding	   : 16pt;
          background-color : #ffcc33;
          color            : red;
         }
.Sinn		{border-style:dotted;
	        background-color:#ff9900;
	        }

.fl	{background-color:#ffcc99
	}

.AktDat	{color		: #666666;
	 font-size	: 55%;
	 position	: absolute;
	 top		: 0px;
	 right		: 0cm;
	 z-index	: 1
	}

/* Werden leider erst ab css2 unterstützt */
.schatten  {width : 100%;font-size : 12pt;color : blue;filter : DropShadow(color=#ffcc00,1, offy=1);}
.schatten2  {width : 100%;font-size : 12pt;color : #ffcc00;filter : Shadow(color=black, direction=135);}
.clow  {width : 100%;font-size : 12pt;color : red;filter : Glow(color=yellow, strength=1);}



/*********************************************************************************/
/* PS Wenn Sie dieses Stylesheet schon verwenden, dann versuchen Sie doch gleich */
/* eine eigene Farbkombination zu kreieren. Viele Grüsse Markus Winter           */
/*********************************************************************************/