/*********************************/
/*                               */
/* Design fuer den Body-Bereichy */
/*                               */
/*********************************/

/* Definitionen gelten fuer gesamten Body-Bereich, ausser anders definiert */
body{
	color: black;			/* Schriftfarbe */
	font-size: 100%;		/* Schriftgroesse */
	font-family: sans-serif;	/* nur sans-serife Schriften erlaubt */
	margin: 0;			/* Aussenabstand */
	padding: 0.5em;			/* alle Elemente ruecken 1em vom Browserrand ein */
	/*min-width: 1024px;*/		/* verhindert Darstellungsfehler fuer DIV-Boxen*/
	overflow: auto;
	background-image: url(hintergrund.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 10.5em 8.2em;
}


/*********************************************/
/*                                           */
/* Formatierung fuer die Ueberschriftenzeile */
/*                                           */
/*********************************************/

/* Ueberschrift fuer Seitenkopf */
/*h1#ueberschrift{
	margin: 0em;			/* Abstand d. Ueberschrift zu umliegenden Elementen */
/* 	padding: 0.3em;			/* Innenabstand des Inhaltes zur DIV-Box */
/* 	color: black;			/* Schriftfarbe */
/* 	background-color: #FFEEDD;	/* Hintergrundfarbe fuer Box */
/* 	border: 2px ridge silver;	/* Rahmen fuer Ueberschrift */
/* 	text-align: center;		/* vertikale Textpositionierung */
/* }*/

div#head {
	position: fixed; /* mit relative kein Abstand nach oben im IE */
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 1024px;
	z-index: 2;
	margin: 0;
	padding: 0px;
	border: 5px solid white;
}
img#head{
/*	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 2;
	margin: 0;
	padding: 0;
	color: black;*/
	border: 0px;
}


/********************************************************/
/*                                                      */
/* Formatierungen fuer Navigation inkl. Pulldown-Menues */
/*                                                      */
/********************************************************/

/* gesamter Navigationscontainer */
ul#navigation {
	position: fixed;		/* damit Navigation mitscrollt ; vorher fixed*/
	padding: 0;			/* kein Abstand von Navigationscontainer zu Menuepunkten */
	margin: 0;			/* kein Abstand von Navigationscontainer zu umliegenden Elementen */
	width: 9.4em;			/* Breite notwendig, damit kein Zeilenumbruch bei Link */
	float: left;			/* eigentlicher Seiteninhalt fliesst rechts um Navigationscontainer */
	top: 7em;			/* von oben alter Wert: 4.8em;*/
	left: 4px;			/* von links alter Wert: 1em;*/
	z-index: 3;
}

/* Hauptmenuepunkte */
ul#navigation li {
	margin: 0.1em;			/* kein Abstand zwischen Menuepunkten */
	/*margin-bottom: 0.07em;*/	/* falls Abstand zwischen links erwuenscht */
	padding: 0;			/* kein Abstand zwischen Links und Listenpunkten */
	font-size: 0.85em;
	list-style-type: none;		/* damit kein Aufzaehlungszeichen vor Listenpunkten */
	position: relative;		/* Positionierung d. Submenuecontainer rel. zu zugehoerigen Hauptmenuepunkten */
}

/* Submenuecontainer im Normalfall*/
ul#navigation ul {
	display: none;			/* nicht anzeigen, ausser wenn */
}

/* Submenuecontainer bei Hover */
/*Hack fuer IE, damit vertikale Abstaende bei Navigationscontainer nicht zu grosz ist*/
* ul#navigation li {
	height: 1%;
	margin-bottom:-2em;
	mar\gin-bottom:0; }

ul#navigation li:hover /*>*/ ul {
	display: block;			/*   Maus darueber */
	width: 100%;
	position: absolute;		/* Positionierung  absolut zu Hauptmenuepunkten */
	top: 1.8em;			/* damit auf gleicher Hoehe */
	right: 0em;			/* breite von Submenuepunkten einruecken damit nicht ueberlappt */
	width: 6.7em;			/* breite des Submenuecontainers */
}
ul#navigation li:hover ul li {
	text-align: left;		/* Titel der Submenuepunkte rechts anordnen */
	margin: 0em;
	margin-top: 0.1em;
}

/* alle Links im Haupt- und Submenue */
ul#navigation li a {			
	display: block;			/* als Blockelement anzeigen */
	padding: 0.2em;			/* etwas Abstand zwischen Text und Rahmen */
	text-decoration: none;		/* damit Links nicht unterstrichen, ... */
	border: 2px solid #7B73EA;	/* Rahmen fuer Links definieren */
	/*-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomright: 1em;*/
	background: #FFFFFF;		/* Hintergrundfarbe fuer Linktext */
	color: blue;
}
/* alle Links im Haupt- und Submenue bei Hover */
ul#navigation li a:hover {
	/*background: #FFFFFF;*/
	color: #EA0102;			/* damit andere Schriftfarbe wenn Maus ueber Link */
	}

/* Klasse fuer Hauptmenuepunkte die auch Untermenuepunkte haben */
li.sub > a {
	font-weight: bold;		/* Hauptmenuepunkte mit Submenue fett darstellen */
}
li.sub:hover {
	width: 17.9em;
	text-align: center;
}

/* Definitionen (Design) fuer Navigationspfeile von Showpage, damit
   keine Darstellungsfehler im IE
   und Hover-Effekt zur Verfuegung steht */
a#first {
	margin-left: 46px;
	background: url(first_red.jpg) no-repeat;
	width: 45px;
	display: block;
	vertical-align: center;
}
a#first img {
	display: block;
	width: 45px;
	height: 25px;
	border: 0;
	vertical-align: center;
}
a#first:hover img {
	visibility: hidden;
	width: 46px;
}

a#back {
	margin-left: 46px;
	background: url(back_red.jpg) no-repeat;
	width: 45px;
	display: block;
}
a#back img {
	display: block;
	width: 45px;
	height: 25px;
	border: 0;
}
a#back:hover img {
	visibility: hidden;
	width: 46px;
}

a#next {
	margin-left: 46px;
	background: url(next_red.jpg) no-repeat;
	width: 45px;
	display: block;
}
a#next img {
	display: block;
	width: 45px;
	height: 25px;
	border: 0;
}
a#next:hover img {
	visibility: hidden;
	width: 46px;
}

a#last {
	margin-left: 46px;
	background: url(last_red.jpg) no-repeat;
	width: 45px;
	display: block;
}
a#last img {
	display: block;
	width: 45px;
	height: 25px;
	border: 0;
}
a#last:hover img {
	visibility: hidden;
	width: 46px;
}

/*****************************************************/
/*                                                   */
/* Formatierungen fuer den eigentlichen Seiteninhalt */
/*                                                   */
/*****************************************************/

/* allgemeine Definitionen fuer gesamten Seiteninhalt */
div#inhalt {
	position: absolute;
	top: 7em;
	left: 10em;
	z-index: 0;
	/*min-height: 100%;
	/*margin: 6.5em 0 0 10em;	/* Aussenabstand fuer die DIV-Box des Inhaltes */
	padding: 8px 0 0 0;		/* Innenabstand fuer die DIV-Box (wird bei jedem Element einzeln festgelegt) */
	border: 0px;			/* kein Rahmen um Inhalt */
}

/* Definitionen fuer Ueberschrift 1 */
div#inhalt h1 {
	font-size: 1.5em;		/* Schriftgroesse fuer Ueberschrift 1 */
	margin-left: 0em;		
	margin-top: 1em;
	margin-bottom: 1em;
	color: #EA0102;
}

/* Definitionen fuer Ueberschrift 2 */
div#inhalt h2 {
	font-size: 1.2em;		/* Schriftgroesse fuer Ueberschrift 2 */
	margin-left: 0.5em;
	margin-top: 1.2em;
	margin-bottom: 0.5em;
	color: #EA0102;
}

/* Definitionen fuer Standardtext */
div#inhalt p {
	font-size: 1em;			/* Schriftgroesse fuer normalen Text */
	margin: 1 0em;			/* Aussenabstand fuer normalen Text von oben/unten, links/rechts */
}

div#inhalt table {
	border: 1px solid #7B73EA;
	border-collapse: collapse;
	padding: 0;
	border-spacing: 0;
}
div#inhalt td {
	padding: 0.1em;
	border-top: 1px solid #7B73EA;
	border-bottom: 1px solid #7B73EA;
	border-collapse: collapse;
	text-align: center;
}
div#inhalt th#datum {
	width: 15%;
}
div#inhalt th#ueberschrift {
/* 	width: 70%; */
}
div#inhalt th#art {
	width: 15%;
}
div#inhalt table#show td {
	border: 0; /* 1px solid #7B73EA; */
	text-align: left;
	vertical-align: top;
}
div#inhalt table#show1 td {
	text-align: center;
}

th#mannschaft {
	padding: 1.5em 0 0.5em 0;
}
/* Definitionen fuer Show-Seite */
/*img#show {
	margin-top: 1em;
}*/
.show {
	border: 0;
	font-size: 1em;
	font-family: sans-serif;
	overflow: auto;
}
div#inhalt li {
	margin-top: 0.2em;
	clear: left;
}

img#left {
	float: left;
	border: 0;
	margin: 0 10px 1em 0;
}

a#link {
	color: blue;
}
a#link:hover {
	color: #EA0102;
}

p {
	clear: left;
}

/* Definitionen fuer Navigationsknoepfe der Diashow */
form {
	background-color: white;
}

.button {
	background-color: white;
	border: 2px solid #7B73EA;
	font-size: 0.9em;
	font-weight: none;
	color: blue;
	font-family: sans-serif;
}
.button:hover {
	color: #EA0102;
}