Wenn Sie ein CSS Design verwenden, sollten Sie folgendes 
beachten:

1.	Benutzen Sie die neueste Version des Shops
2.	Die CSS Designs sind auf eine eingestellte Bildbreite 
	von 100 pixel ausgelegt worden (Standard nach einer 
	Installation).
3.	Die Tabellen- oder Zellenbreiten der Templates (z.B. 
	Artikel-Template) sollten nicht mit HTML defenierte 
	Breiten (wie z.B. <table width="100%"> oder 
	<td width="100%">)-, sondern mit CSS definierte Breiten 
	geschrieben werden (wie z.B. <table style="width:100%"> 
	oder <td style="width:100%">). Dies sollte unbedingt 
	beachtet werden, weil ansonsten der Inhalte dieser 
	Tabellen die Breite bestimmt. Evtl. könnte dadurch das 
	Design etwas leiden. Die Standardtabellen des Shops 
	selber sind darauf bereits ausgelegt worden. Wenn Sie 
	einen aktuellen Shop (der neuesten Version) installiert 
	haben, ist dies bereits so voreingestellt.
4.	Im Template-Ordner wird, bevor die Seite läd, eine Datei 
	mit dem Namen "config.tpl.php" gesucht. In dieser Datei 
	können Sie den Shop "mitteilen", das Sie ein CSS Design- 
	oder nur CSS Buttons benutzen.
4. a)	Fehlt die Datei, wird ein normales Standard Template 
	angenommen. Ansonsten können Sie darin folgendes defenieren: 
			
			<?php
			// Wenn dieses Design ein css basiertes Template ist, 
			// dann STYLE_CSS = '1'; sonst '0'
			define(STYLE_CSS, '0');
			// Wenn dieses Design css basierte Buttons hat, 
			// dann BUTTON_STYLE_CSS = '1'; sonst '0'
			define(BUTTON_STYLE_CSS, '0');
			// Für die Artikel-Auflistung: Code vorher und Code nachher
			define(ITEM_LISTING_BEFOR, '');
			define(ITEM_LISTING_AFTER, '');
			?>

4. b)	Wenn ( STYLE_CSS = 1 ), dann verhält sich der Shop an 
	bestimmten Stellen anders ( bezogen auf das Design ).
4. c)	a.	Der Preloader (Ledezeitanzeige) ist bei CSS Designs 
		ausgeschaltet.		
4. c)	b.	Für den Header der Artikelauflistung (z.B. 
		Kategorien und Warenkorb) wird nicht mehr 
		class="itemListing-heading" verwendet, sondern 
		class="header_items_listing_css". Das macht die 
		Header-Bereiche der Auflistungen unterscheidbar 
		zu den anderen Header-Bereichen.
4. e)	Vom Shop wird folgendes CSS, für Buttons aus den Programmdateien 
	heraus, unterstützt ( sofern BUTTON_STYLE_CSS = 1 - 
	Dann überall dort wo Buttons ausgegeben werden ):
	Beispiel Stylesheets:
			
			
			<style>
			/* begin big_button */
			.big_button
			{
				display:inline-block;
				width: auto;
				outline:none;
				border:none;
				background:none;
				line-height:35px;
				margin:0;
				padding:0;
				overflow: visible;
				cursor: default;
				text-decoration: none !important;
				z-index:0;
			}
			
			.big_button .innet
			{
				display:block;
				position:relative;
				float:left;
				height: 35px;
				overflow:hidden;
				white-space: nowrap;
				width: auto;
				color: #1B272D;
			}
			
			.big_button .innet .t
			{
				display:block;
				height: 35px;
				font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				letter-spacing: 1px;
				white-space: nowrap;
				text-align: left;
				padding: 0 26px;
				line-height: 35px;
				text-decoration: none !important;
			}
			
			input, select
			{
				font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				letter-spacing: 1px;
			}
			
			.big_button .hover, .big_button:hover
			{
				color: #D6EBF0;
				text-decoration: none !important;
			}
			
			.big_button .active
			{
				color: #FDF4E7;
			}
			
			.big_button .innet .l, .big_button .innet .r
			{
				display:block;
				position:absolute;
				z-index:-1;
				height: 105px;
				background-image: url('images/Button.png');
			}
			
			.big_button .innet .l
			{
				left:0;
				right:18px;
			}
			
			.big_button .innet .r
			{
				width:425px;
				right:0;
				clip: rect(auto, auto, auto, 407px);
			}
			
			.big_button .innet.hover .l, .big_button .innet.hover .r, .big_button .innet:hover .l, .big_button .innet:hover .r
			{
				top: -35px;
			}
			
			.big_button .innet.active .l, .big_button .innet.active .r
			{
				top: -70px;
			}
			
			
			/* end big_button */
			</style>

