@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}
html, body{
	width:100%;
	height:100%;
}
html{
	background:#fffffe url(../images/layout/html.gif) 0 0 repeat-x;
}
body{
	background:transparent url(../images/layout/body.jpg) top center no-repeat;
	font-family:"trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#83745c;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -218px;
	min-width:952px;
}
a{
	color:#8fa017;
	text-decoration:underline;
	outline:none;
}
a:hover{
	text-decoration:none;
}
ul{
	list-style:none;
}
img{
	border:none;
}
a img{
	border:1px solid #8fa017;
	padding:1px;
}

a:hover img{
	border:1px solid #83745c;
}

.noborder {
	border: none;
}

.noborder:hover {
	border: none;
}
	#wrapper{
		width:952px;
		min-height:100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -218px;
	}
		#header{
			width:952px;
			height:204px;
			text-indent:-9999px;
		}
			#header h1{
				padding:66px 0 0 31px;
			}
			#header h1, #header a{
				width:180px;
				height:60px;
			}
			#header a{
				display:block;
			}
			
		#left-side{
			width:207px;
			float:left;
			padding:0 36px 0 42px;
			color:#606060;
			font-size:11px;
			line-height:18px;
		}
			#left-side h3{
				height:41px;
				margin:0 0 8px 0;
				text-indent:-9999px;
			}
			#left-side h3.gaestbuch{
				margin:38px 0 11px 0;
			}
			#left-side p{
				margin:0 0 13px 3px;
			}
			#left-side p.gaestbuch{
				margin:0 0 8px 3px;
			}
			#left-side a.gaestbuch{
				display:block;
				width:146px;
				height:29px;
				background:transparent url(../images/layout/zum-gaestbuch.jpg) 0 0 no-repeat;
				text-indent:-9999px;
			}
			#left-side a.gaestbuch:hover{
				background-position:0 -29px;
			}
			#left-side ul{
				margin:0 0 8px 3px;
			}
			#left-side form{
				margin:0 0 46px 0;
			}
				#left-side label{
					display:block;
					margin:0 0 1px 4px;
				}
				#left-side input{
					border:1px solid #aba69e;
					padding:2px;
					margin:0 0 3px 3px;
					width:148px;
					height:17px;
				}
				#left-side input.anmelden{
					margin:0 !important;
					padding:0 !important;
					border:none;
					cursor:pointer;
					background:transparent url(../images/layout/newsletter-button.jpg) 0 0 no-repeat;
					width:98px;
					height:31px;
					text-indent:-9999px !important;
					behavior:url("js/csshover.htc");
					font-size:0.00001em;
					line-height:0.00001em;
				}
				#left-side input.anmelden:hover{
					background-position:0 -31px;
				}
		
		#navigations, #content{
			float:left;
		}
		#navigations{
			width:655px;
			padding:0 0 0 12px;
		}
			#navigations h3{
				height:28px;
			}
			#navigations a.news, #navigations a.news-active{
				display:block;
				position:absolute;
				margin:51px 0 0 550px;
				background:transparent url(../images/layout/news-button.jpg) 0 0 no-repeat;
				width:86px;
				height:83px;
				text-indent:-9999px;
			}
			#navigations a.news:hover, #navigations a.news-active{
				background-position:0 -83px;
			}
			
			#top-navigation{
				width:596px;
				height:34px;
				padding:3px 0 0 7px;
				margin:0 0 29px 0;
				text-indent:-9999px;
			}
				#top-navigation li{
					float:left;
					margin:0 14px 0 0;
				}
				#top-navigation li.impressum{
					margin:0 0 0 237px;
				}
					#top-navigation a{
						display:block;
						background:transparent url(../images/layout/top-navigation.jpg) 0 0 no-repeat;
						height:28px;
					}
					#top-navigation a.startseite{
						width:76px;
					}
					#top-navigation a.startseite:hover, #top-navigation li.active a.startseite{
						background-position:0 -28px;
					}
					#top-navigation a.kontakt{
						width:66px;
						background-position:-90px 0;
					}
					#top-navigation a.kontakt:hover, #top-navigation li.active a.kontakt{
						background-position:-90px -28px;
					}
					#top-navigation a.anfahrt{
						width:63px;
						background-position:-170px 0;
					}
					#top-navigation a.anfahrt:hover, #top-navigation li.active a.anfahrt{
						background-position:-170px -28px;
					}
					#top-navigation a.impressum{
						width:77px;
						background-position:-484px 0;
					}
					#top-navigation a.impressum:hover, #top-navigation li.active a.impressum{
						background-position:-484px -28px;
					}
					
			#ueber-uns-navi{
				height:135px;
				width:225px;
				text-indent:-9999px;
			}
				#ueber-uns-navi li{
					margin:0 0 4px 9px;
				}
				#ueber-uns-navi li.navi-headline{
					margin:0 0 15px 0;
				}
					#ueber-uns-navi a{
						display:block;
						height:18px;
						background:transparent url(../images/layout/ueber-uns-navigation.jpg) 1px 1px no-repeat;
					}
					#ueber-uns-navi a.unser-team{
						width:100px;
					}
					#ueber-uns-navi a.unser-team:hover{
						background-position:-215px 1px;
					}
					#ueber-uns-navi li.active a.unser-team{
						background-position:-431px 1px;
					}
					
					#ueber-uns-navi a.kosmetik-produkte{
						width:155px;
						background-position:1px -21px;
					}
					#ueber-uns-navi a.kosmetik-produkte:hover{
						background-position:-215px -21px;
					}
					#ueber-uns-navi li.active a.kosmetik-produkte{
						background-position:-431px -21px;
					}
					
					#ueber-uns-navi a.kosmetische-behandlungen{
						background-position:1px -43px;
					}
					#ueber-uns-navi a.kosmetische-behandlungen:hover{
						background-position:-215px -43px;
					}
					#ueber-uns-navi li.active a.kosmetische-behandlungen{
						background-position:-431px -43px;
					}
			
			#unsere-duefte-navi{
				width:175px;
				height:90px;
				text-indent:-9999px;
			}
				#unsere-duefte-navi li{
					margin:0 0 7px 8px;
				}
				#unsere-duefte-navi li.navi-headline{
					margin:0 0 13px 0;
				}
					#unsere-duefte-navi a{
						display:block;
						width:100px;
						height:18px;
						background:transparent url(../images/layout/unsere-duefte-navigation.jpg) 2px 3px no-repeat;
					}
					#unsere-duefte-navi a.fuer-damen:hover{
						background-position:-96px 3px;
					}
					#unsere-duefte-navi li.active a.fuer-damen{
						background-position:-194px 3px;
					}
					
					
					#unsere-duefte-navi a.fuer-herren{
						background-position:2px -22px;
					}
					#unsere-duefte-navi a.fuer-herren:hover{
						background-position:-96px -22px;
					}
					#unsere-duefte-navi li.active a.fuer-herren{
						background-position:-194px -22px;
					}
		
		
		#content{
			width:645px;
			min-height:340px;
			padding:65px 0 0 21px;
		}
		* html #content{
			height:340px;
		}
		* html #content h1{
			line-height:35px;
		}
		
			#content h1.startseite{
				background:transparent url(../images/layout/h1-index.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.unser-team{
				background:transparent url(../images/layout/h1-unser-team.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.kosmetik-produkte{
				background:transparent url(../images/layout/h1-kosmetik-produkte.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.kosmetische-behandlungen{
				background:transparent url(../images/layout/h1-kosmetiche-behandlungen.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			
			#content h1.fuer-damen{
				background:transparent url(../images/layout/h1-fuer-damen.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.fuer-herren{
				background:transparent url(../images/layout/h1-fuer-herren.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.kontakt{
				background:transparent url(../images/layout/h1-kontakt.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.danke{
				background:transparent url(../images/layout/h1-danke.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.impressum{
				background:transparent url(../images/layout/h1-impressum.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.newsletter{
				background:transparent url(../images/layout/h1-newsletter.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.news{
				background:transparent url(../images/layout/h1-news.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			#content h1.anfahrt{
				background:transparent url(../images/layout/h1-anfahrt.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:35px;
				margin:0 0 0 1px;
			}
			
			#content h2{
				font-size:14px;
				font-weight:bold;
			}
			#content h2.over-headline-index{
				background:transparent url(../images/layout/h2-index.gif) 0 0 no-repeat;
				height:15px;
				text-indent:-9999px;
				margin:0 0 0 1px;
			}
			#content h2.over-headline-empty{
				background:transparent;
				height:15px;
				text-indent:-9999px;
				margin:0 0 0 1px;
			}
			#content h2.sub-headline-index{
				background:transparent url(../images/layout/h4-index.gif) 0 0 no-repeat;
				text-indent:-9999px;
				height:12px;
				margin:0 0 37px 1px;
			}
			#content h2.sub-headline-empty{
				background:transparent;
				text-indent:-9999px;
				height:12px;
				margin:0 0 37px 1px;
			}
			#content h3{
				font-weight:normal;
				font-size:12px;
				margin:0 0 10px 0;
				padding:3px 0 0 0;
				color: #575751;
			}
				#content h3 span.green{
					background:transparent url(../images/layout/h3.gif) 0 1px repeat-x;
					padding:0 2px;
					line-height:10px;
					height:10px;
					
				}
				
			#content p{
				line-height:18px;
				margin:0 0 18px 2px;
			}
				#content #left-content{
					width:267px;
					padding:0 48px 0 0;
					float:left;
				}
				#content #right-content{
					width:270px;
					padding:0 40px 0 0;
					float:left;
				}
			#content img.left-aligned{
				float:left;
				margin:4px 6px 0 0;
			}
			
		#pusher{
			float:none;
			clear:both;
			height:200px;
		}
	
	#footer{
		background:transparent url(../images/layout/footer.png) center top no-repeat;
		float:none;
		clear:both;
		height:188px;
		padding:30px 0 0 0;
		behavior:url("js/iepngfix.htc");
	}
		#footer h3{
			height:22px;
			width:200px;
			margin:0 0 19px 0;
			text-indent:-9999px;
		}
		#inner-footer{
			width:952px;
			margin:0 auto;
			line-height:18px;
			color:#575751;
		}
			#unsere-adresse, #sitemap{
				float:left;
			}
			#unsere-adresse{
				width:315px;
				padding:0 0 0 308px;
			}
			* html #unsere-adresse{
				padding:0 0 0 306px;
			}
				#unsere-adresse ul{
					margin:0 0 18px 0;
				}
			
			#sitemap{
				width:310px;
			}
				#sitemap ul{
					float:left;
				}
				#sitemap ul.left{
					width:75px;
					padding:0 20px 0 0;
				}
					#sitemap li{
						float:left;
						clear:both;
					}
					#sitemap li.long-li{
						width:200px;
					}
						#sitemap a{
							display:block;
							color:#575751;
							padding:0 0 0 16px;
							background:transparent url(../images/layout/arrow.gif) 0 6px no-repeat;
						}
						#sitemap a:hover, #sitemap li.active a{
							background-position: 3px 6px;
							text-decoration:underline;
							color:#f97092;
						}
						#sitemap ul.left a{
							padding:0 0 0 15px;
						}
						
.left_p, .right_p {
	float: left;
}

.left_p {
	clear: left;
	width: 180px;
	float: left;
}

.clearleft {
	clear: left;
}

.p_kosmetik img {
	float: left;
	padding: 4px;
}

#content ul {
	padding-left: 15px;
	list-style-type: square;
	line-height: 25px;
	margin-bottom: 15px;
}

*html #content ul, *+html #content ul {
	padding-left: 17px;
}

#content #left-content .imagecontainer img, #content #right-content .imagecontainer img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: none;
}

#content #left-content .imagecontainer, #content #right-content .imagecontainer {
	margin-bottom: 20px;
}