/*
In dieser CSS-Datei ist es möglich, das Aussehen der meisten Elemente des Shops zu verändern.
Alle Texte, Links, Hintergrundfarben, Hintergundbilder usw. des Shops werden hier eingestellt
und können hier verändert werden.
*/

/* allgemeiner Text auf allen Seiten rechts unten*/
	.text			{ color: #009900; font-family: Arial; text-decoration: none; font-size:12px; }

/* Hintergrundfarbe rechts und links vom Shop*/
	.hintergrund	{ background-color: silver;}

/* Farbe des dünnen Seitenstreifens links und rechts des Shops*/
	.rahmen			{ background-color:#00CC00;}

/* definiert die Hintergrundfarbe des Logofensters am Kopf des Shops */
	.logo			{ background-color: #FFFFFF;}

/* definiert das Fenster unterhalb des Shoplogos: Link zum Warenkorb und Hauptmenü ( "Startseite", "Links, "Versand",...)*/
	.schwaarz 			{ background-color: #33FF00; font-weight:bold; font-family: Arial; text-decoration: none; color: #E2EDFC; font-size:14px;}
	a.schwarz:link		{ font-weight:bold; font-family: Arial; text-decoration: none; 		color: #009900; font-size:14px;}
	a.schwarz:visited	{ font-weight:bold; font-family: Arial; text-decoration: none; 		color: #009900; font-size:14px;}
	a.schwarz:hover		{ font-weight:bold; font-family: Arial; text-decoration: underline; color: #990000; font-size:14px;}
	a.schwarz:active	{ font-weight:bold; font-family: Arial; text-decoration: underline; color: #009900; font-size:14px;}

/* Aussehen des Produktmenüs im linken Teil des Shops */
	.produktemenue			{font-size:12px; font-family: Arial; text-decoration: none; font-weight:bold; background-color: #33FF00; background-position: 50% 20px; background-repeat: no-repeat;}
	a.produktmenue:link		{font-size:12px; font-family: Arial; text-decoration: none; color: #009900;}
	a.produktmenue:visited	{font-size:12px; font-family: Arial; text-decoration: none; color: #009900;}
	a.produktmenue:hover	{font-size:12px; font-family: Arial; text-decoration: underline; color: #990000;}
	a.produktmenue:active	{font-size:12px; font-family: Arial; text-decoration: underline; color: #009900;}

/* definiert die Sonderangebote die unterhalb des Produktmenüs im linken Bereich des Shops gezeigt werden (wenn sie aktiviert sind) */
	.highlights			{ color: #009900; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
	a.highlight:link	{ color: #009900; text-decoration:none; font-family:Arial; font-size:12px;}
	a.highlight:visited	{ color: #009900; text-decoration:none; font-family:Arial; font-size:12px;}
	a.highlight:hover	{ color: #990000; text-decoration:underline; font-family:Arial; font-size:12px;}
	a.highlight:active	{ color: #009900; text-decoration:none; font-family:Arial; font-size:12px;}

/* definiert die Hauptseiten rechts unten */
	.hauptseiten	{ background-color:#F3F3F3; background-repeat:no-repeat;
					  background-position: 60% 50%; background-attachment:fixed; padding:0px;}

/* Aussehen von Links auf den Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
	a.alternativ:link		{ color: #009900; font-family: Arial; text-decoration: none;}
	a.alternativ:visited	{ color: #009900; font-family: Arial; text-decoration: none;}
	a.alternativ:hover		{ color: #009900; font-family: Arial; text-decoration: underline;}
	a.alternativ:active		{ color: #009900; font-family: Arial; text-decoration: none;}

/* Aussehen von besonders kleinen Links auf den Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
	a.kleinlink:link	{ color: #009900; font-family: Arial; text-decoration: none; font-size:10px; }
	a.kleinlink:visited	{ color: #009900; font-family: Arial; text-decoration: none; font-size:10px; }
	a.kleinlink:hover	{ color: #009900; font-family: Arial; text-decoration: underline; font-size:10px; }
	a.kleinlink:active	{ color: #009900; font-family: Arial; text-decoration: none; font-size:10px; }
	
/* Aussehen der Bildunterschriften in Produktübersichtsseite */
	.klein	{ font-family: Arial; color: #000000; text-decoration: none; font-size:12px; }

/* Aussehen von Trennlinien in der Produktdetailansicht */
	.trennlinie {color:#517BA8; background-color: #517BA8; height:1px; text-align:center; border:1px dotted}

/* Aussehen und Anordnung des Produktbildes innerhalb des Produktbeschreibungstextes */
	.produktbild	{ text-align:right; margin-right:8px; margin-bottom: 8px;}
	.produkttext	{ font-family: Arial; color: #009900; text-decoration: none; font-size:12px; }

/* definiert die Überschriften auf den verschiedenen Hauptseiten */
	.headline	{ font-family: Arial; color: #333333; text-decoration: none; font-size:16px; text-align: center; font-weight: 600; }

/* definiert die Hintergrundfarbe der Tabelle im Warenkorb und im letzten Schritt der Bestellung */
	.warenkorbtabelle	{ background-color: #33FF00;}

/* Warnhinweis bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs*/
	.warnung	{ font-family: Arial; color: #FF3300; text-decoration: none; font-size:12px; font-weight:bold; background-color:#FFFF66;}

/* Aussehen des Schriftzuges "sie sind hier" auf der Übersichtsseite über eine Produktrubrik*/
	.siesindhier			{ font-family: Arial; color: #336699; text-decoration: none; font-size:12px; }
	a.siesindhier:link		{ font-family: Arial; color: #336699; text-decoration: none; font-size:12px; }
	a.siesindhier:visited	{ font-family: Arial; color: #336699; text-decoration: none; font-size:12px; }
	a.siesindhier:hover		{ font-family: Arial; color: #990000; text-decoration: underline; font-size:12px; }
	a.siesindhier:active	{ font-family: Arial; color: #336699; text-decoration: none; font-size:12px; }

/* definiert Schriftart und Farbe für alle Buttons im Shop*/
	.schaltflaeche	{ font-family: Arial; color: #336699; background-color: #00FF00; text-decoration: none; font-size:12px; font-weight: bold;}

/* Aussehen des Besucherzählers und des Links zu "www.Open-Letters.de" am Fuß des Shops*/
	.counter			{ color: #009900; text-decoration:none; font-family:Arial; font-size:10px; }
	a.counter:link		{ color: #009900; text-decoration:none; font-family:Arial; font-size:10px;}
	a.counter:visited	{ color: #009900; text-decoration:none; font-family:Arial; font-size:10px;}
	a.counter:hover		{ color: #FFFFCC; text-decoration:underline; font-family:Arial; font-size:10px;}
	a.counter:active	{ color: #009900; text-decoration:none; font-family:Arial; font-size:10px;}

/* definiert das Aussehen von Listen und Aufzählungen*/
	.liste	{text-align:1em; margin-left:2em; margin-top:5px; margin-bottom:5px;}