/*
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.
Dazu ist es lediglich notwendig zu wissen, welches Objekt man wie verändern will und wo es
angezeigt wird. Ich habe versucht, immer verständlich dazuzuschreiben, um was es sich handelt.
Wenn es doch Fragen gibt: Email an webmaster@open-letters.de
*/

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

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

/* definiert die Seiten rechts unten */
/*	.hauptseiten	{ background-color:#FFFFFF; background-image:url(../bilder/hintergrund.jpg); background-repeat:no-repeat;
					  background-position: 60% 50%; background-attachment:fixed; padding:0px;}*/

/* definiert die Seiten rechts unten */
	.logo			{ background-color: #ffffff;}

/* Aussehen von besonders kleinen Links auf den Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
	a.kleinlink:link	{ color: #990000; font-family: Arial; text-decoration: none; font-size:10px; }
	a.kleinlink:visited	{ color: #990000; font-family: Arial; text-decoration: none; font-size:10px; }
	a.kleinlink:hover	{ color: #CC3300; font-family: Arial; text-decoration: underline; font-size:10px; }
	a.kleinlink:active	{ color: #990000; font-family: Arial; text-decoration: none; font-size:10px; }

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

/* Aussehen der Bildunterschriften in Produktübersichtsseite */
	.klein	{ font-family: Arial; color: #000000; text-decoration: none; font-size:12px; }

/* Aussehen des Produktmenüs im linken Teil des Shops*/ 
	.produktemenue	{font-size:12px; font-family: Arial; text-decoration: none; font-weight:bold; background-color: #ffffff; 	 background-position: 50% 30px; background-repeat: no-repeat;} /*background-image:url(../bilder/produktemenue-bg.jpg);}*/

	a.produktmenue:link		{font-size:12px; font-family: Arial; text-decoration: none; color: #003366;}
	a.produktmenue:visited	{font-size:12px; font-family: Arial; text-decoration: none; color: #003366;}
	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: #003366;}

/* definiert die Fenster mit dem Link zum Warenkorb und das Seitenmenü ( "Startseite", "Links, "Versand,...)*/
	.schwaarz {background-color: silver; font-weight:bold; font-family: Arial; text-decoration: none; 		color: #ffffff; font-size:14px;}
	a.schwarz:link		{ font-weight:bold; font-family: Arial; text-decoration: none; 		color: #ffffff; font-size:14px;}
	a.schwarz:visited	{ font-weight:bold; font-family: Arial; text-decoration: none; 		color: #ffffff; font-size:14px;}
	a.schwarz:hover		{ font-weight:bold; font-family: Arial; text-decoration: underline; color: #000000; font-size:14px;}
	a.schwarz:active	{ font-weight:bold; font-family: Arial; text-decoration: underline; color: #ffffff; font-size:14px;}

/* Aussehen und Anordnung des Produktbildes innerhalb des Produktbeschreibungstextes */
	.produktbild	{ text-align:right; margin-right:8px; margin-bottom: 8px;}
	.produkttext	{ font-family: Arial; color: #003366; text-decoration: none; font-size:12px; }
		/* Farbe des dünnen Seitenstreifens links und rechts des Shops*/
	.rahmen			{ background-color: silver;}
	/* Aussehen von Trennlinien in der Produktdetailansicht */
	.trennlinie {color:#517BA8; background-color: #517BA8; height:1px; text-align:center; border:1px dotted}
	/* definiert das Aussehen von Listen und Aufzählungen*/
	.liste	{text-align:1em; margin-left:2em; margin-top:5px; margin-bottom:5px;}

/* definiert Überschriften auf verschiedenen Seiten */
	.headline	{ font-family: Arial; color: #000000; 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: #ffffff; }

/* Warnung bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs*/
	.warnung	{ font-family: Arial; color: #CC0000; text-decoration: none; font-size:14px; }

/* "Highlights" sind die Sonderangebote die unterhalb des Produktmenüs im linken Bereich des Shops gezeigt werden */
	.highlights			{ color: #003366; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
	a.highlight:link	{ color: #003366; text-decoration:none; font-family:Arial; font-size:12px;}
	a.highlight:visited	{ color: #003366; 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: #003366; text-decoration:none; font-family:Arial; font-size:12px;}

/* definiert Schriftart und Farbe für alle Buttons im Shop*/
	.schaltflaeche	{ font-family: Arial; color: #000000; background-color: #ffffff; 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: #000000; text-decoration:none; font-family:Arial; font-size:10px; }
	a.counter:link		{ color: #000000; text-decoration:none; font-family:Arial; font-size:10px;}
	a.counter:visited	{ color: #000000; text-decoration:none; font-family:Arial; font-size:10px;}
	a.counter:hover		{ color: #000000; text-decoration:underline; font-family:Arial; font-size:10px;}
	a.counter:active	{ color: #000000; text-decoration:none; font-family:Arial; font-size:10px;}

/* 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; }