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

/*****************/
	.text	{ color: red; font-family: Arial; text-decoration: none; font-size:12px; }
	.fliesstext { font-weight: normal; font-style: normal; font-family: Arial; text-decoration: none; font-size:12px; }
/******************/


.box_prod {
	border: 1px solid #BBBBBB;
	background-color: EDE8CB;
	margin-bottom: 8px;
	padding: 10px;
}
.box_start {
	border: 1px solid #BBBBBB;
	background-color: #FFFFE6;
	margin-bottom: 8px;
	margin-top: 20px;
	padding: 1px;
}
.menue_headline {
	margin-left: 25px;
	font-weight:bold; 
	text-decoration: none; 
	color: #353535;
	height: 20px;
}
/******************/

/* Eigene Klassen */
.bg_weiss {
	background-color: #FFFFFF;
}

.tx_bildlinkinaktiv {
	font-size: 10px;
	font-style: italic;
	color: #CCCCCC;	
}

.inp_suchfeld {
	border: 1px solid #666666;
	width: 140px;
	color: #353535;
	padding-left: 3px;
}

.inp_kontakt {
	border: 1px solid #666666;
	width: 200px;
	color: #353535;
}

.inp_inwarenkorb {
	border: 1px solid #666666;
	width: 30px;
	color: #353535;
}

.inp_ohnerand {
	border: 0px;
}

.textarea_prodkommentar {
	border: 1px solid #666666;
	width: 150px;
	height: 50px;
	color: #353535;
	display: inline;
}

.tbl_indenwarenkorb {
	border: 1px solid #666666;
	width: 150px;
	height: 25px;
	background-color: #ffffff;
}

.tbl_prodbildgross {
	border: 1px solid #666666;
	width: 184px;
	height: 254px;
	background-color: #ffffff;
	padding: 2px;
}

.tbl_prodbildklein {
	border: 1px solid #666666;
	width: 84px;
	height: 106px;
	background-color: #ffffff;
	padding: 2px;
}

.td_menue_links {
	height: 20px;
}
.menu_outline {
	border: 1px solid #A3A3A3;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: ffffe6;
}
.menu_cell {
	padding-left: 2px;
}
.pic_border {
	border: 1px solid #353535;
}
.sonderangebote_container {
	border: 1px solid #a3a3a3;
	width: 100%;
	padding: 3px;
	background-color: #ffffe6;
	margin-top: 5px;
	margin-bottom: 3px;
}

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

/* allgemeiner Text auf allen Seiten */
	body	{ color: #303030; font-family: Arial; text-decoration: none; font-size:12px;
			  margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
	td		{ color: #303030; font-family: Arial; text-decoration: none; font-size:12px; }
	b		{ font-family: Arial; text-decoration: none; font-size:12px; }

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

/* Hintergrundfarbe des gesamten Shops */
	.hintergrundfarbe	{ background-color: EDE8CB;}

/* Position und Ausrichtung des eigentlichen Hauptfensters */
	.hauptfenster	{ 	position:relative; top:0px; height:100%; z-index:1;
						border-right: 1px solid #A3A3A3; border-left: 1px solid #A3A3A3;
/*						border-collapse:separate; border-spacing:7px; table-layout:auto;*/ }


/* Erscheinungsbild der einzelnen Teilfenster des Shops*/
/*******************************************************/
	.logo				{ background-color: #FFFFFF; border:0px solid #b45a00; margin:6px;}
	.warenkorblink		{ background-color: #FFFFFF; border:0px solid #b45a00; font-size: 12px; font-family: Arial;}
	.hauptmenue			{ background-color: #FFFFFF; border:0px solid #b45a00; font-size: 12px; font-family: Arial;}
	.warengruppenmenue	{ background-color: #FFFFFF; border:0px solid #b45a00; font-size:12px; font-family: Arial;}
	.sonderangebote		{ background-color: #FFFFFF; /* border:1px solid #b45a00; */ font-size:12px; font-family: Arial; height:99%; }
	.counter			{ background-color: #FFFFFF; border:0px solid #b45a00; font-size:11px; font-family: Arial; color: #666666;}
	.hauptseiten		{ background-color: #FFFFFF; border:0px solid #b45a00; font-size:12px; font-family: Arial;
						  background-image:url(../bilder/hintergrund.jpg); background-repeat:no-repeat;
						  background-position: 60% 50%; background-attachment:fixed; padding:0px; width:590px;}

	.copyrighttabelle	{ border:0px solid #b45a00; width:99%; border-spacing:0px;}
	.copyrightfeld		{ background-color: #FFFFFF; text-decoration:none; font-family:Arial; font-size:11px;
						  text-align:right; color: #AAAAAA;}



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

/* Farben: Jetzt b45a00 vorher 60 36 06 */

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

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

/* Einträge im Hauptmenü (Startseite, Links, Kontakt,...) */
	a.hauptmenueeintrag:link	{font-weight:normal; text-decoration: none; 	   color: #b45a00;}
	a.hauptmenueeintrag:visited	{font-weight:normal; text-decoration: none; 	   color: #b45a00;}
	a.hauptmenueeintrag:hover	{font-weight:normal; text-decoration: none;		   color: #000000;}
	a.hauptmenueeintrag:active	{font-weight:normal; text-decoration: none; 	   color: #b45a00;}

/* Warengruppen-Menü: Hauptwarengruppe */
	a.hauptwarengruppe:link		{
	/*margin-left: 25px;  war vorher bei allen */
	margin-left: 0px;
	font-weight:normal;
	text-decoration: none;
	color: #b45a00;
	display: block;
}
	a.hauptwarengruppe:visited	{margin-left: 0px; font-weight:normal; text-decoration: none; color: #b45a00; display: block; }
	a.hauptwarengruppe:hover	{margin-left: 0px;
	font-weight:normal;
	text-decoration: none;
	color: #A3A3A3;
	background-color: #EDE8CB;
	display: block; 
}
	a.hauptwarengruppe:active	{margin-left: 0px; font-weight:normal; text-decoration: none; color: #b45a00; display: block; }

/* Warengruppen-Menü: aktive Warengruppe */
	a.hauptwarengruppeaktiv:link	{ margin-left: 0px;; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.hauptwarengruppeaktiv:visited	{ margin-left: 0px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.hauptwarengruppeaktiv:hover	{ margin-left: 0px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.hauptwarengruppeaktiv:active	{ margin-left: 0px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }

/* Warengruppen-Menü: Unterwarengruppe */
	a.unterwarengruppe:link		{margin-left: 30px; font-weight:normal; text-decoration: none; color: #353535; display: block; }
	a.unterwarengruppe:visited	{margin-left: 30px; font-weight:normal; text-decoration: none; color: #353535; display: block; }
	a.unterwarengruppe:hover	{margin-left: 30px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.unterwarengruppe:active	{margin-left: 30px; font-weight:normal; text-decoration: none; color: #353535; display: block; }

/* Warengruppen-Menü: aktive Warengruppe */
	a.unterwarengruppeaktiv:link	{ margin-left: 30px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.unterwarengruppeaktiv:visited	{ margin-left: 30px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.unterwarengruppeaktiv:hover	{ margin-left: 30px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }
	a.unterwarengruppeaktiv:active	{ margin-left: 30px; font-weight:normal; text-decoration: none; color: #A3A3A3; display: block; }

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

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

/* Sonderangebote: Überschrift */
	.sonderangebotUeberschrift	{
	background-color: #FFFFFF;
	color: #353535;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}

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

/* Überschriften auf den verschiedenen Hauptseiten */
	.headline	{ font-family: Arial; color: #333333; text-decoration: none; font-size:13px; font-weight: bold; }

/* wichtige Überschriften */
	.wichtigeUeberschrift	{
	color: #353535;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}

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

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

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

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

/* Warnhinweis bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs */
	.warnung	{ font-family: Arial; color: #cc0000; text-decoration: none; font-size:12px; font-weight:bold; background-color: #FED0C0; padding:7px; margin: 0 0 7px 0; border:1px solid #cc0000; }

/* Einleitungstext der Warengruppe */
	.wgintro	{ font-family: Arial; color: #000000; text-decoration: none; font-size:12px; padding:10px; margin: 10px 0 7px 0; border:1px solid #A3A3A3; }

/* Warnhinweis bei leeren Gruppen */
	.emptywg	{ font-family: Arial; color: #666666; text-decoration: none; font-size:12px; background-color: #EDE8CB; padding:10px; margin: 10px 0 7px 0; border:1px solid #A3A3A3; }

/* Copyrighthinweises am Fuß des Shops */
	a.copyrightLink:link	{ color: #AAAAAA; text-decoration:underline;}
	a.copyrightLink:visited	{ color: #AAAAAA; text-decoration:underline;}
	a.copyrightLink:hover	{ color: #b45a00; text-decoration:underline;}
	a.copyrightLink:active	{ color: #AAAAAA; text-decoration:underline;}

/* Buttons */
	.button	{ font-family: Arial; color: #FFFFFF; background-color: #b45a00; text-decoration: none; font-size:10px; font-weight: normal;
			  border: solid 1px #000000;}

/* Hintergrundbild für ladende Bilder */
	.hgloading { background-image:url(../bilder/icon_animated_busy.gif); background-position: center 25px; background-repeat:no-repeat;	}


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

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