html { height: 100%; }
img { border: none; display: inline; vertical-align: middle; }
a { color: #269813; text-decoration: none; }
a:hover { text-decoration: underline; }
body { margin: 0; padding: 0; background: url(images/pages_bg.gif) #fff; text-align: center; font: 62.5% arial,helvetica,sans-serif; height: 100%; }
#outer { position: relative; width: 900px; margin: auto; height: 100%; }
* html #all { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/doc_bg.png', sizingMethod='scale'); }
html > body #all { background: url(images/doc_bg.png) repeat-y; }
#all { width: 900px; text-align: left; min-height: 100%; height: auto!important; height: 100%;}
#demeter { position: absolute; top: 0; left: 605px; }
#header { position: relative; height: 107px; padding-top: 48px; margin-left: 227px; }
#logo { position: relative; float: left; margin-right: 24px; margin-top: 2px; }
#address { position: relative; float: left; font: 1.2em/1.5em arial,helvetica,sans-serif; color: #787878; vertical-align: middle; }
#address a { color: #787878; text-decoration: none; }
#address a:hover { text-decoration: underline; }
#main { position: relative; clear: left; margin: 24px 0 0 227px; padding-top: 10px; width: 453px; border-top: 1px solid #5a5a5a; font: 1.3em/1.7em arial,helvetica,sans-serif; color: #5a5a5a; }
#main td { font: 1.0em/1.5em arial,helvetica,sans-serif; }
h2 { margin: 20px 0 5px 0; font: bold 1.3em arial,helvetica,sans-serif; color: #000; }
h3 { margin: 20px 0 5px 0; font: bold 1.1em arial,helvetica,sans-serif; color: #000; }
table.offer td { background: #f1fbef; padding: 3px; border-bottom: 2px solid #fff; }
td.price { text-align: right; font-weight: bold; }
ul#navigation { position: absolute; z-index: 100; top: 179px; left: 0px; width: 154px; list-style: none; margin: 0; padding: 0; margin-left: 10px; padding-bottom: 2px; text-align: right; background: url(images/nav_bg.gif) repeat-y; }
ul#navigation li { font: bold 1.4em/2.2em verdana; color: #fff; margin-top: 2px; repeat-y; }
ul#navigation a { display: block; color: #fff; text-decoration: none; padding-right: 12px; background: url(images/naventry_bg.gif) }
ul#navigation a:hover { color: #33cb1a; background: none; text-decoration: none; }
#homelink { position: absolute; top: 48px; left: 95px; }
#headline { padding-bottom: 12px; border-bottom: 1px solid #5a5a5a; }

#navKiste { position: relative; list-style: none; margin: 20px 0; padding: 0; float: left; }
#navKiste li { float: left; margin-right: 12px; }
#navKiste a { padding: 3px 7px; border: 1px solid #32CB19; display: block; background: #32CB19; color: #fff; font-weight: bold }
#navKiste a:hover { background: #fff; color: #32CB19; text-decoration: none; }
#navKiste a.active { color: #5a5a5a; background: #fff; border: 1px solid #5a5a5a; }

* html #picSalat { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/salat.png', sizingMethod='image'); }
html > body #picSalat { background: url(images/salat.png) repeat-y; }
* html #picPaprika { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/paprika.png', sizingMethod='image'); }
html > body #picPaprika { background: url(images/paprika.png) repeat-y; }
* html #picBrokoli { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/brokoli.png', sizingMethod='image'); }
html > body #picBrokoli { background: url(images/brokoli.png) repeat-y; }
* html #picBrot { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/brot.png', sizingMethod='image'); }
html > body #picBrot { background: url(images/brot.png) repeat-y; }
* html #picKaese { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/kaese.png', sizingMethod='image'); }
html > body #picKaese { background: url(images/kaese.png) repeat-y; }
* html #picTomaten { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tomaten.png', sizingMethod='image'); }
html > body #picTomaten { background: url(images/tomaten.png) repeat-y; }
* html #picRadieschen { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/radieschen.png', sizingMethod='image'); }
html > body #picRadieschen { background: url(images/radieschen.png) repeat-y; }

#sortiment td, #sortiment th { padding: 4px; border-bottom: 4px solid #fff; border-right: 2px solid #fff; text-align: right; }
#sortiment td { background: #f1fbef; }
#sortiment th { background: #787878; color: #fff; }
#sortiment td.first { text-align: left; }
#sortiment th.first { text-align: left; }

table.bestellen td, table.bestellen th { padding: 4px; border-bottom: 4px solid #fff; border-right: 2px solid #fff; }
table.bestellen td { background: #f1fbef; }
table.bestellen td.delim { background: #e3e3e3; }
table.bestellen th { background: #787878; color: #fff; }
table.bestellen td.first, table.bestellen th.first { width: 300px; }
table.bestellen select { width: 120px; }
table.bestellen .error { background-color: #fee7f9; }

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


form { display: inline; }
div.formEntry { clear:left; float:left; width: 360px; margin-top: 9px; font: 11px/23px verdana; }
label.oplabel { position: relative; float: left; text-align: right; font-weight: bold; line-height: 23px; width:79px; padding-right: 15px; }
label.oblabel { position: relative; float: left; text-align: right; font-weight: bold; line-height: 23px; width:90px; padding-right: 4px; }
input.formtext { position: relative; float: right; width: 260px; height: 23px; border: 1px solid #32CB19; line-height: 23px; }
textarea.formtextarea { position: relative; float: right; width: 260px; height: 150px; border: 1px solid #32CB19; font: 12px/16px verdana; }
input.formsubmit { position: relative; margin-left: 97px; }
.checkboxText { float: left; line-height: 16px; width: 220px; }
.errortext { color: #f00; }
.secureHint { color: #EF4F11; font-size: 0.9em; line-height: 1.2em; }