@import url("contentbuilder.css");  /* Definitions for the ContentBuilder */
@import url("footer.css");          /* Definitions for the footer */
@import url("header.css");          /* Definitions for the header */
@import url("menubar.css");         /* Definitions for the menubar */
@import url("header1.css");         /* Definitions for the header for Mandator 1 */
@import url("header2.css");         /* Definitions for the header for Mandator 2 */
@import url("header3.css");         /* Definitions for the header for Mandator 3 */
@import url("header6.css");         /* Definitions for the header for Mandator 6 */
@import url("header7.css");         /* Definitions for the header for Mandator 7 */
@import url("header9.css");         /* Definitions for the header for Mandator 9 */
@import url("header11.css");        /* Definitions for the header for Mandator 11 */
@import url("header12.css");        /* Definitions for the header for Mandator 12 */
@import url("header13.css");        /* Definitions for the header for Mandator 13 */
@import url("header14.css");        /* Definitions for the header for Mandator 14 */
@import url("header15.css");        /* Definitions for the header for Mandator 15 */
@import url("header16.css");        /* Definitions for the header for Mandator 16 */
@import url("leftnavi.css");        /* Definitions for the navigation on the lefst side */
@import url("leftnavi_coffeeworld.css");        /* Definitions for the navigation on the left side for coffeeworld */
@import url("product.css");         /* Definitions for the products */
@import url("rightbox.css");        /* Definitions for the box on the right side */
@import url("search.css");          /* Definitions used in Search-Sites*/
@import url("sitemap.css");         /* Definitions for the sitemap */
@import url("spacer.css");          /* Definitions of Spacers*/
@import url("teaser.css");          /* Definitions for Teasers*/
@import url("coffeeworld_content.css");          /* Definitions for Teasers*/

/* Basic and general Definitions */

html {
  scrollbar-face-color: #d9d9d9;
	scrollbar-highlight-color: #d9d9d9;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #d9d9d9;
	scrollbar-arrow-color: #949494;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: white;
	scrollbar-base-color : #d9d9d9;
}

body {
	background-color: #FFFFFF;
	margin: 0;
}


img {
	border: none;
}

#main {
	border: none;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 0;
	margin: auto;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 1;
	top: 30px;
	margin: 0;
	width: 960px;
}

#volume {
	background: #FFFFFF url(images/pixel_d9d9d9.gif) repeat-y scroll 159px 0;
	display: inline;
	float: left;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 10;
}

#volume ul {
/* generelle Liste */
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.link:hover,
#volume #ContentBuilder a:hover,
.searchResult .address a.link:hover,
.teaser2Cols .teasercontent a:hover,
.productpicture a:hover,
.teasertext a:hover,
.teasertext600 a:hover,
.themenTeaser .teasercontent a:hover,
.themenTeaserSmall .teasercontent a:hover,
.contact a:hover, .contact a.txtLink:hover,
#volume #maincontent #innercontent a.txtLink:hover,
#volume #innercontent .cutleryCompare a.productLink:hover,
.productTeaserBig .rightElement ul a:hover,
.eventSearchResultItem .textWithImage a.backLink:hover,
.eventSearchResultItem .textWithImage a.pdfLink:hover,
#volume #BasketForm a.txtLinkFett:hover,
.navipointList a:hover,
.wishlistList a:hover,
#HomepageGreatTeaser .leftElement a.txtLink:hover,
#HomepageGreatTeaserWhite .leftElement a.txtLink:hover,
a.noarrowlink:hover,
.teasertext a.noarrowlink:hover {
  color: #E60003;
}

#volume #campaignHeader ul.lifix {
	display: none;
	line-height: 19px;
  width: 2px;
}

#volume #campaignHeader ul.lifix p{
  display: none;
}

#volume #content {
	background: url(images/pixel_f0f0f0_160.gif) repeat-y scroll 800px 0;
	display: inline;
	float: left;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
  width: 960px;
	z-index: 11;
}

#volume #content #startLeft,
#volume #content #startLeft404 {
	clear: left;
  float: left;
  height: 250px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
  width: 319px;
}

#volume #content #startLeft h1{
  padding: 5px 20px 0px 20px;
  width: 279px;
}

#volume #content #startLeft404 h1 {
  padding: 5px 20px 0px 20px;
  width: 279px;
  font-size: 25px;
}

#volume #content #startLeft span.teasertext,
#volume #content #startLeft404 span.teasertext {
  bottom: 0px;
  clear: left;
  display: block;
  float: none;
  left: 0px;
  padding: 0px 20px 15px 20px;
  position: absolute;
  text-align: right;
  vertical-align: baseline;
  width: 279px;
}

#volume #content #startLeft span.teasertext b,
#volume #content #startLeft404 span.teasertext b {
  vertical-align: bottom;
}

#volume #content #startLeft a.txtLink,
#volume #content #startLeft404 a.txtLink {
  background-color: transparent;
  clear: none;
  display: inline;
  float: right;
}

#volume #content #startLeft span.teasertext a.txtLink,
#volume #content #startLeft404 span.teasertext a.txtLink {
  background-color: transparent;
  clear: none;
  display: inline;
  float: none;
}

#volume #content #startRight {
  float: left;
  height: 250px;
	margin: 0;
	overflow: hidden;
	padding: 0px 0px 0px 1px;
	position: relative;
  width: 480px;
}

#volume #breadcrumb {
  background-color: #FFFFFF;
  border-top: 5px solid #949494;
  border-right: 1px solid #FFFFFF;
  clear: left;
  color: #949494;
  display: inline;
  float: left;
  line-height: 14px;
  height: auto;
  overflow: visible;
  position: relative;
  text-align: left;
  width: 639px;
}

#volume #breadcrumb ul {
  clear: none;
	display: inline;
  float: left;
	list-style-type: none;
	padding: 8px 0px 8px 20px;
}

#volume #breadcrumb ul li{
	display: inline;
  margin: 0;
  padding: 0;
}

#volume #breadcrumb a {
	font-size: 10px;
	color: #949494;
}

#volume #breadcrumb a:hover {
	color: #4c4c4c;
}

#volume #maincontent {
  clear: none;
	color: #4c4c4c;
	display: inline;
	float:right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 800px;
}

#volume #maincontent #innercontent {
  background-color: #FFFFFF;
  clear: left;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0px 20px 20px 20px;
  position: relative;
  width: 600px;
}

#volume #maincontent #homepagecontent {
  background-color: #FFFFFF;
	clear: left;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
}

#volume #maincontent #contentFooter {
	clear: left;
	display: inline;
	float: left;
	line-height: 18px;
	margin: 0px 20px 0px 0px;
	padding-bottom: 20px;
	position: relative;
  top: 0px !important;
	text-align: right;
	vertical-align: top;
	width: 620px;
}

#volume #maincontent #contentFooter ul {
	display: inline;
	list-style-type: none;
  margin: 0;
	padding: 0px 1px 0px 0px;
}

#volume #maincontent #contentFooter ul li{
	display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#volume #maincontent #contentFooter a {
  background-image: none;
	color: #949494;
	display: inline;
	font-size: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#volume #maincontent #contentFooter a:hover {
	color: #949494;
	display: inline;
	text-decoration: none;
}

#volume #maincontent #contentFooter img{
	border: 1px solid #B2B2B2;
	margin: 0px -4px 0px 0px;
}


#volume #rightBox input,
#volume #innercontent .sucheInput input {
	background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
	display: inline;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 14px;
	width: 105px;
}

h1 {
	clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 10px 0px 0px;
  page-break-after:avoid;
	position: relative;
	width: 600px;
}

h1.red {
	clear: both;
	color: #E60003;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 10px 0px 0px;
  page-break-after:avoid;
	position: relative;
	width: 600px;
}

h1.basketred {
	clear: both;
	color: #E60003;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 10px 0px 0px;
  page-break-after:avoid;
	position: relative;
	width: 300px;
}

h2 {
	clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 10px 0px 0px;
  page-break-after:avoid;
	position: relative;
	width: 600px;
}

h2.bgGrey {
  background-color: #F0F0F0;
  padding: 5px 0px 5px 10px;
  width: 590px;
}

h2.bgGreySmall {
  background-color: #F0F0F0;
  padding: 0px 0px 0px 2px;
  width: 598px;
}

.boxGrau {
  background-color: #F0F0F0;
  line-height: 11px;
}

b.big {
  font-size: 12px;
}

img.BasketImage {
  clear: both;
  display: block;
  float: left;
  position: relative;
}

td {
  color: #4C4C4C;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.head1114 {
  clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	position: relative;
  width: 600px;
}

.head11420 {
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	font-weight: bold;
	text-decoration: none;
}

.head21420 {
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	text-decoration: none;
}

.txt0911 {
  font-size: 9px;
	line-height: 11px;
	text-decoration: none;
}

.txt1114 {
  clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
	font-size: 11px;
	line-height: 14px;
 	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
	text-decoration: none;
}

.txtFett1114 {
  clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
 	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
	text-decoration: none;
}

#innercontent td span.txtFett1114 {
  clear: none;
	color: #4C4C4C;
	display: inline;
	float: none;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
 	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
	text-decoration: none;
}

.txt1420 {
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
}

.txt10Red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E60003;
	text-decoration:none;
}

.eingabe {
  background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
  height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  vertical-align: middle;
	width: auto;
}

.eingabe2 {
  background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
  height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  vertical-align: middle;
	width: auto;
}

.eingabe3 {
  background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
  height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  vertical-align: middle;
	width: auto;
}

.eingabe_invalid {
	background-color: #EEB3C7;
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  vertical-align: middle;
	width: auto;
}

.aktionshead1420 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	font-weight: bold;
	text-decoration: none;
}

.txtRot11, .txtrot11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E60003;
}

.txtRot11fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
	color: #E60003;
  clear: both;
  float: none;
}

.txtFettRot11 {
  clear: none;
	color: #E60003;
  float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
}

.txtRot12Fett {
  clear: both;
 	color: #E60003;
  float: none;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: bold;
}

.txtFettRot14 {
  clear: none;
	color: #E60003;
  float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
}

.txtStattpreis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #4C4C4C;
	text-decoration:none;
}

td.txtPreis,
td span.txtPreis {
  color: #4C4C4C;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
	text-decoration:none;
}

td.txtPreisred,
td span.txtPreisred,
td span.txtFett1114red {
  color: #E60003;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
	text-decoration:none;
}

a.noarrowlink,
.teasertext a.noarrowlink {
  background-color: transparent;
  background-image: none;
  clear: none;
  color: #4C4C4C;
  float: none;
  font-size: 11px;
  font-weight: normal;
  padding: 0;
  text-decoration: underline;
}


.sortimentsbild {
	border:#d9d9d9 1px solid;
}

.teasertext {
	color: #4C4C4C;
	clear: left;
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
	position: relative;
	width: 440px;
}

.teasertext a {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px;
	color: #4C4C4C;
	float: left;
  font-size: 11px;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

.teasertextArtNr {
	color: #4C4C4C;
	clear: left;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	position: relative;
	width: 290px;
}

.teasertext600 {
	color: #4C4C4C;
	clear: left;
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;
	position: relative;
	width: 600px;
}

.teasertext600 a {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px 2px;
	color: #4C4C4C;
	float: none;
  font-size: 11px;
	font-weight: normal;
  margin-left: 2px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

.beschreibicons {
  border-left: 1px solid #D9D9D9;
  clear: right;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 139px;
}

.beschreibicons b {
  padding: 0px 0px 0px 10px;
}

.beschreibicons .icons{
  clear: none;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 120px;
}

.beschreibicons ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 129px;
}

.beschreibicons ul li{
	clear: both;
	line-height: 14px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
	vertical-align: top;
}

ul.pdf {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 450px;
}

ul.pdf li{
	clear: both;
  display: inline;
	line-height: 14px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
	vertical-align: top;
  float: left;
}

ul.pdf a {
	background: #FFFFFF url(images/pdf_icon.gif) no-repeat 0px;
	color: #4C4C4C;
  display: inline;
	float: left;
  font-weight: bold;
  line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	vertical-align: top;
}

ul.pdf p {
  clear: left;
	color: #4C4C4C;
  display: inline;
	float: left;
  line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	vertical-align: top;
}

#volume #campaignHeader {
	clear: both;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	position: relative;
  vertical-align: middle;
	width: 600px;
}

#volume #campaignHeader a.selected {
	background: url(images/pfeil_weiss.gif) no-repeat 0px;
  color: #FFFFFF;
	display: inline;
  font-weight: bold;
  margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 10px;
  position: relative;
	text-decoration: none;
  width: auto;
}

#volume #campaignHeader a.focused {
	background-image: none;
  color: #FFFFFF;
	display: inline;
  font-weight: normal;
  margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 10px;
  position: relative;
	text-decoration: none;
  width: auto;
}

#volume #CampaignNaviLeft {
  clear: none;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  width: auto;
}

#volume #CampaignNavigation {
	clear: none;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  position: relative;
	width: 70%;
}

#volume #CampaignNavigation ul {
	clear: none;
	display: inline;
  float: left;
	list-style-type: none;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  position: relative;
	text-decoration: none;
  width: auto;
}

#volume #CampaignNavigation ul li,
#volume #CampaignNavigation ul li p {
	display: inline;
  float: left;
  line-height: 14px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#volume #CampaignNavigation ul li.lifix {
  line-height: 1px;
}

#volume #CampaignNavigation ul li.lifix p {
  display: none;
}

#volume #CampaignNavigation a {
  clear: none;
	display: inline;
  float: left;
  color: #FFFFFF;
	margin: 0px 9px 0px 9px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  white-space: nowrap;
}

#volume #CampaignNavigation a:hover {
	text-decoration: underline;
}

#volume span#CampaignNaviLeft {
  line-height: 14px;
  margin: 0;
  padding: 5px 0px 5px 0px;
}

#volume #CampaignNaviLeft a.selected {
	background: transparent url(images/pfeil_weiss.gif) no-repeat 0px 1px;
	display: inline;
  font-weight: bold;
  left: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;
}

#volume #CampaignNavigation a.selected {
	background: url(images/pfeil_weiss.gif) no-repeat 0px 1px;
	display: inline;
  font-weight: bold;
  margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;
}

#volume #CampaignNavigation a.focused {
	background-image: none;
	display: inline;
  font-weight: normal;
  margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;
}

#volume #CampaignContents {
  clear: both;
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 299px;
}

#volume #CampaignContents h1 {
  padding: 0px 0px 10px 0px;
  width: 299px;
}

#volume #CampaignContents h1#Headline {
  width: 600px;
}

#volume #CampaignContents #Text {
  width: 299px;
}

#volume #innercontent input.hide,
#volume #rightBox input.hide {
  display: none;
  visibility: hidden;
}

#volume #innercontent .ordersteph1 {
  clear: none;
  color: #E60003;
	display: inline;
  float: right;
  font-size: 14px;
	font-weight: bold;
	line-height: 20px
  margin: 0;
  padding: 0;
}

#volume #innercontent .orderinfo {
  background: #949494 url(images/symbol_info_949494.jpg) no-repeat 10px 10px;
  clear: both;
  display: inline;
  float: left;
  min-height: 33px;
  margin: 10px 0px 0px 0px;
  padding: 10px 20px 10px 53px;
  width: 527px;
}

#volume #innercontent .orderinfoerror {
  background: #E60003 url(images/symbol_error_e60003.jpg) no-repeat 10px 10px;
  clear: both;
  display: inline;
  float: left;
  min-height: 33px;
  margin: 10px 0px 0px 0px;
  padding: 10px 20px 10px 53px;
  width: 530px;
}

#volume #innercontent .orderinfo table,
#volume #innercontent .orderinfoerror table {
  height: 33px;
}

#volume #innercontent .orderinfo table td,
#volume #innercontent .orderinfoerror table td {
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: middle;
}

#volume #innercontent #buttonFettRot {
  background-color: #e60003;
  height: 30px;
  text-align: center;
  width: 150px;
}

#volume #innercontent .orderstep span {
  line-height: 17px;
  margin: 0;
  padding: 0px 5px 0px 4px;
  width: 17px;
}

#volume #innercontent .orderstep span.darkgrey {
  background-color:#F0F0F0;
  border: 1px solid #4C4C4C;
  color: #4C4C4C;
  font-weight: bold;
}

#volume #innercontent .orderstep span.lightgrey {
  border: 1px solid #949494;
  color: #949494;
}

#volume #innercontent .orderstep span.orderstepspacer {
  color: #FFFFFF;
  padding: 0px 1px 0px 1px;
}

#volume #innercontent .contact,
#volume #innercontent .cutleryCompare {
  clear: left;
  display: inline;
  float: left;
  width: 600px;
}

#volume #innercontent .contact select {
	border: 1px solid #B2B2B2;
	color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
  height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  vertical-align: middle;
	width: 200px;
}

#volume #innercontent .contact a {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px;
  clear: left;
	color: #4C4C4C;
	float: left;
  font-size: 11px;
	font-weight: normal;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

#volume #innercontent .contact a.buttonFettweiss11 {
	background: #E60003 url(images/pfeil_weiss.gif) no-repeat 5px;
  clear: left;
  color: #ffffff;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
  margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 15px;
	text-decoration: none;
}

#volume #innercontent .contact td {
  height: 20px;
}

#volume #innercontent .cutleryCompare a.buttonFett1114 {
  background: transparent url(images/pfeil.gif) no-repeat 4px 3px;
  border: 1px solid #B2B2B2;
  clear: left;
  color: #4C4C4C;
	font-size: 11px;
  font-weight: bold;
	line-height: 28px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

#volume #innercontent .cutleryCompare .productLeft {
  border-right: 1px solid #D9D9D9;
  clear: left;
  display: inline;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  position: relative;
  width: 269px;
}

#volume #innercontent .cutleryCompare .productRight {
  border-left: 1px solid #D9D9D9;
  clear: none;
  display: inline;
  float: left;
  margin: 0px 0px 0px -1px;
  padding: 0px 0px 0px 20px;
  position: relative;
  width: 270px;
}

#volume #innercontent .cutleryCompare .productImage {
  clear: left;
  display: inline;
  float: left;
  height: 255px;
}

#volume #innercontent .cutleryCompare .productImage img.productBig {
  border: none;
  clear: left;
  float: left;
  height: 250px;
  margin: 0;
  padding: 0px 0px 0px 4px;
  position: relative;
  width: 250px;
}

#volume #innercontent .cutleryCompare .productText {
  clear: left;
  display: inline;
  float: left;
  position: relative;
  width: 100%;
}


#volume #innercontent .cutleryCompare .disturber {
	background-color: #E60003;
  clear: left;
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#volume #innercontent .cutleryCompare .head11420{
  left: 0px;
  position: relative;
  top: 0px;
  clear:both;
  display:block;
}

#volume #innercontent .cutleryCompare .txtRot11 {
  clear: left;
  float: left;
  line-height: 14px;
}

#volume #innercontent .cutleryCompare span.txt1114 {
  clear: left;
  float: left;
  line-height: 14px;
  top: 5px;
}

#volume #innercontent .cutleryCompare .productLinks {
  clear: left;
  float: left;
  padding: 0px 0px 0px 10px;
  width: 240px;
}

#volume #innercontent .cutleryCompare a.productLink {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px 2px;
  clear: none;
	color: #4C4C4C;
  display: inline;
	float: none;
  font-size: 11px;
	font-weight: normal;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

#volume #innercontent .cutleryCompare .txtPreis {
  font-size: 12px;
  font-weight: bold;
}

#volume #innercontent .cutleryCompare ul {
  clear: left;
  display: inline;
  float: left;
  line-height: 16px;
  margin: 0;
  padding: 5px 0px 0px 0px;
}


#volume #maincontent #innercontent #topSitemapItems {
  clear: left;
  display: inline;
  float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
  width: 600px;
}

#volume #maincontent #innercontent #leftSitemapItems {
  background-color: #FFFFFF;
  clear: left;
  display: inline;
  float: left;
  margin: -10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  width: 600px;
}

#volume #maincontent #innercontent a.txtLink {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px;
  clear: none;
	color: #4C4C4C;
  display: inline;
	float: none;
  font-size: 11px;
	font-weight: normal;
  margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

#volume #maincontent #innercontent .errorSite {
  clear: left;
  display: inline;
  float: left;
  height: 300px;
  margin: 0px 0px 0px 0px;
  padding: 70px 0px 0px 100px;
  width: 680px;
}

#volume #maincontent #innercontent .errorSite .txtFettRot14 {
  clear: left;
  color: #E60003;
  display: inline;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  width: 100%;
}

#volume #maincontent #innercontent .errorSite .txtFettRot11 {
  clear: left;
  color: #E60003;
  display: inline;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  width: 100%;
}

#volume #maincontent #innercontent .errorSite a.buttonTxt11 {
  background: transparent url(images/pfeil.gif) no-repeat 4px 3px;
  border: 1px solid #B2B2B2;
  clear: left;
  color: #E60003;
	font-size: 11px;
  font-weight: bold;
	line-height: 28px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

#volume #maincontent #innercontent .designHistory {
  clear: left;
  display: inline;
  float: left;
  margin: 0;
  padding: 75px 0px 0px 0px;
  width: 100%;
}

.productList ul.Navi,
#innercontent ul.SearchAllReiter {
	background: #FFFFFF url(images/pixel_d9d9d9.gif) repeat-x bottom;
	clear: left;
	display: inline;
	float: left;
	list-style-type: none;
  overflow: visible;
	width: 600px;
}

.productList ul.Navi li,
#innercontent ul.SearchAllReiter li {
	background: #F0F0F0;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	border-top: 1px solid #D9D9D9;
	display: inline;
	float: left;
/*  line-height: 23px;*/
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

.productList ul.Navi li a,
#innercontent ul.SearchAllReiter li a {
  clear: both;
	color: #4C4C4C;
	display: inline;
	float: left;
  font-size: 11px;
  line-height: 23px;
  margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
  white-space: nowrap;
}

.productList ul.Navi li a:hover,
#innercontent ul.SearchAllReiter li a:hover {
  background-color: #D0D0D0;
	color: #4C4C4C;
  line-height: 23px;
  margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
  white-space: nowrap;
}

.productList ul.Navi li.selected {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	border-top: 1px solid #D9D9D9;
	color: #E60003;
	display: inline;
	float: left;
	font-weight: bold;
  margin: 0px 0px 0px 0px;
	padding: 5px 15px 4px 15px;
}

#innercontent ul.SearchAllReiter li.selected {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	border-top: 1px solid #D9D9D9;
	color: #E60003;
	display: inline;
	float: left;
	font-weight: bold;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#innercontent ul.SearchAllReiter li.selected a {
  color: #E60003;
}

#innercontent ul.SearchAllReiter li.selected a:hover {
  background-color: #FFFFFF;
}

.productList ul.Navi li.lifix,
#innercontent ul.SearchAllReiter li.lifix {
	background-color: #FFFFFF;
	border-bottom: none;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	border-top: none;
  height: 24px;
 	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#volume .BasketForm,
#volume .BasketFormCheckout {
  clear: left;
  display: inline;
  float: left;
  margin:0 ;
  padding: 0;
  position: relative;
  width: 600px;
}

#volume .BasketForm #Positions,
#volume .BasketFormCheckout #Positions,
#volume .BasketForm #CampaignForm,
#volume .BasketFormCheckout #CampaignForm,
#volume .BasketForm #CampaignInfo,
#volume .BasketFormCheckout #CampaignInfo,
#volume .BasketForm #ReviewAdress,
#volume .BasketFormCheckout #ReviewAdress {
  clear: both;
  display: inline;
  float: left;
  position: relative;
  width: 600px;
}

#volume .BasketForm #ReviewAdress a.changeOrder,
#volume .BasketFormCheckout #ReviewAdress a.changeOrder {
  background: transparent url(images/pfeil.gif) no-repeat 4px 2px;
  border: none;
  clear: none;
  color: #4C4C4C;
	font-size: 11px;
  font-weight: normal;
  float: none;
	line-height: 16px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: underline;
  vertical-align: middle;
  width: auto;
}

#volume .BasketForm #CouponCustomerArea,
#volume .BasketFormCheckout #CouponCustomerArea {
  clear: none;
  display: inline;
  float: left;
  padding: 20px 0px 0px 0px;
  position: relative;
  vertical-align: middle;
  width: 140px;
}

#volume .BasketForm #CouponInputArea {
  clear: both;
  display: inline;
  float: left;
  padding: 20px 0px 0px 0px;
  position: relative;
  vertical-align: middle;
  width: 600px;
}

#volume .BasketForm #CouponSummaryArea {
  clear: none;
  display: inline;
  float: right;
  margin: 0px 0px 0px 0px;
  overflow: visible;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-align: right;
  width: 360px;
}

#volume .BasketForm #Summary {
  clear: none;
  display: inline;
  float: right;
  margin: 0px 50px 0px 0px;
  position: relative;
  text-align: right;
  width: 360px;
}

#volume .BasketFormCheckout #Summary {
  clear: none;
  display: inline;
  float: right;
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align: right;
  width: 360px;
}

#volume .BasketForm tr.boxGrau,
#volume .BasketFormCheckout tr.boxGrau {
  background-color: #F0F0F0;
}

#volume .BasketForm a.txtLinkFett {
	background: transparent url(images/pfeil.gif) no-repeat 0px;
  color: #4C4C4C;
	font-size: 11px;
	font-weight: bold;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

#volume .BasketForm td.spacer5,
#volume .BasketFormCheckout td.spacer5 {
  line-height: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#volume .BasketForm .txtPreis,
#volume .BasketFormCheckout .txtPreis,
#volume #maincontent #innercontent .contact .txtPreis {
  font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}

#volume .BasketForm .txtPreisRed,
#volume .BasketFormCheckout .txtPreisRed,
#volume #maincontent #innercontent .contact .txtPreisRed {
  color: #E60003;
  font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}

#volume .BasketForm td.txtFett1114,
#volume .BasketFormCheckout td.txtFett1114 {
  clear: none;
	color: #4C4C4C;
	display: block;
	float: none;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
 	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: static;
  width: auto;
}

#volume .BasketForm .txtFett1114Red,
#volume .BasketFormCheckout .txtFett1114Red {
  clear: none;
	color: #E60003;
	display: inline;
	float: none;
	font-size: 11px;
  font-weight: bold;
	line-height: 14px;
 	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: static;
  width: auto;
}

#volume .BasketForm #Summary td.Label {
  font-size: 11px;
  line-height: 14px;
  width: 410px;
}

#volume .BasketForm #CouponSummaryArea td.Label {
  font-size: 11px;
  line-height: 14px;
  width: 302px;
}

#volume .BasketFormCheckout #Summary td.Label {
  font-size: 11px;
  line-height: 14px;
  width: 490px;
}

#volume .BasketForm #Summary td.Value,
#volume .BasketFormCheckout #Summary td.Value,
#volume .BasketForm #CouponSummaryArea td.Value {
  line-height: 14px;
  white-space: nowrap;
  width: 110px;
}

#volume .BasketForm #Summary td.ValueOrder,
#volume .BasketForm #CouponSummaryArea td.ValueOrder {
  line-height: 14px;
  vertical-align: top;
  width: 110px;
}

#volume .BasketForm #CouponSummaryArea td.SelBox {
  line-height: 14px;
  vertical-align: top;
  width: 28px;
}

#volume .BasketEnd {
  clear: both;
  display: inline;
  float: left;
  position: relative;
  width: 520px;
}

#volume .BasketTopseller {
  clear: both;
  display: inline;
  float: left;
  position: relative;
  width: 600px;
}

.form-button-back,
h1.red a.contShop,
#volume .BasketEnd a.contShop,
#volume #innercontent .orderinfoerror a.contShop,
.form-block-check a.contShop {
  background: #FFFFFF url(images/pfeil.gif) no-repeat 4px;
	border: 1px solid #B2B2B2;
  clear: left;
  color: #4C4C4C;
  display: inline;
  float: left;
  font-size: 11px;
  line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 14px;
  text-decoration: none;
}

#volume .BasketTopseller a.contShop {
  background: #FFFFFF url(images/pfeil.gif) no-repeat 4px;
	border: 1px solid #B2B2B2;
  clear: left;
  color: #4C4C4C;
  display: inline;
  float: right;
  font-size: 11px;
  line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 14px;
  text-decoration: none;
}

.form-button-back:hover,
h1.red a.contShop:hover,
#volume .BasketEnd a.contShop:hover,
#volume .BasketTopseller a.contShop:hover {
  color: #E60003;
  text-decoration: underline;
}

#volume .BasketEnd .rightElement {
  background-color: #E60003;
  clear: none;
  display: inline;
  float: right;
  padding: 1px 0px 1px 0px;
  text-align: center;
  width: 120px;
}

#volume .BasketEnd a.finShop {
  background: #E60003 url(images/pfeil_weiss.gif) no-repeat 4px;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 14px;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#volume a.weissAufRotFett {
  background: #E60003 url(images/pfeil_weiss.gif) no-repeat 4px;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 14px;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#volume #maincontent #innercontent a.buttonTxt11White {
  background: #FFFFFF url(images/pfeil.gif) no-repeat 4px 3px;
  border: 1px solid #B2B2B2;
  clear: left;
  color: #E60003;
	font-size: 11px;
  font-weight: bold;
	line-height: 28px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

#volume #maincontent #innercontent a.buttonTxt11White:hover {
  text-decoration: underline;
}

#volume #maincontent #innercontent .login {
  clear: left;
  display: inline;
  float: left;
  padding: 0px 0px 0px 30px;
  width: 530px;
}

a.wListButtonTxt11 {
  background: transparent url(images/pfeil.gif) no-repeat 4px 2px;
  border: none;
  clear: left;
  color: #E60003;
	font-size: 11px;
  font-weight: bold;
	line-height: 16px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: none;
  vertical-align: middle;
  width: 200px;
}

a.wListButtonTxt11Black {
  background: transparent url(images/pfeil.gif) no-repeat 4px 2px;
  border: none;
  clear: left;
  color: #000000;
	font-size: 11px;
  font-weight: bold;
	line-height: 16px;
  margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 12px;
	text-decoration: none;
  vertical-align: middle;
  width: 220px;
}

a.wListButtonTxt11:hover,
a.wListButtonTxt11Black:hover {
  text-decoration: underline;
}

#volume #maincontent #innercontent .contact a.noPic {
  background-image: none;
  padding: 0;
}

.listContainer {
  clear: both;
  display: block;
  float: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  page-break-after: auto !important;
  page-break-before: auto !important;
  page-break-inside: avoid !important;
  width: 600px;
}

.galleryPic {
	float: left;
	height: 130px;
	margin: 0;
  overflow: visible;
	position: relative;
	width: 120px;
}

.galleryPic a.image {
  clear: left;
	background-image: none;
  float: left;
	height: 90px;
	left: 20px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 120px;
}

.galleryPic a.link {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px 2px;
	clear: left;
	color: #4C4C4C;
  display: inline;
	float: left;
  font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	position: absolute;
	text-decoration: underline;
	top: 120px;
}

#volume .BasketFormCheckout .iFrameBox {
  clear: left;
  display: inline;
  float: left;
  width: 600px;
}

#volume .BasketFormCheckout .iFrameBox iframe {
  border: none;
  clear: left;
  display: inline;
  float: left;
  height: 150px;
  width: 600px;
}

input#proceed {
  background: #E60003 url(images/pfeil_weiss.gif) no-repeat 40px 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0px 4px 0px 14px;
  text-align: center;
  text-decoration: none;
  width: 130px;
  height: 30px;
}

input#proceed.SubmitButton {
  background: #E60003 url(images/pfeil_weiss.gif) no-repeat 18px 10px;
  width: 180px;
  height: 30px;
}

#previewinfo {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: red;
}

a.link {
	background: #FFFFFF url(images/pfeil.gif) no-repeat 0px 2px;
  clear: none;
	color: #4C4C4C;
	float: none;
  font-size: 11px;
	font-weight: normal;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

/*
  Content Styles
*/
#highlights ul li a {
  cursor: default;
}

.ui-widget-header {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.ui-tabs .ui-tabs-nav li {
  margin: 0 -1px -1px 0;
  border-bottom: 1px solid #D9D9D9 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 0px;
  border-bottom: 1px solid #ffffff !important;
}

.ui-tabs .ui-tabs-nav LI A {
  padding-left: 6px;
  padding-right: 6px;
}


/*   Coffeeworld Hintergründe for different Templates     */

#volume #content_coffee_area{
  background: #020202 url(images/coffee/wmf-de_t1_einstieg.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_area_product{
  background: #020202 url(images/coffee/wmf-de_t2_produktbereich.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}


#volume #content_coffee_product_overview{
  background: #020202 url(images/coffee/wmf-de_t3_produktuebersicht.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_model_compare{
  background: #020202 url(images/coffee/wmf-de_t3_produktuebersicht_vergleich-auswahl.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_model_compare_result{
  background: #020202 url(images/coffee/wmf-de_t3_produktuebersicht_vergleich-ergebnis.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}


/*
#volume #content_coffee_t3_produktuebersicht_vergleich-ergebnis{
	background: #020202 url(images/coffee/wmf-de_t3_produktuebersicht_vergleich-ergebnis.jpg) no-repeat ;
}*/

#volume #content_coffee_product_intro_start{
  background: #020202 url(images/coffee/wmf-de_t4_produkteinstieg.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_product_intro_detail{
  background: #020202 url(images/coffee/wmf-de_t4_produkteinstieg_detail.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_product_detail{
  background: #020202 url(images/coffee/wmf-de_t5_produktdetail.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_news_and_events{
  background: #020202 url(images/coffee/wmf-de_t6_news-events.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_slideshow{
  background: #020202 url(images/coffee/wmf-de_t7_kaffeewissen.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_text_content{
  background: #020202 url(images/coffee/wmf-de_t8_text.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume #content_coffee_content_include{
  background: #020202 url(images/coffee/wmf-de_t8_text.jpg) no-repeat ;
  display: inline;
  float: left;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 960px;
  z-index: 11;
}

#volume div.coffeeworld #breadcrumb {
  background-color: transparent;
  border-right: 0px;
  color: #CCCCCC;
}

#volume div.coffeeworld #breadcrumb a{
  color: #CCCCCC;
}


#volume div.coffeeworld  #maincontent #innercontent{
  background-color: transparent;
  width: 800px;
}

/*  Coffeeworld allgemein Formate      */


#volume div.coffeeworld #maincontent #innercontent a.txtLink {
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px;
  clear: none;
  color: #777777;
  display: inline;
  float: none;
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 10px;
  text-decoration: underline;
}

#volume div.coffeeworld #maincontent #innercontent a.link {
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px;
  clear: none;
  color: #777777;
  display: inline;
  float: none;
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 10px;
  text-decoration: underline;
}


/*   Coffee Foot      */

 #CoffeeFoot {
  clear: left;
  display: block;
  float: left;
  overflow: hidden;
  padding-bottom: 0px;
  position: relative;
  left: 0px;
  height:200px;
  width: 960px;
  background-image: url(images/coffee/wmf-de_bottom.jpg);
}


/* Toolbox */

#volume #rightBoxShow
{
  display: none;
}
#volume #rightBoxHide
{
  display: none;
}

#volume div.coffeeworld #rightBoxHide
{
  display: none;
  position:absolute;
  left:620px;
  top:5px;
  height:19px;
  width:180px;
  z-index:100;
  background: #020202;
  overflow:hidden;
  background:url(images/coffee/toolbox_hide.gif) #020202 no-repeat;
  border-top:#131211 1px solid;
  border-bottom:#131211 1px solid;
}

#volume div.coffeeworld #rightBoxShow
{
  display: block;
  position:absolute;
  left:620px;
  top:5px;
  height:19px;
  width:180px;
  z-index:100;
  background: #020202;
  overflow:hidden;
  background:url(images/coffee/toolbox_show.gif) #020202 no-repeat;
  border-top:#131211 1px solid;
  border-bottom:#131211 1px solid;
}


#volume div.coffeeworld #rightBoxHide a, 
#volume div.coffeeworld #rightBoxShow a 
{
  color: #CCCCCC;
  text-decoration:none;
  font-size:11px;
  line-height:14px;
  margin-left:60px;
  position:relative;
  top:3px;
}

 
#volume div.coffeeworld #rightBoxShow a 
{
  position:relative;
  left:-20px;
}

#volume div.coffeeworld #rightBoxShow span.warenkorb 
{
  color:#DD7400;
}


#volume div.coffeeworld #rightBox
{
  display: none;
  position:absolute;
  left:620px;
  top:26px;
  height:194px;
  width:180px;
  z-index:100;
  background: #020202;
  overflow:hidden;
}


#volume div.coffeeworld #rightBox #rightBoxAngebot,
#volume div.coffeeworld #rightBox #rightBoxGrafikTeaser,
#volume div.coffeeworld #rightBox #rightBoxProfil,
#volume div.coffeeworld #rightBox #rightBoxForm
{
  display: none;
}

#volume div.coffeeworld #rightBox #rightBoxSpacer{
  width:180px;
  background: none;
  border-bottom:#131211 1px solid;
  }

#volume div.coffeeworld #rightBox #rightBoxForm b{
  color: #CCCCCC;
  line-height:18px;
}

#volume div.coffeeworld #rightBox #rightBoxElement input{
  border:#1B1B1B 0px solid;
  color:#777777;
  background:#333333;
  height:14px;
}


#volume div.coffeeworld #rightBox #rightBoxImage{
  margin-top:0px;
}

#volume div.coffeeworld #rightBox #rightBoxImage img{
  display:none; 
}

#volume div.coffeeworld #rightBox #rightBoxImage a{
  display:block;
  width:22px;
  height:18px; 
  background:url(images/coffee/go_button.gif) #020202 no-repeat;
}

#volume div.coffeeworld #rightBox #rightBoxForm.searchForm
{
  display: inline;
  background: #020202;
  margin-left:10px;
}

#volume div.coffeeworld #rightBox #rightBoxWarenkorb{
  background: #020202;
}
#volume div.coffeeworld #rightBox #rightBoxWarenkorb b{
  color: #DD7400;
}
#volume div.coffeeworld #rightBox #rightBoxWarenkorb td{
  color: #777777;
}

#volume div.coffeeworld #rightBox #rightBoxWarenkorb a{
  background:url(images/coffee/pfeil_orange_rechts.gif) #020202 no-repeat;
  color: #777777;
  border: #1B1B1B 1px solid;
}

/* Ende Toolbox */



#volume div.coffeeworld #maincontent #innercontent h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height:22px;
  font-weight: bold;
  color: #DD7400;
  text-align: left;
  width:800px;
  height:28px;
  display:block;
  padding:0px;
  position:relative;
  left:0px;
  top:6px;
}

#volume div.coffeeworld #maincontent #innercontent h2{
  display:block;
  height:18px;
  width:300px;
  padding:0px;
  float:left;
  position:relative;
  left:0px;
  top:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:14px;
  font-weight: bold;
  color: #CCCCCC;
  text-align: left;
}

#volume #content_coffee_slideshow #maincontent #innercontent h2 {
  width: 600px;
  height:auto;
  line-height: 15px;
  font-weight: normal;
  font-size: 12px;
}

#volume div.coffeeworld #maincontent #innercontent.area h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height:28px;
  font-weight: bold;
  text-align: center;
  left:-20px;
  width:800px;
}

#volume div.coffeeworld #maincontent #innercontent div.teasertext{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #9A9899;
  text-align: center;
  width:800px;
  display:block;
  position:relative;
  left:-20px;
  top:5px;
}

/* SubNavi - Unternavigation */

#volume div.coffeeworld #maincontent #innercontent div.coffeesubnavi{
  display:block;
  width:800px;
  clear:both;
  position:relative;
  left:85px;
  top:20px;
}

#volume div.coffeeworld #maincontent #innercontent div.coffeesubnavibutton{
  background: url(images/coffee/buttons/wmf-de_t1_area.png);
  text-align: center;
  height:32px;
  width:225px;
  float:left;
  margin-right:140px;
}

#volume div.coffeeworld #maincontent #innercontent div.coffeesubnavibutton a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
  display:block;
  height:32px;
  padding-top:8px;
}

#volume div.coffeeworld #maincontent #innercontent div.coffeesubnavibutton a:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
  display:block;
  height:32px;
  padding-top:8px;
}

/* Link Cloud Bereich */

#volume div.coffeeworld #maincontent #innercontent div.linkcloudhead {
  display:block;
  position:relative;
  left:0px;
  width:600px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #615C41;
  text-align: left;
}



#volume div.coffeeworld #maincontent #innercontent div.linkcloud div.linklist {
  display:block;
  width:580px;
  height:300px;
  border: #cccccc 0px solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #615C41;
  text-align: left;
}


#volume div.coffeeworld #maincontent #innercontent div.linklist-style-highlight {
  display:block;
  width:140px;
  height:42px;
  float:left;
  background: url(images/coffee/cloud_highlight_button.gif) no-repeat;
  position:relative;
  left:0px;
}

#volume div.coffeeworld #maincontent #innercontent div.linklist-style-highlight a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#FF7801;
  text-decoration:none;
  font-weight:bold;
  position:relative;
  top:14px;
  left:30px;
}

#volume div.coffeeworld #maincontent #innercontent div.linklist-style-normal {
  display:block;
  width:140px;
  height:42px;
  float:left;
  margin-top:42px;
  background: url(images/coffee/cloud_normal_button.gif) no-repeat;
  position:relative;
  left:0px;
}

#volume div.coffeeworld #maincontent #innercontent div.linklist-style-normal a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#6D5754;
  text-decoration:none;
  font-weight:bold;
  position:relative;
  top:14px;
  left:30px;
}


#volume div.coffeeworld #maincontent #innercontent div.subnavi{
  display:block;
  width:152px;
  height:19px;
  float:left;
  margin:0px;
  padding-left:20px;
  padding-top:4px;
  background: url(images/coffee/subnavi_button_braun.gif);
  margin-left:10px;
  margin-top:10px;
}

#volume div.coffeeworld  #maincontent #innercontent a.subnavi{
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #DD7400;
  text-decoration:none;
}

#volume div.coffeeworld  #maincontent #innercontent a.subnavi:hover{
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CCCCCC;
  text-decoration:none;
}

#volume div.coffeeworld  #maincontent #innercontent a.subnavihigh{
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CCCCCC;
  text-decoration:none;
}


#volume div.coffeeworld #maincontent #innercontent div.subnaviselected{
  display:block;
  width:152px;
  height:19px;
  float:left;
  margin:0px;
  padding-left:20px;
  padding-top:4px;
  background: url(images/coffee/subnavi_button_braun.gif);
  margin-left:10px;
  margin-top:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CCCCCC;
  text-decoration:none;
}


/*/* Styles nach Templates */*/


/* content_coffee_area     */

#volume #content_coffee_area #maincontent #innercontent #spacer1{
  border: #cccccc 0px solid;
  display:block;
  clear:both;
  width:798px;
  height:40px;
  position:relative;
  left:-20px;
  top:0px;
}

#volume #content_coffee_area #maincontent #innercontent #flash {
  display: block;
  clear: both;
  width: 800px;
  height: 310px;
  position: relative;
  left: -20px;
  top: 30px;
  margin-top: 0px;
}



/*  content_coffee_slideshow */
#volume #content_coffee_slideshow #maincontent #innercontent #flash {
  display: block;
  clear: both;
  width: 800px;
  height: 400px;
  position: relative;
  left: -20px;
  top: 20px;
  overflow: visible;
}

/*  content_coffee_news_and_events */
#volume #content_coffee_news_and_events #maincontent #innercontent #flash{
  display: block;
  clear: both;
  width: 800px;
  height: 600px;
  position: relative;
  left: -20px;
  top: 20px;
}


/*  content_coffee_area_product */

#volume #content_coffee_area_product #maincontent #innercontent #teaser1{
  display:block;
  clear:both;
  width:758px;
  height:315px;
  padding:0px;
  margin:0px;
  position:relative;
  left:0px;
  top:20px;
}


#volume #content_coffee_area_product #maincontent #innercontent #teaser1 img{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:left;
  width:454px;
  position:relative;
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser1 p{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  width:230px;
  position:relative;
  left:-40px;
  top:24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height:18px;
  color: #CDCDCD;
  
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser1 a.button{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  width:168px;
  position:relative;
  left:-102px;
  top:40px;
  background: url(images/coffee/buttons/wmf-de_t2_produktbereich_grosser_teaser.png);
  text-align: center;
  height:24px;
  padding-top:8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser1 a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}



/*    kleiner Teaser (Teaser 2) */



#volume #content_coffee_area_product #maincontent #innercontent #teaser2{
  display:block;
  clear:both;
  width:758px;
  height:170px;
  padding:0px;
  margin:0px;
  position:relative;
  left:88px;
  top:0px;
}



#volume #content_coffee_area_product #maincontent #innercontent #teaser2_frame {
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:left;
  height:142px;
  width:216px;
  position:relative;
  height:142px;
  width:216px;
  background: url(images/coffee/area_product_teaser_2_bg.jpg) no-repeat;
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser2 img{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:left;
  width:175px;
  height:103px;
  position:relative;
  left:8px;
  top:7px;
}


#volume #content_coffee_area_product #maincontent #innercontent #teaser2 h2{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  clear:none;
  height:23px;
  width:400px;
  position:relative;
  left:-121px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:14px;
  font-weight: bold;
  color: #615C41;
}


#volume #content_coffee_area_product #maincontent #innercontent #teaser2 h3{
  border: #cccccc 0px solid;
  display:block;
  padding-left:12px;
  padding-top:0px;
  margin:0px;
  float:right;
  width:400px;
  position:relative;
  left:-121px;
  height:14px;
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat;
}


#volume #content_coffee_area_product #maincontent #innercontent #teaser2 h3 a{
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration:none;
  color: #cccccc;
}  

#volume #content_coffee_area_product #maincontent #innercontent #teaser2 p{
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  width:400px;
  position:relative;
  left:-121px;
  top: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:16px;
  font-weight: normal;
  text-decoration:none;
  color: #777777;
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser2 a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:right;
  width:124px;
  height:24px;
  position:relative;
  left:-400px;
  top:53px;
  background: url(images/coffee/buttons/wmf-de_t2_produktbereich_kleiner_teaser.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

#volume #content_coffee_area_product #maincontent #innercontent #teaser2 a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


/*  content_coffee_text_content  */

#volume #content_coffee_text_content #maincontent #innercontent #spacer1 {
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  height:5px;
  width:600px;
  clear:both;
}


#volume #content_coffee_text_content #maincontent #innercontent #text p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight: normal;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_text_content #maincontent #innercontent #text p strong{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #CCCCCC;
}  


/*  content_coffee_product_intro_start  */


#volume #content_coffee_product_intro_start #maincontent #innercontent #subnavi {
  border: #cccccc 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  width:800px;
  height:200px;
  position:relative;
  left:10px;
  top:-20px;
}

#volume #content_coffee_product_intro_start #maincontent #innercontent #teaser a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:both;
  width:174px;
  height:24px;
  position:relative;
  left:-429px;
  top:-68px;
  background: url(images/coffee/buttons/wmf-de_t4_produkteinstieg_detail_Zum-Shop.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

#volume #content_coffee_product_intro_start #maincontent #innercontent #teaser img {
  margin-left: -20px;
}

#volume #content_coffee_product_intro_start #maincontent #innercontent #teaser a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


#volume #content_coffee_product_intro_start #maincontent #innercontent #subnavicontainer{
  display:block;
  width:800px;
  border: #cccccc 0px solid;
  overflow:show;
  position:relative;
  top:-30px;
}


/*Ohne Spacer floatet in Firefox die vierte Box nicht nach oben !?*/
#volume #content_coffee_product_intro_start #maincontent #innercontent #spacer1{
  display:block;
  width:800px;
  height:32px;
}


/*  content_coffee_product_intro_detail  */


#volume #content_coffee_product_intro_detail #maincontent #innercontent a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  width:174px;
  height:24px;
  position:relative;
  left:-30px;
  top:-45px;
  background: url(images/coffee/buttons/wmf-de_t4_produkteinstieg_detail_Zum-Shop.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}



#volume #content_coffee_product_intro_detail #maincontent #innercontent a.back_to_overview{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  width:174px;
  height:24px;
  position:relative;
  left:-30px;
  top:-45px;
  background: url(images/coffee/buttons/wmf-de_t4_produkteinstieg_detail_zurueck-zur-uebersicht.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent a.back_to_overview:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


#volume #content_coffee_product_intro_detail #maincontent #innercontent h2{
  width:800px;
}


#volume #content_coffee_product_intro_detail #maincontent #innercontent #subnavicontainer{
  display:block;
  width:800px;
  min-height:100px;
  clear:both;
  border: #CCCCCC 0px solid;
  position:relative;
  left: 10px;
  margin-bottom:30px;
  border: 0px solid #CCCCCC;
  overflow:hidden;
}

/*Ohne Spacer floatet in Firefox die vierte Box nicht nach oben !?*/
#volume #content_coffee_product_intro_detail #maincontent #innercontent #spacer1{
  display:block;
  width:800px;
  height:32px;
}


#volume #content_coffee_product_intro_detail #maincontent #innercontent #text{
  border: #CCCCCC 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  width:720px;
  position:relative;
  top:10px;
  left:20px;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent #text p.textheadline{
  display:block;
  padding:0px;
  margin-top:15px;
  margin-bottom:15px;
  width:720px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:16px;
  font-weight: normal;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent #text p.textleft{
  border: #CCCCCC 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  width:340px;
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight: normal;
  text-decoration:none;
  color: #777777;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent #text p.textright{
  border: #CCCCCC 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  width:340px;
  float:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight: normal;
  text-decoration:none;
  color: #777777;
}


#volume #content_coffee_product_intro_detail #maincontent #innercontent div.teaser{
    display:block;
    background: transparent url(images/coffee/dotted_line_29271E.gif) repeat-x top;
    clear: both;
    float: left;
    padding: 5px 0px 20px 0px;
    width: 720px;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent div.teaser h1{
  float:left;
  color:#CCCCCC;
  font-size:12px;
  line-height:12px;
  font-weight:bold;
  margin: 0px;
  padding: 0px;
  display:inline;
  height:27px;
  overflow:hidden;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent div.teaser img{
  float:left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#volume #content_coffee_product_intro_detail #maincontent #innercontent div.teaser span{
  width:460px;
  float:left;
  margin: 5px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  line-height:14px;
  color:#777777;
}



/*  content_coffee_product_overview  */

#volume #content_coffee_product_overview #maincontent #innercontent #flash{
  display:block;
  clear:both;
  width:800px;
  height:210px;
  position:relative;
  left:-20px;
  top:20px;
  margin-top:0px;
}


#volume #content_coffee_product_overview #maincontent #innercontent #teaser{
  display:block;
  clear:both;
  width:758px;
  height:200px;
  padding:0px;
  margin:0px;
  position:relative;
  left:-75px;
  top:100px;
}

#volume #content_coffee_product_overview #maincontent #innercontent #teaser h2{
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  clear:none;
  height:23px;
  width:400px;
  position:relative;
  left:-121px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:14px;
  font-weight: bold;
  color: #615C41;
}



#volume #content_coffee_product_overview #maincontent #innercontent #teaser h2 a.h2{
  border: #CCCCCC 0px solid;
  display:block;
  padding:0px;
  margin:0px;
  float:right;
  clear:none;
  height:23px;
  width:400px;
  position:relative;
  left:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:14px;
  font-weight: bold;
  color: #615C41;
  text-decoration:none;
}

#volume #content_coffee_product_overview #maincontent #innercontent #teaser h3{
  display:block;
  padding-left:12px;
  padding-top:0px;
  margin:0px;
  margin-bottom:18px;
  float:right;
  width:400px;
  position:relative;
  left:-120px;
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat;
}


#volume #content_coffee_product_overview #maincontent #innercontent #teaser h3 a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:16px;
  font-weight: normal;
  text-decoration:none;
  color: #CCCCCC;
}  


#volume #content_coffee_product_overview #maincontent #innercontent #teaser a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:right;
  width:164px;
  height:24px;
  position:relative;
  left:-360px;
  top:0px;
  background: url(images/coffee/buttons/wmf-de_t3_produktuebersicht_Zum-Modellvergleich.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_product_overview #maincontent #innercontent #teaser a.button:hover{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:right;
  width:164px;
  height:24px;
  position:relative;
  left:-360px;
  top:0px;
  background: url(images/coffee/buttons/wmf-de_t3_produktuebersicht_Zum-Modellvergleich.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


/*  content_coffee_model_compare  */


#volume #content_coffee_model_compare #maincontent #innercontent h3{
  display:block;
  padding:0px;
  margin:0px;
  margin-top:82px;
  float:left;
  width:220px;
  position:relative;
  top:0px;
  left:180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:20px;
  font-weight: normal;
  text-decoration:none;
  text-align:center;
  color: #CCCCCC;
}


#volume #content_coffee_model_compare #maincontent #innercontent a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:both;
  width:226px;
  height:24px;
  position:relative;
  left:-260px;
  top:0px;
  background: url(images/coffee/buttons/wmf-de_t3_produktuebersicht_Ausgewaehlte_vergleichen.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_model_compare #maincontent #innercontent a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


#volume #content_coffee_model_compare #maincontent #innercontent form{
  display:inline;
  padding:0px;
  margin:50px 0px 0px 0px;
  float:left;
  width:720px;
  border: 0px #ffffff solid;
}


#volume #content_coffee_model_compare #maincontent #innercontent form .compare-model{
  display:block;
  float:left;
  height:150px;
  width:240px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}



#volume #content_coffee_model_compare #maincontent #innercontent form img{
  display:block;
  float:left;
  height:110px;
  width:90px;
  margin: 0px 30px 0px 0px;
  padding:0px;
  overflow:hidden;
  border: 0px #ffffff solid;
  position:relative;
  left:15px;
}


#volume #content_coffee_model_compare #maincontent #innercontent form div{
  float:left;
  width:90px;
  margin: 20px 0px 0px 0px;
  color:#777777;
}


#volume #content_coffee_model_compare #maincontent #innercontent form div.compare-model-name{
  display:block;
  float:left;
  clear:right;
  padding-left:3px;
  padding-right:3px;
  margin: 10px 0px 0px 0px;
  background-color: #615C41;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:18px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}


#volume #content_coffee_model_compare #maincontent #innercontent form div.compare-model-desc{
  display:block;
  float:left;
  width:110px;
  margin: 5px 0px 0px 0px;
  color:#777777;
}

#volume #content_coffee_model_compare #maincontent #innercontent form input{
  float:left;
  width:12px;
  margin: 20px 6px 0px 0px;
}


#volume #content_coffee_model_compare_result #maincontent #innercontent a.buttonback{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:right;
  width:184px;
  height:24px;
  position:relative;
  left:-430px;
  top:80px;
  background: url(images/coffee/buttons/wmf-de_t3_produktuebersicht_Zurueck.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_model_compare_result #maincontent #innercontent a.buttonback:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}


/*
  Model Compare
*/
#volume #content_coffee_model_compare_result #compare table {
  position:relative;
  left:0px;
  top:60px;
  border-spacing: 0px;
  border-collapse: collapse;
}

#volume #content_coffee_model_compare_result #compare table tr td.compare-model-vertical-spacer{
  width: 7px;
}

#volume #content_coffee_model_compare_result #compare table tr td.compare-model-horizontal-spacer{
  height:2px;
}

#volume #content_coffee_model_compare_result #compare div.beans {
  border: 0px #CCCCCC solid;
  padding:0px;
  margin:0px;
  position:absolute;
  left: 46px;
  top: 167px;
  z-index:10;
  width:148px;
  height:47px;
  background: url(images/coffee/compare_uvp_beans_bg_neu.png);
}


#volume #content_coffee_model_compare_result #compare table tr.compare-model-image td.compare-model-property {
  width:184px;
  text-align: center;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-name td.compare-model-property {
  padding-top:16px;
  padding-bottom:16px;
  width:184px;
  background: url(images/coffee/bg_opacity10.png);
  text-align: center;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-name td.compare-model-property span {
  padding-left:3px;
  padding-right:3px;
  background-color: #615C41;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:14px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-spec td.compare-model-leftbox {
  padding-top:7px;
  padding-bottom:7px;
  padding-left:8px;
  width:172px;
  background: url(images/coffee/bg_opacity05.png);
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight: normal;
  text-decoration:none;
  color: #777777;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-spec td.compare-model-property {
  padding-top:7px;
  padding-bottom:7px;
  width:184px;
  background: url(images/coffee/bg_opacity05.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height:14px;
  font-weight: normal;
  text-decoration:none;
  color: #777777;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-index-0 td.compare-model-property {
  padding-top:5px;
  padding-bottom:5px;
  width:184px;
  background: url(images/coffee/bg_opacity05.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height:14px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-link td.compare-model-property {
  padding-top:7px;
  padding-bottom:7px;
  width:184px;
  background: url(images/coffee/bg_opacity05.png);
  text-align: center;
}

#volume #content_coffee_model_compare_result #compare table tr.compare-model-link td.compare-model-property a {
  padding-left:12px;
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:14px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_model_compare_result #compare #spacer1{
  display:block;
  width:800px;
  height:132px;
}



/*  content_coffee_product_detail  */

.productTeaserBigCoffee {
  clear: left;
  display: block;
  float: left;
  margin: 0;
  min-height: 285px;
  padding: 0;
  position: relative;
  width: 800px;
}

.productTeaserBigCoffee .leftElementNew {
  clear: none;
  display: inline;
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  left: 0px;
  width: 250px;
  height: 280px;
}

.productTeaserBigCoffee .middleElement {
  clear: none;
  display: inline;
  float: left;
  left: 0px;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0px;
  width: 250px;
}

#leftElementNew div.spacer{
  clear: both;
  float: left;
  display:block;
  height: 4px;
  width: 250px;
  overflow:hidden;
}

.productTeaserBigCoffee .leftElementNew .listBox {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
  width: 300px;
}

.productTeaserBigCoffee .leftElementNew .listBoxHoriz {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
  width: 120px;
}

.productTeaserBigCoffee .leftElementNew .listBoxElementWBorder {
  border: 1px solid #D9D9D9;
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0px 5px 0px 5px;
  position: relative;
  width: auto;
}

.productTeaserBigCoffee .leftElementNew .listBoxElement {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0px 0px 0px 0px;
  position: relative;
  width: auto;
}


.productTeaserBigCoffee .leftElementNew .listBoxLeftElement {
  clear: left;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 50px;
  font-size:11px;
  color:#CCCCCC;
  font-weight:normal;
}

.productTeaserBigCoffee .leftElementNew .listBoxPayback .listBoxLeftElement {
  border-right: 1px solid #FFFFFF;
  clear: left;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 200px;
}

.productTeaserBigCoffee .leftElementNew .listBoxRightElement{
  clear: right;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 200px;
  color:#777777;
}

.productTeaserBigCoffee .leftElementNew .listBoxPayback .listBoxRightElement {
  clear: right;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 60px;
}

.productTeaserBigCoffee .leftElementNew ul {
  clear: left;
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}


.productTeaserBigCoffee .leftElementNew ul li {
  clear: both;
  display: inline;
  float: left;
  line-height: 19px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  width: 100%;
}

.productTeaserBigCoffee .leftElementNew .listBoxHoriz ul li {
  clear: none;
  display: inline;
  float: left;
  line-height: 19px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: bottom;
  width: auto;
}

.productTeaserBigCoffee .leftElementNew .listBoxPayback .listBoxLeftElement ul li {
  clear: both;
  line-height: 16px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .leftElementNew .listBoxPayback .listBoxLeftElement ul li.lifix {
  line-height: 1px;
}

.productTeaserBigCoffee .leftElementNew ul a {
  background: transparent url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px 4px;
  clear: left;
  color: #777777;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}


.productTeaserBigCoffee .leftElementNew ul img {
  border: none;
  float: right;
  margin: 0px 15px 0px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .leftElementNew ul img.left {
  border: none;
  clear: left;
  float: left;
  margin: 2px 0px 2px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .leftElementNew .listBoxHoriz ul img.left {
  border: none;
  clear: none;
  float: left;
  margin: 2px 0px 2px 0px;
  vertical-align: bottom;
}


.productTeaserBigCoffee .leftElementNew ul p {
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}


.productTeaserBigCoffee .leftElementNew ul p.nix {
  background-image: none;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .leftElementNew ul b {
  color: #777777;
  float: left;
  font-weight: bold;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .leftElementNew a.button {
  border: 1px solid #B2B2B2;
  clear: left;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}


.productTeaserBigCoffee .leftElementNew b {
  clear: left;
  display: inline;
  float: left;
  position: relative;
  width: auto;
}


.productTeaserBigCoffee .leftElementNew .disturber {
  background: transparent url(images/coffee/neu_stoerer.png) no-repeat;
  color: #392000;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 22px 0px 0px 0px;
  width:65px;
  height:65px;
  text-align:center;
  position:absolute;
  left:50px;
  top:148px;
}


.productTeaserBigCoffee .middleElement a.bigView {
  clear: none;
  color: #CCCCCC;
  float: none;
  line-height: 11px;
  margin: 10px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  position: relative;
  text-decoration: none;
  width: auto;
}

.productTeaserBigCoffee .middleElement a.bigView img {
  height: 9px;
  width: 9px;
}

.productTeaserBigCoffee .rightElement {
  clear: none;
  display: inline;
  float: left;
  left: 20px;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  top: 0;
  width: 300px;
}


.productTeaserBigCoffee .rightElement span.vat {
  color:#777777;
}

.productTeaserBigCoffee .rightElement span.vat a {
  color:#777777;
}


.productTeaserBigCoffee .rightElement .disturbersmall {
  clear: both;
  color: #E60003;
  float: left;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 0px 1px;
  width: 100%;
}

.productTeaserBigCoffee .rightElement h1 {
  clear: left;
  color: #777777;
  display: inline;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin: 0px 10px 0px 0px;
  position: relative;
  vertical-align: middle;
  width: 290px;
}

.productTeaserBigCoffee .rightElement .teasertext {
  color: #777777;
  clear: left;
  display: block;
  float: left;
  margin: 10px 0px 0px 0px;
  position: relative;
  width: 290px;
}

.productTeaserBigCoffee .rightElement .teasertext b {
  clear: none;
  display: inline;
  float: none;
}

.productTeaserBigCoffee .rightElement .spacer{
  clear: both;
  float: left;
  height: 10px;
  width: 300px;
  overflow:hidden;
}

.productTeaserBigCoffee .rightElement .listBox {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
  width: 300px;
}

.productTeaserBigCoffee .rightElement .listBoxHoriz {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
  width: 120px;
}

.productTeaserBigCoffee .rightElement .listBoxPayback {
  background-color: #C7E4F4;
  clear: left;
  display: inline;
  float: left;
  line-height: 16px;
  position: relative;
  width: 270px;
}

.productTeaserBigCoffee .rightElement .listBoxElementWBorder {
  border: 1px solid #D9D9D9;
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0px 5px 0px 5px;
  position: relative;
  width: auto;
}

.productTeaserBigCoffee .rightElement .listBoxElement {
  clear: left;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0px 0px 0px 0px;
  position: relative;
  width: auto;
}

.productTeaserBigCoffee .rightElement .listBoxLeftElement {
  clear: left;
  float: left;
  margin: 0px 15px 0px 0px;
  width: 30px;
  font-size:11px;
  color:#CCCCCC;
  font-weight:normal;
}

.productTeaserBigCoffee .rightElement .listBoxLeftElementPreis {
  clear: left;
  float: left;
  margin: 0px 15px 0px 0px;
  width: 35px;
  font-size:16px;
  color:#CCCCCC;
  font-weight:normal;
}


.productTeaserBigCoffee .rightElement .listBoxPayback .listBoxLeftElement {
  border-right: 1px solid #FFFFFF;
  clear: left;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 200px;
}

.productTeaserBigCoffee .rightElement .listBoxRightElement {
  clear: right;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 205px;
}

.productTeaserBigCoffee .rightElement .listBoxPayback .listBoxRightElement {
  clear: right;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 60px;
}

.productTeaserBigCoffee .rightElement ul {
  clear: left;
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.productTeaserBigCoffee .rightElement ul.payback,
.productTeaserBigCoffee .leftElement ul.payback {
  background-color: #C7E4F4;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  width: 195px;
}

.productTeaserBigCoffee .rightElement ul li {
  clear: both;
  display: inline;
  float: left;
  line-height: 19px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  width: 100%;
}

.productTeaserBigCoffee .rightElement .listBoxHoriz ul li {
  clear: none;
  display: inline;
  float: left;
  line-height: 19px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: bottom;
  width: auto;
}

.productTeaserBigCoffee .rightElement .listBoxPayback .listBoxLeftElement ul li {
  clear: both;
  line-height: 16px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .rightElement .listBoxPayback .listBoxLeftElement ul li.lifix {
  line-height: 1px;
}

.productTeaserBigCoffee .rightElement ul a {
  background: transparent url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px 4px;
  clear: left;
  color: #777777;
  display: inline;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: underline;
  vertical-align: top;
  width: auto;
  position:relative;
  top:30px;
  left:0px;
}

.productTeaserBigCoffee .rightElement ul a.payback {
  background: #C7E4F4 url(images/pfeil_orange_rechts.gif) no-repeat 2px;
  color: #777777;
  float: left;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: underline;
  vertical-align: top;
  width: 150px;
}

.productTeaserBigCoffee .rightElement ul img {
  border: none;
  float: right;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .rightElement ul img.left {
  border: none;
  clear: left;
  float: left;
  margin: 2px 0px 2px 0px;
  vertical-align: top;
}

.productTeaserBigCoffee .rightElement .listBoxHoriz ul img.left {
  border: none;
  clear: none;
  float: left;
  margin: 2px 0px 2px 0px;
  vertical-align: bottom;
}

.productTeaserBigCoffee .rightElement .listBoxPayback img.payback {
  clear: none;
  display: inline;
  float: right;
  margin: 0px 0px 0px 0px;
  position: relative;
  vertical-align: middle;
}

.productTeaserBigCoffee .rightElement ul p {
  background: #FFFFFF url(images/dunkelgrau_5x1.jpg) no-repeat 0px 10px;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement ul p.haken {
  background: url(images/coffee/haken_gruen.gif) no-repeat 0px;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement ul p.kreuz {
  background: url(images/coffee/kreuz_rot.gif) no-repeat 0px;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement ul p.nix {
  background-image: none;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement ul p.payback {
  background-color: #C7E4F4;
  background-image: none;
  color: #777777;
  float: left;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: 188px;
}

.productTeaserBigCoffee .rightElement ul b {
  color: #777777;
  float: left;
  font-weight: bold;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement a.button {
  border: 1px solid #B2B2B2;
  clear: left;
  color: #777777;
  float: left;
  line-height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
}

.productTeaserBigCoffee .rightElement b {
  clear: left;
  display: inline;
  float: left;
  position: relative;
  width: auto;
}

.productTeaserBigCoffee .rightElement form {
  clear: none;
  display: inline;
  float: left;
}

.productTeaserBigCoffee .rightElement select {
  border: 1px solid #B2B2B2;
  clear: none;
  color: #777777;
  float: none;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  text-decoration: none;
  vertical-align: middle;
  width: auto;
}

.productTeaserBigCoffee .rightElement input.Amount {
  background-color: #1A1A1A;
  border: 1px solid #444444;
  clear: none;
  color: #777777;
  display: inline;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  height: 14px;
  white-space: nowrap;
  width: 30px;
}

.productTeaserBigCoffee .rightElement a.vorbestellen {
  background: #333333 url(images/coffee/pfeil_orange_rechts.gif) no-repeat 4px;
  border: 0px solid #B2B2B2;
  clear: none;
  color: #FF9600;
  display: inline;
  float: none;
  font-size: 11px;
  font-weight: bold;
  left: 115px;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  /*max-width: 150px;*/
  padding: 0px 4px 0px 17px;
  position: absolute;
  text-decoration: none;
  white-space: nowrap;
  width: 80px;
}

.productTeaserBigCoffee .rightElement a.warenkorb {
  background: #333333 url(images/coffee/pfeil_orange_rechts.gif) no-repeat 4px;
  border: 0px solid #B2B2B2;
  clear: none;
  color: #FF9600;
  display: inline;
  float: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  /*max-width: 150px;*/
  padding: 0px 4px 0px 17px;
  position: absolute;
  left: 95px;
  text-decoration: none;
  white-space: nowrap;
  width: 100px;
}

.productTeaserBigCoffee .rightElement a.preis {
  background-image: none;
  color: #FF9600;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  position:relative;
  top:1px;
}

.productTeaserBigCoffee .rightElement a.sonderpreis {
  background-image: none;
  color: #FF9600;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.productTeaserBigCoffee .rightElement a.wunschzettel,
.productTeaserBigCoffee .rightElement a.weiterempfehlen{
  background: #333333 url(images/coffee/pfeil_orange_rechts.gif) no-repeat 4px;
  clear: none;
  color: #CCCCCC;
  float: none;
  font-size: 11px;
  font-weight: normal;
  left: 45px;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 17px;
  position: absolute;
  text-decoration: none;
  top: 5px;
  white-space: nowrap;
  width: 155px;
}

.productTeaserBigCoffee .rightElement .productTeaserText {
  clear: left;
  color: #777777;
  display: inline;
  float: left;
  padding: 20px 0px 0px 0px;
  position: relative;
  width: 300px;
}



#volume #content_coffee_product_detail #maincontent #innercontent #subnavicontainer{
  display:block;
  width:800px;
  border: #CCCCCC 0px solid;
  position:relative;
  top:  0px;
  left: -10px;
}


div.coffeeworld #maincontent #innercontent #productListCoffee {
  clear: none;
  float: left;
  margin: 0px 0px 0px 0px;
  overflow: visible;
  padding: 20px 0px 0px 20px;
  position: relative;
  width: 740px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .leftTeaser h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  width:450px;
  color:#CCCCCC;
}


div.coffeeworld #maincontent #innercontent #productListCoffee .beschreibicons{
  border: 0px solid #D9D9D9;
  clear: right;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 220px;
}


div.coffeeworld #maincontent #innercontent #productListCoffee .beschreibicons b {
  padding: 0px 0px 0px 10px;
  font-size:14px;
  color:#CCCCCC;
  font-weight:normal;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .beschreibicons .icons{
  clear: none;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  position: relative;
  width: 220px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .beschreibicons ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 220px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee  .beschreibicons ul li{
  clear: both;
  line-height: 14px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  vertical-align: top;
  color:#CCCCCC;
}

div.coffeeworld #maincontent #innercontent #productListCoffee ul.pdf a {
  background: url(images/coffee/pdf_icon.gif) no-repeat 0px;
  color: #777777;
  display: inline;
  float: left;
  font-weight: bold;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  vertical-align: top;
}


div.coffeeworld #maincontent #innercontent #productListCoffee .teasertext{
  color: #CCCCCC;
  clear: left;
  display: block;
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
  position: relative;
  width: 450px;
  }
  
  div.coffeeworld #maincontent #innercontent #productListCoffee .teasertext b{
  font-weight:bold;
  color: #CCCCCC;
  }
  
  
  div.coffeeworld #maincontent #innercontent #productListCoffee h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #615C41;
  }
  
  div.coffeeworld #maincontent #innercontent #productListCoffee .spacerHorizontald9d9d9 {
    background: transparent url(images/coffee/dotted_line_29271E.gif) repeat-x bottom;
    clear: both;
    float: left;
    height: 1px;
    margin: 0;
    padding: 20px 0px 0px 0px;
    width: 720px;
}


  div.coffeeworld #maincontent #innercontent #productListCoffee .spacer90Verticald9d9d9 {
  background: none;
  clear: none;
  float: left;
  height: 90px;
  margin: 10px 15px 0px 15px;
  width: 1px;
}


  div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall {
  clear: none;
  display: inline;
  float: left;
  height: 90px;
  position: relative;
  margin: 10px 0px 0px 0px;
  vertical-align: middle;
  width: 350px;
}

  div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall .leftArea {
  clear: none;
  display: inline;
  float: left;
  height: 90px;
  margin: 0px 0px 0px 0px;
  position: relative;
  vertical-align: middle;
  width: 120px;
}

  div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall .rightArea {
  clear: none;
  float: right;
  height: 90px;
  margin: 0px 0px 0px 10px;
  overflow: visible;
  position: relative;
  vertical-align: bottom;
  width: 220px;
}


div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall a.link {
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px;
  clear: none;
  color: #777777;
  display: block;
  float: none;
  clear:none;
  font-size: 11px;
  margin-top:10px;
  padding: 0px 0px 0px 13px;
  position: relative;
  text-decoration: none;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall b {
  color: #CCCCCC;
  font-weight:normal
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaserSmall b {
  color: #CCCCCC;
  font-weight:normal
}


div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols .leftArea .disturber,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser3Cols .leftArea .disturber {
  background-color: #FF9600;
  clear: both;
  color: #FFFFFF;
  font-size: 9px;
  left: 90px;
  top:5px;
  padding: 0px 2px 0px 2px;
  position: absolute;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols .info,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser3Cols .info {
  clear: right;
  color: #E60003;
  display: inline;
  float: left;
  font-size: 9px;
  left: 0px;
  position: absolute;
  top: 95px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.link,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser3Cols a.link {
  background: url(images/coffee/pfeil_orange_rechts.gif) no-repeat 0px 2px;
  clear: left;
  color: #CCCCCC;
  float: left;
  font-weight: normal;
  padding: 3px 0px 0px 13px;
  text-decoration: none;
  position:relative;
  left:-3px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a:hover,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser3Cols a:hover {
  color: #CCCCCC;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser1Col a.warenkorb:hover,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.warenkorb:hover,
div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser3Cols a.warenkorb:hover,
div.coffeeworld #maincontent #innercontent #productListCoffeeg .rightElement a.button:hover,
div.coffeeworld #maincontent #innercontent #productListCoffee .rightElement a.wunschzettel:hover {
  
}


div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols {
  clear: none;
  display: inline;
  float: left;
  height: 90px;
  position: relative;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  width: 350px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols .leftArea {
  background: #FFFFFF;
  clear: none;
  display: inline;
  float: left;
  height: 90px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  position: relative;
  vertical-align: middle;
  width: 108px;
  height:102px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols .rightArea {
  clear: none;
  float: right;
  height: 90px;
  overflow: visible;
  padding: 0px 0px 0px 0px;
  position: relative;
  vertical-align: bottom;
  width: 220px;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols .details {
  clear: left;
  float: left;
  margin: 0px 0px 0px 10px;
  width: 155px;
  color: #CCCCCC;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.preis {
  background-image: none;
  clear: left;
  color: #CCCCCC;
  float: left;
  font-size: 11px;
  font-weight: normal;
  margin: 14px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-weight:normal;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.sonderpreis {
  background-image: none;
  clear: left;
  color: #ff9600;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 14px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  white-space: nowrap;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.warenkorb {
  background: #333333 url(images/coffee/pfeil_orange_rechts.gif) no-repeat 4px;
  border: 0px solid #B2B2B2;
  clear: left;
  color: #FF9600;
  float: left;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 17px;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  position:relative;
  left:10px;
  top:3px;
}


div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols span.stattpreis {
  background-image: none;
  clear: none;
  color: #CCCCCC;
  display: inline;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-decoration: none;
}

div.coffeeworld #maincontent #innercontent #productListCoffee .productTeaser2Cols a.image img {
  height: 90px;
  width: 90px;
  padding-top:6px;
}

div.coffeeworld  .spacer90x10Verticald9d9d9 {
  background: none;
  clear: none;
  float: left;
  height: 90px;
  padding: 10px 15px 0px 14px;
  width: 1px;
}

/*  content_coffee_content_include  */
#volume #content_coffee_content_include #maincontent #innercontent div.spacerHorizontald9d9d9{
    background: transparent url(images/coffee/dotted_line_29271E.gif) repeat-x bottom;
    clear: both;
    float: left;
    height: 1px;
    margin: 0;
    padding: 20px 0px 0px 0px;
    width: 720px;
}


#volume #content_coffee_content_include #maincontent #innercontent a.button{
  display:block;
  padding:0px;
  padding-top:8px;
  margin:0px;
  float:right;
  clear:both;
  width:226px;
  height:24px;
  position:relative;
  left:-100px;
  top:0px;
  background: url(images/coffee/buttons/wmf-de_t3_produktuebersicht_Ausgewaehlte_vergleichen.png);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #CCCCCC;
}

#volume #content_coffee_content_include #maincontent #innercontent a.button:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color: #DD7400;
}

#volume #content_coffee_content_include #maincontent #innercontent td
{
  color: #CCCCCC;
}
#volume #content_coffee_content_include #maincontent #innercontent span.txtFett1114
{
  color: #CCCCCC;
}
#volume #content_coffee_content_include #maincontent #innercontent span.txt1114
{
  color: #CCCCCC;
}
#volume #content_coffee_content_include #maincontent #innercontent a.txtLink
{
  color: #CCCCCC;
}

#noFlashContent {
  margin: 20px 0 0 20px;
}

#noFlashContent table {
  width: 760px;
}

#noFlashContent a {
  color: #ffffff;
  text-decoration: none;
  background-color: #231f20;
  padding: 3px 10px 3px 10px;
}

#noFlashContent a:hover {
  color: #231f20;
  background-color: #CCCCCC;
}

.BasketFormCheckout h2 {
  margin-left: 20px;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #7E7E7E;
}

/**************************
  form styles
/**************************/

/* form-block */
.form-block {
  display: block;
  clear: both;
  float: left;
  width: 580px;
  height: auto;
  margin-bottom: 20px;
  margin-left: 20px;
}

.form-block-check {
  background: #FDFAC7 url(images/icon_warning.png) no-repeat 20px 20px;
  border: 1px solid #FEC155;
  clear: both;
  display: inline;
  float: left;
  margin: 10px 0px 0px 20px;
  padding: 20px 20px 20px 53px;
  width: 480px;
}

.form-block-check table td {
  color: #F63400;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
}

.form-block-check a.contShop {
  clear: none;
  float: none;
  margin-left: 60px;
}

/* form-button */
.form-button-next {
  background: url(images/button_next.png) no-repeat 0px 0px;
  border: none;
  color: #E60003;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
  width: 168px;
  height: 42px;
  float: right;
}

.form-button-hint {
  background: #FFFFFF url(images/icon_tooltip.png) no-repeat 0px 0px;
  border: none;
  width: 21px;
  height: 20px;
  cursor: pointer;
}

/* form-text */
.form-text {
  margin-bottom: 15px;
  padding: 4px 4px 4px 4px;
  width: 352px;
}

/* form-field */
.form-field {
  float: left;
  padding: 2px 4px 2px 4px;
  width: 360px;
  margin-bottom: 3px;
}

.form-field label {
  float: left;
  width: 150px;
  height: auto;
  line-height: 18px;
  vertical-align: middle;
}

.form-field label.form-field-label-question {
  clear: right;
  width: 356px;
}

.form-field label.form-field-label-hint {
  clear: right;
  width: 550px;
  font-size: 10px;
}

.form-field input,
.form-field select {
  background-color: #FFFFFF;
  border: 1px solid #B2B2B2;
  color: #4C4C4C;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 0px 0px;
  text-decoration: none;
  width: 200px;
  height: 16px;
}

.form-field select{
  height: 18px;
}

.form-field-hint-icon {
  float: left;
  margin-bottom: 3px;
  margin-left: 5px;
  padding: 2px 4px 4px 4px;
  width: 15px;
  line-height: 18px;
  vertical-align: middle;
  background-color: #FFFFFF;
}

/* form-field validation */
.form-field-valid .form-field-hint {
  display: none;
}

.form-field-invalid .form-field-hint {
  float: left;
  margin-bottom: 3px;
  margin-left: 5px;
  padding: 4px 4px 4px 4px;
  width: 170px;
  line-height: 18px;
  vertical-align: middle;
  background-color: #FFFFFF;
  color: #F63400;
}

.form-field-invalid .form-field {
  background-color: #FDFAC7;
  padding: 4px 4px 4px 4px;
}

.form-field-invalid .form-field input {
  border: 1px solid #FEC155;
}

.form-field-invalid .form-field input.form-field-valid,
.form-field-invalid .form-field select.form-field-valid {
  border: 1px solid #B2B2B2;
}

/* form-input-radio */
.form-field .form-input-radio,
.form-field .form-input-radioline {
  float: left;
  overflow: hidden;
  margin: 0px;
  padding: 3px 0px 0px 0px;
  width: auto;
}

.form-field .form-input-radioline {
  margin-bottom: 5px;
}

.form-field .form-input-radio input,
.form-field .form-input-radioline input {
  background-color: transparent;
  border: none;
  width: auto;
  float: left;
  display: block;
}

.form-field .form-input-radio label,
.form-field .form-input-radioline label {
  float: left;
  width: auto;
  margin: -1px 14px 0px 4px;
  padding: 0px;
  vertical-align: top;
  display: block;
}

.form-field .form-input-radioline label {
  margin: -1px 0px 0px 4px;
  width: 335px;
}

.form-field a.txtLink {
  background-color: transparent !important;
}

/* form-input-birthday */
.form-field table.form-input-birthday {
  width: 202px;
}

.form-field table.form-input-birthday td {
  text-align: center;
}

.form-field table.form-input-birthday tbody td.form-input-birthday-day input,
.form-field table.form-input-birthday tbody td.form-input-birthday-month input {
  width: 51px;
}

.form-field table.form-input-birthday tbody td.form-input-birthday-year input {
  width: 78px;
}

.form-field table.form-input-birthday td.form-input-birthday-spacer,
.form-field table.form-input-birthday td.form-input-birthday-spacer {
  width: 10px;
}

/* form-field id exceptions */
.form-field #BillingAddressStreet,
.form-field #DeliveryAddressStreet {
  width: 154px;
}

.form-field #BillingAddressStreetNumber,
.form-field #DeliveryAddressStreetNumber {
  width: 42px;
  margin-left: 2px;
}

.form-field #BillingAddressZIP,
.form-field #DeliveryAddressZIP {
  width: 42px;
}

.form-field #BillingAddressCity,
.form-field #DeliveryAddressCity {
  width: 154px;
  margin-left: 2px;
}

/* order-form */
#order-form-step {
  background-color: #CCCCCC;
  clear: both;
  display: block;
  float: left;
  width: 600px;
  height: 75px;
  margin: 10px 0px 0px 0px;
}

#order-form-step div {
  font-size: 12px;
  font-weight: bold;
  color: #7E7E7E;
  float: left;
  margin-top: 10px;
  text-align: center;
}

#order-form-step div.order-form-step-passed {
  color: #000000;
}

#order-form-step-11 {
  width: 150px;
}

#order-form-step-12 {
  width: 130px;
}

#order-form-step-13 {
  width: 100px;
}

#order-form-step-14 {
  width: 100px;
}

#order-form-step-2 {
  width: 120px;
}

#order-form-basket-img {
  background: url(images/icon_basket.png) no-repeat 0px 0px;
  width: 26px;
  height: 18px;
  margin-top: 15px;
  position:relative;
}

.order-form-basket-img-step-11 {
  left: 55px;
}

.order-form-basket-img-step-12 {
  left: 205px;
}

.order-form-basket-img-step-13 {
  left: 315px;
}

.order-form-basket-img-step-14 {
  left: 415px;
}

.order-form-basket-img-step-2 {
  left: 525px;
}


div#order-form-basket-img-line {
  width: 600px;
  height: 1px;
  margin-top: 0px;
  border-top: 1px solid #4c4c4c;
}

div#order-form-left-hint {
  position: absolute;
  top: 220px;
  left: 10px;
  width: 140px;
  height: auto;
}

div#order-form-left-hint-misc {
  position: relative;
  border: 1px solid #D9D9D9;
  width: 130px;
  height: auto;
  padding: 5px;
}

div#order-form-left-hint-misc ul {
  list-style-type: disc;
  margin-top: 5px;
  margin-left: 15px;
  color: #4c4c4c;
  font-size: 10px;
}

div#order-form-left-hint-misc li {
  margin-top: 3px;
}

div#order-form-left-hint-logos {
  margin-top: 10px;
  position: relative;
  border: 1px solid #D9D9D9;
  width: 110px;
  height: auto;
  padding: 15px;
}

div#order-transparent-layer {
  background: url(images/transparent-layer.png) left top repeat;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
}

div#order-form-preload {
  width: 300px;
  height: 100px;
  border: 2px solid #949494;
  position: fixed;
  background-color: #d9d9d9;
  z-index: 10000;
  display: none;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
}

div#order-form-preload .order-form-preload-img {
  width: 30px;
  height: 30px;
  margin: 35px;
  float: left;
}

div#order-form-preload .order-form-preload-text {
  font-size: 14px;
  font-weight: bold;
  margin-top: 42px;
}