/*  
Theme Name: gaumenglueck
Theme URI: http://www.gaumenglueck.de
Description: Gaumenglück-Theme, Oktober 2009
Version: 1.0
Author: Büro 6B, Stuttgart
Author URI: http://www.6B.com
*/

/* ++++ BASICS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* { margin: 0; padding: 0; text-decoration: none; font-style: normal; text-align: left; outline: none; }
html { height: 100%; }
body	{
	background: white url(/media/bg_body.jpg) 900px top repeat-x fixed; height: 100%;
	font-family: Georgia; font-size: 13px; line-height: 1.6em; color: rgb(50,50,50);
}
body.popup	{ background-color: white; background-image: none; height: 100%; }

/* ++++ HAUPTCONTAINER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c-page { background: url(/media/bg_page.png) 0 0 repeat-y; position: absolute; left: 0; top: 0; width: 910px; padding: 0; margin: 0 0 0 0; min-height: 100%; }
#c-content { background: white; width: 900px; min-height: 100%; }
		
#i-logo { display: block; position: absolute; right: 30px; top: 20px; }

#c-sidebar-1  { width: 160px; float: left; margin: 180px 0 0 20px; }	
#c-main	{ width: 480px; float: left; margin: 180px 0 0 30px; }	
#c-sidebar-2 { float: left; margin: 180px 0 0 30px; width: 160px; }
#c-footer { clear: both; height: 100px; }	
#c-popup-page { width: 500px; background: url(/media/logo_gaumenglueck_popup.png) 0 0 no-repeat; margin: 0 auto; padding: 120px 0 100px 0; }

/* ++++ TYPOGRAFIE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3, h1 a, h2 a, h3 a	{ font-weight: normal; }
h1 { font-size: 1.8em; padding: 0 0 0.95em 0; line-height: 1.2em; }
h2 { font-size: 1.5em; padding: 0.8em 0 0.8em 0; }
h3 { font-size: 1.1em; padding: 0.8em 0 0.8em 0; }
h4 { font-size: 1.0em; padding: 0; line-height: 1.3em; }

/* ---- h5/h6 nur Sidebar ------------------------------------------------------------------*/

h5	{ color: white; font-size: 1.0em; text-transform: uppercase; line-height: 11px;
	background: rgb(242,184,75); padding: 2px 0 2px 9px; margin: 0 0 0.5em 0; 
}

h6	{ font-size: 1.0em; line-height: 1.3em; padding: 0; margin: 0; }

p, q 	{ padding: 0 0 0.8em 0; }
.m-comment-box p { padding: 0 0 0.4em 0; }
p.comment-info { color: rgb(100,100,100); line-height: 1.3em; }
p.no-article { 
	padding: 50px; border: 4px dotted rgb(242,184,75);
	font-weight: bold;	color: rgb(100,100,100); line-height: 2.4em;
}
blockquote	{
	padding: 0 1.5em 0 33px; margin: 0; color: rgb(100,100,100);
	background: url(/media/bg_blockquote.png) 0 0 no-repeat;
}

.m-blog-box { padding: 0 0 6.0em 0; }
.m-blog-meta { clear: both; color: rgb(100,100,100); border-top: 1px solid rgb(149,141,120); padding: 0.2em 0 0 0; line-height: 1.3em; }
.m-comment-form { margin: 15px 0 45px 0; }
.m-comment-box { color: rgb(100,100,100); background: rgb(244,242,227) url(/media/bg_comment_top.png) 0 0 no-repeat; padding: 10px 10px 0 10px; }
.m-comment-meta { color: rgb(100,100,100); padding: 1.2em 0 3.0em 50px; line-height: 1.3em; background: white url(/media/bg_comment_bottom.png) 0 0 no-repeat; }

.m-produzenten-box { margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid rgb(202,198,187); }
.m-produzenten-box img { display: block; float: left; margin: 0.15em 0 0 0; }
.m-produzenten-box div { margin: 0 0 0 140px; }
.m-produzenten-box h4 { padding: 0 0 0.2em 0; }
.m-produzenten-box p { line-height: 1.3em; padding: 0 0 0.4em 0; font-size: 0.9em; }


.infobox.weit-oben { margin-top: 3.0em; }
.infobox.infobox-weit, .errorbox.infobox-weit  { margin: 0 0 1.5em 0; }
p.error { font-weight: bold; color: rgb(200,0,0); }
.errorbox, .infobox { font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; border-bottom: 1px solid white; }
.errorbox p, .infobox p { font-weight: bold; color: white; padding: 5px; line-height: 1.3em; }
.errorbox p { background: rgb(200,0,0); }
.infobox p { background: rgb(125,125,125); }
.m-sb-box { margin: 0 0 2.0em 0; }

#c-sidebar-1, #c-sidebar-2, #l-pagenavi, label, 
.m-blog-meta, .m-comment-meta, 
p.comment-info, .m-artikelnavi { 
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; 
}

input, textarea { font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; }
p strong, p b	{ font-weight: bold; }
h1 em, h2 em, h3 em, h4 em, h1 i, h2 i, h3 i, h4 i, p em, p i	{ font-style: italic; }	
del, strike	{ text-decoration: line-through; }


/* ++++ LISTEN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul { list-style-type: none; }
#c-main ul, ol { margin: 0 0 0.8em 0; }
#c-main ul li { padding: 0 0 0 13px; background: url(/media/bul_standard.png) 0 0.5em no-repeat; }
#c-main ol li { margin: 0; padding: 0; list-style-position: inside; }

/* ---- Hauptnavigation ----------------------------------------------------------------- */

ul#l-hauptmenu { position: absolute; right: 0; top: 80px; background: url(/media/bg_menu.png) left top no-repeat; height: 50px; width: 700px; }
#l-hauptmenu li { display: inline; }
#l-hauptmenu li a { margin: 8px 0 0 0; display: block; float: left; background: 0 0 no-repeat; height: 33px; }
li#but-shop a { background-image: url(/media/but_shop.png); width: 56px; margin-left: 71px; }
li#but-lieferanten a { background-image: url(/media/but_lieferanten.png); width: 128px; }
li#but-blog a { background-image: url(/media/but_blog.png); width: 157px; margin-left: 255px; }
li#but-uebergaumenglueck a { background-image: url(/media/but_uebergaumenglueck.png); width: 182px; }
li#but-kontakt a { background-image: url(/media/but_kontakt.png); width: 76px; }
#l-hauptmenu  li a:hover 	{ background-position: 0 -50px; }
#l-hauptmenu  li a.aktiv, #l-hauptmenu li a.aktiv:hover { background-position: 0 -50px; }

ul#l-hauptmenu.shop li#but-blog a { margin-left: 0; }

/* ---- Sidebar ------------------------------------------------------------------------- */

ul#l-sidebar-1, ul#l-sidebar-2 	{ margin: 0; color: rgb(100,100,100); line-height: 1.3em; }
ul#l-sidebar-1 ul, ul#l-sidebar-2 ul { margin: 0 0 30px 0; }
ul#l-sidebar-2 ul.l-recent li { padding: 0 0 0.4em 0; }
ul#l-sidebar-2 #l-bannerleiste { border-top: 15px solid rgb(218,213,161); padding: 1.0em 0 0 0; }
ul#l-sidebar-2 #l-bannerleiste img { display: block; margin-bottom: 20px; }
ul#sidebar li, { background-image: none; line-height: 1.3em; color: rgb(148,152,157); }
ul#sidebar li	{ list-style-type: none; padding: 0 0 2.0em 0; }
ul#sidebar li ul li	{ padding: 0 0 0 10px; }
ul#sidebar li#tagcloud p { padding: 0 0 0 10px; }

ul#l-sidebar-2 li ul.l-sb-loginlinks { margin: 1.0em 0 1.0em 0; }
ul#l-sidebar-2 li ul.l-sb-loginlinks li,
ul#l-sidebar-1 li ul.l-infoseiten li { padding: 0 0 0 10px; background: url(/media/bul_formlinks.png) 0 0.25em no-repeat; }

/* ---- Sidebar Shop -------------------------------------------------------------------- */

#c-main .l-subkategorien { border-bottom: 1px solid rgb(202,198,187); }
#c-main .l-subkategorien li { padding: 5px 0 0 0; background: none; margin: 0 0 1.0em 0; border-top: 1px solid rgb(202,198,187); line-height: 1.3em; }
#c-main .l-subkategorien li img { display: block; float: left; margin: 0 20px 0 0; }
#c-main .l-subkategorien li h4, #c-main .l-subkategorien li p { margin-left: 260px; }
#c-main .l-subkategorien li p { font-size: 0.9em; }

.m-sb-box#box-warengruppen ul { padding: 0 0 14px 0; text-transform: uppercase;}
.m-sb-box#box-warengruppen ul li { }
.m-sb-box#box-warengruppen ul li a { display: block; padding: 0.8em 5px 0.8em 9px; background: white;  border-bottom: 1px solid rgb(241,184,75); }
.m-sb-box#box-warengruppen ul li a:hover { background-color: rgb(248,247,236); }
.m-sb-box#box-warengruppen ul li a.has { background-color: rgb(254,248,237); }
.m-sb-box#box-warengruppen ul li a.act, .m-sb-box#box-warengruppen ul li a.has.act { background-color: rgb(252,241,219); }
h5#h-warengruppen { margin: 0; }

.m-sb-box#box-warengruppen ul li ul { padding: 0; margin: 0; text-transform: none; }
.m-sb-box#box-warengruppen ul li ul li a { padding: 0.4em 5px 0.4em 15px; background: white; }

.m-sb-box#box-liefertermin { color: white; background: rgb(155,198,63) url(/media/bg_sb_frischfleisch.png) right bottom no-repeat; padding: 9px; margin: 0 0 0.5em 0; }
h5#h-frischfleisch { background-color: rgb(155,198,63); padding: 9px 0 2px 9px; margin: -20px 0 0 0; }

.m-sb-box#box-warenkorb, .m-sb-box#box-konto  { border-bottom: 1px solid rgb(225,225,225); }
.m-sb-box#box-warenkorb  { background: url(/media/bg_sb_warenkorb.png) 0 0 no-repeat; }
.m-sb-box#box-warenkorb ul li a, .m-sb-box#box-konto ul li a { text-transform: none; }
.m-sb-box#box-suchen *, .m-sb-box#box-newsletter * { vertical-align: middle; }

/* ---- Pagina -------------------------------------------------------------------------- */

#c-main ul#l-pagenavi	{ padding: 15px 0 0 0; }
#c-main ul#l-pagenavi li	{ background-image: none; line-height: 1.3em; color: rgb(148,152,157); font-weight: bold; padding: 0; }	

/* ---- Listen ohne Bullets ------------------------------------------------------------- */

ul#l-sidebar-1 li, ul#l-sidebar-2 li, 
#c-main #l-pagenavi li, #c-main 
ul.archiv-liste li { background: none; padding: 0; }

/* ---- Kassenstufen im Shop ------------------------------------------------------------ */

#c-main #l-kassenstufen { margin-bottom: 3.0em; }
#c-main #l-kassenstufen li { float: left; width: 89px; height: 17px; background: url(/media/bg_kassenstufen_1.png) 0 0 no-repeat; padding: 0; margin: 0; }
#c-main #l-kassenstufen li#stufe-2 { background-image: url(/media/bg_kassenstufen_2.png); width: 68px; }
#c-main #l-kassenstufen li#stufe-3 { background-image: url(/media/bg_kassenstufen_3.png); width: 148px; }
#c-main #l-kassenstufen li#stufe-4 { background-image: url(/media/bg_kassenstufen_4.png); width: 129px; }
#c-main #l-kassenstufen li#stufe-5 { background-image: url(/media/bg_kassenstufen_5.png); width: 46px; }
#c-main #l-kassenstufen li a { display: block; width: 89px; height: 17px; background: url(/media/bg_kassenstufen_1.png) 0 0 no-repeat; }
#c-main #l-kassenstufen li#stufe-2 a { background-image: url(/media/bg_kassenstufen_2.png); width: 68px; }
#c-main #l-kassenstufen li#stufe-3 a { background-image: url(/media/bg_kassenstufen_3.png); width: 148px; }
#c-main #l-kassenstufen li#stufe-4 a { background-image: url(/media/bg_kassenstufen_4.png); width: 129px; }
#c-main #l-kassenstufen li#stufe-5 a { background-image: url(/media/bg_kassenstufen_5.png); width: 46px; }
#c-main #l-kassenstufen li.active, #c-main #l-kassenstufen li.active a { background-position: 0 -20px; }
#c-main #l-kassenstufen li a:hover { background-position: 0 -40px; }

/* ---- Kontoeinstellungen im Shop + Funktionslinks ------------------------------------- */

#c-main #l-accountheader { margin-bottom: 2.0em; }
#c-main ul.l-formlinks, .m-produkt-teaserlink a,
.m-produkt-kaufen .oben { font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; line-height: 1.3em; }
.m-produkt-kaufen .oben { font-size: 0.95em; padding: 0.2em 0; }
#c-main ul.l-formlinks li, .m-produkt-teaserlink a, .m-produkt-kaufen .oben  a  { padding: 0 0 0 10px; background: url(/media/bul_formlinks.png) 0 0.25em no-repeat; }
.m-produkt-kaufen .oben  a  { padding: 0 0 0 15px; background: url(/media/bul_formlinks.png) 5px 0.25em no-repeat; }

/* ++++ SUBCONTAINER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---- Artikelnavigation im Shop ------------------------------------------------------- */

.m-artikelnavi { color: rgb(125,125,125); background: rgb(248,247,236); padding: 0 2px; border-top: 1px solid rgb(202,198,187); border-bottom: 1px solid rgb(202,198,187); } 
.m-artikelnavi a.active { color: rgb(125,125,125); font-weight: bold; }
.m-artikelnavi .oben { border-bottom: 1px solid rgb(202,198,187); }

div.left { width: 240px; float: left; }
div.right { margin: 0 0 0 240px; text-align: right; }
a.asc { background: url(/media/minipfeile.png) no-repeat right -775px; padding-right: 20px; }
a.desc { background: url(/media/minipfeile.png) no-repeat right -800px; padding-right: 20px; }

/* ---- Artikel: Teaserlisten und Detailseiten im Shop ---------------------------------- */

.m-start-intro { margin-bottom: 0.8em; }
.collapse-abschnittMehr { }

.m-produkt-teaserbox { clear: left;  border-top: 1px solid rgb(202,198,187); padding: 10px 0 10px 0; position: relative; }
.m-produkt-teaserbox .left { width: 165px; float: left; }
.m-produkt-teaserbox .right { margin: 0 0 0 165px; text-align: right; }
.m-produkt-teaserbox .left.mehr { font-size: 0.9em; margin-top: 2px; }
.nr-1 { border-top: none; }
.m-produkt-thumbnail { width: 150px; float: left; }
.m-produkt-thumbnail img { display: block; margin: 0 auto; }
.m-produkt-teaser { margin: 0 0 0 150px; }
.m-produkt-teaser p { line-height: 1.3em; padding: 0.5em 0 0 0; font-size: 0.9em; }
.m-produkt-varianten { margin: 0.4em 0; text-align: right; }
.m-produkt-merkzetteldel { position: absolute; bottom: 10px; left: 0; }

/* .m-produkt-teaserlink { width: 100px; float: left; font-size: 0.9em; line-height: 1.3em; padding-top: 0.1em; } */

.m-produkt-teaserlink { padding-top: 0.3em; }

.m-produkt-preis { margin: 0 0 0 100px; line-height: 1.3em; }
.m-produkt-preis p { text-align: right; font-size: 0.9em; padding: 0; }
.m-produkt-preis p.preis-anzeige.preis-reduziert strong { color: rgb(94,154,16); font-weight: bold; }
.m-produkt-preis p.preis-anzeige strong { font-weight: normal; font-size: 1.3em; }
.m-produkt-preis p.preis-bedingungen { color: rgb(150,150,150); font-size: 0.81em; line-height: 1.0em; padding-top: 0.3em; }

.m-produkt-staffelpreise { font-size: 0.9em; margin: 0.5em 0 0 0;  }
.m-produkt-staffelpreise h6 { text-align: right; font-weight: normal; }
#c-main .m-produkt-staffelpreise ul li { background: none; padding: 0; text-align: right; line-height: 1.0em; }

.m-produkt-in-warenkorb { text-align: right; padding: 1.0em 0 0 0; clear: left; }
.m-produkt-in-warenkorb * { vertical-align: middle; }
.m-produkt-in-warenkorb label { font-size: 0.85em; color: rgb(150,150,150); }
.m-produkt-in-warenkorb p { text-align: right; }
.m-produkt-in-warenkorb .left { text-align: left;  font-size: 0.9em; width: 290px; color: rgb(150,150,150); font-style: italic; }
.m-produkt-in-warenkorb .right { margin: 0 0 0 290px; }





/* ---- Artikel: Teaserlisten Startangebote --------------------------------------------- */

h2.h-empfehlungen { background: rgb(155,198,63); color: white; padding: 5px 5px 5px 5px; margin: 0 0 9px 0; }

#c-main.startseite .m-produkt-teaserbox { clear: none;  padding: 5px 5px 5px 5px; width: 142px; float: left; margin: 0 9px 9px 0; border: 1px solid rgb(155,198,63);}
#c-main.startseite .m-produkt-teaserlink { float: none; }
#c-main.startseite .m-produkt-teaserbox .left { float: none; }
#c-main.startseite .m-produkt-teaserbox .right { margin: 0 0 0 0; text-align: right; }
#c-main.startseite .m-produkt-teaserbox .left.mehr { font-size: 0.9em; margin-top: 0; }
#c-main.startseite .m-produkt-teaserbox h4 { padding: 0; }
#c-main.startseite .m-produkt-teaserbox p { padding: 0; }
#c-main.startseite .m-produkt-teaserbox .m-teaser-header { height: 65px; font-size: 0.9em; line-height: 1.3em; }

#c-main.startseite .m-produkt-thumbnail { width: 142px; float: none; text-align: center; height: 120px; margin: 0 0 10px 0; display: table-cell; vertical-align: middle; }
#c-main.startseite .m-produkt-thumbnail img { float: none; display: block; margin: auto; }
#c-main.startseite .m-produkt-teaser { margin: 0 0 0 0; }
#c-main.startseite .m-produkt-preis { padding: 0; margin: 0; }


.m-produkt-detailbox { }
.m-produkt-ansicht { width: 200px; float: left; overflow: hidden; }
.m-produkt-ansicht img.produktbild { display: block; margin: 0 auto 5px auto; }
.m-produkt-beschreibung { margin: 0 0 0 220px; }
.m-produkt-detailbox h1 { padding-top: 1.0em; }
.m-produkt-artikelnummer  { margin: 0 0 1.0em 0; font-size: 0.9em; }
.m-produkt-detailbox .m-produkt-preis { margin: 1.0em 0 0 0; }

.m-produkt-kaufen  { 
	clear: left; margin: 20px 0; color: rgb(125,125,125); font-size: 0.9em;  
	background: rgb(248,247,236); background: white; padding: 0 2px; border-top: 1px solid rgb(202,198,187); border-bottom: 1px solid rgb(202,198,187); 
}

/* .m-produkt-kaufen input, .m-produkt-kaufen select   { background: white; } */

.m-produkt-kaufen .oben { background: white; }
.m-produkt-kaufen .unten { border-top: 1px solid rgb(202,198,187); padding: 5px 0; text-align: right; }
.m-produkt-kaufen .unten *, .m-produkt-kaufen .oben * { vertical-align: middle; }
.m-produkt-kaufen .oben.frischfleisch,
.m-wk-frischfleisch { border-bottom: 1px solid rgb(202,198,187); background: rgb(242, 248,248) url(/media/bul_frischprodukt.png) 4px 0.5em no-repeat; padding-left: 15px; }
.m-wk-frischfleisch { color: rgb(125,125,125); font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; }

/* ---- Kundenformular-Container im Shop ------------------------------------------------ */

.m-userlogin { margin: 0 0 2.0em 0; }
.m-userlogin div.left { width: 230px; float: left; }
.m-userlogin div.right { margin: 0 0 0 250px; text-align: left; }
.m-userlogin h2 { padding-top: 0; }
.m-userlogin.userlogin-weit { margin: 0 0 6.0em 0; }
.m-userlogin.userlogin-order { margin-top: 2.8em; }

/* ++++++++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

th, td { vertical-align: top; }
th.right, td.right { text-align: right; }
th.center, td.center { text-align: center; }
td.error { color: rgb(200,0,0); font-weight: bold; }

.t-produkt-attribute { width: 480px; /* border-bottom: 1px dotted rgb(202,198,187); */
 margin: 1.6em 0 0 0; font-size: 0.9em; line-height: 1.3em; }
.t-produkt-attribute td { border-top: 1px dotted rgb(202,198,187); text-align: left; margin: 0; padding: 0; }
.t-produkt-attribute td.left { width: 200px; }
.t-produkt-attribute td.right { padding-left: 20px; }

.t-warenkorb { font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; width: 480px; }
.t-warenkorb th { background: rgb(200,200,200); line-height: 1.0em; padding: 2px; color: white; background: rgb(211,207,199); border-bottom: 2px solid white; }
.t-warenkorb td { padding: 2px; line-height: 1.3em; border-bottom: 1px dotted rgb(202,198,187); }
.t-warenkorb tr.summe td { border-bottom: 2px solid rgb(202,198,187); }
.t-warenkorb tr.update td { padding: 0.3em 2px 1.6em 2px; }
/* .t-warenkorb#t-order-confirm { margin-bottom: 2.8em; } */
.t-warenkorb#t-agb-confirm td { border: none; }
.t-warenkorb#t-agb-confirm { margin-top: 2.0em; padding-top: 0.5em; border-top: 1px solid rgb(202,198,187); }
.t-form { width: 480px; }
.t-form td.captcha img { vertical-align: top; margin-right: 5px; }

.t-bestellerdaten { width: 480px; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; }
.t-bestellerdaten td p { font-size: 0.85em; line-height: 1.3em;  }
.t-bestellerdaten td.remark { padding-top: 1.5em; }

.t-bestellhistorie { 
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.85em; line-height: 1.3em; 
	margin: 1.0em 0 0 0; width: 480px;
}
.t-bestellhistorie td { padding: 2px 0; border-bottom: 1px solid rgb(202,198,187); }
#c-main .t-bestellhistorie td ul { margin: 0; padding: 0; }
#c-main .t-bestellhistorie td ul li { padding: 0; background: none; }


#t-gutschein-eingabe td, #t-gutschein-eingabe td * { vertical-align: middle; }

/* ++++ LINKS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
a:link, a:visited, a:active { color: rgb(149,141,120); }
h1 a:link, h1 a:visited, h1 a:active,
h2 a:link, h2 a:visited, h2 a:active,
h3 a:link, h3 a:visited, h3 a:active { color: rgb(50,50,50); }		
a:hover	{ text-decoration:underline; }
h1 a:hover, h2 a:hover, h3 a:hover	{ color: rgb(149,141,120); text-decoration:none; }


/* ++++ BILDER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

img	{ border: none; }	
img.alignleft { display: block; float: left; margin: 0.4em 15px 5px 0; }

p img.alignleft { display: block; float: left; margin: 15px 15px 5px 0; }

img#shop-preview { display: block; margin: -15px 0 30px 0; }
img.kopfbild-kategorie { display: block; margin: 0 0 1.0em 0; }
a#zoom_image { display: block; width: 22px; height: 23px; background: url(/media/sub_zoom.png) 0 0 no-repeat; margin: 0 0 0 178px; }
a#zoom_image:hover { background-position: 0 -30px; }

/* ++++ FORMULARE UND BUTTONS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-searchblog { padding: 1.0em 0 25px 0; }
.t-newsletter { margin: 0 0 2.0em 0; }
td.label { width: 150px; padding: 0 0 0.4em 0; }
td.label-radio { width: 125px; padding: 0 0 0.4em 0; }
td.radio { width: 25px; padding: 0 0 0.4em 0; text-align: center; }
label	{ cursor: pointer; color: rgb(100,100,100); }
p.error, label.errorlabel { font-weight: bold; color: rgb(200,0,0); }
label.log-in { display: block; margin-top: 0.5em; }

input, textarea, select	{ padding: 2px; background: rgb(248,247,236); border: 1px solid rgb(224,223,218); border-right: none; border-bottom: none; }
input { padding: 3px 2px 4px 2px; background: rgb(248,247,236); border: 1px solid rgb(224,223,218); border-right: none; border-bottom: none; }
option { padding: 0 15px 0 0;}
input:focus, textarea:focus, select:focus	{ background: rgb(252,241,219); }
input.standard { width: 326px; }
input.standard-kurz { width: 266px; }
#t-gutschein-eingabe input.standard-kurz { margin-right: 7px; font-size: 0.85em; padding: 3px 2px; }
input.standard-nummer { width: 50px; }
input.standard-nummer#plz, input.standard-nummer#plz-2 { margin-right: 5px; }
input.standard-nummer#hausnummer, input.standard-nummer#hausnummer-2 { margin-left: 5px; }
input.einlog-option { width: 226px; }
input.geb-tag { width: 20px; margin-right: 5px; }
input.geb-jahr { width: 50px; }
.tocart input { padding: 3px 2px; width: 30px; }
	
textarea { width: 475px; }
input.sb { margin: 0 3px 0 0; font-size: 1.0em; padding: 3px 2px; }
input.suche { width: 120px; }
.m-sb-box#box-warenkorb input.sb, .m-sb-box#box-konto input.sb { width: 155px; }
input.voll { width: 155px; margin: 0; }
input.checkbox { vertical-align: middle; margin: 0 5px 0 0; }

textarea.kurz { height: 70px; }
p.feldinfo { font-size: 0.85em; font-style: italic; padding: 0.4em 0 0.4em 0; line-height: 1.3em; color: rgb(150,150,150);}
div.checkrow { margin-top: 0.8em; }

button { cursor: pointer; border: none; }
button.submit { width: 74px; height: 21px; background: url(/media/sub_in_wk.png) 0 0 no-repeat; }
button.submit.in-warenkorb { width: 67px; height: 21px; background: url(/media/sub_in_wk.png) 0 0 no-repeat; }
button.submit#sub_wkupdate { width: 54px; background-image: url(/media/sub_wk_update.png) }
button.submit#sub_wkdelete { width: 54px; background-image: url(/media/sub_wk_delete.png) }
button.submit.sb-ok { width: 28px; height: 21px;  background: url(/media/sub_sb_pfeil.png) 0 0 no-repeat; }
button.submit#sub_merkzettel_del { width: 28px; height: 21px; background-image: url(/media/sub_sb_delete.png); }

button.submit.sb-ok:hover { background-position: 0 -30px; }
button.right { margin: 5px 0 5px 132px; }
button.block { display: block; }

button.submit#sub_sb_login { background-image: url(/media/sub_sb_login.png); }
button.submit#sub_sb_logout { background-image: url(/media/sub_sb_logout.png); }

button.submit:hover { background-position: 0 -30px; }
button.submit:active { background-position: 0 0; }


/* div.submit { background: url(/media/sub_gen_div_li.png) left top no-repeat; height: 25px; cursor: pointer; margin: 1.6em 0 0 0; }
div.submit.eng { margin: 0; }
div.submit.rechts { text-align: right; background: url(/media/sub_gen_div_re.png) right top no-repeat;}
div.submit input { 
	background: url(/media/sub_gen_inp_li.png) right top no-repeat; margin: 0 0 0 20px; height: 25px; padding: 0 24px 3px 0; border: none;	
	font-size: 11px; color: white; font-weight: bold; cursor: pointer; text-transform: uppercase; height: 25px; 
}
div.submit.rechts input { background: url(/media/sub_gen_inp_re.png) left top no-repeat; margin: 0 20px 0 0; height: 25px; padding: 0 0 3px 24px; }
div.submit:hover { background-position: left -30px; }
div.submit.rechts:hover { background-position: right -30px; } 
div.submit input:hover, div.submit:hover input { background-position: right -30px; padding-top: 2px; }
div.submit.rechts input:hover, div.submit.rechts:hover input { background-position: left -30px; padding-top: 2px; }

input.noscript { border: 2px outset rgb(100,100,100); padding: 0; cursor: pointer; }

div.submit-imp { background: url(/media/sub_imp_div_li.png) left top no-repeat; height: 25px; cursor: pointer; margin: 1.6em 0 0 0; }
div.submit-imp.rechts { text-align: right; background: url(/media/sub_imp_div_re.png) right top no-repeat;}
div.submit-imp input { 
	background: url(/media/sub_imp_inp_li.png) right top no-repeat; margin: 0 0 0 20px; height: 25px; padding: 0 24px 3px 0; border: none;	
	font-size: 11px; color: white; font-weight: bold; cursor: pointer; text-transform: uppercase; height: 25px; 
}
div.submit-imp.rechts input { background: url(/media/sub_imp_inp_re.png) left top no-repeat; margin: 0 20px 0 0; height: 25px; padding: 0 0 3px 24px; }
div.submit-imp:hover { background-position: left -30px; }
div.submit-imp.rechts:hover { background-position: right -30px; } 
div.submit-imp input:hover, div.submit-imp:hover input { background-position: right -30px; padding-top: 2px; }
div.submit-imp.rechts input:hover, div.submit-imp.rechts:hover input { background-position: left -30px; padding-top: 2px; } */

/* ---- Submits grau -------------------------------------------------------------------- */

div.submit { background: url(/media/sub_gen_div_li.png) left top no-repeat; cursor: pointer; margin: 1.6em 0 0 0; }
div.submit.eng { margin: 0; }
div.submit.rechts { text-align: right; background: url(/media/sub_gen_div_re.png) right top no-repeat; }
div.submit input { 
	height: 26px; background: url(/media/sub_gen_inp_li.png) right top no-repeat; margin: 0 0 0 20px; padding: 0 24px 4px 0; border: none;	
	font-size: 11px; color: white; font-weight: bold; cursor: pointer; text-transform: uppercase; text-align: center; 
}
div.submit.rechts input { background: url(/media/sub_gen_inp_re.png) left top no-repeat; margin: 0 20px 0 0; padding: 0 0 4px 24px; }

/* ---- Submits grün -------------------------------------------------------------------- */

div.submit-imp { background: url(/media/sub_imp_div_li.png) left top no-repeat; cursor: pointer; margin: 1.6em 0 0 0; }
div.submit-imp.rechts { text-align: right; background: url(/media/sub_imp_div_re.png) right top no-repeat;}
div.submit-imp input { 
	height: 26px; background: url(/media/sub_imp_inp_li.png) right top no-repeat; margin: 0 0 0 20px; padding: 0 24px 4px 0; border: none;	
	font-size: 11px; color: white; font-weight: bold; cursor: pointer; text-transform: uppercase; text-align: center;
}
div.submit-imp.rechts input { background: url(/media/sub_imp_inp_re.png) left top no-repeat; margin: 0 20px 0 0; padding: 0 0 4px 24px; }

div.weitsubmit { margin: 4.8em 0 0 0; }

/* ---- Submits hover/active (alle) ----------------------------------------------------- */

div.submit.rechts:hover, div.submit input:hover, div.submit:hover input,
div.submit-imp.rechts:hover, div.submit-imp input:hover, div.submit-imp:hover input { background-position: right -30px; }
div.submit:hover, div.submit.rechts input:hover, div.submit.rechts:hover input,
div.submit-imp:hover , div.submit-imp.rechts input:hover, div.submit-imp.rechts:hover input { background-position: left -30px; }

div.submit input:hover, div.submit:hover input, 
div.submit-imp input:hover, div.submit-imp:hover input { background-position: right -30px; padding-top: 2px; }
div.submit.rechts input:hover, div.submit.rechts:hover input,
div.submit-imp.rechts input:hover, div.submit-imp.rechts:hover input { background-position: left -30px; padding-top: 2px; }

/* div.submit.rechts:active, div.submit input:active, div.submit:active input,
div.submit-imp.rechts:active, div.submit-imp input:active, div.submit-imp:active input  { background-position: right top; }
div.submit:active, div.submit.rechts input:active, div.submit.rechts:active input,
div.submit-imp:active, div.submit-imp.rechts input:active, div.submit-imp.rechts:active input { background-position: left top; } */


input.noscript { border: 2px outset rgb(100,100,100); padding: 0; cursor: pointer; }
input[type=submit]::-moz-focus-inner { border: 1px dotted transparent; }
button[type=submit]::-moz-focus-inner { border: 1px dotted transparent; }


/* ++++ POPUP WARENKORB + ZOOM ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mask { visibility: hidden; display: none; }
#mask iframe {visibility: hidden; border: none; }
#mask.on { visibility: visible; display: block; position: fixed; opacity: 0.7; top: 0; left: 0; width: 100%; height: 100%; background: rgb(155,198,63); z-index: 1500; }
div.popup { visibility: hidden; display: none; }
div.on.popup { 
	visibility: visible; display: block; position: fixed; z-index: 2000; top: 50%; left: 50%; width: 390px; height: 200px; 
	background: white url(/media/bg_popup_warenkorb.png) 140px 30px no-repeat; margin-top:-195px; margin-left: -145px; padding: 10px; 
	border-top: 1px solid rgb(155,198,63); border-left: 1px solid rgb(155,198,63); 
	border-bottom: 1px solid rgb(125,185,39); border-right: 1px solid rgb(125,185,39); 
}
div.on.popup#zoom { background-image: none; }
div.on.popup.load { background: #fff url(bg/ajax-loader.gif) center center no-repeat; }
div.on.popup input { 
	color: white; font-size: 11px; line-height: 1.0em; background: url(/media/sub_popup.png) 0 0 no-repeat; border: none; 
	font-weight: bold; padding: 5px; width: 190px; text-align: center; text-transform: uppercase; cursor: pointer;
}
div.on.popup input.disabled { background-position: 0 -60px; }
div.on.popup input.br { position: absolute; bottom: 10px; left: 210px; }
div.on.popup input.bl { position: absolute; bottom: 10px; left: 10px; }
div.on.popup input:hover { background-position: 0 -30px; padding: 6px 5px 4px 5px; }
div.on.popup input::-moz-focus-inner { border: 1px dotted transparent; }
div.popup p.eng { padding: 0; }

ul.l-zoomtabs { font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 1.3em; }
ul.l-zoomtabs li { display: inline; }
ul.l-zoomtabs li a { 
	display: block; float: left; text-align: center; background: url(/media/sub_zoom_gen.png) 0 0 no-repeat; 
	color: white; margin: 0 5px 0 0; width: 23px; height: 23px; padding-top: 2px;
}
ul.l-zoomtabs li a.close { background-image: url(/media/sub_zoom_x.png); }
ul.l-zoomtabs li a:hover { background-position: 0 -30px; text-decoration: none; width: 22px; padding-left: 1px; padding-top: 3px; }

/* 
Höchstwahrscheinlich Facebook-Müll
div.fbMsg.on.popup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;}
div.on.popup span.btn { background: transparent url(bg/buttons_01_.gif) right -150px no-repeat; padding: 0 1px 0 0; height: 18px; line-height: 18px; display: -moz-inline-stack; display: inline-block; margin: 0; outline: 0;}
div.on.popup span.btn input, span.btn a {width: auto; border: none; height:18px; line-height: 10px; outline: 0; position: relative; display:block; padding:2px 7px; margin:0; color:#ffffff; font-weight: bold; cursor:pointer; background: transparent url(bg/buttons_01_.gif) no-repeat left -150px; }
div.on.popup span.btn a { padding: 3px 8px 2px; position: relative;}
div.fbMsg.on.popup .popupMsg { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
div.fbMsg.on.popup .popupFooter { position: absolute; bottom: 10px; left: 10px; } */

/* ++++ SONSTIGES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

hr { background: rgb(202,198,187); border: none; width: 480px; height: 1px; clear: both; }
hr.weit { margin-bottom: 2.0em; }
hr.agb { margin: 1.0em 0; }

.clear	{ clear: both; }
#l-hauptmenu li a span, #l-kassenstufen li a span, #l-kassenstufen li span,
button span, a#zoom_image span, ul.l-zoomtabs li a span { display: block; width: 0; height: 0; overflow: hidden; }