*
{
	margin:0;
	padding:0;
}

html,
body
{
	height:100%;
}

html
{
	background-color:#7c7c7c;
	font-size:66.6%;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#distance
{
	float:left;
	height:50%;
	margin-bottom:-285px;
	width:100px;
}

#wrapper
{
	width:850px;
	height:500px;
	margin:0 auto;
	clear:left;
	position:relative;
	background-color:#f1f1f1;
}

#main
{
	padding:10px;
	width:505px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	height:480px;
}

#header
{
	height:90px;
	width:100%;
	position:relative;
}

#header p
{
	margin-bottom:5px;
}

#logo
{
	position:absolute;
	top:0;
	right:0;
}

#a img
{
	border:0;
}

#content
{
	position:relative;
	margin-top:20px;
	height:370px;
	overflow:auto;
}

#content p,
#content h2 
{
	font-size:1em;
	line-height:1.5;
	margin-bottom:6px;
	position:relative;

}

#content h3
{
	font-weight:bold;
	margin-bottom:3px;
	font-size:1.1em;
}

#content h4
{
	margin:3px 0;
}

#content h1
{
	margin-bottom:10px;
	color:#970F01;
	font-size:1.6em;
}

#content h2.toggle_click
{
	cursor:pointer;
}

.toggle
{
	border-bottom:1px solid #970f01;
	margin:10px 0;
}

#content h2
{
	margin-bottom:8px;
	color:#970F01;
	font-size:1.2em;
}

#content ul
{
	margin-left:20px;
	font-size:1em;
	margin-bottom:10px;
}

#content li
{
	position:relative;
	padding-right:70px;
	line-height:1.5;
}

#content hr
{
	border:1px solid #970f01;
	border-top:0;
	border-left:0;
	border-right:0;
	margin-bottom:6px;
}

#navi
{
	position:absolute;
	top:120px;
	left:145px;
	list-style:none;
}

#navi a
{
	color:#fff;
	font-size:1.2em;
	display:block;
	width:175px;
	padding-left:5px;
	line-height:1.5;
}

#navi a:hover,
#navi a.active
{
	background-color:#970F01;
}

#navi ul
{
	list-style:none;
	font-size:0.8em;
}

#navi ul li a
{
	padding-left:20px;
	width:160px;
}

#content #startnavi
{
	list-style:none;
	padding:50px 0;
	margin:0;
}

#startnavi li a
{
	text-indent:-999em;
	display:block;
}

#startnavi #ueber_uns a
{
	background-image:url(../images/ueber_uns.jpg);
	display:block;
	width:170px;
	height:22px;
	margin-left:24px;
	background-repeat: no-repeat;
}

#startnavi #ueber_uns a:hover
{
	background-image:url(../images/ueber_uns_hover.jpg);
}

#startnavi #haare_und_co a
{
	background-image:url(../images/haare_und_co.jpg);
	display:block;
	width:220px;
	height:22px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#startnavi #haare_und_co a:hover
{
	background-image:url(../images/haare_und_co_hover.jpg);
	}
#startnavi #haarverlaengerung a
{
	background-image:url(../images/haarverlaengerung.jpg);
	display:block;
	width:367px;
	height:27px;
	margin-left:149px;
	background-repeat: no-repeat;
}
#startnavi #haarverlaengerung a:hover
{
	background-image:url(../images/haarverlaengerung_hover.jpg);
}

#startnavi #tipps_und_tricks a
{
	background-image:url(../images/tipps_und_tricks.jpg);
	display:block;
	width:245px;
	height:20px;
	margin-left:22px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#startnavi #tipps_und_tricks a:hover
{
	background-image:url(../images/tipps_und_tricks_hover.jpg);}

#startnavi #shop a
{
	background-image:url(../images/shop.jpg);
	display:block;
	width:90px;
	height:18px;
	margin-left:113px;
	background-repeat: no-repeat;
}
#startnavi #shop a:hover
{
	background-image:url(../images/shop_hover.jpg);
	}

#startnavi #kosmetik_und_wellness a
{
	background-image:url(../images/kosmetik_und_wellness.jpg);
	display:block;
	width:455px;
	height:26px;
	margin-left:22px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#startnavi #kosmetik_und_wellness a:hover
{
	background-image:url(../images/kosmetik_und_wellness_hover.jpg);
	}
#startnavi #haarverdichtung a
{
	background-image:url(../images/haarverdichtung.jpg);
	display:block;
	width:320px;
	height:23px;
	margin-left:152px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#startnavi #haarverdichtung a:hover
{
	background-image:url(../images/haarverdichtung_hover.jpg);
	background-repeat: no-repeat;	
	}

#oeffnungszeiten
{
	border-top:1px solid #970f00;
	padding-top:10px;
	font-size:1em;
	position:absolute;
	bottom:10px;
	width:505px;;
}

#footer
{
	position:absolute;
	top:505px;
	right:0;
	width:850px;
}

#footer ul,
#shopnavi
{
	list-style:none;
}

#footer ul li,
#shopnavi li
{
	display:inline;
	margin-left:10px;
}

#footer .facebook
{
	float:left;
	position:absolute;
}

#footer p
{
	float:right;
}

#footer ul li a
{
	color:#f1f1f1;
}

p
{
	line-height:1.5;
}

a
{
	color:#970f00;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.left
{
	float:left;
}

.right
{
	float:right; 
}

.clear
{
	clear:both;
}

.preis
{
	color:#970F01;
	position:absolute;
	top:0;
	right:0;
}

label
{
	display:block;
	color:#970F01;
	margin-top:5px;
	font-weight:bold;
}

input,
textarea
{
	border:1px solid #7c7c7c;
	display:block;
	padding:2px;
}

#submit
{
	background-color:#fff;
	margin-top:5px;
}

.over
{
	background-color:#ccc;
}

a img
{
	border:0;
}