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. knnte 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 ld, eine Datei 
	mit dem Namen "config.tpl.php" gesucht. In dieser Datei 
	knnen 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 knnen 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');
			// Fr die Artikel-Auflistung: Code vorher und Code nachher
			define(ITEM_LISTING_BEFOR, '');
			define(ITEM_LISTING_AFTER, '');
			?>

4. b)	Wenn ( STYLE_CSS = 1 ), dann verhlt 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.	Fr 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, fr Buttons aus den Programmdateien 
	heraus, untersttzt ( 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>

