@charset "utf-8";
/* mybeans CSS Datei */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #595959;
	background: url(../images/header/bg-header2-app.png) no-repeat center top;
}

a img { border: none; }
a { color: #af8554; text-decoration:none; }
a:hover { text-decoration:underline; }
/*a { color: #FF9122; }*/
.errornotice {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #66CCFF;
	font-size: 16px;
	font-weight: bold;
	background: #EBFAFC;
	padding:5px;
	margin-bottom: 10px;
	display: block;
}
.clearing { clear: both; }

.size_12 {
	font-size: 12px;
}
.fontSize11 {
	font-size: 11px;
}
.fontSize10 {
	font-size: 10px;
}
.fontSize21 {
	font-size: 21px;
}
.lightbrown { color: #af8554; }
.darkbrown { color: #361F0B; }
.blue { color: #15a1ff; }
.lightblue { color: #eff8fe; }

.rulerLightbrown {
	height: 1px;
	background: url(../images/bg-ruler-lightbrown.png) repeat-x left top;
}
.rulerDarkbrown {
	height: 1px;
	background: url(../images/bg-ruler-darkbrown.png) repeat-x left top;
}

.pageNavOuter {
	margin-top:10px;
	clear:both;
}
.pageNav {
	float: right;
	width: 35%;
	text-align: right;
}
.pageNavInfo {
	float: left;
	width: 65%;
}


#messagebox {
	border: 1px solid #ac8655;
	padding: 15px;
	margin: 10px 0;
	/*background-color: #bce4f6;*/
	background-color: #fbea9d;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#messagebox a {
	color: #603a15;
}

#wrapperOuter {
	margin: auto;
	padding: 8px 0 20px 0;
	text-align: left;
	width: 920px;
	/*background: #fff;*/
}

/* Seitenraster 2010 start */
#wrapperOuterWide {
	width: 980px;
	text-align: left;
	margin: auto;
	padding: 0;
	font-size: 12px;
	color: #7f7f7f;
}
#wrapperOuterWide h1 {
	color: #4a280c;
	font-size: 30px;
	letter-spacing: -1px;
}
#headline {
	margin: 20px 0;
}
#wrapperContentWide {
	position: relative;
}
#wrapperContentWide h2 {
	color: #361f0b;
	font-size: 18px;
}
#wrapperContentWide #teaserBox {
 height: 262px;
	background: url(../images/teaser/de/teaser-mixer-start.jpg) no-repeat left top;
	position: relative;
}
#wrapperContentWide #teaserBox #various2 {
 position: absolute;
	left: 11px; 
	top:206px;
}
#wrapperContentWide #polaroid {
	position: absolute;
	z-index: 600;
	right: 0;
	top:17px;
	width: 302px;
}
#wrapperContentWide #grossTeaser {
	height: 289px;
}
#wrapperContentWide #rightColumn {
 z-index:500; 
	background: url(../images/bg-borderbox-silver-bottom.png) no-repeat right bottom; 
	color:#000;  
	width:302px; 
	position: absolute;
	top:305px;
	right: 0;
}
#wrapperContentWide #rightColumn2 { 
	color:#000;  
	width:302px; 
	float: right;
	margin-bottom: 20px;
	margin-top: 40px;
}
.borderBoxSilverOuter {
	background: url(../images/bg-borderbox-silver-bottom.png) no-repeat right bottom;
	color:#000;
	padding-bottom: 30px; 
}
.borderBoxSilverInner {
	background: url(../images/bg-borderbox-silver-top.png) no-repeat right top; 
	padding-top: 25px;
	min-height: 150px;
}
.borderBoxSilverInner h2 {
	font-size: 20px;
	color: #361f0b;
	margin: 0 23px;
}
.borderBoxSilverInner p {
	font-size: 13px;
	margin: 10px 23px 10px 23px;
}
.borderBoxSilverInner ul {
	list-style-type: none;
	margin: 0 1px;
	padding: 0;
}
.borderBoxSilverInner ul li {
	background: url(../images/bg-li-columnRight.png) no-repeat left top;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.borderBoxSilverInner ul li a {
	background: url(../images/columnRight-link-arrow.png) no-repeat left 2px;
	color: #000;
	padding-left: 15px;
	display: block;
	text-decoration: none;
}
.borderBoxSilverInner ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}
#wrapperContentWide #gallery {
	position:relative;
	height:325px
}
#wrapperContentWide 	#gallery a {
		float:left;
		position:absolute;
	}
	
#wrapperContentWide 	#gallery a img {
		border:none;
	}
	
#wrapperContentWide 	#gallery a.show {
		z-index:500
	}
#wrapperContentWide 	.caption {
	background: url(../images/bg-borderbox-silver-top.png) no-repeat right top; 
	padding-top: 25px;
	position: relative;
}
#wrapperContentWide .caption #exampleList {
 list-style-type: none;
	margin: 0;
	padding: 6px 1px 15px 1px;
	color: #000;
}
#wrapperContentWide .caption #exampleList li {
 height: 26px;
	display:block;
	color: #000;
}
#wrapperContentWide .caption #exampleList.c1 {
 background: url(../images/silver-box-rollover.png) repeat-x left top;
}
#wrapperContentWide .caption #exampleList.c2 {
 background: url(../images/silver-box-rollover.png) repeat-x left 26px;
}
#wrapperContentWide .caption #exampleList.c3 {
 background: url(../images/silver-box-rollover.png) repeat-x left 52px;
}
#wrapperContentWide .caption #exampleList.c4 {
 background: url(../images/silver-box-rollover.png) repeat-x left 78px;
}
#wrapperContentWide .caption #exampleList.c5 {
 background: url(../images/silver-box-rollover.png) repeat-x left 104px;
}
#wrapperContentWide .caption #exampleList li a {
 text-decoration: none;
	color: #000;
	padding-left:22px;
	cursor: pointer;
}

#wrapperContentWide #werbeartikelBox {
	position: absolute;
	z-index: 600;
	right: 11px;
	top:40px;
	width: 382px;
}
#wrapperContentWide #gallery-werbeartikel {
	position:relative;
	height:242px;
}
#wrapperContentWide 	#gallery-werbeartikel a {
		float:right;
		position:absolute;
	}
	
#wrapperContentWide 	#gallery-werbeartikel a img {
		border:none;
	}
	
#wrapperContentWide 	#gallery-werbeartikel a.show {
		z-index:500
	}
	
	
#wrapperContentWide #leftColumn {
 width: 640px;
	padding-top:30px;
}
#wrapperContentWide #leftColumn2 {
 width: 640px;
	padding-top:30px;
	float: left;
}
ul.vorteileBox {
 list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e2e2e2;
}
ul.vorteileBox li {
 padding: 12px 0 12px 40px;
	display: block;
	background: url(../images/haken-check.png) no-repeat left 15px;
	border-bottom: 1px solid #e2e2e2;
}

/* Kundenstimmen auf Firmenkaffee */
h2.heading-kundenstimmen {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 10px;
	margin-top: 25px;
}
.kundenstimmen {
 border-bottom: 1px solid #e2e2e2;
	padding: 0 115px 15px 0;
	background: url(../images/kundenstimmen-apostroph.png) no-repeat right top;
	margin-bottom: 15px;
}
.kundenstimmen h3 {
	color: #361f0b;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.kundenstimmen h4 {
	color: #361f0b;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.kundenstimmen-image { 
	float: left;
	width: 140px 
}
.kundenstimmen-bodytext { 
	float: right;
	width: 365px 
}


/* Seitenraster 2010 Mixerstart ende */

/* start Hauptnavigation */
#mainmenu {
 clear: both;
}
#mainmenu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 font-size: 14px;
}
#mainmenu ul li {
 font-weight: bold;
 color: #6e6e6e;
 /*display: inline;*/
	float:left;
}
#mainmenu ul li.blog {
}
#mainmenu ul li a {
 color: #6e6e6e;
 padding: 0 12px 0 6px;
 background: url(../images/mainnav-bull.png) no-repeat right center;
 text-decoration: none;
}
#mainmenu ul li.first a {
 padding-left: 0px;
}
#mainmenu ul li.last a {
 padding-right: 0px;
 background: none;
}
#mainmenu ul li a:hover,
#mainmenu ul li a:active {
 color: #af8554;
}
#mainmenu ul li.cur a, #mainmenu ul li.act a  {
 color: #af8554;
}
/* end Hauptnavigation */

/* start Content */
#wrapperContent {
	margin: 20px 0 0 0;
	font-size: 13px;
}
#mainContent {
	width:690px;
	float:left;
	padding-bottom:35px;
}
#mainContent h1 {
	color: #603a15;
	/*color:#FC6C00;*/
	font-size: 21px;
}
#mainContent h2 {
	color: #cba674;
	font-size: 18px;
}
#mainContent h3 {
	color: #999;
	font-size: 16px;
}
#contentInner {
	padding: 0 15px;
}
#contentInfo {
 padding: 30px 30px 40px 50px;
}

/* rechte Spalte */
#rightContent {
	width:230px;
	float:right;
}
#rightContent h2 {
	color: #603a15;
	font-size: 14px;
}

/* Untermenü */
h2.subemnuTitle {
 padding-left: 35px;
}
div.submenuOuter {
	background: url(../images/bg-submenu-top.png) no-repeat left top;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:210px;
	float:right; 
}
div.submenuInner {
	background: url(../images/bg-submenu-bottom.png) no-repeat left bottom;
	margin:0;
	padding: 0 15px 10px 15px;
}
ul.submenu {
	list-style-type: none;
	padding: 0;
	margin:0 0 0 10px;
}
ul.submenu li {
	list-style-type: none;
	padding: 3px 0;
}
ul.submenu li a {
	color: #b28954;
	text-decoration:none;
}
ul.submenu li a:hover {
	text-decoration:underline;
}
ul.submenu li.cur a {
	color: #603a15;
	font-weight:bold;
}

.borderbox-outer {
	background: url(../images/borderbox-top.png) no-repeat left top;
	margin:0 0 20px 0;
	padding:0px 0 0 0;
	width:210px;
	float:right;
}
.borderbox-inner {
	background: url(../images/borderbox-bottom.png) no-repeat left bottom;
	margin:10px 0 0 0;
	padding: 0 15px 10px 15px;
	font-size:12px;
}
.borderbox-inner.first {
	height: 180px;
}

.noborderbox {
	margin:0;
	padding: 10px 15px 10px 15px;
	font-size:12px;
	width:180px;
	color: #000;
	margin:0 0 20px 20px;
	float:right;
}

.borderbox-inner h1{
	color: #603a15;
	font-size: 16px;
}
.borderbox-inner h2 {
	color: #cba674;
	font-size: 14px;
}
.borderbox-inner a {
	color: #af8554;
	text-decoration:none;
}
.borderbox-inner a:hover {
	text-decoration:underline;
}

#oneColumnContent {
	padding: 0 20px;
}

#columnRight {
	width: 285px;
	float: right;
}
#columnRight h1 {
	font-size: 18px;
	color: #af8554;
}
#columnRight h2 {
	font-size: 16px;
	color: #7c4d26;
}
#columnRight h3 {
	font-size: 16px;
	color: #6e6e6e;
}

#content {
	float:left;
	width: 641px;
}
#twoColumnLeft {
	float:left;
	width: 621px;
	/*padding-left: 20px;*/
}
#content h1, #oneColumnContent h1, #twoColumnLeft h1 {
	color: #af8554;
	font-size: 21px;
	font-weight: normal;
}
h1.mb-header-shadowBox {
	padding-left: 15px;
}
#content h2, #oneColumnContent h2, #twoColumnLeft h2 {
	color: #7c4d26;
	font-size: 18px;
	font-weight: normal;
}
#content h3, #oneColumnContent h3, #twoColumnLeft h3 {
	color: #6e6e6e;
	font-size: 16px;
}


/* start Footer */
/*
#footerOuter {
	margin-top: 5px;
	padding: 0 5px;
	font-size: 11px;
	color: #000;
	clear: both;
}
.footermenu {
	border-bottom: 1px dashed #603a15;
	color: #603a15;
	padding-bottom: 3px;
}
#footerOuter .footermenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
}
#footerOuter .footermenu ul li {
	display: inline;
	color: #603a15;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/spacer-bullet-darkbrown.png) no-repeat right center;
}
#footerOuter .footermenu ul li.last {
	background: none;
}
#footerOuter .footermenu ul li a {
	color: #603a15;
	text-decoration: none;
	padding: 0 10px 0 7px;
}
#footerOuter .footermenu ul li a:hover {
	color: #af8554;
}
#footerOuter .footermenu ul li.cur a, #footerOuter .footermenu ul li.act a {
	color: #af8554;
}
#footerOuter .bookmarks {
	width: 400px;
	margin: 0;
	padding: 0;
	float:right;
	text-align:right;
}

#footerOuter .copyright {
	text-align: right;
	padding-top:3px;
}
#footerOuter .copyright a {
	color: #000;
	text-decoration: none;
}
#footerOuter .copyright a:hover {
	color: #af8554;
}
*/
/* end Footer */


/* Rahmenelement für Listingeinträge z.B. Farmerlisting */
.listingBox {
	clear:both;
	padding-top: 20px;
	margin-bottom: 20px;
}
/* RTE Rahmenelement für Einzug link 50px */
.indentLeft35 {
	padding-left: 35px;
}

/* infoBox */
.infoBoxOuter {
	background: url(../images/bg-shadowBox-top.png) no-repeat left top;
	width: 641px;
	margin: 0;
}
.infoBoxContent {
	padding: 20px 85px 0 35px;
}
#mainContent h1.description { color: #7c4d26; font-size: 14px; font-weight: bold; margin-top: 20px; }
#mainContent p.description { font-size: 13px; }
.infoBoxFooter {
	background: url(../images/bg-shadowBox-bottom.png) no-repeat left bottom;
	height: 18px;
	margin: 0;
}

/* Skalierbare Shadowboxen */
/* weisse Standardbox */
.shadowFloatBox_outer {
	background: url(../images/bg-floatbox_outer.png) no-repeat left top;
	margin: 0;
	padding: 0;
}
.shadowFloatBox_inner {
	background: url(../images/bg-floatbox_inner.png) no-repeat right top;
	padding: 15px;
}
.shadowFloatBox_inner.center {
	text-align: center;
}
.shadowFloatBoxFooter_outer {
	background: url(../images/bg-floatbox-footer_outer.png) no-repeat left bottom;
	margin: 0;
	padding: 0;
}
.shadowFloatBoxFooter_inner {
	background: url(../images/bg-floatbox-footer_inner.png) no-repeat right bottom;
	height: 15px;
	margin: 0;
	padding: 0;
}
/* Blaue Floatbox */
.shadowFloatBoxBlue_outer {
	background: url(../images/bg-floatboxBlue_outer.png) no-repeat left top;
	margin: 0;
	padding: 0;
}
.shadowFloatBoxBlue_inner {
	background: url(../images/bg-floatboxBlue_inner.png) no-repeat right top;
	padding: 15px;
}
.shadowFloatBoxBlue_inner.center {
	text-align: center;
}
.shadowFloatBoxBlueFooter_outer {
	background: url(../images/bg-floatboxBlue-footer_outer.png) no-repeat left bottom;
	margin: 0;
	padding: 0;
}
.shadowFloatBoxBlueFooter_inner {
	background: url(../images/bg-floatboxBlue-footer_inner.png) no-repeat right bottom;
	height: 15px;
}
/* 2-spaltiges Floating */
.shadowBoxWhite621_inner .left {
	float: left;
	width: 280px;
}
.shadowBoxWhite621_inner .right {
	float: right;
	width: 280px;
}
/* Shadowboxen mit feststehender Breite */
/* Weisse Box 621px breit */
.shadowBoxWhite621_outer {
	background: url(../images/bg-shadowBox-white-top_621.png) no-repeat left top;
	width: 621px;
}
.shadowBoxWhite621_inner {
	background: url(../images/bg-shadowBox-white-bottom_621.png) no-repeat left bottom;
	padding: 20px;
}
/* Hellblaue Box 285px breit */
.shadowBoxBlue285_outer {
	background: url(../images/bg-shadowBox-blue-top_285.png) no-repeat left top;
	margin-top:55px;
}
.shadowBoxBlue285_inner {
	background: url(../images/bg-shadowBox-blue-bottom_285.png) no-repeat left bottom;
	padding: 15px;
}

#buttonBox {
	padding-left: 50px;
	padding-right: 60px;
	color: #03c3d3;
}
#buttonBox h2 {
	color: #03c3d3;
}


/* Bubble Formular */
.bubbleFormOuter {
	background: url(../images/bg-bubbleFormOuter.png) no-repeat left top;
}
.bubbleFormInner {
	background: url(../images/bg-bubbleFormInner.png) no-repeat right top;
	padding: 70px 25px 10px 80px;
	margin: 0;
}
.bubbleFormFooterOuter {
	background: url(../images/bg-bubbleFormFooterOuter.png) no-repeat left bottom;
	margin: 0;
	padding: 0;
	height: 25px;
}
.bubbleFormFooterInner {
	background: url(../images/bg-bubbleFormFooterInner.png) no-repeat right bottom;
	height: 25px;
	margin: 0;
	padding: 0;
}


.paymentItem {
	margin-top: 15px;
	border-bottom: 1px dashed #6e6e6e;
}
input.radio_payment {
	width: 30px;
}
.payment_description {
	padding-left: 35px;
}

/* Typo3 szezifische Styles */
.csc-textpic-caption {
	font-size: 10px;
	font-weight: bold;
}
/* IE7 */
.csc-textpic h1 {
 padding-top:5px;
}
.csc-textpic-intext-left .csc-textpic-text h2 {
	margin:0;
}



/* Hausmarken */
.m2g_title {
	clear: both;
}
.m2g_title h2 {
 margin:0;
	padding:0;
}
.m2g_title .m2g_price {
	color:#603a15;
	font-size: 18px;
	font-style: italic;
}
.m2g_short_description {
	height: 40px;
}
.m2gMoreInfo {
	margin-bottom: 20px;
}

.sitemap ul {
 list-style-type: none;
	margin: 0 0 0 15px;
	padding:0;
	font-size:14px;
}
.sitemap ul li {
 padding-left: 18px;
	background: url(../images/li-list-image1.png) no-repeat left top;
	 margin-top:8px;
}
.sitemap ul li ul li {
 padding-left: 14px;
	margin-left: 12px;
	background: url(../images/li-list-image2.png) no-repeat left top;
 margin-top: 2px;
}
.sitemap ul li a {
 text-decoration: none;
	color: #603a15;
}
.sitemap ul li a:hover {
 text-decoration: underline;
}
.sitemap ul li ul li a {
 text-decoration: none;
	color: #b08754;
}
.sitemap ul li ul li a:hover {
 text-decoration: underline;
}
.sitemap_description { font-size:12px; color:#999; }

/* Hausmarkenseite */
.heading-handshake {
	background: url(../images/icon-handshake.png) no-repeat left top;
	padding:0 0 0 35px;
}
table.brandsListing td {
	padding-bottom:20px;
}


#cartAreaOuter {
clear: both;
}
#brand-detail-image {
	float: right;
	width: 270px;
	text-align: center;
}
.brand-detail-price, .product-detail-price {
	color: #603a15;
	font-size: 30px;
	padding-bottom:10px;
}
#addtocartArea {
	background: url(../images/bg-addtocart-area.png) no-repeat left top;
	float:left;
	width: 384px;
	height:305px;
	padding:0;
	margin-top:20px;
}
#addtocartAreaHeader {
	padding: 8px 15px 0 46px;
	height:23px;
	font-size:13px;
	color: #603a15;
	background: url(../images/bg-addtocart-area-header-icon.png) no-repeat 12px 4px;
}
#addtocartAreaContent {
	padding:15px;
	color:#603a15;
}

/* Produktdetailansicht Merchandising Bereich */
#productsDetailOuter {
 clear: both;
}
#productsDescription {
 width: 384px;
	float: left;
}
#productsDescription h2 {
 margin-top: 0;
}
#productsImage {
 width: 270px;
	float: right;
	text-align: center;
}

/* Footersitemap */
#footerSitemap {
	background: url(../images/bg-footersitemap.png) repeat-x left top;
	border-top: 1px dashed #cac2be;
}
#footerSitemapInner {
	margin: auto;
	padding: 35px 0 15px 0;
	width: 920px;
	color: #af8554;
	text-align: left;
}
ul.footernavBlock {
 margin: 0;
	padding: 0 15px 0 0;
	list-style-type: none;
	font-size: 11px;
	float: left;
	width: 169px;
}
ul.footernavBlock li {
	padding-bottom:4px;
	line-height: 100%;
}
ul.footernavBlock li.heading {
 color: #603a15;
	font-size: 14px;
	font-weight: bold;
	padding-bottom:12px;
}
ul.footernavBlock li a:hover {
 color: #603a15;
 text-decoration: none;
}
#footerSitemap .footermenu {
	padding: 0;
	border-bottom: 1px dashed #cac2be;
	border-top: 1px dashed #cac2be;
	margin-top: 35px;
}
#footerSitemap .footermenu ul {
	margin: 12px 0 8px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 600px;
}
#footerSitemap .footermenu ul li {
	color: #666;
	font-size: 12px;
	float: left;
}
#footerSitemap .footermenu ul li a {
	color: #666;
	text-decoration: none;
	padding-left: 7px;
	margin-right: 4px;
	background: url(../images/bullet-footermenu-grey.png) no-repeat left center;
}
#footerSitemap .footermenu ul li.first a {
	background: none;
	padding-left: 0px;
}
#footerSitemap .footermenu ul li a:hover {
	text-decoration: underline;
}
#footerSitemap .bookmarks {
	text-align: right;
	float: right;
	width: 320px;
	margin: 10px 0 10px 0;
}
#footerSitemap .copyright {
	text-align: right;
	font-size: 11px;
	color: #666;
	padding-top:4px;
}

#shoppingCart {
	padding-left:20px;
}

ul.lightmixerStepList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.lightmixerStepList li {
	display: block;
	height: 30px;
	padding-left: 30px;
	padding-top: 3px;
	font-weight: bold;
}
ul.lightmixerStepList li.one {
	background: url(../images/lightmixer-desc-step1.png) no-repeat left top;
}
ul.lightmixerStepList li.two {
	background: url(../images/lightmixer-desc-step2.png) no-repeat left top;
}
ul.lightmixerStepList li.three {
	background: url(../images/lightmixer-desc-step3.png) no-repeat left top;
}