/* ===========================================================================================
   Projekt     : ÖKOTOPIA
   -------------------------------------------------------------------------------------------
   Datei       : warenkorb.css
   Beschreibung: Stylesheet für Warenkorb
   @version $Id: $
   =========================================================================================== */

/* blocks ... -------------------------------------------------------------------------------- */

#inhaltWarenkorb           { float: left; width: 820px; }
#blockWarenkorb            { float: left; width: 820px; }
.blockWarenkorb            { float: left; width: 820px; }
#blockWarenkorbLinks       { float: left; width: 165px; }
.blockWarenkorbLinks       { float: left; width: 165px; }
#blockWarenkorbRechts      { float: left; width: 655px; padding-top:4px; margin-bottom:12px;}
* html body #blockWarenkorbRechts { margin-top:0px; padding-top:12px; }
.blockWarenkorbRechts      { float: left; width: 655px; padding-top:4px; margin-bottom:12px;}
* html body .blockWarenkorbRechts { margin-top:0px; padding-top:12px; }

#inhaltRechts              { float: left; width: 160px; text-align: left; font-size: 10px; padding-top: 0px; margin-top:-1px; overflow: hidden; }
#inhaltObenRechts          { float: left; border-bottom: 1px solid #000000; margin-top:-1px; background-color: #E3E6AD; color:#000000; margin-top:-1px;}
#inhaltUntenRechts         { float: left; width: 160px; text-align: center; padding-top: 18px;}

/* warenkorb menu ... ------------------------------------------------------------------------ */

.wkMenuOben1               { width: 163px; }
.wkMenuOben2               { margin-left: 2px; width: 162px; }

.wkMenuAktiv               { float: left; height: 50px; padding-top: 20px; text-align: center; font-weight: bold; background-color: #D4D7A2; color:#000000; }
.wkMenuInaktiv             { float: left; height: 40px; padding-top: 20px; margin-bottom: 10px; text-align: center; font-weight: bold; background-color: #E3E6AD; color:#000000; }

a.wkMenu:link { color: #06180D; text-decoration: none; background-color: #E3E6AD; }
a.wkMenu:visited { color: #06180D; text-decoration: none; background-color: #E3E6AD; }
a.wkMenu:hover { color: #06180D; text-decoration: none; background-color: #E3E6AD; }

/* warenkorb buttonsbereiche ... -------------------------------------------------------------- */

.wkButtonsContainer        { float: left; width: 655px; padding-top: 15px; }
* html body .wkButtonsContainer { padding-top: 0px;  }

.wkButtonsContainerLinks       { float: left; width: 250px; }
.wkButtonsContainerLinksDruck  { padding-left:1px; background-color: #FFFFFF; width:115px;float: left; position:relative; color:#000000; }

.wkButtonsContainerRechts  { float: left; position:relative; width: 265px; padding-left: 140px; }
* html body .wkButtonsContainerRechts { padding-left:390px; padding-top:0px; }

.wkButtonsContainerRechtsDruck { float:left; margin-left:275px; }
* html body .wkButtonsContainerRechtsDruck { margin-left:195px; } 

.wkButtonsContainerRechtsKunde  { float: left; width: 265px; padding-left: 140px; }
* html body .wkButtonsContainerRechtsKunde  { float: left; width: 265px; padding-left: 390px;}

.wkButtonsRechts           { width: 342px; padding-left: 62px; }

* html body .wkBIE { padding-left:306px;}

/* warenkorb tab1: ausgewählt produkte ======================================================= */

.wkProduktListeContainer   { float: left; width: 820px; padding-bottom:1px; }

.wkProduktBild             { float: left; width: 165px; margin-top: 12px; text-align: center; }
.wkProduktTextInhalt       { float: left; width: 655px; margin-top: 4px; padding-bottom: 4px; background-color: #E7E4D4; color:#000000; }

.wkProduktBeschreibung     { float: left; width: 250px; padding-bottom: 6px; margin-left: 6px; }
.wkProduktSiegel           { float: left; width: 92px; padding-top: 8px; margin-left: 5px; }
.wkProduktAktion           { float: left; width: 248px; padding-top: 8px; margin-left: 5px; }

.wkProduktUeberschrift     { font-weight: bold; display: block; font-size: 12px; padding-top: 8px; margin-bottom: 3px; }
.wkProduktSiegelBild       { float:left; position:relative; padding-top:4px; margin-bottom:3px; }

.siegelBild                { float: left; position:relative; width: 22px; margin-top:4px; margin-right:6px; margin-bottom: 2px; height: 22px; }
.siegelText                { float: left; width: 65px; margin: 0px 0px 6px 5px; height: 18px; padding-top: 4px; }

.produktInhaltAbstand      { float: left; }

.feldAnzahl                { float: left; width: 17px; margin: 2px 0px 2px 0px; padding: 2px; }
.textAnzahl                { float: left; padding-left: 5px; padding-top: 12px; font-weight: bold; }

.produktBorderTD           { border-bottom:1px solid #000000; }
.produktTab                { margin-top:5px;font-size:11px; }

/* warenkorb Summe ... ----------------------------------------------------------------------- */

.wkTotalContainer          { float: left; width: 643px; margin-left: 165px; padding: 2px 4px 2px 8px; line-height: 16px; background-color: #E3E6AD; color:#000000; }
* html body .wkTotalContainer { margin-left: 82px; }

.wkTotalBeschreibung       { float: left; width: 540px; }
.wkTotalWert               { float: left; width: 100px; text-align: right; }
.wkTotalAbstand            { margin-top: 6px; }
.wkTotalEndeSumme          { font-weight: bold; margin-top: 6px; background-color: #D4D7A2; color:#000000; }

/* warenkorb tab2: anmeldung ================================================================= */

.wkUeberschrift            { float: left; width: 100%; margin: 5px 0px 8px 0px; font-weight: bold; }

.blockAnmeldung            { float: left; width: 309px; height: 200px; margin-top: 24px; padding: 8px 8px 0px 8px; background-color: #E7E4D5; color:#000000; }
.anmeldungAbstandlinks     { margin-left: 5px; }

.anmeldungsUeberschrift    { width: 100%; margin-bottom: 10px; font-weight: bold; }
.buttonAbstandOben         { margin-top: 10px; }
.anmeldungsInputFeld       { width: 170px; margin-bottom: 8px; padding: 2px; border: 1px solid #000000; }

/* warenkorb tab 2a anmeldung: Passwort vergessen ============================================= */

.blockPasswortWeg         { float: left; width: 640px; height: 60px; margin-top: 24px; padding: 8px 8px 0px 8px; background-color: #E7E4D5; color:#000000; }
* html body .blockPasswortWeg { width: 639px; }

/* warenkorb tab3: kundeInfo ================================================================== */

.kundeInfoContainer        { float: left; width: 215px; height: 495px; margin-top: 20px; padding-top: 6px; background-color: #E7E4D5; color:#000000; }
.klein                     { height: 300px; }
.kundeInfoContainerMitte   { margin-left: 4px; }
.kundeInfoContainerRechts  { margin-left: 6px; background-color: #F4F1EA; color:#000000; }
.kundeInfoUeberschrift     { margin: 0px 0px 12px 10px; }
.kundeInfoDaten            { margin-left: 6px; line-height: 14pt }

.kundeInfoTyp              { float:left; border-bottom:3px solid #FFFFFF; width:100%; padding-bottom:6px; }
.kundeInfoTypCheck         { float:left; margin-left:5px; }
.kundeInfoTypTop           { margin-top:6px; }
.kundeInfoTypCheckText     { float:left; padding-top:3px; margin-left:4px; margin-top:6px; }

.kundeInfoBlockAbstand     { padding-top: 6px; }
.bankVerbindungHoehe       { height: 270px; margin-top: 0px; }
.bankVerbindungRechts      { float: left; width: 434px; height: 270px; padding-top: 6px; margin-left: 4px; font-weight: bold;  background-color: #E7E4D5; color:#000000; }
.bankUeberschrift          { margin: 0px 6px 6px 6px; }

.blockKundeInfoCheckbox    { float: left; width: 641px; padding: 6px 6px; font-weight: bold;  background-color: #E7E4D5; color:#000000; }

.kundeInfoDatenInputFeld   { width: 190px; margin: 0px 3px 2px 3px; padding: 2px; font-size: 13px; border: 1px solid #000000; }
* html body .kundeInfoDatenInputFeld {margin-bottom:0px;}
.kundeInfoDatenSelectFeld  { width: 195px; }

.kundeInfoStrasse          { float: left; width: 138px; }
.kundeInfoStrassenummer    { float: left; width: 40px; }

.kundeInfoJahr             { width: 50px; }

* html body .checkKunAGB   { margin-bottom:6px; }

/* warenkorb tab3: kundeInfo ================================================================== */

.bestellungContainer       { float: left; width: 655px; }
.bestellungProduktInfo     { float: left; width: 300px; display: block; font-size: 12px; padding: 3px 0px 6px 0px; margin-left: 6px; }
* html body .bestellungProduktInfo { margin-left:2px; }
.bestellungArtikelInfo     { float: left; width: 340px; padding: 8px 0px 6px 0px; text-align: right; }
* html body .bestellungArtikelInfo { width: 345px; } 

.bestellungArtikelNummer   { float: left; width: 70px; padding-top: 4px; margin-left: 5px;  }
.bestellungArtikelNummer0   { float: left; width: 65px; padding-top: 4px; margin-left: 5px;  }
* html body .bestellungArtikelNummer0 { width:62px; }

.bestellungArtikelPackung  { float: left; width: 90px; padding-top: 4px; margin-left: 5px; }
.bestellungArtikelPackung0  { float: left; width: 80px; padding-top: 4px; margin-left: 5px; margin-right:12px;}

.bestellungArtikelPreis    { float: left; width: 50px; padding-top: 4px; margin-left: 5px; }
.bestellungArtikelMenge    { float: left; width: 40px; padding-top: 4px; margin-left: 5px; }
.bestellungArtikelSubtotal { float: left; width: 65px; padding-top: 4px; margin-left: 5px; text-align:right; }

.center { text-align:center; }

.bestellungFarbeTitel      { background-color: #D4D7A2; color:#000000; margin-top: 6px; }
.bestellungFarbeItem       { background-color: #E7E4D4; margin-top: 2px; color:#000000; }
.bestellungButtonsRechts   { width: 170px; padding-left: 235px; }
.bestellungTotalAbstand    { margin-top: 2px; }

* html body .bestellungButtonsRechts0   { width: 170px; padding-left: 231px; }
.bestellungButtonsRechts0   { width: 170px; padding-left: 235px; }

/* algemeine ... ----------------------------------------------------------------------------- */

.buttonPfeilRechts         { float: left; width: 210px; background-image: url(../images/system/pfeil_rechts.gif); background-repeat: no-repeat; height: 24px; padding-left: 16px; }

.produktLink               { text-decoration: none; margin-left: 8px; font-weight: bold; font-size: 10px; color: #000000; border: 0px; background-color: #E7E4D4; padding-top: 2px; }
.produktLinkButtonStyle    { margin-left: 0px; cursor: pointer; width:100%;}
.buttonIndenwarenkorb      { background-image: url(../images/system/but_druck.gif); background-repeat: no-repeat;  }
.buttonLoeschen            { background-image: url(../images/system/but_delete.gif); background-repeat: no-repeat; border:none; }
.buttonAktualisieren       { background-image: url(../images/system/but_aktuell.gif); background-repeat: no-repeat; border:none; }
.buttonDrucken             { background-image: url(../images/system/but_druck.gif); background-repeat: no-repeat; border:none; }
.buttonPwVergessen         { background-image: url(../images/system/but_pw.gif); background-repeat: no-repeat; border:none; }

.wkDruckversion            { background-color: #FFFFFF; color:#000000; }

.produktButImage           { height:12px; width:78px; float:left; margin-top:0px; background-color: #E7E4D5; background-image: url(../images/system/produkt_bg.gif); color:#000000; }
.produktButImage2          { height:12px; width:105px; position:relative; margin-top:0px; float:left; background-image: url(../images/system/produkt_bg.gif); }

/* ===========================================================================================
   Datei: kasse.css - ende der datei
   =========================================================================================== */