/* CSS Document */



/********************************************************************
* HTML TAGS
********************************************************************/


html, body	{background-image:url(../img/bg.jpg); background-repeat:repeat-x; background-color:#eeeef3;




scrollbar-face-color: #FF8450; 
}

h1		{font-size:14px; 
		 font-weight:bolder;
		 font-family:Tahoma, Geneva, sans-serif;
		 text-align:center;
		 line-height:3px;
		 margin:0px;
}




h2	{font-weight:normal;
			  font-family:Tahoma, Geneva, sans-serif;
			  font-size:14px;
			  line-height:18px;
			  letter-spacing:normal;
			  text-align:justify;
			  margin:0px;
}

h3		{font-size:14px; 
		 font-weight:bolder;
		 font-family:Tahoma, Geneva, sans-serif;
		 text-align:center;
		 line-height:10px;
}

p	{margin:0px; padding:0px;}






/********************************************************************************
* Seitenaufbau
********************************************************************************/


.wrapper {width: 1000px; height: auto; margin: 0 auto; }

.header	{width:1000px; height:243px; background-image:url(../img/header.jpg); background-repeat:no-repeat;
}

.headerAktion	{width:1000px; height:243px; background-image:url(../img/header-aktion.png);background-repeat:no-repeat;
}

.content	{width: 1000px; height:436px; background-image:url(../img/content.jpg); background-repeat:no-repeat;
}



.footer	{width:1000px; height:57px; background-image:url(../img/footer.gif); background-repeat:no-repeat;
}


/*************************************
* HOME
**************************************/

.home	{width: 290px; height:340px; 
         position:relative; top: 38px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; 
		 background-image:url(../img/home.png);
		 background-repeat:no-repeat;
}

.fotoHome	{width: 320px; height:352px; background-image:url(../img/home.png); background-repeat:no-repeat;
         position:relative; top: 38px; left:151px; /*box-shadow:8px 8px 8px #666;*/  float:left;  z-index:1;
}

.fotoAngebote	{width: 320px; height:352px; background-image:url(../img/wiesn.jpg); background-repeat:no-repeat;
         position:relative; top: 30px; left:151px; /*box-shadow:8px 8px 8px #666;*/  float:left;  z-index:1;
}

.contentStart {width:385px; height:300px; position:relative; top:30px;
float:left; left: 145px; padding-top: 45px;

}

.einfuehrung {font-weight:normal;
			  font-family:Tahoma, Geneva, sans-serif;
			  font-size:13px;
			  line-height:14px;
			  letter-spacing:normal;
			  text-align:justify;
			
}





/*******************************************************************************************
* Fotos für die Leistungsbeschreibung
*******************************************************************************************/





.fotoEnthaarung	{width: 385px; height:352px; background-image:url(../img/start_enthaarung.png); background-repeat:no-repeat;
         position:relative; top: 28px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; top: 29px;
}

.fotoGesicht	{width: 375px; height:352px; background-image:url(../img/start_gesicht.png); background-repeat:no-repeat;
		 background-position:-40px 0px 0px 0px;
                 position:relative; top: 28px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 65px; float:left; top: 29px;
}

.fotoFuesse	{width: 385px; height:352px; background-image:url(../img/start_fuesse.png); background-repeat:no-repeat;
                 position:relative; top: 28px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; top: 29px;
}

.fotoHandpflege	{width: 385px; height:352px; background-image:url(../img/start_haende.png); background-repeat:no-repeat;
                 position:relative; top: 28px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; top: 29px;
}

.fotoKosmetikbehandlung	{width: 385px; height:352px; background-image:url(../img/start_kosmetikbehandlung.png); background-repeat:no-repeat;
                         position:relative; background-position:4px 95px; top: 0px; left:147px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; top: 27px;
}

.fotoSpezialbehandlung	{width: 385px; height:352px; background-image:url(../img/start_spezialbehandlung.png); background-repeat:no-repeat;
                         position:relative; background-position:4px 135px; top: 0px; left:147px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left; top: 27px;
}

.fotoMassage	{width: 300px; height:352px; /*background-image:url(../img/massage.jpg); background-repeat:no-repeat;*/
		 background-position:-40px 0px 0px 0px;
                 position:relative; top: 28px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 5px; float:left; top: 29px;
}



/********************************************************************************
* DIV CONTAINER und Textformatierungen
********************************************************************************/



.contentHome {width:320px; height:303px; position:relative; top:30px;
float:left;  padding-top:30px; left: 100px; z-index:6;

}

.contentHomeScroll {width:320px; height:303px; position:relative; top:30px;
float:left;  padding-top:30px; left: 100px; z-index:9; overflow:hidden;

}

.contentImpressumScroll {
	width:680px;
	height:315px;
	position:relative;
	top:30px;
	float:left;
	padding-top:15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	left: 160px;
	z-index:9;
	overflow:auto;

}

.contentHome2 {width:410px; height:303px; position:relative; top:30px;
float:right;  padding-top:30px; right: 145px; z-index:6;

}

.contentHome2Scroll {width:410px; height:303px; position:relative; top:30px;
float:left;  padding-top:30px; right: 165px; z-index:9; overflow:hidden;

}

.contentHome2ScrollRight {width:280px; height:303px; position:relative; top:30px;
float:right;  padding-top:30px; right: 170px; z-index:9; overflow:hidden; z-index:100;

}

.reiki {width:400px; height:200px; position:relative; margin: 76px 160px; z-index:6;

}

.beautyPaket1	
{width: 375px; 
min-height: 25px; 
position:relative;
top: 245px; left: 25px; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:normal; 
}

.beautyPaket2	
{
	width: 375px;
	min-height: 25px;
	position:relative;
	top: 180px;
	left: 20px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:normal;
}

.beautyPaket1 p {margin: 1px;
}



.uSchriftEnthaarung	{
	width: 250px;
	height: 75px;
	position:relative;
	float:left;
	top: -20px;
	left: 20px;
	margin-bottom: 15px;
	
}

.uSchriftFuesseScroll	{
	width: 250px;
	height: 75px;
	position:relative;
	float:left;
	top: -16px;
	left: 20px;
	margin-bottom: 15px;
	z-index:1000;
}


.uSchriftMassage	{
	width: 250px;
	height: 75px;
	position:relative;
	float:left;
	top: -30px;
	left: 15%;
	
	margin-bottom: 15px;
}

.uSchriftSpezialbehandlung	{width: 250px; height: 75px; 
			 position:relative; float:left;  top: -45px; left: 20px;; margin-bottom: 15px;
}


.uSchriftKosmetikbehandlung	{width: 250px; height: 45px; 
						position:relative; float:left;  top: -30px; left: 45px;; margin-bottom: 8px;
}

.uSchriftBodywrapping{width: 250px; height: 45px; 
						position:relative; float:left;  top: -30px; left: 20px;; margin-bottom: 8px;
}

.LeistungsBesch	{
	width: 285px;
	min-height:25px;
	position:relative;
	float:left;
l
                 left: 20px; 	top: -15px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:15px;
	letter-spacing:normal;
	font-weight:bold;
}

.LeistungsBeschHaende	{
	width: 285px;
	min-height:25px;
	position:relative;
	float:left;

                 left: 35px; 	top: -20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:15px;
	letter-spacing:normal;
	font-weight:bold;
}


.LeistungsBesch p {margin: 1px;
}

.LeistungsBeschKosmetik
	{width: 285px; min-height:25px; position:relative; 
		float:left; left: 25px; top: -30px; font-family:Tahoma, Geneva, sans-serif; font-size:0.7em; line-height:13px;
		letter-spacing:normal; font-weight:bold;
}
.LeistungsBeschKosmetik p {margin: 1px;
}

.kursiv {font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:normal; font-style:italic;
}


.LeistungsBeschSpezial	{width: 340px; min-height:25px; position:relative; float:left; l
                 left: 20px; top: -65px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:15px;
		letter-spacing:normal; font-weight:bold;
}
.LeistungsBeschSpezial p {margin: 1px;
}

.LeistungsBeschMassage	{width: 400px; min-height:25px; position:relative; float:left; l
                 left: 3px; top: -65px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:15px;
		letter-spacing:normal; font-weight:bold;
}
.LeistungsBeschMassage p {margin: 1px;


}

.LeistungsBeschUltratone	{width: 400px; min-height:25px; position:relative; float:left; 
                 left: 3px; top: -65px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:15px;
		letter-spacing:normal; font-weight:bold;
}
.LeistungsBeschUltratone p {margin: 1px;


}

.LeistungsBeschBodywrapping	{width: 400px; min-height:25px; position:relative; float:left; 
                 left: 3px; top: -65px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:15px;
		letter-spacing:normal; font-weight:bold;
}
.LeistungsBeschBodywraping p {margin: 1px;


}





/******************************************************************
* Navigation
*******************************************************************/


#mainNav {width: 700px; height:30px; position:relative; top: -8px; /*left: 124px;*/ padding-top: 2px; padding-left: 3px; float:left;
left: 160px;
}

#mainNavi {font-family:Tahoma, Geneva, sans-serif; font-size: 14px; letter-spacing:normal; font-weight:bold; color:#000;
}

#mainNav a {text-decoration:none; color:#000; 
}

#mainNav a:hover {color:#c833ea; font-weight:bolder; font-family:16px;
}

#mainNav ul {list-style:none; 
}

#mainNav li {display:block; 
}

#mainNavi ul {display:none;}





#nav {
	margin: 0;
	position:relative; top: 15px;
/*	padding: 4px 2px 0;*/
	/*background: #7d7d7d url(img/gradient.png) repeat-x 0 -110px;*/
	line-height: 50%; 
	z-index: 999;

	/*border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);*/
	
	
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	/*color: #e7e5e5;*/
	text-decoration: none;
	display: block;
	padding:  8px 15px;
	margin: 0;

	/*-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;*/
	
	text-shadow: 0 1px 1px rgba(234,230,237, .3);
}
#nav a:hover {
	/*background: #000;
	color: #fff;*/
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	/*background: #666 url(img/gradient.png) repeat-x 0 -40px;
	color: #444;*/
	/*border-top: solid 1px #f8f8f8;*/

	/*-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);*/
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #000;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #c833ea/* url(img/gradient.png) *//*repeat-x 0 -100px */!important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 3px 3px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 25px;
	left: 0;
	background: #ddd; /*url(img/gradient.png) repeat-x 0 0;*/
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

/***************************
* Impressum
***************************/

     .slide-out-div {

	width:950px;

    padding: 5px;
	

	background: #eeeef3;

	border: #a5a5a5 1px solid;
	z-index:1099;
	

      }   

.slide-out-div p {

font-size:12px;

line-height:normal;

}	 


/*****************************************
*Audio
****************************************/

.audio	{width: auto; height:auto; position:relative; left: 151px; top:-13px; float:left;} 

.imp	{
	width: 650px;
	height:auto;
	position:relative;
	left: 151px;
	clear:both;
	font-size: 11px;
	top: -10px;
}



/******************************************
*Kontakt
*******************************************/

.kontaktLinks	{width: 362px; height:352px; 
         position:relative; top: 35px; left:153px; /*box-shadow:8px 8px 8px #666;*/ margin-right: 25px; float:left;
}

.kontakt  {line-height:16px; font-size:14px; position:relative}
.kontakt P {margin: 1px; padding:1px;
}

.contentKontakt {width:310px; height:333px; position:relative; top:30px;
float:left; left: 145px; 

}

.contentKontakt2 {width:385px; height:333px; position:relative; top:18px;
float:left; left: 125px; 

}

/************************************************************
* News
**************************************************************/
.news	{width: 690px; height:352px; 
         position:relative; top: 35px; left:153px; float:left;
		 z-index:1;
		 
		
}


.schatten {
  font-size:1.25em;
  font-weight: bold;
  color: #600;
  margin: 20px;
  padding: 20px;
  background-color: yellow;
  width: 8.5em;
  letter-spacing: 1px;
  float:left;
   text-align:center;
 
}

.schatten a {text-decoration:none; color: #600;
}

.schatten {
   position: relative;
}
.schatten:before {
   content: "";
   position: absolute;
   z-index: -1;
   bottom: 10px;
    z-index: -1;
   bottom: 15px;
   left: 10px;
   width: 60%;
   height: 20%;
   -webkit-box-shadow: 0 15px 10px hsla(0, 0%, 0%, 0.7);
   -moz-box-shadow: 0 15px 10px hsla(0, 0%, 0%, 0.7);
   box-shadow: 0 15px 10px hsla(0, 0%, 0%, 0.7);
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
}

.schatten p {font-size:12px; margin: 1px; padding: 1px;
			
}

.preisliste	{width: 115px; height:250px; position:relative;
			 float:left; box-shadow:8px 8px 8px #666; 
			 margin-right: 45px; left: 15px; 
			 
}

.preisliste a {text-decoration:none;
}


.ultratone li {line-height:20px; letter-spacing:normal; margin-top:10px; position:relative; top: 45px;}
.ultratone ul {line-height:5px;}

.bodywrapping li {line-height:20px; letter-spacing:normal; margin-top:10px; position:relative; top: 45px; right:30px; }
.bodywrapping ul {line-height:5px; }

.leer { text-indent:1em;}
/******************************************
* SOCIAL
******************************************/
.fb 		{width:40px; height: 46px; background-image:url(../img/iicon-facebook.png); background-repeat:no-repeat;
}
.fb a	{text-decoration:none;
}
.fb a:hover {background-image:url(../img/iicon-facebook_hoover.png);
			 background-repeat:no-repeat;
}