
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

img {
	border: none;
}

ul {
	list-style: none;
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: url(../images/bg-body.jpg) no-repeat center top #ffffff;
	font: 16px/22px "Trebuchet MS", sans-serif;
	color: #6d4b39;
}

/*---------- Container ----------*/
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 980px;
	margin: 0 auto -170px auto;
}

/*---------- Header ----------*/
#header {
	background: url(../images/bg-header.jpg) no-repeat 0 0;
	height: 460px;
	width: 980px;
	position: relative;
}

/*---------- Branding ----------*/
h1#branding {
	height: 154px;
	width: 0158px;
	position: absolute;
	top: 57px;
	left: 392px;
}

h1#branding a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 154px;
	width: 0158px;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	width: 980px;
}

/*---------- Navigation ----------*/
#navigation {
	background: url(../images/bg-navigation.jpg) no-repeat 0 0;
	float: left;
	min-height: 450px;
	width: 300px;
	padding: 8px 0 0 0;
}

* html #navigation { /* min-height hack for IE6 */
	height: 450px;
}

#navigation ul {
	width: 180px;
	margin: 0 0 0 -10px;
	position: relative;
}

#navigation ul li {
	float: left;
	display: block;
	height: 42px;
	width: 180px;
}

#navigation ul li a {
	background: url(../images/bg-navigationLinks.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 42px;
}

#navigation ul li a.home {
	background-position: 0 0;
	width: 75px;
}

#navigation ul li a.home:hover {
	background-position: -180px 0;
}

#navigation ul li a.home:active,
#navigation ul li.active a.home {
	background-position: -360px 0;
}

#navigation ul li a.behandlungen {
	background-position: 0 -42px;
	width: 142px;
}

#navigation ul li a.behandlungen:hover {
	background-position: -180px -42px;
}

#navigation ul li a.behandlungen:active,
#navigation ul li.active a.behandlungen {
	background-position: -360px -42px !important;
}

#navigation ul li.active2 a.behandlungen {
	background-position: -180px -42px;
}

#navigation ul li.active2 a.behandlungen:active {
	background-position: -360px -42px !important;
}

#navigation ul li a.hochzeitsservice {
	background-position: 0 -336px;
	width: 170px;
}

#navigation ul li a.hochzeitsservice:hover {
	background-position: -180px -336px;
}

#navigation ul li a.hochzeitsservice:active,
#navigation ul li.active a.hochzeitsservice {
	background-position: -360px -336px;
}

#navigation ul li a.kurzurlaub {
	background-position: 0 -378px;
	width: 125px;
}

#navigation ul li a.kurzurlaub:hover {
	background-position: -180px -378px;
}

#navigation ul li a.kurzurlaub:active,
#navigation ul li.active a.kurzurlaub {
	background-position: -360px -378px;
}

#navigation ul li a.produkte {
	background-position: 0 -420px;
	width: 110px;
}

#navigation ul li a.produkte:hover {
	background-position: -180px -420px;
}

#navigation ul li a.produkte:active,
#navigation ul li.active a.produkte {
	background-position: -360px -420px;
}

#navigation ul li a.allergiker {
	background-position: 0 -462px;
	width: 125px;
}

#navigation ul li a.allergiker:hover {
	background-position: -180px -462px;
}

#navigation ul li a.allergiker:active,
#navigation ul li.active a.allergiker {
	background-position: -360px -462px;
}

#navigation ul li a.kontakt {
	background-position: 0 -504px;
	width: 100px;
}

#navigation ul li a.kontakt:hover {
	background-position: -180px -504px;
}

#navigation ul li a.kontakt:active,
#navigation ul li.active a.kontakt {
	background-position: -360px -504px;
}

#navigation ul li a.anfahrt {
	background-position: 0 -546px;
	width: 100px;
}

#navigation ul li a.anfahrt:hover {
	background-position: -180px -546px;
}

#navigation ul li a.anfahrt:active,
#navigation ul li.active a.anfahrt {
	background-position: -360px -546px;
}

#navigation ul li a.impressum {
	background-position: 0 -588px;
	width: 115px;
}

#navigation ul li a.impressum:hover,
#navigation ul li.active a.impressum {
	background-position: -180px -588px;
}

#navigation ul li a.impressum:active,
#navigation ul li.active a.impressum {
	background-position: -360px -588px;
}

/*---------- NavigationDropDown ----------*/
#navigation ul li#behandlungen {
	height: auto !important;
}

#navigation ul li#behandlungen:hover a.behandlungen {
	background-position: -180px -42px;
}

#navigation ul li#behandlungen:hover ul {
	display: block;
}

#navigation ul li ul {
	display: none;
	width: 180px;
	position: relative;
}

#navigation ul li ul.active {
	display: block;
}

#navigation ul li ul li a.gesicht {
	background-position: -31px -84px;
	width: 90px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.gesicht:hover {
	background-position: -211px -84px;
}

#navigation ul li ul li a.gesicht:active,
#navigation ul li ul li.active a.gesicht {
	background-position: -391px -84px;
}

#navigation ul li ul li a.koerper {
	background-position: -31px -126px;
	width: 85px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.koerper:hover {
	background-position: -211px -126px;
}

#navigation ul li ul li a.koerper:active,
#navigation ul li ul li.active a.koerper {
	background-position: -391px -126px;
}

#navigation ul li ul li a.haende {
	background-position: -31px -168px;
	width: 75px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.haende:hover {
	background-position: -211px -168px;
}

#navigation ul li ul li a.haende:active,
#navigation ul li ul li.active a.haende {
	background-position: -391px -168px;
}

#navigation ul li ul li a.fuesse {
	background-position: -31px -210px;
	width: 75px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.fuesse:hover {
	background-position: -211px -210px;
}

#navigation ul li ul li a.fuesse:active,
#navigation ul li ul li.active a.fuesse {
	background-position: -391px -210px;
}

#navigation ul li ul li a.haarentfernung {
	background-position: -31px -252px;
	width: 149px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.haarentfernung:hover {
	background-position: -211px -252px;
}

#navigation ul li ul li a.haarentfernung:active,
#navigation ul li ul li.active a.haarentfernung {
	background-position: -391px -252px;
}

#navigation ul li ul li a.make-up {
	background-position: -31px -294px;
	width: 95px;
	margin: 0 0 0 31px;
}

#navigation ul li ul li a.make-up:hover {
	background-position: -211px -294px;
}

#navigation ul li ul li a.make-up:active,
#navigation ul li ul li.active a.make-up {
	background-position: -391px -294px;
}

/*---------- ContentMain ----------*/
#contentMain {
	float: left;
	width: 410px;
	padding: 0 42px 22px 19px;
}

#contentMain h2 {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 60px;
	width: 410px;
	margin: 0 0 3px 0;
}

#contentMain h2.home {
	background: url(../images/h2/bg-home.jpg) no-repeat 0 0;
}

#contentMain h2.behandlungen {
	background: url(../images/h2/bg-behandlungen.jpg) no-repeat 0 0;
}

#contentMain h2.gesicht {
	background: url(../images/h2/bg-gesicht.jpg) no-repeat 0 0;
}

#contentMain h2.koerper {
	background: url(../images/h2/bg-koerper.jpg) no-repeat 0 0;
}

#contentMain h2.haende {
	background: url(../images/h2/bg-haende.jpg) no-repeat 0 0;
}

#contentMain h2.fuesse {
	background: url(../images/h2/bg-fuesse.jpg) no-repeat 0 0;
}

#contentMain h2.haarentfernung {
	background: url(../images/h2/bg-haarentfernung.jpg) no-repeat 0 0;
}

#contentMain h2.make-up {
	background: url(../images/h2/bg-make-up.jpg) no-repeat 0 0;
}

#contentMain h2.hochzeitsservice {
	background: url(../images/h2/bg-hochzeitsservice.jpg) no-repeat 0 0;
}

#contentMain h2.kurzurlaub {
	background: url(../images/h2/bg-kurzurlaub.jpg) no-repeat 0 0;
}

#contentMain h2.produkte {
	background: url(../images/h2/bg-produkte.jpg) no-repeat 0 0;
}

#contentMain h2.allergiker {
	background: url(../images/h2/bg-allergiker.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt {
	background: url(../images/h2/bg-kontakt.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt-danke {
	background: url(../images/h2/bg-kontakt-danke.jpg) no-repeat 0 0;
}

#contentMain h2.anfahrt {
	background: url(../images/h2/bg-anfahrt.jpg) no-repeat 0 0;
}

#contentMain h2.impressum {
	background: url(../images/h2/bg-impressum.jpg) no-repeat 0 0;
}

#contentMain h2.error404 {
	background: url(../images/h2/bg-error404.jpg) no-repeat 0 0;
}

#contentMain h3 {
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #8fad10;
	margin: 0 0 5px 0;
}

#contentMain p {
	margin: 0 0 22px 0;
}

#contentMain p.highlight {
	font-weight: bold;
	color: #fc9e4f;
}

#contentMain ul {
	list-style: inside circle;
}

#contentMain a {
	color: #6d4b39;
	text-decoration: underline;
}

#contentMain a:hover {
	text-decoration: none;
}

/*---------- GoogleMap ----------*/
#googleMap {
	border: 1px solid #6d4b39;
	height: 348px;
	width: 398px;
	margin: 0 0 5px 0;
	padding: 5px;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	font-size: 15px;
	line-height: 18px;
	color: #fda154;
	float: left;
	width: 209px;
	margin: -114px 0 0 0;
	position: relative;
}

#contentSidebar h3 {
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #8fad10;
	margin: 0 0 8px 0;
}

#contentSidebar p {
	margin: 0 0 16px 0;
}

#contentSidebar p.highlight {
	font-size: 15px;
	line-height: normal;
	font-weight: bold;
	color: #8fad10;
	margin: 0 0 13px 0;
}

#contentSidebar address {
	font-style: normal;
}

/*---------- ContentSidebarImages ----------*/
#contentSidebar #contentSidebarImages {
	width: 209px;
}

#contentSidebar #contentSidebarImages img.imageContentSidebar {
	/*height: 156px;
	width: 209px;*/
	margin: 0 0 24px 0;
}

/*---------- Push ----------*/
#push {
	height: 170px;
}

/*---------- Footer ----------*/
#footerOuter {
	background: url(../images/bg-footerOuter.jpg) no-repeat center top;
	height: 170px;
	width: 100%;
}

#footer {
	background: url(../images/bg-footer.jpg) no-repeat 0 0;
	font-size: 14px;
	line-height: normal;
	color: #fda154;
	height: 170px;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#footer address {
	font-style: normal;
	position: absolute;
	top: 136px;
	left: 319px;
}

