/*
  $Id$

   Copyright (c) die Seifenqueen
    
	Aenderungen: Body Background vorher: background: #fff;
	schokobraun: 663d3b
	bbc3d3 hellblau geaendert in rgb(102, 61, 59)
	ecf6fc pale grey geändert in FFFFCC (Body)
	 #ffb3b5 geaendert in fff
	b6b7cb in fff
	FFFF33 in FFFFCC 
	f8f8f9 leichtes grau in fff
	f4f7fd in FFFFCC
	voriges stahlblau : bbc3d3
       marroon: #663d3b
  */

/* aendert mir die schrift in allen  boxen außer kategorie, background:#123456 aendert die farbe der 3 buttons warenkorb, ihr konto, kasse, aber background-color nicht?     */
.ui-widget {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #663d3b;
  background-color: #b6d2e8;
}


/* steuert auch Farbe... vom Kategorienamen beim Produktlisting  url(/catalog/images/bghelldunkel400.jpg); */
body {    
  background-image: url(/angebot/images/background.jpg);
  background-repeat: repeat-x;
  color: #663d3b;
  margin: 0px;
  font-size: 11px;
  font-family: Verdana, sans-serif;

}
/* inhalt website außer infoboxen und mittelteil, gallerie... background-color: #eae7e2;*/
#bodyWrapper {
  background-color:#b6d2e8;
  
}

/*füllt mittelteil, vor allem erste zeile über herzlich willkommen
  background-image: url(/angebot/images/background.jpg);
  background-repeat: repeat-x
*/
#bodyContent {
  background-color:#b6d2e8;

}

/* geht super, falls Banner oben groesser sein soll   */
#header {
  height: 80px;
}

#storeLogo {
  float: left;
  margin-top: 5px;
}
/* background-color legt farbe der 3 Buttons Warenkorb Kasse Ihr Konto fest  */
#headerShortcuts {
  float: right;
  margin-top: 15px;
 }

/* Abstand zwischen Navi-Zeile Startseite >> und Unsere Steinwaende   */
#columnLeft { 
  padding-top: 5px; 
/*  background-image: url(/catalog/images/sansibar-kerze.jpg);  */
  }

#columnRight {
  padding-top: 5px;  
}

/* bestimmt infoboxen column left und right, border geht nur bedingt, siehe infoBoxContents */
.infoBoxContainer { 
  color: #663d3b;
  font-family: Verdana, sans-serif;
  font-size: 12px;  
  border: 2px solid #b6d2e8;
  }

/* Zeile background neu eingefuegt Ueberschriften infoboxen background: #eae7e2 mtg
nicht definiert > Ueberschriften infoboxen strahlendes blau wave jquery
color eingefuegt: aendert mir die Farbe der Ueberschriften in den Infoboxen außer Links   */
.infoBoxHeading {
  padding: 0px;
  background-color: #b6d2e8;
  font-size: 11px
  border: none;
  color: #663d3b;
}

/* Fuellfarbe der meisten Boxen ohne Ueberschriften 
line-height definiert Zeilenschaltung (Hoehe) in Boxen urspruengl 1.5
color eingefuegt steuert Farbe Text z.B. Verwenden Sie Stichworte bei der Suche, Text Warenkorb... Infoboxen außer Links 
border color steuert auch die hälfte aller infobox-rahmen, sonst komischer weißer rahmen  padding 5 px rückt Inhalte der Boxen etwas nach rechts ein
achtung background-color aendert nur haelfte aller boxen, background: #... alle! */
.infoBoxContents { 
  color: #663d3b;
  background:#b6d2e8;
  border: 1px solid #b6d2e8;
  padding: 0px;
  font-size: 11px;
  line-height: 1.5;
  font-family: Verdana, sans-serif;
  }

/* steuert oberen mittelteil der Webseite, z.B. background: #d3cab3; color: #663d3b;   */
.contentContainer { 
  padding-bottom: 0px; 
  font-family: Verdana, sans-serif; 
  font-size: 0 px;
  background-color:#b6d2e8;
  color: #663d3b;

}

/* steuert Zeile: bitte waehlen Sie... aus, im Mittelteil Webseite 
entfernt:  text-decoration: underline;	   margin-bottom: 0; */
.contentContainer h2 {
  font-family: Verdana, sans-serif;
  font-size: 16px;  
  font-weight: normal;
  font-align: center;
  padding-bottom: 5px;
  color: #663d3b;
  background-color:#b6d2e8;
  border: 0px;
}

/* steuert Mittelteil Herzlich willkommen bis Gallerie  wenn background definiert wird, 1 farbe, denn verlauflinie beginnt 2mal, unruhig */
.contentText, .contentText table {
  padding: 5px 0 5px 0;  
  font-size: 13px;
  font-family: Verdana, sans-serif;
  line-height: 1.5;
  color: #663d3b;
  background-color:#b6d2e8;
  background-image: url(/angebot/images/logo.png);
  border: 0px;
  }

.productListTable {
 /* padding: 0px; macht Rahmen um Produkttabelle   */
  font-size: 11px;
  line-height: 1.5;
  font-family: Verdana, sans-serif;
  color:#663d3b;
 /* background-color:#b6d2e8; */
  background-repeat: repeat-x;
  border: none;
}

/* Liste der Produkte, 2. Produkt, Body-Farbe  */
.productListTable tr.alt td {
  /*  color: #663d3b;  wenn Ammonit sichtbar sein soll keine Farbe  */
  padding: 0px;

}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
  color: #663d3b;
  
}

.fieldValue {
  font-size: 11px;
  line-height: 1.5;
  color: #663d3b;
}

h1 {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

/* steuert die Preise sowohl auf index als auch auf Produktseiten, z.B. color red, font size 13 statt 11 */
table, p {
  font-size: 13px;
  line-height: 1.5;
  background-color: #b6d2e8;
  color: #663d3b;
}

#piGal ul {
  list-style-type: none;
  color: #663d3b;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
  float: right;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Verdana, sans-serif; font-size: 12px; color: #663d3b; }
.errorBox { font-family : Verdana, sans-serif; font-size : 12px; background:#fff; font-weight: bold; }
.stockWarning { font-family : Verdana, Geneva, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, sans-serif; font-size : 12px; color: #f0a480; text-decoration: underline; }

/* PRoduktnamen im PRoduktlisting  */
A {
  color: #663d3b;
  text-decoration: none;
  font-family: Verdana, sans-serif;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}
/* scheint nicht zu gehen   */
TR.header {
  background: #b6d2e8;
  color: #663d3b;
 }

/* Navigationszeile unmittelbar unter dem Kopfbereich scheint nicht zu gehen*/
TR.headerNavigation {
 /* background: #eae7e2;   mtg style */
  background: #b6d2e8;
  color: #663d3b;

}

/* Navigationszeile z.B. die >> Zeichen, scheint nicht zu gehen*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6d2e8;
  color: #663d3b;
  font-weight : bold;
}

/* Navigationszeile Textfarbe und background home - angebot  */
A.headerNavigation { 
  color: #663d3b;
  line-height: 3.5;    /* 3.5 sonst sind buttons warenkorb etc. nicht in voller höhe sichtbar   */
}

/* Home - Unsere Designs scheint nicht zu gehen   */
A.headerNavigation:hover {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #663d3b;
  font-weight : bold;
  text-align : center;
}
/* scheint nicht zu gehen   */
TR.headerInfo {
  background: #b6d2e8;
  color: #663d3b;
  font-family: Verdana, sans-serif;
}
/* scheint nicht zu gehen   */
TD.headerInfo {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  background: #b6d2e8;
  color: #663d3b;
  font-weight: bold;
  text-align: center;
}
/*fusszeile, copyright */
TR.footer {
 /*  background:#b6d2e8;    background blendet Ammonit aus*/
}

/*fusszeile, backgroundcolor wird durch gallerie weiter oben gesteuert, copyright */
TD.footer {
  font-family: Verdana, sans-serif;
  font-size: 10px;
 /* color: #663d3b;  */
  font-weight: bold;
}

/* Farbe des Rahmen um alle Boxen scheint nicht zu gehen*/
.infoBox { 
    color: #663d3b;
    background-color:#b6d2e8;
  }

/*keine Ahnung wofuer*/
.infoBoxNotice {
  background: #b6d2e8;
  color: #663d3b;
}

/*keine Ahnung wofuer*/
.infoBoxNoticeContents {
  color: #663d3b;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}

/* Fuellfarbe Ueberschrift aller Boxen scheint nicht zu gehen*/
TD.infoBoxHeading {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold; 
  color: #663d3b;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #663d3b;
}


TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
   color: #663d3b;

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
    color: #663d3b;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #b6d2e8;
  font-weight: bold;
border: none;

}

.productListingHeader A:hover {
   color: #663d3b;
}

.productListingData {
  table-layout: fixed;
  color: #663d3b;
}

A.pageResults {
  color: #663d3b;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFFCC;
}

TD.pageHeading, DIV.{
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: 663d3b;
}

TR.subBar {
  background: #FFFFCC;
   color: #663d3b;
}

TD.subBar {
  font-family: Verdana, sans-serif;
  font-size: 10px;
   color: #663d3b;
}

TD.main, P.main {
  font-family: Verdana, sans-serif;
  color: #663d3b;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #663d3b;
}

TD.accountCategory {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: #663d3b;

}

TD.tableHeading {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #eae7e2;
  color: #663d3b;

}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  background: #eae7e2;
  font-size: 10px;
  color: #663d3b;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #663d3b;

}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #663d3b;
}

/* farbe vom GAST auf index  */
SPAN.greetUser {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #eae7e2;
  color: #663d3b;
  border-color: #eae7e2;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #663d3b;

}

SPAN.markProductOutOfStock {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Geneva, Arial, sans-serif;
  color: #663d3b;
}

SPAN.errorText {
  font-family: Verdana, Geneva, Arial, sans-serif;
 color: #663d3b;
}

.moduleRow { }
.moduleRowOver { background-color:#b6d2e8; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #silver; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, sans-serif; font-size: 10px; color: #663d3b; }
.checkoutBarCurrent { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10px; color: #663d3b; }

/* message box */

.messageBox { font-family: Verdana, sans-serif; font-size: 10px; color: #663d3b }
.messageStackError, .messageStackWarning { font-family: Verdana, sans-serif; font-size: 10px; color: red }
.messageStackSuccess { font-family: Verdana, sans-serif; font-size: 10px; background-color: #f0a480; color: #663d3b }

/* input requirement */

.inputRequirement { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/* Kalender    */
.wochentag { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10px; color: blue; }
.werktag { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px;}
.wochenende-sonntag{font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color: red;}
.feiertag { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color: red;}
.woche { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color: grey;}
.calEmpty {background-color: none;}
.monatsname {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color: white;}
.gebucht { background-color: #FFCC66;}
.reserviert { background-color: #66FF66;}