/* generell */
body {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				#4B3F30;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left; /* For IE */
	background: #FAECCA url(background.gif) top left repeat-x;
	
	
	}


/* Container Styles */
#container {
	position:		absolute;
	width:			944px !important;
	width /**/:		944px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	background: #FAECCA;
	}

/* Intro Styles */
#intro {
	padding:			0;
}

#head {
top: 0px;
left: 0px;
	height: 342px;
	width: 944px;
	background: url(head-bg.gif) top left no-repeat;
}

#schmuckbild{
position: absolute;
	top: 					140px;
	left:					0px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				189px;
	width:				720px;
	border-top: solid 4px black;
	border-bottom: solid 1px black;
}

#navi1{
position: absolute;
	top: 					147px;
	left:					752px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				195px;
	width:				181px;
	
}

#navi1 ul{
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				168px;
	width:				181px;
	
}

#navi1 li{
	list-style: none;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				24px;
	width:				181px;
	
}

#navi1 a.ich, a.wuerzig, a.aromatisch, a.suess, a.geist, a.saison, a.geschenke{
	display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	height:				24px;
	width:				181px;
	background: url(navi-spacer.gif) no-repeat;
}

#navi1 a:hover.ich {
	background-image: url(ich-und-arbeit.gif);
	}
	
#navi1 a:hover.wuerzig {
background-image: url(wuerzig-und-mild.gif);
	}
	
#navi1 a:hover.aromatisch {
background-image: url(aromatisch-und-herzhaft.gif);
	}
	
#navi1 a:hover.suess {
	background-image: url(suess-und-fruchtig.gif);
	}
	
#navi1 a:hover.geist {
	background-image: url(geist-und-genuss.gif);
	}
	
#navi1 a:hover.saison {
	background-image: url(saison-und-gebaeck.gif);
	}
	
#navi1 a:hover.geschenke {
	background-image: url(geschenke-und-koerbe.gif);
	}

#logo{
position: absolute;
	top: 24px;
	left: 426px;
	width: 275px;
	height: 86px;
	}
	
#global {
position: absolute;
	top: 120px;
	left: 70px;
	width: 400px;
	}
	

#global a {
	font-size:			11px;
	color:				black;
	margin:				0 7px 0 4px;
	padding:				0 0 0 0px;
	text-decoration: none;
	}
	
#global a:hover {
	font-size:			11px;
	color:				black;
	margin:				0 7px 0 4px;
	padding:				0 0 0 0px;
	text-decoration: underline;
	}
	
#global a.aktiv {
	font-size:			11px;
	color:				black;
	margin:				0 7px 0 4px;
	padding:				0 0 0 0px;
	text-decoration: underlined;
	}
	
#skyscraper {
position: absolute;
top: 342px;
left: 946px;
	width: 78px;
	height: 558px;
	background: url(skyscraper.gif);
}


#kategorie {
position: absolute;
top: 342px;
left: 70px;
width: 205px;
background: #F1DEBE;
padding: 0px;
margin: 0px;
}

*html #kategorie{
position: absolute;
top: 342px;
left: 70px;
width: 155px;
background: #F1DEBE;
padding: 0px;
margin: 0px;
}

#content {
	position: absolute;
	top: 342px;
	left: 295px;
	width: 345px;
	background: white;
	padding: 0 40px 0 40px;	
}




*html #content {
    position: absolute;
	top: 342px;
	left: 295px;
	width: 345px;
	background: white;
    padding:  0 0px 0 40px;	
}


#klickpfad {
	width: 385px;
	font-size:			11px;
	margin: 12px 0 20px 0px;
	padding: 0 0 5px 0;
	background: url(dotted.gif) bottom left no-repeat;
}

#klickpfad a {
	font-size:			11px;
	color:				#4B3F30;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	text-decoration: none;
}

#klickpfad a:hover {
	font-size:			11px;
	color: #990000;
	margin:				0 0 0 10;
	padding:				0 0 0 0px;
	text-decoration: none;
}

#content h1{
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			15px;
	color:				#4B3F30;
	margin:				0 0 0 0px;
	padding:				0 0 15px 0px;
	text-align:			left;
}

#content h2{
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				#990000;
	margin:				0 0 0 0px;
	padding:				0 0 10px 0px;
	text-align:			left;
}

#content p{
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				#4B3F30;
	margin:				0 0 0 0px;
	padding:				0 0 20px 0px;
	width: 				345px;
	text-align:			left;
}

#content a.textlink {
	font-size:			13px;
	color:				#990000;
	text-decoration: none;
}

#content a:hover{
	/*font-size:			13px;*/
	color: #990000;
	text-decoration: none;
}

.inner_content {
    width: 280px;

}

#produktansicht{
	width:	330px;
	margin: 0 0 20px 0px;
	padding: 0 0 5px 0;
	background: url(dotted.gif) bottom left no-repeat;
}

#produktansicht img{
	/*width:	110px;*/
	border-top: solid 4px #990000;
	border-bottom: solid 1px #990000;
	margin: 0 0 0px 0;
}

#produktansicht span {
	font-size:			11px;
	color:				#4B3F30;
	padding:				10px 0 0 10px;
}

#produktansicht p {
width:	175px;
	font-size:			13px;
	color:				#4B3F30;
	padding:				10px 0 0 10px;
}

#produktansicht a {
	font-size:			13px;
	color:				#4B3F30;
	text-decoration: none;
}

#produktansicht a:hover {
	font-size:			13px;
	color: #990000;
	text-decoration: none;
}

#produktansicht p.preis {
width:	225px;
	font-size:			13px;
	font-weight: bold;
	color:				#4B3F30;
	padding:				10px 0 0 10px;
}

/*
#produktansicht a.buttons {
	font-size: 12px;
	color: black;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background: #FFE6B2;
	border: 1px solid black;
	text-align: center;
	font-weight : bold;
	padding: 0px 5px 0 5px;
	margin: 1px 5px 0 0px;
	height: 16px;
	display: block;
	width: 100px;
}

#produktansicht input.buttons {
	font-size: 12px;
	color: black;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background: #FFE6B2;
	border: 1px solid black;
	text-align: center;
	font-weight : bold;
	padding: 0 0 0 0px;
	margin: 1px 5px 0 0px;
	height: 18px;
}

*/

#produktdetail{
	width:	330px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}

#produktdetail img{
	/*width:	170px;*/
	border-top: solid 4px #990000;
	border-bottom: solid 1px #990000;
	margin: 0 5px 0px 0;
}

#produktdetail span {
	font-size:			11px;
	color:				#4B3F30;
	padding:				10px 0 0 0;
}

#produktdetail p {
width:	330px;
	font-size:			13px;
	color:				#4B3F30;
	padding:				10px 20px 0 0;
}



#footer {
	font-size:			11px;
	color:				#4B3F30;
	line-height: 17px;
	width: 385px;
	margin: 50px 0 20px 0px;
	padding: 5px 0 0 0;
	background: url(dotted.gif) top left no-repeat;
}

#footer a {
	font-size:			11px;
	color:				#4B3F30;
	margin:				0 7px 0 0;
	padding:				0 0 0 0px;
	text-decoration: none;
}

#footer a:hover {
	font-size:			11px;
	color: #990000;
	margin:				0 7px 0 0;
	padding:				0 0 0 0px;
	text-decoration: none;
}

#menue {
position: absolute;
top: 342px;
left: 740px;
	width: 205px;
	background: #F1DEBE;
}

#box {
	width: 205px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#box *{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#box ul.box {
	width: 205px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#box li.h1 {
	list-style: none;
	width: 165px;
	height: 23px;
	margin: 2px 0 5px 0px;
	padding: 3px 0 0 40px;
	background: url(li-h1.gif) no-repeat;
	
	color: #FBEFD2;
	font-weight: bold;
}

#box li.text {
	list-style: none;
	width: 179px;
	margin: 0 0 0 0px;
	padding: 7px 10px 15px 14px;
	line-height: 20px;
}

#box a.fett {
	font-size:			13px;
	color:				#4B3F30;
	font-weight: bold;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	width:	205px;
	text-decoration: none;
}

#box a:hover.fett {
	font-size:			13px;
	font-weight: bold;
	color: #990000;
	margin:				0 0 0 0px;
	padding:				0 0 5px 0px;
	text-decoration: none;
}

#box a.fettaktiv {
	font-size:			13px;
	font-weight: bold;
	color: #990000;
	margin:				0 0 0 0px;
	padding:				0 0 5px 0px;
	text-decoration: none;
}

#box a.normal {
	font-size:			13px;
	color:				#4B3F30;
	margin:				0 0 0 19px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a:hover.normal{
	font-size:			13px;
	color: #990000;
	margin:				0 0 0 19px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a.normalaktiv {
	font-size:			13px;
	color: #990000;
	margin:				0 0 0 19px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a:hover.normalaktiv {
	font-size:			13px;
	color: #990000;
	margin:				0 0 0 19px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a {
	font-size:			13px;
	color:				#4B3F30;
	margin:				0 0 0 0px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a:hover {
	font-size:			13px;
	color: #990000;
	margin:				0 0 0 0px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a.menue {
	font-size:			13px;
	color:				#4B3F30;
	margin:				0 0 0 0px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}

#box a:hover.menue {
	font-size:			13px;
	color: #990000;
	margin:				0 0 0 0px;
	padding:				0 0 3px 0px;
	text-decoration: none;
}


#box img{
	width:	110px;
	border-top: solid 4px #990000;
	border-bottom: solid 1px #990000;
	margin: 0 0 0px 0;
}





input.textfeld {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: black;
	background-color: #FFE6B2;
	border: 1px solid black;
	margin: 1px 5px 0 0px;
	padding: 0 0 0 0px;
}



input.buttons {
	font-size: 12px;
	color: black;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background: #FFE6B2;
	border: 1px solid black;
	text-align: center;
	font-weight : bold;
	padding: 0 0 0 0px;
	margin: 1px 5px 0 0px;
	height: 18px;
}

a.buttons {
	font-size: 12px;
	color: black;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background: #FFE6B2;
	border: 1px solid black;
	text-align: center;
	font-weight : bold;
	padding: 0px 5px 0 5px;
	margin: 1px 5px 0 0px;
	height: 16px;
	display: block;
}

p.form_error {
  color: red;
  font-weight: bold;  
}

img {
    border: 0px;
}

a {
    font-size:			13px;
	color:				#4B3F30;
	text-decoration: none;
}

.shopcart {
     font-size:			10px;
}

.smallText {
    font-size:  12px;
}

#buy_button img{
    border: 0px;
    width: 79px;
    height: 18px;
}

#quick_find {
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}

#popup {
    font-size: 10px;

}

.copyright {
    margin-top: 10px;
}