@import url("reset.css");

/* [1. Body] */
body {
	color:					#555;
	background: 			#FFF
								url(../../fileadmin/bilder/bg_header.gif)
								repeat-x
								scroll
								left
								top;
	font:						normal
								0.8em/1.3em
								Arial,Helvetica,sans-serif;
	margin:					0;
	padding: 				0;
	/* width:					100%;*/
}
a {
	color:					#FF9510;
	text-decoration:		underline;
}
a:hover {
	color: 					#CCC;
}
a:active,
a:focus,
li:active,
li:focus {
	border: 					0;
}
img {
	display:					block;
	border: 					none;
	behavior:			   url(iepngfix.htc);		/* PNG-Transparenz-Fix f�r IE<7 */
}

#wrapper {
	margin:					0 auto;
	width:					75em;
	padding: 				0;
}
.floatleft {
	float:					left;
}
.floatright {
	float:					right;
}
.clear {
	clear:					both;
	height:					0;
}
.inline {
	display: 				inline;
}


/* [2. Header] */
#banner {
	margin:					0;
	padding:					0;
}
#banner a.header,
#banner a:hover.header {
	width:					300px;
	height: 					75px;
	display: 				block;
	margin: 					0;
	background: 			url(../../fileadmin/bilder/header_schriftzug.gif) no-repeat;
	color:					#000;
	float: 					left;
}
#banner .funktionen {
	background: 			transparent;
	height: 					25px;
	padding: 				45px 0 0 750px;
	margin: 					0 10px;
}
#banner .funktionen {
	padding-left /*\**/: 500px\9;
}

#banner .funktionen a {
	padding: 				0;
	margin:					0 0 0 20px;
	text-decoration: 		none;
}
#banner .funktionen img {
	margin: 					0 5px 0 0;
}


/* [3. Menu] */
#navi {
	margin: 					2px 0 0 0;
}
#navi .mainnavi {
	height:					75px;
	background:				transparent;
	margin: 				10px 10px 0 10px;
}
#navi .mainnavi ul {
	margin: 					0;
	padding: 				0;
}
#navi .mainnavi li {
	float: 					left;
	list-style-type: 		none;
	margin: 					0 2px 0 0;
	height: 					75px;
	width: 					233px;
	background: 			url(../../fileadmin/bilder/bg_header2.gif) repeat-x;
}
#navi .mainnavi ul li a {
	display:					block;
	height:					75px;
	width: 					233px;
	text-indent:			-500em;
	top:						0;	
}
#navi li a {
   background: url(../../fileadmin/bilder/menu_sprite.gif) no-repeat top left;
}
#navi .mainnavi li.aktuelles a:hover,
#navi .mainnavi li.aktuelles a.aktiv { background-position: 0 -30px; } 
#navi .mainnavi li.aktuelles a { background-position: 0 -135px; } 
#navi .mainnavi li.mannschaften a:hover,
#navi .mainnavi li.mannschaften a.aktiv { background-position: 0 -240px; } 
#navi .mainnavi li.mannschaften a{ background-position: 0 -345px; } 
#navi .mainnavi li.service a:hover,
#navi .mainnavi li.service a.aktiv { background-position: 0 -450px; } 
#navi .mainnavi li.service a { background-position: 0 -555px; } 
#navi .mainnavi li.sponsoren a:hover,
#navi .mainnavi li.sponsoren a.aktiv { background-position: 0 -660px; } 
#navi .mainnavi li.sponsoren a { background-position: 0 -765px; } 
#navi .mainnavi li.verein a:hover,
#navi .mainnavi li.verein a.aktiv { background-position: 0 -870px; } 
#navi .mainnavi li.verein a { background-position: 0 -975px; }

#navi .subnavi {
	height:					25px;
	margin: 					2px 10px;
	background:				transparent;
}
#navi .subnavi ul {
	margin: 					0;
	padding: 				0;
}
#navi .subnavi li {
	float: 					left;
	list-style-type: 		none;
	margin: 					0 2px 0 0;
	padding: 				5px 5px;
	height: 					15px;
	background: 			#CCC;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;	
}
#navi .subnavi li:hover,
#navi .subnavi ul li.aktiv {
	background: 			#AAA;
}
#navi .subnavi ul li a {
	font:						bold
								0.9em/1.2em
								Arial,Helvetica,sans-serif;
	display:					block;
	height:					25px;
	text-decoration: 		none;
	top:						0;
	color: 					#666;	
}
#navi .subnavi ul li a:hover,
#navi .subnavi ul li a.aktiv {
	color: 					#FF9510;
}
#navi .subnavi2 li {
	list-style-type: 		none;
	float: 					left;
}

/* [4. Spalte Links] */
#spalte_links {
	min-height:				580px;
	width: 					48.5em;
	margin: 					0 0 2px 10px;
	padding: 				10px;
	float: 					left;
	background: 			#E5E5E5;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#spalte_links h1 {
	color:					#555;
	font:						bold
								1.5em/2em
								Arial,Helvetica,sans-serif;
	margin: 					0 0 5px 0;
	padding:					0;
}
#spalte_links .csc-textpic-caption {
	font-size: 				0.85em;
	font-style: 			italic;
}

#spalte_links .news-latest-item h3 img,
#spalte_links .news-list-item h2 img {
	display: 				inline;
	margin:					0 5px -3px 0;
}
#spalte_links .news-latest-item,
#spalte_links .news-list-item {
	margin: 					0 0 25px 0;
}
#spalte_links .news-latest-item a img,
#spalte_links .news-list-item a img {
	float: 					left;
	margin: 					0 10px 10px 0;
}


.letzte_news {
	background:				#000 scroll 0 0;
	height:					210px;
	overflow:				hidden;
	text-align:				left;
	margin: 					0 10px 5px 10px;
}
.letzte_news .navigation {
	width:					300px;
	float:					right;
}
.letzte_news .navigation ul {
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	margin:					5px 0 6px;
	padding:					0;
}
.letzte_news .navigation ul li {
	background:				#000 scroll left top;
	height:					45px;
	margin:					2px 5px 0 0;
	overflow:				hidden;
	padding:					1px 5px;
	z-index:					1000;
}
.letzte_news .navigation ul li a {
	color:					#292929;
	font-size:				11px;
	line-height: 			11px;
	width:					300px;
}
.letzte_news .navigation ul li a:hover {
	color:					#4D4D4D;
}
.letzte_news .navigation ul li a:hover strong{
	color:					#FFF;
}

.letzte_news .navigation ul li a strong {
	color:					#666;
	font-size:				13px;
	font-weight:			normal;
	width:					300px;
}
#letzte_news_bilder ul {
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	margin:					0;
	padding:					0;
}
#letzte_news_bilder ul li img {
	left:						12px;
	position:				relative;
	top:						8px;
}


/* [5. Spalte Rechts] */
#spalte_rechts {
	min-height:				600px;
	margin: 					0 0 2px 51.3em;
	padding: 				0 ;
	background-color: 	#d9dfe8;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}
#spalte_rechts .naechste_spiele td,
#spalte_rechts .letzte_spiele td {
	vertical-align: 		middle;
	font-size:				0.89em;
	padding: 				2px 5px;
}

#spalte_rechts .naechste_spiele .tr-odd,
#spalte_rechts .letzte_spiele .tr-odd,
#spalte_links .trainingsplan .tr-odd {
	background-color: 	#FAFAFA;
}
#spalte_rechts .naechste_spiele .tr-even,
#spalte_rechts .letzte_spiele .tr-even,
#spalte_links .trainingsplan .tr-even {
	background-color: 	#BBB;
}
#spalte_rechts .naechste_spiele .td-0 img,
#spalte_rechts .naechste_spiele .td-1 img,
#spalte_rechts .letzte_spiele .td-0 img,
#spalte_rechts .letzte_spiele .td-1 img {
	width: 					25px;
	height: 					24px;
}
#spalte_rechts #edRenderInfo,
#spalte_rechts .edDifferenz {
   display: none !important;
}
#spalte_links .trainingsplan th {
	width: 					7.7em;
}


#spalte_links .pfadnavi{
	margin:					0;
	padding: 				0;
	height:					15px;
}
#spalte_links .pfadnavi ul {
	margin: 					0;
	padding: 				0;
}
#spalte_links .pfadnavi li {
	float: 					left;
	list-style: 			none;
	line-height: 			1em;
}
#spalte_links .pfadnavi li a {
	color: 					#555;
}
#spalte_links .pfadnavi li a:hover {
	color: 					#FF9510;
}




/* [6. Footer] */
#footer {
	clear: 					left;
	background:				url(../../fileadmin/bilder/bg_footer2.gif) repeat-x;
	margin:					0 0 0 10px;
	height:					50px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
}
#footer ul {
	margin: 					10px 20px;
	padding: 				10px 0 0 190px;
	padding-top/*\**/: 			0px\9;
}
#footer li {
	float:					left;
	list-style:				none;
	margin: 					auto 50px auto 0;
}
#footer li a {
	display:					block;
	height:					33px;
	text-indent:			-500em;
	top:						0;	
}
#footer li.sitemap a {
	background:				transparent url(../../fileadmin/bilder/sitemap.png) no-repeat scroll 0% 0%;
	width:					121px;
	height: 					33px;
}
#footer li.impressum a {
	background:				transparent url(../../fileadmin/bilder/impressum.png) no-repeat scroll 0% 0%;
	width:					162px;
	height: 					33px;	
}
#footer li.kontakt a {
	background:				transparent url(../../fileadmin/bilder/kontakt.png) no-repeat scroll 0% 0%;
	width:					111px;
	height: 					26px;
}
#footer li.sitemap a:hover,
#footer li.impressum a:hover,
#footer li.kontakt a:hover,
#footer li a.aktiv {
	background-position:	0pt 100%;
}