html, body {
	margin: 0px;
	padding: 0px;
	background-color: #fff8b3;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 101%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #662222;
	height: 100%;
}

#wrapper {
	position: absolute; 
	top: 0px;
	left: 0ox;
	margin: 0px;
	padding: 0px;
	background-image: url(pics/blume.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	font-size: 75%;
	z-index: 2;
}


/* ------------------------------- Hintergrundbilder --------------------------------*/

#home, #uebermich, #beratung, #behandlung, #produkte, #infoabende, #infos, #kontakt {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	z-index: 1;
}

.bild1 {
	width: 780px;
	height: 126px;
	margin: 0px;
	border: none;
}

.bild2 {
	width: 151px;
	height: 584px;
	margin: 0px;
	border: none;
}

#home .bild1 {
	background-image: url(pics/home_01.jpg);
}
#home .bild2 {
	background-image: url(pics/home_02.jpg);
}

#uebermich .bild1 {
	background-image: url(pics/uebermich_01.jpg);
}
#uebermich .bild2 {
	background-image: url(pics/uebermich_02.jpg);
}

#beratung .bild1 {
	background-image: url(pics/beratung_01.jpg);
}
#beratung .bild2 {
	background-image: url(pics/beratung_02.jpg);
}

#behandlung .bild1 {
	background-image: url(pics/behandlung_01.jpg);
}
#behandlung .bild2 {
	background-image: url(pics/behandlung_02.jpg);
}

#produkte .bild1 {
	background-image: url(pics/produkte_01.jpg);
}
#produkte .bild2 {
	background-image: url(pics/produkte_02.jpg);
}

#infoabende .bild1 {
	background-image: url(pics/infoabende_01.jpg);
}
#infoabende .bild2 {
	background-image: url(pics/infoabende_02.jpg);
}

#infos .bild1 {
	background-image: url(pics/infos_01.jpg);
}
#infos .bild2 {
	background-image: url(pics/infos_02.jpg);
}

#kontakt .bild1 {
	background-image: url(pics/kontakt_01.jpg);
}
#kontakt .bild2 {
	background-image: url(pics/kontakt_02.jpg);
}

#gaestebuch .bild1 {
	background-image: url(pics/gaestebuch_01.jpg);
}
#gaestebuch .bild2 {
	background-image: url(pics/gaestebuch_02.jpg);
}

/* ------------------------------- Textformatierung --------------------------------*/

#text {
	float: left;
	margin: 0px;
	padding-top: 147px;
	padding-left: 50px;
	width: 470px;
	line-height: 170%;
}

h1 {
	font-size: 100%;
	color: #aa4433;
	padding: 0px;
	margin: 20px 0px 3px 00px;
}

h2 {
	font-size: 90%;
	color: #778844;
	padding: 0px;
	margin: 5px 0px 3px 0px;
}

#text p, ul {
	font-size: 90%;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#text ul ul {
	font-size: 100%;
}

#text li {
	margin-left: 1.5em;
	list-style: circle;
}

#text ul ul li {
	list-style: disc;
}

#text a {
	color: #aeae33;
	text-decoration: none;
	padding-left: 21px;
	background: url(pics/anormal.gif) no-repeat left;
}

#text a:hover {
	color: #778844;
	background: url(pics/ahover.gif) no-repeat left;
}

hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: 1px solid #f2a94d;
	border-bottom: #fff8b3;
	width: 250px;
}

/* ------------------------------- Bildformatierung --------------------------------*/

#text img {
	float: right;
}

#text img.left {
	float: none;
}

#footer {
	position: relative;
	left: -30px;
	margin: 30px 0px 0px 0px;
	clear: both;
}

/* ------------------------------- Navigation --------------------------------*/

#nav {
	float: left;
	height: 670px;
	min-width: 18.5em;
	margin: 0px;
	padding-top: 148px;
	padding-left: 10px; 
	border: none;
	overflow: hidden;
}

#nav ul {
	color: #778844;
	list-style-type: none;
	line-height: 180%;
	font-weight: bold;
	margin: 22px 0px 0px 0px;
}

#nav a {
	color: #aa4433;
	text-decoration: none;
}

#nav a:hover {
	color: #aeae33;
	text-decoration: none;
}

.hidden{
	color: #fff8b3;
}

#puffer01 {
	width: 140px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer02 {
	width: 130px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer03 {
	width: 123px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer04 {
	width: 119px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer05 {
	width: 115px;
	height: 40px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer06 {
	width: 118px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer07 {
	width: 123px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer08 {
	width: 128px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer09 {
	width: 132px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer10 {
	width: 136px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer11 {
	width: 140px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer12 {
	width: 144px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer13 {
	width: 147px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer14 {
	width: 149px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer15 {
	width: 152px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer16 {
	width: 153px;
	height: 20px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}

#puffer17 {
	width: 154px;
	height: 60px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}
#puffer18 {
	width: 154px;
	height: 130px;
	background-color: transparent;
	border: none;
	float: left;  
	clear: left;
}