html, body {margin: 0; padding: 0; width: 100%; height: 101%; background: #F9F9F9 url(clips/bg.gif) repeat-x;}
body {font-family: Verdana, Arial, Helvetica; color:#333333; font-size:1.0em;}
a {text-decoration: underline; color:#006699;}
a:hover {text-decoration: underline;}
ul {margin: 0; padding: 0;list-style: none;}
//p {margin: 0;}
strong {font-size: 100%; color: #006699; font-weight: bold;}
b {font-size: 100%; font-weight: bold;}
input,select{font-size: 90%;}
textarea {font-size: 85%; font-family: Verdana, Tahoma, "MS Sans Serif";}
h1 {background-image: url(clips/back-ihrwarenkorb.gif); margin: 0px; height:18px; padding: 3px; color: #FFFFFF; font-size: 100%; font-weight: bold; border: 1px solid #330000;}
.clear {clear: both; line-height: 1px; font-size: 1px; height: 1px;}
.superspace {letter-spacing: 1.5em; color: #FFFFFF;}
/*---CENTER---*/
#center-box {width: 1000px; margin: 0 auto; height: auto;}
/*---HEADER---*/
#header {float: left; width: 100%; height: 115px; margin-top: 1px; background: url(clips/header-bg.jpg) no-repeat; background-position: right; border-left: 1px solid #333366; border-right: 2px outset #F5F5F5; border-top: 1px solid #FFFFFF;}
/*---NAVIGATION---*/
#navi {float: left; width: 100%; height: 25px; background: url(clips/navi-bg.gif) repeat-x; border-top: 1px solid #FFFFFF; border-left: 1px solid #333366; border-right: 2px outset #F5F5F5; border-bottom: 1px solid #999999; text-align: right; font-size: 70%; line-height: 25px;}
/*---CONTENT---*/
#content {float: left; width: 1000px; height: auto; padding: 0px; margin: 0px; background: #FFFFFF url(clips/back-navi.gif) repeat-y; border-left: 1px solid #333366; border-right: 2px outset #F5F5F5; font-size: 80%;}
#content li {padding: 0 0 0 10px; background: url(clips/li.gif) no-repeat 0 3px;}
/*---NAVI---*/
#content-navi {float: left; width: 220px; height: auto; padding: 25px 0px 20px 0px; margin: 0px; font-size: 85%;}
#content-navi a {text-decoration: none;}
#content-navi a.navsubinaktiv {color: #006699;}
#content-navi a.navsubinaktiv:hover, #content-navi a.navsubinaktiv:activ {color: #000033;}
#content-navi a.navsubaktiv {color: #000033;}
.navi-kat0 {margin-left: 8px; line-height: 100%; font-size: 100%; font-family: Arial; font-weight: bold; letter-spacing: 0px;}
.navi-kat1 {margin-left: 11px; line-height: 130%; font-size: 100%; font-family: Arial,Verdana;}
.navi {padding-left: 10px; background-image: url(clips/back-navi.gif); border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC;}
.navi-top {font-size: 0.7em; background-image: url(clips/back-top.gif); height:21px; }
.linie1 {border-bottom: dotted #CCCCCC 1px; background-color:#FCFCFC; font-size:1px; margin: 0px; padding: 0px;}
.linie2 {border-bottom: 1px solid #999999; margin: 0px; padding: 0px; width:100%;}
/*---CONTENT-MAIN---*/
#content-main {float: left; width: 565px; height: auto; padding: 25px 10px 20px 10px; margin-left: 15px;}
/*
#content-start {float: right; width: 565px; height: auto; padding: 25px 10px 20px 0px; margin: 0px; }
#content-start1 {float: left; width: 445px; height: auto; }
#content-start2 {float: right; width: 115px; height: auto;}
*/
/* Unternehmen ========================================================= */
#slideshow {width: 100%;}
#slideshow .l {float: left; width: 280px; }
#slideshow .r {float: right; width: 270px;}
#frame {background-color: #FFFFFF; padding:5px; border: 1px solid #999999;}
/*---NEWS--*/
.box-news {border: 2px solid #006699; background-color: #FFFFFF; margin: 0 5px 0 5px; padding: 5px; font-size: 85%; line-height: 150%;}
.news {background-color: #CC0000; color: #FFFFFF; font-size: 100%; font-weight: bold; padding: 3px; border: 1px solid #999999; line-height: 200%;}
/*---WAI--*/
.content-wai {float: left; width: 565px; height: auto; padding: 0px; margin: 0px;}
.wail {float: left; font-size: 95%; color: #006699; font-weight: bold;}
.wair {float: right; text-align: right;}
.details {font-size: 90%; }
/*---bsnpta Bestseller, neue Produkte und Top-Angebote ---*/
#topangebote {float: right; width: 160px; text-align: center; font-size: 85%; background-color: #FFFFFF; background-image: url(clips/back-bsnpta.gif); height: auto; margin: 0 5px 0 0px; border: 1px solid #cccccc;}
.topangebote {margin: 8px; padding: 5px 0; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
/*---BOTTOM--*/
#bottomline {float: left; width: 100%; height: 1px; background: url(clips/sq-darkblue.gif) repeat-x;}
#bottom {float: left; width: 100%; height: auto; min-height: 80px; background: url(clips/bottom-hg.gif) repeat;}
#center-box-bottom {width: 1000px; margin: 0 auto; height: auto;}
#bottom p {margin-top: 5px; color: #999999; font: bold 60% arial, verdana;}
#bottom a {color: #999999;}
#footer {float: left; width: 1000px; min-height: 40px; background: #F9F9F9; border-left: 1px solid #333366; border-right: 2px outset #F5F5F5; border-bottom: 1px solid #999999;}
.footer {font-size: 85%; color: #999999;}
/*---Auflistung Produkte--*/
#result {float: left; width: 565px; height: auto; padding: 0px; margin: 15px 0; font-size: 85%; color: #999999;}
#showprods {}
#showprods .proddetails {float: left; width: 565px; border-bottom: 1px dotted #CCCCCC; margin: 10px 0 10px 0; padding-bottom: 15px;}
#showprods .img {float: left; width: 110px; text-align: center; border: 1px solid #CCCCCC; margin-right: 10px;}
#showprods .imgborder {border: 1px solid #CCCCCC; margin: 5px;}
#showprods .details {float: left; width: 440px; font-size: 100%;}
#showprods .name {float: left; font-size: 95%; font-weight: bold;}
#showprods .l {float: left; width: 310px;}
#showprods .r {float: right;width: 120px; text-align: right;}
.neuerartikel {text-align: center; background-color: #006699; color: #FFFFFF; font-size: 80%; font-weight: bold; padding: 2px; line-height: 150%;}
#showprods .uvp {font-size: 85%; color: #666666;}
#showprods .preis {font-size: 90%; font-weight: bold; line-height: 150%;}
#showprods .lagernd {font-size: 80%; color: #999999;}
#showprods .wnlz {font-size: 80%; font-weight: bold; color: #FFFFFF; background-color: #CCCCCC; padding: 2px;}
/*---Produkte Detailseite--*/
#proddetail {}
#proddetail .name {font-size: 110%; font-weight: bold; color: #FFFFFF; background-color: #006699; padding: 2px; line-height: 250%;}
#proddetail .lagernd {font-size: 80%; color: #999999;}
#proddetail .beschreibung {font-size: 90%;}
#proddetail .l {float: left; width: 48%; margin-top: 5px; font-size: 90%;}
#proddetail .r {float: right;width: 48%; margin-top: 5px; text-align: right; margin-right: 10px;}
#proddetail .lz {font-size: 90%; color: #333333; margin-bottom: 3px;}
#proddetail .listenpreis {font-size: 85%; color: #666666;}
#proddetail .preis {font-size: 100%; font-weight: bold; line-height: 150%;}
#proddetail .keinumbruch {}
.versandkostenzuschlag {float: right; font-size: 80%; font-weight: bold;}
/* Showcart und Checkout Tabellen */
.cell-top {background-color: #EBEBEB; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; line-height: 225%;}
.cell-pos {border-bottom-width: 1px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;}
.cell-mid {background-color: #EBEBEB; font-weight: bold; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
.cell-bottom {background-color: #EBEBEB; font-weight: bold; color: #000000; line-height: 280%; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
.cell-bottom-s {background-color: #EBEBEB; font-size: 80%; color: #999999; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
/* Warenkorb - ShowCart */
.box-showcart {border: 1px solid #999999; background-color: #F9F9F9; font-size: 90%;}
/* Checkout - Last-Check */
.inv {background-color: #006699; color: #FFFFFF; font-size: 0.9em; font-weight: bold; padding:3px; border: 1px solid #999999;}
.required {color: #990000; font-size: 0.9em; font-weight: bold;}
.optional {color: #339933; font-size: 0.9em; font-weight: bold;}
/* Checkout Stammdaten */
#stammdaten {font-size: 95%; font-weight: bold;}
#stammdaten .mussfelder {font-size: 80%; font-weight: normal;}
/* Checkout Versand */
#checkout-versand {font-size: 95%;}
#checkout-versand .vkfrei {font-size: 90%; color: #999999;}
/* Checkout ZW Zahlungsweise */
#checkout-zw {font-size: 95%;}
/* Checkout LastCheck */
#checkout-lastcheck {font-size: 100%;}
#checkout-lastcheck .box-lastcheck {border: 1px solid #999999; background-color: #F9F9F9; font-size: 90%;}
#checkout-lastcheck .hinweis-ust {font-size: 80%; font-weight: normal; text-align: right; margin-top: 5px;}
#checkout-lastcheck .agbcheck {border: 1px solid #FF0000; margin-top: 5px;}
/* Bye */
#bye {}
#bye .box-lastcheck {border: 1px solid #999999; background-color: #F9F9F9; font-size: 90%;}
#bye .hinweis {font-size: 85%; font-weight: bold; color: #FF0000; padding: 1px;}
#checkout-count {text-align: right; background-color: #EBEBEB; border: 1px solid #CCCCCC; font-size: 80%; font-weight: bold; line-height: 2.0em;}
/* Allgemein */
.fs70 {font-size: 70%;}
.fs75 {font-size: 75%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.trennlinie {border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid;}
.hinweis {font-size: 90%; font-weight: bold; color: #FF0000; padding: 1px;}
.box1 {border: 1px solid #CCCCCC; background-color: #FFFFFF;}
.box-red {border: 2px solid #CC0000; background-color: #FFFFFF; margin: 0 20px 0 20px; padding: 5px; font-size: 85%; text-align: center;}
.box-green {border: 3px double #339933; background-color: #FFFFFF; margin: 0 20px 0 20px; padding: 5px; font-size: 85%; text-align: center; line-height: 1.5em;}
.b1red {font-size: 100%; font-weight: bold; color: #CC0000;}
.error-red {font-size: 100%; font-weight: bold; color: #FF0000;}
#l {float: left;}
#r {float: right; text-align: right;}
#half-l {float: left; width: 48%;}
#half-r {float: right;width: 48%; text-align: right; margin-right: 10px;}
.produktname {font-size: 95%; font-weight: bold;}
.produktname-detail1{font-size: 110%; font-weight: bold; color: #000000; background-color: #F5F5F5; padding: 1px;}
.prodimage {border: 1px solid #666666;}
.blaettern-u {text-align:center; font-size: 80%;}
.fliesstext {font-size: 70%;}
.kurzbeschreibung {font-size: 70%;}
.orderfeld {vertical-align: top;}
.input1 {text-align:center;vertical-align: top;}
.anzahl {text-align:center; vertical-align: top; width: 20px; margin-top: -1px;}
.leerzeile1 {height: 15px;}
.wnlz {font-size: 85%; font-weight: bold; color: #FFFFFF; background-color: #CCCCCC; padding: 1px;}
.zh5 {line-height: 5px;}
.zh10 {line-height: 10px;}
.form1 {font-size: 95%; font-weight: bold;}
.content {padding: 20px; }
#dummy {position: relative; top: -108px; left: -236px; width: 550px; height: auto; padding-top: 10px; padding-left: 5px; border: 1px;}
/* Orphans? */
.cobtbl {border: 1px solid #CCCCCC;}
.cobhl {background-color: #EBEBEB; font-size: 90%; font-weight: bold;}
.cobll {background-color: #F9F9F9; font-size: 90%; font-weight: bold;}
input.cobll {background-color: #FAFAFA; font-size: 85%; font-weight: bold; color: #000000; border: 1px solid #666666;}