@charset "utf-8";
/* www.lifestyle-unna.de */


/* -------------- Body -------------- */

* {
margin: 0;
padding: 0;
}

body {
background: url(../images/layout/pattern.jpg) 0 0 repeat;
font: 0.7em Arial, Helvetica, sans-serif;
color: #282727;
line-height: 1.7em;
}

p {
margin: 0 0 15px 0;
}

a {
color: #b72719;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

			
.bilder {
padding: 2px;
border: 2px solid #b72719;
margin: 0 20px 20px 0;
float: left;
}
			
.bilder:hover {
border: 2px solid #a2150d;
}

.partner {
margin: 10px 0 10px 0;
border: 2px solid #ccc;
}

/* -------------- Headline -------------- */

h1 {
text-indent: -1000px;
font-size: 0.1em;
}

h2 {
width: 391px;
height: 46px;
}

h3 {
text-indent: -1000px;
} 

h4 {
color: #a3a3a3;
font-size: 1.8em;
margin: 40px 0 40px 0;
}

/* -------------- Container -------------- */

#container {
background: url(../images/layout/container.jpg) 0 0 no-repeat;
width: 942px;
margin: 0 auto;
}

/* -------------- Navi -------------- */

#top {
background: url(../images/layout/navi.jpg) 0 0 repeat-x;
width: 100%;
height: 78px;
}

#navi {
margin: -78px 0 0 0;
background: url(../images/layout/navi.jpg) 0 0 repeat-x;
}

	#navi ul {
	margin: 0 auto;
	}

	#navi ul li {
	list-style-type: none;
	float: left;
	}
	
	#navi ul li a, #navi ul li a:hover, #navi ul li a:active {
	font-size: 0.1em;
	height: 78px;
	text-decoration: none;
	color: #000;
	display: block;
	text-indent: -1000px;
	outline: none;
	}
	
		/* ---------------------
			Navipunkte
		--------------------- */
		
		#navi ul li a.fitnessstudio {
		background: url(../images/navi/fitnessstudio.jpg) 0 0 no-repeat;
		width: 187px;
		}
		
		#navi ul li a.fitnessstudio:hover, #navi ul li a.fitnessstudioActive {
		background: url(../images/navi/fitnessstudio.jpg) -187px 0 no-repeat;
		width: 187px;
		}
		
		#navi ul li a.praeventionskurse {
		background: url(../images/navi/praeventionskurse.jpg) 0 0 no-repeat;
		width: 164px;
		}
		
		#navi ul li a.praeventionskurse:hover, #navi ul li a.praeventionskurseActive {
		background: url(../images/navi/praeventionskurse.jpg) -164px 0 no-repeat;
		width: 164px;
		}
		
		#navi ul li a.reha_sport {
		background: url(../images/navi/reha_sport.jpg) 0 0 no-repeat;
		width: 129px;
		}
		
		#navi ul li a.reha_sport:hover, #navi ul li a.reha_sportActive {
		background: url(../images/navi/reha_sport.jpg) -129px 0 no-repeat;
		width: 129px;
		}
		
		#navi ul li a.betriebssport {
		background: url(../images/navi/betriebssport.jpg) 0 0 no-repeat;
		width: 143px;
		}
		
		#navi ul li a.betriebssport:hover, #navi ul li a.betriebssportActive {
		background: url(../images/navi/betriebssport.jpg) -143px 0 no-repeat;
		width: 143px;
		}
		
		#navi ul li a.galerie {
		background: url(../images/navi/galerie.jpg) 0 0 no-repeat;
		width: 129px;
		}
		
		#navi ul li a.galerie:hover, #navi ul li a.galerieActive {
		background: url(../images/navi/galerie.jpg) -129px 0 no-repeat;
		width: 129px;
		}
		
		#navi ul li a.partner {
		background: url(../images/navi/partner.jpg) 0 0 no-repeat;
		width: 190px;
		}
		
		#navi ul li a.partner:hover, #navi ul li a.partnerActive {
		background: url(../images/navi/partner.jpg) -190px 0 no-repeat;
		width: 190px;
		}
		
/* -------------- Header -------------- */

#header {
background: url(../images/layout/header.jpg) 0 0 no-repeat;
width: 942px;
height: 290px;
margin: 0 auto;
float: left;
}

#header_clear {
float: none;
clear: both;
}

	/* ---------------------
			Logo
	--------------------- */
	
	#logo {
	width: 243px;
	height: 170px;
	padding: 25px 0 0 94px;
	float: left;
	}
	
/* -------------- Slideshow -------------- */

#slideshow {
background: url(../images/slideshow/01.jpg) 0 0 no-repeat;
width: 430px;
height: 275px;
float: left;
margin: 15px 0 0 66px;
}

/* -------------- Content -------------- */

head:first-child+body #content_container {
background: url(../images/layout/content_container.png) 0 0 repeat-y;
width: 942px;
margin: 0 auto;
}

	#content {
	background: url(../images/layout/content.jpg) 0 0 no-repeat;
	width: 942px;
	float: left;
	}
	
	#content_left {
	width: 180px;
	float: left;
	}
	
		#post_it_left {
		background: url(../images/layout/post_it_left.jpg) 0 0 no-repeat;
		width: 167px;
		height: 98px;
		float: left;
		margin: 0 0 0 74px;
		}
		
		#post_it_left .email {
		margin: 98px 0 0 0;
		height: 37px;
		width: 167px;
		}
		
		#picture_left {
		width: 167px;
		height: 147px;
		float: left;
		margin: 37px 0 0 74px;
		outline: none;
		}
	
	#inhalt {
	width: 440px;
	float: left;
	margin: 13px 0 0 80px;
	padding-bottom: 30px;
	}
	
		.anker_top {
		margin-top: 4px;
		float: right;
		}

	#content_right {
	width: 210px;
	margin: 0 0 0 14px;
	float: left;
	}
	
		#post_it_right {
		width: 201px;
		height: 160px;
		float: left;
		}
		
			#post_it_right ul {
			float: left;
			}
		
			#post_it_right ul li {
			list-style-type: none;
			}
			
			#post_it_right a, #post_it_right a:hover {
			width: 201px;
			height: 160px;
			display: block;
			text-indent: -1000px;
			outline: none;
			}
			
				#post_it_right a.termine {
				background: url(../images/layout/termine_a.jpg) 0 0 no-repeat;
				}
				
				#post_it_right a.termine:hover {
				background: url(../images/layout/termine_b.jpg) 0 0 no-repeat;
				}
				
				#post_it_right a.kursplan {
				background: url(../images/layout/kursplan_a.jpg) 0 0 no-repeat;
				}
				
				#post_it_right a.kursplan:hover {
				background: url(../images/layout/kursplan_b.jpg) 0 0 no-repeat;
				}
				
				#post_it_right a.gaestebuch {
				background: url(../images/layout/gaestebuch_a.jpg) 0 0 no-repeat;
				}
				
				#post_it_right a.gaestebuch:hover {
				background: url(../images/layout/gaestebuch_b.jpg) 0 0 no-repeat;
				}
				
		#picture_right_01 {
		width: 201px;
		height: 140px;
		outline: none;
		float: left;
		}
		
		#picture_right_02 {
		width: 201px;
		height: 149px;
		outline: none;
		float: left;
		}
				
	#content_clear {
	float: none;
	clear: both;
	}
	
					ul.liste {
					list-style-type: none;
					}
										
					ul.liste li {
					background: url(../images/layout/pfeil.gif) 0 5px no-repeat;
					padding-left: 15px;
					}
										
					ul.liste li:hover {
					background: url(../images/layout/pfeil_over.gif) -1px 5px no-repeat;
					}

/* -------------- Subnavi -------------- */
	
#subnavi {
width: 167px;
height: 181px;
float: left;
padding: 0 0 0 74px;
}

	#subnavi ul {
	float: left;
	}
	
	#subnavi ul li {
	list-style-type: none;
	float: left;
	}
	
	#subnavi ul li a, #subnavi ul li a:hover, #subnavi ul li a:active {
	font-size: 0.1em;
	text-decoration: none;
	color: #000;
	display: block;
	text-indent: -1000px;
	outline: none;
	width: 167px;
	float: left;
	}
	
	/* ---------------------
			Subnavipunkte
	--------------------- */
		
		#subnavi ul li a.home {
		background: url(../images/subnavi/home.jpg) 0 0 no-repeat;
		height: 24px;
		}
		
		#subnavi ul li a.home:hover, #subnavi ul li a.homeActive {
		background: url(../images/subnavi/home.jpg) -167px 0 no-repeat;
		height: 24px;
		}
		
		#subnavi ul li a.aktuelles {
		background: url(../images/subnavi/aktuelles.jpg) 0 0 no-repeat;
		height: 26px;
		}
		
		#subnavi ul li a.aktuelles:hover, #subnavi ul li a.aktuellesActive {
		background: url(../images/subnavi/aktuelles.jpg) -167px 0 no-repeat;
		height: 26px;
		}
		
		#subnavi ul li a.reisen {
		background: url(../images/subnavi/reisen.jpg) 0 0 no-repeat;
		height: 20px;
		}
		
		#subnavi ul li a.reisen:hover, #subnavi ul li a.reisenActive {
		background: url(../images/subnavi/reisen.jpg) -167px 0 no-repeat;
		height: 20px;
		}
		
		#subnavi ul li a.kontakt {
		background: url(../images/subnavi/kontakt.jpg) 0 0 no-repeat;
		height: 23px;
		}
		
		#subnavi ul li a.kontakt:hover, #subnavi ul li a.kontaktActive {
		background: url(../images/subnavi/kontakt.jpg) -167px 0 no-repeat;
		height: 23px;
		}
		
		#subnavi ul li a.newsletter {
		background: url(../images/subnavi/newsletter.jpg) 0 0 no-repeat;
		height: 30px;
		}
		
		#subnavi ul li a.newsletter:hover, #subnavi ul li a.newsletterActive {
		background: url(../images/subnavi/newsletter.jpg) -167px 0 no-repeat;
		height: 30px;
		}
		
		#subnavi ul li a.anfahrt {
		background: url(../images/subnavi/anfahrt.jpg) 0 0 no-repeat;
		height: 19px;
		}
		
		#subnavi ul li a.anfahrt:hover, #subnavi ul li a.anfahrtActive {
		background: url(../images/subnavi/anfahrt.jpg) -167px 0 no-repeat;
		height: 19px;
		}
		
		#subnavi ul li a.impressum {
		background: url(../images/subnavi/impressum.jpg) 0 0 no-repeat;
		height: 39px;
		}
		
		#subnavi ul li a.impressum:hover, #subnavi ul li a.impressumActive {
		background: url(../images/subnavi/impressum.jpg) -167px 0 no-repeat;
		height: 39px;
		}
		
/* -------------- Footer -------------- */

#footer {
background: url(../images/layout/footer.jpg) 0 0 no-repeat;
width: 942px;
height: 115px;
}

/* -----------------------------------------------------
		padding Kurs buchen
----------------------------------------------------- */

.kursbuchen {
padding: 16px 0 0 10px;
top: 10px;
position: relative;
}

.logo_startseite { 
    float:right;
    padding: 2px;
    border: 2px solid #b72719; 
}