<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     version="1.0" width="920px" height="920px" viewBox="0,0, 460,460">
	<defs>
		<linearGradient id="lgg">
			<stop style="stop-color :#DFE5ED;" offset="0"/>
			<stop style="stop-color :#A5B1C1;" offset="1"/>
		</linearGradient>
		<linearGradient id="lg1" xlink:href="#lgg" gradientUnits="userSpaceOnUse" x1="127" y1="59" x2="92" y2="139" />
		<symbol id="stone" style=" fill-rule :nonzero; stroke :#000000; stroke-linejoin :round; stroke-width :2;">
			<polygon points="95,1 107,14 107,107 95,95" style="fill :#A9B9CF;" />
			<polygon points="1,95 95,95 107,107 14,107" style="fill :#90A5C1;" />
			<rect x="1" y="1" width="94" height="94"  style="fill :url(#lg1);" />
		</symbol>
	</defs>
	<!-- This is the standard version for a set of 15-puzzle-images and can be used as template for other stone positions or other text.
	To set the gap, simply comment-out the code of the nonexisting stone and uncomment the old gap. do similar to the text -->

	<!-- Drawing the areas of the box, wich are covered partially by the stones. -->
	<g style="fill-rule :evenodd; stroke-linejoin :round; stroke :#000000; stroke-width :2;">
		<polygon id="backwood"  points="10,10  10,430 430,430 430,10"  style="fill :#E3B074;" />
		<polygon id="topinner"  points="10,10 430,10  430,40   10,40"  style="fill :#B27125;" />
		<polygon id="leftinner" points="10,10  40,40   40,430  10,430" style="fill :#DDA15B;" />
	</g>
	<!-- Drawing the stones without text including hidden code for the gap to easyfy modifications. -->
	<g id="stones">
		<use id="stoneA1" x="024" y="024" xlink:href="#stone" />
		<use id="stoneA2" x="124" y="024" xlink:href="#stone" />
		<use id="stoneA3" x="224" y="024" xlink:href="#stone" />
		<use id="stoneA4" x="324" y="024" xlink:href="#stone" />
		<use id="stoneB1" x="024" y="124" xlink:href="#stone" />
		<use id="stoneB2" x="124" y="124" xlink:href="#stone" />
		<use id="stoneB3" x="224" y="124" xlink:href="#stone" />
		<use id="stoneB4" x="324" y="124" xlink:href="#stone" />
		<use id="stoneC1" x="024" y="224" xlink:href="#stone" />
		<use id="stoneC2" x="124" y="224" xlink:href="#stone" />
		<use id="stoneC3" x="224" y="224" xlink:href="#stone" />
		<use id="stoneC4" x="324" y="224" xlink:href="#stone" />
		<use id="stoneD1" x="024" y="324" xlink:href="#stone" />
		<use id="stoneD2" x="124" y="324" xlink:href="#stone" />
		<use id="stoneD3" x="224" y="324" xlink:href="#stone" />
		<!-- <use id="stoneD4" x="324" y="324" xlink:href="#stone" /> -->
	</g>
	<!-- Drawing the areas of the box, wich cover partially the stones. -->
	<g style="fill-rule :evenodd; stroke-linejoin :round; stroke-linecap :butt; stroke :#000000; stroke-width :2;">
		<polygon id="rightoutside"  style="fill :#DDA15B;" points="430,10 450,30  450,450 430,430" />
		<polygon id="bottomoutside" style="fill :#B27125;" points="10,430 430,430 450,450  30,450" />
		<path id="boxtopside" style="fill :#E8BF8F;" d="M 10,10 L 430,10 L 430,430 L 10,430 z M 20,20 L 20,420 L 420,420 L 420,20 z" />
	</g>
	<!-- Adding the text of the stones, including an empty string for the gap to easyfy modifications. -->
	<g>
		<text xml:space="preserve" style="font-size :50px; text-anchor :middle; fill :#000000; stroke :none; font-family :Arial, sans-serif; font-weight :bold;"><!--
		--><tspan id="tspA1" x="72"  y="90" >1</tspan><!--
		--><tspan id="tspA2" x="172" y="90" >2</tspan><!--
		--><tspan id="tspA3" x="272" y="90" >3</tspan><!--
		--><tspan id="tspA4" x="372" y="90" >4</tspan><!--

		--><tspan id="tspB1" x="72"  y="190">5</tspan><!--
		--><tspan id="tspB2" x="172" y="190">6</tspan><!--
		--><tspan id="tspB3" x="272" y="190">7</tspan><!--
		--><tspan id="tspB4" x="372" y="190">8</tspan><!--

		--><tspan id="tspC1" x="72"  y="290">9</tspan><!--
		--><tspan id="tspC2" x="172" y="290">10</tspan><!--
		--><tspan id="tspC3" x="272" y="290">11</tspan><!--
		--><tspan id="tspC4" x="372" y="290">12</tspan><!--

		--><tspan id="tspD1" x="72"  y="390">13</tspan><!--
		--><tspan id="tspD2" x="172" y="390">14</tspan><!--
		--><tspan id="tspD3" x="272" y="390">15</tspan><!--
		--><tspan id="tspD4" x="372" y="390"></tspan><!--
		--></text>
	</g>
</svg>