body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-size:100%; }
ol, ul {list-style:none; }
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal; }
table {border-collapse:collapse; border-spacing:0; font-size:100%; }
fieldset, img {border:0; }
caption, th {text-align:left; }
q:before, q:after {content:''; }

/* ALLGEMEIN */
body { color: #555b65; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#complete { background-color: white; text-align: left; width: 950px; margin: 0 auto 0; padding: 0; }
#kopf { padding-bottom: 10px; }

/* NAVI */
#navi { color: #ffa500; font-size: 0.9em; background-color: #d6181f; letter-spacing: 1px; position: relative; padding: 10px 16px; margin:0; width: 918px; }
#navi img { position:absolute; }
#navi img.eck1 { top:0; left:0; }
#navi img.eck2 { top:0; right:0; }
#navi img.eck3 { bottom:0; left:0; }
#navi img.eck4 { bottom:0; right:0; }
* html #navi img.eck3 { bottom:-1px; left:0; }
* html #navi img.eck4 { bottom:-1px; right:0; }
#navi a:link, #navi a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover, #navi a.aktiv { color: #ffa500; }

/* SPALTE */
#spalte { vertical-align: top; width: 300px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
#boxer { background: #dcdcdc url(/media/media_css/foot-top-left.gif) no-repeat; position: relative; width: 258px; height: auto; padding-right: 16px; padding-bottom: 30px; padding-left: 16px; }
#boxer img.eck1 { position: absolute; top:0; left:0; }
#boxer img.eck2 { position: absolute; top:0; right:0; }
#boxer img.eck3 { position: absolute; bottom:0; left:0; }
#boxer img.eck4 { position: absolute; bottom:0; right:0; }
#spalte h1 { font-size: 0.8em; line-height: 1.6em; padding: 20px 10px 10px; }
#spalte p { font-size: 0.7em; line-height: 1.6em; padding: 10px; }
#spalte p a:link, #spalte p a:visited { color: #d6181f; font-weight: 700; text-decoration: none; }
#spalte p a:hover, #spalte p a.aktiv { color: #808080; }
#navlinks { font-size: 0.7em; width: 260px; margin: 10px 0; padding: 0; border-top: 1px solid white; }
#navlinks li { list-style: none; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid white; }
#navlinks li a:link, #navlinks li a:visited { color: #d6181f; font-weight: 700; text-decoration: none; }
#navlinks li a:hover, #navlinks li a.aktiv { color: #808080; }
#navlinks li ul { padding-top: 10px; }
#navlinks li li { font-size: 80%; list-style: none; margin: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; border-bottom: 1px solid #dcdcdc; }
#navlinks li li a:link, #navlinks li li a:visited { color: #d6181f; font-weight: 700; background-image: url(/media/media_css/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#navlinks li li a:hover, #navlinks li li a.aktiv { color: #808080; }

/* CONTENT */
code { font-size: xx-small; font-family: arial; }
#content { background-image: url(/media/media_css/contenthg.gif); background-repeat: no-repeat; background-position: right bottom; text-align: left; vertical-align: top; width: 650px; padding-top: 10px; padding-bottom: 30px; }
#content h1 { color: #d6181f; font-size: 1.2em; line-height: 1.8em; padding: 10px; }
#content h1 strong { color: #808080; }
#content h2 { color: #a9a9a9; font-size: 0.8em; font-weight: 700; line-height: 1.2em; padding: 10px; }
#content h3 { font-size: 0.85em; line-height: 1em; clear: both; padding: 10px 10px 0px 10px; clear: both; }
#content h4 { font-size: 1em; line-height: 1em; padding: 30px 10px 10px; }
#content p { font-size: 0.75em; line-height: 1.6em; padding: 10px; }
#content ul { color: #a9a9a9; font-size: 0.75em; line-height: 1.6em; padding: 0px 10px 10px 10px; }
#content ul li { background-image: url(/media/media_css/listitem.gif); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
#content ol { font-size: 0.85em; line-height: 1.8em; margin: 0; padding: 0 0 0 40px; }
#content ol li { margin: 0; padding: 0 0 10px 10px; }
#content a:link, #content a:visited { color: #d6181f; font-weight: 700; }
#content a:hover { color: #808080; }

/* KLASSEN */
.bira { padding: 6px; border: solid 1px #e1e4cc; }
.biraun { border-bottom: 1px solid #dcdcdc; }
.birali   { background-color: white; margin-right: 10px; margin-bottom: 1px; padding: 6px; float: left; border: dotted 1px #e1e4cc;  }
.birare { background-color: white; margin-right: 10px; margin-bottom: 10px; padding: 6px; float: right; border: dotted 1px #e1e4cc;  }
.bili { margin-right: 30px; margin-bottom: 10px; float: left; }
.bire { margin-bottom: 10px; margin-left: 30px; float: right; }
.clearer { clear: both; }
.sunnysideup { background-image: url(/media/media_pictos/sunnysideup.gif); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }
.download { background-image: url(/media/media_pictos/download.gif); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }
.sortierer { background-image: url(/media/media_buttons/sortierbutton.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.abstand { padding-top: 10px; }
.distancer { margin-right: 4px; }
.buttonabstand { margin-top: 7px; }

/* FUSS */
#foot { font-size: 0.65em; background: #dcdcdc url(/media/media_css/foot-top-left.gif) no-repeat; text-align: right; letter-spacing: 1px; position: relative; padding: 10px 16px; margin:0; width: 918px; }
#foot img { position:absolute; }
#foot img.eck1 { top:0; left:0; }
#foot img.eck2 { top:0; right:0; }
#foot img.eck3 { bottom:0; left:0; }
#foot img.eck4 { bottom:0; right:0; }
#foot a:link, #foot a:visited { color: #555b65; font-weight: 700; text-decoration: none; }
#foot a:hover, #foot a.aktiv { color: #ed1b23; }

/* TABLE */
#newstable { margin-top: 10px; margin-left: 10px; }
#newstable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; padding-right: 15px; padding-bottom: 20px; padding-left: 0; }
.reftable { margin-top: 20px; margin-left: 30px; }
.reftable td  { vertical-align: top; padding: 0 0 30px; }
#kontakttable { margin-top: 20px; margin-left: 10px; }
#kontakttable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; }
#haendlertable { width: 600px; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
#haendlertable th  { font-size: 0.75em; font-weight: 700; background-color: #f5f5f5; vertical-align: top; padding: 10px 5px; }
#haendlertable td { font-size: 0.7em; line-height: 1.4em; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #dcdcdc; }
#gesamtpreisliste { margin-left: 10px; padding: 0; }
#gesamtpreisliste td { padding-right: 20px; }
#preistabelle { background-image: url(/media/media_css/grauverlauf.gif); background-repeat: repeat-y; background-position: right top; width: 450px; margin-top: 10px; margin-bottom: 10px; }
#preistabelle th { color: #f5f5f5; font-size: 0.7em; font-weight: 700; background-color: #d6181f; vertical-align: top; padding: 10px 6px; }
#preistabelle td { font-size: 0.7em; padding: 10px; vertical-align: top; border-bottom: 1px solid #dcdcdc; }
.zart { background-color: white; }
.action { color: #d6181f; font-weight: 700; }
#productpricetable { width: 400px; margin-bottom: 30px; margin-left: 10px; }
#productpricetable th { color: #f5f5f5; font-size: 0.7em; font-weight: 700; background-color: #d6181f; vertical-align: top; padding: 10px 6px; border-bottom: 1px dotted #dcdcdc; }
#productpricetable td { font-size: 0.7em; padding: 10px; vertical-align: top; border-bottom: 1px dotted #dcdcdc; }
#agbtable { margin-left: 10px; }
#agbtable td  { color: #808080; font-size: 0.65em; line-height: 1.4em; vertical-align: top; padding-right: 15px; padding-bottom: 20px; padding-left: 0; }
.interntable { width: 500px; margin-left: 20px; margin-bottom: 30px; }
.interntable td  { font-size: 0.65em; line-height: 1.2em; vertical-align: top; padding-top: 2px; padding-bottom: 2px; }