/*
In dieser CSS-Datei ist es möglich, das Aussehen des gesamten Shops zu verändern.
Alle Texte, Links, Hintergrundfarben, aber auch die Positionierung des Shops werden
hier eingestellt und können hier verändert werden.

Dazu muss man nur wissen, welches Objekt des Shops man wie verändern will, also
welchem Button oder Feld man welche Rahmen- oder Hintergrundfarbe verpassen will.
Wir haben versucht, immer verständlich zu erläutern, welches Objekt des Shops mit
der jeweiligen Einstellung bearbeitet wird.

Noch ein Hinweis: Bei Bedarf empfehle ich das sehr ausführliche und kostenlose
Onlinebuch SelfHTML zu nutzen: Sie finden das Buch unter: http://de.selfhtml.org/
und können dort alles nachlesen, was mit HTML, CSS und Webdesign im Allgemeinen
zusammenhängt.

Wenn Sie dann trotzdem noch Fragen haben: Email an webmaster@open-letters.de:
*************************************************************************************/

/*****************************
 * Allgemeine Voreinstellungen *
 *****************************/
	/* Einstellungen die gesamte Website betreffend */
	body	{ margin: 0px; margin-left: 50%;  padding: 0px; color: #333333; font-size: 12px;
			  background: #666666 url(../bilder/farbverlauf02.png) repeat-y top center;
			  font-family:Verdana, Arial, Helvetica, sans-serif;}

td { font-size: 12px; color:#000000;}

	/*	Aussehen von Links: Grundeinstellung fuer die gesamte Website */
	a				{ color: #000000; text-decoration: none;}
	a:hover	{ color: #000000; text-decoration: underline;}

	/* Listen und Aufzaehlungen */
	ul { list-style-position:inside; margin: 0px; }
	li {margin-left:2em; margin-bottom:5px; margin-bottom:5px; padding: 2px; }

	/* PullDownMenues */
	select	{font-size: 10px;}
	option	{margin-bottom: 2px;}

	/* Formulare */
	form {margin: 0px; padding:0px; border: 0px solid white;}
	input	{font-size: 10px; border: 0px solid #E67817; background-color: #cccccc;} /* Eingabefelder für Texte */
	input.button	{ color: #000000; font-size:10px;
								font-weight: normal; border: solid 0px #000000;} /* Buttons in Formularen */

	/* horizontale HTML-Linie */
	hr {margin-top:0px; margin-bottom:0px; height:0px; border:1px dashed silver; background:silver;}

/**********************************************
 * Erscheinungsbild der einzelnen Teile des Shops *
 **********************************************/

/* zentrales Hauptfenster des Shops
**********************************/

	#container { padding: 0px;  padding-left: 0px; margin: 0px;  position: relative;
						 width: 740px; margin-left: -390px;
						 background: #ffffff;
						 border-left: 5px solid #000000; border-right: 5px solid #000000;
						 overflow: visible; }
						 
	#inhalt { margin-left: 15px; position: relative;
						 width: 95%;;
						 background: #ffffff;}
						 

/* Logo am Kopf der Seite
*************************/
	#logo { width:740px;}
	#logolinks { padding:10px; text-align: left; font-size:23px; margin:0; color: #cccccc; background-color:#a1a1a1; background-image:url(/bilder/logo.jpg); background-repeat:no-repeat; background-position:right; height:80px;}
	/* #logorechts { padding-left:10px; text-align: left; margin:0; margin-bottom: 30px; font-size: 18px; color: #cccccc; background-color:#a1a1a1; background-image:url(/bilder/logo.jpg); background-repeat:no-repeat; background-position:right; height:80px;} */

/* Hauptmenue
***************/
	#mainmenue{ text-align: right; padding: 5px; padding-right: 0px;}

	/* Links im Menue */
	#mainmenue a { font-weight:bold; text-decoration: none; color:#000000;}

	 /* Mouseover auf Links */
	#mainmenue a:hover{ text-decoration:underline; color: #000000;}

/* Inhalt der Seite (Hauptfenster rechts unten)
*******************************************/
	/* Hauptfenster */
	#content{ padding: 10px; margin:0px; margin-top: 15px; }

	/* Seitenzahlen bei Anzeige einer Produktwarengruppe am Fuss der Seite */
	a.seitenzahlen{font-weight:normal; text-decoration: none; color: #E67817;}
	a.seitenzahlen:hover	{text-decoration: underline;}

	/*	Seitenzahlen bei Anzeige einer Produktwarengruppe am Fuss der Seite: aktuelle Seite */
	a.aktuelleseite{background-color: #E67817; font-weight:normal; text-decoration: none; color: #000000;}
	a.aktuelleseite:hover{text-decoration: underline; color: #FFFFFF;}

	/*	Überschriften auf den verschiedenen Seiten */
	div.headline{ color: #333333; text-decoration: underline; font-size:14px; text-align: center;
							 font-weight: bold; margin: 0px; margin-bottom: 15px;}

/* Produktdetailansicht
**********************/
	/* Rahmen um die Produktdetailansicht */
	#produktdetailansicht { text-align: justify; margin-top: 10px; padding: 5px;
											background-color: #ffffff;}

	/* Seitenleiste mit den Detailinformationen zum Produkt und den Aktionsmoeglichkeiten fuer den Kunden */
	#produktdetailseitenleiste{ float:right; width:150px; border: 0px solid red;
												 padding: 5px; margin: 2px; margin-left: 10px; text-align: left;
												 background-color: lightgrey;}

	/*	Produktbild innerhalb des Produktbeschreibungstextes */
	img.produktbild	{ text-align:right; margin-right:5px; margin-bottom: 0px;}

	/*	Link "vorheriges Bild" und "naechstes Bild" in der Produktdetailansicht */
	a.bild {font-weight:normal; font-size:10px; text-decoration: none; color: #000000;}
	a.bild:hover {text-decoration: underline;}

/* Seitenleiste mit Warengruppenmenue, Produktsuche, Sonderangeboten, ...
***********************************************************************/
	/* Hauptrahmen */
	#sidebar{ margin-left: 0px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
					  padding: 10px; width: 150px; float:left;
					  border: 2px solid #060071;
					  background: transparent url(../bilder/farbverlauf01.png) repeat-y top left;line-height: 1.5;}

	/* Aufzaehlung der Sonderangebote und Warengruppen */
	#sidebar li{ margin: 0px; }

	/*	Ueberschriften der Elemente der Seitenleiste */
	div.rubriktitel{ color: #060071; text-decoration:underline; font-weight: bold;
															text-align: left; margin:0px; padding: 2px;}

	/* Warengruppenmenue */
	#warengruppenmenue{ margin: 0px; margin-bottom: 20px;}
	#warengruppenmenue ul{ margin: 0px; padding: 0px;}
	#warengruppenmenue li { line-height: 1.5; padding-top: 5px;
												margin-bottom: 5px; list-style-type: none;}

	/*	Warengruppenmenue: Hauptwarengruppe */
	a.hauptwarengruppe{font-weight:bold; text-decoration: none; color: #000000;}
	a.hauptwarengruppe:hover	{font-weight:bold; text-decoration: underline; color: #000000;}

	/*	Warengruppenmenue: aktive Hauptwarengruppe */
	a.hauptwarengruppeaktiv{font-weight:bold; text-decoration: none; color: #000000;}
	a.hauptwarengruppeaktiv:hover{font-weight:bold; text-decoration: underline; 	color: #000000;}

	/*	Warengruppenmenue: Unterwarengruppe */
	a.unterwarengruppe{ text-decoration: none; color: #000000; margin-left:20px;}
	a.unterwarengruppe:hover	{ text-decoration: underline; color: #000000; margin-left:20px;}

	/*	Warengruppenmenue: aktive Unterwarengruppe */
	a.unterwarengruppeaktiv{text-decoration: none; margin-left:20px;}
	a.unterwarengruppeaktiv:hover{text-decoration: underline; color: #000000; margin-left:20px;}

	/* Suchfunktion */
	#suchfeldrahmen { text-align: right;} /* Rahmen um die gesamte Suchfunktion */
	#suchfeld{ width: 149px; border: 1px solid #060071; padding: 1px; margin: 0px;} /* Eingabefeld */
	#suchfeldbutton{ color: #FBFBE5; background-color: #5857b5; font-size:10px; font-weight: normal;
			  border: solid 0px #000000; padding: 0px; margin: 0px; } /* "suchen"-Button */

	/* Link zum Warenkorb */
	#warenkorblink{ padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 10px;
								text-align: center; font-size: 10px;}
	#warenkorblink a{ font-weight: bold; text-decoration:none; color: #000000;}
	#warenkorblink a:hover{ text-decoration:underline; color:#000000;}

	/* Sonderangebote */
	#sonderangebote{  }
	#sonderangebote ul{ margin: 0px; padding: 0px;}
	#sonderangebote li { line-height: 1.5ex; display: block; padding-top: 5px; margin-bottom: 5px;
										 list-style-type: none;}
	#sonderangebote a{ color: #000000; text-decoration:none; }
	#sonderangebote a:hover{ color: #000000; text-decoration:underline; }

/* Besucherzaehler
******************/
	#counter { color: #ffffff; text-align: right; border: 0px solid red; }


/************************
 * zusaetzliche Elemente *
 ************************/

/*	Warenkorbtabelle (gilt auch für den letzten Schritt der Bestellung "Bestellung: Schritt 4 von 4" */
	.warenkorbtabelle		{ border:1px solid #E67817; margin:2px; background-color: #ffffff;}

/*	Detailbeschreibung eines Produktes: oberer Teil des rechten */
	.produktdetail1	{ border:1px solid #E67817; margin:2px; background-color: #F0F0F0;}
	.produktdetail2	{ border:1px solid #E67817; margin:2px; background-color: #F0F0F0;}

/*	Warnhinweis bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs */
	.warnung	{ color: #FF3300; font-weight:bold; background-color:#000000;}