* { padding: 0; margin: 0;}
body { font-size: 12px; line-height: 15px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background:url(bg_verlauf.jpg) repeat-x #ffffff;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}
h1{ font-size: 21px; line-height: 23px; margin: 4px 0 20px 0; }
h2{ font-size: 17px; line-height: 20px; margin: 4px 0 4px 0;  }
h3{ font-size: 15px; margin: 4px 0 4px 0;  }
p { margin: 8px 0px 8px 0;}
a:link, a:visited, a:active { color: #0066CC; text-decoration: none; }
a:hover { color: #114477; text-decoration: underline; }

.input { border: 1px solid #979797; }
.input:hover { color: #06c; border: 1px solid #06c; }
.button { color: #979797; font-weight: bold; background-color: #FFFFFF; border: 1px solid #979797; padding: 2px 0px 2px 0px; cursor: pointer; font-family: Arial; }
.button:hover { color: #06c; border: 1px solid #06c; }
.button2 { color: #FFFFFF; font-weight: bold; background-color: #06c; border: 1px solid #979797; padding: 2px 0px 2px 0px; cursor: pointer; font-family: Arial; }
.button2:hover { color: #000000; background-color: #FFFFFF; border: 1px solid #06c; }
.line{ width: 100%; height: 1px; background: url(bg-strich-h.gif) repeat-x; }
.rot { color: #CB000A; font-weight: bold;}
.error { color: red; font-weight: bold;}
.preis{ font-size: 14px; font-weight: bold;}
#content .tab { width: 470px; }
#content .tab td{ padding: 4px 4px 4px 0px; }
.tab .v-line{ width: 1px; background: url(bg-strich-v.gif) repeat-y; }
.klein { font-size: 10px; }
.produktpreis{ border: solid 1px #989898; background: #efefef; padding: 5px;}
.box_bilder { float: right; width: 200px; margin-left: 10px; }

#header{ width: 960px; height:210px; background:url(header_bg.jpg) no-repeat; position:relative; left: -70px;}
#page { width: 960px; background:url(content_rahmen.jpg) repeat-y right; text-align: left; position:relative; left: -70px; padding-top: 40px; }
#content { width: 480px; margin: 0px 0px 0px 210px;}
#content ul { margin: 0 0 0 20px;}
#content ul li { list-style-image: url(icon-pfeil.gif); padding: 2px 0px 2px 5px; }
#navi { width: 180px; padding: 0px 50px 0px 0px; font-size: 11px; float: right;}
#navi .titel { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 15px; font-weight: bold; margin: 4px 0 8px 0; }
#navi ul li { background: url(icon-pfeil-kl.gif) no-repeat center left; list-style: none; color: #979797; padding: 4px 0px 4px 16px;}
#footer { font-size: 10px; width: 510px; height: 40px; clear: both; margin-left: 210px; text-align: center; }
#footer_bg{ width:960px; height: 100px; background: url(footer_bg.jpg) no-repeat; position:relative; left: -70px; }