* {
margin: 0;
padding: 0;
}
html {
padding: 5px;
height: 100%;
}
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000;
background: #fff;
}
table {
border-collapse: collapse;
}
table.topgrps {
width: 780px;
float: right;
margin-bottom: 5px;
}
table.topgrps td, table.topgrps th {
vertical-align: top;
width: 50%;
border: 2px solid Gray;
}
table.topgrps tr {
}
table.warenkorb, table.warenkorb td{
border: 1px solid Gray;
}
table.markengrps td, table.gruppengrps td {
vertical-align: middle;
font-size: 85%;
font-weight: bold;
padding: 2px;
}
table.show {
width: 780px;
}
tr.artlist {
border: #DDDDDD solid;
}
h2 {
margin-bottom: 10px;
}
h3 {
margin-bottom: 5px;
}
h5 {
padding-top: 3px;
}
img {
border: 0;
}
a {
color: Gray;
text-decoration: none;
}
a:hover {
color: Black;
background-color: #ddd;
}
li {
list-style: none;
}
input {
background-color: #DDDDDD;
border: none;
}
input.menge {
width: 50px;
text-align: center;
}
input.btn {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid Gray;
padding: 3px;
}

/* IDīs */
#container {
position: relative;
margin: 0 auto;
width: 1000px;
}
#topnav {
position: absolute;
top: 75px;
left: 586px;
width: 407px;
height: 45px;
background: White;
font-size: 75%;
font-weight: bold;
}
#topnav p {
margin-top: 5px;
margin-bottom: 5px;
}
#topnav li {
display: inline; 
}
#topnav a {
padding: 5px 7px;
}
#main {
margin-top: 10px;
margin-bottom: 10px;
}
#navi {
font-size: 70%;
float: left;
width: 195px;
border: #DDDDDD solid;
}
#navi p {
font-size: 40%;
}
#navi h5 {
background: url(../img/naviline.jpg) no-repeat center;
height: 25px;
font-size: 140%;
font-weight: bold;
margin-top: 7px;
margin-bottom: 3px;
}
#inhalt {
float: right;
width: 785px;
}
#inhalt h1 {
margin-bottom: 10px;
}
#inhalt p {
margin-bottom: 15px;
}
#inhalt ul {
margin-bottom: 10px;
}
#footer {
float: left;
}
#impressum p {
margin-bottom: 10px;
}
#datenschutz p {
margin-bottom: 10px;
}
#agbs {
font-size: 75%;
}
#agbs p {
display: block;
margin-bottom: 10px;
}
#ugruppen img {
margin: 5px;
}
#artlist table {
width: 100%;
margin-top: 10px;
}
#artlist td.arttext {
padding: 5px;
}
#artikel table {
width: 100%;
}
#artikel .err {
margin-top: 5px;
margin-bottom: 10px;
}
#warenkorb {
font-size: 70%;
}
#warenkorb table {
width: 780px;
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
#warenkorb p, #warenkorb h4 {
margin-left: 15px;
}
#warenkorb th, .tabfill {
background-color: Gray;
color: White;
}
#warenkorb .err {
text-align: left;
padding-left: 3px;
}
#daten {
font-size: 70%;
}
#daten table {
background-color: #DDDDDD;
border: 1px solid Gray;
margin-bottom: 10px;
}
#daten table.daten {
width: 780px;
float: right;
}
#daten th {
color: White;
background-color: Gray;
font-size: 200%;
padding-bottom: 4px;
}
#daten td {
padding-top: 2px;
padding-bottom: 2px;
}
#daten input, select, textarea {
border: 1px solid Gray;
background-color: White;
}
#daten textarea {
width: 99%;
height: 50px;
font: 125% Verdana, Arial, Helvetica, sans-serif;
}
#daten textarea.mitt{
height: 150px;
}
#daten .btn {
background-color: #DDDDDD;
}
#daten .input {
width: 210px;
}
#daten .label {
width: 210px;
}
#datashow {
font-size: 70%;
}
#datashow table, table.warenkorb td{
border: 1px solid Gray;
}
#datashow table.warenkorb {
width: 100%;
}
#datashow th {
color: White;
background-color: Gray;
padding-top: 3px;
padding-bottom: 3px;
}
#datashow table{
width: 45%;
margin-top: 15px;
}
#datashow table td {
padding: 2px;
}
#datashow table.lanschr {
float: right;
}
#preise {
white-space: nowrap;
}

/* Allgemeine Klassen */
.arttext {
text-align: left;
}
.arttext ul{
padding-top: 3px;
padding-left: 20px;
}
.arttext li{
list-style: disc;
}
.artbild {
padding: 5px 0px;
text-align: center;
}
.artpreise, .gespreis {
padding: 5px;
text-align: right;
}
.editanschr {
text-align: left;
width: 200px;
margin-top: 2px;
}
.editanschrtf {
text-align: left;
width: 98px;
margin-top: 2px;
}
.err {
color: Red;
font-weight: bold;
text-decoration: blink;
}
.gesinfo, .gespreis {
font-weight: bold;
}
.input, .show {
text-align: left;
}
.label {
text-align: right;
padding-right: 3px;
}
.plabst {
padding-right: 10px;
}
.radio {
background-color: #DDDDDD;
}
.ugrplst{
font-size: 80%;
}
.vskinfo, .gesinfo {
text-align: right;
}