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

body, html{
 height:100%;
 margin:0;
 padding:0;
 }

/* Schwarzer Skrollbar fuer den ganzen shop im Internet Explorer*/
.scrollbarbody { color : #FFFFFF; scrollbar-3dlight-color: #999999; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #666666; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #999999; scrollbar-shadow-color: #000000;}

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

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

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

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

/* definiert das Fenster unterhalb des Shoplogos: Link zum Warenkorb und Hauptmenü ( "Startseite", "Links, "Versand",...)*/
	.schwaarz 		{ background-color: #000000; 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: #FFFFFF; font-size:14px;}
	a.schwarz:active	{ font-weight:bold; font-family: Arial; text-decoration: underline; color: #FFFFFF; font-size:14px;}

/* Aussehen des Produktmenüs im linken Teil des Shops */
	.produktemenue		{font-size:14px; font-family: Arial; text-decoration: none; background-color: #000000; background-position: 50% 20px;}
	a.produktmenue:link	{font-size:14px; font-family: Arial; text-decoration: none; color: #FFFFFF;}
	a.produktmenue:visited	{font-size:14px; font-family: Arial; text-decoration: none; color: #FFFFFF;}
	a.produktmenue:hover	{font-size:14px; font-family: Arial; text-decoration: underline; color: #FFFFFF;}
	a.produktmenue:active	{font-size:14px; font-family: Arial; text-decoration: underline; color: #FFFFFF;}

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

/* definiert die Hauptseiten rechts unten */
	.hauptseiten	{ background-color:#000000;}
	
/* Definiert die AGB, Impressum, Versand und bottom menue*/
.bottom-text { font-family: Arial; font-size: 12px; font-style: normal; line-height: normal; color: #FFFFFF; text-decoration: none; letter-spacing: normal;}
	a.bottom-text:link	{ font-family: Arial; text-decoration: none; color: #666666; font-size:12px;}
	a.bottom-text:visited	{ font-family: Arial; text-decoration: none; color: #666666; font-size:12px;}
	a.bottom-text:hover	{ font-family: Arial; text-decoration: underline; color: #666666; font-size:12px;}
	a.bottom-text:active	{ font-family: Arial; text-decoration: underline; color: #666666; font-size:12px;}

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

/* Aussehen des zurueck bottons auf der Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
	a.zurueck:link			{ color: #000000; font-family: Arial; text-decoration: none;}
	a.zurueck:visited		{ color: #000000; font-family: Arial; text-decoration: none;}
	a.zurueck:hover			{ color: #000000; font-family: Arial; text-decoration: underline;}
	a.zurueck:active		{ color: #000000; 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: #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 der Bildunterschriften in Produktübersichtsseite */
	.klein	{ font-family: Arial; color: #FFFFFF; text-decoration: none; font-size:12px; }
/* Aussehen der Haftungsseite */
	.klein-haftung	{ font-family: Arial; color: #FFFFFF; text-decoration: none; font-size:12px; }

/* Aussehen von Trennlinien in der Produktdetailansicht */
	.trennlinie {color:#FFFFFF; background-color: #FFFFFF/; 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: #FFFFFF; text-decoration: none; font-size:12px; }
	
	.produkttextwhite	{ font-family: Arial; color: #FFFFFF; text-decoration: none; font-size:12px; }

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

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

/* 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: #666666; text-decoration: none; font-size:12px; }
	a.siesindhier:link		{ font-family: Arial; color: #666666; text-decoration: none; font-size:12px; }
	a.siesindhier:visited		{ font-family: Arial; color: #666666; 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: #666666; text-decoration: none; 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: #D8D4D5; text-decoration:none; font-family:Arial; font-size:10px; }
	a.counter:link		{ color: #D8D4D5; text-decoration:none; font-family:Arial; font-size:10px;}
	a.counter:visited	{ color: #D8D4D5; 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: #D8D4D5; 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;}

/* definiert Hintergrundbild der main Tabelle*/
	.back-frame { width: 100%; height: 100%; background-color: #000000; background-image: url(../bilder/depframecollage.gif); background-repeat: no-repeat; background-position: center top;}
/*.back-frame { background-color: #000000; background-repeat: no-repeat; background-position: center top;}*/
/* definiert Hintergrundbild der main Tabelle der preloader seite der HAUPTPAGE*/
	.back-frame-preloader { background-color: #000000; background-image: url(../bilder/depframecollage-prelaoder.gif); background-repeat: no-repeat; background-position: center top;}
back-logo { background-repeat: no-repeat; background-position: center top;}

/* Fehlermeldungen Login Prozess*/
.msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	background-color: #FFFFCC;
	padding: 4px;
	border: 1px dotted #FF9900;
	font-weight: bold;
}
.ordershop-login {
        font-family: Arial, Helvetica, sans-serif;
}