/* --------------- Top ---------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#top	
	{	
		clear:				both; 
		width:				895px; 
		height:				50px;
	}

#topmenue 				
	{
		float:				left;
		position:			absolute; 
		top:				28px; 
		font-size:			0.9em;
		margin-left:		15px;
	}
	
#topmenue ul 
	{
		list-style-type:	none;
	}
	
#topmenue ul li
	{
		float:				left;
		border-right:		1px solid white;
	}
	
#topmenue ul li a
	{
		display:			block;
		color:				white;
		text-decoration: 	none;
		padding:			0px 5px 1px 5px;

	}
#topmenue ul li a:hover
	{
		display:			block;
		color: 				#ef640e;
		text-decoration: 	none;
		background-color:	white;
	}

	
#top a.turm 
	{
		background:			url(../images/figuren/turm.gif) right top no-repeat;
		float:				right;
		width:				32px;
		height:				32px;
		margin: 			16px 3px 4px 1px;
	}
	
#top a.turm span 
	{
		display:			none;
	}
			
#top a.springer 
	{
		background:			url(../images/figuren/springer.gif) right top no-repeat;
		float:				right;
		width:				32px;
		height:				32px;
		margin: 			16px 3px 4px 2px;
	}
	
#top a.springer span 
	{
		display:			none;
	}

#top a.laeufer
	{
		background:			url(../images/figuren/laeufer.gif) right top no-repeat;
		float:				right;
		width:				32px;
		height:				32px;
		margin: 			16px 3px 4px 4px;
	}
	
#top a.laeufer span 
	{
		display:			none;
	}

#top a.dame
	{
		background:			url(../images/figuren/dame.gif) right top no-repeat;
		float:				right;
		width:				32px;
		height:				32px;
		margin:		 		16px 3px 4px 8px;
	}
	
#top a.dame span 
	{
		display:			none;
	}

#top a.koenig 
	{
		background:			url(../images/figuren/koenig.gif) right top no-repeat;
		float:				right;
		width:				32px;
		height:				32px;
		margin: 			16px 3px 4px 16px;
	}

#top a.koenig span 
	{
		display:			none;
	}


/* --------------- Logo --------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#logo	
	{
		background:			url(../images/logo_sfm_200.png) no-repeat;
		float:				left; 
		position:			relative; 
		z-index:			97;
		width:				200px; 
		height:				200px; 
		top:				5px;
		left:				395px; 
		margin:		 		5px 0px 0px 0px; 
	}
#logo span 
	{
		display:none;
	}

/* --------------- bildspringer --------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#bildspringer	
	{
		background:			url(../images/fotobalken/springer4.png) no-repeat;
		float:				left; 
		position:			relative; 
		z-index:			98;
		width:				150px; 
		height:				130px; 
		top:				0px;
		left:				10px; 
		margin:		 		-132px 0px 0px 620px; 
	}
#bildspringer span 
	{
		display:none;
	}

	
/* --------------- Header ------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/



#header	
	{
		clear:				both;
		float:				left; 
		width:				910px; 
		height:				138px; 
		line-height:		18px; 
		margin-top:			-146px;
		border-left: 		1px solid #3f3f3f;
		border-right: 		1px solid #3f3f3f;
		background-color:	#D1D6DE;
	}

#header_s_t
	{
		clear: 				both;
		float:				left;
		width:				890px;
		border-top:			1px solid #3f3f3f;
		border-left:		1px solid #3f3f3f;
		border-right:		1px solid #3f3f3f;
		border-bottom:		1px solid #3f3f3f;
		margin-left:		10px;
		background-color: 	gray;
		background-image: 		-webkit-linear-gradient(175deg, #000000 2%, #ffffff 100%); 
		background-image: 		-moz-linear-gradient(175deg, #000000 2%, #ffffff 100%); 
		background-image: 		-o-linear-gradient(175deg, #000000 2%, #ffffff 100%); 
		background-image: 		linear-gradient(175deg, #000000 2%, #ffffff 100%);
		
	} 

	
p.header_kopf
	{
		clear: 				both;
		float:				left;
		width:				912px;
		line-height:		10px;
		margin: 			-156px 0px 0px 0px;
		padding: 			0px 0px 0px 0px;
		background:			url(../images/bg_header.png) left top no-repeat;
		z-index:			15;
	} 
	

	
/* --------------- Slogan ------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#slogan	
	{
		float:				left; 
		width:				550px; 
		height:				134px;
	}
	
#slogan	h1	
	{
		width:				370px;
		margin:				34px 20px 0px 40px; 
		padding:			0px 0px 0px 0px; 
		font-size:			32px;
		letter-spacing: 	3px; 
		color:	 			silver;
	}
	
#slogan h2	
	{
		width:				360px; 
		margin:				12px 20px 0px 40px; 
		padding:			0px 0px 5px 0px; 
		font-size:			24px; 
		letter-spacing: 	2px; 
		color: 				white; 
		border-bottom:		4px solid #ffcc00;
	}
	
#slogan p 	
	{
		width:				370px; 
		margin:				14px 20px 0px 40px; 
		text-align:			center; 		
		font-size:			22px; 
		letter-spacing: 	1px; 
		color:				darkblue; 
		font-weight:		bold;	
		font-style:			italic; 
		font-family:		Cambria, Georgia, Garamond, "Times New Roman", serif;
	}

			
/* --------------- Teaser ------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#teaser	
	{
		float:				left;
		width:				320px;
		height:				134px;
	}
	
#teaser	h1
	{
		margin:				23px 10px 5px 40px;
		padding:			0px 0px 0px 0px;
		text-align: 		center;
		font-size:			14px; 
		letter-spacing:		1px; 
		font-family:		"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
		color:				#bad700;
	}
	
#teaser ul	
	{
		margin:				0px 10px 0px 35px;
		list-style-type:	none;
	}
	
#teaser ul li
	{	
		margin:				2px 0px 2px 0px;
		font-size:			16px;
		font-weight:		normal;
	}
	
#teaser ul li a
	{
		clear: 				both;
		display: 			block;
		text-align: 		center;
		padding: 			4px 0px 6px 10px; 
		color: 				gold; 
		text-decoration:	underline;  
		font-size: 			16px; 
		letter-spacing:		1px; 
		font-family:		"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	}
	
#teaser ul li a:hover 		
	{
		color: 				#9b0041; 
	}

#teaser p	
	{
		margin:				5px 10px 10px 30px; 
		font-size:			0.9em; 
		line-height:		1.1em;
		text-align:			center;
		color:				darkblue;
	}
			

/* --------------- Fotobalken --------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#fotobalken_ra 
	{
		float: 				left;
		clear:				both;
		display:			block;
		width:				910px; 
		height:				100px;
		background-color:	#D1D6DE;
		padding:			0px 0px 0px 0px; 
		margin:				-10px 0px -2px 0px;
		border-left:		1px solid #3f3f3f;
		border-right:		1px solid #3f3f3f;
		line-height:		0px;
	}
#fotobalken 
	{
		width:				890px; 
		height:				100px;
		background-color:	#D1D6DE;
		padding:			0px 0px 0px 0px; 
		margin:				0px 10px 0px 10px;
		border-left:		1px solid #3f3f3f;
		border-right:		1px solid #3f3f3f;
		
		line-height:		0px;
		background-image: 		-webkit-linear-gradient(170deg, #C6CFDF 5%, #85A8E8 100%); 
		background-image: 		-moz-linear-gradient(170deg, #C6CFDF 5%, #85A8E8 100%); 
		background-image: 		-o-linear-gradient(170deg, #C6CFDF 5%, #85A8E8 100%); 
		background-image: 		linear-gradient(170deg, #C6CFDF 5%, #85A8E8 100%); 


	}

	
		
/* --------------- Hauptmenü ---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/


#hm_ra	
	{
		clear:				both;
		float:				left;
		width:				910px;
		height:				40px;
		margin:				0px 0px -13px 0px;
		position: 			relative;
		background-color:	#D1D6DE;
		border-left:		1px solid #3f3f3f;
		border-right:		1px solid #3f3f3f;
		
	}

#hm	
	{
		background:			url(../images/bg_hm.png) left top repeat-x;
		width:				890px;
		height:				40px;
		margin:				0px 10px 0px 10px;
	}
	
#hm ul
	{
		float:				left;
		overflow:			hidden;
		width:				890px;
		height:				40px;
		text-align:			center;
		list-style-type:	none;
		border-top:			1px solid #3f3f3f;
		border-left:		1px solid #3f3f3f;
		border-bottom:		1px solid #3f3f3f;
		border-right:		1px solid #3f3f3f;
		
	}
	
#hm ul li	
	{
		float:				left;
		width:				127px;
		height:				40px;
		margin:				0px 0px 0px 0px;
		text-align:			center;
	}
	
#hm ul li a	
	{
		display:			block;
		float:				left;
		width: 				127px;
		height:				40px;
		line-height:		20px;
		padding:			10px 0px 0px 0px;
		font-size:			18px;
		text-align:			center; 
		border-right:		1px solid #bbb;
		text-decoration:	none;
	}
	
#hm ul li a:hover			
	{
		background: 		url(../images/bg_hm_over.png) left top no-repeat;
		color:	 			#ffcc00;
		text-decoration:	none;
	}

#hm ul li a.active
	{
		background:		 	url(../images/bg_hm_active.png) left top no-repeat;
		color:				#bad400;
	}
	
#hm ul li a.active:hover
	{
		background:		 	url(../images/bg_hm_active.png) left top no-repeat;
		color:				#bad400;
		text-decoration:	none;
	}


/* -----------------------------------------------------------------------------------*/

	
/* --------------- Footer ------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#footer
	{
		clear:				both;
		float:				left;
		width:				912px;
		padding:			20px 0px 40px 0px;
		color:				black;
		font-size:			0.9em;
		font-style:			normal;
		background:			url(../images/bg_footer.png) left top no-repeat;
	}
	
#footmenue 				
	{
		float:				right;
		margin:				0px 15px 0px 10px;
	}
	
#footmenue ul 
	{
		list-style-type:	none;
	}
	
#footmenue ul li
	{
		float:				left;
		border-right:		1px solid #121B2B;
		padding:			1px 1px 1px 1px;
	}
	
#footmenue ul li a
	{
		display:			block;
		color:				#121B2B;
		padding:			1px 4px 3px 4px;
		text-decoration: 	none;
	}

#footmenue ul li a:hover
	{
		display:			block;
		color: 				#ef640e;
		text-decoration: 	none;
		background-color:	#121B2B;
	}
	
#copyright
	{
		float:				left;
		text-align:			left;
		margin:				0px 10px 0px 15px;
		color:				#121B2B;
	}

#copyright p span
	{
		font-size:			1.0em;
		font-style:			oblique;
		color: 				#121B2B; 
	}