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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	height: 100%;
		width: 100%;
}

body {
	height: 100%;
		width: 100%;
	line-height: 1em;
	color: #003473;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background:url(../images/holzkachel.jpg) repeat #513724;
}

#ingredienz{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	left: 18%;
	z-index:9999;
	margin-bottom: 0px;
}

#ingredienzBreiter{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	left: 15%;
		margin-bottom: -3px;
}

html>body #ingredienz, html>body #ingredienzBreiter{
		margin-bottom: -3px;
		bottom: 3px;
}

*+html #ingredienz, *+html #ingredienzBreiter{
		margin-bottom: 0px;
}

#ingredienz1{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	/* left: 45%; */
	left: 35%;
	margin-bottom: -3px;
	height:210px;
}

html>body #ingredienz1{
	margin-bottom: -3px;
	bottom: 3px;
}



#ingredienz2{
	position: absolute;
	top: 73%;
	margin-top: -140px;
	overflow: hidden;
	right: 0%;
	margin-right: 0;

}


html>body #ingredienz2{
		margin-right: 0;
		right: 0;
		
}

#ingredienz3{
	position: absolute;
	top: 0;
	overflow: hidden;
	left: 22%;
}

#ingredienz4{
	position: absolute;
	top: 0;
	overflow: hidden;
	right: 0;
}

#ingredienz5{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	left: 18%;
		margin-bottom: -3px;
		height:289px;
}

html>body #ingredienz5{
		margin-bottom: -3px;
		bottom: 3px;
}



#ingredienz6{
	position: absolute;
	top: 0;
	overflow: hidden;
	right: 24%;		
}

#ingredienz7{
	position: absolute;
	top: 40%;
	margin-top: -110px;
	overflow: hidden;
	right: 0;
	margin-right: 0;
}
html>body #ingredienz7{
		margin-right: 0;
		right: 0;
}


#ingredienz img, #ingredienz1 img, #ingredienz2 img, #ingredienz3 img, #ingredienz4 img, #ingredienz5 img, #ingredienz6 img, #ingredienz7 img, #ingredienzBreiter img{
	margin-bottom: -3px;
}

.container{
	height: 100%;
	padding-top: 0;
}

/*------------------------------------- Spalte Links ---------------------------------------------*/

.spalteLinks{
color:#BAA054;
float:left;
height:93%;
min-height:500px;
min-width:160px;
width:18%;
}

#logo{
height:16%;
min-height:70px;

}

#abstand{
 height: 8%;
}

/*----------------------------------------- Menue -------------------------------------------------*/

#menueleiste{
 width: 160px;
 height: 100%;
 margin-left: auto;
  margin-right: auto;

}

#menue{
/*background:blue none repeat scroll 0;*/
height:65%;

min-height:340px;

}

#menue ul{
	width: 160px;
	list-style: none;
}

#menue li{
	width: 160px;
	text-align:center;
	list-style: none;
	line-height: 2.6em;

}

#menue li a{
	color: #BAA054;
	text-decoration:none;
}

#menue li a.active{
	color: #E8FFD9;
	text-decoration:none;
}

#menue li a:hover{
	color: #E8FFD9;
}

#menue ul li ul{
	border-top:1px solid #BAA054;
	border-bottom:1px solid #BAA054;
	font-size: 80%;
	margin-bottom: 1em;
}

#menue ul li ul li{
	line-height: 2.2em;
}

#menue ul li ul li a.activeSub{
	color: #E8FFD9;
}

#logoUnten{
		/*background:green none repeat scroll 0;*/
height:11%;

}


/*----------------------------------------- Mitte ------------------------------------------------*/

.mitte{
	height: 93%;
	width: 75%;
	float: left;
	padding-top: 5px;
	background:url(../images/schattenBottom.png) bottom center repeat-x;
}


.mitteInner{
	background: #E8FFD9;
	height: 96%;
	width: 100%;
		min-height: 504px;
	margin-bottom: 20px;
}

html>body .mitte{
	padding-top: 0px;
}

#header{
	height: 25%;
	margin-left:10%;
}

#header_news{
	height: 13%;
	margin-left:10%;
}

#content{
	margin-left:10%;
	margin-top: 0;
	line-height: 1.4em;
}

#content h1{
	font-size: 160%;
	font-weight:normal;
	padding-bottom: 2em;
}

.text{
	width: 60%;
	float: left;
	margin-right: 2%;
	margin-left: -1.2%;
}

.text_news{
	width: 65%;
	float: left;
	margin-right: 2%;
	margin-left: -1.2%;
}

div.text_news a{
	color: #9D8129;
	text-decoration: none;
}


div.text a, div.textLang a{
	color: #9D8129;
	text-decoration: none;
}

.textLang{
	width: 80%;
	float: left;
	margin-right: 2%;
	margin-left: -1.2%;
	margin-bottom: 2%;
}

html>body .text, html>body .textLang{
	margin-left: 0%;
}

.imageRight{
	float: right;
	width: 30%;
}

.imageRight_news{
	float: right;
	width: 25%;
}




/*-----slider------*/

.slider{
	float:left; 
	margin-top:20px;
	text-decoration: none;
	color: #003473;
}
/*.slider a{
	text-decoration: none;
	color: #003473;
	float:left; 
}*/

.slider span.gold{
	color: #BAA054;
}

.slidebild{
float:left; 
margin:0 15px 0 10px;
}




div.duefte{
	width: 100%;

}



.duft{
	/*width: 19%;*/
	width: 13%;
	float: left;
	text-align: right;
	padding-top: 10%;
}

.duft_active{
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 3%;
}

.duefte5{
 width: 96%;
}

.duft5{
	width: 18%;
	margin-right: 1%;
	float: left;
	padding-top: 2%;
}

.duft5 a{
	text-decoration: none;
	color: #003473;
}

.duft5 span.gold{
 color: #BAA054;
}

#plakate img{
	margin: 3% 5% 0 0;
}

.walltext{
margin-top:2%;
}

#tabelleimpressum{
font-size: 85%;
line-height: 1.2em;
padding-right:20px;
}
#tabelleimpressum a{
text-decoration:none;
color:#9D8129;
}

.stdtext{
vertical-align:top;
margin-top:0;
}

#sortiment{
	width: 97%;
}

#map{
	width: 97%;

}

#map a{
	text-decoration:none;
}

#map ul{
	position:absolute;
	border-bottom:#CC9900 1px solid;
	border-top:#CC9900 1px solid;
	list-style:none;
	padding:5px 0 5px 0;
	float:left;
	text-decoration:none;


}

#map ul li a{
	color: #003473;
}


#map ul li ul{
border:none;
margin-top:10px;
text-decoration:none;
color:#9D8129;

}




*+html #map ul li ul{
border:none;
margin-top:30px;
text-decoration:none;
color:#9D8129;



}

*html #map ul li ul{
border:none;
margin-top:30px;
text-decoration:none;
color:#9D8129;


}




#map ul li ul li{
margin-top:6px;
margin-bottom:10px;

}

*html #map ul li ul li{
margin-top:6px;
margin-bottom:10px;

}

*+html #map ul li ul li{
margin-left:-30px;
margin-top:6px;
margin-bottom:10px;

}


#map ul li ul a{
color:#9D8129;



}

.map3{
	margin-right:20px;
	float:left;
	line-height:140%;
	text-decoration:none;

}

.map2{
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;

}
*html .map2{
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
	margin-left:-40px;
}

*+html .map2{
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
	margin-left:-10px;

}

.map4{
		list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
		}
	
*html .map4{
	margin-left:-47px;
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
		}
*+html .map4{
	margin-left:-17px;
	list-style:none;
	font-size: 75%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
	}
	
.map5{
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
}

*html .map5{
	margin-left:-75px;
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
		}
*+html .map5{
	margin-left:-45px;
	list-style:none;
	font-size: 75%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
	}
	
.map6{
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
		}	
	
*html .map6{
	margin-left:-55px;
	list-style:none;
	font-size: 85%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
		}
*+html .map6{
	margin-left:-25px;
	list-style:none;
	font-size: 75%;
	line-height:140%; 
	text-decoration:none;
	color:#9D8129;
	}



/*----------------------------------------- Footer Menü ------------------------------------------------*/

#footerMenue{
	clear: both;
	text-align: right;
	margin-right: 3%;
	padding-top: 0px;
	font-size: 85%;

}

#footerMenue ul{
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	background-image:url(../images/blank.gif);
}

#footerMenue a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 10px 0px 0px;
}

#footerMenue li{
	margin: 0;
	padding: 0;
	float: left;
	position:relative;

}

#footerMenue ul li a{
	text-decoration:none;
	margin-left: 2em;
	color: #BAA054;
}


#footerMenue ul li a:hover{
	color: #E8FFD9;
}


#footerMenue ul li a.activeFooter{
	color: #E8FFD9;
}

#footerMenue li ul {
	visibility: hidden;
	position: absolute;
	top: 10px;
	padding-top:5px;
	right: 0;
	width: 450px;
	color: #BAA054;
	height: 20px;
	margin-right:0px;
	font-size: 95%;
	background-image:url(../images/blank.gif);
}
html>body #footerMenue li ul {
	display: none;
}

#footerMenue li ul li {
	float: right;
}

#footerMenue li ul a {
	text-align: left;
	color: #BAA054;
	float: left;
}

#footerMenue li ul a:hover{
	text-align: right;
	color: #E8FFD9;
}

/* simulierter child-selector für I.E. */ 
div#footerMenue li:hover ul,
#footerMenue li:hover li:hover ul,
#footerMenue li:hover li:hover li:hover ul {
	visibility: visible;
}
div#footerMenue li:hover li ul,
#footerMenue li:hover li:hover li ul,
#footerMenue li:hover li:hover li:hover li ul {
	visibility: hidden;
} 

/* nicht für I.E. */ 
#footerMenue ul#naviList li:hover>ul {
	display: block;
	visibility: visible;
}






.aufspanner{
	height: 1px;
	width: 500px;
	clear:both;
}

/*------------------------------------- Schatten Links ---------------------------------------------*/

.schattenLinks{
	height: 93%;
	width: 20px;
	float: left;
	background:url(../images/schattenLinks.png) bottom right no-repeat;
}

html>body .schattenLinks{
	width: 3%;
}

/*------------------------------------- Schatten Rechts ---------------------------------------------*/

.schattenRechts{
	height: 93%;
	width: 3%;
	float: left;
	background:url(../images/schattenRechts.png) bottom left no-repeat;
}