@charset "utf-8";

/* Basics */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;}

.portletClear, .clear {
	margin:0;
	padding:0;
	clear:both;}

strong {
	font-weight:bold;}

a {
	color:#000;
	text-decoration:none;}

html {
	margin:0;
	padding:0;}

body {
	background-color:#ddd;
	background-image:url(/img/design/bg-body.gif);
	background-repeat:repeat-x;
	font-family: Georgia, Arial;
	font-size:12px;
	color:#000;
	line-height:18px;
	letter-spacing:normal;
	margin:23px 0 0 0;
	padding:0;}
ul {
	list-style:none;
}
ul.portletList {
	margin:0;
	padding:0;	
}
/* Basics */
	
/* Wrapper */
#wrapper {
	width:1020px;
	margin:0 auto;
	padding:0;
	position:relative;}
/* Wrapper */

/* Corners */
span.boxCorner span{
	height:4px;
	width:4px;
	position:absolute;
	background-repeat:no-repeat;}

span.cornerTopLeft {
	left:0px;
	top:0px;
	background-image:url(/img/design/corner-4px_tl.gif);}
	
span.cornerTopRight {
	right:0px;
	top:0px;
	background-image:url(/img/design/corner-4px_tr.gif);}
	
span.cornerBottomRight {
	right:0px;
	bottom:0px;
	background-image:url(/img/design/corner-4px_br.gif);}
	
span.cornerBottomLeft {
	left:0px;
	bottom:0px;
	background-image:url(/img/design/corner-4px_bl.gif);}
/* Corners */

/* TOP */
#topWrapper {
	position:relative;
	margin:0 0 11px 0;
	padding:0 20px;}

#topGenNav {
	position:relative;
	float:right;
	width:480px;
	color:#fff;
	text-align:right;
	padding:6px 20px 6px 0;}
	
#topGenNav ul {
	margin:0;
	padding:0;
	list-style:none;}
	
#topGenNav ul li {
	margin:0 25px 0 0;
	padding:0;
	display:inline;}
	
#topGenNav ul li.portletLast {
	margin:0 !important;}

#topGenNav ul li a {
	color:#000;
	text-decoration:none;}

#topGenNav ul li a:hover {
	text-decoration:underline;}

span.phoneNr {
	float:left;
	font-size:18px;
	padding:4px 0 0 0;}

a.topLink {
	float:left;
	color:#fff;
	text-decoration:none;
	background-image:url(/img/design/bg-but-gen.gif);
	background-repeat:no-repeat;
	padding:6px 0;
	width:156px;
	margin:0 100px 0 0;
	text-align:center;}
/* TOP */

#contentWrapper {
	position:relative;
	background-color:#FFF;}

/* HEAD */
#headerBox {
	position:absolute;
	width:884px;
	height:380px;
	overflow:hidden;
	margin:0 0 0 116px;
	z-index:10;}
	
#overPic {
	position:absolute;
	margin:307px 0 0 116px;
	z-index:20;}

#mainNav {
	position:absolute;
	background-image:url(/img/design/bg-nav.gif);
	background-repeat:repeat-x;
	width:622px;
	height:50px;
	left:20px;
	top:400px;}
	
#logoOverPic {
	position:absolute;
	margin:260px 0 0 0;
	z-index:40;}
	
#navTxt {
	position:absolute;
	width:622px;
	margin:442px 0 0 20px;
	z-index:80;}

#navTxt ul {
	position:absolute;
	list-style:none;
	margin:0;
	padding:16px 0 0 75px;
	z-index:50;}

#navTxt ul li {
	display:inline;
	padding:0 30px 0 0;}

#navTxt ul li.portletLast {
	display:inline;
	padding:0 !important;}

#navTxt ul li a {
	color:#FFF;
	font-size:18px;}

#navTxt ul li a:hover {
	text-decoration:underline;}
/* HEAD */

#rightWindow {
	position:absolute;
	width:328px;
	left:657px;
	top:110px;
	z-index:50;}

/* BASKET */
img.basketTop {
	width:328px;
	height:10px;
	max-height:10px;}
	
#basketWrapper {
	position:relative;
	background-image:url(/img/design/bg-basket.gif);
	background-repeat:repeat-x;
	background-color:#a3ba3c;
	width:328px;
	min-height:490px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;}

#basketWrapper h3 {
	font-family: Georgia, Arial;
	color:#FFF;
	font-size:24px;
	padding:20px 0 18px 20px;
	margin:0;
	font-weight:normal;}

.portletCart .portletMessage, .articleWrapperMessage {
	font-size:12px;
	background-color:#FFF;
	padding:3px 10px;
	margin:0 20px 2px 20px;
	display:block;
	clear:both;}

.portletCart .portletEntry .portletInfo, .articleWrapper {
	font-size:12px;
	background-color:#FFF;
	margin:0 20px;
	padding:3px 10px;
	display:block;
	clear:both;}

.portletCart .portletEntry .portletInfo .portletQuantity, .articleQuantity {
	float:left;
	width:20px;
	text-align:right;}

.portletCart .portletEntry .portletInfo a,.articleName {
	float:left;
	width:180px;
	padding:0 0 0 10px;
	text-align:left;}

.portletCart .portletEntry .portletInfo .portletPrice, .articlePrice {
	float:right;
	width:50px;
	text-align:right;}
	
.portletCart .portletFunction, .acticleSetting {
	clear:both;
	text-align:right;
	padding:0 20px 0 0;
	margin:0 0 2px 0;}
.portletShopProduct .portletEntry a span {
	float:left;
	clear:both;	
}
.acticleSetting img {
	margin:0 0 0 1px;
	padding:0;}
	
.portletCart .portletSpacer, .totalLine {
	clear:both;
	border-top:#FFF 1px solid;
	margin:0 20px 2px 20px;}

.portletCart .portletTotal, .articleTotal {
	font-size:12px;
	background-color:#FFF;
	margin:0 20px 10px 20px;
	padding:3px 10px;
	display:block;
	clear:both;}

.portletCart .portletTotal .portletLabel,.articleTotalTxt {
	float:left;
	width:100px;
	padding:0 0 0 30px;
	text-align:left;
	font-weight:bold;}

.portletCart .portletTotal .portletValue, .articleTotalPrice {
	float:right;
	width:100px;
	text-align:right;
	font-weight:bold;}

.openingWrapper {
	font-size:12px;
	background-color:#FFF;
	margin:0 20px 2px 20px;
	padding:3px 5px;
	display:block;
	clear:both;}

.openingDay {
	float:left;
	text-align:left;}

.openingTime {
	float:right;
	text-align:right;}

.submitGenForm, .portletCheckout .portletSubmit input {
	background-color:#000;
	border:none;
	color:#fff;
	font-family:Georgia, Arial;
	font-size:12px;
	margin:0 20px;
	padding:4px 0 4px 0;
	width:288px;
	text-align:center;
	cursor:pointer;}
.portletCheckout ul, .portletCheckout li {
	margin:0;
	padding:0;	
}
.portletError {
	padding:0 20px 2px 20px;
}
.portletError ul li {
	padding-bottom:2px;
}
.portletCheckout .portletEntry, .formRow {
	padding:0 20px 2px 20px;
	clear:both;}
.portletCheckout .portletText {
	float:left;
	margin:0 2px 0 0;	
}
.portletCheckout .portletEntry .portletText label {
	display:inline;
	position:absolute;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding: 3px 0 0 6px;
	margin:0 0 3px;
	cursor:text;
	font-family:Georgia, Arial;
	font-size:12px;
}
.portletCheckout .portletEntry .portletText label em {
	color:#f00;	
}
.portletCheckout .portletEntry .portletText.portletActive label {
	opacity:0.15;
	filter:alpha(opacity=15);
} 
 .portletCheckout .portletEntry .portletSelect label {
 	display:none;
 }
.portletCheckout .portletEntry .portletText input, input.inputGenForm {
	background-color:#fff;
	border:none;
	color:#000;
	font-family:Georgia, Arial;
	font-size:12px;
	height:18px;
	margin:0 0 3px;
	width:136px;
	padding:5px 0 0 6px;}

input.inputGenFormLast {
	float:left;
	background-color:#fff;
	border:none;
	color:#000;
	font-family:Georgia, Arial;
	font-size:12px;
	height:18px;
	margin:0 0 3px;
	width:137px;
	padding:5px 0 0 6px;
	margin:0 !important;}

.textareaGenForm, .portletCheckout .portletText textarea{
	background-color:#fff;
	border:none;
	color:#000;
	font-family:Georgia, Arial;
	font-size:12px;
	height:75px;
	margin:0;
	padding:5px 0 0 6px;
	width:282px;}

.inputGenFormDropDown, .portletSelect select {
	background-color:#fff;
	border:none;
	color:#000;
	font-family:Georgia, Arial;
	font-size:12px;
	margin:0;
	padding:3px 3px 3px 3px;
	width:143px;}
/* BASKET */

/* OPENING TIMES */
#openingTimes {
	background-image:url(/img/design/bg-times.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	width:328px;
	height:171px;
	margin:0 0 20px 0;}

#openingTimes h3 {
	color:#FFF;
	font-size:24px;
	padding:30px 0 18px 20px;
	margin:0;
	font-weight:normal;}
/* OPENING TIMES */

/* DELIVERY CITY */
#deliveryCity {
	background-image:url(/img/design/bg-times.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	width:328px;
	height:171px;
	margin:0 0 20px 0;}

#deliveryCity h3 {
	color:#FFF;
	font-size:24px;
	padding:30px 0 18px 20px;
	margin:0;
	font-weight:normal;}
/* OPENING TIMES */

/* CONTENT */
#contentTxt {
	padding:460px 0 40px 20px;
	width:622px;
	min-height:560px;}
	
#contentTxt h1 {
	font-family: Georgia, Arial;
	font-size:24px;
	padding:20px 0 18px 0;
	font-weight:normal;}
	
#contentTxt p {
	margin-bottom:12px;}
	
#contentTxt .portletArtikel ul {
	list-style:disc;}
	
#contentTxt .portletArtikel .portletShopProduct ul {
	list-style:none;}

.portletShopProduct .portletCategory, .articleListElement {
	border-top:1px solid #c1c1c1;
	padding:10px 0;
	clear:both;
	width:622px;}

.portletShopProduct .portletImage, .articleListPic {
	position:relative;
	float:left;
	overflow:hidden;
	width:165px;
	height:120px;
	margin:0 20px 0 0;
	padding:0;
	background-color:#fff;
	text-align:center;}

.portletShopProduct .portletImage img {
	max-height:120px;}

.portletShopProduct .portletDesc, .articleListDescription {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:170px;}

.portletShopProduct .portletDesc h2, .articleListDescription h2 {
	font-weight:bold;
	line-height:18px;
	font-family: Georgia, Arial;
	font-weight:bold;}

.portletShopProduct .portletDesc p, .articleListDescription p {
	line-height:18px;}

.portletShopProduct .portletEntries,.aricleListVariants {
	float:right;}

.portletShopProduct ul.portletEntries, .aricleListVariants ul {
	list-style:none;
	margin:0;
	padding:0;}

.portletShopProduct .portletEntries .portletEntry, .aricleListVariants ul li {
	float:left;
	width:78px;
	height:66px;
	margin:0 2px 0 0;}

.portletShopProduct .portletEntries .portletEntry a, .aricleListVariants ul li a {
	background-image:url(/img/design/bg-order-but.gif);
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	padding:4px 4px 8px 4px;}

.portletShopProduct .portletEntries .portletEntry a:hover,
.aricleListVariants ul li a:hover {
	background-image:url(/img/design/bg-order-but-active.gif);
	background-repeat:no-repeat;}

.portletHidden {
	visibility:hidden;
}
/* CONTENT */

/* FORM */
#contentTxt .portletFieldset, 
#contentTxt .fieldsetForm {
	background-image:url(/img/design/bg-form.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border:none;
	text-align:left;
	color:#000;
	margin:0;
	padding:0;}

#contentTxt .portletFieldset ul,
#contentTxt .fieldsetForm ul{
	list-style:none;
	margin:0;
	padding:0;}

#contentTxt .portletFieldset ul li,
#contentTxt .fieldsetForm ul li{
	min-height:30px;
	margin:0;
	padding:0;
	border-top:1px solid #fff;}

#contentTxt .portletFieldset ul li p,
#contentTxt .fieldsetForm ul li p{
	border-top:1px dashed #73424a;
	margin:0;
	padding:18px 0 0 0;}

#contentTxt .portletFieldset ul li label,
#contentTxt .fieldsetForm ul li label{
	padding:3px 0 0 0;}

#contentTxt .portletFieldset a:link, #contentTxt .portletFieldset a:visited,
#contentTxt .fieldsetForm a:link, #contentTxt .fieldsetForm a:visited{
	color:#73424a;
	text-decoration:underline;}

#contentTxt .portletFieldset a:hover, #contentTxt .portletFieldset a:active,
#contentTxt .fieldsetForm a:hover, #contentTxt .fieldsetForm a:active{
	text-decoration:none;}
	
#contentTxt #captchaImage {
	width:146px; 
	border:none;}

#contentTxt .textareaGenForm, .portletTextarea{
	font-family:Georgia, Arial;
	font-size:14px;
	padding:4px 0 0 5px;
	margin:0 0 18px 0;
	width:270px;
	border:1px solid #ccc;
	float:right;
	height:100px;
	background-color:#fff;
	background-image:url(/img/design/bg-form.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	color:#535353;}

#contentTxt .inputGenForm, #contentTxt .text, .portletInputText{
	font-family:Georgia, Arial;
	font-size:14px;
	padding:4px 0 0 5px;
	margin:0 0 3px 0;
	width:270px;
	height:22px; 
	border:1px solid #73424a;
	float:right;
	background-color:#73424a;
	color:#fff;}



#contentTxt .portletSelect{
	font-family:Georgia, Arial;
	font-size:12px;
	padding:3px 3px 3px 3px;
	margin:0 0 3px 0;
	width:277px; 
	border:1px solid #ccc;
	float:right;
	color:#535353;}

#contentTxt .inputGenFormDropDown{
	font-family:Georgia, Arial;
	font-size:14px;
	padding:0 0 0 5px;
	margin:0 0 12px 0;
	width:277px; 
	border:1px solid #73424a;
	float:right;
	background-color:#73424a;
	color:#fff;}

#contentTxt .inputGenFormSmall{
	font-family:Georgia, Arial;
	font-size:14px;
	padding:4px 0 0 5px;
	margin:0 0 3px 0;
	width:30px;
	height:22px; 
	border:1px solid #73424a;
	background-color:#73424a;
	color:#fff;}

#contentTxt .labelGenForm, #contentTxt .portletLabel{
	float:left;}

#contentTxt .legendGenForm{}

#contentTxt .liGenForm{
	display:block;
	clear:both;}

#contentTxt .liGenForm input, .portletInputText{
	font-family:Georgia, Arial;
	font-size:12px;
	padding:4px 0 0 5px;
	margin:0 0 3px 0;
	min-width:139px;
	height:22px; 
	border:1px solid #ccc;
	background-color:#fff;
	background-image:url(/img/design/bg-form.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	color:#535353;}

#contentTxt .submitGenForm, #contentTxt .portletSubmit{
	margin:10px 0 40px 0;
	border:none;
	background-color:#535353;
	color:#fff;
	font-size:14px;
	padding:3px 14px 6px 14px;
	text-transform:lowercase;
	cursor:pointer;}
	
#contentTxt .textareaGenForm{}

#contentTxt .ulGenForm{
	margin:0 !important;
	padding:0 !important;}
/* FORM */


/* Gallery */
.portletActionBar {
	clear:both;}
	
.portletGalerie ul {
	list-style:none;
	margin:0;
	padding:0;}
	
.portletGalerie div.portletImageList li.portletListEntry {
	height:100px !important;
	max-height:100px !important;
	width:150px !important;
	max-width:150px !important;
	overflow:hidden !important;
	border:3px solid #ccc;}

.portletGalerie div.portletImageList ul li {
	float:left;
	margin:0 10px 0 0;}
	
.portletImageList ul li a {
	text-decoration:none; }

.portletImageList {
	margin:0 0 20px 0;}
/* Gallery */

/* Zutaten */
.portletItemView ul li {
	border-bottom:1px dashed #666;
	margin-bottom:4px;
	padding-bottom:4px;}
	
.portletItemView ul li input {
	margin-right:20px;}
/* Zutaten */

/* Downloads */
.portletDownloads ul li {
	border-bottom:1px dashed #666;
	margin-bottom:4px;
	padding-bottom:4px;}
	
.portletDownloads ul li a {
	font-weight:bold;}
	
.portletDownloads a.portletLinkBack{
	border-top:1px dashed #666;
	padding-top:4px;
	display:block;
	font-weight:normal;}
	
.portletDownloads a.portletDatei{
	margin-bottom:14px;
	font-weight:bold;
	display:block;}
	
.portletDownloads h3{
	background-color:#666;
	color:#fff;
	padding:4px 10px;
	font-size:14px;}
/* Downloads */

/* Warning */
#rightWindow .portletError  {
	background-color:#fff !important;
	border:1px dashed #ff0000;
	padding:15px !important;
	color:#ff0000 !important;
	margin:0 20px 20px 20px !important;}

.portletError, .portletWarn  {
	background-color:#fff !important;
	border:1px dashed #ff0000;
	padding:15px !important;
	color:#ff0000 !important;}
	
.portletError ul, .portletError ul li {
	margin:0 !important;
	padding:0 !important;}
	
.portletWarn .portletHead, .portletError .portletHead {
	font-weight:bold;
	font-size:14px;}
	
.portletWarn .portletEntry {
	margin-bottom:0;}
/* Warning */

/* Checkout */
.portletCheckoutOverview h2 {
	font-weight:bold;
	font-size:14px;
	padding:14px 0 7px;}
	
.portletCheckoutOverview .portletSubmit {
	background:none !important;
	margin-left:0 !important;
	padding-left:0 !important;
	border-top:1px dashed #666 !important;
	padding-top:4px !important;
	display:block !important;
	cursor:auto !important;}
	
.portletCheckoutOverview .portletItemView ul {
	margin-left:0 !important;
	padding-left:0 !important;}
	
.portletCheckoutOverview .portletItemView ul li {
	border:none !important;
	margin-left:0 !important;
	padding-left:0 !important;}
	
.portletCheckoutOverview .portletName {
	border-top:1px dashed #666;
	padding-top:4px;
	font-weight:bold;}
	
.portletCheckoutOverview .portletTotalPriceWithVAT {
	border-top:1px dashed #666;
	padding-top:4px;
	font-weight:bold;
	color:#090;}
.portletCheckoutOverview .portletTotalPriceWithVAT .portletLabel {
	padding: 0 20px 0 0;
}
#portletCheckoutSuccess {
	border: 1px dashed green;
	padding: 15px;
	color: green;
	font-weight:bold;
}
/* Checkout */