{if $page == 'customer' && $smarty.get.page_action == 'login' OR $page == 'cart' OR $smarty.get.page_action == 'order_info'}{assign var="show_index_boxes" value="false"}{/if}
<div id="background-topmenu"></div><!-- .background-topmenu -->
<div id="background-top"></div><!-- .background-top -->
<div id="page" class="{if $page == 'index'}nopadding{/if}{if $page == 'content'}contentpage{/if}{if $page == 'categorie'}categoriepage{/if}">
	<div id="page_content">
	<div id="header" class="row">
		<div class="column xt-grid-16-full kopfzeile">
		<div class="column xt-grid-8 infobox">
			<div>
				<a href="{link page='content' id='6'}"><img src="{$tpl_path}/img/icons/icon_umschlag.png">&nbsp;{txt key=txt_anfrage}</a>
				
			</div>
			<div>
			<img src="{$tpl_path}/img/icons/icon_uhr.png">&nbsp;{txt key=oeffnungszeiten}
			</div>
			<div>
			<img src="{$tpl_path}/img/icons/icon_kopfhoerer.png"><a href="tel:+4975619879508">&nbsp;DE: +49 (0) 7561 98 79 508</a> &nbsp; &nbsp; <a href="tel:" class="at-telefon"></a>
			</div>
		</div>
		<div class="column xt-grid-8 languageright">
			{box name=currency}
			{box name=language}
		</div>
		

		<!-- xt-grid smartys following

		<div id="topmenu">
        <ul>                                                        
					{if $account == true}
					{if $registered_customer}
					<li><a href="{link page='customer' conn=SSL}">{txt key=TEXT_ACCOUNT_TITLE_WELCOME} <span class="highlight bold">{$smarty.session.customer->customer_default_address.customers_firstname} {$smarty.session.customer->customer_default_address.customers_lastname}</span></a> |</li>
					{/if}
					{/if}
					{if $account == true}
					<li><a href="{link page='customer' conn=SSL}">{txt key=TEXT_ACCOUNT}</a> |</li>
					{/if}
					<li><a href="{link page='checkout' paction='shipping' conn=SSL}">{txt key=TEXT_CHECKOUT}</a> |</li>
					{if $account == true}
					{if $registered_customer}
					<li><a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF}</a></li>
					{else}
					<li><a href="{link page='customer' paction='login' conn=SSL}">{txt key=TEXT_LOGIN}</a></li>
					{/if}
					{/if}
				</ul>
			</div>
		-->

		</div><!-- .column .xt-grid-16 -->
		

		<div class="column xt-grid-4">


<!-- fixed navi -->
<div class="fixednav">

	<div class="fixedwrap">
		<div id="branding">                                               
			<p id="logo"><a href="{link page='index'}">
				<img src="{$tpl_path}/img/logo.png" alt="{$smarty.const._STORE_NAME}" />
			</a></p>

		</div>

		<div class='mainnavi'>
        <ul>
          <li><a href="{link page='index'}">{txt key=txt_startseite}</a></li>
  			<li class="spalten-3 produkte"><a href="{link page='content' id='82'}" class="nopadding"><span class="dropdown-toggle">{txt key=txt_produkte}</span></a>
			{box name=categories_second_tree treeid_second=0 class="secondtree-"}
          	</li>
         	 <li class="spalten-3 {if $page == 'content'}aktiv{/if}"><span class="dropdown-toggle">{txt key=txt_informationen}</span>
          	<!-- contentblocks links -->
          	{box name=content_top htmlonly=1}
          </li>
          <li><a href="{link page='categorie' id=783}">{txt key=TEXT_HEADING_SPECIAL_PRODUCTS}</a>
        </ul>
      </div>
      	{box name=search htmlonly=1}
      	<a class="onlymobile" href="{link page='customer'}" class="icon-top middle"><img src="{$tpl_path}/img/icons/icon_account.png" /></a>
      {box name=cart}
      <div class="toggle-menu">&nbsp;</div>
     </div>
</div>

			<div id="branding">                                               
				<p id="logo"><a href="{link page='index'}"><img src="{$tpl_path}/img/logo.png" alt="{$smarty.const._STORE_NAME}" /></a></p><!-- #logo -->
				
			</div><!-- #branding -->
		</div><!-- .column .xt-grid-6 -->
		<div class="column xt-grid-8">
			{box name=search htmlonly=1}
		</div><!-- .column .xt-grid-6 -->
		<div class="column xt-grid-4">
			<div id="icon-nav">
				{if $smarty.server.HTTPS eq "on"}<img src="{$tpl_path}img/icons/ssl.png" style="float:left; height: 50px;margin-top:-8px">{else}{/if}
			<!--<a href="" class="icon-top"><img src="{$tpl_path}/img/icons/icon_wunschliste.png" /></a>-->
			<a href="{link page='customer'}" class="icon-top middle"><img src="{$tpl_path}/img/icons/icon_account.png" /></a>
			{if $registered_customer == true}<a href="{link page='customer' paction='logoff' conn=SSL}" class="logout-icon"><img src="{$tpl_path}/img/icons/icon_logout.png" /></a>{/if}
			{box name=cart}
			
			</div>
		</div><!-- .column .xt-grid-3 -->
		<div class="column xt-grid-16-full">
		<div class='mainnavi'>
        <ul>
          <li><a href="{link page='index'}">{txt key=txt_startseite}</a></li>
  			<li class="spalten-3 produkte"><a href="{link page='content' id='82'}" class="nopadding"><span class="dropdown-toggle">{txt key=txt_produkte}</span></a>
			{box name=categories_second_tree treeid_second=0 class="secondtree-"}
          	</li>
         	 <li class="spalten-3 {if $page == 'content'}aktiv{/if}"><span class="dropdown-toggle">{txt key=txt_informationen}</span>
          	<!-- contentblocks links -->
          	{box name=content_top htmlonly=1}
          </li>
          <li><a href="{link page='categorie' id=783}">{txt key=TEXT_HEADING_SPECIAL_PRODUCTS}</a>
        </ul>
         <div class="head-infotext">{txt key=HEAD_INFOTEXT}</div>
      </div>

	</div><!-- xt-grid-16-full -->
	</div><!-- .row .header -->

	{if $page == 'index'}
	<!-- slider content -->
	<div id="header-bottom" class="row">
		<div class="xt-grid-16-full top-content">

			<div id="gallery" style="display:none;">
			{content block_id=17}
			{if $_content_17|count >0}
			{foreach name=aussen item=box_data from=$_content_17}
			<a href="{$box_data.link_to}" title="{$box_data.content_body}">
				<img src="{img img=$box_data.content_image type=m_org path_only=true}"
				data-image="{img img=$box_data.content_image type=m_org path_only=true}" data-description="{$box_data.content_body}">
			</a>

			{/foreach}
			{/if}
			</div>
			<div id="aktionen">
			{content block_id=18}
			{if $_content_18|count >0}
			{foreach name=aussen item=box_data from=$_content_18}
			<div class="aktionsbox">
			<a href="{$box_data.link_to}" title="{$box_data.content_title}">
				{if $box_data.content_title}<h2>{$box_data.content_title}</h2>{/if}

				{if $box_data.content_body}<p>{$box_data.content_body}</p>{/if}
				<img src="{img img=$box_data.content_image type=m_org path_only=true}"
				data-image="{img img=$box_data.content_image type=m_org path_only=true}" data-description="{$box_data.content_body}">
			</a>
			</div>
			{/foreach}
			{/if}
			</div>

		</div>
	</div>
	<!-- slider content-->

	<!-- slider call -->
	{literal}
	<script type="text/javascript">
	jQuery("#gallery").unitegallery({
			gallery_theme: "slider",
			slider_enable_zoom_panel:false,
			slider_scale_mode: "fill",
			gallery_width:896,							//gallery width		
			gallery_height:557,							//gallery height
			gallery_autoplay:true,						//true / false - begin slideshow autoplay on start
			gallery_play_interval:10000,					//play interval of the slideshow
			gallery_pause_on_mouseover:true,			//pause on mouseover when playing slideshow true/false
			slider_enable_zoom_panel:false,
			slider_enable_bullets:true,
			slider_enable_text_panel:false,
			slider_controls_always_on:true,
			slider_control_zoom:false	
			});
		
		</script>
	{/literal}
	<!-- slider call -->



		<!-- 
		veranstaltungen => zusatzkategorien 
		lösung + categories_second_tree
		-->
 		<div class="veranstaltungen">
				{box name=categories_second_tree treeid_second=718 deepness_second=1 class="secondtree-"}
		</div>


		<div class="produktgruppen">

			<h1>{txt key=produktgruppen_werbeballons}</h1>

			<!-- secondlevel kategoriebaum-->
			<div class="spalten-9 first">
			<div>
			<a href="{link page='categorie' id='784'}">
			<img src="{$tpl_path}/img/produktgruppen/0.png">
			 <h3>Individueller (Werbe-)druck auf dem Ballon</h3>
			</a>
			  {box name=categories_second_tree treeid_second=784 deepness_second=1 class="secondtree-"}
			</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='744'}">
					<img src="{$tpl_path}/img/produktgruppen/1.png">
				<h3>Rundballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=744 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='745'}">
					<img src="{$tpl_path}/img/produktgruppen/2.png">
				<h3>Riesenballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=745 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='746'}">
					<img src="{$tpl_path}/img/produktgruppen/3.png">
				<h3>Herzballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=746 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='747'}">
					<img src="{$tpl_path}/img/produktgruppen/4.png">
				<h3>Figurenballon	</h3>
				</a>
				{box name=categories_second_tree treeid_second=747 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='15'}">
					<img src="{$tpl_path}/img/produktgruppen/5.png">
				<h3>Motivballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=15 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='2'}">
					<img src="{$tpl_path}/img/produktgruppen/6.png">
				<h3>Folienballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=2 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='1'}">
					<img src="{$tpl_path}/img/produktgruppen/7.png">
				<h3>Specials &amp; Exoten</h3>
				</a>
				{box name=categories_second_tree treeid_second=1 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='10'}">
					<img src="{$tpl_path}/img/produktgruppen/8.png">
				<h3>Zubeh&ouml;r	</h3>
				</a>
				{box name=categories_second_tree treeid_second=10 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			





		</div>


	{/if}
	<div id="content-wrap" class="row">
		
			{if $page != 'index'}
			<div id="breadcrumb">
				{include file="/xtCore/pages/navigation/breadcrumb.html" type="tpl_include"}
			</div><!-- #breadcrumb -->
			{/if}

		{if $page == 'content'}
		<!-- sidebar der contentseite -->
		<div class="side-bar">
			<!-- bestsellerbox start -->
		<div class="bestsellerbox">
			<h3>Bestseller</h3>
			<p>Werfen Sie einen Blick auf unsere meist verkauften Artikel und lassen Sie sich zu Ihrer Ballonwahl inspirieren!</p>
			<div id="gallery2" style="display:none;">
			{content block_id=25}
			{if $_content_25|count >0}
			{foreach name=aussen item=box_data from=$_content_25}
			<a href="{$box_data.link_to}">
				<img src="{img img=$box_data.content_image type=m_org path_only=true}"
				data-image="{img img=$box_data.content_image type=m_org path_only=true}">
			</a>
			{/foreach}
			{/if}
			</div>
			<!-- slider call -->
			{literal}
			<script type="text/javascript">
			jQuery("#gallery2").unitegallery({
					gallery_theme: "slider",
					slider_enable_zoom_panel:false,
					slider_scale_mode: "fill",
					gallery_width:896,							//gallery width		
					gallery_height:557,							//gallery height
					gallery_autoplay:true,						//true / false - begin slideshow autoplay on start
					gallery_play_interval:4000,					//play interval of the slideshow
					gallery_pause_on_mouseover:true,			//pause on mouseover when playing slideshow true/false
					slider_enable_zoom_panel:false,
					slider_enable_bullets:true,
					slider_enable_text_panel:false,
					slider_controls_always_on:true,
					slider_control_zoom:false	
					});
				
				</script>
			{/literal}
			<!-- slider call -->		
	

<div id="aktionen">


			{content block_id=26}
			{if $_content_26|count >0}
			{foreach name=aussen item=box_data from=$_content_26}
			<div class="aktionsbox">
			<a href="{$box_data.link_to}" title="{$box_data.content_title}">
				<h2>{$box_data.content_title}</h2>
				<p>{$box_data.content_body}</p>
				
				<img src="{img img=$box_data.content_image type=m_org path_only=true}"
				data-image="{img img=$box_data.content_image type=m_org path_only=true}">
			</a>
			</div>
			{/foreach}
			{/if}
		
</div>
</div>

			<!-- sidebar -->
		</div>
		<!-- sidebar der contentseite -->
		{/if}

			<div id="content">
				{if $page == 'content'}
				<div class="produktgruppen">


			<!-- secondlevel kategoriebaum-->
			<div class="spalten-9 first">
			<div>
			<a href="{link page='categorie' id='784'}">
			<img src="{$tpl_path}/img/produktgruppen/0.png">
			 <h3>Individueller (Werbe-)druck</h3>
			</a>
			  {box name=categories_second_tree treeid_second=783 deepness_second=1 class="secondtree-"}

			 
			</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='744'}">
					<img src="{$tpl_path}/img/produktgruppen/1.png">
				<h3>Rundballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=744 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='745'}">
					<img src="{$tpl_path}/img/produktgruppen/2.png">
				<h3>Riesenballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=745 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='746'}">
					<img src="{$tpl_path}/img/produktgruppen/3.png">
				<h3>Herzballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=746 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='747'}">
					<img src="{$tpl_path}/img/produktgruppen/4.png">
				<h3>Figurenballon	</h3>
				</a>
				{box name=categories_second_tree treeid_second=747 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='15'}">
					<img src="{$tpl_path}/img/produktgruppen/5.png">
				<h3>Motivballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=15 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='2'}">
					<img src="{$tpl_path}/img/produktgruppen/6.png">
				<h3>Folienballons	</h3>
				</a>
				{box name=categories_second_tree treeid_second=2 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='1'}">
					<img src="{$tpl_path}/img/produktgruppen/7.png">
				<h3>Specials &amp; Exoten	</h3>
				</a>
				{box name=categories_second_tree treeid_second=1 deepness_second=1 class="secondtree-"}
				</div>
			</div>
			<div class="spalten-9">
				<div>
				<a href="{link page='categorie' id='10'}">
					<img src="{$tpl_path}/img/produktgruppen/8.png">
				<h3>Zubeh&ouml;r	</h3>
				</a>
				{box name=categories_second_tree treeid_second=10 deepness_second=1 class="secondtree-"}
				</div>
			</div>
		</div>
				{/if}
				{* content fuer startseite *}
				{if $page == 'index'}
				<div class="xt-grid-16-full grau top-produkte">
					<h2>{txt key=TEXT_TOP_PRODUKTE}</h2>
					{page name=xt_startpage_products type=user tpl_type='product_listing'}
				</div>
				
				<div class="row infotexte">
					<h2>{txt key=TEXT_INFOTEXTE}</h2>
					<!-- Verlinkung & Anzeige der Infotexte (Name, Kurzbeschreibung, Linkgenerierung) -->
					{content block_id=19}
					{if $_content_19|count >0}
					{foreach name=aussen item=box_data from=$_content_19}
					<div class="col3">
						{assign var=infotextID value=$box_data.content_id}
						
						<a href="{link page='content' id=$infotextID}">
							<h3>{$box_data.content_heading}</h3>
						</a>
						<p>{$box_data.content_body_short}</p>
						
					</div>
					{/foreach}
					{/if}
				</div>			
				
				<div class="row partner">
					{content cont_id=52}

					<div class="col3">
						<h3>{$_content_52.content_title}</h3>
						<p>{$_content_52.content_body_short}</p>
					</div>
					<div class="col3 col3bigger">
						<img src="{$tpl_path}/img/partner/anagram.jpg">
						<img src="{$tpl_path}/img/partner/grabo.jpg">
						<img src="{$tpl_path}/img/partner/kaleidoscope.jpg">
						<img src="{$tpl_path}/img/partner/qualatex.jpg">
						<img src="{$tpl_path}/img/partner/the_linde_group.jpg">
					</div>
					
				</div>


				{else}
				{$content}
				{/if}
			</div><!-- #content -->
	
	

	</div><!-- #content-wrap .row -->
	</div>
	<div class="footer-wrap">
	<div id="footer" class="row">
		<div class="column xt-grid-4">
			<strong>Ballonpoint</strong><br />
			{box name=footer1 htmlonly=1}
			
		</div><!-- .column .xt-grid-3 -->
		<div class="column xt-grid-4">
			<strong>{txt key=wissenswertes}</strong><br />
            {box name=footer2 htmlonly=1}
		</div><!-- .column .xt-grid-3 -->
		<div class="column xt-grid-4">
			<strong>{txt key=kundenservice}</strong><br />
			{box name=footer3 htmlonly=1}
		
		</div><!-- .column .xt-grid-2 -->
		<div class="column xt-grid-4">
			<strong>{txt key=eventballons}</strong><br />
			{box name=categories_second_tree treeid_second=718 deepness_second=1 class="secondtree-"}
			<!-- Veranstaltungen (Kategorien anlegen & treeID eintragen)-->

			{*box name=payment_logos*}
            {*box name=trusted_shops_ratings*}
            {*box name=trusted_shops_seal*}
            {*box name=trusted_shops_video*}
		</div><!-- .column .xt-grid-5 -->
	</div><!-- #footer .row -->
	</div>

	<div class="shippingandpayment">
		<div class="column xt-grid-16-full">
		
		<img src="{$tpl_path}/img/shippingandpayment/paypal.jpg" />
		<img src="{$tpl_path}/img/shippingandpayment/kreditkarte.jpg" />
		<img src="{$tpl_path}/img/shippingandpayment/sofort.jpg" />
		
		<img src="{$tpl_path}/img/shippingandpayment/rechnung.jpg" />
		<img src="{$tpl_path}/img/shippingandpayment/vorkasse.jpg" />
		<img src="{$tpl_path}/img/shippingandpayment/ups.jpg" />
		<img src="{$tpl_path}/img/shippingandpayment/dhl.jpg" />
		</div>
	</div>
        
        <div id="ts-rich-snippet" class="row center">
            <div class="column xt-grid-16">
                {box name=trusted_shops_rich_snippet}
            </div>
        </div>
    <div class="copyright-wrap">
	<div id="copyright" class="row">	
		
			 {box name=mobile}
			 <div style="float:left; padding-right: 15px"><a href="http://www.fietz-medien.de" alt="xt:Commerce Support: FIETZ GmbH & Co. KG">xtCommerce Support:  FIETZ GmbH & Co. KG</a></div> [<copyright>]<!-- #copyright -->

		<div class="ballonpointcopyright">&copy; {$smarty.now|date_format:"%Y"} Ballonpoint</div>
	</div><!-- #copyright .row -->
	</div>
</div><!-- #page -->
<div id="background-bottom"></div><!-- #background-bottom -->

<!-- shariff share-buttons -->
<script src="{$tpl_path}/javascript/shariff.min.js"></script>


<a href='#' class='scroll-to-top'></a>
<div class="fixed-right">
<a href="{link page='content' id='6'}"><img src="{$tpl_path}/img/icons/icon_umschlag.png">&nbsp;Kontakt</a>
</div>

{hook key=index_footer_tpl}
<img src="cronjob.php" class="cron" width="1" height="1" />