html { height:100%; margin-bottom:1px; }
body { text-align:center; background:url('img/body.jpg') top repeat-x; background-color:#f4f4f4; }
table { width:100%; border:none; }
td { padding:5px; }
div { display:block; }
input { width:160px; height:17px; border:1px solid #afafaf; float:left; }
textarea { width:340px; height:150px; border:1px solid #afafaf; }
select { width:160px; border:1px solid #afafaf; float:left; }
/** Aufbau */
.oben, .mitte, .unten { width:930px; margin:0px auto; padding:0px 10px; }
.oben { height:120px; background:url('img/oben.jpg') top left no-repeat; }
.mitte { background:url('img/mitte.jpg') repeat-y; }
.unten { background:url('img/fuss.jpg') top left no-repeat; }
/** Content **/
.content_oben { width:100%; margin-top:15px; text-align:center; float:left; }
.content_links { width:165px; padding-top:3px; float:left; }
.content_mitte { width:580px; padding:8px 7px 8px 12px; background:url('img/content-mitte.jpg') no-repeat top left; float:left; }
.content_rechts { width:165px; padding-top:3px; float:right; }
.content_fuss { width:100%; height:10px; clear:both; }
.content_unten { width:100%; padding-top:40px; font-size:11px; text-align:center; }
.content_unten p { color:#666; font-size:11px; text-align:center; }
.content_unten a { color:#666; font-size:11px; }
/** Navigation **/
.hauptmenu { margin-left:5px; margin-right:5px; color:#d10101; font-weight:bold; float:left; }
.untermenu { width:auto; display:block; margin-bottom:1px; padding-left:10px; background-color:#f8f8f8; border:1px solid #dfdfdf; }
.untermenu { color:#133B87; font-weight:bold; line-height:19px; }
/*.untermenu .aktiv { color:#d98115; } ka. warum das nicht funct?
.aktiv { color:#d98115; } das würde funzen
*/
.reiter { width:100px; display:block; color:#F2F2F2; font-weight:bold; text-align:center; line-height:18px; background:#514C9C url('img/reiter.gif') no-repeat top; border:none; float:left; }
.breadcrumb { display:none; }
/** Suche **/
.suche { width:255px; margin-top:62px; float:left; }
.suche input { width:163px; }
.suche input.submit { width:88px; }
/** Produktdetails **/
.product { width:550px; margin:0px auto; }
.product h1 { width:100%; margin-bottom:23px; color:#444; font-size:17px; float:left; }
.product .image { width:200px; margin-right:10px; text-align:center; float:left; }
.product .info { width:300px; padding-top:3px; text-align:left; float:left; }
.product .preis { margin-bottom:5px; color:#444; font-size:17px; font-weight:bold; line-height:20px; }
.product .text { width:100%; float:left; }
.product .text p { text-align:justify; }
.product .menge { width:25px; text-align:center; background:#F8F8F8; float:left; }
.product .submit { width:89px; background:#F8F8F8 url('img/warenkorb_btn.gif'); float:left; }
.product .option { margin-right:1px; float:left; }
.product .option .name { display:none; }
.product .option .select { width:125px; }
.product .zurueck { height:auto; text-align:center; float:left; }
.product .zurueck a { height:18px; margin-left:2px; padding-left:14px; color:#514C9C; font-size:13px; font-weight:bold; line-height:16px; }
.product .zurueck a { background:#F8F8F8 url('img/arrow_left.gif') no-repeat left center; float:none; }
.product .zurueck a:hover { text-decoration:underline; }
.productOldPrice { color:red; text-decoration:line-through; }
/** Startseite **/
.startseite .dropdown { padding-right:26px; margin-top:5px; float:right; }
.startseite .product { width:174px; height:185px; padding:10px 5px; text-align:center; float:left; }
.startseite .productName { height:45px; color:#514C9C; font-weight:bold; text-align:center; }
.startseite .productImage { width:160px; height:90px; display:block; margin-right:0px; text-align:center; overflow:hidden; }
.startseite .productInfo { width:100%; font-size:10px; text-align:center; float:left; }
.startseite .productPrice { color:#444; font-size:15px; font-weight:bold; text-align:center; line-height:20px; }
.startseite .productOldPrice { color:red; text-decoration:line-through; }
.startseite .nichtauflager { margin:0px; text-align:center; }
/** Produktübersicht **/
.produktliste h1 { padding-left:24px; font-size:20px; font-style:italic; float:left; }
.produktliste .dropdown { padding-right:24px; margin-top:5px; float:right; }
.produktliste .product { width:174px; height:185px; padding:10px 5px; text-align:center; float:left; }
.produktliste .productName { height:45px; color:#514C9C; font-weight:bold; text-align:center; }
.produktliste .productImage { width:160px; height:90px; display:block; margin-right:0px; text-align:center; overflow:hidden; }
.produktliste .productInfo { width:100%; font-size:10px; text-align:center; float:left; }
.produktliste .productPrice { color:#444; font-size:15px; font-weight:bold; text-align:center; line-height:20px; }
.produktliste .productOldPrice { color:red; text-decoration:line-through; }
.produktliste .nichtauflager { margin:0px; text-align:center; }
/** Angebote **/
.angebote h1 { padding-left:24px; font-size:20px; font-style:italic; float:left; }
.angebote .dropdown { padding-right:24px; margin-top:5px; float:right; }
.angebote .product { width:174px; height:185px; padding:10px 5px; text-align:center; float:left; }
.angebote .productName { height:45px; color:#514C9C; font-weight:bold; text-align:center; }
.angebote .productImage { width:160px; height:90px; display:block; margin-right:0px; text-align:center; overflow:hidden; }
.angebote .productInfo { width:100%; font-size:10px; text-align:center; float:left; }
.angebote .productPrice { color:#444; font-size:15px; font-weight:bold; text-align:center; line-height:20px; }
.angebote .productOldPrice { display:block; color:red; text-decoration:line-through; }
.angebote .nichtauflager { margin:0px; text-align:center; }
/** Box **/
.box { width:163px; height:auto; margin:0px 0px 19px 0px; background:#F8F8F8; border:1px solid #CCC; }
.box div.oben { width:163px; height:auto; padding:0px; background:#192335; border:0px; }
.box div.oben a { display:block; margin:0px; padding:2px 0px 2px 10px; color:#F2F2F2; font-weight:bold; border:0px; }
.box div.oben b { display:block; margin:0px; padding:2px 0px 2px 10px; color:#F2F2F2; border:0px; }
.box div.mitte { width:151px; height:auto; padding:7px 5px; text-align:left; background:#F8F8F8; }
.box div.mitte ul { margin:0px; padding:0px; }
.box div.mitte li { line-height:16px; list-style-type:none; }
.box div.unten { width:161px; height:10px; padding:0px; background:none; }
/** Bestseller (Box) **/
a.bestseller { display:block; margin-bottom:2px; }
/** Warenkorb (Box) **/
.warenkorb a.kasse { margin-left:11px; color:#a70273; text-decoration:underline; }
.warenkorb a.kasse:hover { color:#652058; }
.warenkorb div.copyright { display:none; }
#infoLeer { position:relative; left:10px; color:#CC0000; font-weight:bold; line-height:16px; } /** Warenkorb leer Meldung **/
/** Formfelder & Buttons **/
label { width:90px; display:block; height:17px; float:left; }
input.menge { width:25px; text-align:center; background:#F8F8F8; float:left; }
input.delete { width:auto; margin-left:17px; padding:0px; border:0px; }
a.button { height:16px; padding-top:1px; }
a.button:hover { text-decoration:none; }
.submit { height:19px; margin-left:2px; vertical-align:middle; cursor:pointer; }
.submit, a.button { width:90px; color:#a70b0b; font-weight:normal; text-align:center; float:right; }
.submit, a.button { background-color:#f8f8f8; border:1px solid #afafaf; }
/** Sonstiges **/
.cleaner { width:100%; height:2px; font-size:1px; line-height:0px; clear:both; }
.rechts { float:right; }
.links { float:left; }
.w20 { width:20px; float:left; }
.w30 { width:30px; }
.w50 { width:50px; }
.w100 { width:100px; text-align:center; }
.w150 { width:140px; float:left; }
.w200 { width:200px; }
.unsichtbar { display:none; }
.copyright { width:100%; text-align:center; }
.nichtauflager { width:115px; height:12px; margin:7px 0px; background:url('./img/nichtauflager.gif') no-repeat; }