/*
In dieser CSS-Datei ist es möglich, das Aussehen der meisten Elemente des Shops zu verändern.
Alle Texte, Links, Hintergrundfarben usw. 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. Ich habe versucht, immer verständlich dazuzuschreiben, welches Objekt des Shops
mit der jeweiligen Einstellung bearbeitet wird.

Als Hilfestellung ist der farblichen Veränderung des Shops ein Kapitel in der Dokumentation zum Shop gewidmet, die man bei
www.open-letters.de herunterladen kann. Dort ist dieser Bereich noch einmal erklärt und an Bildern gezeigt.

Wenn es danach doch noch Fragen gibt: Email an webmaster@open-letters.de
******************************************************************************************************************************/


/* Allgemeine Voreinstallungen */
/*******************************/

/* allgemeiner Text auf allen Seiten */
	body	{ height:100%; color: #07104b; font-family: Verdana, Arial, sans-serif; text-decoration: none; font-size:11px; text-align: center;
			  margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: #FFFFFF;}
	td		{ color: #07104b; font-family: Verdana, Arial, sans-serif; text-decoration: none; font-size:11px; }

/* Aussehen von Links */
	a:link		{ color: #000033; text-decoration: none;}
	a:visited	{ color: #000033; text-decoration: none;}
	a:hover	{ color: #000033; text-decoration: underline;}
	a:active	{ color: #000033; text-decoration: none;}

/* Position und Ausrichtung des eigentlichen Hauptfensters */
	.hauptfenster	{ border:0px solid red; top:0px; height:100%; border-collapse:separate;
					  border-spacing:7px; table-layout:auto; width: 900px;}


/* Erscheinungsbild der einzelnen Teilfenster des Shops*/
/*******************************************************/
	td.logo					{ background-color: #FFFFFF; border:0px solid #E67817; margin:6px; text-align: left;}
	td.warenkorblink		{ background-color: #F0F0F0; border:0px solid #666666; width: 140px;}
	td.hauptmenue			{ background-color: #F0F0F0; border:1px solid #666666; }
	td.warengruppenmenue	{ background-color: #F0F0F0; border:0px solid #666666; width: 140px;}
	td.sonderangebote		{ background-color: #F0F0F0; border:1px solid #666666; width: 140px;}
	td.counter				{ background-color: #F0F0F0; border:1px solid #666666; width: 140px; font-size:10px; color: #666666;}
	td.hauptseiten			{ background-color: #FFFFFF; border:0px solid #666666;
						      background-image:url(../bilder/hintergrund.jpg); background-repeat:no-repeat;
						      background-position: 60% 50%; background-attachment:fixed; padding:0px;}



/* Erscheinungsbild spezieller Elemente des Shops*/
/*************************************************/

/* Link zum Warenkorb: obere Zeile */
	a.linkZumWarenkorbFett:link		{ font-weight:bold; text-decoration: none; 	 	color: #0F0668;}
	a.linkZumWarenkorbFett:visited	{ font-weight:bold; text-decoration: none; 	 	color: #0F0668;}
	a.linkZumWarenkorbFett:hover	{ font-weight:bold; text-decoration: underline; color: #0F0668;}
	a.linkZumWarenkorbFett:active	{ font-weight:bold; text-decoration: none; 	 	color: #0F0668;}

/* Link zum Warenkorb: untere Zeile */
	a.linkZumWarenkorbDuenn:link	{ font-weight:normal; text-decoration: none; 	  color: #0F0668; font-size:10px;}
	a.linkZumWarenkorbDuenn:visited	{ font-weight:normal; text-decoration: none; 	  color: #0F0668; font-size:10px;}
	a.linkZumWarenkorbDuenn:hover	{ font-weight:normal; text-decoration: underline; color: #0F0668; font-size:10px;}
	a.linkZumWarenkorbDuenn:active	{ font-weight:normal; text-decoration: none; 	  color: #0F0668; font-size:10px;}

/* Einträge im Hauptmenü (Startseite, Links, Kontakt,...) */
	a.hauptmenueeintrag:link	{font-family:Arial;Verdana;Helvetica; font-weight:bold; font-size:12px; color:rgb(95,95,95); text-decoration:none;}
	a.hauptmenueeintrag:visited	{font-family:Arial;Verdana;Helvetica; font-weight:bold; font-size:12px; color:rgb(95,95,95); text-decoration:none;}
	a.hauptmenueeintrag:hover	{font-family:Arial;Verdana;Helvetica; font-weight:bold; font-size:12px; color:rgb(95,95,95); text-decoration:underline;}
	a.hauptmenueeintrag:active	{font-family:Arial;Verdana;Helvetica; font-weight:bold; font-size:12px; color:rgb(95,95,95); text-decoration:none;}

/* Warengruppen-Menü: Hauptwarengruppe */
	a.hauptwarengruppe:link		{font-weight:bold; text-decoration: none; 		color: #666666;}
	a.hauptwarengruppe:visited	{font-weight:bold; text-decoration: none; 		color: #666666;}
	a.hauptwarengruppe:hover	{font-weight:bold; text-decoration: underline; 	color: #666666;}
	a.hauptwarengruppe:active	{font-weight:bold; text-decoration: none; 		color: #666666;}

/* Warengruppen-Menü: aktive Warengruppe */
	a.hauptwarengruppeaktiv:link	{background-color: #DE0024; font-weight:bold; text-decoration: none; 		color: #F0F0F0;}
	a.hauptwarengruppeaktiv:visited	{background-color: #DE0024; font-weight:bold; text-decoration: none; 		color: #F0F0F0;}
	a.hauptwarengruppeaktiv:hover	{background-color: #DE0024; font-weight:bold; text-decoration: underline; 	color: #FFFFFF;}
	a.hauptwarengruppeaktiv:active	{background-color: #DE0024; font-weight:bold; text-decoration: none; 		color: #F0F0F0;}

/* Warengruppen-Menü: Unterwarengruppe */
	a.unterwarengruppe:link		{ text-decoration: none; 		color: #4d4d4e;}
	a.unterwarengruppe:visited	{ text-decoration: none; 		color: #4d4d4e;}
	a.unterwarengruppe:hover	{ text-decoration: underline; 	color: #4d4d4e;}
	a.unterwarengruppe:active	{ text-decoration: none; 		color: #4d4d4e;}

/* Warengruppen-Menü: aktive Warengruppe */
	a.unterwarengruppeaktiv:link	{background-color: #DE0024; text-decoration: none; 		color: #F0F0F0;}
	a.unterwarengruppeaktiv:visited	{background-color: #DE0024; text-decoration: none; 		color: #F0F0F0;}
	a.unterwarengruppeaktiv:hover	{background-color: #DE0024; text-decoration: underline; color: #FFFFFF;}
	a.unterwarengruppeaktiv:active	{background-color: #DE0024; text-decoration: none; 		color: #F0F0F0;}

/* Übersicht der Produkte einer Warengruppe: Seitenzahlen am Fuß */
	a.seitenzahlen:link		{font-weight:normal; text-decoration: none; 		color: #666666;}
	a.seitenzahlen:visited	{font-weight:normal; text-decoration: none; 		color: #666666;}
	a.seitenzahlen:hover	{font-weight:normal; text-decoration: underline; 	color: #666666;}
	a.seitenzahlen:active	{font-weight:normal; text-decoration: none; 		color: #666666;}

/* Übersicht der Produkte einer Warengruppe: aktelle Seite */
	a.aktuelleseite:link	{background-color: #DE0024; font-weight:normal; text-decoration: none; 		color: #F0F0F0;}
	a.aktuelleseite:visited	{background-color: #DE0024; font-weight:normal; text-decoration: none; 		color: #F0F0F0;}
	a.aktuelleseite:hover	{background-color: #DE0024; font-weight:normal; text-decoration: underline; color: #FFFFFF;}
	a.aktuelleseite:active	{background-color: #DE0024; font-weight:normal; text-decoration: none; 		color: #F0F0F0;}

/* Sonderangebote: Überschrift */
	.sonderangebotUeberschrift	{ background-color: #DE0024; color: #FFFFFF; text-decoration:none; margin-left:5px;}

/* Sonderangebote: Produkttitel und Preis */
	a.sonderangebot:link		       { color: #2e3b8d; text-decoration:none;}
	a.sonderangebot:visited		{ color: #2e3b8d; text-decoration:none;}
	a.sonderangebot:hover		{ color: #2e3b8d; text-decoration:underline;}
	a.sonderangebot:active		{ color: #2e3b8d; text-decoration:none;}

/* Überschriften auf den verschiedenen Hauptseiten */
	.headline	{ color: #07104b; text-decoration: none; font-size:12px; text-align: center; font-weight: 600; }

/* wichtige Überschriften */
	.wichtigeUeberschrift	{ background-color: #DE0024;; color: #2e3b8d;}

/* Produktbild innerhalb des Produktbeschreibungstextes */
	.produktdetailtabelle	{ background-color: #FFFFFF; border:1px solid #999999;}
	.produktbild	{ text-align:right; margin-right:5px; margin-bottom: 0px;}

/* Link "vorheriges Bild" und "nächstes Bild" in der Produktdetailansicht */
	a.bild:link		{font-weight:normal; font-size:10px; text-decoration: none; 		color: #0F0668;}
	a.bild:visited	{font-weight:normal; font-size:10px; text-decoration: none; 		color: #0F0668;}
	a.bild:hover	{font-weight:normal; font-size:10px; text-decoration: underline; 	color: #0F0668;}
	a.bild:active	{font-weight:normal; font-size:10px; text-decoration: none; 		color: #0F0668;}

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

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

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

/* Buttons */
	.button	{ color: #FFFFFF; background-color: #DE0024; font-size:10px; font-weight: normal;
			  border: solid 1px #000000;}


/* Definition allgemeiner HTML-Elemente im Shop */
/************************************************/

/* Listen und Aufzählungen */
	li		{margin-left:2em; margin-top:5px; margin-bottom:5px;}
/* PullDownMenüs */
	select	{font-size: 10px;}
/* eine bestimmte Option in einem PulldownMenü */
	option	{margin-bottom: 2px;}
/* Eingabefelder für Texte */
	input	{font-size: 10px; border: 1px solid #666666;}
/* horizontale HTML-Linie */
	hr		{margin-top:0px; margin-bottom:0px; height:0px; border:1px dotted silver; background:silver;}

	form	{margin: 0px; padding:0px; border: 0px solid white;}
/* Warenkorb MWST und Versand
   #gesetz { color: #000000; font-family: Arial;Verdana;Helvetica; text-decoration: none; font-size:6px;}

       a.versand_link:link		{font-family: Arial;Verdana;Helvetica; text-decoration: none; font-size:6px;color: #000000;}
	a.versand_link:visited	{font-family: Arial;Verdana;Helvetica; text-decoration: none; font-size:6px;color: #000000;}
	a.versand_link:hover	       {font-family: Arial;Verdana;Helvetica; text-decoration: underline; font-size:6px;color: #000000;}
	a.versand_link:active	{font-family: Arial;Verdana;Helvetica; text-decoration: none; font-size:6px;color: #000000;}

      .preisangabe:active	{font-family: Arial;Verdana;Helvetica; text-decoration: none; font-size:6px;color: #000000;}