body {
     scrollbar-base-color: #DFE9CB; scrollbar-face-color: #BEC7AD; background-color:#FFFFFF;
}



/* Layout der Hauptgruppen */

.logo {
	background-color:#9E2529; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #BEC7AD; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout des Feldes mit dem SG Rote Erde Beckum-Logo */

.titel {
	background-color:#DFE9CB; FONT-SIZE: 18px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout der Titelleiste (Ueberschrift) */

.untertitel {
	background-color:#BEC7AD; FONT-SIZE: 18px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout der Leiste mit dem Untertitel (z.B. Marathon-Staffel) */

.datum_aktuell {
	background-color:#9E2529; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #BEC7AD; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout des Datumfeldes */

.fussleiste {
	background-color:#BEC7AD; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout der Fussleiste */

.navigation {
	background-color:#FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout der Navigation */

.navigation_rubrik {
	background-color:#DFE9CB; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout der Navigationspunkte */

.zaehler {
	background-color:#9E2529; FONT-SIZE: 12px; COLOR: #BEC7AD; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Hintergrundfarbe der "Infothek" im Hauptfenster am rechten Bildrand */

.inhalt {
	background-color:#FFFFFF; FONT-SIZE: 14px; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout des Hauptfeldes */



/* Layout der Texte */

.text {
	FONT-SIZE: 12px; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* normaler Text */

.bold {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* fetter Text */

.italic {
	FONT-SIZE: 12px; FONT-StYLE: italic; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* kursiver Text */

.textfarbig {
	FONT-SIZE: 10px; COLOR: #CC3300; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* normaler farbiger Text */

.textfarbigbold {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #CC3300; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* fetter farbiger Text */

.textfarbigitalic {
	FONT-SIZE: 12px; FONT-STYLE: italic; COLOR: #CC3300; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* kursiver farbiger Text */

.h1 {
	FONT-SIZE: 20px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Hauptueberschrift */

.h2 {
	FONT-SIZE: 18px; FONT-WEIGHT: bold; COLOR: #BEC7AD; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Nebenueberschrift */



/* Layout der Links */

A:link {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout eines Links */

A:visited {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout eines bereits besuchten Links */

A:active {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #212C4D; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
} /* Layout eines aktiven Links */

A:hover {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #9E2529; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: underline
} /* Layout eines Links beim ueberfahren mit der Maus */