body{
	height: 100%;
	color: black;
	background: white;
	background-image: url(/grafiken/deko/bg-01-orange-2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding: 0;
	margin: 0;
	font: 13px arial, verdana, sans-serif;
}

#wrapper {
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	width: 760px;
	padding: 0;
	margin-top:10px;
	border: 0px ridge maroon;
	background: White;
	
}
  html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}
#kopf{
	color: Navy;
	background: white;
	width: 760px;
	padding: 0 0 0 25px;
	margin-top: 10px;
}

#kopf h1{
	color: White;
	background: maroon none;
	padding: 2px;
	margin: 0;
	border-top: 1px solid black;
	font: bold 18px verdana, sans-serif;
}

#navibereich {
  text-align: left;
  color: black;
  width: 735px;
  	background-color: white;
	background-image: url(test-bg1.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
  padding: 110px 10px 4px 25px;
  border-bottom: 0px solid #8c8c8c;
}
	  #navibereich ul {
	    margin: 0 0 0px 10px;
	  }
    #navibereich li {
	 text-align: left;
      display: inline;
      list-style-type: none;
      margin: 0 ;
    }
    #navibereich a {
      color: white;
		background-color: #669933;
		text-decoration: none;
	    padding: 4px 8px 4px 8px;
	    border: 1px solid #8c8c8c;
    }
    #navibereich a:hover {
      text-decoration: none; /* Unterstreichung aus */
	    color: black;
	    background-color: white;
		 padding: 4px 8px 8px 8px;
	    border-bottom: 8px solid #81b624; 
	  }
    #navibereich a:active,
	 #startseite #navi01 a,
    #ueberuns #navi02 a,
    #behandlungen #navi03 a,
    #termine #navi04 a,
	 #aktionen #navi05 a,
	 #studio #navi06 a,
	 #impressum #navi07 a { 
	 
	text-decoration: none; /* Unterstreichung aus */
	color: black;
	background-color: white;
	padding-bottom: 4px; /* ein Pixel mehr als oben */
   border-bottom: 8px solid #81b624; /* Untere Rahmenlinie aus */ 
	}

#aktionen #spalte_2 img,
#intro #spalte_2 img,
#startseite #spalte_2 img,
#studio #spalte_2 img  {
	padding: 5px;
	border: 2px solid #81b624;
	margin: 0px 50px 5px 0px;
}	
	
	
#inhalt {
	float: left;
	width: 100%;
	padding-bottom: 0px;
	border: 3px solid #81b624;
	background-color: transparent;
	background-image: url(bogen-oben-rechts1.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#inhalt table {
	border-collapse: collapse;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
}

#spalte_1 {
float:left;
width:160px;
height: auto;
min-height: 360px;
background: transparent;
}

#spalte_1 ul{
	margin-left: 10px;
	margin-top: 25px;
	padding: 50px 0 0 0px;
		}
	
#spalte_1 li{
	padding: 0 0 5px 0;
	margin: 0;
	list-style: none;
}
#spalte_1 a{
	background-color: white;	
	color: black;
	padding: 3px 10px 3px 10px;
	font: 800 12px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
}
#spalte_1 a:hover{
	color: black;
	background-color: white;
	text-align: right;
	text-decoration: underline;
}
#spalte_1 a:active{
color: black;
}

* html div#spalte_2 {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

#spalte_2{
	float: right;
	width: 580px;
	height: auto;
	min-height: 360px;
	color: black;
	background: transparent;
	margin: 25px 0px 0 10px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-left: 0px dashed silver;
	border-right: 0px dashed silver;
}

#spalte_2 h2{
margin:0 0 0px 0px;
padding:2px 0 2px 0px;
font:bold 18px arial, verdana, sans-serif;
letter-spacing: 1px;
border-left: 0px solid #FF6633;
border-bottom: 0px solid #FF6633;}

#spalte_2 h3{
	margin: 15px 0 5px 0;
	padding: 2px 0 2px 5px;
	font: bold 14px verdana, sans-serif;
	border-left: 4px solid #81b624;
	border-bottom: 0px solid #81b624;
}

#spalte_2 h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #ADD8E6;
border-bottom:1px solid #bcbcbc;}


#clear {
	clear: both;
}

#fussgrafik {
	width: 100%;
	height: 69px;
	background-image: url(bogen-unten-links1.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#fuss{
clear: left;
color:black;
text-align: right;
background: white;
padding:10px 10px 20px 0;
margin: 0px 20px 0 0; 
width: 730px;
border: 0; 
}


#fuss p {
	margin:0;
	padding:4px;
}

#fuss a{
	color: black;
	text-decoration: none;
	padding:1px 2px 2px 2px;
	
}

#fuss a:hover{
	color: Black;
	background: White;
	padding:1px 2px 2px 2px;
	text-decoration: underline;
}

/* -----------------------------------------------
--------------------------------------------------
standard-elemente
------------------------------------------------------
-----------------------------------------------------*/

a {
	outline: none;
}


.newsbox {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: #ffffcc;
	border: 1px solid maroon;
	padding:10px 10px 10px 10px;
	margin-bottom: 15px;
}

.n_box {
	font: 10px arial, verdana, sans-serif;
	color: black;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 90%;
	background-color: white;
	border: 0px dashed #81b624;
	padding:2px 2px 2px 2px;
	margin: 30px 2px 5px 5px;
}

.start_box {
	font: 14px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 100%;
	color: black;
	background-color: transparent;
	border-bottom: 0px dashed silver;
	padding:5px 0px 5px 0px;
	margin-bottom: 5px;
}

.gesicht,
.fuss,
.massage,
.enthaarung,
.extras,
.individ
 {
	font: 14px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 100%;
	color: black;
	background-color: transparent;
	border-bottom: 1px dashed silver;
	padding:5px 0px 5px 0px;
	margin-bottom: 5px;
}

.gesicht {
	width: 425px;
	background-image: url(face01.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.fuss {
	width: 425px;
	background-image: url(fuss-01.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.massage {
	width: 425px;
	background-image: url(massage01.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.enthaarung {
	width: 425px;
	background-image: url(fuss-01.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.extras {
	width: 425px;
	background-image: url(auge-01.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.individ {
	width: 425px;
	background-image: url(face-02.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 125px;
}

.start_box h2 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: black;
	}
	
.start_box h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}
	

.gesicht h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}
	
.fuss h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}
	
.massage h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}

.enthaarung h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}	
	
.extras h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}
	
.individ h3 {
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #81b624;
	}
	
	
	
.kontakt_box {
	font: 11px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: white;
	border: 1px solid maroon;
	padding:5px 10px 5px 10px;
	margin-bottom: 5px;
}

.kontakt_box table {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
}

.firmenname {
	font: bold 22px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	width: 95%;
	color: white;
	background-color: maroon;
	border: 0px 0 0 0 dashed maroon;
	padding: 0px 10px 1px 10px;
	margin-bottom: 15px;
}

.firmenbeschreibung {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: white;
	border: 1px dashed maroon;
	padding: 3px 10px 3px 10px;
	margin-bottom: 10px;
}

.galerie-quer {
	width: 95%;
	color: black;
	background-color: white;
	border: 1px dashed maroon;
	padding:5px 5px 5px 5px;
	margin-bottom: 5px;
}
#formhinweis {
	font-size: 9px;
}