* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
	background-color: #eff3e7;
	background-image: url(bilder/jpg/auge-intro1500m.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
}
header, nav, footer, aside, section {
    display: block;
}
/*-------------------------------------START INHALTE-------------------------*/
#wrapper {
    width: 900px;
    border: 1px solid white;
	padding-top: 150px;
	padding-left: 100px;
	margin: 0 auto;
	text-align: justify;
	color: #999999;
	background-color: #99cc99;
	opacity: 0.7; 
	  
}
/*-------------------------------------HEADER-------------------------*/
header {
    /*background-color: #ffff99;*/
	/*opacity: 0.8;*/
	width: 900px;
	height: 180px;
	}	
#ueber {
  position: relative;
	}
	
#bild1 {
	no repeat;
	position: absolute;
	width: 180px;
  	height: 180px;
  	top: 0px;
  	left: 0px;
   	
	
	}
#bild2 {
	no repeat;
	position: absolute;
	width: 540px;
  	height: 180px;
  	top: 0px;
  	left: 180px;

		

/*header p {
    background-color: orange;
	text-align: right;
    padding-right: 15px;
}
header a {
    color: white;
}
#logotext {
    padding-top: 50px;
    font-size: 20pt;
    color: white;*/
}
/*-------------------------------------NAV-------------------------*/
#steuerunglinks {
    background-color: #eff3e7;
	width: 180px;
	float: left;
	padding-top:20px;
	
}
#steuerunglinks ul {
    	list-style-type: none;
/*}
#steuerunglinks ul ul {
    list-style-type: square;*/
}
#steuerunglinks li {
    padding-bottom: 0.9em;
}
#steuerunglinks a {
    color:black;
	text-decoration: none;
}
#steuerunglinks li a {
	
    height: 20px;
    display: block;
}
#link1{
     background: url(bilder/but/kosmetik-a.gif) no-repeat;
	}
#link1:hover{
     background: url(bilder/but/kosmetik-b.gif) no-repeat;
	}
#link1:active{
     background: url(bilder/but/kosmetik-c.gif) no-repeat;
	}
#link2{
     background: url(bilder/but/massagen-a.gif) no-repeat;
	}
#link2:hover{
     background: url(bilder/but/massagen-b.gif) no-repeat;
	}
#link2:active{
     background: url(bilder/but/massagen-c.gif) no-repeat;
	}
#link3{
     background: url(bilder/but/haarentfernung-a.gif) no-repeat;
	}
#link3:hover{
     background: url(bilder/but/haarentfernung-b.gif) no-repeat;
	}
#link3:active{
     background: url(bilder/but/haarentfernung-c.gif) no-repeat;
	}
#link4{
     background: url(bilder/but/pedicure-a.gif) no-repeat;
	}
#link4:hover{
     background: url(bilder/but/pedicure-b.gif) no-repeat;
	}
#link4:active{
     background: url(bilder/but/pedicure-c.gif) no-repeat;
	}
#link5{
     background: url(bilder/but/fussreflex-a.gif) no-repeat;
	}
#link5:hover{
     background: url(bilder/but/fussreflex-b.gif) no-repeat;
	}
#link5:active{
     background: url(bilder/but/fussreflex-c.gif) no-repeat;
	}
#link6{
     background: url(bilder/but/manicure-a.gif) no-repeat;
	}
#link6:hover{
     background: url(bilder/but/manicure-b.gif) no-repeat;
	}
#link6:active{
     background: url(bilder/but/manicure-c.gif) no-repeat;
	}
#link7{
     background: url(bilder/but/kontakt-a.gif) no-repeat;
	}
#link7:hover{
     background: url(bilder/but/kontakt-b.gif) no-repeat;
	}
#link7:active{
     background: url(bilder/but/kontakt-c.gif) no-repeat;
	}


/*-------------------------------------ASIDE-------------------------*/
aside {
    background-color: #ffebce;
	opacity: 0.6;
	width: 180px;
	height:685px;
    float: right;
	}
	
aside p {
    margin-left: 10px;
	margin-right:10px; 
	font-size: 11px;
	font-style: italic;
	color: #336699;
	padding-top:10px;
}

#pic1 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic2 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic3 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic4 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic5 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic6 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic7 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }
#pic8 { left: 0px; top: 0; position: relative;  z-index:3; visibility: visible; }


#pdf {
    background-color: yellow;
	background-image: url(bilder/grau-50.png);
	height: 24px;
	opacity: 0.7;
}
#pdf ul {
    list-style-type: none;
}
#pdf li {
    display: inline;
}
#pdf a {
    display: block;
    width: 180px;
	/*background-color: yellow;*/
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: white;
    text-decoration: none;
}
#pdf a:hover {
    background-image: url(bilder/grau-50.png);
}
	
aside img {
    /*margin-left: 10px;*/
    /*border:1px solid red;*/
}
/*-------------------------------------SECTION-------------------------*/
section {
    /*background-color: orange;*/
	margin-left: 205px;
    margin-right: 200px;
 	height: 500px;
	}
#bild0{	
	margin-left: 0px;
    margin-right: 0px;
	margin-top:0px;
 		
}
section h1 {
	font-family: arial, serif;
	font-weight: lighter;
	font-size: 26px;
	
    padding-top: 80px;
    padding-bottom: 0.4em;
	padding-left: 50px;
	text-align: center;
    color: #006633;
	}
section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section h3 {
	font-family: arial, serif;
	font-weight: lighter;
	font-size: 32px;
	
    padding-top: 80px;
    padding-bottom: 0.4em;
	padding-left: 50px;
	text-align: center;
    color: #99cc99;
	opacity: 0.7;
	}

section p {
    padding-bottom: 1em;
}
section ul {
    padding-left: 3em;
}
section li {
    padding-bottom: 0.5em;
}


/*-------------------------------------FOOTER-------------------------*/
footer {
    /*background-color: brown;*/
	background-image: url(bilder/jpg/verte-50.png);
    color: #999999;
    text-align: center;
	clear: both;  /*soll die Farbe an den drei Spalen orientieren*/
}
footer a {
	color: yellow;
	text-decoration: none;
	}
footer a:hover {
	color: green;
	}