/* ===================================================== */
/* 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!                                  */
/* -------------------------------------------------------------------- */

body  {background : #ffff99;}


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

p,i,th,td,li,dt,dd,address,acronym,big,var,em,blockquote,a,div  
   {         font-size	 : 10pt;      	/* Schriftgrösse               	*/
   }


/* Einleitungstexte */
blockquote  {color	 : #cc6600;   	/* Textfarbe                   	*/
             font-size	 : 12pt;      	/* 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 : 32pt;}
h2  {font-size : 28pt;}
h3  {font-size : 24pt;}
h4  {font-size : 20pt;}
h5  {font-size : 16pt;}
h6  {font-size : 12pt;}

/* Alle Überschriften mit Zeichenabstand und Schatten */
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 : 10pt;}
/* 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;}

pre	{background	: #ddff00;
         color		: #119900;   	/* Textfarbe                   	*/
         border-style	: double;    	/* Erscheinungsbild des Rahmen 	*/
}

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 */

menu	{margin-left	: 15 px;	/* Enge Punktierung für Navigation	*/
	}

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

/* Tabellenformate */
table   {Background : #ffff66;}
th      {color      : #663300;
	 Background : #ffff00}
td      {color      : #663300;}

.TblKop {Background : #99ff33;}    /* Kopf einer Tabelle       */
.Zeile1 {background : #ffff00;}    /* jede andere zweite Zeile */
.Zeile2 {background : #ffff66;}    /* jede zweite Zeile        */

/* Style Klassen für Kopfframe und Menüframe  */
.menue  {background : #ffff99;}
.Kopf   {background : #ffff66;}
/* .Text   {background : #ffff99;} */

/* Für das Iframe-Menü (horizontale Navigation) relevante Formatierung */
.iMenu  {background-color : yellow;
         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				*/
	}


.code 	{background	: #ddff00;
         color		: #119900;   	/* Textfarbe                   	*/
         border-style	: double;    	/* Erscheinungsbild des Rahmen 	*/
}


.Frage	{color        : Fuchsia;}  /* Bei Interview Format für Frage   */

.Antwort {color        : Red;      /* Bei Interview Format für Antwort */ 
          margin-left  : 50;
          margin-right : 50;
}

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

.Schritt {border-style     : double;
          padding	   : 16pt;
          background-color : silver;
          color            : green;
         }

.lexikon {background-color:#ffee00;
          color            : green;
	}

.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
	}

.NoPrint {display:none;}


/* 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           */
/*********************************************************************************/