<?xml version="1.0"?>
<xsl:stylesheet
	xmlns:xsl="http://www.w3.org/TR/WD-xsl"
	xmlns="http://www.w3.org/TR/REC-html40">

<xsl:template match="*">
	<xsl:apply-templates/>
</xsl:template>

<xsl:template match="/">
<html>
<head>
	<title><xsl:value-of select="/rootfolder/title"/></title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" href="/css/global.css" type="text/css" media="screen" />
	<style type="text/css" media="screen">
	body {
		margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
		text-align:center; /* Hack for IE5/Win */
		}
	#Content {
		background-image:url(<xsl:apply-templates select="/files/thumbnail" />/gfx/filesystem.png);
		background-position: top right;
		background-repeat: no-repeat;
		width:650px;
		margin:0px auto; /* Right and left margin widths set to "auto" */
		text-align:left; /* Counteract to IE5/Win Hack */
		padding:15px;
		border:1px solid #333;
		background-color:#eee;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=12);
		}
	.item {position:relative;z-index:2;clear:both;border:1px solid #ccc000;background-color: #404040;margin: 18px 0px; padding: 8px;}
	.files {border:1px solid #ccc000;background-color: #404040;margin: 18px 0px; padding: 8px;}
	.file { display:inline;width:200px;float:left;}
	img {position:absolute;z-index:3;float:left;}
	</style>
</head>
<body>
<div id="Content">
	<b><xsl:value-of select="/rootfolder/title"/></b><br />
	<xsl:value-of select="/rootfolder/description" />
	<xsl:for-each select="/rootfolder/subfolder">
		<div class="item">
			<b>
			 <a>
			 	<xsl:attribute name="href">
					<xsl:value-of select="url"/>
				</xsl:attribute>
				<xsl:value-of select="url"/>
			 </a>
			</b><br />
			<xsl:value-of select="description"/>
		</div>
	</xsl:for-each>
	<div class="files">
	<xsl:for-each select="/rootfolder/files">
		<span class="file">
		<a>
		 	<xsl:attribute name="href">
				<xsl:value-of select="url"/>
			</xsl:attribute>
			<xsl:value-of select="url"/>
		</a>
		</span>
	</xsl:for-each>
	<br style="clear:both;" />
	</div>
</div>
</body>
</html>
</xsl:template>



		
<!-- OUTPUTS the node names-->
<!--xsl:template match="/">
	The little node list: 
	<xsl:for-each select="//">
		Node Name: <xsl:node-name /><br />
	</xsl:for-each>
	<xsl:apply-templates select="/artikel/content" />
</xsl:template-->
</xsl:stylesheet>