@charset "utf-8";

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html,
body {
	cursor: default;
	background-color: #1c1c19;
	font: 12px Arial;
	color: #6a4e3f;
}

a,
a:link,
a:active,
a:visited {
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div#preload img {
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

div#page {
	width: 871px;
	margin: 0px auto;
}

div#haar-special {
    width: 200px;
    height: 482px;
    position: relative;
    margin-bottom: -482px;
    top: 0px;
    left: -87px;
    background-image: url('../img/haar.special.jpg');
}
div#haar-special:hover {
    background-image: url('../img/haar.special.act.jpg');
}
div#haar-special.act {
    background-image: url('../img/haar.special.act.jpg');
}

div#header div.left {
	float: left;
	width: 113px;
	height: 103px;
	background-image: url('../img/top.left.gif');
}
div#header div.center {
	float: left;
	width: 641px;
	height: 103px;
	background-image: url('../img/top.center.jpg');
}
div#header div.right {
	float: left;
	width: 117px;
	height: 103px;
	background-image: url('../img/top.right.jpg');
}
div#header:after {
	clear: both;
}

div#main div.left {
	float: left;
	width: 113px;
	height: 342px;
	background-image: url('../img/content.left.jpg');
}
div#main div#content {
	float: left;
	width: 641px;
	height: 342px;
	background-color: #faf8db;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url('../img/content.bg.gif');
}
div#main div.right {
	float: left;
	width: 117px;
	height: 342px;
	background-image: url('../img/content.right.jpg');
}
div#main div.footer {
	clear: both;
	width: 871px;
	height: 43px;
	background-image: url('../img/content.footer.jpg');
}

div#footer {
	width: 871px;
	height: 229px;
	background-repeat: no-repeat;
	background-image: url('../img/footer.gif');
	text-align: center;
}
div#footer img#logo {
	width: 310px;
	height: 103px;
	margin-top: 45px;
}
div#footer img#misc {
	width: 567px;
	height: 89px;
}

ul#nav {
	width: 871px;
	height: 24px;
	list-style-type: none;
}
ul#nav:after {
	clear: both;
}
ul#nav li {
	float: left;
	height: 24px;
}

ul#nav a#salon2,
ul#nav a#salon2:link,
ul#nav a#salon2:active,
ul#nav a#salon2:visited {
	margin-left: 51px;
	display: block;
	width: 62px;
	height: 24px;
	background-image: url('../img/nav.salon.gif');
}
ul#nav a#salon2:hover,
ul#nav a.act#salon2 {
	background-image: url('../img/nav.salon.act.gif');
}

ul#nav a#preise,
ul#nav a#preise:link,
ul#nav a#preise:active,
ul#nav a#preise:visited {
	margin-left: 18px;
	display: block;
	width: 82px;
	height: 24px;
	background-image: url('../img/nav.preise.gif');
}
ul#nav a#preise:hover,
ul#nav a.act#preise {
	background-image: url('../img/nav.preise.act.gif');
}

ul#nav a#zeiten,
ul#nav a#zeiten:link,
ul#nav a#zeiten:active,
ul#nav a#zeiten:visited {
	margin-left: 15px;
	display: block;
	width: 71px;
	height: 24px;
	background-image: url('../img/nav.zeiten.gif');
}
ul#nav a#zeiten:hover,
ul#nav a.act#zeiten {
	background-image: url('../img/nav.zeiten.act.gif');
}

ul#nav a#produkte,
ul#nav a#produkte:link,
ul#nav a#produkte:active,
ul#nav a#produkte:visited {
	margin-left: 24px;
	display: block;
	width: 89px;
	height: 24px;
	background-image: url('../img/nav.produkte.gif');
}
ul#nav a#produkte:hover,
ul#nav a.act#produkte {
	background-image: url('../img/nav.produkte.act.gif');
}

ul#nav a#job,
ul#nav a#job:link,
ul#nav a#job:active,
ul#nav a#job:visited {
	margin-left: 20px;
	display: block;
	width: 53px;
	height: 24px;
	background-image: url('../img/nav.job.gif');
}
ul#nav a#job:hover,
ul#nav a.act#job {
	background-image: url('../img/nav.job.act.gif');
}

ul#nav a#kontakt,
ul#nav a#kontakt:link,
ul#nav a#kontakt:active,
ul#nav a#kontakt:visited {
	margin-left: 16px;
	display: block;
	width: 88px;
	height: 24px;
	background-image: url('../img/nav.kontakt.gif');
}
ul#nav a#kontakt:hover,
ul#nav a.act#kontakt {
	background-image: url('../img/nav.kontakt.act.gif');
}

ul#nav a#anfahrt,
ul#nav a#anfahrt:link,
ul#nav a#anfahrt:active,
ul#nav a#anfahrt:visited {
	margin-left: 17px;
	display: block;
	width: 87px;
	height: 24px;
	background-image: url('../img/nav.anfahrt.gif');
}
ul#nav a#anfahrt:hover,
ul#nav a.act#anfahrt {
	background-image: url('../img/nav.anfahrt.act.gif');
}

ul#nav a#imprint,
ul#nav a#imprint:link,
ul#nav a#imprint:active,
ul#nav a#imprint:visited {
	margin-left: 20px;
	display: block;
	width: 101px;
	height: 24px;
	background-image: url('../img/nav.imprint.gif');
}
ul#nav a#imprint:hover,
ul#nav a.act#imprint {
	background-image: url('../img/nav.imprint.act.gif');
}

div#main div#content div.salon {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/salon.jpg');
}

div#salon {
	padding-top: 270px;
	margin-left: 4px;
}
div#salon img {
	border: 1px solid #f9066c;
	width: 88px;
	height: 66px;
	margin-right: 14px;
}
div#salon img.last {
	margin: 0;
}

div#main div#content div.preise {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/preise.jpg');
}
div#main div#content div.zeiten {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/zeiten.jpg');
}
div#main div#content div.produkte {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/produkte.gif');
}
div#main div#content div.job {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/job.gif');
}
div#main div#content div.kontakt {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/kontakt.gif');
}
div#main div#content div.anfahrt {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/anfahrt.jpg');
}
div#main div#content div.imprint {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/imprint.gif');
}
div#main div#content div.haar {
	width: 641px;
	height: 342px;
	background-image: url('../img/content/haar.jpg');
}