body {
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	overflow-y: scroll;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #444;
}
img {
	border: none;
}

h1 {
	font-size: 20px;
	margin: 13px 0;
}

/* header */

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	background: #2c2012;
	color: #fff;
	height: 80px;
	width: 100%;
}

#header a {
	color: #fff;
}
#header a:hover {
	color: #ccc;
}

#header .center {
	width: 960px;
	height: 80px;
	margin: 0 auto;
}

#header .logo {
	float: left;
	margin: 13px 4px 0 13px;	
}

#header .scroller {
	float: left;
	width: 560px;
	height: 16px;
	margin: 60px 0 0 0;	
	padding: 0;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	color: #ada399;
}

#header .control {
	float: right;
	font-size: 12px;
	text-align: right;
	margin: 10px 10px 0 0;
}

#header .control a {
	padding: 0 4px;
}

#header .control strike {
	padding: 0 4px;
}

#header .currentLang {
	color: #ccc;
	padding: 0 4px;
}

/* footer */

#footer {
	clear: both;
	width: 980px;
	height: 10px;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 10px;
	color: #6a5745;
	border-top: 1px solid #6a5745;
	text-align: center;
}

#footer a {
	color: #6a5745;
	padding: 0 10px;
}

#footer a:hover {
	color: #6a5745;
}


/* main navigation */

#mainNav {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	background: #6a5745;
	height: 20px;
	width: 100%;
	font-size: 12px;
	margin: 80px 0 0 0;
}

#mainNav .center {
	width: 960px;
	height: 20px;
	margin: 0 auto;
}

#mainNav .nav {
	float: left;
	width: 96px;
	border-right: 1px solid #6a5745;
	height: 18px;
	padding: 2px 0 0 40px;
	background: url(../images/mainNavArrowWhite.png) top left no-repeat;
}

#mainNav .nav:hover {
	background: #ada399 url(../images/mainNavArrowBlack.png) top left no-repeat;
}

#mainNav .current {
	background: #ada399 url(../images/mainNavArrowBlack.png) top left no-repeat;
}

#mainNav a {
	color: #fff;
}
#mainNav a:hover {
	color: #000;
}


/* content area */

#page {
}

#content {
	width: 960px;
	min-height: 460px;
	margin: 0 auto;
	padding: 110px 10px 10px 10px;
	border-left: 1px solid #6a5745;
	border-right: 1px solid #6a5745;
}

#content h1 {
	font-family: Arial Black, sans-serif;
}

#content .twocol_left {
	float: left;
	width: 440px;	
	margin: 0 10px 0 30px;
}

#content .twocol_right {
	float: right;
	width: 440px;
	margin: 0 30px 0 10px;
}

/* forms */

#form {
	width: 440px;
	margin: 30px auto;
	border: 1px solid #6a5745;
}

#form .title {
	background: #6a5745;
	color: #fff;
	padding: 2px 20px;
}

#form .content {
	padding: 10px 20px;
}

#form .row {
	clear: left;
	height: 26px;
}

#form .label {
	float: left;
	width: 100px;
	height: 12px;
	padding-top: 4px;
}

#form .data {
	float: left;
	width: 250px;
	height: 12px;
	padding-top: 4px;
}

#form .field {
	float: left;
	width: 250px;
	height: 16px;
}

#form .plz {
	width: 70px;
	margin-right: 4px;
}

#form .ort {
	width: 170px;
}

#form label {
	position: relative;
	top: -3px;
	padding-right: 40px;
	cursor: pointer;
}

#form .labelSpace {
	width: 100px;
}

#form textarea {
	width: 394px;
	height: 96px;
}

#form .submit {
	font-family: Arial, sans-serif;
	font-size: 10px;
	float: right;
	margin-top: 8px;
	padding: 0 20px;
}

#form .class {
	margin: 4px 6px 0 0;
	cursor: pointer;
}

#form .gender {
	margin: 4px 6px 0 0;
	cursor: pointer;
}

#form .topic {
	margin: 4px 6px 0 0;
	cursor: pointer;
}

#form .rowText {
	clear: left;
	height: 16px;
}

#form .rowText .label {
	float: left;
	width: 100px;
	height: 12px;
	padding-top: 4px;
}

#form .rowText .data {
	float: left;
	width: 250px;
	height: 12px;
	padding-top: 4px;
}

#form #inputList {
	clear: left;
}

#form #inputList input {
	float: left;
	width: 20px;
}

#form #inputList .text {
	float: left;
	width: 330px;
	padding: 4px 0 0 0;
}


/* shopFix */

#shopFix {
	position: fixed;
	top: 110px;
	left: 0px;
	z-index: 0;
	width: 100%;
	visibility: hidden;
}
#shopFix .center {
	width: 960px;
	height: 80px;
	margin: 0 auto;
}


/* shopNav */

#shopNav {
	float: left;
	z-index: 100;
	width: 160px;
	min-height: 460px;
	padding: 20px 20px 0 0;
	background: #fff;
	visibility: visible;
}

#shopNav .title {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #ada399;
	height: 16px;
	padding: 2px 6px;
}

#shopNav .content {
	background: #ebe8e6;
	padding: 4px 6px;
	margin-bottom: 30px;
}

#shopNav .content a {
	margin-bottom: 10px;
	cursor: pointer;
}

#shopNav .content a:hover {
	color: #900;
}

#shopNav .item {
//	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: #900;
}

#shopNav .details {
	margin-bottom: 4px;
}

/* shopCart */

#shopCart {
	float: right;
	z-index: 100;
	width: 200px;
	min-height: 460px;
	padding: 20px 0 0 20px;
	text-align: right;
	background: #fff;
	visibility: visible;
}

#shopCart a:hover {
	color: #000;
}

#shopCart .title {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #ada399;
	height: 16px;
	padding: 2px 6px;
}

#shopCart .content {
	background: #ebe8e6;
	padding: 4px 6px;
	margin-bottom: 30px;
}

#shopCart .item {
//	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: #900;
}

#shopCart .details {
	margin-bottom: 4px;
}

#shopCart .checkout {
	width: 160px;
	height: 16px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	background: #ada399 url(../images/cart.png) top left no-repeat;
	border: 1px solid #fff;
	margin: 10px 0 2px 0;
	padding: 2px 0 2px 26px;
	cursor: pointer;
}

#shopCart .checkout:hover {
	border: 1px solid #6a5745;
}

#shopCart .viewcart {
	font-size: 10px;
	width: 180px;
	margin: 10px 4px 2px 4px;
	letter-spacing: 1px;
}

/* shopMain */

#shopMain {
	z-index: 90;
	width: 520px;
	min-height: 460px;
	padding: 20px 0;
	margin: 0 240px 0 200px;
}

#shopMain a {
	color: #000;
}
#shopMain a:hover {
	color: #000;
}

#shopMain .title {
	clear: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #ebe8e6;
	padding-left: 4px;
	margin-bottom: 10px;
}

#shopMain .item {
	position: relative;
	float: left;
	width: 160px;
	height: 180px;
	margin: 0 0 20px 20px;
}

#shopMain .note {
	clear: left;
	position: relative;
	float: left;
	width: 498px;
	border: 1px solid #6a5745;
	background: #ebe8e6;
	margin: 0 0 30px 0;
	padding: 10px;
}

#shopMain .rowStart {
	clear: left;
	margin-left: 0px;
}

#shopMain .item .cover {
	height: 115px;
	margin: 0 0 0 20px;
}

#shopMain .item .organic {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 30px;
	width: 34px;
	background: url(../images/organic.png) no-repeat;
}

#shopMain .item .fair {
	position: absolute;
	top: 36px;
	left: 4px;
	height: 30px;
	width: 30px;
	background: url(../images/fair.png) no-repeat;
}

#shopMain .item .name {
//	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: #900;
}

#shopMain .item .name a {
	color: #900;
}
#shopMain .item .name a:hover {
	color: #900;
}

#shopMain .item .package {
	float: left;
	width: 80px;
}

#shopMain .item .type {
	float: left;
	width: 80px;
}

#shopMain .item .price {
	clear: left;
//	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: #900;
}

#shopMain .item .price a {
	color: #900;
}
#shopMain .item .price a:hover {
	color: #900;
}

/* shopDetails */

#shopDetails {
	position: relative;
	z-index: 90;
	width: 520px;
	font-size: 12px;
}

#shopDetails .cover {
	float: left;
	padding: 0 0 0 0;
}

#shopDetails .organic {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 64px;
	height: 54px;
	background: url(../images/organicBig.png) no-repeat;
}

#shopDetails .fair {
	position: absolute;
	top: 64px;
	left: 5px;
	width: 54px;
	height: 54px;
	background: url(../images/fairBig.png) no-repeat;
}

#shopDetails .name {
	float: right;
	width: 330px;
	font-family: Arial Black, sans-serif;
	font-size: 14px;
	color: #900;
}

#shopDetails .id {
	float: right;
	width: 130px;
}

#shopDetails .package {
	float: right;
	width: 100px;
}

#shopDetails .type {
	float: right;
	width: 100px;
}

#shopDetails .cart {
	clear: right;
	float: right;
	width: 330px;
	margin-top: 20px;
	text-align: center;
}
#shopDetails .cart input{
	padding: 0 40px;
}

#shopDetails .price {
	clear: right;
	float: right;
	width: 320px;
	margin: 10px 0 0 0;
	font-family: Arial Black, sans-serif;
	font-size: 14px;
	color: #900;
}

#shopDetails .fine {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000;
}

#shopDetails .indent {
	margin: 0 0 0 26px;
}

#shopDetails .shipping {
	float: right;
	width: 330px;
	margin: 20px 0 0 0;
	text-align: center;
}

#shopDetails .packaging {
	clear: left;
	float: left;
	width: 190px;
	margin: 20px 0 0 0;
}
#shopDetails .packaging ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#productInfo {
	clear: both;
	width: 520px;
	font-size: 12px;
	padding-top: 20px;
}

#productInfo .title {
	display: none;
}

#productInfo .info {
	padding: 4px 0;
}

#productInfo .rating {
	padding: 4px 0;
}

#productInfo .stars1 {
	background: url(../images/stars1.gif) no-repeat 120px 4px;
}

#productInfo .stars2 {
	background: url(../images/stars2.gif) no-repeat 120px 4px;
}

#productInfo .stars3 {
	background: url(../images/stars3.gif) no-repeat 120px 4px;
}


/* cart */

#cartItem {
	clear: both;
	margin: 0 0 4px 0;
}

#cartItem .count {
	float: left;
	width: 60px;
	height: 30px;
}
#cartItem .count input {
	width: 40px;
	margin: 4px 0;
	text-align: center;
}

#cartItem .item {
	float: left;
	width: 360px;
}

#cartItem .item a {
//	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: #900;
}

#cartItem .price {
	float: left;
	width: 60px;
	padding: 0 5px;
	text-align: right;
}

#cartItem .label {
	text-align: left;
}

#cartItem .details {
	float: left;
	width: 360px;	
}

#cartDivider {
	clear:both;
	border-bottom:1px solid #6a5745;
	height:1px;
	margin-bottom:2px;
}

#cartWeight {
	clear: both;
	float: left;
	width: 165px;
	padding: 0 75px 0 60px;
}

#cartWeight .text {
	float: left;
	width: 110px;
}

#cartWeight .value {
	float: left;
	width: 50px;
	padding: 0 0 0 5px;
	text-align: right;
}

#cartTotal {
	float: left;
	width: 185px;
}

#cartTotal .text {
	float: left;
	width: 110px;
}

#cartTotal .value {
	float: left;
	width: 70px;
	padding: 0 0 0 5px;
	text-align: right;
}

/* legal */

#legal {
	margin: 0 40px 60px 0;
}

#legal li {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 40px;
}

#legal li ol {
	font-size: 10px;
	font-weight: normal;
	margin-top: 10px;
}

#legal li ol li {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}


/* contact */

#map {
	width: 400px;
	height: 400px;
	margin: 10px auto;
	background: #ccc;
	border: 1px solid #6a5745;
	overflow: hidden;
}


/* imprint */

#imprint {
	font-size: 12px;
	margin: 0 40px 60px 0;
}

/* tooltip */

#tooltip {
	position: absolute;
	display: none;
	border: 1px solid white;
	width: 300px;
}

#tooltip .title {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #ada399;
	height: 16px;
	padding: 2px 6px;
}

#tooltip .info {
	background: #ebe8e6;
	padding: 4px 6px;
}

#tooltip .rating {
	background: #ebe8e6;
	padding: 2px 0 4px 6px;
}

#tooltip .stars1 {
	background: #ebe8e6 url(../images/stars1.gif) no-repeat 120px 0px;
}

#tooltip .stars2 {
	background: #ebe8e6 url(../images/stars2.gif) no-repeat 120px 0px;
}

#tooltip .stars3 {
	background: #ebe8e6 url(../images/stars3.gif) no-repeat 120px 0px;
}

/* infoMain */

#infoMain {
	z-index: 90;
	width: 760px;
	min-height: 460px;
	padding: 20px 0;
	margin: 0 0 0 200px;
}
#infoMain h1 {
	margin-top: 0;
}

#infoMain .content {
	clear: both;
	margin-bottom: 40px;
}

#infoMain .content img {
	float: right;
	margin-left: 20px;
}

#infoMain a {
	color: #000;
}
#infoMain a:hover {
	color: #900;
}

/* infoFix */

#infoFix {
	position: fixed;
	top: 110px;
	left: 0px;
	z-index: 0;
	width: 100%;
	visibility: hidden;
}
#infoFix .center {
	width: 960px;
	height: 80px;
	margin: 0 auto;
}

/* shopNav */

#infoNav {
	float: left;
	z-index: 100;
	width: 160px;
	min-height: 100px;
	padding: 20px 20px 0 0;
	background: #fff;
	visibility: visible;
}

#infoNav .title {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #ada399;
	height: 16px;
	padding: 2px 6px;
}

#infoNav .content {
	background: #ebe8e6;
	padding: 4px 6px;
	margin-bottom: 30px;
}

#infoNav .content a {
	margin-bottom: 10px;
	cursor: pointer;
}

#infoNav .content a:hover {
	color: #900;
}

/* Specs */

.specsBag {
	float: left;
	width: 196px;
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
}
.specsBag .size {
	background: #ada399;
	padding: 8px 2px 0 2px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.specsBag .type {
	background: #ada399;
	padding: 2px;
	margin-bottom: 1px;
	text-align: center;
}
.specsBag .labelHead {
	background: #ebe8e6;
	padding: 2px;
	text-align: center;
	font-size: 12px;
}
.specsBag .labelFront {
	background: #ebe8e6;
	padding: 2px;
}
.specsBag .labelBack {
	background: #ebe8e6;
	padding: 2px;
}
.specsBag .packHead {
	background: #ebe8e6;
	padding: 2px;
	margin-top: 1px;
	text-align: center;
}
.specsBag .packSize {
	background: #ebe8e6;
	padding: 2px;
	text-align: center;
	font-size: 12px;
}

.specsCan {
	float: left;
	width: 196px;
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
}
.specsCan .size {
	background: #ada399;
	padding: 8px 2px 0 2px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.specsCan .type {
	background: #ada399;
	padding: 2px;
	margin-bottom: 1px;
	text-align: center;
}
.specsCan .canHeight {
	background: #ebe8e6;
	padding: 2px;
}
.specsCan .canDiam {
	background: #ebe8e6;
	padding: 2px;
}
.specsCan .labelHead {
	background: #ebe8e6;
	padding: 2px;
	margin-top: 1px;
	text-align: center;
	font-size: 12px;
}
.specsCan .labelHight {
	background: #ebe8e6;
	padding: 2px;
	font-size: 12px;
}
.specsCan .labelWidth {
	background: #ebe8e6;
	padding: 2px;
	font-size: 12px;
}
.specsCan .labelNote {
	background: #ebe8e6;
	padding: 2px;
}
.specsCan .packHead {
	background: #ebe8e6;
	padding: 2px;
	margin-top: 1px;
	text-align: center;
}
.specsCan .packSize {
	background: #ebe8e6;
	padding: 2px;
	text-align: center;
	font-size: 12px;
}

.roastPrices {
	width: 550px;
	list-style: none;
	padding: 0;
}
.roastPrices .title {
	clear: both;
	margin-top: 10px;
	padding: 2px;
	font-size: 12px;
	background: #ebe8e6;
}
.roastPrices .item {
	clear: both;
	float: left;
	width: 450px;
	padding: 2px;
}
.roastPrices .price {
	float: right;
	width: 80px;
	padding: 2px;
	text-align: right;
}