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

#blockKatalogOben          { float: left; width: 990px; background-image: url(../images/system/back_warenkorb_gruen.gif); background-repeat: repeat-y;}

#sucheKatalogBild          { float: left; width: 820px; height:258px; background-image: url(../images/system/back_tasse.jpg); background-repeat: no-repeat; background-position: 0px 14px;}
#sucheKatalogBildEV        { float: left; width: 820px; height:300px; background-image: url(../images/system/back_tasse.jpg); background-repeat: no-repeat; background-position: 0px 54px;} 
* html body #sucheKatalogBild { background-position: 0px 20px; }

#inhaltObenLinks           { float: left; width: 165px; }
#inhaltObenMitte           { float: left; width: 655px; }
#inhaltObenRechts          { float: left; width: 160px; height:260px; margin-left: 10px; font-size: 10px; margin-top:-1px; background-color: #E3E6AD; border-top: 1px solid #000000; color:#000000; }
* html body #inhaltObenRechts { margin-top:0px; }
.inhaltMitteKatalogBorder  { border-top:1px solid #000000; }

/* suche/katalogteasers ---------------------------------------------------------------------- */

.suchKatalogText           { margin-left: 165px; margin-top: 6px; margin-bottom: 15px; }
.suchKatalogTextTitel      { font-size:12px; margin-bottom:4px; }
.suchKatalogSelects        { float: left; margin-left: 165px; width: 200px; }
* html body .suchKatalogSelects  { margin-left: 82px; }

.selectContainer           { width: 100%; margin-bottom: 12px; }
.suchKatalogCheckBoxes     { float:left; width:290px; }

.checkBoxLinks             { float: left; }
.checkBoxRechts            { float: left; }
.checkBoxText              { float: left; margin-left: 5px; font-weight: bold; margin-top: 2px; width: 110px; }
.checkBoxTrenner           { clear: both; height: 16px; width: 20px; }

.chBox                     { border:0px; }

.sucheErgebnisText         { margin-left: 165px; margin-top: 10px; font-weight: bold;  clear: both; font-size:12px; }
* html body .sucheErgebnisText { margin-left:165px; }

.sucheProduktname          { clear:left; margin-top:0px; margin-bottom:0px; padding-top:8px; }
.sucheProduktnameEV        { clear:left; margin-top:-20px; margin-bottom:0px; padding-top:8px; }
.sucheProduktnameText      { font-size:12px; margin-bottom:6px; margin-top:0px }
.sucheProduktnameSubmit    { width:170px; clear:left; }
.sucheProduktnameSubmitEV  { width:170px; float:left; }
.sucheProduktnameInput     { width:368px; border-bottom:1px solid #000000; margin-bottom:6px; }
.sucheProduktnameInputEV   { width:290px; position:relative; float:left; margin-right:20px; border-bottom:1px solid #000000; margin-bottom:6px; }

/* katalogSeite ----------------------------------------------------------------------------- */

.katalogOben               { position: relative; float: left; width: 654px; }

.katalogObenBild           { position: relative; float: left; width: 247px; margin-right: 15px; height: 244px; margin-left: 0px; }
.katalogObenTexte          { position: relative; float: left; width: 375px; display: block; }

.katalogBlockMitte         { margin-top:-3px;}

/* katalog_produkt liste ------------------------------------------------------------------- */

.produktListeTeaserbild    { text-align: center; background-color:#fffff; }
.produktListeContainer     { background-color: #E7E4D4; width:655px; color:#000000; }
* html body .produktListeContainer { width:636px;}

.produktListeBeschreibung  { float: left; width: 240px; padding-top: 8px; margin-left: 6px; }
.produktListeSiegel        { float: left; width: 100px; padding-top: 8px; margin-left: 6px; display: block; border-right: 1px solid #FFFFFF;}
.produktListeWarenkorb     { float: left; width: 170px; padding-top: 8px; padding-left: 6px;  }

.produktListeAbstand       { margin-top: 12px; }

.produktUeberschrift       { font-weight: bold; display: block; font-size: 12px; margin-bottom: 3px; }
a.produktUeberschriftLink:link , a.produktUeberschriftLink:visited , a.produktUeberschriftLink:hover , a.produktUeberschriftLink:active  
   { font-size: 12px; color:#000000; text-decoration:none; background-color: #E7E4D5;}

.siegelBild                { float:left; width:22px;  margin-bottom:2px; height:22px; }
.siegelText                { float:left; width:66px; margin-bottom:2px; height:18px; padding-top:4px; margin-left:6px; }

.buttonPfeilRechts         { bottom: 0px; background-image: url(../images/system/pfeil_rechts.gif); background-repeat: no-repeat; height: 24px; padding-left: 18px; }
* html body .buttonPfeilRechts { margin-left: 0px; }

.buttonPfeilAbstand        { padding-top: 2px; }
.buttonPfeilBreite         { width:100%; padding-top: 2px; }

.produktLinkButtonStyle    { width:100%;margin-left: 0px; cursor: pointer; border:none; margin-top:6px; margin-bottom:6px; padding-right:0px; }

.buttonIndenwarenkorb      { background-image: url(../images/system/but_wk.gif); background-repeat: no-repeat;  }

.produktListeInhaltAbstand { margin-bottom: 12px; }
.feldAnzahl                { width: 17px; padding: 2px; }

.produktListeArtikel       { float:left; position:relative; width:460px; padding-top:5px; padding-left:6px; }
.produktTab                { width:450px; margin-top:12px;}
.prodInfo                  { float:left; position:relative; padding-top:4px; margin-bottom:6px; margin-left:18px; }
* html body .prodInfo      { margin-left:13px; }
.produktBorderTD           { border-bottom:1px solid #000000; font-family: Verdana, sans-serif; font-size: 11px; }

.produktButImage           { background-color: #E7E4D4; background-image: url(../images/system/produkt_bg.gif); 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: 5px; 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; }
.produktLink               { text-decoration: none; margin-left: 8px; font-weight: bold; font-size: 10px; color: #000000; border: 0px; padding-top: 2px; background-color: #E7E4D5; }
.produktLinkButtonStyle    { margin-left: 0px; cursor: pointer; width:100%;}
.buttonPwVergessen         { background-image: url(../images/system/but_pw.gif); background-repeat: no-repeat; border:none; }

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

.kundeInfoContainer        { float: left; width: 215px; height: 510px; 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; }
.kundeInfoTypZusatz	   { clear:both;padding-left:8px;padding-top:6px; }
* html body .kundeInfoTypZusatz { padding-top:0px;margin-top:0px;}

.kundeInfoBlockAbstand     { padding-top: 6px; }
.bankVerbindungHoehe       { height: 170px; margin-top: 0px; }
.bankVerbindungRechts      { float: left; width: 434px; height: 170px; 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; }
.blockKundeInfoRadiobox    { 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; }
.wkLoginFehlerGrossAbnehmer { font-weight:bold; margin: 0px 0px 5px 0px; padding: 5px;color: red; width: 645px;border-bottom:1px solid #000000; background-color:#E3E6AD; }
.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; }
.pwMailSenden               { float:left; margin-right:20px; margin-left:120px; }
* html body .pwMailSenden   { margin-left:40px; }
.pwMailSendenText           { margin-bottom:2px;margin-top:0px;margin-left:0px; }
* html body .pwMailSendenText { margin-bottom:2px;margin-top:0px;margin-left:40px; }

/* registrieren Großkunde  ======================================================= */

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

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