body {
	margin: 0; padding: 0;
	background-color: #3f3f3f;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	background-image: url(bilder/);
	background-repeat: repeat-x;
	background-position: 0 -124px;
}
img {
	border: 0;
}

.ddiv { border: 1px solid white; }



div#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid white;
	border-top: 0;
}

#header {
	position: relative;
	background-image: url(bilder/header_hg.png);
	background-repeat: no-repeat;
	height: 191px;
	border-bottom: 2px solid white;
}
#header #logo {
	position: absolute;
	top: 40px; left: 32px; 
	height: 140px;
	width: 125px;
}
#header #logoindex a {
	text-indent: -9999px;
	height: 140px;
	left: 0px;
}

#header #logoindex a {
	position: absolute; 
	display: block;
	text-indent: -9999px;
	top: 0px;
	width: 125px; 
}

#header #headernavi {
	top: 105px; left: 780px; 
	height: 50px;
	width: 105px;
	position: absolute;
	z-index: 2;
}
#header #headernavi a {
	text-indent: -9999px;
	height: 20px;
	left: 0px;
}
#headernavi div {
	height: 20px;
	position: relative;
}
#headernavi a {
	position: absolute; 
	display: block;
	text-indent: -9999px;
}
#headernavi #hindex {
	width: 95px;
}
#headernavi #hindex a {
	top: 0px;
	width: 95px; 
}
#headernavi #hkontakt {
	width: 95px;
}
#headernavi #hkontakt a {
	top: 4px;
	width: 95px; 
}



/* navigation */

#navigation { margin: 0; padding: 0; width: 900px; margin-top: 0px; clear: both; padding-left: 42px; }

#navigation div {
	float: left;
	height: 42px;
	position: relative;
	background-position: top;
	background-image: url(bilder/navigation_hg.gif);
	border: 0px solid white;
	background-color: #3E3E3E;
}
#navigation a {
	position : absolute; 
	display : block;
	text-indent: -9999px;
	border: 0px solid white;
}

#navigation .ueberuns {
	background-image: url(bilder/navigation_aueberuns.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 70px;
}
#navigation .ueberuns a {
	left: 0px;
	top : 0px;
	height : 32px;
	width : 70px; 
}
#ueberuns #navigation .ueberuns, #navigation .ueberuns a:hover {
	background-image: url(bilder/navigation_ueberuns.gif);
	background-repeat: no-repeat;
}

#navigation .mannschaften {
	background-image: url(bilder/navigation_amannschaften.gif);
	background-repeat: no-repeat;
	width: 153px;
	background-position: 30px 0;
}
#navigation .mannschaften a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 150px;
}
#mannschaften #navigation .mannschaften, #navigation .mannschaften a:hover {
	background-image: url(bilder/navigation_mannschaften.gif);
	background-repeat: no-repeat;
}


#navigation .kindersport {
	background-image: url(bilder/navigation_akindersport.gif);
	background-repeat: no-repeat;
	width: 131px;
	background-position: 30px 0;
}
#navigation .kindersport a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 128px;
}
#kindersport #navigation .kindersport, #navigation .kindersport a:hover {
	background-image: url(bilder/navigation_kindersport.gif);
	background-repeat: no-repeat;
}


#navigation .sponsoren {
	background-image: url(bilder/navigation_asponsoren.gif);
	background-repeat: no-repeat;
	width: 125px;
	background-position: 30px 0;
}
#navigation .sponsoren a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 122px;
}
#sponsoren #navigation .sponsoren, #navigation .sponsoren a:hover {
	background-image: url(bilder/navigation_sponsoren.gif);
	background-repeat: no-repeat;
}


#navigation .neuigkeiten {
	background-image: url(bilder/navigation_aneuigkeiten.gif);
	background-repeat: no-repeat;
	width: 128px;
	background-position: 30px 0;
}
#navigation .neuigkeiten a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 125px;
}
#neuigkeiten #navigation .neuigkeiten, #navigation .neuigkeiten a:hover {
	background-image: url(bilder/navigation_neuigkeiten.gif);
	background-repeat: no-repeat;
}


#navigation .gaestebuch {
	background-image: url(bilder/navigation_agaestebuch.gif);
	background-repeat: no-repeat;
	width: 118px;
	background-position: 30px 0;
}
#navigation .gaestebuch a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 115px;
}
#gaestebuch #navigation .gaestebuch, #navigation .gaestebuch a:hover {
	background-image: url(bilder/navigation_gaestebuch.gif);
	background-repeat: no-repeat;
}


#navigation .links {
	background-image: url(bilder/navigation_alinks.gif);
	background-repeat: no-repeat;
	width: 93px;
	background-position: 30px 0;
}
#navigation .links a {
	left: 30px;
	top : 0px;
	height : 32px;
	width : 90px;
}
#links #navigation .links, #navigation .links a:hover {
	background-image: url(bilder/navigation_links.gif);
	background-repeat: no-repeat;
}


/* fusszeile */

#footer { 
	clear: both; 
	line-height: 3.3em;
	padding-top: 1.2em;
	color: #fff;
	background-color: #cc2d2d;
}
#footer ul {
	margin: 0; padding: 0;
	margin-bottom: -10px;
}
#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 12px;
}
#footer a {
	font-weight: bold;
	color: #fff;
}


/* inhalt */

#inhalt {
	margin: 0; padding: 0;
	padding: 10px 55px 40px 45px;
	color: #555;
	clear: both;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-color: #fff;
	min-height: 400px;
	background-image: url(bilder/hg_mitte.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

	/* ---------------- seitenspezifisches ---------------- */

/* index (home) */

#index #inhalt {
	padding: 10px 15px 10px 45px;
}

#startseitespalte1 {
	width:500px; 
	float:left; 
	padding-right:10px;
}

#startseitespalte2 {
	width:270px; 
	float:right; 
	/**border-left:dashed 2px #3f3f3f; **/
	margin-left:10px; 
	padding: 5px 0 0 10px;
}
#startseitespalte2 div {
	border-left: 5px solid #ddd;
	padding-left: 11px;
}

/* subnavi seitenspezifisch */

#classes #subnavi {
	/*background-color: #aa7fb5;*/
	background-image: url(bilder/bg_sn_classes.png);
	
}

#teach #subnavi {
	/*background-color: #EFBD59;*/
	background-image: url(bilder/bg_sn_teach.png);
}







#mitte a { color: #C4000A; text-decoration: none; border-bottom: 1px solid #C4000A; }
#mitte a.none { border: 0px; }
#mitte a:hover { text-decoration: none; border-bottom: 0px solid #C4000A; }
#mitte a { color: #C4000A; font-size: 95%; font-weight: bold; }


h2 { 
	font-size: 130%; 
	margin: 0; padding: 0;
  /*margin-top: 1.5em;*/
}

#mitte p {
	margin: 0; padding: 0;
  margin: 1.3em 0px;
	line-height: 1.4em;
}
.ifloatleft { float: left; padding: 0 15px 5px 0; }
.floatright { float: right; padding: 0 0 5px 15px; }
.center { text-align: center; }



.clearfloat { clear: both; height: 20px; }


#mitte li { 
	margin: 0; padding: 0;
	padding-bottom: 0.5em;
	margin-left: 20px;
	line-height: 1.3em;
}

#mitte ul { 
	margin: 0; padding: 0;
	margin-bottom: 0.8em;
	margin-top: -0.5em;
}




#classes #sidebar-rechts {
	float: right;
	width: 179px;
	margin-right: 0px;
	padding-top: 0em;
	padding-left: 0px;
}


#classes #mitte {
	padding-right: 230px;
}

#classes #sidebar-rechts ul { margin: 0; padding: 0; 
	padding-top: 9px;
	background-color: #FCEAC4; }
	
#classes #sidebar-rechts li { 
	margin: 0; padding: 0;
	padding-bottom: 1.2em;
	padding-left: 24px;
	list-style-type: none;
	background-image: url(bilder/icon_note_lila.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;	 
	font-weight: bold;
	font-size: 95%;
}

#classes #sidebar-rechts h2 {
	font-size: 12px; 
	font-weight: bold; 
	padding: 9px 0 7px 36px;
	background-image: url(bilder/classes_hg_sb.gif);
	background-repeat: no-repeat;
	text-transform: uppercase ;
	background-color: #FADB9C;
	border-bottom: 2px solid #fff;
}
#classes #sidebar-rechts li.active { 
	background-image: url(bilder/icon_note_rot.gif);
	color: #F72E27;
}
#classes #sidebar-rechts li a { 
	text-decoration: none;
}
#classes #sidebar-rechts li a:hover { 
	text-decoration: underline;
}




#teach #sidebar-rechts {
	float: right;
	width: 179px;
	margin-right: 0px;
	padding-top: 0em;
	padding-left: 0px;
}


#teach #mitte {
	padding-right: 230px;
}

#teach #sidebar-rechts ul { margin: 0; padding: 0; 
	padding-top: 9px;
	background-color: #F0ECF5; }
	
#teach #sidebar-rechts li { 
	margin: 0; padding: 0;
	padding-bottom: 1.2em;
	padding-left: 24px;
	list-style-type: none;
	background-image: url(bilder/icon_note_rot.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;	 
	font-weight: bold;
	font-size: 95%;
	color: #E8B45B;
}

#teach #sidebar-rechts h2 {
	font-size: 12px; 
	font-weight: bold; 
	padding: 9px 0 7px 36px;
	background-image: url(bilder/teach_hg_sb.gif);
	background-repeat: no-repeat;
	background-color: #E4D9EB;
	text-transform: uppercase ;
	border-bottom: 2px solid #fff;
}
#teach #subsidebar-rechts2 h2 {
	background-image: url(bilder/teach_hg_sb2.gif);
}

#teach #sidebar-rechts li.active { 
	background-image: url(bilder/icon_note_lila.gif);
	color: #AA7FB5;
}
#teach #sidebar-rechts li a { 
	text-decoration: none;
	color: #E7B259;
}
#teach #sidebar-rechts li a:hover { 
	text-decoration: underline;
}

#teach #subsidebar-rechts2 {
	padding-top: 2em;
}



label { font-weight: bold; }
#mitte .tf { border: 1px solid #666; width: 500px; margin: 4px 0 14px 0;  font-size: 110%; padding: 5px; }
#mitte .tfplz { border: 1px solid #666; width: 220px; margin: 4px 0 14px 0; padding: 5px; }
#mitte .tfort { border: 1px solid #666; width: 404px; margin: 4px 0 14px 0; padding: 5px; }
#mitte .tf2 { border: 1px solid #666; width: 50px; margin: 1px 0 1px 16px; text-align: right; padding: 5px; }
#mitte .ta2 { border: 1px solid #666; width: 500px; height: 100px; margin: 4px 0 14px 0; font-family: verdana; padding: 5px; font-size: 105%; }
#mitte .ta { border: 1px solid #666; width: 500px; height: 180px; margin: 4px 0 14px 0; font-family: verdana; padding: 5px; font-size: 105%; }


#formkontakt { margin: 30px 0 40px 10px; font-size: 105%; }
#mitte p.error { 
	font-weight: bold;
	border: 4px solid #C30; 
	padding: 10px 15px 10px 45px;
	background-image: url(bilder/achtung.gif);
	background-repeat: no-repeat;
	background-position: 12px 50%;
	color: #C30;
	background-color: #FFFF33;
}

.spieler { width: 650px; }
.spieler th, .spieler td {
	padding: 5px;
	text-align: left;
}

.sponsoren em{
	font-weight: bold;
	font-style: normal;
}

#tabelle-sponsoren {
	border-collapse: collapse;
	padding: 30px;
}

#tabelle-sponsoren td{
	padding: 10px;
	border-bottom: black 0.5px dashed;
	height: 50px;
	}

.logo-sponsor {
	text-align: center;
	width: 40%;
	}

.adresse-sponsor {
	vertical-align: baseline;
	width: 60%;
	}

.hauptsponsor {
	text-align: center;
}

.hauptsponsor img {
	text-align: center;
	padding-bottom: 5px;
}

#mitte a#sponsorlink :hover {  
	border-bottom: 2px solid #C4000A; 
}

.subh { color: #c4000A; font-weight: bold; }

#startseitespalte2 p {
	margin: 0.2em 0 0.2em 0;
	border-bottom: 1px solid #eee;
	font-size: 0.85em;
}