/* Global Styles */

body {
	margin:0px;
	background: #C0DFFD;
	}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {   /*  Attributbedingte  Formate */
 /*  a[href=index.htm] trifft z.B. auf Elemente mit <a href="index.htm"> </a> zu.  */
	color: #FF6600;
	font-weight:bold;
	}
	
a:link {
	 color: black;
}

a:visited {
 color: gray;
}
	
a:hover {
	color: #3366CC;
	/* text-decoration: none;
	 color: white;
	 background-color: navy;*/
}

a:active {
	 color: aqua;
	 background-color: navy;
}



/* Individualformate */
/*
	#Name { CSS-Eigenschaft:Wert; ...}
	Element#Name { CSS-Eigenschaft:Wert; ...}
	Für Name einen Namen notieren.
	Trifft auf HTML-Elemente mit <Element id="Name">...</Element> zu.
	#Kopf trifft z.B. auf <div id="Kopf">...</div> zu.
	Für Element ein HTML-Element wie z.B. h2 oder pre notieren.
	p#Kopf trifft z.B. auf <p id="Kopf">...</p> zu, nicht aber auf <div id="Kopf">...</div>.
*/


#pagetext {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	}

#mymenu {
	font: inherit; 
	font-size:16px;
	line-height:20px;
	text-decoration: none;
	/*display:block;*/
	}


#mymenu a {
	font-size:16px;
	line-height:20px;
	text-decoration: none;
	/*display:block;*/
	padding:6px 6px 10px 10px;
	}
	
#mymenu a:link {
	 color: black;
	 font-size:16px;
	 /*background-color:#99FFFF;*/
}

#mymenu a:visited {
    color: #0000CC;
}
	
#mymenu a:hover {   /*  maus over the item */
	color: #660033;
	font-size:16px;
	/*background-color:#CC0000;*/

	/* text-decoration: none;
	 color: white;
	 background-color: navy;*/
}

#mymenu a:active {  /*  maus klick active on the item */
	color: aqua;
	font-size:16px;
	background-color:#00FF00;
}

	
#mymenu td {
	color: #FF6600;
	border-bottom: 2px solid #C0DFFD;
	font:Arial, Helvetica, sans-serif;
	color:#440000;
	font-size:16px;
	font-weight:bold;
	background-color:#99FF33;
	padding:6px 6px 10px 10px;
	/*letter-spacing:.1em;*/
	text-decoration: none;
	/*display:block;*/
	/*padding:6px 6px 10px 10px;*/
	/* background: url("mm_arrow.gif") 14px 45% no-repeat; */
	}
	
#mymenu td:link {
	 color: #0000CC;
	 font-size:16px;
}

#mymenu td:active {
	/* background-color:#CC9933; */ /* hintergrund der menue wenn es aktiv unter dem maus ist*/
	/* background-color:#99FFFF; */
	 font-size:16px;
}

#mymenu td:visited {
 	 /*background-color:#00CCCC;*/
	 font-size:16px;
}
	

#mymenu td:hover {
	/*background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;*/
	/*background-color:#33CC33;*/
	/* text-decoration:*/
	font-size:16px;
	font-weight:bold;
	}


#bodytable {
    background-color:#99FFFF;
	}


#navigation a { 
	font:Arial, Helvetica, sans-serif;
	color:#440000;
	font-size:inherit
	font-weight:inherit
	}
	
#navigation a:link {
	 color: black;
}

#navigation a:visited {
    color: #0000CC;
}
	
#navigation a:hover {
	color: #660033;
	/* text-decoration: none;
	 color: white;
	 background-color: navy;*/
}

#navigation a:active {
	 color: aqua;
}

	
#navigation td {
	color: #FF6600;
	border-bottom: 2px solid #C0DFFD;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#440000;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration: none;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;

	}
	
#navigation td:link {
	 color: #0000CC;
}

#navigation td:active {
	 background-color:
	 #CC00CC;
}

#navigation td:visited {
 	 background-color:#00CCCC;
}
	

#navigation td:hover {
	/*background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;*/
	 background-color:
	 #9999FF;
	/* text-decoration:*/
	font-weight:bold;
	}

#headImage {
	width:495;
	height:174;
}

#headImage td {
	width:495;
	height:174;
}

#pictureMiddle {
	width:100;
	height:100;
	text-align:center;
	vertical-align:center;
}


#spacer {
	width:20;
	height:100;
}


#headSpacer {
	width:100;
	height:40;
}


#navigationPath {
    /*position:absolute;*/
	width:100;
	height:20;
}


#navigationPath td {
	width:100;
	height:20;
}


#somelinks a:alink {
	 color: black;
}

#somelinks a:visited {
	color: #0000CC;
	font : Monotype Corsiva;
}
	
#somelinks a:hover {
	color: #660033;
	font : Monotype Corsiva;
	/* text-decoration: none;
	 color: white;
	 background-color: navy;*/
}

#somelinks a:active {
	 color: aqua;
	 font:24px Verdana, Arial, Helvetica, sans-serif;
}

	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	/*letter-spacing:.2em;*/
	/*line-height:30px;*/
	}

#logo td {
	text-align:left;
	vertical-align:middle;
	}	

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}

#worklist {
 	line-height:30px;;
}


#worklistcolored {
 	line-height:30px;
	color:#3333CC;
	font-size:12px;
	font-weight:bold;
}
	
/* Formate für Klassen, Class Styles #003366 
	Element.Klassenname { CSS-Eigenschaft:Wert; ...}
	*.Klassenname { CSS-Eigenschaft:Wert; ...}
	.Klassenname { CSS-Eigenschaft:Wert; ...}
	.KlassennameA.KlassennameB { CSS-Eigenschaft:Wert; ...}
	Für Element ein HTML-Element wie z.B. strong oder table oder * ("alle Elemente") notieren. Der Stern kann auch entfallen.
	Für Klassenname einen Namen notieren.
	Trifft auf HTML-Elemente mit <Element class="Klassenname">...</Element> zu.
	.gross trifft z.B. auf <p class="gross">...</p> zu.
	.KlassennameA.KlassennameB trifft z.B. auf <p class="KlassennameA KlassennameB">...</p> zu.
*/	

.Stil1 {font-size: 14px}

.listtitle {
	color:#3300CC;
	font-weight:bold;
	font-size:16px;
}

.menuItem {
	font:20px Verdana, Arial, Helvetica, sans-serif;
	color:#440000;
	}

	
.bodyPicture {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	vertical-align:top;
	text-align:right;
	}


.middlePicture {
	vertical-align:middle;
	width:110;
	height:110;
	border:0; 
	}
	
.bodyText {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	text-align:left;
	line-height:20px;
	}

.bodytextcolor {
	line-height:25px;
 	color:#660033;
	font-size:14px;
	font-weight:bold;
}

.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-align:left;
	/*line-height:24px;
	letter-spacing:.2em;*/
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	/*text-decoration: none;*/
	}

.Stil2 {
	font-size: 16px;
	}

.klein {
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

.invisible {
	color: #C0DFFD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}


#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
}
	
	
	/*a:link { CSS-Eigenschaft:Wert; ... }    /* noch nicht besuchte Ziele */
	/*a:visited { CSS-Eigenschaft:Wert; ... } /* besuchte Ziele */
	/*a:hover { CSS-Eigenschaft:Wert; ... }   /* Verweise bei "MouseOver" */
	/*a:active { CSS-Eigenschaft:Wert; ... }  /* Angeklickte Verweise */
	/*a:focus { CSS-Eigenschaft:Wert; ... }   /* Verweise, die Fokus erhalten */
	 
	/*Element:hover { CSS-Eigenschaft:Wert; ... }   /* Element bei "MouseOver" */
	/*Element:active { CSS-Eigenschaft:Wert; ... }  /* Angeklickte Elemente */
	/*Element:focus { CSS-Eigenschaft:Wert; ... }   /* Elemente, die Fokus erhalten */
	 
	/*#Name:hover { CSS-Eigenschaft:Wert; ... }   /* Individualformate bei "MouseOver" */
	/*#Name:active { CSS-Eigenschaft:Wert; ... }  /* Angeklickte Individualformate */
	/*#Name:focus { CSS-Eigenschaft:Wert; ... }   /* Individualformate, die Fokus erhalten */
	 
	/*Element:first-line { CSS-Eigenschaft:Wert; ... }   /* erste Zeile */
	/*Element:first-letter { CSS-Eigenschaft:Wert; ... } /* erster Buchstabe */
	 
	/*Element:lang(xy) { CSS-Eigenschaft:Wert; ... } /* Elemente mit Sprachauszeichnung */
	 
	/*Element:before { content:Wert; } /* Vor dem Element einfügen */
	/*Element:after { content:Wert; }  /* nach dem Element einfügen */
	/*:link und :visited sind nur bei a-Elementen (Verweisen) möglich,
			 :hover, :active und :focus auch bei anderen Elementen und 	Individualformaten. */
			

	
	
	/*
	
	nach der Deklaration wird für den Body folgende Format verwendet
	
	body {
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 background-color: #e2edff;
	 line-height: 125%;
	 padding: 15px;
	}
	
	h1 {
	 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	 font-size: x-large;   


	}
	
	h2 {
	 color: blue;
	 font-style: italic;    // normal or italic
	 font-weight: normal;   // bold or normal
	 font-size: medium;     // xx-small, x-small, small, medium, large, x-large, xx-large
	 text-decoration: underline; //  none, underline, overline, or line-through
	 background-color: black; 
	}
	
	h3, h4, h5 {
	 color: yellow;
	 background-color: black;
	}
	
	li {
	 font-size: small;
	}
	
	
	p {
	 font-size: small;
	 color: navy;
	}
	*/