/*
  Yoga Beauty CSS
	Version: 1.0
	Author: Webbite Media GbR | Verena Rometsch
	Author URI: http://www.webbite.de
*/

body {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:12px;
	font-weight:normal;
  color:#702041;	text-align: center;
 
  margin-left:10px;
  margin-top:10px;
  background-color: #651134;
 
}
body,font,tt,td,p{font-family:Arial,Univers,Helvetica,sans-serif;font-size:12px;color:#651134;text-decoration:none;font-weight:normal;}

b, strong {font-size:12px;color:#702041;font-weight:bold}



#page {
 vertical-align: middle;
	width: 930px;
  height:auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
  margin-top:30px;
  padding:15px 0px 15px 0px;
}

/*Head*/
.head {
  margin-left:15px;
  margin-right:15px;
	width:930px;
	z-index:1;
  height:93px;
  background-image: url(/gfx/head_yoga.gif);
  background-repeat:no-repeat;
} 
 
/*ENDE HEAD*/

/* CONTENT */

.content { 	
  white-space: nowrap;
	width:930px;
	overflow:hidden;
	z-index:4;
	position:relative;
  height:auto;
  background-color:#ffffff;
 }





.content_index { 	
  float:left;
	text-align:left;
  background-image: url(/gfx/bild_home.jpg);
  background-repeat:no-repeat;
  width: 900px;
  height: 571px;
  margin-left:15px;
  margin-right:15px;
 }


.content-links {
	float:left;
	text-align:left;
  background-image: url(/gfx/bild_navi.jpg);
  background-repeat:no-repeat;
  width: 215px;
  height: 571px;
  margin-left:15px;
  margin-right:15px;

}

.content-links-text {
  margin-right:20px;
  padding-top:8px;
  height:24px;
}

.content-links-text a {
  margin-left:15px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:16px;
	font-weight:bold;
  color:#FFFFFF;
  text-transform:uppercase;
    text-decoration:none;
}
.content-links-text a:hover {
margin-top:5px;
  margin-left:15px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:16px;
	font-weight:bold;
  color:#FFFFFF;
    text-decoration:none;
 text-transform:uppercase;
}



.content-links-text-active {
  margin-right:20px;
  padding-top:8px;
  height:24px;
	background-color: #FFFFFF;

}

.content-links-text-active a {
  margin-left:15px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:16px;
	font-weight:bold;
  color:#8b8e85;
  text-transform:uppercase;
  text-decoration:none;
}
.content-links-text-active a:hover {
  margin-top:5px;
  margin-left:15px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:16px;
	font-weight:bold;
  color:#8b8e85;
  text-transform:uppercase;
  text-decoration:none;
}

.content-links-text-trenner {
  height:5px;
}

.content-links-text-unter {
  margin-left:5px;
  margin-right:20px;
  padding-top:4px;
  height:20px;
}

.content-links-text-unter a {
  margin-left:25px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:15px;
	font-weight:bold;
  color:#FFFFFF;
  text-transform:uppercase;
    text-decoration:none;
}
.content-links-text-unter a:hover {
margin-top:2px;
  margin-left:25px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:15px;
	font-weight:bold;
  color:#FFFFFF;
    text-decoration:none;
 text-transform:uppercase;
}



.content-links-text-unter-active {
  margin-right:20px;
  padding-top:4px;
  height:20px;
	background-color: #FFFFFF;

}

.content-links-text-unter-active a {
  margin-left:25px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:15px;
	font-weight:bold;
  color:#8b8e85;
  text-transform:uppercase;
  text-decoration:none;
}
.content-links-text-unter-active a:hover {
  margin-top:2px;
  margin-left:25px;
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:15px;
	font-weight:bold;
  color:#8b8e85;
  text-transform:uppercase;
  text-decoration:none;
}




.content-mitte {
	float:left;
	text-align:left;
	white-space: nowrap;
	width:670px;
		height:571px;
	overflow:hidden;
	z-index:5;
	position:relative;
	background-color: #8b8e85;
}

.content-mitte-index {
	float:left;
	text-align:left;
	white-space: nowrap;
	width:640px;
	height:360px;
	overflow:hidden;
	z-index:5;
	position:absolute;
	top: 15px;
	left:250px;
	background-color: #FFFFFF;
}



.content-mitte-yoga {
	float:left;
	text-align:left;
	white-space: nowrap;
	width:670px;
		height:571px;
	overflow:hidden;
	z-index:5;
	position:relative;
	background-color: #caacb8;
}
.content-mitte-kosmetik {
	float:left;
	text-align:left;
	white-space: nowrap;
	width:670px;
		height:571px;
	overflow:hidden;
	z-index:5;
	position:relative;
	background-color: #c3c3c3;
}
.content-mitte-haare{
	float:left;
	text-align:left;
	white-space: nowrap;
	width:670px;
	height:571px;
	overflow:hidden;
	z-index:5;
	position:relative;
	background-color: #9a9a9a;
}

.content-mitte-text-headline {
  margin-left:15px;
  margin-top:15px;
 	margin-bottom:80px;
}

.content-mitte-text-headline h1 {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:30px;
	font-weight:bold;
  color:#FFFFFF;
  text-align:left;
  text-transform:uppercase;
}

.content-mitte-text-headline-index {
  margin-left:25px;
  margin-top:15px;
 	margin-bottom:20px;
}

.content-mitte-text-headline-index h1 {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:30px;
	font-weight:bold;
  color:#651134;
  text-align:left;
  text-transform:uppercase;
}

.content-mitte-text {
  margin-left:15px;
  margin-right:75px;
	margin-bottom:15px;
  white-space: normal ;
	line-height: 1.2em;
	z-index:5;
	width:610px;
	height:auto;
	max-height:390px;
	text-align:left;
	background-color: #FFFFFF;
	padding:15px 15px 15px 15px;
	overflow:auto; 


}
.content-mitte-text h2 {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:14px;
	font-weight:bold;
  color:#651134;
  text-align:left;
  text-transform:uppercase;
}
.content-mitte-text b {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:12px;
	font-weight:bold;
  color:#676f7c;
}
.content-mitte-text a {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:12px;
	font-weight:normal;
  color:#676f7c;
}
.content-mitte-text a:hover {
	font-family: Helvetica,Univers,Arial,sans-serif;
  font-size:12px;
	font-weight:normal;
  color:#676f7c;
  text-decoration:underline;
}


.content-mitte-kontakt-button {
	float:left;
	background-color:#661033;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:none;
  margin-top:5px;
	margin-bottom:3px;
	margin-right:10px;
	height:20px;
	width:auto;
}


.tabelle { 	
  white-space: nowrap;
	width:600px;
	height:150px;
	overflow:hidden;
	z-index:4;
	position:relative;
  height:auto;
  background-color:#ffffff;
 }


.t1 {
	float:left;
	text-align:left;
	white-space: nowrap;
	width:120px;
	overflow:hidden;
	z-index:7;
	position:relative;
}