/*
Dies ist die CSS-Datei.
Hier kannst du auf das Design Einfluss nehmen.

Um die Bearbeitung einfacher zu machen, hier die Erklärung
font-family: Schriftart
color: Schriftfarbe
background : Hintergrundfarbe
font-size: Schriftgröße
text-decoration: Dekoration des Textes (none heisst keine; underline heisst unterstrichen; overline heisst überstrichen)
optional kann man noch font-weight einfügen (bold heisst fett; italic heisst kursiv). Die Notation ist gleich.

Versuche, body und table gleich zu halten.
hr steht für Linien
a und a:link für unbesuchte Links
a:visited für bereits besuchte Links
a:hover fürs Überfahren eines Links.
a:active steht für den Zustand des Links, nachdem er angeklickt wurde.
*/
body {
 font-family: Arial;
 color: #A00000;
 background: #FFFFFF;
 background-image: url("Wasserzeichen.gif");
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
 font-size: 12px;
}
body.wasserzeichen {
 font-family: Arial;
 color: #A00000;
 background: #FFFFFF;
 background-image: url("Wasserzeichen.gif");
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
 font-size: 12px;
}
table {
	border: thin solid Maroon;
	border-color: Maroon;
	background: #F0F0F0;
	color: #880000;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
}
table.termine {
	width: 100;
	color: #383838;
	background: transparent;
	font-family: Arial;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	border: Black;
}
table.blank {
	border: none;
	color: #383838;
	background: transparent;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
}
table.ueberschrift {
	border: thin groove Maroon;
	color: White;
	background: transparent;
	font-family: Arial;
	font-size: large;
	font-stretch: narrower;
	font-style: normal;
	background-color: Maroon;
}
/* Zeilenhintergrund in Grau */
tr.grau * {
	background: #EEE;
	font: smaller Verdana, "Andale Mono", Courier, "Courier New", monospace;
	border: 1px solid #ADADAD;
	border-width: 1px 1px 1px 1px;
}
/* Zeilenhintergrund in Grau */
tr.dunkelgrau * {
	background: #E0E0E0;
	font: smaller Verdana, "Andale Mono", Courier, "Courier New", monospace;
	border: 1px solid gray;
	border-width: 1px 1px 1px 1px;
}
table.Steckbrief {
	border: none;
	color: #383838;
	background: transparent;
	letter-spacing: 1px;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
}
hr {
	color: Maroon;
	line-height: normal;
	list-style: decimal;
}

b { color: Maroon;
	 }
}
a:link {
	color: Black;
	text-decoration: none;
	font-size: 10px;
}
a:visited {
	color: Maroon;
	text-decoration: none; /*  besuchte Links */
}
a:hover {
	color: #800000;
	text-decoration: underline;
	background-color: transparent; /* auf den Link gehen rot und hintergrund grau */
}
a:active {
	color: Maroon;
	text-decoration: underline;
}
h1 {
	font: Arial;
	color: Maroon;
	font-style: normal;
	font-size: 16px;
	letter-spacing: 1px;
}
h2 {
	font: bold small sans-serif;
	color: Maroon;
	font-size: 14px;
	letter-spacing: 1px;
}
h5{
	text-decoration: underline;
	font-size: larger;
	color: Black;
	background-color: #F5F5F5;
}
h5.Training{
	font-size: 12px;
	color: Black;
	text-decoration: none;
}
p {
	letter-spacing: 1px;
	line-height: 18px;
	text-align: justify;
	color: #383838;
}
p:first-letter {
	color: Maroon;	
	font-size: 130%;
}
p.tabelle {
	letter-spacing: 1px;
	line-height: 110%;
	text-align: justify;
	color: #383838;
	font-size: 12px;
}
i {
	font-size: 10px;
	font-style: normal;
}
img.links {
	float: left;					/* Bild links    */
	text-align: left;  			/* Textflüß links   */
	margin-top: 5px;				/* Abstand oben   */
	margin-bottom: 12px;			/* Textabstand unten   */
	margin-right:12px;			/* Textabstand rechts   */
	}
img.rechts {
	float: right;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 12px;
	margin-left: 12px;
	}