/* CSS Document */
/*Erik Meyer --- reset-css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /Erik Meyer --- reset-css*/
html {
	height:100%;
}

body {
	background:#fff;
	color:#75462b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:140%;
	height:100%;
	
	padding:20px 0 0 40px;
}
/*
.outer {	
	width:990px;
	min-height:100%;
}
*/
.header {
	background:url(../css/hg_header.gif) repeat-x;
	height:160px;
	position:relative;
}
/*________________________________________HEADER_______________________________________*/

a.logo  {
	background:url(../logo.gif) no-repeat;
	display:block;
	height:148px;
	position:absolute;
	width:274px;
	z-index:20;
}
.navi {
	position:absolute;
	left:330px;
	top:88px;
}
.navi ul {
	background:url(../hg_navi.jpg) bottom center no-repeat;
	display:block;	
	list-style:none;
	padding:0 0 0 60px;
	width:540px;
	text-align:center;
}
.navi ul li {
	display:block;
	float:left;
	list-style:none;
	padding:0 13px;
	margin:0;
}
.navi ul li a {
	background:center no-repeat;
	display:block;
	height:44px;
	text-indent:-100000px;
	text-transform:capitalize;
}
a#ueberuns {	background-image:url(../_n_ueberuns.png);	width:77px;}
a#aktuell {	background-image:url(../_n_aktuell.png);	width:62px;}
a#haare {	background-image:url(../_n_haare.png);	width:50px;}
a#haut {	background-image:url(../_n_haut.png);	width:40px;}
a#impressum {	background-image:url(../_n_impressum.png);	width:94px;}
a#team {	background-image:url(../_n_team.png);	width:49px;}

a#ueberuns:hover, a#ueberuns.aktiv {	background-image:url(../_n_ueberuns_hover.png);}
a#aktuell:hover, a#aktuell.aktiv {	background-image:url(../_n_aktuell_hover.png);}
a#haare:hover, a#haare.aktiv {	background-image:url(../_n_haare_hover.png);}
a#haut:hover, a#haut.aktiv {	background-image:url(../_n_haut_hover.png);}
a#impressum:hover, a#impressum.aktiv {	background-image:url(../_n_impressum_hover.png);}
a#team:hover, a#team.aktiv {	background-image:url(../_n_team_hover.png);}


.subnavi ul li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
.subnavi ul li {
	padding:0 5px 0 0;
}
.subnavi ul li + li {
	border-left:1px solid #6F9360;
	padding:0 5px 0 5px;
}
.subnavi ul li a.aktiv {
	text-decoration:none;
}
/*________________________________________NAVI_______________________________________*/


/*________________________________________CONTENT_______________________________________*/
.facebook {position:absolute; left:735px; width:180px;}
.facebook a {
	background:url(../ico_fb.jpg) no-repeat right center;
	color:#75462B;
	display:block; 
	float:right; 
	height:32px;
	line-height:125%;
	padding:0px 42px 0 0; 
	text-align:right;
}
.facebook a:hover {	text-decoration:none;}
.content {	
	border-top:1px solid #ddd;
	float:left;	
	margin:0 20px 20px 0;
	padding:10px 0 20px 0;
	position:relative;
	width:372px;
}
.content a {color:#6f9360;}
.content a:hover, .content a:focus {text-decoration:none;}
.thumbs, .galerie {padding:15px 0;}
.thumbs div, .galerie img {
	background:#f8faf8;
	border:1px solid #ddd;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
}
.thumbs div img, .galerie img {
	float:left;
}
	* html .img {width:480px;}
		*+ html .img {width:480px;	}

.desc {	
	width:480px;
	float:right;
	position:relative;
	visibility:hidden;
	height:671px;
}
		* html .desc {	
			width:480px;
			left:0;
			margin-left:-465px;
			overflow:hidden;
		}

	*+ html .desc {	
		width:480px;
		left:0;
		margin-left:-465px;
		overflow:hidden;
	}
.desc div {	
	height:671px;
	width:480px;
	position:absolute;
}
		* html .desc div {left:0}
	*+ html .desc div {	left:0}
	
.desc div .bloed {	
	background:url(../overlay.png);
	bottom:0px;
	color:#fff;
	height:65px;
	padding:5px 20px 20px 20px;
	position:absolute;
	text-align:left;
	width:440px;	 
}
	*+ html .desc div .bloed {	
		margin-left:0;
		left:0	 
	}
.desc div .bloed h3 {	
	font-family:"Times New Roman", Times, serif;
	font-size:140%;
	padding-bottom:0px;	 
}



#gutschein {
	background:url(../btn_gutschein.png) no-repeat;
	display:block;
	margin:-70px 0 0 -40px;
	height:155px;
	position:absolute;
	text-indent:-10000px;
	text-transform:capitalize;
	width:400px;
	z-index:100;
}
#gutschein:hover {
	background:url(../btn_gutschein_hover.png) no-repeat;
}


.img {
	background:#f8faf8;
	border:1px solid #ddd;
	float:left;
	margin-bottom:20px;
	padding:20px;
	position:relative;
}
.overlay {
	background:url(../overlay.png);
	bottom:20px;
	height:45px;
	padding:25px 20px 20px 20px;
	position:absolute;
	text-align:right;
	width:440px;
}
	*+ html .overlay {
		margin-left:-480px;
	}
		* html .overlay {
			margin-left:-480px;
			margin-top:1px;
			z-index:1000000;
		}
.overlay a {
	float:right;
}
.img img {
	float:left;
}


/*------------------------- Tabelle ----------------------------*/
.preisliste {
	padding:5px 0 10px 0;
	margin:0;
	border:0;
}
.preisliste td.st {
	width:200px;
	text-align:left;
	vertical-align:top;
}
.preisliste td.nd {
	width:150px;
	text-align:right;
	vertical-align:top;
}
.preisliste tr.even {
	background:#F8FAF8;
}
.preisliste tr.odd {
	background:none;
}
/*________________________________________FOOTER_______________________________________*/
.footer {
	background:url(../footer_pinsel.png) 630px top no-repeat #fafafa ;	
	border-top:1px solid #e8e8e8;	
	clear:both;
	height:150px;
	margin:30px 0 0 -40px;
	padding:20px 40px;
}
		* html .footer {
			padding-bottom:120px;
		}
.footer a {
	color:#75462b;
}
.footer a:hover, .footer a:focus {
	text-decoration:none;
}





/*________________________________________MISCELLANEOUS_______________________________________*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
} 
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}
.clear_float {clear:both;}
.left_float {float:left;}
.right_float {float:right;}