


 	/**
 	*
 	*	RESET + GLOBALS
 	*
 	**/
 	
 	* {
 		border: 0;
 		margin: 0;
 		padding: 0;
 		font-family: Arial, Helvetica, sans-serif;
 		color: #4c4c4c;
 		text-decoration: none;
 		font-weight: normal;
 		outline: 0;
 		font-size: 13px;
 		line-height: 140%;
 		list-style: none;
 	}
 	
 	strong {
 		font-weight: bold;
 	}
 	
 	em {
 		font-style: italic;
 	}
 	
	body {
		background: #c9b6a8 url(/imgs/bg_body.jpg) center top no-repeat;
	}
	
	.clear {
		height: 1px;
		overflow: hidden;
		display: block;
		clear: both;
	}
	
	
	
	
	
	
	/**
	*
	*	MAIN STRUCTURE
	*
	**/
	
	div#container {
		position: relative;
		width: 946px;
		background: url(/imgs/bg_container-bottom.png) left bottom no-repeat;
		margin: 0 auto;
		padding-top: 60px;
		padding-bottom: 23px;
	}
	
	div#innercontainer {
		position: relative;
		background: url(/imgs/bg_container-top.png) left top no-repeat;
		padding: 23px;
		padding-bottom: 0;
	}
	
	div#contentwrapper {
		position: relative;
		min-height: 400px;
		background: url(/imgs/bg_content.jpg) left top no-repeat;
	}
	
	div#footer {
		position: relative;
		width: 946px;
		margin: 0 auto;
		margin-bottom: 60px;
		padding-top: 3px;
	}
	
	div#footer p {
		text-align: center;
		word-spacing: 4px;
	}
	
	div#footer p, div#footer p * {
		color: #888;
	}
	
	div#footer p a {
		word-spacing: normal;
	}
	
	div#footer p a:hover, div#footer p a:focus, div#footer p a:active {
		color: #000;
	}
	
	div#footer p img {
		margin-top: 6px;
	}
	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	HEAD
	*
	**/
	
	div#head {
		position: relative;
		height: 260px;
	}
	
	div#head h1 {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div#head p#claim {
		position: absolute;
		top: 0;
		right: 0;
		width: 204px;
		height: 89px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/bg_claim.png) left top no-repeat;
	}
	
	ul#nav {
		position: absolute;
		width: 706px;
		height: 92px;
		overflow: hidden;
		top: 96px;
		left: 178px;
	}
	
	ul#nav li a {
		position: absolute;
		display: block;
		overflow: hidden;
		text-indent: -200000em;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active, ul#nav li a.active {
		background-position: left bottom;
	}
	
	a#b-philosophy { background-image: url(/imgs/b_philosophy.gif); width: 121px; height: 31px; top: 61px; left: 0; }
	a#b-store { background-image: url(/imgs/b_store.gif); width: 77px; height: 21px; top: 55px; left: 121px; }
	a#b-beautyservice { background-image: url(/imgs/b_beautyservice.gif); width: 163px; height: 32px; top: 36px; left: 198px; }
	a#b-webshop { background-image: url(/imgs/b_webshop.gif); width: 103px; height: 26px; top: 26px; left: 361px; }
	a#b-press { background-image: url(/imgs/b_press.gif); width: 81px; height: 27px; top: 14px; left: 464px; }
	a#b-links { background-image: url(/imgs/b_links.gif); width: 73px; height: 25px; top: 8px; left: 545px; }
	a#b-contact { background-image: url(/imgs/b_contact.gif); width: 88px; height: 25px; top: 0; left: 618px; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	CONTENT
	*
	**/
	
	div#content {
		position: relative;
		padding-left: 170px;
		padding-bottom: 30px;
	}
	
	div#content h2 {
		overflow: hidden;
		text-indent: -200000em;
		background-position: left top;
		background-repeat: no-repeat;
		margin-bottom: 20px;
		height: 35px;
	}
	
	div#content h3 {
		font-size: 19px;
		margin-top: 40px;
		margin-bottom: 10px;
	}
	
	div#content p {
		margin-bottom: 15px;
	}
	
	div#content a {
		color: #fff;
		background: url(/imgs/bg_links.gif) 0 center repeat-x;
		padding: 0 2px;
	}
	
	div#content a:hover, div#content a:focus, div#content a:active {
		background-position: 351px center;
	}
	
	div#content a.image {
		background: none;
		padding: 0;
	}
	
	div.content-box {
		width: 517px;
		background: url(/imgs/bg_content-box.png) left top no-repeat;
		padding: 60px 45px 30px 45px;
		margin-bottom: 30px;
		position: relative;
	}
	
	div.news-entry {
		margin-bottom: 40px;
	}
	
	div#content input {
		background: #fff;
		padding: 3px 5px;
		border: 1px solid #ccc;
	}
	
	p.oeffnungszeiten span {
		display: block;
		float: left;
		width: 150px;
	}
	
	p.map span {
		font-size: 9px;
	}
	
	
	
	table.pricelist {
		width: 500px;
		margin-bottom: 15px;
	}
	
	table.pricelist td {
		vertical-align: bottom;
		text-align: left;
		font-size: 10px;
		padding-top: 15px;
		border-bottom: 1px dotted #C9B6A8;
		padding-bottom: 2px;
	}
	
	table.pricelist td.price {
		text-align: right;
		width: 60px;
		font-size: 13px;
		padding-right: 5px;
	}
	
	table.pricelist td span {
		display: block;
		font-size: 13px;
		font-weight: bold;
		color: #CC686D;
	}
	
	table.pricelist td span sub {
		font-size: 10px;
		font-weight: bold;
		color: #CC686D;
	}
	
	ul.presslist li {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	ul.presslist li a img {
		border: 1px solid #C8B6A8;
	}
	
	ul.presslist li a:hover img {
		border-color: #CF7C90;
	}
	
	div#content ul.linklist li a,
	div#content ul.linklist li a span {
		font-size: 13px;
		font-weight: bold;
		color: #CC686D;
		background: none;
		padding: 0;
	}
	
	div#content ul.linklist li a {
		color: #4c4c4c;
		font-weight: normal;
	}
	
	
	div.content-content {
		width: 420px;
	}
	
	div.content-sidebar {
		position: absolute;
		top: 100px;
		right: -40px;
	}
	
	
	
	
	
	
	
	/**
	*
	*	CONTENT > NEWSLETTER BOX
	*
	**/
	
	div#content div.newsletter-box h3 {
		overflow: hidden;
		text-indent: -200000em;
		background-position: left top;
		background-repeat: no-repeat;
		margin-bottom: 15px;
		margin-top: 0;
	}
	
	div#content div.newsletter-box p.submit input.submit {
		width: 83px;
		height: 22px;
		overflow: hidden;
		text-indent: -200000em;
		font-size: 0;
		background: url(/imgs/b_senden.gif) left top no-repeat;
		cursor: pointer;
		border: 0;
		display: block;
	}
	
	div#content div.newsletter-box p.sign input,
	div#content div.newsletter-box p.unsign input {
		border: 0;
		padding: 0;
		width: auto !important;
	}
	
	div#content div.newsletter-box form p {
		float: left;
		margin-right: 15px;
		vertical-align: middle;
	}
	
	div#content div.newsletter-box form p.sign {
		clear: both;
	}
	
	div#content div.newsletter-box form p label,
	div#content div.newsletter-box form p input {
		vertical-align: middle;
		width: 110px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	HEADLINES
	*
	**/
	
	.h2-news {
		width: 88px;
		background-image: url(/imgs/h2_news.gif);
	}
	
	.h2-fehler {
		width: 141px;
		background-image: url(/imgs/h2_fehler.gif);
	}
	
	.h2-philosophy {
		width: 201px;
		background-image: url(/imgs/h2_philosophy.gif);
	}
	
	.h2-store {
		width: 115px;
		background-image: url(/imgs/h2_store.gif);
	}
	
	.h2-beautyservice {
		width: 278px;
		background-image: url(/imgs/h2_beautyservice.gif);
	}
	
	.h2-webshop {
		width: 157px;
		background-image: url(/imgs/h2_webshop.gif);
	}
	
	.h2-press {
		width: 118px;
		background-image: url(/imgs/h2_press.gif);
	}
	
	.h2-links {
		width: 98px;
		background-image: url(/imgs/h2_links.gif);
	}
	
	.h2-contact {
		width: 156px;
		background-image: url(/imgs/h2_contact.gif);
	}
	
	.h2-impressum {
		width: 203px;
		background-image: url(/imgs/h2_impressum.gif);
	}
	
	.h2-agb {
		width: 73px;
		background-image: url(/imgs/h2_agb.gif);
	}
	
	.h2-newsletter {
		width: 226px;
		background-image: url(/imgs/h2_newsletter.gif);
	}
	
	.h2-pressematerial {
		width: 317px;
		background-image: url(/imgs/h2_pressematerial.gif);
	}
	
	
	
	.h3-newsletter {
		width: 136px;
		height: 21px;
		background-image: url(/imgs/h3_newsletter.gif);
	}
