{*
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2017 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{if !isset($content_only) || !$content_only}
					</div><!-- #center_column -->
					{if isset($right_column_size) && !empty($right_column_size)}
						<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>
					{/if}
					</div><!-- .row -->
				</div><!-- #columns -->
			</div><!-- .columns-container -->
			<div class="bg-white">
			<h2 class="text-center" style="color:#0c87cd">{l s='Übersicht der Elemente mit Zugang zu unserem Shop'}</h2>
			<div class="container">
				<div class="row">
					<table class="tabla-periodica" id="tperiodica">
						<tr>
							<td class="col-A1 c1">1</td>
							<td class="col-A2 c2" colspan="16"></td>
							<td class="col-A3 c3">18</td>
						</tr>
						<tr>
							<td class="col-A1 c1"><div class="sDatos"><span>H</span><img src="/mateckk/img/elementos/H.jpg" class="elemento" /></div></td>
							<td class="col-A2 c2">2</td>
							<td class="col-A3 c3" colspan="10"></td>
							<td class="col-A13 c13">13</td>
							<td class="col-A14 c14">14</td>
							<td class="col-A15 c15">15</td>
							<td class="col-A16 c16">16</td>
							<td class="col-A17 c17">17</td>
							<td class="col-A18 c18"><div class="sDatos"><span>He</span><img src="/mateckk/img/elementos/He.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-B1 c1"><a href="{$link->getCategoryLink(38)|escape:'html':'UTF-8'}"><span>Li</span><img src="/mateckk/img/elementos/Li.jpg" class="elemento" /></a></td>
							<td class="col-B2 c2"><a href="{$link->getCategoryLink(11)|escape:'html':'UTF-8'}"><span>Be</span><img src="/mateckk/img/elementos/Be.jpg" class="elemento" /></a></td>
							<td class="col-B3 c3" colspan="10"></td>
							<td class="col-B13 c13"><a href="{$link->getCategoryLink(13)|escape:'html':'UTF-8'}"><span>B</span><img src="/mateckk/img/elementos/B.jpg" class="elemento" /></a></td>
							<td class="col-B14 c14"><a href="{$link->getCategoryLink(17)|escape:'html':'UTF-8'}"><span>C</span><img src="/mateckk/img/elementos/C.jpg" class="elemento" /></a></td>
							<td class="col-B15 c15"><div class="sDatos"><span>N</span><img src="/mateckk/img/elementos/N.jpg" class="elemento" /></div></td>
							<td class="col-B16 c16"><div class="sDatos"><span>O</span><img src="/mateckk/img/elementos/O.jpg" class="elemento" /></div></td>
							<td class="col-B17 c17"><div class="sDatos"><span>F</span><img src="/mateckk/img/elementos/F.jpg" class="elemento" /></div></td>
							<td class="col-B18 c18"><div class="sDatos"><span>Ne</span><img src="/mateckk/img/elementos/Ne.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-C1 c1"><a href="{$link->getCategoryLink(67)|escape:'html':'UTF-8'}"><span>Na</span><img src="/mateckk/img/elementos/Na.jpg" class="elemento" /></a></td>
							<td class="col-C2 c2"><a href="{$link->getCategoryLink(40)|escape:'html':'UTF-8'}"><span>Mg</span><img src="/mateckk/img/elementos/Mg.jpg" class="elemento" /></a></td>
							<td class="col-C3 c3">3</td>
							<td class="col-C4 c4">4</td>
							<td class="col-C5 c5">5</td>
							<td class="col-C6 c6">6</td>
							<td class="col-C7 c7">7</td>
							<td class="col-C8 c8">8</td>
							<td class="col-C9 c9">9</td>
							<td class="col-C10 c10">10</td>
							<td class="col-C11 c11">11</td>
							<td class="col-C12 c12">12</td>
							<td class="col-C13 c13"><a href="{$link->getCategoryLink(3)|escape:'html':'UTF-8'}"><span>Al</span><img src="/mateckk/img/elementos/Al.jpg" class="elemento" /></a></td>
							<td class="col-C14 c14"><a href="{$link->getCategoryLink(60)|escape:'html':'UTF-8'}"><span>Si</span><img src="/mateckk/img/elementos/Si.jpg" class="elemento" /></a></td>
							<td class="col-C15 c15"><a href="{$link->getCategoryLink(49)|escape:'html':'UTF-8'}"><span>P</span><img src="/mateckk/img/elementos/P.jpg" class="elemento" /></a></td>
							<td class="col-C16 c16"><a href="{$link->getCategoryLink(69)|escape:'html':'UTF-8'}"><span>S</span><img src="/mateckk/img/elementos/S.jpg" class="elemento" /></a></td>
							<td class="col-C17 c17"><div class="sDatos"><span>Cl</span><img src="/mateckk/img/elementos/Cl.jpg" class="elemento" /></div></td>
							<td class="col-C18 c18"><div class="sDatos"><span>Ar</span><img src="/mateckk/img/elementos/Ar.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-D1 c1"><a href="{$link->getCategoryLink(51)|escape:'html':'UTF-8'}"><span>K</span><img src="/mateckk/img/elementos/K.jpg" class="elemento" /></a></td>
							<td class="col-D2 c2"><a href="{$link->getCategoryLink(16)|escape:'html':'UTF-8'}"><span>Ca</span><img src="/mateckk/img/elementos/Ca.jpg" class="elemento" /></a></td>
							<td class="col-D3 c3"><a href="{$link->getCategoryLink(58)|escape:'html':'UTF-8'}"><span>Sc</span><img src="/mateckk/img/elementos/Sc.jpg" class="elemento" /></a></td>
							<td class="col-D4 c4"><a href="{$link->getCategoryLink(76)|escape:'html':'UTF-8'}"><span>Ti</span><img src="/mateckk/img/elementos/Ti.jpg" class="elemento" /></a></td>
							<td class="col-D5 c5"><a href="{$link->getCategoryLink(78)|escape:'html':'UTF-8'}"><span>V</span><img src="/mateckk/img/elementos/V.jpg" class="elemento" /></a></td>
							<td class="col-D6 c6"><a href="{$link->getCategoryLink(20)|escape:'html':'UTF-8'}"><span>Cr</span><img src="/mateckk/img/elementos/Cr.jpg" class="elemento" /></a></td>
							<td class="col-D7 c7"><a href="{$link->getCategoryLink(41)|escape:'html':'UTF-8'}"><span>Mn</span><img src="/mateckk/img/elementos/Mn.jpg" class="elemento" /></a></td>
							<td class="col-D8 c8"><a href="{$link->getCategoryLink(35)|escape:'html':'UTF-8'}"><span>Fe</span><img src="/mateckk/img/elementos/Fe.jpg" class="elemento" /></a></td>
							<td class="col-D9 c9"><a href="{$link->getCategoryLink(21)|escape:'html':'UTF-8'}"><span>Co</span><img src="/mateckk/img/elementos/Co.jpg" class="elemento" /></a></td>
							<td class="col-D10 c10"><a href="{$link->getCategoryLink(45)|escape:'html':'UTF-8'}"><span>Ni</span><img src="/mateckk/img/elementos/Ni.jpg" class="elemento" /></a></td>
							<td class="col-D11 c11"><a href="{$link->getCategoryLink(22)|escape:'html':'UTF-8'}"><span>Cu</span><img src="/mateckk/img/elementos/Cu.jpg" class="elemento" /></a></td>
							<td class="col-D12 c12"><a href="{$link->getCategoryLink(80)|escape:'html':'UTF-8'}"><span>Zn</span><img src="/mateckk/img/elementos/Zn.jpg" class="elemento" /></a></td>
							<td class="col-D13 c13"><a href="{$link->getCategoryLink(27)|escape:'html':'UTF-8'}"><span>Ga</span><img src="/mateckk/img/elementos/Ga.jpg" class="elemento" /></a></td>
							<td class="col-D14 c14"><a href="{$link->getCategoryLink(28)|escape:'html':'UTF-8'}"><span>Ge</span><img src="/mateckk/img/elementos/Ge.jpg" class="elemento" /></a></td>
							<td class="col-D15 c15"><a href="{$link->getCategoryLink(9)|escape:'html':'UTF-8'}"><span>As</span><img src="/mateckk/img/elementos/As.jpg" class="elemento" /></a></td>
							<td class="col-D16 c16"><a href="{$link->getCategoryLink(59)|escape:'html':'UTF-8'}"><span>Se</span><img src="/mateckk/img/elementos/Se.jpg" class="elemento" /></a></td>
							<td class="col-D17 c17"><div class="sDatos"><span>Br</span><img src="/mateckk/img/elementos/Br.jpg" class="elemento" /></div></td>
							<td class="col-D18 c18"><div class="sDatos"><span>Kr</span><img src="/mateckk/img/elementos/Kr.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-E1 c1"><a href="{$link->getCategoryLink(55)|escape:'html':'UTF-8'}"><span>Rb</span><img src="/mateckk/img/elementos/Rb.jpg" class="elemento" /></a></td>
							<td class="col-E2 c2"><a href="{$link->getCategoryLink(68)|escape:'html':'UTF-8'}"><span>Sr</span><img src="/mateckk/img/elementos/Sr.jpg" class="elemento" /></a></td>
							<td class="col-E3 c3"><a href="{$link->getCategoryLink(790)|escape:'html':'UTF-8'}"><span>Y</span><img src="/mateckk/img/elementos/Y.jpg" class="elemento" /></a></td>
							<td class="col-E4 c4"><a href="{$link->getCategoryLink(81)|escape:'html':'UTF-8'}"><span>Zr</span><img src="/mateckk/img/elementos/Zr.jpg" class="elemento" /></a></td>
							<td class="col-E5 c5"><a href="{$link->getCategoryLink(46)|escape:'html':'UTF-8'}"><span>Nb</span><img src="/mateckk/img/elementos/Nb.jpg" class="elemento" /></a></td>
							<td class="col-E6 c6"><a href="{$link->getCategoryLink(43)|escape:'html':'UTF-8'}"><span>Mo</span><img src="/mateckk/img/elementos/Mo.jpg" class="elemento" /></a></td>
							<td class="col-E7 c7"><div class="sDatos"><span>Tc</span><img src="/mateckk/img/elementos/Tc.jpg" class="elemento" /></div></td>
							<td class="col-E8 c8"><a href="{$link->getCategoryLink(56)|escape:'html':'UTF-8'}"><span>Ru</span><img src="/mateckk/img/elementos/Ru.jpg" class="elemento" /></a></td>
							<td class="col-E9 c9"><a href="{$link->getCategoryLink(54)|escape:'html':'UTF-8'}"><span>Rh</span><img src="/mateckk/img/elementos/Rh.jpg" class="elemento" /></a></td>
							<td class="col-E10 c10"><a href="{$link->getCategoryLink(48)|escape:'html':'UTF-8'}"><span>Pd</span><img src="/mateckk/img/elementos/Pd.jpg" class="elemento" /></a></td>
							<td class="col-E11 c11"><a href="{$link->getCategoryLink(61)|escape:'html':'UTF-8'}"><span>Ag</span><img src="/mateckk/img/elementos/Ag.jpg" class="elemento" /></a></td>
							<td class="col-E12 c12"><a href="{$link->getCategoryLink(15)|escape:'html':'UTF-8'}"><span>Cd</span><img src="/mateckk/img/elementos/Cd.jpg" class="elemento" /></a></td>
							<td class="col-E13 c13"><a href="{$link->getCategoryLink(32)|escape:'html':'UTF-8'}"><span>In</span><img src="/mateckk/img/elementos/In.jpg" class="elemento" /></a></td>
							<td class="col-E14 c14"><a href="{$link->getCategoryLink(75)|escape:'html':'UTF-8'}"><span>Sn</span><img src="/mateckk/img/elementos/Sn.jpg" class="elemento" /></a></td>
							<td class="col-E15 c15"><a href="{$link->getCategoryLink(8)|escape:'html':'UTF-8'}"><span>Sb</span><img src="/mateckk/img/elementos/Sb.jpg" class="elemento" /></a></td>
							<td class="col-E16 c16"><a href="{$link->getCategoryLink(71)|escape:'html':'UTF-8'}"><span>Te</span><img src="/mateckk/img/elementos/Te.jpg" class="elemento" /></a></td>
							<td class="col-E17 c17"><a href="{$link->getCategoryLink(33)|escape:'html':'UTF-8'}"><span>I</span><img src="/mateckk/img/elementos/I.jpg" class="elemento" /></a></td>
							<td class="col-E18 c18"><div class="sDatos"><span>Xe</span><img src="/mateckk/img/elementos/Xe.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-F1 c1"><a href="{$link->getCategoryLink(19)|escape:'html':'UTF-8'}"><span>Cs</span><img src="/mateckk/img/elementos/Cs.jpg" class="elemento" /></a></td>
							<td class="col-F2 c2"><a href="{$link->getCategoryLink(10)|escape:'html':'UTF-8'}"><span>Ba</span><img src="/mateckk/img/elementos/Ba.jpg" class="elemento" /></a></td>
							<td class="col-F3 c3"><a href="{$link->getCategoryLink(36)|escape:'html':'UTF-8'}"><span>La</span><img src="/mateckk/img/elementos/La.jpg" class="elemento" /></a></td>
							<td class="col-F4 c4"><a href="{$link->getCategoryLink(30)|escape:'html':'UTF-8'}"><span>Hf</span><img src="/mateckk/img/elementos/Hf.jpg" class="elemento" /></a></td>
							<td class="col-F5 c5"><a href="{$link->getCategoryLink(70)|escape:'html':'UTF-8'}"><span>Ta</span><img src="/mateckk/img/elementos/Ta.jpg" class="elemento" /></a></td>
							<td class="col-F6 c6"><a href="{$link->getCategoryLink(77)|escape:'html':'UTF-8'}"><span>W</span><img src="/mateckk/img/elementos/W.jpg" class="elemento" /></a></td>
							<td class="col-F7 c7"><a href="{$link->getCategoryLink(53)|escape:'html':'UTF-8'}"><span>Re</span><img src="/mateckk/img/elementos/Re.jpg" class="elemento" /></a></td>
							<td class="col-F8 c8"><a href="{$link->getCategoryLink(47)|escape:'html':'UTF-8'}"><span>Os</span><img src="/mateckk/img/elementos/Os.jpg" class="elemento" /></a></td>
							<td class="col-F9 c9"><a href="{$link->getCategoryLink(2)|escape:'html':'UTF-8'}"><span>Ir</span><img src="/mateckk/img/elementos/Ir.jpg" class="elemento" /></a></td>
							<td class="col-F10 c10"><a href="{$link->getCategoryLink(50)|escape:'html':'UTF-8'}"><span>Pt</span><img src="/mateckk/img/elementos/Pt.jpg" class="elemento" /></a></td>
							<td class="col-F11 c11"><a href="{$link->getCategoryLink(29)|escape:'html':'UTF-8'}"><span>Au</span><img src="/mateckk/img/elementos/Au.jpg" class="elemento" /></a></td>
							<td class="col-F12 c12"><a href="{$link->getCategoryLink(42)|escape:'html':'UTF-8'}"><span>Hg</span><img src="/mateckk/img/elementos/Hg.jpg" class="elemento" /></a></td>
							<td class="col-F13 c13"><a href="{$link->getCategoryLink(73)|escape:'html':'UTF-8'}"><span>Tl</span><img src="/mateckk/img/elementos/Tl.jpg" class="elemento" /></a></td>
							<td class="col-F14 c14"><a href="{$link->getCategoryLink(37)|escape:'html':'UTF-8'}"><span>Pb</span><img src="/mateckk/img/elementos/Pb.jpg" class="elemento" /></a></td>
							<td class="col-F15 c15"><a href="{$link->getCategoryLink(12)|escape:'html':'UTF-8'}"><span>Bi</span><img src="/mateckk/img/elementos/Bi.jpg" class="elemento" /></a></td>
							<td class="col-F16 c16"><div class="sDatos"><span>Po</span><img src="/mateckk/img/elementos/Po.jpg" class="elemento" /></div></td>
							<td class="col-F17 c17"><div class="sDatos"><span>At</span><img src="/mateckk/img/elementos/At.jpg" class="elemento" /></div></td>
							<td class="col-F18 c18"><div class="sDatos"><span>Ra</span><img src="/mateckk/img/elementos/Ra.jpg" class="elemento" /></div></td>
						</tr>
						<tr>
							<td class="col-G1 c1"><div class="sDatos"><span>Fr</span><img src="/mateckk/img/elementos/Fr.jpg" class="elemento" /></div></td>
							<td class="col-G2 c2"><div class="sDatos"><span>Ra</span><img src="/mateckk/img/elementos/Ra.jpg" class="elemento" /></div></td>
							<td class="col-G3 c3"><div class="sDatos"><span>Ac</span><img src="/mateckk/img/elementos/Ac.jpg" class="elemento" /></div></td>
							<td class="col-G4 c4" colspan="15"></td>
						</tr>
						<tr>
							<td class="col-H1 c1"></td>
							<td class="col-H2 c2"></td>
							<td class="col-H3 c3"><a href="{$link->getCategoryLink(18)|escape:'html':'UTF-8'}"><span>Ce</span><img src="/mateckk/img/elementos/Ce.jpg" class="elemento" /></a></td>
							<td class="col-H4 c4"><a href="{$link->getCategoryLink(52)|escape:'html':'UTF-8'}"><span>Pr</span><img src="/mateckk/img/elementos/Pr.jpg" class="elemento" /></a></td>
							<td class="col-H5 c5"><a href="{$link->getCategoryLink(44)|escape:'html':'UTF-8'}"><span>Nd</span><img src="/mateckk/img/elementos/Nd.jpg" class="elemento" /></a></td>
							<td class="col-H6 c6"><div class="sDatos"><span>Pm</span><img src="/mateckk/img/elementos/Pm.jpg" class="elemento" /></div></td>
							<td class="col-H7 c7"><a href="{$link->getCategoryLink(57)|escape:'html':'UTF-8'}"><span>Sm</span><img src="/mateckk/img/elementos/Sm.jpg" class="elemento" /></a></td>
							<td class="col-H8 c8"><a href="{$link->getCategoryLink(25)|escape:'html':'UTF-8'}"><span>Eu</span><img src="/mateckk/img/elementos/Eu.jpg" class="elemento" /></a></td>
							<td class="col-H9 c9"><a href="{$link->getCategoryLink(26)|escape:'html':'UTF-8'}"><span>Gd</span><img src="/mateckk/img/elementos/Gd.jpg" class="elemento" /></a></td>
							<td class="col-H10 c10"><a href="{$link->getCategoryLink(72)|escape:'html':'UTF-8'}"><span>Tb</span><img src="/mateckk/img/elementos/Tb.jpg" class="elemento" /></a></td>
							<td class="col-H11 c11"><a href="{$link->getCategoryLink(23)|escape:'html':'UTF-8'}"><span>Dy</span><img src="/mateckk/img/elementos/Dy.jpg" class="elemento" /></a></td>
							<td class="col-H12 c12"><a href="{$link->getCategoryLink(31)|escape:'html':'UTF-8'}"><span>Ho</span><img src="/mateckk/img/elementos/Ho.jpg" class="elemento" /></a></td>
							<td class="col-H13 c13"><a href="{$link->getCategoryLink(24)|escape:'html':'UTF-8'}"><span>Er</span><img src="/mateckk/img/elementos/Er.jpg" class="elemento" /></a></td>
							<td class="col-H14 c14"><a href="{$link->getCategoryLink(74)|escape:'html':'UTF-8'}"><span>Tm</span><img src="/mateckk/img/elementos/Tm.jpg" class="elemento" /></a></td>
							<td class="col-H15 c14"><div class="sDatos"><span>Yb</span><img src="/mateckk/img/elementos/Yb.jpg" class="elemento" /></div></td>
							<td class="col-H16 c14"><a href="{$link->getCategoryLink(39)|escape:'html':'UTF-8'}"><span>Lu</span><img src="/mateckk/img/elementos/Lu.jpg" class="elemento" /></a></td>
							<td class="col-H17" colspan="2"></td>
						</tr>
					</table>
				</div>
			</div>
			<br/><br/>
				<div style="">	
					{capture name='displayFooterFullWidth'}{hook h='displayFooterFullWidth'}{/capture}
					{if $smarty.capture.displayFooterFullWidth}
						{$smarty.capture.displayFooterFullWidth}
					{/if}
				</div>
			</div>
			{if isset($HOOK_FOOTER)}
				<!-- Footer -->
				<div class="footer-container">
					<footer id="footer"  class="container">
						<div class="row">
							{$HOOK_FOOTER}
						<section class="footer-block col-xs-12 col-sm-3">
							<div>
								<h4>{l s='MaTeck Material Technologie & Kristalle GmbH' mod='blockcontactinfos'}</h4>
								<ul class="toggle-footer">
									<li class="email"><a href="mailto:info@mateck.com">info@mateck.com</a></li>
									<li class="tel"><a href="#" onclick="javascript:;">+49 (0) 2461 - 9352 - 0</a></li>
									<li class="fax"><a href="#" onclick="javascript:;">+49 (0) 2461 - 9352 - 11</a></li>
								</ul>
								<a href="{$link->getPageLink('contact')}">{l s='Contact'}</a>
							</div>
						</section>
						</div>
						<hr/>
						<div class="row">
							<div class="col-sm-3"></div>
							<div class="col-sm-6 text-center">
								{l s='Copyright © 2013 - 2020 MaTecK GmbH • Im Langenbroich 20 • D-52428 Jülich'}
							</div>
							<div class="col-sm-3">
								Webmaster: <a href="https://visionwebproject.de" target="_blank">VisionWebProject</a>
							</div>
							
						</div>
					</footer>
				</div><!-- #footer -->
			{/if}
		</div><!-- #page -->
{/if}
{include file="$tpl_dir./global.tpl"}
<script type="text/javascript">
	$('.extras a img').hover(
	  function() {
		var img = $(this).attr('src');
		if(img!='')
			$('.bg-product').html('<img src="'+img+'" class="img-fluid" style="max-height:200px; margin:10px auto" />');
	  }, function() {
			$('.bg-product').html('');
	  }
	);


</script>
	</body>
</html>
