*					{ font:12px Arial, Helvetica, Verdana, sans-serif;line-height:16px;letter-spacing:0px; }
body				{ color:#000;margin:0;background:#fcf7f9 url(../bilder/beeler_balken.gif) 0 25px repeat-x; } /* fcf7f9 */
body.print			{ background-color:#ffffff;background-image:none; }

hr.sterne			{ background:transparent url(../bilder/sterne.gif) center 0 no-repeat;height:10px;width:320px; }

p					{ margin:0 0 10px 0; }
#inhalt p			{ max-width:580px; }
p.beschrieb,
ul					{ width:320px; }
p.bild				{ float:right;clear:right;overflow:hidden; }
p.menge				{ float:left;width:230px;margin:0; }
p.preis				{ text-align:right;width:300px;margin:0; }
p.wochentag			{ float:left;width:50px;margin:0; }
p.laden				{ float:left;width:150px;margin:0; }
p.cafe				{ width:320px;margin:0; }
p.bez				{ width:80px;float:left; }

strong				{ font-size:inherit !important;font-weight:900; }

/**** ZELLENDEFINITIONEN ****************************************************/
table				{ border-collapse:collapse; }
td					{ vertical-align:top; }
td.rand				{ border:1px solid #ccc;padding:2px; }
td.total			{ background-color:#eeeeee;	}
td.urukai			{ color:#bcbcbc;text-align:right; }
td.main				{ color:#a8006a;font-size:14px;letter-spacing:0px; }
td.unternav			{ color:#a8006a; }
td.fehler			{ color:#ff0000; }
td.sterne 			{ vertical-align:middle;text-align:center;padding:10px 0 0 0; }
td.liste 			{ height:18px;vertical-align:middle; }

table.cart			{ margin-bottom:10px;width:340px; }
table.cart td		{ border:1px solid #ccc;background-color:#fff;padding:2px; }
table.cart tr.total td	{ border-top:2px solid #999;border-bottom:2px solid #999;font-weight:900;}

/**** TITELDEFINITIONEN *****************************************************/
h1,h2, h3, h4		{ font-size:16px;font-weight:bold;line-height:31px;letter-spacing:1px;color:#000000;margin:0;padding:0 0 10px 0; }
h1,h2				{ font-size:14px;letter-spacing:0px;line-height:20px;margin:0;padding:0 0 5px 0; }
h1					{ font-size:24px;font-weight:100;margin:20px 0 20px 0;padding:0 0 10px 0;border-bottom:1px solid #777; }
h2					{ color:#000;font-size:16px;font-weight:100;margin:10px 0 5px 0;padding:0 0 5px 0; }
h3					{ font-size:12px;letter-spacing:0px;margin:0 0 -8px 0;padding:0 0 3px 0; }
h4 					{ font-size:12px;letter-spacing:0px;margin-bottom:-8px;margin-top:0px;padding:0px; }

/**** LINKS IM TEXTFLUSS ****************************************************/
a:link, a:visited	{ color:#a8006a;text-decoration:none }
a:hover, a:active	{ text-decoration:underline }

/**** HAUPTNAVIGATION *****************************************************/
#navigation a:link,
#navigation a:visited	{ color:#bf6d8e;text-decoration:none;font-size:16px;margin-right:20px; }
#navigation a:hover		{ color:#f18ab4; }
#navigation a:active	{ color:#f18ab4; }
#navigation a.selected	{ color:#f18ab4 !important; }


/**** UNTERNAVIGATION *****************************************************/
a:link.unternav,
a:visited.unternav
{
	display:block;
	color:#a8006a;
	text-decoration:none;
	background:url(../bilder/bullet.gif) 0 1px no-repeat;
	padding:0 0 3px 10px;
	line-height:15px;
}

a:hover.unternav,
a:active.unternav
{
	text-decoration:underline;
}

div#subnav
{
	margin:13px 0 0 0;
}

div#subnav a.unternav
{
	width:110px;
	margin:0 0 15px 0;
}

/**** URUKAI-LINKS ************************************************************/
a:link.urukai		{ color:#bbbbbb;
					  text-decoration:none }

a:visited.urukai	{ color:#bbbbbb;
					  text-decoration:none }

a:hover.urukai		{ color:#888888;
					  text-decoration:underline }

a:active.urukai		{ color:#000000;
					  text-decoration:underline }





/**** SCHRIFT DIVERSE ANGABEN *************************************************/
font.hell {
	color:#666666;
}

font.rot {
	color:#ff0000;
}

font.riesig {
	font-size:20px;
	font-weight:900;
}



/**** FORMULARANGABEN *********************************************************/
input.feld			{ color:#000000;
					  line-height:16px;
					  font-family:Arial, Helvetica, Verdana, sans-serif;
					  border-width:1px;
					  border-color:#cccccc;
					  border-style:solid;
					  background-color:#ffffff;
					  width:200px;
					  height:15px;
					  }

input.klein			{ color:#000000;
					  line-height:16px;
					  font-family:Arial, Helvetica, Verdana, sans-serif;
					  border-width:1px;
					  border-color:#cccccc;
					  border-style:solid;
					  background-color:#ffffff;
					  width:35px;
					  height:15px;
					  }

input[type="submit"]		{ border:1px solid #444;padding:2px 10px;background-color:#3b96d5;color:#fff;text-shadow:0 0 4px #333;text-decoration:none; }
input[type="reset"]			{ border:1px solid #444;padding:2px 10px;background-color:#bbb;color:#fff;text-shadow:0 0 4px #333;text-decoration:none;margin-right:20px; }
input.plz			{ color:#000000;
					  font-family:Arial, Helvetica, Verdana, sans-serif;
					  border-width:1px;
					  border-color:#cccccc;
					  border-style:solid;
					  background-color:#ffffff;
					  height:15px;
					  }

textarea			{ color:#000000;
					  font-family:Arial, Helvetica, Verdana, sans-serif;
					  border-width:1px;
					  border-color:#cccccc;
					  border-style:solid;
					  background-color:#ffffff;
					  height:70px;
					  width:340px;
					  }

select.breit {
	width:160px;
	height:13px;
	font-size:11px;
}

select.schmal {
	width:45px;
	height:19px;
	font-size:11px;
}

input[type='file']			{ margin-bottom:2px; }


/**** LISTE *******************************************************************/

ul {
	list-style-image:url(bilder/bullet.gif);
	margin-left:16px;
	padding-left:0px;
}

img.strichli {
	margin-right:3px;
	margin-top:1px;
}

div.beleg {
	background-color:#dddddd;
	border:1px #cccccc solid;
	padding:10px;
	font-family: Courier, Monaco, mono-space;
	font-size:10px;
	color:#000000;
	width:400px;
}

div.formularbereich {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
	width:90%;
	letter-spacing:0px;
}

div.submit {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
	width:320px;
	letter-spacing:0px;
	text-align:center;
}

div.agb {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
	letter-spacing:0px;
	width:320px;
}

div.fehler {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#ff0000;
	letter-spacing:0px;
}

div.print {
	background-color:#ffffff;
	border:1px #cccccc solid;
	padding:10px;
	margin:20px;
	color:#000000;
	letter-spacing:0px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
  	font-size:11px;
  	line-height:16px;
}


div.grusskarte {
	background-color:#ffffff;
	border:1px #dddddd solid;
	padding:10px;
	letter-spacing:0px;
	text-align:left;
	width:320px;
}

div.adresse {
	background-color:#ffffff;
	border:1px #dddddd solid;
	padding:10px;
	letter-spacing:0px;
	width:320px;
}

div.ablauf {
	background-color:#ffffff;
	border:1px #dddddd solid;
	padding:2px;
	margin-bottom:2px;
	color:#000000;
	letter-spacing:0px;
	width:120px;
	text-align:left;
}

hr {
	background-color:transparent;
	border:none;
	border-top:1px dotted #bbb; /* Opera 7.11 */
	height:1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
	margin-bottom:12px;
	margin-left:0px;
	margin-right:0px;
}

img
{
	border:0;
}

img.vorschau			{ min-height:110px;border:4px solid #ddd;padding:4px; }

img.prodbild			{ border:4px solid #ddd;padding:4px;margin:10px 15px 0 0; }


p#lieferart label		{ display:block;padding-left:18px;text-indent:-18px;margin:0 0 8px 0;  }
p#lieferart label input	{ margin:0 5px 0 0; }





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Update 2011-04-04
 * -----------------
 * Links "buttonartiger" machen
 * Schaltflächen auch, betrifft Onlineshop, Teaserbuttons links
 *
 */
a.likeAButton:link,
a.indenwarenkorb:link,
a.likeAButton:visited,
a.indenwarenkorb:visited		{ background:#a4006a url(../bilder/btnbg.png) 0 0 repeat-x;color:#222;text-shadow:1px 1px #f99fdb;border-radius:3px;border:1px solid #333;display:block;float:left;padding:3px 12px;clear:right;margin:0 0 30px 0; }
a.likeAButton:hover,
a.indenwarenkorb:hover,
a.likeAButton:active,
a.indenwarenkorb:active			{ color:#000;text-decoration:none;border-color:#000; }

p.back a:link,
p.back a:visited,
a.zurkasse:link,
a.zuraksse:visited				{ background:#3b96d5 url(../bilder/btnbgblau.png) 0 0 repeat-x;color:#333;text-shadow:1px 1px #d3f0ff;border-radius:3px;border:1px solid #333;display:block;padding:3px 12px;margin:0 0 10px 0;float:left;clear:right; }
p.back a:hover,
p.back a:active,
a.zurkasse:hover,
a.zurkasse:active				{ color:#000;text-decoration:none;border-color:#000; }

p.senden input,
input.schalt					{ background:#3b96d5 url(../bilder/btnbgblau.png) 0 0 repeat-x;color:#333;text-shadow:1px 1px #d3f0ff;border-radius:3px;border:1px solid #333;padding:3px 12px;margin:0 0 10px 0; }
p.reset input,
input[type="reset"].schalt		{ background:#999 url(../bilder/btngrau.png) 0 0 repeat-x;color:#333;text-shadow:1px 1px #ddd;border-radius:3px;border:1px solid #333;padding:3px 12px;margin:0 0 10px 0; }
p.senden input:hover,
p.reset input:hover,
input.schalt:hover				{ color:#000;border-color:#000;cursor:pointer; }

input[type="reset"].schalt		{ }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Update 2011-04-18
 * -----------------
 * Zahlungsart neu auch Kreditkarte
 * Labels auszeichnen
 *
 */
label							{ font:inherit;color:inherit; }
input#rechnung					{ margin:0 5px 0 0; }
div.paragraphWithValue			{ border:1px solid #ddd;padding:8px 8px 0 8px;margin:4px 0 20px 0;background-color:#fffafa; }
input[type="text"],
textarea						{ border:1px solid #ddd;padding:7px;background-color:#fff;font-size:1.2em;line-height:1.2em;resize:none;border-radius:3px;width:250px;margin-bottom:5px; }
input[type="text"]:focus,
textarea:focus					{ border-color:#ccc; }
textarea#textInput				{ border:1px solid #eee;padding:1px; }

input[disabled="disabled"],
input[disabled]					{ color:#ccc; }


ul.help li						{ padding:0 0 5px 0; }