/* body und schrift definitionen =>  */
* { padding: 0; margin: 0; }
body { font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; color: #333; text-align: center; }

	/* links =>  */
	:link, :visited, :hover, :active, :focus { text-decoration: none; }
	a, a:link, a:visited { color: #AC0204; }
	a:hover, a:active, a:focus { color: #e87b1f; }
		a img, :link img, :visited img, :hover img, :active img { border: none; }
	
	/* paragraphs =>  */
	p, pre { margin: 0 0 5px 0; }
	b, strong { font-weight: bolder; }
	em, i { font-style: italic; }	
	code, pre { font: 1.1em/1.2em 'Lucida Console', 'Courier New', Courier, monospace; }

	/* listen => */
	ol, ul, li { list-style: none; list-style-type: none; }

	/* misc =>  */
	abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }

	/* formulare  =>  */
	#form fieldset { border: none; padding: 15px; margin: 5px 0 10px 5px; width: 440px; }
	#content>#form fieldset { border: 1px solid #ccc; }
		#form legend { font-weight: bold; font-size: 1.2em; color: #ccc; padding: 5px; margin: 0 -15px; } 
		#content>#form legend { font-size: 1em; padding: 0 5px; margin: 0 -5px; } 
		#form dt { float: left; width: 7em;  } 
		#form dd { margin: 10px; } 
		#form label { font-weight: normal; color: #333; } 
		#form input { width: 150px; } 
		#form textarea { width: 200px; margin: 0 -150px; } 
		#content>#form textarea { width: 300px; margin: 0; } 
		#form .checkbox { width: 20px; }
		#form br { clear: left; } 

	/* headlines => */
	h1, h2, h3, h4, h5, h6 { font: 2em/1.3em 'AvantGarde Bk BT', Arial, Helvetica, sans-serif; color: #5fa741; }
		h1 { font: bold 1.7em Arial, Helvetica, sans-serif; color: #333; }
		h2 { font-size: 2em; font-weight: normal; text-transform: uppercase; }
		h3 { font-size: 1.4em; }
		h4 { font-size: 1em; }
		h5 { font-size: 0.9em; }
		h6 { font-size: 0.8em; }
	
/* positioning-layers =>  */
#container { width: 975px; font-size: 1.3em; margin: 0 auto; background: #fff url(../upload/img_css/bg_body.gif) repeat-y 50% 0%; }

	/* header => */		
	#header { width: 975px; height: 203px; text-align: left; background-image: url(../upload/img_css/head_home.jpg); background-repeat: no-repeat; background-position: 50% 100%; }
	#club #header { background-image: url(../upload/img_css/head_club.jpg); }
	#tennis #header { background-image: url(../upload/img_css/head_fitness.jpg); }
	#kontakt #header { background-image: url(../upload/img_css/head_home.jpg); }
		#header h1 {  }
			#header h1 a, 
			#header h1 a:link, 
			#header h1 a:visited, 
			#header h1 a:hover, 
			#header h1 a:active, 
			#header h1 a:focus { text-indent: -9999px; position: absolute; width: 120px; height: 120px; margin: 123px 0 0 50px; }
			#header h1 a { background: url(../upload/img_css/logo.png) no-repeat; margin: 163px 0 0 50px; }
			#header ul { float: left; width: 575px; padding: 0 180px; margin: 178px 0 0 10px; background: #5fa741; }
			#container>#header ul { margin: 178px 0 0 20px; }
				#header ul li { float: left; background: #5fa741; display: inline; text-align: center; }
					#header ul li a,
					#header ul li a:link,
					#header ul li a:visited { width: 191px; height: 25px; line-height: 25px; font-weight: bold; color: #fff; display: block; }
					#header ul li a:hover,
					#header ul li a#current_s,
					#header ul li a:hover#current_s { color: #5fa741; background: #fff; }

	/* content => */		
	#content { text-align: left; margin: 0 220px; padding: 40px 0;}
	#content img.links { display:inline; float:left; margin:0 7px 2px 0; }
	#content img.rechts { display:inline; float:right; margin:0 0 2px  7px; }
		#content a,
		#content a:link,
		#content a:visited { background: transparent; border-bottom: 1px dotted #AC0204; }
		#content a:hover,
		#content a:active,
		#content a:focus { background: transparent; border-bottom: 1px solid #e87b1f; }
		#content p { line-height: 1.4 }
		#content ul { padding: 0 0 10px 10px; }
			#content ul li { padding: 2px 0 2px 15px; background: url(../upload/img_css/dot_nav.gif) no-repeat 0% 50%; }
				#content ul ul li { padding-left: 15px; background: url(../upload/img_css/dot_nav.gif) no-repeat 0% 50%; }

	/* navi => */		
	#navigation { float: left; width: 180px; height: 540px; margin-left: 10px; background: #e1e7db url(../upload/img_css/bg_navi.jpg) no-repeat; }
	#container>#navigation { margin-left: 20px; }
		#navigation ul { text-align: left; margin: 60px 0 0 0; background: url(../upload/img_css/dot_horz.gif) repeat-x 0% 100%; }
			* html #navigation ul li { height: 15px; }
			#navigation ul li { background: url(../upload/img_css/dot_horz.gif) repeat-x 0% 0%; }
				#navigation ul li a { display: block; height: 25px; line-height: 25px; padding: 0 0 0 20px; }
				#navigation ul li a:link, 
				#navigation ul li a:visited { color: #333;  }
				#navigation ul li a:hover,
				#navigation ul li a#current,
				#navigation ul li a:hover#current { color: #5fa741; background: url(../upload/img_css/dot_nav.gif) no-repeat 5px 50%; }
					#navigation li ul li { background: none; }
						#navigation li ul { margin: 0; background: none; }
						#navigation li ul a { display: block; font-size: .9em; height: 20px; line-height: 20px; font-weight: normal; padding: 0 0 0 30px; }
						#navigation li ul a:link,
						#navigation li ul a:visited {  }
						#navigation li ul a:hover,
						#navigation li ul a#subcurrent,
						#navigation li ul a:hover#subcurrent { color: #5fa741; background-position: 15px 50%; }
	
	/* sponsoren => */			
	#sponsoren { float: right; padding: 5px 0 0 0; margin: 0 10px 0 0; border-top: 20px solid #fff; width: 190px; }
	#container>#sponsoren { width: 195px; }
		#sponsoren h3 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 10px 0; }
		#sponsoren img { margin: 0 0 10px 0; }
			#sponsoren img a { border-bottom: none; }
		
	/* footer => */		
	#footer { clear: both; height: 20px; background: #fff url(../upload/img_css/bg_footer.gif) no-repeat 50% 100%; }
		#footer p { margin: 0; padding: 5px 10px }

	/* galerie => */	
	#tnp { width: 520px; }
	.galeriethumb { float: left; display: inline; width: 108px; height: 100px; padding: 0 15px 15px 0; }

