body, div, form, p, li, ul, ol { font-family:  Verdana, Helvetica, sans-serif; line-height: 140% }
body { margin: 0; padding: 0 0 1em 0; max-width: 800px; font-size: 0.8em; background: url("/images/backgrounds/body.gif") repeat-y }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal }
h1 { font-size: 16pt; display: none }
h2 { font-size: 16pt }
h3 { font-size: 13pt }
h4 { font-size: 10pt; font-weight: bold }

acronym { border-bottom: 1px dotted #fff; speak: normal }
abbr { speak: spell-out }
fieldset { padding: 1em; margin-bottom: 1em }
input { margin-right: 1em }

a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff }
a:hover { color: #fff; border-bottom: 1px solid #f00 }
a img, a:hover img { border: 0 }

#navigation { margin: 0; padding: 142px 0 0 0; background: url("/images/backgrounds/navigation.jpg") no-repeat; width: 150px; min-height: 250px; float: left }
#navigation { list-style: none; text-align: center }
#navigation li { border-bottom: 1px solid #eee; margin: 0 }
#navigation li a { display: block; padding: 5px 5px; text-decoration: none; width: 130px; color: #fff; border: 0 }
html>body #navigation li a { width: auto }
#navigation li a:hover { background-color: #333 }
#navigation li a.current { background-color: #6b757b; font-weight: bold }	
#navigation li a dfn, #navigation li span.none { display: none }

#header { margin: 0 0 0 150px; background: url("/images/backgrounds/header.jpg") repeat-y; width: 650px; height: 123px }
#breadcrumbs { margin: 0 0 0 150px; background: url("/images/backgrounds/ticker.gif") no-repeat; width: 650px; height: 18px; color: white; font-size: 8pt; text-align: right }

#content { margin: 0 0 0 150px; padding: 10px 10px; background: url("/images/backgrounds/content.jpg") no-repeat; width: 630px; min-height: 100px; color: #fff }
#content h1 { display: block }

/* Begin hide from IE5-mac \*/
* html #navigation li a { width: 150px;  } /* Hack for IE5-win */
* html #navigation { margin-right: -3px } /* Hack for IE5-win */
* html #header { margin-left: 0 } /* Hack for IE5-win */
* html #breadcrumbs { margin-left: 0 } /* Hack for IE5-win */
* html #content { margin-left: 0; width: 650px } /* Hack for IE5-win */
/* End hide from IE5-mac */

div.welcome { float:left; width: 50% }
address p { margin: .4em 0; font-style: normal }
img.schaubild { clear: both; float: right; margin-right: 1em; border: 1px solid #000 }

div.productlist { float: right; width: 267px; padding: 0 8px 8px 8px ; color: #000; border: 1px solid #000; background: url("/images/backgrounds/productlist.gif") left top no-repeat #ddd }
/* Begin hide from IE5-mac \*/
* html div.productlist { padding: 8px; width: 284px } /* Hack for IE5-win */
/* End hide from IE5-mac */
div.productlist h2 { font-size: 1.4em; text-align: center; background-color: #ccc; padding: .2em; border: 1px solid #999}
div.productlist h2 a, div.productlist h2 a:hover { color: #000; text-decoration: none; border: 0 }
div.productlist dl a { color: #000; border: 0 }
div.productlist dl a:hover { color: #000; border-bottom: 1px solid #000 }
div.productlist dl { clear: both; height: 5.5em }
div.productlist dt { float: left }
div.productlist dd { font-size: .8em; margin: 0 0 0 5em; padding: 0 0 0 2em; line-height: 1.4em }
div.productlist dd strong { font-size: 1.2em }

dl.product { clear: both }
dl.productdt { float: left; margin-right: 1em }
dl.product dt img { border: 1px solid #000 }
dl.product dd ul { margin-left: 1em; padding-left: 0em }
dl.product dd li { margin-left: 1em; padding-left: 0em }
dl.product+* { clear: both }

dl.impress dt { width: 16em; font-weight: bold; float: left }
dl.impress dd { margin: 0 0 0 17em; padding: 0 0 .5em 0 }

dl.product { border: 1px solid #000; background-color: #ddd; width: 330px; padding: .5em; color: #000 }
dl.product dt { float: left; margin-right: .5em }
dl.product dd { margin-bottom: .5em }
dl.product dd a { color: black; border-bottom: 1px solid black }
dl.product dd a:hover { color: black; border-bottom: 1px solid red }

dt { font-weight: bold }
dd { margin-bottom: 1em }

table { border-collapse: collapse; color: #fff; font-size: 1em }
td { border: 1px solid #fff; padding: 2px }
th { border: 1px solid #fff; background-color: #ccc; color: #000 }

table.tipps { width: 500px; color: #000 }
table.tipps td { background-color: #fff; border: 1px solid #000; padding: 0.4em }
table.tipps td.wrong { background-color: #f99 }
table.tipps td.right { background-color: #6c9 }
table.tipps th { background-color: white; border: 1px solid #000 }
table.tipps th.wrong { background-color: #f99; text-transform: uppercase }
table.tipps th.right { background-color: #6c9; text-transform: uppercase }

table.statistik th { padding: .2em 1em }
table.statistik td { padding: .2em .5em }

p.mailbutton { float: right }
p.mailbutton a { border: 0 }
p.zeichnung { float: right }

div.box { width: 325px; height: 100px; padding: 14px 0 0 8px; margin: 0; color: #000; font-size: 90% }
div.box p { width: 90%; clear: both }
div.box p img { float: left; padding-right: 10px }
div.box p a { color: #000; border: 0; float: right; background: url("/images/pfeil.gif") no-repeat left; padding: 0 0 0 40px; font-weight: bold }
/* Begin hide from IE5-mac \*/
* html div.box  { padding: 25px 0 20px 10px; font-size: 85%} /* Hack for IE5-win */
* html div.box p { width: 96%; margin: 0 } /* Hack for IE5-win */
* html div.box img { margin-right: 10px } /* Hack for IE5-win */
/* End hide from IE5-mac */
.medical { background: url("/images/box-medical-versand.gif") no-repeat }
.schilder { background: url("/images/box-schilder-katalog.gif") no-repeat }
.brandschutzordnung { background: url("/images/box-brandschutzordnung.gif") no-repeat }

.none { display: none }
label { cursor: pointer }

/* BEGIN Forms */
label.required { font-weight: bold }
p.error strong { text-transform: uppercase; text-decoration: underline }
p.checkboxlist { float: left; text-align: right; width: 9.0em; margin-right: .3em; }
form p.error label { background: url("/images/error.gif") .2em .1em no-repeat #FF3333; color: #fff }
fieldset { margin: 0 0 1em 0; padding: 0; border: 0 }
legend { display: none }
input { margin-right: 1em }
input.submit { margin-left: 9.2em }
input.checkbox { float: left; margin-left: 9.2em }
input.first { margin-left: .3em }
/* Begin hide from IE5-mac \*/
* html input.submit { margin-left: 9.5em; margin-top: 0 } /* Hack for IE5-win */
* html input.first { margin-left: -.1em; margin-bottom: 0 } /* Hack for IE5-win */
/* End hide from IE5-mac */
fieldset p { margin: .4em 0; clear: both }
fieldset p.first { float: left; clear: none }
label { float: left; text-align: right; width: 9.0em; margin-right: .3em; padding: .1em 0; cursor: pointer  }
label.checkbox { float: none; text-align: left; width: auto }
textarea { width: 24em; height: 10em }
/* END Forms */

a.photo { border: none }
a.photo img { padding: 4px; margin-right: .5em; border: 1px solid #999 }
a:hover.photo img { border: 1px solid #fff }