<div class="sitPowersearchMainArticleDetail">
    <div id="productinfo">
    	<div id="detailsMain">

			<div class="detailsInfo clear">
        
	            <div class="picture">        
	                <div style="top:0px;z-index:99;position:relative;" id="wrap">
	                	<a data-zoomparams="adjustY:-2, zoomWidth:'354', fixZoomWindow:'390', trImg:'', loadingText:'Laden...'" rel="adjustY:-2, zoomWidth:'354', fixZoomWindow:'390', trImg:'', loadingText:'Laden...'" id="zoom1" class="cloud-zoom" href="[{ $article.articleThumb }]" style="position: relative; display: block;">
	                    	<img alt="[{$articleData.articleTitle}] " src="[{ $articleData.articleImage1 }]" style="display: inline-block;">
	                	</a>
	                	<div style="z-index: 999; position: absolute; width: 340px; height: 340px; left: 20px; top: 0.899994px; cursor: move;" class="mousetrap"></div>
	                </div>
	            </div>

        		<div class="information">

	                <div class="productMainInfo">
	                	<h1 id="productTitle"><span>[{$articleData.articleTitle}]</span></h1>
			            <a id="productLinks" href="#" class="selector corners FXgradBlueDark" style="top: -3px; left: 242px;"><img alt="Select" src="http://demoshop.oxid-esales.com/community-edition/out/azure/img/selectbutton.png"></a>
	                	<span class="itemCode" id="productArtnum">[{$articleData.articleNumber}]</span>
					</div>
                    
                    <div id="productShortdesc" class="shortDescription description">
                    	[{$articleData.articleShortdesc}]
                    </div>
                                    
        			<div class="tobasket">
                        
	                    <div class="tobasketFunction clear">
                			<label class="price" id="productPrice">
								<strong>
                                    <span>[{$articleData.articlePrice|number_format:"2":",":"."}]</span>
                                    <span>&euro;</span>
                                    <span>*</span>
								</strong>
                            </label>
            			</div>

        			</div>
    			</div>
			
			</div>
    
    		<div>
    	    	<div class="popupBox corners FXgradGreyLight glowShadow" id="zoomModal">
    	        	<img class="closePop" alt="" src="http://demoshop.oxid-esales.com/community-edition/out/azure/img/x.png">
    	        	<div class="zoomHead">
    	            	<a href="#zoom"><span></span></a>
    	        	</div>
    	        	<div class="zoomed">
    	            	<img id="zoomImg" alt="[{$articleData.articleTitle}] " src="http://demoshop.oxid-esales.com/community-edition/out/pictures/generated/product/1/665_665_75/ion_sol_kite_waist_2011_1.jpg">
    	        	</div>
    			</div>
    		</div>
    	
    	</div>
    
    	<div class="detailsRelated clear" id="detailsRelated">
        	<div class="relatedInfo">
                <div class="tabbedWidgetBox clear ui-tabs ui-widget ui-widget-content ui-corner-all">
    	            <div class="widgetBoxBottomRound">
    					<div class="cmsContent ui-tabs-panel ui-widget-content ui-corner-bottom" id="description">
    	    				[{$articleData.articleLongdesc}]
    					</div>
    				</div>
    			</div>
    		</div>
    		
    	</div>
    </div>
</div>