/*
 * CSS für den neuen Onlineshop
 */
body								{ min-height:100%; }
div#shop							{ overflow:auto;height:auto;width:580px; }
div.kategorie						{ margin:0 10px 0 0;height:200px;float:left; }
div.kategorie img					{ border:4px solid #ddd;padding:4px;background-color:#fff; }
div.kategorie p						{ text-align:center;padding:5px 0 0 0; }
div#warenkorb						{ position:absolute;top:248px;left:820px;width:380px; }
div#warenkorb h1					{ color:#a8006a;font-size:16px;border-bottom:1px solid #a8006a;padding:0 0 10px 0;margin:0 0 10px 0; }
div.produktvorschau					{ display:none;position:absolute;background:transparent url(../bilder/prodvorschauhg.png) 0 0 no-repeat;width:135px;height:45px;top:-35px;left:0px;font-size:11px;color:#444;padding:10px 0 0 15px; }
div.sichtbar						{ display:block; }

table								{ border-collapse:collapse;width:100%;margin:0 0 20px 0;background-color:#fff; }
td, th, caption						{ border:1px solid #b8cbd9;padding:2px 5px; }
tr:nth-child(odd)					{ background-color:#d9efff; }
td.brutto							{ font-weight:100;font-size:1.5em;padding:10px 3px;background-color:#cee3f2; }
td.netto							{ font-weight:900;background-color:#cee3f2; }

table.abo							{ width:auto;background-color:transparent;clear:left; }
table.abo td						{ padding:2px 20px 2px 0;border:none; }
table.abo tr:nth-child(odd)			{ background-color:transparent; }

p.back a,
a.zurkasse:link, 
a.zurkasse:visited, 
a.zurkasse:hover, 
a.zurkasse:active					{ border:1px solid #444;padding:2px 10px;background-color:#3b96d5;color:#fff;text-shadow:0 0 4px #333;font-size:1.2em;text-decoration:none; }

p.back								{ margin:10px 0 20px 0;}

a.indenwarenkorb:link, 
a.indenwarenkorb:visited,
a.indenwarenkorb:hover,
a.indenwarenkorb:active				{ border:1px solid #444;padding:2px 10px;background-color:#0bbc13;color:#fff;text-shadow:0 0 4px #333;font-size:1.2em;text-decoration:none; }

span.deaktiviert					{ border:1px solid #bbb;padding:2px 10px;background-color:#ddd;color:#fff;text-shadow:0 0 4px #999;font-size:1.2em;text-decoration:none; }

p.prodpreis							{ font-size:20px;font-weight:900;padding:10px 0 20px 0;margin-left:331px; }
p.indenwarenkorb					{ margin-left:331px; }
p.senden							{ margin:10px 0 10px 0;text-align:right; }
p.reset								{ margin:10px 0 10px 0;float:left; }
span.eingabefehler					{ color:#f00;display:block; }
p.senden input						{ border:1px solid #444;padding:2px 10px;background-color:#3b96d5;color:#fff;text-shadow:0 0 4px #333;font-size:1.2em;text-decoration:none; }
p.reset input						{ border:1px solid #444;padding:2px 10px;background-color:#bbb;color:#fff;text-shadow:0 0 4px #333;font-size:1.2em;text-decoration:none; }
hr.warenkorb						{ margin:30px 0 0 0; }
p.indenwarenkorb input[type="text"] { border:1px solid #999;padding:1px;width:16px;text-align:right; }  
li									{ background-color:transparent; }
li.sel								{ font-weight:900;background-color:#f9e5ed; }
p.hinweis							{ clear:left;margin-top:20px;border:1px solid #ccc;background-color:#fff;padding:5px; }
p.hinweis a							{ font-size:inherit;font-style:inherit; }

h3									{ margin:0 0 0;padding:0;font-size:1em;color:#333; }
h2									{ margin-top:20px;font-weight:500; }

div#warenkorb p						{ color:#333; }
strong								{ color:inherit; }
span#modusresponse					{ color:#555;padding:0 0 0 10px; }
p#agberror							{ color:#f00;margin:0 0 5px 0;padding:0; }

p.hinweis input						{ background-color:#ffe;border-color:#999; }

option[disabled="disabled"]			{ color:#aaa;text-align:center; }

/*
 * für Kalender
 */
input.calendar {
  width: 74px;
}
button.calendar {
  background: url(../bilder/kalendericon.gif);
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
} 

caption								{ background-color:#b8cbd9; }
.month, 								
.year								{ font-weight:900;padding:2px 5px; }
div.calendar td						{ color:#bbb; }
td.valid							{ color:#000 !important;font-weight:900;cursor:pointer; }
div.calendar a						{ padding:1px 5px;color:#a8006a;font-weight:900; }
div.calendar tr td:first-child, 
div.calendar tr th:first-child		{ background-color:#eee !important; }