/* ----------------------------------------------------- Page layout */

.logo {
	position : absolute; 
	left : 11px;
	top : -28px;
}

html * { font-size: 100.01% }
textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;	
}
body {
font-family:  Helvetica, Verdana,Arial, sans-serif;
font-size: 75.00%; 
color: #000000;
background: #fff;
}

h1,h2,h3,h4,h5,h6 { 
	font-family:Helvetica, Verdana,  Arial, sans-serif; 
	font-weight:bold; 
	color:#b4af28;
	margin: 0 0 0.5em 0; 
	 text-transform:uppercase;	
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 150%; }
h4 { font-size: 133.33%; }
h5 { font-size: 116.67%; }
h6 { font-size: 116.67%; font-style:italic; }


.color1{color:#A5B0BE;}
h2.color1{font-weight:normal}
p { line-height: 1.5em; margin: 0 0 1em 0; }

/* lists */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  ol {list-style-type: decimal;}
  ul {list-style-type: square}
/* End */


h1{
	font-size: 14px;
	color: #A7A502;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.cart {
	background-image: url(../img/site/cart_bg.jpg);
	width:259px;
	height:529px;
	margin-left:420px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFF;
	
}
.cartcontent{
	width:200px;
}
.cartcontent h2{
	font-size: 16px;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.cartcontent h3{
	font-size: 14px;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px dotted #333;
	font-weight: bold;
}
.cartcontent a{
	font-size: 14px;
	color: #FFF;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.mixdetails h2{
	font-size: 14px;
	color: #FFF;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:2px;
}

.productList{
	border-bottom: 1px dotted #333;
	margin-bottom: 10px;
}
.productList h1{
	margin:0px;
}
.productList img{
	border: 1px solid #333;
}
.error {
	margin: 20px;
	background-color: #FFC4C4;
	color: #333;
	font-weight: bold;
	padding:20px;
}
.error h1{
	color: #333;
	font-weight: bold;
	font-size:16px;
	margin:0px;
}
.info {
	margin: 20px;
	background-color: #66CC33;
	color: #FFF;
	font-weight: bold;
	padding: 20px;
}
.info a{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}
.textfield {
	border: 1px solid #A7A502;
	width: 200px;
	padding:5px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-right:10px;
}
.numfield {
	border: 1px solid #A7A502;
	width: 40px;
	padding:5px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-right:10px;
}
.button {
	background-color: #A7A502;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #A7A502;
	width: 150px;
	text-align: center;
	margin-right:10px;
}
.bigLink{
	font-weight: bold;
	width:300px;
	height: 30px;
	font-size:20px;
	color: #990000;
}
.textarea{
	border: 1px solid #A7A502;
	width: 200px;
	padding:5px;
	font-size: 14px;
	color: #333;
	margin-right:10px;
}
.mixerError {
	color: #840000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	text-align: center;
}
.reorder {
	margin:30px;
}
.subcat_topic {
	text-align: center;
	background-image: url(../img/site/balken.gif);
	margin-bottom:10px;
	width: 400px;
	height: 96px;
}
.subcat_topic h1{
	color: #333;
	font-variant:small-caps; font-size:150%;
	padding-top:30px;
}
.hint {
	margin-bottom:15px;
	font-size: 18px;
	color: #333;
	text-align: center;
}
#footer{
	font-size:11px;
	padding-top:70px;
}

/****** jQuery *******/
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	/*width: 239px;
	height : 325px;
	*/
	/* background-image : url(img/sack_bg.jpg) !important; */
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  z-index: 1;
  position: absolute;
  left : 0px;
  padding: 55px 50px 20px;

}
.nav li ul{z-index:10}
.nav li {
 /* float: left; */
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type:none;
  width: auto
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font-size: 1.50em;
/*WW  background: #fff; */
  color: #000000;
  display: block;
  padding: 0 5px 3px 5px;
  text-decoration: none;
/*WW border-left: 1px solid #fff; */
}

.nav li a:hover {
  color: #b4af28;	
	text-decoration: underline;
}
#CatNavi li:hover a, 
#CatNavi li.sfHover a {
	color: #b4af28;
}
#CatNavi li:hover ul a, 
#CatNavi li.sfHover ul a {
/*WW  background: #f6f6f6; */
  color: #959595;	
  text-decoration: none;
}
#CatNavi li:hover ul a:hover, 
#CatNavi li.sfHover ul a:hover {
  color: #ffa800;	
}

.nav ul {
/*WW  background: #f6f6f6; */
  list-style: none;
  margin: 0;
width:100%;
display: block;
  position: absolute;
  top: -999em;
/*  left: -1px;*/
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 1.5em;
}
.nav ul li {
  float: none;
}
.nav ul a {
	border:2px solid #f6f6f6;

  white-space: nowrap;
  text-decoration: none;
}
.nav ul a:hover {
/*  background: #ccc; */
  color: #ffa800;
}
#CatNavi li ul {
  background: #ccc; 
}
/* Navigation Ende **************************/