<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/person">
<html>
<head>
<title></title>
<style>
*{font:small-caps 1em Verdana;text-align:center;white-space:nowrap;background-color:rgb(220,220,220);color:rgb(0,0,0);margin:0px;padding:0px;}
table,thead,tfoot,tbody,th,td{border:2px outset rgb(128,128,128);border-collapse:collapse;}
caption:hover{background-color:rgb(0,0,0);color:rgb(255,0,0);font:small-caps 1.5em Verdana}
th:hover{background-color:rgb(0,0,0);color:rgb(0,255,0);font:small-caps 1.5em Verdana}
td:hover{background-color:rgb(0,0,0);color:rgb(0,0,255);font:small-caps 1.5em Verdana}
div{border:2px solid rgb(128,128,128);border-collapse:collapse;}
</style>
</head>
<body>
<script type="text/javascript">window.document.title='Eingehende Anrufe';</script>
<xsl:apply-templates select="*/call"/>
</body>
</html>
</xsl:template>
<xsl:template match="*/call">
<div>
<xsl:for-each select=".">
<table>
<caption><xsl:value-of select="name(..)"/></caption>
<thead><tr><th><xsl:value-of select="called"/></th></tr></thead>
<tbody><tr><td><xsl:value-of select="calling"/></td></tr></tbody>
</table>
</xsl:for-each>
</div>
</xsl:template>
</xsl:stylesheet>