/* allgemeine einstellungen  ------------------------------------------------------------ */
*				{ padding: 0; margin: 0; }
html,body		{ height: 99%; text-align: center; color: #999; background-color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
div 			{ text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */ }

p 				{ font-size: 11px; color: #999; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 14px; margin: 12px 0 20px 0; }
h1				{ font-size: 14px; color: #E10072; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; margin: 0; }
h2				{ font-size: 12px; color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; font-variant: small-caps; margin: 0; padding: 33px 0 5px 0; }
h3 				{ font-size: 11px; color: #E10072; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; }

.pink			{ color: #E10072; }

a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #999; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
				
/* -------------------------------------------------------------------------------------- */

/* page --------------------------------------------------------------------------------- */
#distance	 	{ width: 1px; height: 50%; float: left; margin-bottom: -303px; /* half of page's height */ }

	#wrapper		{ position: relative; width: 910px; height: 606px; background-color: #fff; margin: 0 auto; clear: left; }
	
		#about_bg		{ width: 910px; height: 605px; background: url(../images/rampf_bg_about.jpg) no-repeat; z-index: 1; }
		#spektrum_bg	{ width: 910px; height: 605px; background: url(../images/rampf_bg_spektrum.jpg) no-repeat; z-index: 1; }
		#ausstattung_bg	{ width: 910px; height: 605px; background: url(../images/rampf_bg_ausstattung.jpg) no-repeat; z-index: 1; }
		#team_bg		{ width: 910px; height: 605px; background: url(../images/rampf_bg_team.jpg) no-repeat; z-index: 1; }
		#zeiten_bg		{ width: 910px; height: 605px; background: url(../images/rampf_bg_zeiten.jpg) no-repeat; z-index: 1; }
		#kontakt_bg		{ width: 910px; height: 605px; background: url(../images/rampf_bg_kontakt.jpg) no-repeat; z-index: 1; }
		#impressum_bg	{ width: 910px; height: 605px; background: url(../images/rampf_bg_zeiten.jpg) no-repeat; z-index: 1; }
		
			#links			{ float: left; width: 410px; height: 605px; text-align: left; }
				#logo			{ position: relative; width: 181px; height: 102px;  margin-left: 219px; margin-top: 22px; background: url(../images/rampf_logo.jpg) no-repeat; }
			
				#tipp		{ position: relative; width: 132px; height: 150px; background: url(../images/content/rampf_tipp_green_ohne.gif); margin: 263px 0 0 218px; padding: 0 0 0 18px; z-index: 100;}
				#tipp p		{ font-size: 11px; color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; display: inline; line-height: 14px; }
				#tipp a, #tipp a:link, #tipp a:visited, #tipp a:hover, #tipp a:active { text-decoration: underline; font-size: 11px; color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; display: inline; line-height: 14px; }
							
				#tipp_ohne		{ position: relative; width: 128px; height: 96px; margin-left: 218px; margin-top: 263px; padding-left: 22px; padding-top: 54px; }
				#tipp_ohne p	{ font-size: 11px; color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; display: inline; line-height: 13px; }
				#tipp_ohne a, #tipp_ohne a:link, #tipp_ohne a:visited, #tipp_ohne a:hover, #tipp_ohne a:active { text-decoration: underline; font-size: 11px; color: #fff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; display: inline; line-height: 13px; }
								
					
			#rechts			{ float: left; width: 490px; height: 605px; left: 420px; text-align: left; }
				#content		{ position: relative; width: 490px; height: 335px; margin-top: 35px; overflow: hidden; }	
				#overflow		{ position: relative; width: 475px; height: 100%; overflow: auto; }

				.text			{ float: left; width: 295px; margin-right: 10px; }
				.text ul 		{ margin-top: 0; margin-left: 20px; margin-bottom: 0; margin-right: 0; padding: 0; }
				.text li		{ font-size: 14px; color: #E10072; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; }
				.team			{ float: left; width: 295px; margin-right: 10px; }
				.team ul 		{ margin-top: 0; margin-left: 15px; margin-bottom: 0; margin-right: 0; padding: 0; }
				.team li		{ font-size: 11px; color: #999; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 14px; }
				.pic			{ float: left; width: 151px; }	
				.quer			{ float: left; width: 456px; }
				.quer2			{ float: left; width: 456px; }
				.quer ul 		{ margin-top: 0; margin-left: 20px; margin-bottom: 0; margin-right: 0; padding: 0; }
				.quer li		{ font-size: 14px; color: #E10072; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; }
				#imp			{ float: left; width: 456px; height: 335px; }	
	
/* -------------------------------------------------------------------------------------- */

/* navi --------------------------------------------------------------------------------- */	
	#navi		{ position: relative; width: 490px; height: 14px; margin-top: 112px; font-weight: regular; font-size: 12px; }				
		#navi ul		{ margin: 0; padding: 0; }					
		#navi li		{ margin: 0; display: inline; list-style-type: none; }		
		#navi a			{ color: #E10072; text-decoration: none; outline: none; }
		#navi a:hover, #navi a:focus, #navi a:active	{ color: #2874b4; }		
		#about #navi01 a, #spektrum #navi02 a, #ausstattung #navi03 a, #team #navi04 a, #zeiten #navi05 a, #kontakt #navi06 a	{ color: #2874b4; text-decoration: none; }	

	#navi_imp		{ position: relative; width: 470px; height: 14px; margin-top: 45px; text-align: right; color: #999; font-size: 12px; }		
		#navi_imp ul		{ margin: 0; padding: 0; }	
		#navi_imp li		{ margin: 0; display: inline; list-style-type: none; }		
		#navi_imp a 		{ color: #999; text-decoration: none; outline: none; }
		#navi_imp a:hover, #navi_imp a:focus, #navi_imp a:active	{ color: #2874b4; }	
		#impressum #navi07 a, #datenschutz #navi08 a	{ color: #2874b4; }	
/* -------------------------------------------------------------------------------------- */	

/* tooltip ------------------------------------------------------------------------------ */
	a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active { position: relative; text-decoration: none; font-style: regular; color: #fff; }	  
	a.tooltip:hover 		{ color: #fff; background: transparent; }	
	a.tooltip span 			{ display: none; text-decoration: none; }	
	a.tooltip:hover span 	{ display: block; position: absolute; top: 60px; left: -240px; width: 110px; height: 16px; z-index: 100; color: #666; border: 1px solid #666; background: #fff; 
								font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; text-align: center; }								
/* -------------------------------------------------------------------------------------- */

/* popup -------------------------------------------------------------------------------- */
	a.popup, a.popup:link, a.popup:visited, a.popup:active  { position: relative; text-decoration: none; font-style: regular;  }	  
	a.popup:hover 		{ background: transparent; }	
	a.popup span 		{ display: none; text-decoration: none; }	
	a.popup:hover span 	{ display: block; position: absolute; top: -250px; left: -97px;  z-index: 1; text-align: center; }
/* -------------------------------------------------------------------------------------- */	
/* -------------------------------------------------------------------------------------- */

a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #999; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }