@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
header, footer, nav, article, section, aside, figure { display: block; }
a {
	text-decoration: none;
	color: #58585a;
}
body {
	background: #eeeeee;
	font-family: "Arimo", Arial, sans-serif;
	font-size: 13px;
	color: #58585a;
	overflow-y: scroll;
}
.clear {
	clear: both;
}
h1 {
	padding: 60px 0 20px 0;
}
h2{
	font-size: 18px;
	color: #ce0655;
	font-weight: 500;
	padding-bottom: 20px;
	text-align: left;
}
h3 {
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
	padding: 30px 0 20px 0;
}
h5 {
	font-size: 24px;
	font-weight: 500;
	color: #ce0566;
	padding: 50px 0 20px 0;
}
h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: 500;
	color: #ce0566;
	padding: 20px 0 20px 0;
}

/* HEADER ANFANG*/
.logo{
	margin: 0 auto;
	height: auto;
	width: 962px;
	border: 0;	
}
.menu {
	padding-top: 20px;
	height: 60px;
	width: 960px;
	margin: 0 auto;
}
#nav {
	background-image: url(Images/navHg.png);
	background-repeat: repeat-x;
	height: 60px;
}
header ul {
	list-style-type: none;
	display: inline-block;
	font-size: 14px;
}
header ul li {
	float: left;
	text-align: center;
	padding: 0 40px 0 0;
}
header ul li a:hover, header ul li.active a {
	color: #ce0655;
}
/* HEADER ENDE*/


/* Styles Site Profil ANFANG*/
.profilHg {
	background: url(Images/profilHg.jpg) no-repeat center;
	margin-top: -2px;
	height: 950px;
	position: relative;
}
.container {
	margin: 0 auto;
	height: auto;
	width: 962px;
	position: relative;
	z-index: 99999999999999999999999999;
}
#top {
	height: 550px;
	width: 962px;
	margin: 0 auto;
	position: relative;
}
.box {
	height: 380px;
	width: 320px;
	background: url(Images/infoGr.png) no-repeat;
	position: absolute;
	top: 40px;
	left: auto;
	margin-left: -10px;
}
.text {
	position: absolute;
	left: -10px;
	width: 240px;
	height: auto;
	margin: 40px 40px 40px 50px;
	padding: 0;
	text-align: justify;
}
.quote {
  font-size: 32px;
	font-weight: 500;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	z-index: 1000;
	position: absolute;
	top: 450px;
	left: 380px;
}
div.quote p {
  font-family: "Arimo", Arial, sans-serif; 
	font-size: 13px;
	font-weight: 500;
	text-align: center; 
}
article {
	width: 962 px;
	margin: 0 auto;
}
.bar {
	height: 360px;
	background: url(Images/barPink.png) repeat-x;
	margin: 0 auto;
}
.bar p {
	color: #FFF;
	height: 240px;
	width: 300px;
	margin: 0 30px 0 0;
	text-align: justify;
	letter-spacing: 10%;
	overflow: hidden;
	float: left;
}
#profil {
	background: url(Images/steckbrief.png) no-repeat center right;
	height: 360px;
	width: 962px;
	margin: 0 auto;
	z-index: 999;
}
.invisible {
  display: none;
}
div#profil span {
  font-size: 18px;
  font-style: bold;
  color: #FFF;  
}
#button {
	background: url(Images/button.png);
	background-repeat: repeat-x;
	padding: 7px 0 0 23px;
	width: 70px;
	height: 38px;
	z-index: 999999;
	float: left;
	margin: 10px 0 0 153px;
	font-size: 14px;
}
div#button a:hover  {
	color: #ce0566;
}
/* Styles Site Profil ENDE*/


/* Styles Site Massage ANFANG*/
.massageHg {
	background: url(Images/massageHg.jpg) no-repeat center;
	margin-top: -2px;
	height: 950px;
	position: relative;
}
.barW {
	height: 616px;
	background: url(Images/barWhite.png) repeat-x center;
	position: relative;
	top: 50px;
	z-index: 1;
}
#image {
  background: url(Images/klMassage04.jpg) no-repeat;
  position: absolute;
  border: 1px solid #FFF;
  top: 130px;
  left: 325px;
  z-index: 2;
  width: 300px;
  height: 305px;
}
#massage {
  padding: 20px 0 20px 0;
  width: 300px;
  text-align: jusitfy;
}
.barW p {
	height: 380px;
	width: 295px;
	margin: 30px 35px 0 0;
	text-align: justify;
	overflow: hidden;
	float: left;
}
.barW span {
  font-size: 16px;
  font-weight: 500;
  color: #ce0566;
}
.barW div#button {
	background: url(Images/button.png);
	background-repeat: repeat-x;
	padding: 7px 0 0 23px;
	width: 70px;
	height: 38px;
	z-index: 999999;
	float: left;
	margin: 405px 0 0 202px;
	font-size: 14px;
}
.barW div#button a:hover  {
	color: #ce0566;
}
#infoL {
	background: url(Images/infoL.png) no-repeat center right;
	position: absolute;
	left: 650px;
	top: 55px;
	height: 490px;
	width: 310px;
	z-index: 999;
	float: left;
}
#infoL ul {
	padding: 0 20px 40px 60px;
	line-height: 25px;
}
#infoL h2{
	padding: 75px 20px 30px 40px;
}
/* Styles Site Massage ENDE*/

/* Styles Site Kontakt ANFANG*/
.konHg {
	background: url(Images/konHg.png) no-repeat center top;
	height: 833px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.container.var2 {
	margin: 0 auto;
  top: 20px;
	height: 658px;
	width: 850px;
	position: relative;
	z-index: 99999999999999999999999999;
}
.form {
  font-size: 13px;
  width: 400px;
  height: auto;
  float: left;
  margin: 0 20px;
}
#kontaktForm button {
  padding: 5px 20px;
}
#kontaktForm button:hover {
  color: #ce0566;
}
#error {
  padding-left: 150px;
  color: #ce0566;
  font-size: 15px;
}
#barPS {
	height: 176px;
	background: url(Images/barPinkS.png) repeat-x;
	position: relative;
	top: -50px;
	z-index: 1;
}
.container.var3 {
	margin: 0 auto;
	height: 200px;
  left: 50px;
	z-index: 99999999999999999999999999;
}
.impressum {
  color: #FFF;
  font-size: 13px;
  width: 200px;
  height: 176px;
  float: left;
  margin: 0 50px;
  }
div.impressum p {
	margin: 0 auto;
  top: 76px;
	height: 30px;
	width: 960px;
	position: absolute;
	z-index: 99999999999999999999999999;
}
.impressum a {
  color: #FFF;
}
.impressum a:hover {
  color: #000;
}
.figure {
  background: url(Images/auto.png) no-repeat;
  position: relative;
  width: 320px;
  height: 235px;
  float: left;
  top: -32px;
}
#bottomShadow {
  background: url(Images/bottomShadow.png) no-repeat center;
  height: 20px;
}
.container.var4 {
	margin: 0 auto;
	text-align: center;
	padding: 200px;
	height: 258px;
	width: 850px;
	position: relative;
	z-index: 99999999999999999999999999;
}
.container.var4 #button {
 background: url(Images/button.png);
	background-repeat: repeat-x;
	width: 70px;
	height: 38px;
	z-index: 999999;
	float: left;
	margin: 50px 0 0 375px;
	font-size: 14px;
	position: absolute;
}
.container.var4 #button a {
  position: realative;
  margin: auto 24px auto auto;
}
.container.var4 #button a:hover  {
	color: #ce0566; 
}
input.error {
  border: 1px solid #ce0566;
}  
/* Styles Site Kontakt ENDE*/


/* FOOTER ANFANG*/
footer {
	width: 962px;
	margin: 0 auto 80px auto;
	font-size: 12px;
}
footer a:hover, footer.active a {
	color: #ce0566;
}
#menufooter {
	float: right;
}
footer ul {
	list-style-type: none;
	display: inline-block;
}
footer ul li {
	float: left;
	text-align: center;
	padding: 0 30px 0 0;
}
footer ul li a:hover, footer ul li.active a {
	color: #ce0655;
}
/* FOOTER ENDE*/