body { line-height: 1.3em; }
#header { margin-bottom: 1px !important; }
#slidedown { 
	background: #a0ae3e url('images/bg_slidedown.gif') no-repeat bottom left; 
	margin: 0 0 7px 20px; 
	color: #fff; 
	text-align: left;
	width: 790px; 
	padding: 4px 5px; 
}
.nobgimage { background-image: url(images/1x1.gif) !important; }

#wsslide { 
	background: #dce6a6 url('images/bg_slide_webshop.gif') no-repeat bottom right; 
	margin: 0; 
	color: #fff; 
	width: 576px; 
	padding: 9px 12px 3px;
	font-size: 12px; 
}
#wsslidecontent {
	color: #333;
	padding: 0 0 12px;
}
#wsslidefooter { padding: 0 0px 2px 0;  }
/* sprites */
#wunschliste, #bestellung, #kasse, #warenkorb, #detailsearch, .details, .wunschliste_add, .ico_schmecken, .ico_kochtipps, .ico_infos, .ico_rezepte, .ico_alphabetisch, .ico_neu, .ico_bestseller, #ico_lose, #ico_beutel, .ico_arrow_right, .ico_arrow_down 
{  background: url(images/sprite-icons.png) no-repeat; }
.ico_arrow_right { background-position: 100% -1164px; padding-right: 14px; margin-right: 0px; }
.ico_arrow_down { background-position: 100% -1200px; padding-right: 20px; margin-right: 0px; }
#detailsearch { background-position: 0 -1253px; padding-left: 18px; margin-right: 15px; }
#wunschliste { background-position: 0 -680px; padding-left: 18px; margin-right: 15px; }
#bestellung { background-position: 0 -76px; padding-left: 20px; margin-right: 15px; }
#kasse { background-position: 0 -303px; padding-left: 25px; margin-right: 0px; font-size: 14px; color: #333 !important; }
#warenkorb { background-position: 0 -588px; padding-left: 20px; margin-right: 0px; color: #333 !important; }
.details {  background-position: 0 -215px;  padding-left: 20px; }
.wunschliste_add {  background-position: 0 -720px; padding-left: 20px; }
.wsline { background: url('images/bg_wsslide_line.gif') repeat-x bottom left; padding-bottom: 3px; margin-bottom: 3px;}
.wslinep { padding-bottom: 3px; margin-bottom: 3px; }

.ico_schmecken { background-position: 0 -631px; padding: 5px 0  5px 20px; display: block; }
.ico_kochtipps { background-position: 0 -352px;   padding: 5px 0  5px 20px; display: block; }
.ico_infos { background-position: 0 -254px;  padding: 5px 0  5px 20px; display: block; }
.ico_rezepte { background-position: 0 -539px;   padding: 5px 0  5px 20px; display: block; }
.ico_alphabetisch { background-position: 0 -30px;  padding: 5px  5px 5px 18px;  }
.ico_neu { background-position: 0 -493px;  padding: 5px 5px 5px 18px;  }
.ico_bestseller { background-position: 0 -122px;  padding: 5px  5px 5px 18px;  }
#ico_lose { background-position: 0 -450px;  padding-left: 13px; padding-right:2px; }
#ico_beutel { background-position: 0 -168px; padding-left: 13px; padding-right:2px; }
/* sprites ENDE */


#wsteaser, .wsteaser { border-top: 1px solid #000; padding: 12px 0 0; }

.carouselnav { border-top: 1px solid #d4c4b0;  padding: 10px 0; margin: 7px 0 0; color: #aa8a61; }
#jcarousel-control a {zoom: 1;}

.carousel_dots, .carousel_dots_active { background:  url(images/bg_dots.gif) no-repeat top left; width: 12px; height: 18px; display:inline-block; text-indent: -2000px; }
.carousel_dots_active { background-position: bottom left }
.tea_carouselimage { height: auto !important; height: 100px; min-height: 100px; text-align: center; }
.wsproduct { width: 300px; float: left; margin: 7px 0; }
.wsproduct p { margin: 0 0 .5em; line-height: 1.3em; }

.vborder { background: url(images/bg_vr.gif) repeat-y top right; } 
.vborder300 { background: url(images/bg_vr.gif) repeat-y 300px 0; } 
.vborder420 { background: url(images/bg_vr.gif) repeat-y 420px 0; } 
.hborder { border-top: 1px solid #000000; margin: 1em 0; }
	
.bline { border-top: 1px solid #d4c4b0; margin: 3px 0 6px; }
.font12 { font-size: 12px !important; }
.font20 { font-size: 20px !important; }
.w30 { width: 30px !important; }
.w35 { width: 35px !important; }

.w122 { width: 122px; }
.w160 { width: 160px; }
.w200 { width: 200px !important; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w255 { width: 255px; }
.w260 { width: 260px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w420 { width: 410px; padding-right: 10px; }
.w180 { width: 180px; }
.w50p { width: 49%; }
.white, a.white, a.white:link, a.white:hover { color: #fff !important; }
.beige, a.beige, a.beige:link, a.beige:hover { color: #aa8a61 !important; }
.grey, a.grey, a.grey:link, a.grey:hover { color: #333 !important; }
.pl10 { padding-left: 10px; }
.pl9 { padding-left: 9px; }
.padding5px { padding: 5px 0; }
.txtcenter { text-align: center !important; }
.txtright { text-align: right !important; }
div#leftmenu-design li { border-top: 1px solid #967A57; padding: 4px 0;}
div#leftmenu-design li a { color: #967A57; }
div#leftmenu-design li li { padding: 0 0 0 12px; background:url(images/bg_nav.gif) no-repeat 0 5px; }
div#leftmenu-design li li.selected { padding: 0 0 0 12px; background:url(images/bg_nav_a.gif) no-repeat 0 5px; }
.overflowhidden { overflow: hidden; }
ul.alist {list-style-type: none; margin:0 20px 0 0; padding:0; }
.alist li { background: url(images/bg_allergiehinweis_li.gif) no-repeat 0 5px; padding: 0px 0 0 15px; font-size: 12px; }
.alist li.aktiv { background: url(images/bg_allergiehinweis_li_aktiv.gif) no-repeat 0 5px; padding: 0px 0 0 15px; font-size: 12px; }
.bggreen { background-color: #f1f6d8; border: 0px; }

label { float: left; padding-right: 10px; }

.buttonblock {
	background:transparent url(images/bg_button.gif) no-repeat scroll left bottom;
	display:block;
	height:22px;
	margin:0 2px 0 0;
	padding:0;
	
}
input.button, input.defaultbutton { 
	background:transparent url(images/bg_button.gif) no-repeat scroll 100% 2px;
	border:0 none;
	cursor:pointer;
	height:24px;
	margin:-2px 0 0 2px;
	padding:0 6px 0 4px;
	color: #fff;
	font: normal 12px Georgia,"Times New Roman",Times,serif;
}

.input300 input, .input300 select, .input300 textarea { width: 300px; float: left; }
fieldset { padding: 5px 0; }
.helpBubbleInfo, .infoBubbleInfo { position: relative; }
.popup {  color: #333333; display: none; position: absolute; display: block; /* keeps the popup hidden if no JS available */ }

#wshelp_top { 
	background: url(images/bg_wshelp.png) no-repeat scroll top left;
	padding: 10px 25px 0px 27px;
	width: 259px;
	color: #5d7200;
	font-size: 12px;
	height: auto !important;
	height: 45px;
	min-height: 45px;
}
#wshelp_bottom { 
	background: url(images/bg_wshelp.png) no-repeat scroll bottom left;
	height: 14px;
	overflow: hidden;
	width: 311px;
}
#wsinfo_top { 
	background: url(images/bg_wsinfo.gif) no-repeat scroll top left;
	padding: 25px 15px 0px 15px;
	width: 152px;
	font-size: 12px;
	height: auto !important;
	height: 45px;
	min-height: 45px;
}
#wsinfo_top p { margin: 0; padding: 0; }

#wsinfo_bottom { 
	background: url(images/bg_wsinfo.gif) no-repeat scroll bottom left;
	height: 19px;
	overflow: hidden;
	width: 182px;
}
.bnprev {
	float: left;
}
.bnnext {
	float: right;
}

table.renderedtable, table.renderedtable td { border: none; font-size: 12px; }
th { font: normal 11px Georgia; color: #b09c81; background-color: #ffffff !important; padding: 3px; }
.orange { color: #ff6600; }

table.shoptable, table.shoptable td { border: none; font-size: 12px; }
th { font: normal 11px Georgia; color: #b09c81; background: #fff url(images/trenner_th.gif) no-repeat center right !important; text-align: left; padding: 10px 3px !important; }
.dottedBorderTop td { background: url(images/bg_hr.gif) repeat-x top left;  padding: 10px 3px !important;}
.hr { background: url(images/bg_hr.gif) repeat-x top left;  padding: 10px 0px !important;}
.hrgreen { border-top: 1px solid #a0ae3f; margin: 1em 0; height: 1px; overflow: hidden; }
div.shop-basket table td.product-subtotal, div.shop-confirmorder table td.product-subtotal, div.shop-orderview table td.product-subtotal
{
    border-top: 1px solid #000000; 
}
.ico_neu_mnu {  background: url(images/icon_neu.gif) no-repeat center right; padding: 0 20px 0 0; height: auto !important; height: 13px; min-height: 13px; }

#shopNavigator { border-bottom: 1px solid #cbc8c1; padding: 1em 0; margin-bottom: 10px; }
.no1, .no1a, .no2, .no2a, .no3, .no3a, .no4, .no4a {  background: url(images/sprite-icons.png) no-repeat; padding: 0 10px 0 20px; height: auto !important; height: 16px; min-height: 16px; float: left; color:#5d7200; font-size: 12px; }
.no1a { background-position: 0 -761px; } 
.no1 { background-position: 0 -806px; } 
.no2a { background-position: 0 -851px; } 
.no2 { background-position: 0 -896px; } 
.no3a { background-position: 0 -941px; } 
.no3 { background-position: 0 -986px; } 
.no4a { background-position: 0 -1031px; } 
.no4 { background-position: 0 -1076px;  } 

.pb1em, .paddingbottom1em { padding-bottom: 1em; }


.bold { font-weight: bold; }
.green { color: #5D7200; }
.nopadding { padding: 0 !important; } .nomargin { margin: 0 !important; }
.acc, .acctop, .accbottom { width: 155px; padding: 2px 10px; border-bottom: 1px solid #fff; background-color: #a0ae3e; font-size: 12px; }
.acctop { padding: 10px; background: #dce5a6 url(images/bg_acclike.gif) no-repeat 0 0; }
.accbottom { padding: 2px 10px 6px; background: #a0ae3e url(images/bg_acclike.gif) no-repeat bottom right; }

td.voucher { background: #c9dcf1 }
td.bgvoucher { background: #c9dcf1 }
#gutscheinBox { background: #c9dcf1 url(images/bg_gutschein-einloesen.jpg) no-repeat top left; padding-left: 260px; height: auto !important; height: 70px; min-height: 70px; margin-bottom: 1em;}
#mytabbis { background: #dce6a7; padding: 20px; }

.alltabs { background: #dce6a7; display: none; }
.alltabs #cc,.alltabs #ba, .alltabs #re , .alltabs #vo { padding: 20px; width: 560px;  } 
.tab { padding-left: 10px; margin-right: 1px; }
.tab2 { padding: 10px 15px 10px 0; }
.tabaktiv .tab { background: url(images/bg_tab.gif) no-repeat top left; }
.tabaktiv .tab2 { background: url(images/bg_tab.gif) no-repeat top right;}
.tcaktiv { display: block !important; }

ul.cats { padding: 0 0 0 7px; margin: 0; list-style-type: none; }
ul.cats li { list-style-type: none; }
.cats li { padding: 0 0 3px 12px; background:url(images/bg_li.gif) no-repeat 0 5px; }

.popup ul.cats li {  margin: 0; }

#wsgutschein { background: #C9DCF1 url(images/bg_webshop-gutschein.gif) no-repeat top left; padding: 90px 10px 10px; margin-bottom: 1em;}

.error { color: #ff6803; }

#productcategory ul { padding: 0; margin:0; }
#productcategory li {
	padding: 0 0 10px; margin:0 0 10px; 
	float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 600px;

}
.block { display: block; }