/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 14px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 14px; color: #cc0033; }
.productsNotifications { background: #ffffff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 14px; color: #D0A9f5; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

/*
A 
color: Legt die Farbe aller LINKS in der SITE fest, hier #000000 (schwarz) 
text-decoration: NONE bedeutet = KEINE Unterstreichung des Textes bei der Anzeige (in der Regel unterstrichen) 

A:hover 
color: Ändert von schwarz in die (angegebene #AABBDD) Farbe, wenn die Maus über (hover) den Link fährt. 
text-decoration: Ändert die Ansicht = hier Unterstreichung bei der Anzeige im Browser. 


FORM 
display: mögliche Eingabe als inline, block, list-form oder none (inline am besten stehen lassen!) 
mit color:#... (hinzufügen) kann die Text-Farbe in der Box "Schnellsuche" geändernt werden. Vorgabe/Default 
ist #000000 (schwarz) 
 */

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #D0A9f5;
  text-decoration: underline;
}

FORM {
	display: inline;
}
/*
TR.header: 
Kopfbereich der Seite wo das Banner von oscommerce eingefuegt ist 

TR.headerNavigation: 
Navigationszeile unmittelbar unter dem Kopfbereich 
background: Hintergundfarbe der Tabellenzeile z.b. in der Startseite>> Katalog>> zu sehen ist. 
family: Hier Verdana oder Arial oder sans-serif Schriften anzeigen 
size: größe 10 Pixel (Typografische Größen werden entweder in Point, Cicero oder Pixel angegeben) 
background color: VORSICHT!!! THE 12 LINE IS THE REAL BACKGROUND, NOT THE 6 LINE ! 
color. Natürlich ist damit Die Wiedergabe der schriftfarbe gemeint = hier #ffffff (weiß) 
weight: Wiedergabe der Schrift in Fett (bold) 

TD.headerNavigation 
Navigationszeile z.B. die >> Zeichen */
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #000000;
 
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #D0A9f5;
  color: #000000;
  font-weight : bold;

  }
/*

Legt die Text-Farbe in der NavigationsZeile wie Startseite >> Kategorie >> wo bin ich? direkt unterhalb 
des osCommerce-/Firmen-Logos fest 
"hover" meint: Ändere die dargestellte Link-Farbe in eine neue (angegebene) wenn die Maus darüber fährt. 


*/
A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #D0A9f5;
}

/*
Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert 
*/

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
/*
TR.headerInfo 
Hier kann man die Hintergrundfarbe des TOP´s der Box "Ein neues Passwort wurde an ihre 
eMail-Adresse gesendet" ändern. 

TD.HeaderInfo 
Schriftfamilie, größe, Farbe etc des Textes in der Anzeide der vorgenannten Box. 

*/
TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

/*
TR.footer Hier legt man die Farbe des Streifens (Tabellezeile) in dem "Datum, Besucher seit dem.." stehen 
TD.footer Hier ändert man entsprechend die Kontrastfarbe der darstellenden Schrift, deren Größe, Stärke etc. 
ACHTUNG! andere (Background)-Farbe als in TR.footer wird durch TD.footer überschrieben. 
GLEICHE BACKGROUND-FARBEN WÄHLEN! (wie im Beispiel) 

*/



TR.footer {
  background: #9ee79e;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #D0A9f5;
  color: #000000;

}

/*
infoBox: 
background: ACHTUNG! Nur hier legt man die Farben der linken und rechten Boxen-Ränder im Menu fest. 
AUSNAHME: nicht die Ränder in den Boxen "Mein Konto", "Eröffne Konto" und "Adressenänderung" 


infoBoxContents: 
background: Hintergundfarbe aller Boxeninhalte und setzt auch Rahmen in der gleichen Farbe um die 
"Kommentarboxen" 
font-...: definiert die Schriftfamilie -farbe. Soltte nicht geändert werden .10 Px sind ok. 
evtl kleinere Schrift? 9 Px.. 
*/
.infoBox {
  background: #ffffff;
}



.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}
/*
Füllfarben aller Boxen 
*/
.infoBoxNotice {
  background: #ffffff;
}
/*
TD.infoBoxheading 
Hier Änderung der Schriften, Größe etc, Hintergundfarbe der Info-Boxen und der Box "Neue Produkte im.." 
ACHTUNG! Wenn die Schriftgröße >als 14px muß die Boxenweite (Default 125px) erweitert werden die bitte in 
\includes\application_top.php ca bei Zeile 56 
// customization for the design layout 
define('BOX_WIDTH', 125); 
und die Zahl 125 erhöhen z.B. auf 135 

TD.infoBox, SPAN.infoBox 
Hier müßte man evtl. die Sschrift,-größe etc ändern können (Bin mir aber nicht ganz sicher!!) 

*/
.infoBoxNoticeContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #D0A9f5;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}
/*
setzt farblichen Rahmen an der odd-Seite (odd=ungerade, aber wo links, rechts?) bei "adressbuch", 
"Zahlungen"... am besten inmal ausprobieren.. VORSICHT erst .css sichern!! 

setzt farblichen Rahmen an der even-Seite (even=gerade, aber wo links, rechts?) 
*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;



}


TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;

}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #D0A9f5;
  border-spacing: 1px;
}
/*
TR.productListing-heading 
Hintergrundfarbe der Kopfes in der Seite "Unser Angebote" in der die Produkte augelistet werden wie 
Bestellen, Produkte, Preis, Hersteller etc 

TD.productListing-Heading 
Schrift, Farbe, Größe wie auch die Hintergrundfarbe der Box festlegen auf der seite der augelisteten 
Produkte die angeboten werden können.

*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #D0A9f5;
  color: #000000;
  font-weight: bold;
}
/*
TD.productListing-data 
Hier kann eine andere Hintergundfarbe der angezeigten Produktliste gewählt werden. 

A.pageResults 
Farbe der Seitennummern wie in/includes/split_page_results.php wenn mehrere Seiten zum Blättern 
wie "angezeigte Produkte: 1 bis 2 (von 2 insgesamt) Seite 1" in der Produktliste (oben, unten 
oder beides wenn im Admin/Konfiguration/product Listing (Location of Prec/Next Navigation Bar...) 
eingestellt. 

a.pageResults:hover 
ändert die Farbe der Seitennummer-Darstellung auf welcher Seite 1, 2, 3, etc man sich befindet. 


*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

A.pageResults {
  color: #D0A9f5;
}

A.pageResults:hover {
  color: #D0A9f5;
  background: #ffffff;
}
/*Ueberschrift Farbe wie unser Angebot, Kategorien, etc. */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
/*Sub Titelzeile wie z.B. Es wurden keine Artikel gefunden ... */

TR.subBar {
  background: #ffffff;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
}
/*
.main, p.main : Haupttext in Produkt/Artikel-Beschreibung oder bei Admin in Katalog/Kategorien-Artikel in die 
Produktbeschreibung hinzufügen mittels HTML Code <p> text, text </p> 

.smalltext : Text z.B. wie der "Dieses Produkt wurde am .. in unseren Katalog aufgenommen" 
oder z.B. unter dem Produktbild "Bild vergrößern? Klicken Sie in das Bild" 


accountcategory :Kundenkonto? (noch nicht rausgefunden) 

.fieldkey : angezeigter Text,Größen-Einstellung auf der Seite "Erweiterte Suche"... 

.fieldvalue : Text, Größe etc in den Drop-Down´s der Seite "Erweiterte Suche" 

.tableHeading : Titelgröße in "Adressbuch", 
*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
/*
.newItemInCart : Anzeige Textfamilie, -Größe und -Farbe im Einkaufswagen in der "Warenkorb"-Box wenn neuer 
Artikel hinzugefügt... 

.checkBox... : Legt die Form in der Drop-Down Boxen z.B. wie in "Hersteller"-Box fest, 

.greetUser : Auf der 1.ten Seite das angezeigt Wort "GUEST" im Willkommen-Text. Legt nur die Farbe, Größe 
etc fest. Das Wort/der Text selber kann in der german.php catalog\includes\languages unter 
define('TEXT_GREETING_GUEST', geändert werden. 

.formArea : Hintergrundfarbe der Box "Mein Konto", "Konto bearbeiten" oder "Adresse hinzufügen" 

.formAreaTitel : Bestimmt die Größe/Stärke des Titels in "Mein Konto",konto bearbeiten" etc 

.markProductOutStock: Legt die Textausgabe :out of stock (Nicht am Lager) fest 

.productSpecialPrice: Festlegung der Textmerkmale in der Box "Sonderpreise" fest. 

*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #D0A9f5;
  font-weight: bold;
}

TABLE.formArea {
  background: #ffffff;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

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

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

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
/*MouseOver-Balken im checkout-bereich ( Kasse, Versandarten) */
.moduleRow { }
.moduleRowOver { background-color: #cccccc; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #cccccc; }
/*Navigationsleiste unterhalb im checkout-bereich ( Kasse, Versandarten) */
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #99ff00; }

/* input requirement Legt die Farbe und Grösse der *Sternchen und "erforderliche Eingaben" in der Kontoeröffnungs-Box fest */

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

/* BOF: menu-category Tabs */

TD.tab {
	
	background-image: url(images/tabs/tab_middle.gif);
	background-repeat: repeat;
	color: #6699cc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	}

A.tab {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	}
A.tab:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}
TD.ontab {
	background-image: url(images/tabs/tab_middle_on.gif);
	background-repeat: repeat;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
}
A.ontab {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	}
A.ontab:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;	
}
TD.tableft {
        background-image: url(images/tabs/tab_left.gif);
	background-repeat: no-repeat;
	color: #DEB887;
	font-size: smaller;
}
TD.tabright {
	background-image: url(images/tabs/tab_right.gif);
	background-repeat: no-repeat;
	color: #DEB887;
	font-size: smaller;
}

A.headerLink {
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	color: #000099;
	text-decoration: none;
}
A.headerLink:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: smaller;
	color: #99ccff;
	text-decoration: none;
}
/* EOF: Menu-Category Tabs */




/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #ffffff;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 14px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #d0a9f5;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #ffffff;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 14px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 14px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #d0a9f5;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #ffffff;
	border: 1px outset #fdfefd;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 16px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #d0a9f5;
	background-color: #666666;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #ffffff;
	border: 0px outset #ffffff;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 16px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #d0a9f5;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 16px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-size: 16px;	
	text-decoration: none;	

}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #000000;
	background-color: #D0A9f5;
	font-size: 16px;	
	text-decoration: none;	font-weight: bold;
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #D0A9f5;
	font-size: 16px;	
	text-decoration: none;
	font-weight: bold;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #D0A9f5;
		font-weight: bold;
			
}







#wechsel {
	position:relative;
	margin:auto;
	width:500px;
	border:1px solid #000;
}

/* styles unrelated to the application follow */
/* h1 {
	position:relative;
	font:1em verdana;
}*/

.copy {
	width:500px;
	margin:auto;
	position:relative;
	font:0.9em verdana;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 14px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}