/* CSS Document */

html,
body
{
	height:100%;
}

body
{
	background-color:#fff;
}

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

#wrapper
{
	position:relative;
	clear:both;
	width:950px;
	height:570px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#header
{
	position:absolute;
	width:100%;
	height:150px;
	background-image:url(../images/header_background.jpg);
	background-repeat:repeat-x;
}

#content
{
	background-repeat:repeat-x;
	position:absolute;
	width:891px;
	top:45px;
	background-image:url(../images/content-background.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	height:505px;
	background-color:#f1e9eb;
}

#main
{
	margin:10px;
	width:600px;
	height:430px;
	overflow:auto;
}

#hairdreams-modell
{
	position:absolute;
	bottom:20px;
	right:0;
}

#adresse
{
	float:left;
	padding:0 10px 10px 10px;
}

#adresse h3
{
	margin-bottom:0;
}

#footer
{
	position:absolute;
	text-align:center;
	width:891px;
	bottom:0;
}

#footer p
{
	margin:0;
	padding:0;
	font-weight:bold;
}

#preisliste td
{
	text-align:center;
	vertical-align:top;
	padding:2px 5px;
}

#preisliste .text-left
{
	text-align:left;
}

#preisliste .header
{
	background-color:#636;
	color:#fff;
	padding: 5px 5px;
}

#preisliste .dunkel td
{
	background-color:#dacad5;
}