/* generell */
body {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#ffffff;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left; /* For IE */
	/*background: 		#3C003C url(../gfx/schmuckbild-index-2.gif) top left no-repeat ; */
	
	
	}
	
ul, li{
padding: 0 0 0 0;
padding: 0 0 0 0;
}



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

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

#head {
top: 0px;
left: 0px;
	height: 330px;
	width: 950px;
}

#schmuckbild{
position: absolute;
	top: 					0px;
	left:					0px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				330px;
	width:				950px;
	z-index:				1;
	border:                   0px;
}

#schmuckbild img{
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				330px;
	width:				950px;
	border: 0px;
	

}

#global {
position: absolute;
	top: 10px;
	left: 10px;
	width: 320px;
	z-index: 2;
	}
	

#global a {
	font-size:			11px;
	color:				#ffffff;
	margin:				0 7px 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	}
	
#global a:hover {
	font-size:			11px;
	color:				#C880C8;
	margin:				0 7px 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	}
	
#global a.aktiv {
	font-size:			11px;
	color:				#C880C8;
	margin:				0 7px 0 0px;
	padding:				0 0 0 0px;
	text-decoration: underlined;
	}


#konto{
position: absolute;
	top: 					250px;
	left:					60px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				30px;
	z-index: 2;
}



#konto a {
	font-size:			11px;
	color:				#ffffff;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	
#konto a:hover {
	font-size:			11px;
	color:				#C880C8;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}


#suche{
position: absolute;
	top: 					275px;
	left:					60px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				30px;
	z-index: 2;
}

		
#suche input.suche {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: silver;
	background-color: #ffffff;
	border: none;
	margin: 0px;
	padding: 0 0 0 5px;
	height: 18px;
	width:	135px;
}


#kruemelspur{
position: absolute;
	top: 					310px;
	left:					60px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				30px;	
	z-index: 2;
}

#kruemelspur a {
	font-size:			11px;
	color:				#C880C8;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	}
	
#kruemelspur a:hover {
	font-size:			11px;
	color:				#F8EBA9;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	}

td {
font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#ffffff;

}

#content {
    font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#ffffff;
	position: absolute;
	top: 360px;
	left: 60px;
	width: 600px;
	padding: 0px;
	
}



#content h1{
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#fffff;
	margin:				10px 0 0 0px;
	padding:				0 0 20px 0px;
	text-align:			left;
	background: 		url(strichel.gif) repeat-x;
}

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

#content p{
	margin:				0 0 0 0px;
	padding:				0 0 10px 0px;
	width: 				600px;
	line-height: 20px;
	text-align:			left;
}

#content .kasten{
	margin:				10px 0 20px 0px;
	padding:				20px;
	width: 				560px;
	line-height: 20px;
	text-align:			left;
	background: #996699;
}

#content .kasten2{
	margin:				20px 0 40px 0px;
	padding:				10px 20px 10px 20px;
	width: 				560px;
	line-height: 20px;
	text-align:			left;
	background: #740074;
}

#content span{
	font-size: 24px;
	font-weight: normal;
}

#content a {
	font-size:			12px;
	color:				#F8EBA9;
	margin:				0px;
	padding:				0px;
	text-decoration: none;
	}
	
#content a:hover {
	font-size:			12px;
	color:				#ffffff;
	margin:				0px;
	padding:				0px;
	text-decoration: none;
	}
	

#content a.fett {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	
#content a:hover.fett {
	font-size:			12px;
	color:				#F8EBA9;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	
#content .vorschau {
	width: 290px;
	height: 80px;
	background: #740074;
	margin: 0 10px 10px 0px;
	float: left;
}

/*#content img.vorschau {
	width: 76px;
	height: 76px;
	margin: 0px;
	padding: 2px;
	float: left;
	background: #CC66CC;
}

#content img.produkt {
	width: 160px;
	height: 160px;
	margin: 0 0 0 40px;
	padding: 2px;
	float: right;
	background: #CC66CC;
} */


#content img.vorschau {
	width: 76px;
	height: 76px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #CC66CC;
	border: 2px solid #CC66CC;
}


#content img.produkt {
	width: 160px;
	height: 160px;
	margin: 0 0 0 40px;
	padding: 0px;
	float: right;
	background: #CC66CC;
	border: 2px solid #CC66CC;
}

#content p.vorschau{
	margin:				0 0 0 10px;
	padding:				5px 0 0 0px;
	width: 				190px;
	height:				74px;
	line-height:		17px;
	text-align:			left;
}

#content input.menge {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: grey;
	background-color: #ffffff;
	border: none;
	margin: 0px;
	padding: 0 0 0 5px;
	height: 18px;
	width:	25px;
	text-align: left;
}

#footer {
float: left;
	font-size:			11px;
	line-height: 17px;
	width: 600px;
	margin: 0px 0 20px 0px;
	padding: 25px 0 0 0;
	background: url(strichel.gif) repeat-x;
}

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

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

.copyright {
font-size:			8px;

}

.copyright a {
	font-size:			8px;
	color:				#ffffff;
	padding:				0 0 0 0px;
	text-decoration: none;
}

.copyright  a:hover {
	font-size:			8px;
	color:			   #996699;
	padding:				0 0 0 0px;
	text-decoration: none;
}

#menue {
position: absolute;
top: 365px;
left: 710px;
	width: 240px;
}



#box {
	width: 240px;
	margin: 0 0 20px 0px;
	padding: 0 0 0 0px;	
}


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

#box ul.nav li{
	list-style: none;
	width: 240px;
	margin: 0 0 7px 0px;
	padding: 5px 0 0 0px;
	line-height: 20px;
	background: url(strichel-top.gif) top left repeat-x;
}

#box h1 {
	font-size: 12px;
	font-weight: normal;
	color: #C880C8;
	margin: 0 0 7px 0px;
	padding: 0 0 0 0px;
}

#box p {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 7px 0px;
	padding: 15px 0 0 0px;
	background: url(strichel-top.gif) top left repeat-x;
}


#box p.best {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 7px 0px;
	padding: 15px 0 0 0px;
	background: url(strichel-top.gif) top left repeat-x;
	height: 85px;
}


#box p.text {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 7px 0px;
	padding: 15px 0 0 0px;
}

#box .warenkorb{
	width: 210px;
	border: dashed 1px white;
	background: #996699;
	padding: 15px;
}

#box img.vorschau {
	width: 76px;
	height: 76px;
	margin: 0px;
	padding: 0px;
	float: right;
	border: 2px solid #CC66CC;
}

#box a.fett {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	
#box a:hover.fett {
	font-size:			12px;
	color:				#F8EBA9;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	

#box a.fett2 {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	
#box a:hover.fett2 {
	font-size:			12px;
	color:				#3C003C;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}
	

#box a.kategorie {
	font-size:			12px;
	font-weight:		bold;
	color:				#ffffff;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
	}
	
#box a:hover.kategorie {
	font-size:			12px;
	font-weight:		bold;
	color:				#F8EBA9;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
	}

#box a.aktivkategorie {
	font-size:			12px;
	font-weight:		bold;
	color:				#F8EBA9;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#box a.kategorie2{
	font-size:			12px;
	color:				#ffffff;
	padding: 0px;
	margin: 0 0 0 10px;
	text-decoration: none;
	}
	
#box a:hover.kategorie2 {
	font-size:			12px;
	color:				#F8EBA9;
	padding:0px;
	margin: 0 0 0 10px;
	text-decoration: none;
	}

#box a.aktivkategorie2 {
	font-size:			12px;
	color:				#F8EBA9;
	padding:0px;
	margin: 0 0 0 10px;
	text-decoration: none;
}

#box a.kategorie3 {
	font-size:			12px;
	color:				#ffffff;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration: none;
	}
	
#box a:hover.kategorie3 {
	font-size:			12px;
	color:				#F8EBA9;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration: none;
	}

#box a.aktivkategorie3 {
	font-size:			12px;
	color:				#F8EBA9;
	background: url(pfeil.gif) no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration: none;
}


#box_admin {
    width: 240px;
	margin: 0 0 20px 0px;
	padding: 0 0 0 0px;
    
}

#box_admin img {
    border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#box_admin h1 {
	font-size: 12px;
	font-weight: normal;
	color: #996699;
	margin: 0 0 7px 0px;
	padding: 0 0 0 0px;
}

#box_admin a {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
}

#box_admin a:hover{
	font-size:			12px;
	color:				#F8EBA9;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}


input.textfeld {
	font-family: 		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: silver;
	background-color: #ffffff;
	border: none;
	margin: 0px;
	padding: 0 0 0 5px;
	height: 18px;
	width:	135px;
}

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;
}

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

#warenkorb_box {
	width: 210px;
	border: dashed 1px white;
	background: #996699;
	padding: 15px;
}

#warenkorb_box a {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
}

#warenkorb_box a:hover{
	font-size:			12px;
	color:				#F8EBA9;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	background: url(pfeil.gif) no-repeat;
	text-decoration: none;
	}



#box a.noarrow {
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0px;
	padding:				0 0 0 10px;
	text-decoration: none;
}


#best_seller {
	width: 240px;
	margin: 0 0 20px 0px;
	padding: 0 0 0 0px;


}

#best_seller p {
font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 7px 0px;
	padding: 15px 0 0 0px;
	background: url(strichel-top.gif) top left repeat-x;

}

#best_seller a{
font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
	margin:				0 7px 0 0;
	padding:				0 0 0 0;
	text-decoration: none;
	background: none;
}

#best_seller a:hover{
	font-size:			12px;
	color:				#F8EBA9;
	font-weight:		bold;
	margin:				0 7px 0 0;
	padding:				0 0 0 0;
	text-decoration: none;
	background: none;
	}

#best_seller img.vorschau {
	width: 76px;
	height: 76px;
	margin: 0px;
	padding: 0px;
	float: right;
	border: 2px solid #CC66CC;
}