/**********************************/
/*allgemeine Formatierungen********/
/**********************************/

/*Schriftbutton Startseite: */
/*Titel MandarinD, schwarz, 40pt*/
/*Links Startseite: MandarinD, schwarz, 22pt, 5px oben, 2 px unten, 0 rechts & links */
/*Hauptnavigation: MandarinD 18pt, 5px oben, 2px unten, höhe 22px*/
/*Unternavigation: MandarinD 16pt, 5px (1 bei Umlauten) oben, 2 px unten, höhe 20px*/ 
/*Farbe: normal=schwarz, down=dunkelblau (R 21,G 1,B 133), over=rot (R 196, G 0, B 0)*/
/*Seitenüberschrifen: MandarinD 32pt, schwarz, 4 px oben, 3 px unten, 5 rechts & links, höhe 31px*/
/*Mailschrift: Tahoma 15pt, schwarz, 1 px an jeder Seite, höhe 14px*/

/*allgemeine Formatierung*/
body, td, p { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11 pt;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	scrollbar-base-color: #f0e0cc;
	scrollbar-3dlight-color: #fdf9be;
	scrollbar-highlight-color: #fdfadf;
	scrollbar-shadow-color: #503003;
	scrollbar-arrow-color: #503003;
	scrollbar-track-color: #fdfadf;
	scrollbar-darkshadow-color: #800000;
	}
	
/*speziell für die Index-Seite*/
#index {
   margin-top: 20px;
   margin-left: 20px;
   margin-right: 20px;
	}
	
/*allgemeine Formatierung fuer Absaetze*/	
p  {
	margin-top: 10px;
	margin-bottom: 0px;
	}

/*allgemeine Ueberschriftenformatierung*/
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}

/*Listenformatierung	*/
ul {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-image:url("../bilder/dot.gif");
	}
	
li {
	list-style-type: bullet;
	margin-left: 10px;
	margin-top: 0px;
	}
	
ol {
   list-style-position:outside;
   }


/**********************************/
/*Linkformatierungen***************/
/**********************************/
		
/*Links allgemein*/	
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D52B03;
	}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8a3f00;
	}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b22222;
	}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b22222;
	}
	

		
/*Formatierung für die Navigation*/

.nav_tcm {
	 background-color: #F0D599;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	 }
	 
.nav_tcm_footer {
	 background-color: #F0D599;
	 padding-top: 0px;
	 padding-bottom: 5px;
	 padding-left: 10px;
	 padding-right: 10px;
	 }
	 
/*Einrücken der Hauptzelle*/
.main_tcm {
	 padding-top: 15px;
	 padding-bottom: 15px;
	 padding-left: 15px;
	 padding-right: 50px;
	 }
 
/*einruecken der ersten Zeile*/
.ein {
	text-indent: 5px;
	}
	
/*einruecken des Absatzes*/
.einrueck {
	margin-left: 25px;F4EDBB;F6DEAA;
	}
	
/*Abstand von einem Bild*/
.rechts {
	margin-right: 5px;
	}

	
/*****************************************/
/*Einbindung der Hintergrundbilder/farben*/
/*****************************************/

/*TCM*/	
.tcm {
	background-color: #FDF6CA;
	}

/* Formatierungen zu den Wandlungsphasen */

#holz {
	background: #86B942;
	border-width: 4px;
	border-color: #54A96D;
	border-style: ridge;
	padding: 8px;
	}
	
#holzhell {
	background: #8ACA34;
	border-width: 1px;
	border-color: #54A96D;
	border-style: solid;
	padding: 5px;
	}
	
#holzdunkel {
	background: #86B942;
	border-width: 1px;
	border-color: #54A96D;
	border-style: solid;
	padding: 5px;
	}
	
#feuer {
	background: #E34D10;
	border-width: 4px;
	border-color: #B70404;
	border-style: ridge;
	padding: 8px;
	}
	
#feuerhell {
	background: #E34D10;
	border-width: 1px;
	border-color: #B70404;
	border-style: solid;
	padding: 5px;
	}
	
#feuerdunkel {
	background: #CF4913;
	border-width: 1px;
	border-color: #B70404;
	border-style: solid;
	padding: 5px;
	}
	
#erde {
	background: #D7902A;
	border-width: 4px;
	border-color: #BA8A32;
	border-style: ridge;
	padding: 8px;
	}
	
#erdehell {
	background: #D59E50;
	border-width: 1px;
	border-color: #BA8A32;
	border-style: solid;
	padding: 5px;
	}
	
#erdedunkel {
	background: #D7902A;
	border-width: 1px;
	border-color: #BA8A32;
	border-style: solid;
	padding: 5px;
	}

#metall {
	background: #E5E2D2;
	border-width: 4px;
	border-color: #D1CFEC;
	border-style: ridge;
	padding: 8px;
	}
	
#metallhell {
	background: #E5E2D2;
	border-width: 1px;
	border-color: #B9B8B5;
	border-style: solid;
	padding-left: 5px;
	}
	
#metalldunkel {
	background: #D6D5CE;
	border-width: 1px;
	border-color: #B9B8B5;
	border-style: solid;
	padding-left: 5px;
	}
	
#wasser {
	background: #1E559C;
	border-width: 4px;
	border-color: #43389E;
	border-style: ridge;
	padding: 8px;
	}

/* zur Formatierung von zweifarbigen Tabellen */
#wasserhell {
	background: #3977C7;
	border-width: 1px;
	border-color: #43389E;
	border-style: solid;
	padding-left: 5px;
	}

#wasserdunkel {
	background: #1E559C;
	border-width: 1px;
	border-color: #43389E;
	border-style: solid;
	padding-left: 5px;
	}	

	
	
/**********************************/
/*weitere Formatierungen***********/
/**********************************/

/*Festlegung einer Tabellengroesse, Beispiel*/
.start {
	height: 250px; 
	width: 550px;
	}

/*Pfeil nach unten*/
.pfeil1 {
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 5px;
	}	

/*Pfeil nach oben*/
.pfeil2 {
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 5px;
	}	

/*Abstandformatierungen*/
.block {
	margin-left: 40px;
	}
	
/*Formularformatierung*/
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000; 
	background-color: transparent;
	border-style: inset;
	border-width: 2px;
	border-left-color: #8a3f00;
	border-top-color: #8a3f00;
	border-right-color: #f0e0cc; 
	border-bottom-color: #f0e0cc;                                                                                                                                               
	}
.form2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000; 
	background-color: #fddea6;
	border-style: outset;
	border-width: 2px;
	border-right-color: #8a3f00;
	border-bottom-color: #8a3f00;
	border-left-color: #f0e0cc; 
	border-top-color: #f0e0cc;                                                                                                                                               
	}

/******************/
/*Grafik***********/
/******************/

/*Textfluss links um Grafik mit Abstand*/
.grafik {
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 10px;
	}	
	
/*Textfluss rechts um Grafik mit Abstand*/
.grafik2 {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-top: 10px;
	}	

/*Textfluss um Grafik rechts fuer linkliste*/
.grafik3 {
	float: right;
	width: 180px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 15px;
	border: 2px outset #fdfadf; 
	}	

	/*Textfluss um Grafik fuer linkliste*/
.grafik4 {
	float: left;
	width: 180px;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 15px;
	border: 2px outset #fdfadf; 
	}	
	
/*Rahmen*/
.border {
	border-width: 7px; 
	border-color: #f4b100; 
	border-style: inset; 
	padding: 3px;
	}