body {
	height:100%;
	padding:0;
	margin:0;
	background:white;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-family: Verdana, sans-serif;
	text-align:justify;
	color:#505050;
}

 a {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	color:#aa0000;
}
.clear {
	clear:both;
}

h2 {
	font-size:14px;
	font-family:Verdana, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	margin:2 0 0 0;
	padding:0;
}

/* Div, das das Seitengerüst definiert */
#seite {
	width:970px;
	height:101%;
	position:absolute;
	left:10px;
	top:0;
	margin:0;
	padding:0;
}

/* Div für die Regionenreiter und Headergrafik*/
#reiter_region {
	position:absolute;
	left:480px;
	top:4px;
	width:470px;
	padding:0;
	margin:0;
}
#reiter_region ul {
	list-style-type:none;
	width:470px;
	padding:0;
	margin:0;
	overflow:hidden;
}
	
#reiter_region li {
	display:block;
	padding:0;
	margin:0;
	float:left;
	width:109px;
	height:26px;
}

#header {
	height:102px;
	width:970px;
	position:absolute;
	left:50%;
	top:27px;
	margin:0 0 0 -485;
	background:url(../pics/seitenheader2.gif) no-repeat center top;
	padding:0;
}
/* Banner */
#header img {
	margin:12px 0px 0px 480px;
}

/*Horizontale Hauptnavigation*/
#menuereiter {
	position:absolute;
	top:118px;
	left:50%;
	width:970px;
	padding:0;
	margin:0 0 0 -485;
}
#menuereiter ul {
	list-style-type:none;
	padding:0;
	margin:0;
	background:pink;
}

#menuereiter li {
	float:left;
	height:28px;
	padding:0;
	margin:0;
	text-align:left;
	background:url(../pics/menuereiter_inaktiv_mitte.gif) repeat-x center top;
}

#menuereiter li a {
	padding:0;
	margin:0 5 0 3;
	line-height:28px;
	font-weight:bold;
	color:white;
	font-size:10px;
}

#menuereiter li img {
	padding:0;
	margin:0;
}

/* Sockel der Menüreiter */
#sockel {
	width:970px;
	background:url(../pics/grey_bar.gif) repeat-x center top;
	height:10px;
	position:absolute;
	top:146px;
	left:50%;
	margin:0 0 0 -485;
}
/* Sockel der Menüreiter Ende */

#inhalt{
	position:absolute;
	top:165px;
	left:50%;
	margin:0 0 0 -485;
	width:970px;
	padding:0;
	background:transparent;
}

/* Suchformular Stadien */
#kasten input.eingabe {
	width:175px;
	margin:0;
	height:23px;
	text-align:center;
	background:transparent url(../pics/logineingabefeld_lang.gif) no-repeat center top;
	font-family: Verdana, Helvetica, sans-serif;
	border:0;
}
#kasten .knopf {
	background:transparent url(../pics/anmelde_knopf_blank.gif) no-repeat center top;
	width:57px;
	height:19px;
	position:relative;
	font-size:10px;
	color:#505050;
	border:0;
	font-weight:bold;
	top:3px;
}


/*die jeweiligen Inhaltsboxen*/
#box {
	padding:0;
	margin:0 8 0 0;
	position:relative;
	left:0;
	top:0;
	float:left;
}
/*Titelleisten der Boxen*/
#box #titel {
	display:block;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	height:55px;
	z-index:100;
}

#box #titel #anfang { /*hier und in der folgenden Anweisung Hintergrundgrafiken austauschen, wenn andere Farbe erwünscht*/
	background:url(../pics/iconrahmen.gif) no-repeat 0 0;
	width:60px;
	height:55px;
	float:left;
	margin:0;
}
#box #titel #mitte {
	background:url(../pics/header_mitte.gif) repeat-x left top;
	line-height:23px;
	height:55px;
	float:left;
	font-weight:bold;
}

#box #titel #ende {
	float:left;
	height:55px;
	width:48px;
}

#box #titel h2 {
	font-size:13px;
	font-family:Verdana, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	margin:2 0 0 10;
	padding:0;
}

/*Dropdownteil in Vereine-, Foto- und Stadienbox*/
#box #titel ul.drop {
	list-style-type:none;
	margin:0;
	padding:0px;
}
#box #titel ul.drop li {
	margin:0;
	padding:0;
	float:left;
}
#box #titel ul.drop li a{
	font-size:8px;
	float:left;
	color:#505050;
	padding:0;
	font-size:10px;
	margin:0 10 0 10;
	background:transparent;
}
#box #titel ul.drop li a:hover {
	background:#bf2626; /*hier Definition des roten Linkhintergrundes beim Drüberfahren mit der Maus*/
	color:white;
}

#box #titel ul.drop li ul.dropi {
	background:#767676;
	display:none;
	position:absolute; /*die Angabe width:??px; im HTML bei dem jeweiligen Dropdownmenü machen, falls Änderungen nötig*/
	top:47px;
	left:6px;
	padding:0;
	margin:0;
}
#box #titel ul.drop li ul.dropi li {
	display:block;
	padding:0;
	margin:0;
	float:none;
	clear:both;
	white-space:nowrap;
	line-height:17px;
	text-align:left;
}
#box #titel ul.drop li ul.dropi li a {
	color:white;
	float:none;
	padding:0;
	height:15px;
	margin:0 0 0 4;
	letter-spacing:-0.2px;
	background:transparent;
}
#box #titel ul.drop li ul.dropi li a:hover {
	background:#bf2626; /*hier Definition des roten Linkhintergrundes beim Drüberfahren mit der Maus*/
	color:white;
}

#box #titel ul.drop li:hover ul.dropi {
	display:block;
}
/* Dropdownteil Ende*/

/*Inhaltsteil der Boxen, höhenskalierbar. Wenn feste Höhe erwünscht wird, muss diese hier angegeben werden*/
#box #kasten {
	padding:50 0 0 0;
	margin:0 0 15 3;
	background:#f3f3f3;
	border-left:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
	text-align:justify;
}

#box #kasten h3 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0 0 15 15;
}
#box #kasten a {
	font-size:12px;
}
#box #kasten p {
	margin:0 15 10 15;
}
/*kleine Inhaltsbox innerhalb der Unterseiten, Breite im HTML angeben*/
#box_klein {
	float:left;
	margin:0;
	background:transparent;
}
#box_klein ul {
	margin:0 0 15 0;
}
#box_klein ul li{
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 0 7 0;
	line-height:15px;
}
#box_klein #weiteres ul li{
	margin:0;
}

/*Tabelle für stadionliste.htm und stadionfokus_tab.htm. Breitenangaben sind im HTML vermerkt. */
/*Tabellenkopf mit dem roten Hintergrund, bei Farbänderungen hier Grafik austauschen*/
#box #liste th {
	font-size:12px;
	background:url(../pics/menuereiter_inaktiv_mitte.gif) repeat-x 0 0px;
	text-align:left;
	padding-left:10px;
	margin:0;
	color:white;
}
/*Tabellenzeile */
#box #inhalt2 #liste tr {
	margin:0;
	height:28px;
}
#box #liste tr {
	margin:0;
	height:20px;
}

/*Tabellenzelle */
#box #inhalt2 #liste td {
	font-family: Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:#f3f3f3;
	padding-left:10px;
	margin:0;
}
/*Tabelle Ende*/

#box #inhalt2 h3 {
	width:600px;
	line-height:30px;
	border-bottom:1px solid #cbcbcb;
}

/*Fußleiste*/
#footer{
	width:970px;
	border-top:1px solid lightgrey;
	text-align:center;
	position:relative;
}
#footer a {
	margin:0 10 0 10;
}