Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/Style.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/Style.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/Style.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/decoratorStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/decoratorStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/decoratorStyle.xsl	(revision 714)
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" version="1.0">
+
+<!-- Global parameters -->
+<xsl:param name="navbarOrientation">vertical</xsl:param>
+
+<xsl:template match="header" mode="graphicView">  
+  <xsl:apply-templates select="./preview"/>     
+</xsl:template>
+
+<xsl:template match="preview">
+  <xsl:apply-templates select="thumbnail"/>
+</xsl:template>
+
+<xsl:template match="thumbnail">
+  <img src="{./image/@path}" border="0"/> 
+</xsl:template>
+
+
+<xsl:template match="rectangle" mode="graphicView"> 
+  <div style="top:{@offsetHeight}; left:{@offsetWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div><br/>
+</xsl:template>
+
+<xsl:template match="header">  
+  <script>
+    var topOffset   = <xsl:value-of select="@topOffset"/>;
+    var leftOffset  = <xsl:value-of select="@leftOffset"/>; 
+    var isDecorator = true;
+  </script>
+  <xsl:for-each select="rectangle" >
+    <xsl:apply-templates select="."/>
+  </xsl:for-each>    
+</xsl:template>
+
+
+<xsl:template match="rectangle">
+  <xsl:param name="offHeight">
+     <xsl:choose>
+       <xsl:when test="@offsetHeight = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetHeight"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+
+  <xsl:param name="offWidth">
+     <xsl:choose>
+       <xsl:when test="@offsetWidth = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetWidth"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+  
+  <div style="position:absolute; top:{$offHeight}; left:{$offWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div> 
+</xsl:template>
+
+<xsl:template match="vbox" mode="table">  
+  <xsl:for-each select="hbox">
+    <tr>
+     <xsl:apply-templates select="." mode="td"/>
+    </tr>
+  </xsl:for-each>      
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="table">
+  <tr>
+    <xsl:for-each select="hbox">      
+      <xsl:apply-templates select="." mode="td"/>  
+    </xsl:for-each>  
+  </tr>    
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="td">
+    <xsl:param name="navbarOrientation" select="@navbarOrientation"/>
+    <td bgcolor="{@bgcolor}" width="{@width}" height="{@height}" valign="{@valign}"  background="{@background}">
+      <xsl:if test="@includeBanner = 'true'">  
+        <div id="bannerContainer"></div>
+      </xsl:if> 
+      <xsl:if test="@includeNavbar = 'true'">  
+  
+        <div id="navbarContainer" type="{$navbarOrientation}"></div>
+      </xsl:if>     
+      <xsl:apply-templates select="image|text"/>
+    </td>
+</xsl:template>
+
+<xsl:template match="image">
+  <xsl:choose>
+    <xsl:when test="@width != ''">
+      <img src="{@path}" width="{@width}" height="{@height}" />
+    </xsl:when>
+    <xsl:otherwise>
+      <img src="{@path}"/>
+    </xsl:otherwise>
+  </xsl:choose>
+  
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStyle.xsl	(revision 714)
@@ -0,0 +1,666 @@
+﻿<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+
+<xsl:import href="decoratorStyle.xsl"/>
+
+<xsl:output method="html" encoding="iso-8859-1"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<meta http-equiv="Pragma" content="no-cache"/>
+<meta http-equiv="Cache-Control" content="no-cache"/>
+ <script language="JavaScript">  
+    var fsiApp = new ActiveXObject("FSI.FSIApplication");
+    document.write( 
+    "&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/StyleView/js/scripts.js'&gt;&lt;\/script&gt;" + 
+    " &lt;link rel='stylesheet' type='text/css' href='" + fsiApp.AppDirectory + "NetObjects System/StyleView/css/general_en.css' /&gt;" );
+
+    fsiApp = null;
+ </script>
+
+<link rel="stylesheet" href="display.css" type="text/css" />
+
+</head>
+
+<body onclick="NOF_StyleView_CallInspector(null)" id="author">	
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+       <table border="0" cellspacing="0" cellpadding="3" width="100%">
+         <tr>
+          <td width="100" valign="middle"><span class="title" id="styleView.label.author">Gestaltet von:</span></td>
+          <td valign="middle">            
+              <div id="{//Author/@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">         		
+                   <xsl:apply-templates select="Author"/>                    
+              </div>
+  
+          </td>    
+          </tr>
+       </table>    
+    </TD>
+  </TR>
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.banner">Banner</span></TD>
+  </TR>
+  <TR>
+    <TD><xsl:apply-templates select="Banners" /></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title"  id="styleView.label.navigation">Navigation</span></TD>
+  </TR>
+  <TR>
+    <TD><TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
+        <TR>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regular">Standard</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regularRollover">Standard-Rollover</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.highlighted">Hervorgehoben</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.higlightedRollover">Hervorgehobenes Rollover</span></TD>
+        </TR>
+  
+        <xsl:apply-templates select="//Navbar/NavbarState" mode="buttonSet" />	        
+      
+        <TR>
+          <TD colspan="10"><IMG src="labels/spacer.gif" width="20" height="10"/></TD>
+        </TR>
+        <TR>
+          <TD valign="top"><span class="label" id="styleView.label.preview">Vorschau</span></TD>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD colspan="7" class="label" width="*">
+              <xsl:for-each select="//Navbar/NavbarState">
+                <xsl:value-of select="@name"/>
+                <xsl:apply-templates select="." mode="preview"/>
+              </xsl:for-each>
+           </TD>
+        </TR>
+      </TABLE></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.tableStyles">Tabellen-Styles</span></TD>
+  </TR>
+  <TR>
+    <TD>   
+      <xsl:apply-templates select="TableStyles"/>      
+    </TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.pageBackground">Seiten-Hintergrund</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="20" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.addPageElements">Zusätzliche Seiten-Elemente</span></TD>
+  </TR>
+  <TR>
+    <TD  valign="top"><!-- Page background -->
+      <div id="background" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+        <table id="background" width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" class="background">
+            <tr>
+              <td  id="background" valign="top"><IMG src="labels/spacer.gif" alt="" name="styleThumb" width="250" height="150" id="background"/></td>
+            </tr>
+        </table>
+      </div>	
+    </TD>
+    <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+    <!-- Additional Page Elements -->
+    <TD valign="top"><xsl:apply-templates select="header" mode="graphicView"/></TD>
+  </TR>
+  <TR>
+    <TD colspan="3"><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.dataList">Datenlisten-Icons</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="30" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.styledLine">Style-Linie</span></TD>
+  </TR>
+  <TR>
+    <TD valign="top" width="300">
+      <TABLE border="0" cellpadding="5" cellspacing="0" class="objSelected" width="300">
+        <TR>
+          <TD width="300">            
+            <xsl:apply-templates select="Bullet"/>
+          </TD>
+        </TR>
+      </TABLE></TD>
+    <TD><img src="labels/spacer.gif" width="5" height="1" border="0"/></TD>
+    <TD valign="top"><xsl:apply-templates select="Line"/></TD>
+  </TR>
+</TABLE>
+    </body>
+  </html>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="textPreview">
+  <xsl:param name="rollCss">0</xsl:param>
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="self::node()/@id"/>
+  </xsl:variable>
+
+  <xsl:variable name="rollCssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="$rollCss"/>
+  </xsl:variable>
+    <span onmouseover="rollImage(this);"
+    onmouseout="rollImage(this, true);"
+    roll="{$rollCssClass}"
+    rollOut="{$cssClass}"
+    class="{$cssClass}">Schltf.-Text</span>
+</xsl:template>
+
+<xsl:template match="//Navbar/NavbarState/Button" mode="preview">		
+<TABLE width="10" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+  <div name="modePreview">
+  <xsl:choose> <!-- Button set type Text-->
+      <xsl:when test="./ButtonState[@type = 'Text']">
+       <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')"  width="600" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+        <tr><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>        
+         </td><td align="center">  
+         <div class="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}" 
+        onMouseOver="rollImage(this);" 
+        onMouseOut="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}"  style="padding: 5px">        
+          <xsl:apply-templates select="./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param></xsl:apply-templates></div>
+     </td>	  
+        </tr>				              
+      </table>
+        </xsl:when>
+   <xsl:otherwise><!-- Button set type Image-->        
+    <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+      <tr><td>
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+              
+        <img name="modePreview" src="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}" 
+            onMouseOver="rollImage(this);" 
+            onMouseOut="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}"/>
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+      </td></tr>				
+              
+    </table>    
+    </xsl:otherwise>
+  </xsl:choose>       
+  </div>	
+
+</TD></TR></TABLE>  
+</xsl:template>	
+
+<!-- Template :: Button Set   -->
+<xsl:template match="//Navbar/NavbarState" mode="buttonSet">   
+   <tr>        
+      <td align="left"><span class="labelLink"><div id="{@id}" style="height:30" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><xsl:value-of select="@name"/></div></span></td>
+      <td><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>     
+      <xsl:apply-templates select="*" mode="generate"/>  
+   </tr>
+   <tr><td colspan="10"><image src="labels/spacer.gif" height="5" width="5" border="0"/></td></tr>
+</xsl:template>
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState" mode="generate">	
+    <td align="left" valign="middle" width="150" id="Button.{@id}">      
+        <xsl:apply-templates select="."/>       
+    </td><td width="10"><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>
+</xsl:template>	
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState">	    
+    <xsl:choose>        
+      <xsl:when test="@type = 'Text'">
+        <xsl:variable name="hAlign"><xsl:value-of select="@hAlign"/></xsl:variable>
+        <xsl:variable name="spanAlign">
+          <xsl:choose>
+            <xsl:when test="$hAlign = 'left'">spanLeft<xsl:value-of select="@id"/></xsl:when>
+            <xsl:when test="$hAlign = 'right'">spanRight<xsl:value-of select="@id"/></xsl:when>
+            <xsl:otherwise>spanCenter<xsl:value-of select="@id"/></xsl:otherwise>
+          </xsl:choose>
+        </xsl:variable>                    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal" style="{./Font/@css}">
+           <span  id="{@id}" class="{$spanAlign}">Schltf.-Text</span></div>
+           <style>
+             .<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>}
+          
+              .spanLeft<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px <xsl:value-of select="@hoffset"/>px}
+          
+              .spanRight<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px <xsl:value-of select="@hoffset"/>px 0px 0px}
+          
+              .spanCenter<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px 0px}  
+          </style>        
+      </xsl:when>           
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}"  src="{./Image/@path}" border="0"/></div>     
+      </xsl:otherwise>        
+    </xsl:choose>            
+</xsl:template>	
+    
+<!-- Template :: Banner   -->  
+<xsl:template match="Banners">
+    <xsl:for-each select="*">
+     <table><tr><td>
+      <div id="Banner.{./@id}">
+        <xsl:apply-templates select="."/>
+      </div>
+      </td></tr></table>
+    </xsl:for-each>
+</xsl:template>
+
+<xsl:template match="Banner">
+   <SPAN class="label"><xsl:value-of select="@name"/></SPAN>
+    <xsl:choose>  
+      <xsl:when test="@type = 'Image'">
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+            <img id="{@id}" src="{./Image/@path}" />
+        </div>
+      </xsl:when>        
+      <xsl:when test="@type = 'Text'">    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+  <img src="labels/spacer.gif" width="1" height="1"/><xsl:apply-templates select="." mode="bannerText"/></div>
+      </xsl:when>      
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+         <img id="{@id}" src="{./Image/@path}" />
+        </div>	
+      </xsl:otherwise>
+    </xsl:choose>
+</xsl:template>
+
+<xsl:template match="Banner" mode="bannerText">  
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">;padding: <xsl:value-of select="$voffset"/>px 0px 0px <xsl:value-of select="$hoffset"/>px</xsl:when>
+    <xsl:when test="$hAlign = 'right'">;padding: <xsl:value-of select="$voffset"/>px <xsl:value-of select="$hoffset"/>px 0px 0px</xsl:when>
+    <xsl:otherwise>;padding: <xsl:value-of select="$voffset"/>px 0px 0px 0px</xsl:otherwise>
+  </xsl:choose>
+  </xsl:variable>
+   <span  style="{./Font/@css}{$cssClass}">Text Banner</span>
+</xsl:template>
+
+<!-- Template :: Bullet  -->
+<xsl:template match="Bullet">
+ <table border="0" cellspacing="0">
+   <tr><td>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>
+        </div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+
+<!-- Template :: Bullet  mode=preview-->
+<xsl:template match="Bullet" mode="preview">
+ <table border="0" cellspacing="0">
+   <tr><td>        
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>        
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+  
+<xsl:template match="Line">
+ <table border="0" cellspacing="0">
+   <tr><td>
+       <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}" src="{@path}"/></div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>	
+</xsl:template>	
+
+
+<xsl:template match="Author">                 		
+       <span id="{@id}"><font class="label"><xsl:value-of select="@name"/></font></span>		             
+</xsl:template>
+
+<xsl:template match="TableStyles">
+    <table class="objNormal">
+      <tr> 
+        <xsl:for-each select="TableStyle"> 
+          <xsl:if test="position() mod 4 = 0">
+            <xsl:text disable-output-escaping="yes">&lt;/td&gt;</xsl:text>
+            <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+          </xsl:if>          
+          <td>                
+            <div id="{./@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" onmousedown="NOF_StyleView_TsRightClick({./@id})" class="objNormal" bgcolor="#FFFFFF">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <xsl:apply-templates select="."/>                  
+                </tr>
+              </table>
+            </div>  
+          </td>
+        </xsl:for-each>
+    </tr>
+  </table>        
+</xsl:template>
+
+
+<xsl:template match="TableStyle[position() != 1 and position() mod 3 = 1]">
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+<xsl:template match="TableStyle[position() = 1 or position() mod 3 != 1]">
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+
+<xsl:template name="TableDescription">	
+  <td align="left">          
+      <B>
+        <img src="labels/spacer.gif" width="5" height="1"/>
+        <font class="label"><xsl:value-of select="./@name" /></font>
+      </B> 
+      <table cellpadding="2" cellspacing="2" border="1" bordercolor="#FFFFFF">					
+        <xsl:for-each select="TableLayout">			
+          <xsl:apply-templates select="."/>					
+        </xsl:for-each>				
+      </table>          
+  </td>
+</xsl:template>
+
+<xsl:variable name="ROWS">5</xsl:variable>
+<xsl:variable name="COLUMNS">5</xsl:variable>
+
+<xsl:template match="TableLayout">		
+  <xsl:variable name="pTop"><xsl:value-of select="parent::TableStyle/RepeatRegion/top"/></xsl:variable>
+  <xsl:variable name="pBottom"><xsl:value-of select="parent::TableStyle/RepeatRegion/bottom"/></xsl:variable>
+  <xsl:variable name="pLeft"><xsl:value-of select="parent::TableStyle/RepeatRegion/left"/></xsl:variable>
+  <xsl:variable name="pRight"><xsl:value-of select="parent::TableStyle/RepeatRegion/right"/></xsl:variable>
+
+  <xsl:variable name="h"><xsl:value-of select="count(parent::TableStyle/TableLayout/row)"/></xsl:variable>
+  <xsl:variable name="w"><xsl:value-of select="count(parent::TableStyle/TableLayout/row/cell) div $h"/></xsl:variable>
+  <xsl:variable name="rrW"><xsl:value-of select="$pRight - $pLeft + 1"/></xsl:variable>
+  <xsl:variable name="rrH"><xsl:value-of select="$pBottom - $pTop + 1"/></xsl:variable>
+  
+        
+  <!-- display row before counting	-->	
+  <xsl:for-each select="row[position() &lt; $pTop]">	 
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+    
+  
+  <xsl:call-template name="repeatRows">
+    <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+    <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+    <xsl:with-param name="pRRHeight"><xsl:value-of select="$rrH"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    <xsl:with-param name="pHeight"><xsl:value-of select="$h - $rrH"/></xsl:with-param>
+  </xsl:call-template>
+  
+
+  <!-- display row after counting	-->	
+  <xsl:for-each select="row[position() &gt; $pBottom]">
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+  
+</xsl:template>
+
+<xsl:template name="repeatRows">
+  <xsl:param name="pTop">1</xsl:param>
+  <xsl:param name="pBottom">1</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pRRHeight">0</xsl:param>			
+  <xsl:param name="pWidth">0</xsl:param>
+  <xsl:param name="pHeight">0</xsl:param>			
+  
+  <xsl:for-each select="row[(position() &gt;= $pTop) and (position() &lt;= $pBottom)]">
+    <xsl:if test="(position() &lt;= $pRRHeight) and ((position() + $pHeight) &lt;= $ROWS)">
+      <xsl:apply-templates select=".">
+        <xsl:with-param name="pRepeatRegion">1</xsl:with-param>
+        <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+        <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+        <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+        <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      </xsl:apply-templates>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pHeight + $pRRHeight) &lt; $ROWS">
+    <xsl:call-template name="repeatRows">
+      <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+      <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pRRHeight"><xsl:value-of select="$pRRHeight"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      <xsl:with-param name="pHeight"><xsl:value-of select="$pRRHeight + $pHeight"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="row">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">1</xsl:param>
+  <xsl:param name="pWidth">1</xsl:param>
+  
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  
+  <xsl:for-each select="cell[position() &lt; $pLeft]">			
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+
+  
+  <xsl:call-template name="repeatCols">
+    <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth - $pRRWidth"/></xsl:with-param>
+  </xsl:call-template>
+
+
+  <xsl:for-each select="cell[position() &gt; $pRight]">		
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+    
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+    
+</xsl:template>
+
+
+<xsl:template name="repeatCols">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pWidth">0</xsl:param>
+    
+  <xsl:for-each select="cell[(position() &gt;= $pLeft) and (position() &lt;= $pRight)]">
+    <xsl:if test="(position() &lt;= $pRRWidth) and ((position() + $pWidth) &lt;= $COLUMNS)">
+      <xsl:choose>
+        <xsl:when test="$pRepeatRegion = 1">
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#FF0000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#000000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pWidth + $pRRWidth) &lt; $COLUMNS">
+    <xsl:call-template name="repeatCols">
+      <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>		
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth + $pRRWidth"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="cell">
+  <xsl:param name="borderColor">
+    #FFFFFF
+  </xsl:param>
+  <td bgcolor="{@bgcolor}" background="{@background}" width="40" height="30" bordercolor="{$borderColor}" align="center" valign="center">		
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;U&gt;</xsl:text>
+    </xsl:if>
+      
+    <Font face="{Font/@face}" color="{Font/@color}">
+      Text
+    </Font>
+        
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/U&gt;</xsl:text>
+    </xsl:if>      	
+  </td>
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/scripts.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/scripts.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/scripts.xsl	(revision 714)
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+  
+<xsl:output method="html"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>  
+
+<msxsl:script implements-prefix="nof">              
+<![CDATA[  
+function getHexDigit(decimal) {			
+   var hexArray = Array("A", "B", "C", "D", "E", "F");
+   var hexVal = parseInt(0 + decimal, 10);
+  
+   if ((hexVal) > 15) {
+     return null;
+   }
+   else {
+      hexVal = hexVal < 10 ? hexVal : hexArray[hexVal-10];
+   }
+   return hexVal;
+}
+
+function decToHex(decimal) {
+  if (decimal.length == 1)
+    return "#000000";
+    
+   var temp = parseInt(decimal,10);	
+   if (isNaN(temp)) { 
+     return  "#000000";
+   }
+  
+   var hex = "";
+   while (temp > 15) {
+      remainder = temp % 16;
+      hex = getHexDigit(remainder) + "" + hex
+      temp = parseInt(temp / 16);
+   }
+   if (temp >= 0) {
+      hex =  getHexDigit(temp) + "" + hex
+   }
+   else {    
+      return 0;
+   }
+   
+   size  = hex.length;
+   zeros = "";
+   if ( size != 6 ) 
+      for ( j=0; j < 6 - size; j++ ) {
+      zeros = zeros + "0";
+    }
+   
+   //zeros + hex is the complement color of the one show by Fusion
+   var hexa = zeros + hex;
+   return ("#"   + hexa.substring(4, 6	) + hexa.substring(2, 4) + hexa.substring(0, 2));
+}  
+
+function parseHeight(value) {
+  return value.substring(value.indexOf("-") + 1, value.length);
+}
+
+function parseFontStyle(value) {
+  var value = "";
+  if (arguments[0] != 0) //italic
+    value =  "italic";
+  
+  return value;
+}
+
+/*
+function parseTextDecoration() {
+  var value = "";				
+  if (arguments[0] != 0) //strikeout
+    value = "line-through";
+  if (arguments[1] != 0)
+    value += "underline"; //underline		
+  
+  return value;
+}*/
+  
+
+function getFontSize(value) {    
+  value = value + "";
+  
+  if (value.length == 0)
+    return "";
+ 
+  value = value.substring(value.indexOf("-") + 1, value.length);
+    
+  return value;  
+}
+
+function getHorizAndVert (value) {    
+  var hAlign = "left";
+  
+  if (value == 64)
+   hAlign = "center"
+  else if (value == 128)
+    hAlign = "right";
+    
+  return hAlign;// + "; vertical-align:" + vAlign + "; white-space:nowrap;"; 
+}
+
+]]>
+</msxsl:script>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStylePreview.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStylePreview.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/template/siteStylePreview.xsl	(revision 714)
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:import href="siteStyle.xsl"/>
+<xsl:output method="html" />
+<xsl:strip-space elements="*" />
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<link rel="stylesheet" href="display.css" type="text/css" />
+<script>
+
+  //Get the absolute path to navabar script
+  var fsiApp = new ActiveXObject("FSI.FSIApplication");
+  document.write("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
+
+  fsiApp = null;  
+      
+  /**
+  * Move site style elements when a decorative style has been choosed.
+  */
+  function handleStyleElements() {
+  
+    //Move banner into decorator
+    if (document.getElementById("bannerContainer")) {
+      document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
+      document.getElementById("defaultBanner").innerHTML =  "";
+    } else if (typeof (isDecorator) != "undefined" &amp;&amp; isDecorator ) {
+      document.getElementById("defaultBanner").innerHTML =  "";
+    }
+    
+    //Move page content
+    if (typeof (topOffset) != "undefined" &amp;&amp;  typeof (leftOffset) != "undefined") {
+      document.getElementById("pageContainer").style.position = "absolute";
+      document.getElementById("pageContainer").style.top      = topOffset + "px";
+      document.getElementById("pageContainer").style.left     = leftOffset + "px";                  
+    }
+    
+    //If decorator style includes a navbar.
+    if (document.getElementById("navbarContainer")){ 
+        var container = document.getElementById("navbarContainer");
+        if ( container.type == "" ||  container.type == "vertical") {
+          container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;            
+        }
+        else if (container.type == "horizontal") {
+          container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;            
+        }      
+        
+        removeNavbar("defaultNavbarVertical");
+        removeNavbar("defaultNavbarHorizontal");
+    } else //No decorative styles
+      removeNavbar("defaultNavbarHorizontal");   
+  }  
+  
+  function removeNavbar(navbarId) {
+      document.getElementById(navbarId).innerHTML = "";                
+  }
+</script>
+</head>
+<style type="text/css">
+body {
+  margin: 10px;
+}
+
+.dataList {  
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  font-weight: bold;
+  vertical-align: text-top;
+  white-space: nowrap;		
+}
+</style>
+
+<style ID="NOF_STYLE_SHEET">
+.NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+DIV#NavigationBar2_1LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
+DIV#NavigationBar2_2LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;
+}
+</style>
+
+<xsl:apply-templates select="Navbar" mode="generate"/>
+
+<body bgcolor="" background="" onload="handleStyleElements()">
+<div id="pageContainer">
+  <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
+    <TR>
+      <TD></TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+      <TD align="center">
+        <div id="defaultBanner">
+          <xsl:apply-templates select="Banners/Banner[position() = 1]" />
+        </div>
+      </TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+    </TR>
+    <TR>
+      <TD valign="top">
+        <div id="defaultNavbarHorizontal">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        <div id="defaultNavbarVertical">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        
+      </TD>
+      <TD></TD>
+      <TD valign="top">
+        <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
+          <TR>
+            <TD><H1>Überschrift 1</H1>
+              <H3>Überschrift 3</H3>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
+              <H5>Überschrift 5</H5>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
+              <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
+                <TABLE border="0" cellspacing="0" cellpadding="0">
+                <TR>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                  <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                </TR>
+                <TR>
+                  <TD valign="top">      
+                    <OL>
+                      <LI>Element 1</LI>
+                      <UL>
+                        <LI>Element A</LI>
+                        <LI>Element B</LI>
+                      </UL>
+                      <LI>Element 2</LI>
+                      <LI>Element 3</LI>
+                    </OL></TD>
+                  <TD></TD>
+                  <TD valign="top">
+                    <xsl:apply-templates select="Bullet" mode="preview"/>
+                  </TD>
+                </TR>
+                <TR>
+                  <TD valign="top"></TD>
+                  <TD></TD>
+                  <TD valign="top"></TD>
+                </TR>
+            </TABLE></TD>
+          </TR>
+          <TR>
+            <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Unbenannt2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
+          </TR>
+        </TABLE></TD>
+      <TD></TD>
+    </TR>
+  </TABLE>
+</div>
+<xsl:apply-templates select="header"/>
+
+</body>
+</html>
+</xsl:template>
+
+
+
+<xsl:template match="Navbar" mode="generate">
+<script>
+ var C_MENU_BORDER = 0
+ var C_MENU_SPACING = 0
+ var C_MENU_BGCOLOR = ""
+ var C_MENU_AUTO_CLOSE = true; 
+ new NOF_Menu(
+   new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0, 
+     new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                              '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
+        new NOF_Menu_Item('NavigationBar2_2',  'vertical', 'fadeRight', 130, 0,         
+          new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                  '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
+        new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
+                                
+   function preLoad(obj, path, array) {    
+    
+      var offsetX = 130; // Define submenu offsetX
+      var offsetY = 0; // Define submenu offsetX
+      
+      if (document.getElementById("navbarContainer")){
+        var container = document.getElementById("navbarContainer");
+        if (typeof(container.type) != "undefined" &amp;&amp; container.type == "horizontal") {                      
+          offsetX = 0;
+          offsetY = 40;
+        } else
+          container.type = "vertical";
+      }
+    
+     if (array == 0)
+      F_loadRollover(obj, path, 0)
+     else      
+      F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));     
+   }
+
+</script>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button1">
+  <img id="NavigationButton2" name="NavigationButton1" 
+  src="{../ButtonState[position() = 2 ]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button2">
+  <img id="NavigationButton2" name="NavigationButton2" 
+  src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button3">
+  <img id="NavigationButton3" name="NavigationButton3"
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button4">
+  <img id="NavigationButton4" name="NavigationButton4" 
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="Banner">  
+  <div id="Banner.Default">
+  <xsl:choose>  	
+    <xsl:when test="@type = 'Image'">      
+        <img src="{./Image/@path}" />
+    </xsl:when>
+    <xsl:otherwise>   
+      <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
+    </xsl:otherwise>
+   </xsl:choose> 
+  </div>      
+</xsl:template>
+
+
+</xsl:stylesheet>		
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/display.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/display.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18/display.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/Style.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/Style.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/Style.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/decoratorStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/decoratorStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/decoratorStyle.xsl	(revision 714)
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" version="1.0">
+
+<!-- Global parameters -->
+<xsl:param name="navbarOrientation">vertical</xsl:param>
+
+<xsl:template match="header" mode="graphicView">  
+  <xsl:apply-templates select="./preview"/>     
+</xsl:template>
+
+<xsl:template match="preview">
+  <xsl:apply-templates select="thumbnail"/>
+</xsl:template>
+
+<xsl:template match="thumbnail">
+  <img src="{./image/@path}" border="0"/> 
+</xsl:template>
+
+
+<xsl:template match="rectangle" mode="graphicView"> 
+  <div style="top:{@offsetHeight}; left:{@offsetWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div><br/>
+</xsl:template>
+
+<xsl:template match="header">  
+  <script>
+    var topOffset   = <xsl:value-of select="@topOffset"/>;
+    var leftOffset  = <xsl:value-of select="@leftOffset"/>; 
+    var isDecorator = true;
+  </script>
+  <xsl:for-each select="rectangle" >
+    <xsl:apply-templates select="."/>
+  </xsl:for-each>    
+</xsl:template>
+
+
+<xsl:template match="rectangle">
+  <xsl:param name="offHeight">
+     <xsl:choose>
+       <xsl:when test="@offsetHeight = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetHeight"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+
+  <xsl:param name="offWidth">
+     <xsl:choose>
+       <xsl:when test="@offsetWidth = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetWidth"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+  
+  <div style="position:absolute; top:{$offHeight}; left:{$offWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div> 
+</xsl:template>
+
+<xsl:template match="vbox" mode="table">  
+  <xsl:for-each select="hbox">
+    <tr>
+     <xsl:apply-templates select="." mode="td"/>
+    </tr>
+  </xsl:for-each>      
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="table">
+  <tr>
+    <xsl:for-each select="hbox">      
+      <xsl:apply-templates select="." mode="td"/>  
+    </xsl:for-each>  
+  </tr>    
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="td">
+    <xsl:param name="navbarOrientation" select="@navbarOrientation"/>
+    <td bgcolor="{@bgcolor}" width="{@width}" height="{@height}" valign="{@valign}"  background="{@background}">
+      <xsl:if test="@includeBanner = 'true'">  
+        <div id="bannerContainer"></div>
+      </xsl:if> 
+      <xsl:if test="@includeNavbar = 'true'">  
+  
+        <div id="navbarContainer" type="{$navbarOrientation}"></div>
+      </xsl:if>     
+      <xsl:apply-templates select="image|text"/>
+    </td>
+</xsl:template>
+
+<xsl:template match="image">
+  <xsl:choose>
+    <xsl:when test="@width != ''">
+      <img src="{@path}" width="{@width}" height="{@height}" />
+    </xsl:when>
+    <xsl:otherwise>
+      <img src="{@path}"/>
+    </xsl:otherwise>
+  </xsl:choose>
+  
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStyle.xsl	(revision 714)
@@ -0,0 +1,666 @@
+﻿<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+
+<xsl:import href="decoratorStyle.xsl"/>
+
+<xsl:output method="html" encoding="iso-8859-1"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<meta http-equiv="Pragma" content="no-cache"/>
+<meta http-equiv="Cache-Control" content="no-cache"/>
+ <script language="JavaScript">  
+    var fsiApp = new ActiveXObject("FSI.FSIApplication");
+    document.write( 
+    "&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/StyleView/js/scripts.js'&gt;&lt;\/script&gt;" + 
+    " &lt;link rel='stylesheet' type='text/css' href='" + fsiApp.AppDirectory + "NetObjects System/StyleView/css/general_en.css' /&gt;" );
+
+    fsiApp = null;
+ </script>
+
+<link rel="stylesheet" href="display.css" type="text/css" />
+
+</head>
+
+<body onclick="NOF_StyleView_CallInspector(null)" id="author">	
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+       <table border="0" cellspacing="0" cellpadding="3" width="100%">
+         <tr>
+          <td width="100" valign="middle"><span class="title" id="styleView.label.author">Gestaltet von:</span></td>
+          <td valign="middle">            
+              <div id="{//Author/@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">         		
+                   <xsl:apply-templates select="Author"/>                    
+              </div>
+  
+          </td>    
+          </tr>
+       </table>    
+    </TD>
+  </TR>
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.banner">Banner</span></TD>
+  </TR>
+  <TR>
+    <TD><xsl:apply-templates select="Banners" /></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title"  id="styleView.label.navigation">Navigation</span></TD>
+  </TR>
+  <TR>
+    <TD><TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
+        <TR>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regular">Standard</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regularRollover">Standard-Rollover</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.highlighted">Hervorgehoben</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.higlightedRollover">Hervorgehobenes Rollover</span></TD>
+        </TR>
+  
+        <xsl:apply-templates select="//Navbar/NavbarState" mode="buttonSet" />	        
+      
+        <TR>
+          <TD colspan="10"><IMG src="labels/spacer.gif" width="20" height="10"/></TD>
+        </TR>
+        <TR>
+          <TD valign="top"><span class="label" id="styleView.label.preview">Vorschau</span></TD>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD colspan="7" class="label" width="*">
+              <xsl:for-each select="//Navbar/NavbarState">
+                <xsl:value-of select="@name"/>
+                <xsl:apply-templates select="." mode="preview"/>
+              </xsl:for-each>
+           </TD>
+        </TR>
+      </TABLE></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.tableStyles">Tabellen-Styles</span></TD>
+  </TR>
+  <TR>
+    <TD>   
+      <xsl:apply-templates select="TableStyles"/>      
+    </TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.pageBackground">Seiten-Hintergrund</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="20" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.addPageElements">Zusätzliche Seiten-Elemente</span></TD>
+  </TR>
+  <TR>
+    <TD  valign="top"><!-- Page background -->
+      <div id="background" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+        <table id="background" width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" class="background">
+            <tr>
+              <td  id="background" valign="top"><IMG src="labels/spacer.gif" alt="" name="styleThumb" width="250" height="150" id="background"/></td>
+            </tr>
+        </table>
+      </div>	
+    </TD>
+    <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+    <!-- Additional Page Elements -->
+    <TD valign="top"><xsl:apply-templates select="header" mode="graphicView"/></TD>
+  </TR>
+  <TR>
+    <TD colspan="3"><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.dataList">Datenlisten-Icons</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="30" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.styledLine">Style-Linie</span></TD>
+  </TR>
+  <TR>
+    <TD valign="top" width="300">
+      <TABLE border="0" cellpadding="5" cellspacing="0" class="objSelected" width="300">
+        <TR>
+          <TD width="300">            
+            <xsl:apply-templates select="Bullet"/>
+          </TD>
+        </TR>
+      </TABLE></TD>
+    <TD><img src="labels/spacer.gif" width="5" height="1" border="0"/></TD>
+    <TD valign="top"><xsl:apply-templates select="Line"/></TD>
+  </TR>
+</TABLE>
+    </body>
+  </html>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="textPreview">
+  <xsl:param name="rollCss">0</xsl:param>
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="self::node()/@id"/>
+  </xsl:variable>
+
+  <xsl:variable name="rollCssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="$rollCss"/>
+  </xsl:variable>
+    <span onmouseover="rollImage(this);"
+    onmouseout="rollImage(this, true);"
+    roll="{$rollCssClass}"
+    rollOut="{$cssClass}"
+    class="{$cssClass}">Schltf.-Text</span>
+</xsl:template>
+
+<xsl:template match="//Navbar/NavbarState/Button" mode="preview">		
+<TABLE width="10" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+  <div name="modePreview">
+  <xsl:choose> <!-- Button set type Text-->
+      <xsl:when test="./ButtonState[@type = 'Text']">
+       <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')"  width="600" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+        <tr><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>        
+         </td><td align="center">  
+         <div class="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}" 
+        onMouseOver="rollImage(this);" 
+        onMouseOut="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}"  style="padding: 5px">        
+          <xsl:apply-templates select="./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param></xsl:apply-templates></div>
+     </td>	  
+        </tr>				              
+      </table>
+        </xsl:when>
+   <xsl:otherwise><!-- Button set type Image-->        
+    <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+      <tr><td>
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+              
+        <img name="modePreview" src="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}" 
+            onMouseOver="rollImage(this);" 
+            onMouseOut="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}"/>
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+      </td></tr>				
+              
+    </table>    
+    </xsl:otherwise>
+  </xsl:choose>       
+  </div>	
+
+</TD></TR></TABLE>  
+</xsl:template>	
+
+<!-- Template :: Button Set   -->
+<xsl:template match="//Navbar/NavbarState" mode="buttonSet">   
+   <tr>        
+      <td align="left"><span class="labelLink"><div id="{@id}" style="height:30" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><xsl:value-of select="@name"/></div></span></td>
+      <td><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>     
+      <xsl:apply-templates select="*" mode="generate"/>  
+   </tr>
+   <tr><td colspan="10"><image src="labels/spacer.gif" height="5" width="5" border="0"/></td></tr>
+</xsl:template>
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState" mode="generate">	
+    <td align="left" valign="middle" width="150" id="Button.{@id}">      
+        <xsl:apply-templates select="."/>       
+    </td><td width="10"><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>
+</xsl:template>	
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState">	    
+    <xsl:choose>        
+      <xsl:when test="@type = 'Text'">
+        <xsl:variable name="hAlign"><xsl:value-of select="@hAlign"/></xsl:variable>
+        <xsl:variable name="spanAlign">
+          <xsl:choose>
+            <xsl:when test="$hAlign = 'left'">spanLeft<xsl:value-of select="@id"/></xsl:when>
+            <xsl:when test="$hAlign = 'right'">spanRight<xsl:value-of select="@id"/></xsl:when>
+            <xsl:otherwise>spanCenter<xsl:value-of select="@id"/></xsl:otherwise>
+          </xsl:choose>
+        </xsl:variable>                    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal" style="{./Font/@css}">
+           <span  id="{@id}" class="{$spanAlign}">Schltf.-Text</span></div>
+           <style>
+             .<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>}
+          
+              .spanLeft<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px <xsl:value-of select="@hoffset"/>px}
+          
+              .spanRight<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px <xsl:value-of select="@hoffset"/>px 0px 0px}
+          
+              .spanCenter<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px 0px}  
+          </style>        
+      </xsl:when>           
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}"  src="{./Image/@path}" border="0"/></div>     
+      </xsl:otherwise>        
+    </xsl:choose>            
+</xsl:template>	
+    
+<!-- Template :: Banner   -->  
+<xsl:template match="Banners">
+    <xsl:for-each select="*">
+     <table><tr><td>
+      <div id="Banner.{./@id}">
+        <xsl:apply-templates select="."/>
+      </div>
+      </td></tr></table>
+    </xsl:for-each>
+</xsl:template>
+
+<xsl:template match="Banner">
+   <SPAN class="label"><xsl:value-of select="@name"/></SPAN>
+    <xsl:choose>  
+      <xsl:when test="@type = 'Image'">
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+            <img id="{@id}" src="{./Image/@path}" />
+        </div>
+      </xsl:when>        
+      <xsl:when test="@type = 'Text'">    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+  <img src="labels/spacer.gif" width="1" height="1"/><xsl:apply-templates select="." mode="bannerText"/></div>
+      </xsl:when>      
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+         <img id="{@id}" src="{./Image/@path}" />
+        </div>	
+      </xsl:otherwise>
+    </xsl:choose>
+</xsl:template>
+
+<xsl:template match="Banner" mode="bannerText">  
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">;padding: <xsl:value-of select="$voffset"/>px 0px 0px <xsl:value-of select="$hoffset"/>px</xsl:when>
+    <xsl:when test="$hAlign = 'right'">;padding: <xsl:value-of select="$voffset"/>px <xsl:value-of select="$hoffset"/>px 0px 0px</xsl:when>
+    <xsl:otherwise>;padding: <xsl:value-of select="$voffset"/>px 0px 0px 0px</xsl:otherwise>
+  </xsl:choose>
+  </xsl:variable>
+   <span  style="{./Font/@css}{$cssClass}">Text Banner</span>
+</xsl:template>
+
+<!-- Template :: Bullet  -->
+<xsl:template match="Bullet">
+ <table border="0" cellspacing="0">
+   <tr><td>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>
+        </div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+
+<!-- Template :: Bullet  mode=preview-->
+<xsl:template match="Bullet" mode="preview">
+ <table border="0" cellspacing="0">
+   <tr><td>        
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>        
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+  
+<xsl:template match="Line">
+ <table border="0" cellspacing="0">
+   <tr><td>
+       <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}" src="{@path}"/></div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>	
+</xsl:template>	
+
+
+<xsl:template match="Author">                 		
+       <span id="{@id}"><font class="label"><xsl:value-of select="@name"/></font></span>		             
+</xsl:template>
+
+<xsl:template match="TableStyles">
+    <table class="objNormal">
+      <tr> 
+        <xsl:for-each select="TableStyle"> 
+          <xsl:if test="position() mod 4 = 0">
+            <xsl:text disable-output-escaping="yes">&lt;/td&gt;</xsl:text>
+            <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+          </xsl:if>          
+          <td>                
+            <div id="{./@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" onmousedown="NOF_StyleView_TsRightClick({./@id})" class="objNormal" bgcolor="#FFFFFF">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <xsl:apply-templates select="."/>                  
+                </tr>
+              </table>
+            </div>  
+          </td>
+        </xsl:for-each>
+    </tr>
+  </table>        
+</xsl:template>
+
+
+<xsl:template match="TableStyle[position() != 1 and position() mod 3 = 1]">
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+<xsl:template match="TableStyle[position() = 1 or position() mod 3 != 1]">
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+
+<xsl:template name="TableDescription">	
+  <td align="left">          
+      <B>
+        <img src="labels/spacer.gif" width="5" height="1"/>
+        <font class="label"><xsl:value-of select="./@name" /></font>
+      </B> 
+      <table cellpadding="2" cellspacing="2" border="1" bordercolor="#FFFFFF">					
+        <xsl:for-each select="TableLayout">			
+          <xsl:apply-templates select="."/>					
+        </xsl:for-each>				
+      </table>          
+  </td>
+</xsl:template>
+
+<xsl:variable name="ROWS">5</xsl:variable>
+<xsl:variable name="COLUMNS">5</xsl:variable>
+
+<xsl:template match="TableLayout">		
+  <xsl:variable name="pTop"><xsl:value-of select="parent::TableStyle/RepeatRegion/top"/></xsl:variable>
+  <xsl:variable name="pBottom"><xsl:value-of select="parent::TableStyle/RepeatRegion/bottom"/></xsl:variable>
+  <xsl:variable name="pLeft"><xsl:value-of select="parent::TableStyle/RepeatRegion/left"/></xsl:variable>
+  <xsl:variable name="pRight"><xsl:value-of select="parent::TableStyle/RepeatRegion/right"/></xsl:variable>
+
+  <xsl:variable name="h"><xsl:value-of select="count(parent::TableStyle/TableLayout/row)"/></xsl:variable>
+  <xsl:variable name="w"><xsl:value-of select="count(parent::TableStyle/TableLayout/row/cell) div $h"/></xsl:variable>
+  <xsl:variable name="rrW"><xsl:value-of select="$pRight - $pLeft + 1"/></xsl:variable>
+  <xsl:variable name="rrH"><xsl:value-of select="$pBottom - $pTop + 1"/></xsl:variable>
+  
+        
+  <!-- display row before counting	-->	
+  <xsl:for-each select="row[position() &lt; $pTop]">	 
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+    
+  
+  <xsl:call-template name="repeatRows">
+    <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+    <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+    <xsl:with-param name="pRRHeight"><xsl:value-of select="$rrH"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    <xsl:with-param name="pHeight"><xsl:value-of select="$h - $rrH"/></xsl:with-param>
+  </xsl:call-template>
+  
+
+  <!-- display row after counting	-->	
+  <xsl:for-each select="row[position() &gt; $pBottom]">
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+  
+</xsl:template>
+
+<xsl:template name="repeatRows">
+  <xsl:param name="pTop">1</xsl:param>
+  <xsl:param name="pBottom">1</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pRRHeight">0</xsl:param>			
+  <xsl:param name="pWidth">0</xsl:param>
+  <xsl:param name="pHeight">0</xsl:param>			
+  
+  <xsl:for-each select="row[(position() &gt;= $pTop) and (position() &lt;= $pBottom)]">
+    <xsl:if test="(position() &lt;= $pRRHeight) and ((position() + $pHeight) &lt;= $ROWS)">
+      <xsl:apply-templates select=".">
+        <xsl:with-param name="pRepeatRegion">1</xsl:with-param>
+        <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+        <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+        <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+        <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      </xsl:apply-templates>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pHeight + $pRRHeight) &lt; $ROWS">
+    <xsl:call-template name="repeatRows">
+      <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+      <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pRRHeight"><xsl:value-of select="$pRRHeight"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      <xsl:with-param name="pHeight"><xsl:value-of select="$pRRHeight + $pHeight"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="row">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">1</xsl:param>
+  <xsl:param name="pWidth">1</xsl:param>
+  
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  
+  <xsl:for-each select="cell[position() &lt; $pLeft]">			
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+
+  
+  <xsl:call-template name="repeatCols">
+    <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth - $pRRWidth"/></xsl:with-param>
+  </xsl:call-template>
+
+
+  <xsl:for-each select="cell[position() &gt; $pRight]">		
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+    
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+    
+</xsl:template>
+
+
+<xsl:template name="repeatCols">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pWidth">0</xsl:param>
+    
+  <xsl:for-each select="cell[(position() &gt;= $pLeft) and (position() &lt;= $pRight)]">
+    <xsl:if test="(position() &lt;= $pRRWidth) and ((position() + $pWidth) &lt;= $COLUMNS)">
+      <xsl:choose>
+        <xsl:when test="$pRepeatRegion = 1">
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#FF0000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#000000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pWidth + $pRRWidth) &lt; $COLUMNS">
+    <xsl:call-template name="repeatCols">
+      <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>		
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth + $pRRWidth"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="cell">
+  <xsl:param name="borderColor">
+    #FFFFFF
+  </xsl:param>
+  <td bgcolor="{@bgcolor}" background="{@background}" width="40" height="30" bordercolor="{$borderColor}" align="center" valign="center">		
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;U&gt;</xsl:text>
+    </xsl:if>
+      
+    <Font face="{Font/@face}" color="{Font/@color}">
+      Text
+    </Font>
+        
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/U&gt;</xsl:text>
+    </xsl:if>      	
+  </td>
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/scripts.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/scripts.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/scripts.xsl	(revision 714)
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+  
+<xsl:output method="html"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>  
+
+<msxsl:script implements-prefix="nof">              
+<![CDATA[  
+function getHexDigit(decimal) {			
+   var hexArray = Array("A", "B", "C", "D", "E", "F");
+   var hexVal = parseInt(0 + decimal, 10);
+  
+   if ((hexVal) > 15) {
+     return null;
+   }
+   else {
+      hexVal = hexVal < 10 ? hexVal : hexArray[hexVal-10];
+   }
+   return hexVal;
+}
+
+function decToHex(decimal) {
+  if (decimal.length == 1)
+    return "#000000";
+    
+   var temp = parseInt(decimal,10);	
+   if (isNaN(temp)) { 
+     return  "#000000";
+   }
+  
+   var hex = "";
+   while (temp > 15) {
+      remainder = temp % 16;
+      hex = getHexDigit(remainder) + "" + hex
+      temp = parseInt(temp / 16);
+   }
+   if (temp >= 0) {
+      hex =  getHexDigit(temp) + "" + hex
+   }
+   else {    
+      return 0;
+   }
+   
+   size  = hex.length;
+   zeros = "";
+   if ( size != 6 ) 
+      for ( j=0; j < 6 - size; j++ ) {
+      zeros = zeros + "0";
+    }
+   
+   //zeros + hex is the complement color of the one show by Fusion
+   var hexa = zeros + hex;
+   return ("#"   + hexa.substring(4, 6	) + hexa.substring(2, 4) + hexa.substring(0, 2));
+}  
+
+function parseHeight(value) {
+  return value.substring(value.indexOf("-") + 1, value.length);
+}
+
+function parseFontStyle(value) {
+  var value = "";
+  if (arguments[0] != 0) //italic
+    value =  "italic";
+  
+  return value;
+}
+
+/*
+function parseTextDecoration() {
+  var value = "";				
+  if (arguments[0] != 0) //strikeout
+    value = "line-through";
+  if (arguments[1] != 0)
+    value += "underline"; //underline		
+  
+  return value;
+}*/
+  
+
+function getFontSize(value) {    
+  value = value + "";
+  
+  if (value.length == 0)
+    return "";
+ 
+  value = value.substring(value.indexOf("-") + 1, value.length);
+    
+  return value;  
+}
+
+function getHorizAndVert (value) {    
+  var hAlign = "left";
+  
+  if (value == 64)
+   hAlign = "center"
+  else if (value == 128)
+    hAlign = "right";
+    
+  return hAlign;// + "; vertical-align:" + vAlign + "; white-space:nowrap;"; 
+}
+
+]]>
+</msxsl:script>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStylePreview.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStylePreview.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/template/siteStylePreview.xsl	(revision 714)
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:import href="siteStyle.xsl"/>
+<xsl:output method="html" />
+<xsl:strip-space elements="*" />
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<link rel="stylesheet" href="display.css" type="text/css" />
+<script>
+
+  //Get the absolute path to navabar script
+  var fsiApp = new ActiveXObject("FSI.FSIApplication");
+  document.write("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
+
+  fsiApp = null;  
+      
+  /**
+  * Move site style elements when a decorative style has been choosed.
+  */
+  function handleStyleElements() {
+  
+    //Move banner into decorator
+    if (document.getElementById("bannerContainer")) {
+      document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
+      document.getElementById("defaultBanner").innerHTML =  "";
+    } else if (typeof (isDecorator) != "undefined" &amp;&amp; isDecorator ) {
+      document.getElementById("defaultBanner").innerHTML =  "";
+    }
+    
+    //Move page content
+    if (typeof (topOffset) != "undefined" &amp;&amp;  typeof (leftOffset) != "undefined") {
+      document.getElementById("pageContainer").style.position = "absolute";
+      document.getElementById("pageContainer").style.top      = topOffset + "px";
+      document.getElementById("pageContainer").style.left     = leftOffset + "px";                  
+    }
+    
+    //If decorator style includes a navbar.
+    if (document.getElementById("navbarContainer")){ 
+        var container = document.getElementById("navbarContainer");
+        if ( container.type == "" ||  container.type == "vertical") {
+          container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;            
+        }
+        else if (container.type == "horizontal") {
+          container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;            
+        }      
+        
+        removeNavbar("defaultNavbarVertical");
+        removeNavbar("defaultNavbarHorizontal");
+    } else //No decorative styles
+      removeNavbar("defaultNavbarHorizontal");   
+  }  
+  
+  function removeNavbar(navbarId) {
+      document.getElementById(navbarId).innerHTML = "";                
+  }
+</script>
+</head>
+<style type="text/css">
+body {
+  margin: 10px;
+}
+
+.dataList {  
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  font-weight: bold;
+  vertical-align: text-top;
+  white-space: nowrap;		
+}
+</style>
+
+<style ID="NOF_STYLE_SHEET">
+.NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+DIV#NavigationBar2_1LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
+DIV#NavigationBar2_2LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;
+}
+</style>
+
+<xsl:apply-templates select="Navbar" mode="generate"/>
+
+<body bgcolor="" background="" onload="handleStyleElements()">
+<div id="pageContainer">
+  <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
+    <TR>
+      <TD></TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+      <TD align="center">
+        <div id="defaultBanner">
+          <xsl:apply-templates select="Banners/Banner[position() = 1]" />
+        </div>
+      </TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+    </TR>
+    <TR>
+      <TD valign="top">
+        <div id="defaultNavbarHorizontal">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        <div id="defaultNavbarVertical">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        
+      </TD>
+      <TD></TD>
+      <TD valign="top">
+        <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
+          <TR>
+            <TD><H1>Überschrift 1</H1>
+              <H3>Überschrift 3</H3>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
+              <H5>Überschrift 5</H5>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
+              <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
+                <TABLE border="0" cellspacing="0" cellpadding="0">
+                <TR>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                  <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                </TR>
+                <TR>
+                  <TD valign="top">      
+                    <OL>
+                      <LI>Element 1</LI>
+                      <UL>
+                        <LI>Element A</LI>
+                        <LI>Element B</LI>
+                      </UL>
+                      <LI>Element 2</LI>
+                      <LI>Element 3</LI>
+                    </OL></TD>
+                  <TD></TD>
+                  <TD valign="top">
+                    <xsl:apply-templates select="Bullet" mode="preview"/>
+                  </TD>
+                </TR>
+                <TR>
+                  <TD valign="top"></TD>
+                  <TD></TD>
+                  <TD valign="top"></TD>
+                </TR>
+            </TABLE></TD>
+          </TR>
+          <TR>
+            <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Unbenannt2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
+          </TR>
+        </TABLE></TD>
+      <TD></TD>
+    </TR>
+  </TABLE>
+</div>
+<xsl:apply-templates select="header"/>
+
+</body>
+</html>
+</xsl:template>
+
+
+
+<xsl:template match="Navbar" mode="generate">
+<script>
+ var C_MENU_BORDER = 0
+ var C_MENU_SPACING = 0
+ var C_MENU_BGCOLOR = ""
+ var C_MENU_AUTO_CLOSE = true; 
+ new NOF_Menu(
+   new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0, 
+     new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                              '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
+        new NOF_Menu_Item('NavigationBar2_2',  'vertical', 'fadeRight', 130, 0,         
+          new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                  '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
+        new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
+                                
+   function preLoad(obj, path, array) {    
+    
+      var offsetX = 130; // Define submenu offsetX
+      var offsetY = 0; // Define submenu offsetX
+      
+      if (document.getElementById("navbarContainer")){
+        var container = document.getElementById("navbarContainer");
+        if (typeof(container.type) != "undefined" &amp;&amp; container.type == "horizontal") {                      
+          offsetX = 0;
+          offsetY = 40;
+        } else
+          container.type = "vertical";
+      }
+    
+     if (array == 0)
+      F_loadRollover(obj, path, 0)
+     else      
+      F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));     
+   }
+
+</script>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button1">
+  <img id="NavigationButton2" name="NavigationButton1" 
+  src="{../ButtonState[position() = 2 ]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button2">
+  <img id="NavigationButton2" name="NavigationButton2" 
+  src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button3">
+  <img id="NavigationButton3" name="NavigationButton3"
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button4">
+  <img id="NavigationButton4" name="NavigationButton4" 
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="Banner">  
+  <div id="Banner.Default">
+  <xsl:choose>  	
+    <xsl:when test="@type = 'Image'">      
+        <img src="{./Image/@path}" />
+    </xsl:when>
+    <xsl:otherwise>   
+      <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
+    </xsl:otherwise>
+   </xsl:choose> 
+  </div>      
+</xsl:template>
+
+
+</xsl:stylesheet>		
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/display.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/display.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v18a/display.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/preview.xml
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/preview.xml	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/preview.xml	(revision 714)
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/xsl" href="template\siteStyle.xsl"?>
+<SiteStyle name="Glasgow - Aqua &amp; Orange" version="3"><Banners><Banner id="2" type="Image" name="Banner 1" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="-2"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg50.gif"/><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></Banner><Banner id="19" type="Text" name="Banner 2" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="11"><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; background-color:#ffffff; width:600px; height:50px; text-align:center; " pitchandfamily="34"/></Banner><Banner id="21" type="Image" name="Banner 3" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="4"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg51.gif"/><Font css="font-family:Zero Threes; font-size:16; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="23" type="Image" name="Banner 4" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg52.gif"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="25" type="Image" name="Banner 5" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="2"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg53.gif"/><Font css="font-family:Zero Threes; font-size:20; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner></Banners><Navbar><NavbarState name="Primary" id="3" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="4" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg54.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="5" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg55.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="6" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg56.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState><ButtonState id="7" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg57.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState></Button></NavbarState><NavbarState name="Secondary" id="8" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="9" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg58.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:400; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="10" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg59.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="11" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg60.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="12" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg61.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState></Button></NavbarState></Navbar><Line path="Images/line.gif" id="13"/><Bullet path="Images/dataicon.gif" id="14"/><Author name="Website Pros, Inc." id="15"/><TableStyles><TableStyle name="Table Style 1" id="17"><RepeatRegion><top>0</top><bottom>3</bottom><left>0</left><right>3</right></RepeatRegion><TableLayout name="" id="0"><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle><TableStyle name="Table Style 2" id="28"><RepeatRegion><top>1</top><bottom>3</bottom><left>1</left><right>1</right></RepeatRegion><TableLayout name="" id="0"><row><cell bgcolor="#CCCCCC"><CssAttributes>BODY {  color:rgb(0,0,0); background-color:rgb(204,204,204); }</CssAttributes><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle></TableStyles></SiteStyle>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.css	(revision 714)
@@ -0,0 +1,11 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
+BODY { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt; background-color: rgb(255,255,255); background-image: none;}
+ A:active { color: rgb(255,0,0);}
+ A:link { color: rgb(0,51,204);}
+ UL { list-style-type: square;}
+ A:visited { color: rgb(153,0,153);}
+ P { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt;}
+ LI { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt; margin-bottom: 4pt;}
+ A { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt;}
+ A:hover { color: rgb(255,0,0);}
+ 
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/decoratorStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/decoratorStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/decoratorStyle.xsl	(revision 714)
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" version="1.0">
+
+<!-- Global parameters -->
+<xsl:param name="navbarOrientation">vertical</xsl:param>
+
+<xsl:template match="header" mode="graphicView">  
+  <xsl:apply-templates select="./preview"/>     
+</xsl:template>
+
+<xsl:template match="preview">
+  <xsl:apply-templates select="thumbnail"/>
+</xsl:template>
+
+<xsl:template match="thumbnail">
+  <img src="{./image/@path}" border="0"/> 
+</xsl:template>
+
+
+<xsl:template match="rectangle" mode="graphicView"> 
+  <div style="top:{@offsetHeight}; left:{@offsetWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div><br/>
+</xsl:template>
+
+<xsl:template match="header">  
+  <script>
+    var topOffset   = <xsl:value-of select="@topOffset"/>;
+    var leftOffset  = <xsl:value-of select="@leftOffset"/>; 
+    var isDecorator = true;
+  </script>
+  <xsl:for-each select="rectangle" >
+    <xsl:apply-templates select="."/>
+  </xsl:for-each>    
+</xsl:template>
+
+
+<xsl:template match="rectangle">
+  <xsl:param name="offHeight">
+     <xsl:choose>
+       <xsl:when test="@offsetHeight = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetHeight"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+
+  <xsl:param name="offWidth">
+     <xsl:choose>
+       <xsl:when test="@offsetWidth = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetWidth"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+  
+  <div style="position:absolute; top:{$offHeight}; left:{$offWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div> 
+</xsl:template>
+
+<xsl:template match="vbox" mode="table">  
+  <xsl:for-each select="hbox">
+    <tr>
+     <xsl:apply-templates select="." mode="td"/>
+    </tr>
+  </xsl:for-each>      
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="table">
+  <tr>
+    <xsl:for-each select="hbox">      
+      <xsl:apply-templates select="." mode="td"/>  
+    </xsl:for-each>  
+  </tr>    
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="td">
+    <xsl:param name="navbarOrientation" select="@navbarOrientation"/>
+    <td bgcolor="{@bgcolor}" width="{@width}" height="{@height}" valign="{@valign}"  background="{@background}">
+      <xsl:if test="@includeBanner = 'true'">  
+        <div id="bannerContainer"></div>
+      </xsl:if> 
+      <xsl:if test="@includeNavbar = 'true'">  
+  
+        <div id="navbarContainer" type="{$navbarOrientation}"></div>
+      </xsl:if>     
+      <xsl:apply-templates select="image|text"/>
+    </td>
+</xsl:template>
+
+<xsl:template match="image">
+  <xsl:choose>
+    <xsl:when test="@width != ''">
+      <img src="{@path}" width="{@width}" height="{@height}" />
+    </xsl:when>
+    <xsl:otherwise>
+      <img src="{@path}"/>
+    </xsl:otherwise>
+  </xsl:choose>
+  
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStyle.xsl	(revision 714)
@@ -0,0 +1,666 @@
+﻿<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+
+<xsl:import href="decoratorStyle.xsl"/>
+
+<xsl:output method="html" encoding="iso-8859-1"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<meta http-equiv="Pragma" content="no-cache"/>
+<meta http-equiv="Cache-Control" content="no-cache"/>
+ <script language="JavaScript">  
+    var fsiApp = new ActiveXObject("FSI.FSIApplication");
+    document.write( 
+    "&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/StyleView/js/scripts.js'&gt;&lt;\/script&gt;" + 
+    " &lt;link rel='stylesheet' type='text/css' href='" + fsiApp.AppDirectory + "NetObjects System/StyleView/css/general_en.css' /&gt;" );
+
+    fsiApp = null;
+ </script>
+
+<link rel="stylesheet" href="display.css" type="text/css" />
+
+</head>
+
+<body onclick="NOF_StyleView_CallInspector(null)" id="author">	
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+       <table border="0" cellspacing="0" cellpadding="3" width="100%">
+         <tr>
+          <td width="100" valign="middle"><span class="title" id="styleView.label.author">Gestaltet von:</span></td>
+          <td valign="middle">            
+              <div id="{//Author/@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">         		
+                   <xsl:apply-templates select="Author"/>                    
+              </div>
+  
+          </td>    
+          </tr>
+       </table>    
+    </TD>
+  </TR>
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.banner">Banner</span></TD>
+  </TR>
+  <TR>
+    <TD><xsl:apply-templates select="Banners" /></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title"  id="styleView.label.navigation">Navigation</span></TD>
+  </TR>
+  <TR>
+    <TD><TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
+        <TR>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regular">Standard</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regularRollover">Standard-Rollover</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.highlighted">Hervorgehoben</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.higlightedRollover">Hervorgehobenes Rollover</span></TD>
+        </TR>
+  
+        <xsl:apply-templates select="//Navbar/NavbarState" mode="buttonSet" />	        
+      
+        <TR>
+          <TD colspan="10"><IMG src="labels/spacer.gif" width="20" height="10"/></TD>
+        </TR>
+        <TR>
+          <TD valign="top"><span class="label" id="styleView.label.preview">Preview</span></TD>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD colspan="7" class="label" width="*">
+              <xsl:for-each select="//Navbar/NavbarState">
+                <xsl:value-of select="@name"/>
+                <xsl:apply-templates select="." mode="preview"/>
+              </xsl:for-each>
+           </TD>
+        </TR>
+      </TABLE></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.tableStyles">Tabellen-Styles</span></TD>
+  </TR>
+  <TR>
+    <TD>   
+      <xsl:apply-templates select="TableStyles"/>      
+    </TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.pageBackground">Seiten-Hintergrund</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="20" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.addPageElements">Zusätzliche Seiten-Elemente</span></TD>
+  </TR>
+  <TR>
+    <TD  valign="top"><!-- Page background -->
+      <div id="background" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+        <table id="background" width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" class="background">
+            <tr>
+              <td  id="background" valign="top"><IMG src="labels/spacer.gif" alt="" name="styleThumb" width="250" height="150" id="background"/></td>
+            </tr>
+        </table>
+      </div>	
+    </TD>
+    <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+    <!-- Additional Page Elements -->
+    <TD valign="top"><xsl:apply-templates select="header" mode="graphicView"/></TD>
+  </TR>
+  <TR>
+    <TD colspan="3"><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.dataList">Datenlisten-Icons</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="30" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.styledLine">Style-Linie</span></TD>
+  </TR>
+  <TR>
+    <TD valign="top" width="300">
+      <TABLE border="0" cellpadding="5" cellspacing="0" class="objSelected" width="300">
+        <TR>
+          <TD width="300">            
+            <xsl:apply-templates select="Bullet"/>
+          </TD>
+        </TR>
+      </TABLE></TD>
+    <TD><img src="labels/spacer.gif" width="5" height="1" border="0"/></TD>
+    <TD valign="top"><xsl:apply-templates select="Line"/></TD>
+  </TR>
+</TABLE>
+    </body>
+  </html>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="textPreview">
+  <xsl:param name="rollCss">0</xsl:param>
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="self::node()/@id"/>
+  </xsl:variable>
+
+  <xsl:variable name="rollCssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="$rollCss"/>
+  </xsl:variable>
+    <span onmouseover="rollImage(this);"
+    onmouseout="rollImage(this, true);"
+    roll="{$rollCssClass}"
+    rollOut="{$cssClass}"
+    class="{$cssClass}">Button Text</span>
+</xsl:template>
+
+<xsl:template match="//Navbar/NavbarState/Button" mode="preview">		
+<TABLE width="10" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+  <div name="modePreview">
+  <xsl:choose> <!-- Button set type Text-->
+      <xsl:when test="./ButtonState[@type = 'Text']">
+       <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')"  width="600" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+        <tr><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>        
+         </td><td align="center">  
+         <div class="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}" 
+        onMouseOver="rollImage(this);" 
+        onMouseOut="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}"  style="padding: 5px">        
+          <xsl:apply-templates select="./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param></xsl:apply-templates></div>
+     </td>	  
+        </tr>				              
+      </table>
+        </xsl:when>
+   <xsl:otherwise><!-- Button set type Image-->        
+    <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+      <tr><td>
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+              
+        <img name="modePreview" src="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}" 
+            onMouseOver="rollImage(this);" 
+            onMouseOut="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}"/>
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+      </td></tr>				
+              
+    </table>    
+    </xsl:otherwise>
+  </xsl:choose>       
+  </div>	
+
+</TD></TR></TABLE>  
+</xsl:template>	
+
+<!-- Template :: Button Set   -->
+<xsl:template match="//Navbar/NavbarState" mode="buttonSet">   
+   <tr>        
+      <td align="left"><span class="labelLink"><div id="{@id}" style="height:30" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><xsl:value-of select="@name"/></div></span></td>
+      <td><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>     
+      <xsl:apply-templates select="*" mode="generate"/>  
+   </tr>
+   <tr><td colspan="10"><image src="labels/spacer.gif" height="5" width="5" border="0"/></td></tr>
+</xsl:template>
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState" mode="generate">	
+    <td align="left" valign="middle" width="150" id="Button.{@id}">      
+        <xsl:apply-templates select="."/>       
+    </td><td width="10"><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>
+</xsl:template>	
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState">	    
+    <xsl:choose>        
+      <xsl:when test="@type = 'Text'">
+        <xsl:variable name="hAlign"><xsl:value-of select="@hAlign"/></xsl:variable>
+        <xsl:variable name="spanAlign">
+          <xsl:choose>
+            <xsl:when test="$hAlign = 'left'">spanLeft<xsl:value-of select="@id"/></xsl:when>
+            <xsl:when test="$hAlign = 'right'">spanRight<xsl:value-of select="@id"/></xsl:when>
+            <xsl:otherwise>spanCenter<xsl:value-of select="@id"/></xsl:otherwise>
+          </xsl:choose>
+        </xsl:variable>                    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal" style="{./Font/@css}">
+           <span  id="{@id}" class="{$spanAlign}">Button Text</span></div>
+           <style>
+             .<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>}
+          
+              .spanLeft<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px <xsl:value-of select="@hoffset"/>px}
+          
+              .spanRight<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px <xsl:value-of select="@hoffset"/>px 0px 0px}
+          
+              .spanCenter<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px 0px}  
+          </style>        
+      </xsl:when>           
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}"  src="{./Image/@path}" border="0"/></div>     
+      </xsl:otherwise>        
+    </xsl:choose>            
+</xsl:template>	
+    
+<!-- Template :: Banner   -->  
+<xsl:template match="Banners">
+    <xsl:for-each select="*">
+     <table><tr><td>
+      <div id="Banner.{./@id}">
+        <xsl:apply-templates select="."/>
+      </div>
+      </td></tr></table>
+    </xsl:for-each>
+</xsl:template>
+
+<xsl:template match="Banner">
+   <SPAN class="label"><xsl:value-of select="@name"/></SPAN>
+    <xsl:choose>  
+      <xsl:when test="@type = 'Image'">
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+            <img id="{@id}" src="{./Image/@path}" />
+        </div>
+      </xsl:when>        
+      <xsl:when test="@type = 'Text'">    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+  <img src="labels/spacer.gif" width="1" height="1"/><xsl:apply-templates select="." mode="bannerText"/></div>
+      </xsl:when>      
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+         <img id="{@id}" src="{./Image/@path}" />
+        </div>	
+      </xsl:otherwise>
+    </xsl:choose>
+</xsl:template>
+
+<xsl:template match="Banner" mode="bannerText">  
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">;padding: <xsl:value-of select="$voffset"/>px 0px 0px <xsl:value-of select="$hoffset"/>px</xsl:when>
+    <xsl:when test="$hAlign = 'right'">;padding: <xsl:value-of select="$voffset"/>px <xsl:value-of select="$hoffset"/>px 0px 0px</xsl:when>
+    <xsl:otherwise>;padding: <xsl:value-of select="$voffset"/>px 0px 0px 0px</xsl:otherwise>
+  </xsl:choose>
+  </xsl:variable>
+   <span  style="{./Font/@css}{$cssClass}">Text Banner</span>
+</xsl:template>
+
+<!-- Template :: Bullet  -->
+<xsl:template match="Bullet">
+ <table border="0" cellspacing="0">
+   <tr><td>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>
+        </div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+
+<!-- Template :: Bullet  mode=preview-->
+<xsl:template match="Bullet" mode="preview">
+ <table border="0" cellspacing="0">
+   <tr><td>        
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>        
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+  
+<xsl:template match="Line">
+ <table border="0" cellspacing="0">
+   <tr><td>
+       <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}" src="{@path}"/></div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>	
+</xsl:template>	
+
+
+<xsl:template match="Author">                 		
+       <span id="{@id}"><font class="label"><xsl:value-of select="@name"/></font></span>		             
+</xsl:template>
+
+<xsl:template match="TableStyles">
+    <table class="objNormal">
+      <tr> 
+        <xsl:for-each select="TableStyle"> 
+          <xsl:if test="position() mod 4 = 0">
+            <xsl:text disable-output-escaping="yes">&lt;/td&gt;</xsl:text>
+            <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+          </xsl:if>          
+          <td>                
+            <div id="{./@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" onmousedown="NOF_StyleView_TsRightClick({./@id})" class="objNormal" bgcolor="#FFFFFF">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <xsl:apply-templates select="."/>                  
+                </tr>
+              </table>
+            </div>  
+          </td>
+        </xsl:for-each>
+    </tr>
+  </table>        
+</xsl:template>
+
+
+<xsl:template match="TableStyle[position() != 1 and position() mod 3 = 1]">
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+<xsl:template match="TableStyle[position() = 1 or position() mod 3 != 1]">
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+
+<xsl:template name="TableDescription">	
+  <td align="left">          
+      <B>
+        <img src="labels/spacer.gif" width="5" height="1"/>
+        <font class="label"><xsl:value-of select="./@name" /></font>
+      </B> 
+      <table cellpadding="2" cellspacing="2" border="1" bordercolor="#FFFFFF">					
+        <xsl:for-each select="TableLayout">			
+          <xsl:apply-templates select="."/>					
+        </xsl:for-each>				
+      </table>          
+  </td>
+</xsl:template>
+
+<xsl:variable name="ROWS">5</xsl:variable>
+<xsl:variable name="COLUMNS">5</xsl:variable>
+
+<xsl:template match="TableLayout">		
+  <xsl:variable name="pTop"><xsl:value-of select="parent::TableStyle/RepeatRegion/top"/></xsl:variable>
+  <xsl:variable name="pBottom"><xsl:value-of select="parent::TableStyle/RepeatRegion/bottom"/></xsl:variable>
+  <xsl:variable name="pLeft"><xsl:value-of select="parent::TableStyle/RepeatRegion/left"/></xsl:variable>
+  <xsl:variable name="pRight"><xsl:value-of select="parent::TableStyle/RepeatRegion/right"/></xsl:variable>
+
+  <xsl:variable name="h"><xsl:value-of select="count(parent::TableStyle/TableLayout/row)"/></xsl:variable>
+  <xsl:variable name="w"><xsl:value-of select="count(parent::TableStyle/TableLayout/row/cell) div $h"/></xsl:variable>
+  <xsl:variable name="rrW"><xsl:value-of select="$pRight - $pLeft + 1"/></xsl:variable>
+  <xsl:variable name="rrH"><xsl:value-of select="$pBottom - $pTop + 1"/></xsl:variable>
+  
+        
+  <!-- display row before counting	-->	
+  <xsl:for-each select="row[position() &lt; $pTop]">	 
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+    
+  
+  <xsl:call-template name="repeatRows">
+    <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+    <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+    <xsl:with-param name="pRRHeight"><xsl:value-of select="$rrH"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    <xsl:with-param name="pHeight"><xsl:value-of select="$h - $rrH"/></xsl:with-param>
+  </xsl:call-template>
+  
+
+  <!-- display row after counting	-->	
+  <xsl:for-each select="row[position() &gt; $pBottom]">
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+  
+</xsl:template>
+
+<xsl:template name="repeatRows">
+  <xsl:param name="pTop">1</xsl:param>
+  <xsl:param name="pBottom">1</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pRRHeight">0</xsl:param>			
+  <xsl:param name="pWidth">0</xsl:param>
+  <xsl:param name="pHeight">0</xsl:param>			
+  
+  <xsl:for-each select="row[(position() &gt;= $pTop) and (position() &lt;= $pBottom)]">
+    <xsl:if test="(position() &lt;= $pRRHeight) and ((position() + $pHeight) &lt;= $ROWS)">
+      <xsl:apply-templates select=".">
+        <xsl:with-param name="pRepeatRegion">1</xsl:with-param>
+        <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+        <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+        <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+        <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      </xsl:apply-templates>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pHeight + $pRRHeight) &lt; $ROWS">
+    <xsl:call-template name="repeatRows">
+      <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+      <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pRRHeight"><xsl:value-of select="$pRRHeight"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      <xsl:with-param name="pHeight"><xsl:value-of select="$pRRHeight + $pHeight"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="row">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">1</xsl:param>
+  <xsl:param name="pWidth">1</xsl:param>
+  
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  
+  <xsl:for-each select="cell[position() &lt; $pLeft]">			
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+
+  
+  <xsl:call-template name="repeatCols">
+    <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth - $pRRWidth"/></xsl:with-param>
+  </xsl:call-template>
+
+
+  <xsl:for-each select="cell[position() &gt; $pRight]">		
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+    
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+    
+</xsl:template>
+
+
+<xsl:template name="repeatCols">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pWidth">0</xsl:param>
+    
+  <xsl:for-each select="cell[(position() &gt;= $pLeft) and (position() &lt;= $pRight)]">
+    <xsl:if test="(position() &lt;= $pRRWidth) and ((position() + $pWidth) &lt;= $COLUMNS)">
+      <xsl:choose>
+        <xsl:when test="$pRepeatRegion = 1">
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#FF0000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#000000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pWidth + $pRRWidth) &lt; $COLUMNS">
+    <xsl:call-template name="repeatCols">
+      <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>		
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth + $pRRWidth"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="cell">
+  <xsl:param name="borderColor">
+    #FFFFFF
+  </xsl:param>
+  <td bgcolor="{@bgcolor}" background="{@background}" width="40" height="30" bordercolor="{$borderColor}" align="center" valign="center">		
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;U&gt;</xsl:text>
+    </xsl:if>
+      
+    <Font face="{Font/@face}" color="{Font/@color}">
+      Text
+    </Font>
+        
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/U&gt;</xsl:text>
+    </xsl:if>      	
+  </td>
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/scripts.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/scripts.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/scripts.xsl	(revision 714)
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+  
+<xsl:output method="html"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>  
+
+<msxsl:script implements-prefix="nof">              
+<![CDATA[  
+function getHexDigit(decimal) {			
+   var hexArray = Array("A", "B", "C", "D", "E", "F");
+   var hexVal = parseInt(0 + decimal, 10);
+  
+   if ((hexVal) > 15) {
+     return null;
+   }
+   else {
+      hexVal = hexVal < 10 ? hexVal : hexArray[hexVal-10];
+   }
+   return hexVal;
+}
+
+function decToHex(decimal) {
+  if (decimal.length == 1)
+    return "#000000";
+    
+   var temp = parseInt(decimal,10);	
+   if (isNaN(temp)) { 
+     return  "#000000";
+   }
+  
+   var hex = "";
+   while (temp > 15) {
+      remainder = temp % 16;
+      hex = getHexDigit(remainder) + "" + hex
+      temp = parseInt(temp / 16);
+   }
+   if (temp >= 0) {
+      hex =  getHexDigit(temp) + "" + hex
+   }
+   else {    
+      return 0;
+   }
+   
+   size  = hex.length;
+   zeros = "";
+   if ( size != 6 ) 
+      for ( j=0; j < 6 - size; j++ ) {
+      zeros = zeros + "0";
+    }
+   
+   //zeros + hex is the complement color of the one show by Fusion
+   var hexa = zeros + hex;
+   return ("#"   + hexa.substring(4, 6	) + hexa.substring(2, 4) + hexa.substring(0, 2));
+}  
+
+function parseHeight(value) {
+  return value.substring(value.indexOf("-") + 1, value.length);
+}
+
+function parseFontStyle(value) {
+  var value = "";
+  if (arguments[0] != 0) //italic
+    value =  "italic";
+  
+  return value;
+}
+
+/*
+function parseTextDecoration() {
+  var value = "";				
+  if (arguments[0] != 0) //strikeout
+    value = "line-through";
+  if (arguments[1] != 0)
+    value += "underline"; //underline		
+  
+  return value;
+}*/
+  
+
+function getFontSize(value) {    
+  value = value + "";
+  
+  if (value.length == 0)
+    return "";
+ 
+  value = value.substring(value.indexOf("-") + 1, value.length);
+    
+  return value;  
+}
+
+function getHorizAndVert (value) {    
+  var hAlign = "left";
+  
+  if (value == 64)
+   hAlign = "center"
+  else if (value == 128)
+    hAlign = "right";
+    
+  return hAlign;// + "; vertical-align:" + vAlign + "; white-space:nowrap;"; 
+}
+
+]]>
+</msxsl:script>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStylePreview.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStylePreview.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/template/siteStylePreview.xsl	(revision 714)
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:import href="siteStyle.xsl"/>
+<xsl:output method="html" />
+<xsl:strip-space elements="*" />
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<link rel="stylesheet" href="display.css" type="text/css" />
+<script>
+
+  //Get the absolute path to navabar script
+  var fsiApp = new ActiveXObject("FSI.FSIApplication");
+  document.write("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
+
+  fsiApp = null;  
+      
+  /**
+  * Move site style elements when a decorative style has been choosed.
+  */
+  function handleStyleElements() {
+  
+    //Move banner into decorator
+    if (document.getElementById("bannerContainer")) {
+      document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
+      document.getElementById("defaultBanner").innerHTML =  "";
+    } else if (typeof (isDecorator) != "undefined" &amp;&amp; isDecorator ) {
+      document.getElementById("defaultBanner").innerHTML =  "";
+    }
+    
+    //Move page content
+    if (typeof (topOffset) != "undefined" &amp;&amp;  typeof (leftOffset) != "undefined") {
+      document.getElementById("pageContainer").style.position = "absolute";
+      document.getElementById("pageContainer").style.top      = topOffset + "px";
+      document.getElementById("pageContainer").style.left     = leftOffset + "px";                  
+    }
+    
+    //If decorator style includes a navbar.
+    if (document.getElementById("navbarContainer")){ 
+        var container = document.getElementById("navbarContainer");
+        if ( container.type == "" ||  container.type == "vertical") {
+          container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;            
+        }
+        else if (container.type == "horizontal") {
+          container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;            
+        }      
+        
+        removeNavbar("defaultNavbarVertical");
+        removeNavbar("defaultNavbarHorizontal");
+    } else //No decorative styles
+      removeNavbar("defaultNavbarHorizontal");   
+  }  
+  
+  function removeNavbar(navbarId) {
+      document.getElementById(navbarId).innerHTML = "";                
+  }
+</script>
+</head>
+<style type="text/css">
+body {
+  margin: 10px;
+}
+
+.dataList {  
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  font-weight: bold;
+  vertical-align: text-top;
+  white-space: nowrap;		
+}
+</style>
+
+<style ID="NOF_STYLE_SHEET">
+.NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+DIV#NavigationBar2_1LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
+DIV#NavigationBar2_2LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;
+}
+</style>
+
+<xsl:apply-templates select="Navbar" mode="generate"/>
+
+<body bgcolor="" background="" onload="handleStyleElements()">
+<div id="pageContainer">
+  <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
+    <TR>
+      <TD></TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+      <TD align="center">
+        <div id="defaultBanner">
+          <xsl:apply-templates select="Banners/Banner[position() = 1]" />
+        </div>
+      </TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+    </TR>
+    <TR>
+      <TD valign="top">
+        <div id="defaultNavbarHorizontal">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        <div id="defaultNavbarVertical">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        
+      </TD>
+      <TD></TD>
+      <TD valign="top">
+        <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
+          <TR>
+            <TD><H1>Heading 1</H1>
+              <H3>Heading 3</H3>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">sample link</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
+              <H5>Heading 5</H5>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">sample link</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
+              <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
+                <TABLE border="0" cellspacing="0" cellpadding="0">
+                <TR>
+                  <TD align="center"><H4>Heading 4</H4></TD>
+                  <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
+                  <TD align="center"><H4>Heading 4</H4></TD>
+                </TR>
+                <TR>
+                  <TD valign="top">      
+                    <OL>
+                      <LI>Item 1</LI>
+                      <UL>
+                        <LI>Item A</LI>
+                        <LI>Item B</LI>
+                      </UL>
+                      <LI>Item 2</LI>
+                      <LI>Item 3</LI>
+                    </OL></TD>
+                  <TD></TD>
+                  <TD valign="top">
+                    <xsl:apply-templates select="Bullet" mode="preview"/>
+                  </TD>
+                </TR>
+                <TR>
+                  <TD valign="top"></TD>
+                  <TD></TD>
+                  <TD valign="top"></TD>
+                </TR>
+            </TABLE></TD>
+          </TR>
+          <TR>
+            <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Untitled2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
+          </TR>
+        </TABLE></TD>
+      <TD></TD>
+    </TR>
+  </TABLE>
+</div>
+<xsl:apply-templates select="header"/>
+
+</body>
+</html>
+</xsl:template>
+
+
+
+<xsl:template match="Navbar" mode="generate">
+<script>
+ var C_MENU_BORDER = 0
+ var C_MENU_SPACING = 0
+ var C_MENU_BGCOLOR = ""
+ var C_MENU_AUTO_CLOSE = true; 
+ new NOF_Menu(
+   new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0, 
+     new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                              '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
+        new NOF_Menu_Item('NavigationBar2_2',  'vertical', 'fadeRight', 130, 0,         
+          new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                  '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
+        new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
+                                
+   function preLoad(obj, path, array) {    
+    
+      var offsetX = 130; // Define submenu offsetX
+      var offsetY = 0; // Define submenu offsetX
+      
+      if (document.getElementById("navbarContainer")){
+        var container = document.getElementById("navbarContainer");
+        if (typeof(container.type) != "undefined" &amp;&amp; container.type == "horizontal") {                      
+          offsetX = 0;
+          offsetY = 40;
+        } else
+          container.type = "vertical";
+      }
+    
+     if (array == 0)
+      F_loadRollover(obj, path, 0)
+     else      
+      F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));     
+   }
+
+</script>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button1">
+  <img id="NavigationButton2" name="NavigationButton1" 
+  src="{../ButtonState[position() = 2 ]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button2">
+  <img id="NavigationButton2" name="NavigationButton2" 
+  src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button3">
+  <img id="NavigationButton3" name="NavigationButton3"
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button4">
+  <img id="NavigationButton4" name="NavigationButton4" 
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="Banner">  
+  <div id="Banner.Default">
+  <xsl:choose>  	
+    <xsl:when test="@type = 'Image'">      
+        <img src="{./Image/@path}" />
+    </xsl:when>
+    <xsl:otherwise>   
+      <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
+    </xsl:otherwise>
+   </xsl:choose> 
+  </div>      
+</xsl:template>
+
+
+</xsl:stylesheet>		
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.ssx
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.ssx	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/Style.ssx	(revision 714)
@@ -0,0 +1,1 @@
+<SiteStyle name="Glasgow - Aqua &amp; Orange" version="3"><Banners><Banner id="2" type="Image" name="Banner 1" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="-2"><Image path="..\..\Assets\transparent.gif"/><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></Banner><Banner id="19" type="Text" name="Banner 2" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="11"><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; background-color:#ffffff; width:600px; height:50px; text-align:center; " pitchandfamily="34"/></Banner><Banner id="21" type="Image" name="Banner 3" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="4"><Image path="..\..\Assets\banner2.gif"/><Font css="font-family:Zero Threes; font-size:16; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="23" type="Image" name="Banner 4" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="6"><Image path="..\..\Assets\banner3.gif"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="25" type="Image" name="Banner 5" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="2"><Image path="..\..\Assets\banner3_transparent_grey254_400px.gif"/><Font css="font-family:Zero Threes; font-size:20; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner></Banners><Navbar><NavbarState name="Primary" id="3" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="4" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="5" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="6" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState><ButtonState id="7" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState></Button></NavbarState><NavbarState name="Secondary" id="8" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="9" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s1.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:400; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="10" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s2.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="11" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s3.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="12" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s4.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState></Button></NavbarState></Navbar><Line path="Images\line.gif" id="13"/><Bullet path="Images\dataicon.gif" id="14"/><Author name="Website Pros, Inc." id="15"/><TableStyles><TableStyle name="Table Style 1" id="17"><RepeatRegion><top>0</top><bottom>3</bottom><left>0</left><right>3</right></RepeatRegion><TableLayout name="" id="0"><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle><TableStyle name="Table Style 2" id="28"><RepeatRegion><top>1</top><bottom>3</bottom><left>1</left><right>1</right></RepeatRegion><TableLayout name="" id="0"><row><cell bgcolor="#CCCCCC"><CssAttributes>BODY {  color:rgb(0,0,0); background-color:rgb(204,204,204); }</CssAttributes><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle></TableStyles></SiteStyle>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/display.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/display.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1-v19a/display.css	(revision 714)
@@ -0,0 +1,24 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
+BODY { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt; background-color: rgb(255,255,255); background-image: none;}
+ .background { background-color: rgb(255,255,255); background-image: none; }
+A:active { color: rgb(255,0,0);}
+ A:active { color: rgb(255,0,0);}
+ A:active { color: rgb(255,0,0);}
+.active { color: rgb(255,0,0);}
+ A:link { color: rgb(0,51,204);}
+ A:link { color: rgb(0,51,204);}
+ A:link { color: rgb(0,51,204);}
+.linked { color: rgb(0,51,204);}
+ UL { list-style-type: square;}
+ A:visited { color: rgb(153,0,153);}
+ A:visited { color: rgb(153,0,153);}
+ A:visited { color: rgb(153,0,153);}
+.visited { color: rgb(153,0,153);}
+ P { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt;}
+ LI { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt; margin-bottom: 4pt;}
+ A { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: 9pt;}
+ A:hover { color: rgb(255,0,0);}
+ A:hover { color: rgb(255,0,0);}
+ A:hover { color: rgb(255,0,0);}
+.hover { color: rgb(255,0,0);}
+ 
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/Style.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/Style.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/Style.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/decoratorStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/decoratorStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/decoratorStyle.xsl	(revision 714)
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" version="1.0">
+
+<!-- Global parameters -->
+<xsl:param name="navbarOrientation">vertical</xsl:param>
+
+<xsl:template match="header" mode="graphicView">  
+  <xsl:apply-templates select="./preview"/>     
+</xsl:template>
+
+<xsl:template match="preview">
+  <xsl:apply-templates select="thumbnail"/>
+</xsl:template>
+
+<xsl:template match="thumbnail">
+  <img src="{./image/@path}" border="0"/> 
+</xsl:template>
+
+
+<xsl:template match="rectangle" mode="graphicView"> 
+  <div style="top:{@offsetHeight}; left:{@offsetWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div><br/>
+</xsl:template>
+
+<xsl:template match="header">  
+  <script>
+    var topOffset   = <xsl:value-of select="@topOffset"/>;
+    var leftOffset  = <xsl:value-of select="@leftOffset"/>; 
+    var isDecorator = true;
+  </script>
+  <xsl:for-each select="rectangle" >
+    <xsl:apply-templates select="."/>
+  </xsl:for-each>    
+</xsl:template>
+
+
+<xsl:template match="rectangle">
+  <xsl:param name="offHeight">
+     <xsl:choose>
+       <xsl:when test="@offsetHeight = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetHeight"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+
+  <xsl:param name="offWidth">
+     <xsl:choose>
+       <xsl:when test="@offsetWidth = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetWidth"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+  
+  <div style="position:absolute; top:{$offHeight}; left:{$offWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div> 
+</xsl:template>
+
+<xsl:template match="vbox" mode="table">  
+  <xsl:for-each select="hbox">
+    <tr>
+     <xsl:apply-templates select="." mode="td"/>
+    </tr>
+  </xsl:for-each>      
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="table">
+  <tr>
+    <xsl:for-each select="hbox">      
+      <xsl:apply-templates select="." mode="td"/>  
+    </xsl:for-each>  
+  </tr>    
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="td">
+    <xsl:param name="navbarOrientation" select="@navbarOrientation"/>
+    <td bgcolor="{@bgcolor}" width="{@width}" height="{@height}" valign="{@valign}"  background="{@background}">
+      <xsl:if test="@includeBanner = 'true'">  
+        <div id="bannerContainer"></div>
+      </xsl:if> 
+      <xsl:if test="@includeNavbar = 'true'">  
+  
+        <div id="navbarContainer" type="{$navbarOrientation}"></div>
+      </xsl:if>     
+      <xsl:apply-templates select="image|text"/>
+    </td>
+</xsl:template>
+
+<xsl:template match="image">
+  <xsl:choose>
+    <xsl:when test="@width != ''">
+      <img src="{@path}" width="{@width}" height="{@height}" />
+    </xsl:when>
+    <xsl:otherwise>
+      <img src="{@path}"/>
+    </xsl:otherwise>
+  </xsl:choose>
+  
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStyle.xsl	(revision 714)
@@ -0,0 +1,666 @@
+﻿<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+
+<xsl:import href="decoratorStyle.xsl"/>
+
+<xsl:output method="html" encoding="iso-8859-1"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<meta http-equiv="Pragma" content="no-cache"/>
+<meta http-equiv="Cache-Control" content="no-cache"/>
+ <script language="JavaScript">  
+    var fsiApp = new ActiveXObject("FSI.FSIApplication");
+    document.write( 
+    "&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/StyleView/js/scripts.js'&gt;&lt;\/script&gt;" + 
+    " &lt;link rel='stylesheet' type='text/css' href='" + fsiApp.AppDirectory + "NetObjects System/StyleView/css/general_en.css' /&gt;" );
+
+    fsiApp = null;
+ </script>
+
+<link rel="stylesheet" href="display.css" type="text/css" />
+
+</head>
+
+<body onclick="NOF_StyleView_CallInspector(null)" id="author">	
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+       <table border="0" cellspacing="0" cellpadding="3" width="100%">
+         <tr>
+          <td width="100" valign="middle"><span class="title" id="styleView.label.author">Gestaltet von:</span></td>
+          <td valign="middle">            
+              <div id="{//Author/@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">         		
+                   <xsl:apply-templates select="Author"/>                    
+              </div>
+  
+          </td>    
+          </tr>
+       </table>    
+    </TD>
+  </TR>
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.banner">Banner</span></TD>
+  </TR>
+  <TR>
+    <TD><xsl:apply-templates select="Banners" /></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title"  id="styleView.label.navigation">Navigation</span></TD>
+  </TR>
+  <TR>
+    <TD><TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
+        <TR>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regular">Standard</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regularRollover">Standard-Rollover</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.highlighted">Hervorgehoben</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.higlightedRollover">Hervorgehobenes Rollover</span></TD>
+        </TR>
+  
+        <xsl:apply-templates select="//Navbar/NavbarState" mode="buttonSet" />	        
+      
+        <TR>
+          <TD colspan="10"><IMG src="labels/spacer.gif" width="20" height="10"/></TD>
+        </TR>
+        <TR>
+          <TD valign="top"><span class="label" id="styleView.label.preview">Vorschau</span></TD>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD colspan="7" class="label" width="*">
+              <xsl:for-each select="//Navbar/NavbarState">
+                <xsl:value-of select="@name"/>
+                <xsl:apply-templates select="." mode="preview"/>
+              </xsl:for-each>
+           </TD>
+        </TR>
+      </TABLE></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.tableStyles">Tabellen-Styles</span></TD>
+  </TR>
+  <TR>
+    <TD>   
+      <xsl:apply-templates select="TableStyles"/>      
+    </TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.pageBackground">Seiten-Hintergrund</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="20" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.addPageElements">Zusätzliche Seiten-Elemente</span></TD>
+  </TR>
+  <TR>
+    <TD  valign="top"><!-- Page background -->
+      <div id="background" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+        <table id="background" width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" class="background">
+            <tr>
+              <td  id="background" valign="top"><IMG src="labels/spacer.gif" alt="" name="styleThumb" width="250" height="150" id="background"/></td>
+            </tr>
+        </table>
+      </div>	
+    </TD>
+    <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+    <!-- Additional Page Elements -->
+    <TD valign="top"><xsl:apply-templates select="header" mode="graphicView"/></TD>
+  </TR>
+  <TR>
+    <TD colspan="3"><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.dataList">Datenlisten-Icons</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="30" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.styledLine">Style-Linie</span></TD>
+  </TR>
+  <TR>
+    <TD valign="top" width="300">
+      <TABLE border="0" cellpadding="5" cellspacing="0" class="objSelected" width="300">
+        <TR>
+          <TD width="300">            
+            <xsl:apply-templates select="Bullet"/>
+          </TD>
+        </TR>
+      </TABLE></TD>
+    <TD><img src="labels/spacer.gif" width="5" height="1" border="0"/></TD>
+    <TD valign="top"><xsl:apply-templates select="Line"/></TD>
+  </TR>
+</TABLE>
+    </body>
+  </html>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="textPreview">
+  <xsl:param name="rollCss">0</xsl:param>
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="self::node()/@id"/>
+  </xsl:variable>
+
+  <xsl:variable name="rollCssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="$rollCss"/>
+  </xsl:variable>
+    <span onmouseover="rollImage(this);"
+    onmouseout="rollImage(this, true);"
+    roll="{$rollCssClass}"
+    rollOut="{$cssClass}"
+    class="{$cssClass}">Schltf.-Text</span>
+</xsl:template>
+
+<xsl:template match="//Navbar/NavbarState/Button" mode="preview">		
+<TABLE width="10" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+  <div name="modePreview">
+  <xsl:choose> <!-- Button set type Text-->
+      <xsl:when test="./ButtonState[@type = 'Text']">
+       <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')"  width="600" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+        <tr><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>        
+         </td><td align="center">  
+         <div class="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}" 
+        onMouseOver="rollImage(this);" 
+        onMouseOut="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}"  style="padding: 5px">        
+          <xsl:apply-templates select="./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param></xsl:apply-templates></div>
+     </td>	  
+        </tr>				              
+      </table>
+        </xsl:when>
+   <xsl:otherwise><!-- Button set type Image-->        
+    <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+      <tr><td>
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+              
+        <img name="modePreview" src="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}" 
+            onMouseOver="rollImage(this);" 
+            onMouseOut="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}"/>
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+      </td></tr>				
+              
+    </table>    
+    </xsl:otherwise>
+  </xsl:choose>       
+  </div>	
+
+</TD></TR></TABLE>  
+</xsl:template>	
+
+<!-- Template :: Button Set   -->
+<xsl:template match="//Navbar/NavbarState" mode="buttonSet">   
+   <tr>        
+      <td align="left"><span class="labelLink"><div id="{@id}" style="height:30" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><xsl:value-of select="@name"/></div></span></td>
+      <td><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>     
+      <xsl:apply-templates select="*" mode="generate"/>  
+   </tr>
+   <tr><td colspan="10"><image src="labels/spacer.gif" height="5" width="5" border="0"/></td></tr>
+</xsl:template>
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState" mode="generate">	
+    <td align="left" valign="middle" width="150" id="Button.{@id}">      
+        <xsl:apply-templates select="."/>       
+    </td><td width="10"><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>
+</xsl:template>	
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState">	    
+    <xsl:choose>        
+      <xsl:when test="@type = 'Text'">
+        <xsl:variable name="hAlign"><xsl:value-of select="@hAlign"/></xsl:variable>
+        <xsl:variable name="spanAlign">
+          <xsl:choose>
+            <xsl:when test="$hAlign = 'left'">spanLeft<xsl:value-of select="@id"/></xsl:when>
+            <xsl:when test="$hAlign = 'right'">spanRight<xsl:value-of select="@id"/></xsl:when>
+            <xsl:otherwise>spanCenter<xsl:value-of select="@id"/></xsl:otherwise>
+          </xsl:choose>
+        </xsl:variable>                    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal" style="{./Font/@css}">
+           <span  id="{@id}" class="{$spanAlign}">Schltf.-Text</span></div>
+           <style>
+             .<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>}
+          
+              .spanLeft<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px <xsl:value-of select="@hoffset"/>px}
+          
+              .spanRight<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px <xsl:value-of select="@hoffset"/>px 0px 0px}
+          
+              .spanCenter<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px 0px}  
+          </style>        
+      </xsl:when>           
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}"  src="{./Image/@path}" border="0"/></div>     
+      </xsl:otherwise>        
+    </xsl:choose>            
+</xsl:template>	
+    
+<!-- Template :: Banner   -->  
+<xsl:template match="Banners">
+    <xsl:for-each select="*">
+     <table><tr><td>
+      <div id="Banner.{./@id}">
+        <xsl:apply-templates select="."/>
+      </div>
+      </td></tr></table>
+    </xsl:for-each>
+</xsl:template>
+
+<xsl:template match="Banner">
+   <SPAN class="label"><xsl:value-of select="@name"/></SPAN>
+    <xsl:choose>  
+      <xsl:when test="@type = 'Image'">
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+            <img id="{@id}" src="{./Image/@path}" />
+        </div>
+      </xsl:when>        
+      <xsl:when test="@type = 'Text'">    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+  <img src="labels/spacer.gif" width="1" height="1"/><xsl:apply-templates select="." mode="bannerText"/></div>
+      </xsl:when>      
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+         <img id="{@id}" src="{./Image/@path}" />
+        </div>	
+      </xsl:otherwise>
+    </xsl:choose>
+</xsl:template>
+
+<xsl:template match="Banner" mode="bannerText">  
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">;padding: <xsl:value-of select="$voffset"/>px 0px 0px <xsl:value-of select="$hoffset"/>px</xsl:when>
+    <xsl:when test="$hAlign = 'right'">;padding: <xsl:value-of select="$voffset"/>px <xsl:value-of select="$hoffset"/>px 0px 0px</xsl:when>
+    <xsl:otherwise>;padding: <xsl:value-of select="$voffset"/>px 0px 0px 0px</xsl:otherwise>
+  </xsl:choose>
+  </xsl:variable>
+   <span  style="{./Font/@css}{$cssClass}">Text Banner</span>
+</xsl:template>
+
+<!-- Template :: Bullet  -->
+<xsl:template match="Bullet">
+ <table border="0" cellspacing="0">
+   <tr><td>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>
+        </div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+
+<!-- Template :: Bullet  mode=preview-->
+<xsl:template match="Bullet" mode="preview">
+ <table border="0" cellspacing="0">
+   <tr><td>        
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>        
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+  
+<xsl:template match="Line">
+ <table border="0" cellspacing="0">
+   <tr><td>
+       <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}" src="{@path}"/></div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>	
+</xsl:template>	
+
+
+<xsl:template match="Author">                 		
+       <span id="{@id}"><font class="label"><xsl:value-of select="@name"/></font></span>		             
+</xsl:template>
+
+<xsl:template match="TableStyles">
+    <table class="objNormal">
+      <tr> 
+        <xsl:for-each select="TableStyle"> 
+          <xsl:if test="position() mod 4 = 0">
+            <xsl:text disable-output-escaping="yes">&lt;/td&gt;</xsl:text>
+            <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+          </xsl:if>          
+          <td>                
+            <div id="{./@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" onmousedown="NOF_StyleView_TsRightClick({./@id})" class="objNormal" bgcolor="#FFFFFF">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <xsl:apply-templates select="."/>                  
+                </tr>
+              </table>
+            </div>  
+          </td>
+        </xsl:for-each>
+    </tr>
+  </table>        
+</xsl:template>
+
+
+<xsl:template match="TableStyle[position() != 1 and position() mod 3 = 1]">
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+<xsl:template match="TableStyle[position() = 1 or position() mod 3 != 1]">
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+
+<xsl:template name="TableDescription">	
+  <td align="left">          
+      <B>
+        <img src="labels/spacer.gif" width="5" height="1"/>
+        <font class="label"><xsl:value-of select="./@name" /></font>
+      </B> 
+      <table cellpadding="2" cellspacing="2" border="1" bordercolor="#FFFFFF">					
+        <xsl:for-each select="TableLayout">			
+          <xsl:apply-templates select="."/>					
+        </xsl:for-each>				
+      </table>          
+  </td>
+</xsl:template>
+
+<xsl:variable name="ROWS">5</xsl:variable>
+<xsl:variable name="COLUMNS">5</xsl:variable>
+
+<xsl:template match="TableLayout">		
+  <xsl:variable name="pTop"><xsl:value-of select="parent::TableStyle/RepeatRegion/top"/></xsl:variable>
+  <xsl:variable name="pBottom"><xsl:value-of select="parent::TableStyle/RepeatRegion/bottom"/></xsl:variable>
+  <xsl:variable name="pLeft"><xsl:value-of select="parent::TableStyle/RepeatRegion/left"/></xsl:variable>
+  <xsl:variable name="pRight"><xsl:value-of select="parent::TableStyle/RepeatRegion/right"/></xsl:variable>
+
+  <xsl:variable name="h"><xsl:value-of select="count(parent::TableStyle/TableLayout/row)"/></xsl:variable>
+  <xsl:variable name="w"><xsl:value-of select="count(parent::TableStyle/TableLayout/row/cell) div $h"/></xsl:variable>
+  <xsl:variable name="rrW"><xsl:value-of select="$pRight - $pLeft + 1"/></xsl:variable>
+  <xsl:variable name="rrH"><xsl:value-of select="$pBottom - $pTop + 1"/></xsl:variable>
+  
+        
+  <!-- display row before counting	-->	
+  <xsl:for-each select="row[position() &lt; $pTop]">	 
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+    
+  
+  <xsl:call-template name="repeatRows">
+    <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+    <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+    <xsl:with-param name="pRRHeight"><xsl:value-of select="$rrH"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    <xsl:with-param name="pHeight"><xsl:value-of select="$h - $rrH"/></xsl:with-param>
+  </xsl:call-template>
+  
+
+  <!-- display row after counting	-->	
+  <xsl:for-each select="row[position() &gt; $pBottom]">
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+  
+</xsl:template>
+
+<xsl:template name="repeatRows">
+  <xsl:param name="pTop">1</xsl:param>
+  <xsl:param name="pBottom">1</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pRRHeight">0</xsl:param>			
+  <xsl:param name="pWidth">0</xsl:param>
+  <xsl:param name="pHeight">0</xsl:param>			
+  
+  <xsl:for-each select="row[(position() &gt;= $pTop) and (position() &lt;= $pBottom)]">
+    <xsl:if test="(position() &lt;= $pRRHeight) and ((position() + $pHeight) &lt;= $ROWS)">
+      <xsl:apply-templates select=".">
+        <xsl:with-param name="pRepeatRegion">1</xsl:with-param>
+        <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+        <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+        <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+        <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      </xsl:apply-templates>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pHeight + $pRRHeight) &lt; $ROWS">
+    <xsl:call-template name="repeatRows">
+      <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+      <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pRRHeight"><xsl:value-of select="$pRRHeight"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      <xsl:with-param name="pHeight"><xsl:value-of select="$pRRHeight + $pHeight"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="row">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">1</xsl:param>
+  <xsl:param name="pWidth">1</xsl:param>
+  
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  
+  <xsl:for-each select="cell[position() &lt; $pLeft]">			
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+
+  
+  <xsl:call-template name="repeatCols">
+    <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth - $pRRWidth"/></xsl:with-param>
+  </xsl:call-template>
+
+
+  <xsl:for-each select="cell[position() &gt; $pRight]">		
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+    
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+    
+</xsl:template>
+
+
+<xsl:template name="repeatCols">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pWidth">0</xsl:param>
+    
+  <xsl:for-each select="cell[(position() &gt;= $pLeft) and (position() &lt;= $pRight)]">
+    <xsl:if test="(position() &lt;= $pRRWidth) and ((position() + $pWidth) &lt;= $COLUMNS)">
+      <xsl:choose>
+        <xsl:when test="$pRepeatRegion = 1">
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#FF0000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#000000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pWidth + $pRRWidth) &lt; $COLUMNS">
+    <xsl:call-template name="repeatCols">
+      <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>		
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth + $pRRWidth"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="cell">
+  <xsl:param name="borderColor">
+    #FFFFFF
+  </xsl:param>
+  <td bgcolor="{@bgcolor}" background="{@background}" width="40" height="30" bordercolor="{$borderColor}" align="center" valign="center">		
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;U&gt;</xsl:text>
+    </xsl:if>
+      
+    <Font face="{Font/@face}" color="{Font/@color}">
+      Text
+    </Font>
+        
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/U&gt;</xsl:text>
+    </xsl:if>      	
+  </td>
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/scripts.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/scripts.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/scripts.xsl	(revision 714)
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+  
+<xsl:output method="html"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>  
+
+<msxsl:script implements-prefix="nof">              
+<![CDATA[  
+function getHexDigit(decimal) {			
+   var hexArray = Array("A", "B", "C", "D", "E", "F");
+   var hexVal = parseInt(0 + decimal, 10);
+  
+   if ((hexVal) > 15) {
+     return null;
+   }
+   else {
+      hexVal = hexVal < 10 ? hexVal : hexArray[hexVal-10];
+   }
+   return hexVal;
+}
+
+function decToHex(decimal) {
+  if (decimal.length == 1)
+    return "#000000";
+    
+   var temp = parseInt(decimal,10);	
+   if (isNaN(temp)) { 
+     return  "#000000";
+   }
+  
+   var hex = "";
+   while (temp > 15) {
+      remainder = temp % 16;
+      hex = getHexDigit(remainder) + "" + hex
+      temp = parseInt(temp / 16);
+   }
+   if (temp >= 0) {
+      hex =  getHexDigit(temp) + "" + hex
+   }
+   else {    
+      return 0;
+   }
+   
+   size  = hex.length;
+   zeros = "";
+   if ( size != 6 ) 
+      for ( j=0; j < 6 - size; j++ ) {
+      zeros = zeros + "0";
+    }
+   
+   //zeros + hex is the complement color of the one show by Fusion
+   var hexa = zeros + hex;
+   return ("#"   + hexa.substring(4, 6	) + hexa.substring(2, 4) + hexa.substring(0, 2));
+}  
+
+function parseHeight(value) {
+  return value.substring(value.indexOf("-") + 1, value.length);
+}
+
+function parseFontStyle(value) {
+  var value = "";
+  if (arguments[0] != 0) //italic
+    value =  "italic";
+  
+  return value;
+}
+
+/*
+function parseTextDecoration() {
+  var value = "";				
+  if (arguments[0] != 0) //strikeout
+    value = "line-through";
+  if (arguments[1] != 0)
+    value += "underline"; //underline		
+  
+  return value;
+}*/
+  
+
+function getFontSize(value) {    
+  value = value + "";
+  
+  if (value.length == 0)
+    return "";
+ 
+  value = value.substring(value.indexOf("-") + 1, value.length);
+    
+  return value;  
+}
+
+function getHorizAndVert (value) {    
+  var hAlign = "left";
+  
+  if (value == 64)
+   hAlign = "center"
+  else if (value == 128)
+    hAlign = "right";
+    
+  return hAlign;// + "; vertical-align:" + vAlign + "; white-space:nowrap;"; 
+}
+
+]]>
+</msxsl:script>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStylePreview.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStylePreview.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/template/siteStylePreview.xsl	(revision 714)
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:import href="siteStyle.xsl"/>
+<xsl:output method="html" />
+<xsl:strip-space elements="*" />
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<link rel="stylesheet" href="display.css" type="text/css" />
+<script>
+
+  //Get the absolute path to navabar script
+  var fsiApp = new ActiveXObject("FSI.FSIApplication");
+  document.write("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
+
+  fsiApp = null;  
+      
+  /**
+  * Move site style elements when a decorative style has been choosed.
+  */
+  function handleStyleElements() {
+  
+    //Move banner into decorator
+    if (document.getElementById("bannerContainer")) {
+      document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
+      document.getElementById("defaultBanner").innerHTML =  "";
+    } else if (typeof (isDecorator) != "undefined" &amp;&amp; isDecorator ) {
+      document.getElementById("defaultBanner").innerHTML =  "";
+    }
+    
+    //Move page content
+    if (typeof (topOffset) != "undefined" &amp;&amp;  typeof (leftOffset) != "undefined") {
+      document.getElementById("pageContainer").style.position = "absolute";
+      document.getElementById("pageContainer").style.top      = topOffset + "px";
+      document.getElementById("pageContainer").style.left     = leftOffset + "px";                  
+    }
+    
+    //If decorator style includes a navbar.
+    if (document.getElementById("navbarContainer")){ 
+        var container = document.getElementById("navbarContainer");
+        if ( container.type == "" ||  container.type == "vertical") {
+          container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;            
+        }
+        else if (container.type == "horizontal") {
+          container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;            
+        }      
+        
+        removeNavbar("defaultNavbarVertical");
+        removeNavbar("defaultNavbarHorizontal");
+    } else //No decorative styles
+      removeNavbar("defaultNavbarHorizontal");   
+  }  
+  
+  function removeNavbar(navbarId) {
+      document.getElementById(navbarId).innerHTML = "";                
+  }
+</script>
+</head>
+<style type="text/css">
+body {
+  margin: 10px;
+}
+
+.dataList {  
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  font-weight: bold;
+  vertical-align: text-top;
+  white-space: nowrap;		
+}
+</style>
+
+<style ID="NOF_STYLE_SHEET">
+.NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+DIV#NavigationBar2_1LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
+DIV#NavigationBar2_2LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;
+}
+</style>
+
+<xsl:apply-templates select="Navbar" mode="generate"/>
+
+<body bgcolor="" background="" onload="handleStyleElements()">
+<div id="pageContainer">
+  <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
+    <TR>
+      <TD></TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+      <TD align="center">
+        <div id="defaultBanner">
+          <xsl:apply-templates select="Banners/Banner[position() = 1]" />
+        </div>
+      </TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+    </TR>
+    <TR>
+      <TD valign="top">
+        <div id="defaultNavbarHorizontal">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        <div id="defaultNavbarVertical">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        
+      </TD>
+      <TD></TD>
+      <TD valign="top">
+        <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
+          <TR>
+            <TD><H1>Überschrift 1</H1>
+              <H3>Überschrift 3</H3>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
+              <H5>Überschrift 5</H5>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">Beispiellink</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
+              <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
+                <TABLE border="0" cellspacing="0" cellpadding="0">
+                <TR>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                  <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
+                  <TD align="center"><H4>Überschrift 4</H4></TD>
+                </TR>
+                <TR>
+                  <TD valign="top">      
+                    <OL>
+                      <LI>Element 1</LI>
+                      <UL>
+                        <LI>Element A</LI>
+                        <LI>Element B</LI>
+                      </UL>
+                      <LI>Element 2</LI>
+                      <LI>Element 3</LI>
+                    </OL></TD>
+                  <TD></TD>
+                  <TD valign="top">
+                    <xsl:apply-templates select="Bullet" mode="preview"/>
+                  </TD>
+                </TR>
+                <TR>
+                  <TD valign="top"></TD>
+                  <TD></TD>
+                  <TD valign="top"></TD>
+                </TR>
+            </TABLE></TD>
+          </TR>
+          <TR>
+            <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Unbenannt2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Unbenannt4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
+          </TR>
+        </TABLE></TD>
+      <TD></TD>
+    </TR>
+  </TABLE>
+</div>
+<xsl:apply-templates select="header"/>
+
+</body>
+</html>
+</xsl:template>
+
+
+
+<xsl:template match="Navbar" mode="generate">
+<script>
+ var C_MENU_BORDER = 0
+ var C_MENU_SPACING = 0
+ var C_MENU_BGCOLOR = ""
+ var C_MENU_AUTO_CLOSE = true; 
+ new NOF_Menu(
+   new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0, 
+     new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                              '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
+        new NOF_Menu_Item('NavigationBar2_2',  'vertical', 'fadeRight', 130, 0,         
+          new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                  '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
+        new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
+                                
+   function preLoad(obj, path, array) {    
+    
+      var offsetX = 130; // Define submenu offsetX
+      var offsetY = 0; // Define submenu offsetX
+      
+      if (document.getElementById("navbarContainer")){
+        var container = document.getElementById("navbarContainer");
+        if (typeof(container.type) != "undefined" &amp;&amp; container.type == "horizontal") {                      
+          offsetX = 0;
+          offsetY = 40;
+        } else
+          container.type = "vertical";
+      }
+    
+     if (array == 0)
+      F_loadRollover(obj, path, 0)
+     else      
+      F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));     
+   }
+
+</script>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button1">
+  <img id="NavigationButton2" name="NavigationButton1" 
+  src="{../ButtonState[position() = 2 ]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button2">
+  <img id="NavigationButton2" name="NavigationButton2" 
+  src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button3">
+  <img id="NavigationButton3" name="NavigationButton3"
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button4">
+  <img id="NavigationButton4" name="NavigationButton4" 
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="Banner">  
+  <div id="Banner.Default">
+  <xsl:choose>  	
+    <xsl:when test="@type = 'Image'">      
+        <img src="{./Image/@path}" />
+    </xsl:when>
+    <xsl:otherwise>   
+      <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
+    </xsl:otherwise>
+   </xsl:choose> 
+  </div>      
+</xsl:template>
+
+
+</xsl:stylesheet>		
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/display.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/display.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/Glasgow - Aqua & Orange/display.css	(revision 714)
@@ -0,0 +1,1 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/preview.xml
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/preview.xml	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/preview.xml	(revision 714)
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet type="text/xsl" href="template\siteStyle.xsl"?>
+<SiteStyle name="Glasgow - Aqua &amp; Orange" version="3"><Banners><Banner id="2" type="Image" name="Banner 1" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="-2"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg26.gif"/><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></Banner><Banner id="19" type="Text" name="Banner 2" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="11"><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; background-color:#ffffff; width:600px; height:50px; text-align:center; " pitchandfamily="34"/></Banner><Banner id="21" type="Image" name="Banner 3" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="4"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg27.gif"/><Font css="font-family:Zero Threes; font-size:16; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="23" type="Image" name="Banner 4" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg28.gif"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="25" type="Image" name="Banner 5" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="2"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg29.gif"/><Font css="font-family:Zero Threes; font-size:20; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner></Banners><Navbar><NavbarState name="Primary" id="3" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="4" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg30.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="5" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg31.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="6" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg32.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState><ButtonState id="7" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg33.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState></Button></NavbarState><NavbarState name="Secondary" id="8" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="9" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg34.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:400; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="10" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg35.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="11" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg36.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="12" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/nofimg37.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState></Button></NavbarState></Navbar><Line path="Images/line.gif" id="13"/><Bullet path="Images/dataicon.gif" id="14"/><Author name="Website Pros, Inc." id="15"/><TableStyles><TableStyle name="Table Style 1" id="17"><RepeatRegion><top>0</top><bottom>3</bottom><left>0</left><right>3</right></RepeatRegion><TableLayout name="" id="0"><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle></TableStyles></SiteStyle>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.css	(revision 714)
@@ -0,0 +1,13 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
+BODY { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; background-color: rgb(255,255,255); background-image: none;}
+ A:active { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0);}
+ A:link { color: rgb(0,51,204);}
+ UL { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ A:visited { color: rgb(153,0,153);}
+ P { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ LI { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ OL { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ A { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ .TextNavBar { font-size: xx-small;}
+ A:hover { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0); font-weight: normal; font-style: normal;}
+ 
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/decoratorStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/decoratorStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/decoratorStyle.xsl	(revision 714)
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform" version="1.0">
+
+<!-- Global parameters -->
+<xsl:param name="navbarOrientation">vertical</xsl:param>
+
+<xsl:template match="header" mode="graphicView">  
+  <xsl:apply-templates select="./preview"/>     
+</xsl:template>
+
+<xsl:template match="preview">
+  <xsl:apply-templates select="thumbnail"/>
+</xsl:template>
+
+<xsl:template match="thumbnail">
+  <img src="{./image/@path}" border="0"/> 
+</xsl:template>
+
+
+<xsl:template match="rectangle" mode="graphicView"> 
+  <div style="top:{@offsetHeight}; left:{@offsetWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div><br/>
+</xsl:template>
+
+<xsl:template match="header">  
+  <script>
+    var topOffset   = <xsl:value-of select="@topOffset"/>;
+    var leftOffset  = <xsl:value-of select="@leftOffset"/>; 
+    var isDecorator = true;
+  </script>
+  <xsl:for-each select="rectangle" >
+    <xsl:apply-templates select="."/>
+  </xsl:for-each>    
+</xsl:template>
+
+
+<xsl:template match="rectangle">
+  <xsl:param name="offHeight">
+     <xsl:choose>
+       <xsl:when test="@offsetHeight = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetHeight"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+
+  <xsl:param name="offWidth">
+     <xsl:choose>
+       <xsl:when test="@offsetWidth = ''">0</xsl:when>
+       <xsl:otherwise><xsl:value-of select="@offsetWidth"/></xsl:otherwise>
+     </xsl:choose>
+  </xsl:param>
+  
+  <div style="position:absolute; top:{$offHeight}; left:{$offWidth}">
+    <table border="0" cellspacing="0" cellpadding="0">
+      <xsl:apply-templates select="hbox|vbox" mode="table"/>
+    </table>
+  </div> 
+</xsl:template>
+
+<xsl:template match="vbox" mode="table">  
+  <xsl:for-each select="hbox">
+    <tr>
+     <xsl:apply-templates select="." mode="td"/>
+    </tr>
+  </xsl:for-each>      
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="table">
+  <tr>
+    <xsl:for-each select="hbox">      
+      <xsl:apply-templates select="." mode="td"/>  
+    </xsl:for-each>  
+  </tr>    
+</xsl:template>
+
+
+<xsl:template match="hbox" mode="td">
+    <xsl:param name="navbarOrientation" select="@navbarOrientation"/>
+    <td bgcolor="{@bgcolor}" width="{@width}" height="{@height}" valign="{@valign}"  background="{@background}">
+      <xsl:if test="@includeBanner = 'true'">  
+        <div id="bannerContainer"></div>
+      </xsl:if> 
+      <xsl:if test="@includeNavbar = 'true'">  
+  
+        <div id="navbarContainer" type="{$navbarOrientation}"></div>
+      </xsl:if>     
+      <xsl:apply-templates select="image|text"/>
+    </td>
+</xsl:template>
+
+<xsl:template match="image">
+  <xsl:choose>
+    <xsl:when test="@width != ''">
+      <img src="{@path}" width="{@width}" height="{@height}" />
+    </xsl:when>
+    <xsl:otherwise>
+      <img src="{@path}"/>
+    </xsl:otherwise>
+  </xsl:choose>
+  
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStyle.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStyle.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStyle.xsl	(revision 714)
@@ -0,0 +1,666 @@
+﻿<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+
+<xsl:import href="decoratorStyle.xsl"/>
+
+<xsl:output method="html" encoding="iso-8859-1"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<meta http-equiv="Pragma" content="no-cache"/>
+<meta http-equiv="Cache-Control" content="no-cache"/>
+ <script language="JavaScript">  
+    var fsiApp = new ActiveXObject("FSI.FSIApplication");
+    document.write( 
+    "&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/StyleView/js/scripts.js'&gt;&lt;\/script&gt;" + 
+    " &lt;link rel='stylesheet' type='text/css' href='" + fsiApp.AppDirectory + "NetObjects System/StyleView/css/general_en.css' /&gt;" );
+
+    fsiApp = null;
+ </script>
+
+<link rel="stylesheet" href="display.css" type="text/css" />
+
+</head>
+
+<body onclick="NOF_StyleView_CallInspector(null)" id="author">	
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+       <table border="0" cellspacing="0" cellpadding="3" width="100%">
+         <tr>
+          <td width="100" valign="middle"><span class="title" id="styleView.label.author">Gestaltet von:</span></td>
+          <td valign="middle">            
+              <div id="{//Author/@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">         		
+                   <xsl:apply-templates select="Author"/>                    
+              </div>
+  
+          </td>    
+          </tr>
+       </table>    
+    </TD>
+  </TR>
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.banner">Banner</span></TD>
+  </TR>
+  <TR>
+    <TD><xsl:apply-templates select="Banners" /></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title"  id="styleView.label.navigation">Navigation</span></TD>
+  </TR>
+  <TR>
+    <TD><TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
+        <TR>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regular">Standard</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.regularRollover">Standard-Rollover</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.highlighted">Hervorgehoben</span></TD>
+          <TD><IMG src="labels/spacer.gif" width="10" height="20"/></TD>
+          <TD><span class="label" id="styleView.label.higlightedRollover">Hervorgehobenes Rollover</span></TD>
+        </TR>
+  
+        <xsl:apply-templates select="//Navbar/NavbarState" mode="buttonSet" />	        
+      
+        <TR>
+          <TD colspan="10"><IMG src="labels/spacer.gif" width="20" height="10"/></TD>
+        </TR>
+        <TR>
+          <TD valign="top"><span class="label" id="styleView.label.preview">Preview</span></TD>
+          <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+          <TD colspan="7" class="label" width="*">
+              <xsl:for-each select="//Navbar/NavbarState">
+                <xsl:value-of select="@name"/>
+                <xsl:apply-templates select="." mode="preview"/>
+              </xsl:for-each>
+           </TD>
+        </TR>
+      </TABLE></TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.tableStyles">Tabellen-Styles</span></TD>
+  </TR>
+  <TR>
+    <TD>   
+      <xsl:apply-templates select="TableStyles"/>      
+    </TD>
+  </TR>
+  <TR>
+    <TD><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.pageBackground">Seiten-Hintergrund</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="20" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.addPageElements">Zusätzliche Seiten-Elemente</span></TD>
+  </TR>
+  <TR>
+    <TD  valign="top"><!-- Page background -->
+      <div id="background" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+        <table id="background" width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" class="background">
+            <tr>
+              <td  id="background" valign="top"><IMG src="labels/spacer.gif" alt="" name="styleThumb" width="250" height="150" id="background"/></td>
+            </tr>
+        </table>
+      </div>	
+    </TD>
+    <TD><img src="labels/spacer.gif" width="1" height="1" border="0"/></TD>
+    <!-- Additional Page Elements -->
+    <TD valign="top"><xsl:apply-templates select="header" mode="graphicView"/></TD>
+  </TR>
+  <TR>
+    <TD colspan="3"><IMG src="labels/spacer.gif" width="50" height="10"/></TD>
+  </TR>
+</TABLE>
+<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD width="300" background="labels/sv_title_div.gif"><span class="title" id="styleView.label.dataList">Datenlisten-Icons</span></TD>
+    <TD><IMG src="labels/spacer.gif" width="30" height="20"/></TD>
+    <TD background="labels/sv_title_div.gif"><span class="title" id="styleView.label.styledLine">Style-Linie</span></TD>
+  </TR>
+  <TR>
+    <TD valign="top" width="300">
+      <TABLE border="0" cellpadding="5" cellspacing="0" class="objSelected" width="300">
+        <TR>
+          <TD width="300">            
+            <xsl:apply-templates select="Bullet"/>
+          </TD>
+        </TR>
+      </TABLE></TD>
+    <TD><img src="labels/spacer.gif" width="5" height="1" border="0"/></TD>
+    <TD valign="top"><xsl:apply-templates select="Line"/></TD>
+  </TR>
+</TABLE>
+    </body>
+  </html>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="textPreview">
+  <xsl:param name="rollCss">0</xsl:param>
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="self::node()/@id"/>
+  </xsl:variable>
+
+  <xsl:variable name="rollCssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">spanLeft</xsl:when>
+    <xsl:when test="$hAlign = 'right'">spanRight</xsl:when>
+    <xsl:otherwise>spanCenter</xsl:otherwise>
+  </xsl:choose><xsl:value-of select="$rollCss"/>
+  </xsl:variable>
+    <span onmouseover="rollImage(this);"
+    onmouseout="rollImage(this, true);"
+    roll="{$rollCssClass}"
+    rollOut="{$cssClass}"
+    class="{$cssClass}">Button Text</span>
+</xsl:template>
+
+<xsl:template match="//Navbar/NavbarState/Button" mode="preview">		
+<TABLE width="10" border="0" cellpadding="0" cellspacing="0">
+  <TR>
+    <TD>
+  <div name="modePreview">
+  <xsl:choose> <!-- Button set type Text-->
+      <xsl:when test="./ButtonState[@type = 'Text']">
+       <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')"  width="600" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+        <tr><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>        
+         </td><td align="center">  
+         <div class="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}" 
+        onMouseOver="rollImage(this);" 
+        onMouseOut="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/@id}"  style="padding: 5px">        
+          <xsl:apply-templates select="./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']" mode="textPreview">
+            <xsl:with-param name="rollCss">
+              <xsl:value-of select="./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/@id"/>
+            </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}" 
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param>
+        </xsl:apply-templates></div>
+    </td><td align="center"><div class="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  
+        onmouseover="rollImage(this);"
+        onmouseout="rollImage(this, true);"
+        roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id}" 
+        rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/@id}"  style="padding: 5px">
+        <xsl:apply-templates select="./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']" mode="textPreview">
+              <xsl:with-param name="rollCss">
+        <xsl:value-of select="./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/@id"/>
+        </xsl:with-param></xsl:apply-templates></div>
+     </td>	  
+        </tr>				              
+      </table>
+        </xsl:when>
+   <xsl:otherwise><!-- Button set type Image-->        
+    <table onclick="NOF_StyleView_CallInspector(document.getElementById('{../@id}'), 'graphic')" id="NavbarState.{../@id}" name="modePreview" border="{../Border/@size}" cellpadding="{../Space/@size}" cellspacing="{../Space/@size}" height="20">
+      <tr><td>
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+              
+        <img name="modePreview" src="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}" 
+            onMouseOver="rollImage(this);" 
+            onMouseOut="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'HighlightedRollover' or @name = 'SecondaryHighlightedRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Highlighted' or @name = 'SecondaryHighlighted']/Image/@path}"/>
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+        
+        <img name="modePreview" src="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" 
+            onmouseover="rollImage(this);"
+            onmouseout="rollImage(this, true);"
+            roll="{./ButtonState[@name = 'Rollover' or @name = 'SecondaryRollover']/Image/@path}" 
+            rollOut="{./ButtonState[@name = 'Regular' or @name = 'SecondaryRegular']/Image/@path}" />
+      </td></tr>				
+              
+    </table>    
+    </xsl:otherwise>
+  </xsl:choose>       
+  </div>	
+
+</TD></TR></TABLE>  
+</xsl:template>	
+
+<!-- Template :: Button Set   -->
+<xsl:template match="//Navbar/NavbarState" mode="buttonSet">   
+   <tr>        
+      <td align="left"><span class="labelLink"><div id="{@id}" style="height:30" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><xsl:value-of select="@name"/></div></span></td>
+      <td><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>     
+      <xsl:apply-templates select="*" mode="generate"/>  
+   </tr>
+   <tr><td colspan="10"><image src="labels/spacer.gif" height="5" width="5" border="0"/></td></tr>
+</xsl:template>
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState" mode="generate">	
+    <td align="left" valign="middle" width="150" id="Button.{@id}">      
+        <xsl:apply-templates select="."/>       
+    </td><td width="10"><img src="labels/spacer.gif" width="10" height="1" border="0"/></td>
+</xsl:template>	
+
+<!-- Template :: Button State   -->
+<xsl:template match="ButtonState">	    
+    <xsl:choose>        
+      <xsl:when test="@type = 'Text'">
+        <xsl:variable name="hAlign"><xsl:value-of select="@hAlign"/></xsl:variable>
+        <xsl:variable name="spanAlign">
+          <xsl:choose>
+            <xsl:when test="$hAlign = 'left'">spanLeft<xsl:value-of select="@id"/></xsl:when>
+            <xsl:when test="$hAlign = 'right'">spanRight<xsl:value-of select="@id"/></xsl:when>
+            <xsl:otherwise>spanCenter<xsl:value-of select="@id"/></xsl:otherwise>
+          </xsl:choose>
+        </xsl:variable>                    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal" style="{./Font/@css}">
+           <span  id="{@id}" class="{$spanAlign}">Button Text</span></div>
+           <style>
+             .<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>}
+          
+              .spanLeft<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px <xsl:value-of select="@hoffset"/>px}
+          
+              .spanRight<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px <xsl:value-of select="@hoffset"/>px 0px 0px}
+          
+              .spanCenter<xsl:value-of select="@id"/>{<xsl:value-of select="./Font/@css"/>;
+              padding: <xsl:value-of select="@vAlign"/>px 0px 0px 0px}  
+          </style>        
+      </xsl:when>           
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}"  src="{./Image/@path}" border="0"/></div>     
+      </xsl:otherwise>        
+    </xsl:choose>            
+</xsl:template>	
+    
+<!-- Template :: Banner   -->  
+<xsl:template match="Banners">
+    <xsl:for-each select="*">
+     <table><tr><td>
+      <div id="Banner.{./@id}">
+        <xsl:apply-templates select="."/>
+      </div>
+      </td></tr></table>
+    </xsl:for-each>
+</xsl:template>
+
+<xsl:template match="Banner">
+   <SPAN class="label"><xsl:value-of select="@name"/></SPAN>
+    <xsl:choose>  
+      <xsl:when test="@type = 'Image'">
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+            <img id="{@id}" src="{./Image/@path}" />
+        </div>
+      </xsl:when>        
+      <xsl:when test="@type = 'Text'">    
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+  <img src="labels/spacer.gif" width="1" height="1"/><xsl:apply-templates select="." mode="bannerText"/></div>
+      </xsl:when>      
+      <xsl:otherwise>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+         <img id="{@id}" src="{./Image/@path}" />
+        </div>	
+      </xsl:otherwise>
+    </xsl:choose>
+</xsl:template>
+
+<xsl:template match="Banner" mode="bannerText">  
+  <xsl:variable name="hAlign"><xsl:value-of select="./@hAlign"/></xsl:variable>
+  <xsl:variable name="voffset"><xsl:value-of select="./@vAlign"/></xsl:variable>
+  <xsl:variable name="hoffset"><xsl:value-of select="./@hoffset"/></xsl:variable>
+
+  <xsl:variable name="cssClass">
+  <xsl:choose>
+    <xsl:when test="$hAlign = 'left'">;padding: <xsl:value-of select="$voffset"/>px 0px 0px <xsl:value-of select="$hoffset"/>px</xsl:when>
+    <xsl:when test="$hAlign = 'right'">;padding: <xsl:value-of select="$voffset"/>px <xsl:value-of select="$hoffset"/>px 0px 0px</xsl:when>
+    <xsl:otherwise>;padding: <xsl:value-of select="$voffset"/>px 0px 0px 0px</xsl:otherwise>
+  </xsl:choose>
+  </xsl:variable>
+   <span  style="{./Font/@css}{$cssClass}">Text Banner</span>
+</xsl:template>
+
+<!-- Template :: Bullet  -->
+<xsl:template match="Bullet">
+ <table border="0" cellspacing="0">
+   <tr><td>
+        <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal">
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>
+        </div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+
+<!-- Template :: Bullet  mode=preview-->
+<xsl:template match="Bullet" mode="preview">
+ <table border="0" cellspacing="0">
+   <tr><td>        
+           <table  border="0" cellspacing="1" cellpadding="1" id="{@id}">
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>
+             </tr>	
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>
+             <tr>
+                <td width="10" align="left" scope="col" id="{@id}"><img  id="{@id}" src="{@path}"/></td>
+                <td width="100" align="left" scope="col" id="{@id}" class="dataList">Datenlisten-Icon</td>             
+             </tr>			
+           </table>        
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>
+</xsl:template>
+  
+<xsl:template match="Line">
+ <table border="0" cellspacing="0">
+   <tr><td>
+       <div id="{@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" class="objNormal"><img id="{@id}" src="{@path}"/></div>	
+    </td>
+    <td width="*"></td>
+    </tr>
+  </table>	
+</xsl:template>	
+
+
+<xsl:template match="Author">                 		
+       <span id="{@id}"><font class="label"><xsl:value-of select="@name"/></font></span>		             
+</xsl:template>
+
+<xsl:template match="TableStyles">
+    <table class="objNormal">
+      <tr> 
+        <xsl:for-each select="TableStyle"> 
+          <xsl:if test="position() mod 4 = 0">
+            <xsl:text disable-output-escaping="yes">&lt;/td&gt;</xsl:text>
+            <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+          </xsl:if>          
+          <td>                
+            <div id="{./@id}" onclick="NOF_StyleView_CallInspector(this, 'graphic')" onmousedown="NOF_StyleView_TsRightClick({./@id})" class="objNormal" bgcolor="#FFFFFF">
+              <table border="0" cellspacing="0" cellpadding="0">
+                <tr>
+                  <xsl:apply-templates select="."/>                  
+                </tr>
+              </table>
+            </div>  
+          </td>
+        </xsl:for-each>
+    </tr>
+  </table>        
+</xsl:template>
+
+
+<xsl:template match="TableStyle[position() != 1 and position() mod 3 = 1]">
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+<xsl:template match="TableStyle[position() = 1 or position() mod 3 != 1]">
+  <xsl:call-template name="TableDescription"/>
+</xsl:template>
+
+<xsl:template name="TableDescription">	
+  <td align="left">          
+      <B>
+        <img src="labels/spacer.gif" width="5" height="1"/>
+        <font class="label"><xsl:value-of select="./@name" /></font>
+      </B> 
+      <table cellpadding="2" cellspacing="2" border="1" bordercolor="#FFFFFF">					
+        <xsl:for-each select="TableLayout">			
+          <xsl:apply-templates select="."/>					
+        </xsl:for-each>				
+      </table>          
+  </td>
+</xsl:template>
+
+<xsl:variable name="ROWS">5</xsl:variable>
+<xsl:variable name="COLUMNS">5</xsl:variable>
+
+<xsl:template match="TableLayout">		
+  <xsl:variable name="pTop"><xsl:value-of select="parent::TableStyle/RepeatRegion/top"/></xsl:variable>
+  <xsl:variable name="pBottom"><xsl:value-of select="parent::TableStyle/RepeatRegion/bottom"/></xsl:variable>
+  <xsl:variable name="pLeft"><xsl:value-of select="parent::TableStyle/RepeatRegion/left"/></xsl:variable>
+  <xsl:variable name="pRight"><xsl:value-of select="parent::TableStyle/RepeatRegion/right"/></xsl:variable>
+
+  <xsl:variable name="h"><xsl:value-of select="count(parent::TableStyle/TableLayout/row)"/></xsl:variable>
+  <xsl:variable name="w"><xsl:value-of select="count(parent::TableStyle/TableLayout/row/cell) div $h"/></xsl:variable>
+  <xsl:variable name="rrW"><xsl:value-of select="$pRight - $pLeft + 1"/></xsl:variable>
+  <xsl:variable name="rrH"><xsl:value-of select="$pBottom - $pTop + 1"/></xsl:variable>
+  
+        
+  <!-- display row before counting	-->	
+  <xsl:for-each select="row[position() &lt; $pTop]">	 
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+    
+  
+  <xsl:call-template name="repeatRows">
+    <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+    <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+    <xsl:with-param name="pRRHeight"><xsl:value-of select="$rrH"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    <xsl:with-param name="pHeight"><xsl:value-of select="$h - $rrH"/></xsl:with-param>
+  </xsl:call-template>
+  
+
+  <!-- display row after counting	-->	
+  <xsl:for-each select="row[position() &gt; $pBottom]">
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="pRepeatRegion">0</xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$rrW"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$w"/></xsl:with-param>
+    </xsl:apply-templates>
+  </xsl:for-each>	
+  
+</xsl:template>
+
+<xsl:template name="repeatRows">
+  <xsl:param name="pTop">1</xsl:param>
+  <xsl:param name="pBottom">1</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pRRHeight">0</xsl:param>			
+  <xsl:param name="pWidth">0</xsl:param>
+  <xsl:param name="pHeight">0</xsl:param>			
+  
+  <xsl:for-each select="row[(position() &gt;= $pTop) and (position() &lt;= $pBottom)]">
+    <xsl:if test="(position() &lt;= $pRRHeight) and ((position() + $pHeight) &lt;= $ROWS)">
+      <xsl:apply-templates select=".">
+        <xsl:with-param name="pRepeatRegion">1</xsl:with-param>
+        <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+        <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+        <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+        <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      </xsl:apply-templates>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pHeight + $pRRHeight) &lt; $ROWS">
+    <xsl:call-template name="repeatRows">
+      <xsl:with-param name="pTop"><xsl:value-of select="$pTop"/></xsl:with-param>
+      <xsl:with-param name="pBottom"><xsl:value-of select="$pBottom"/></xsl:with-param>
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>			
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pRRHeight"><xsl:value-of select="$pRRHeight"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth"/></xsl:with-param>
+      <xsl:with-param name="pHeight"><xsl:value-of select="$pRRHeight + $pHeight"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="row">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">1</xsl:param>
+  <xsl:param name="pWidth">1</xsl:param>
+  
+  <xsl:text disable-output-escaping="yes">&lt;tr&gt;</xsl:text>
+  
+  <xsl:for-each select="cell[position() &lt; $pLeft]">			
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+
+  
+  <xsl:call-template name="repeatCols">
+    <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>
+    <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+    <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+    <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+    <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth - $pRRWidth"/></xsl:with-param>
+  </xsl:call-template>
+
+
+  <xsl:for-each select="cell[position() &gt; $pRight]">		
+    <xsl:apply-templates select=".">
+      <xsl:with-param name="borderColor">#000000</xsl:with-param>
+    </xsl:apply-templates>		
+    </xsl:for-each>
+    
+  <xsl:text disable-output-escaping="yes">&lt;/tr&gt;</xsl:text>
+    
+</xsl:template>
+
+
+<xsl:template name="repeatCols">
+  <xsl:param name="pRepeatRegion">0</xsl:param>
+  <xsl:param name="pLeft">1</xsl:param>
+  <xsl:param name="pRight">1</xsl:param>
+  <xsl:param name="pRRWidth">0</xsl:param>
+  <xsl:param name="pWidth">0</xsl:param>
+    
+  <xsl:for-each select="cell[(position() &gt;= $pLeft) and (position() &lt;= $pRight)]">
+    <xsl:if test="(position() &lt;= $pRRWidth) and ((position() + $pWidth) &lt;= $COLUMNS)">
+      <xsl:choose>
+        <xsl:when test="$pRepeatRegion = 1">
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#FF0000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:apply-templates select=".">
+            <xsl:with-param name="borderColor">#000000</xsl:with-param>
+          </xsl:apply-templates>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:for-each>	
+  <xsl:if test="($pWidth + $pRRWidth) &lt; $COLUMNS">
+    <xsl:call-template name="repeatCols">
+      <xsl:with-param name="pRepeatRegion"><xsl:value-of select="$pRepeatRegion"/></xsl:with-param>		
+      <xsl:with-param name="pLeft"><xsl:value-of select="$pLeft"/></xsl:with-param>
+      <xsl:with-param name="pRight"><xsl:value-of select="$pRight"/></xsl:with-param>
+      <xsl:with-param name="pRRWidth"><xsl:value-of select="$pRRWidth"/></xsl:with-param>
+      <xsl:with-param name="pWidth"><xsl:value-of select="$pWidth + $pRRWidth"/></xsl:with-param>			
+    </xsl:call-template>
+  </xsl:if>
+</xsl:template>
+
+
+<xsl:template match="cell">
+  <xsl:param name="borderColor">
+    #FFFFFF
+  </xsl:param>
+  <td bgcolor="{@bgcolor}" background="{@background}" width="40" height="30" bordercolor="{$borderColor}" align="center" valign="center">		
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;U&gt;</xsl:text>
+    </xsl:if>
+      
+    <Font face="{Font/@face}" color="{Font/@color}">
+      Text
+    </Font>
+        
+    <xsl:if test="Font/@italic = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/I&gt;</xsl:text>
+    </xsl:if>
+    <xsl:if test="Font/@underline = 1">
+      <xsl:text disable-output-escaping="yes">&lt;/U&gt;</xsl:text>
+    </xsl:if>      	
+  </td>
+</xsl:template>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/scripts.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/scripts.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/scripts.xsl	(revision 714)
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet  xmlns:xsl= "http://www.w3.org/1999/XSL/Transform"
+                 xmlns:msxsl="urn:schemas-microsoft-com:xslt"
+                 xmlns:nof="http://netobjects.com/nof"
+                 version="1.0">
+  
+<xsl:output method="html"/>
+<xsl:output cdata-section-elements="SCRIPT"/>
+<xsl:strip-space elements="*"/>  
+
+<msxsl:script implements-prefix="nof">              
+<![CDATA[  
+function getHexDigit(decimal) {			
+   var hexArray = Array("A", "B", "C", "D", "E", "F");
+   var hexVal = parseInt(0 + decimal, 10);
+  
+   if ((hexVal) > 15) {
+     return null;
+   }
+   else {
+      hexVal = hexVal < 10 ? hexVal : hexArray[hexVal-10];
+   }
+   return hexVal;
+}
+
+function decToHex(decimal) {
+  if (decimal.length == 1)
+    return "#000000";
+    
+   var temp = parseInt(decimal,10);	
+   if (isNaN(temp)) { 
+     return  "#000000";
+   }
+  
+   var hex = "";
+   while (temp > 15) {
+      remainder = temp % 16;
+      hex = getHexDigit(remainder) + "" + hex
+      temp = parseInt(temp / 16);
+   }
+   if (temp >= 0) {
+      hex =  getHexDigit(temp) + "" + hex
+   }
+   else {    
+      return 0;
+   }
+   
+   size  = hex.length;
+   zeros = "";
+   if ( size != 6 ) 
+      for ( j=0; j < 6 - size; j++ ) {
+      zeros = zeros + "0";
+    }
+   
+   //zeros + hex is the complement color of the one show by Fusion
+   var hexa = zeros + hex;
+   return ("#"   + hexa.substring(4, 6	) + hexa.substring(2, 4) + hexa.substring(0, 2));
+}  
+
+function parseHeight(value) {
+  return value.substring(value.indexOf("-") + 1, value.length);
+}
+
+function parseFontStyle(value) {
+  var value = "";
+  if (arguments[0] != 0) //italic
+    value =  "italic";
+  
+  return value;
+}
+
+/*
+function parseTextDecoration() {
+  var value = "";				
+  if (arguments[0] != 0) //strikeout
+    value = "line-through";
+  if (arguments[1] != 0)
+    value += "underline"; //underline		
+  
+  return value;
+}*/
+  
+
+function getFontSize(value) {    
+  value = value + "";
+  
+  if (value.length == 0)
+    return "";
+ 
+  value = value.substring(value.indexOf("-") + 1, value.length);
+    
+  return value;  
+}
+
+function getHorizAndVert (value) {    
+  var hAlign = "left";
+  
+  if (value == 64)
+   hAlign = "center"
+  else if (value == 128)
+    hAlign = "right";
+    
+  return hAlign;// + "; vertical-align:" + vAlign + "; white-space:nowrap;"; 
+}
+
+]]>
+</msxsl:script>
+
+</xsl:stylesheet>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStylePreview.xsl
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStylePreview.xsl	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/template/siteStylePreview.xsl	(revision 714)
@@ -0,0 +1,281 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:import href="siteStyle.xsl"/>
+<xsl:output method="html" />
+<xsl:strip-space elements="*" />
+
+<xsl:template match="SiteStyle">
+<html>
+<head>
+<link rel="stylesheet" href="display.css" type="text/css" />
+<script>
+
+  //Get the absolute path to navabar script
+  var fsiApp = new ActiveXObject("FSI.FSIApplication");
+  document.write("&lt;script language='javascript' src='" + fsiApp.AppDirectory + "NetObjects System/rollover.js'&gt;&lt;\/script&gt;" );
+
+  fsiApp = null;  
+      
+  /**
+  * Move site style elements when a decorative style has been choosed.
+  */
+  function handleStyleElements() {
+  
+    //Move banner into decorator
+    if (document.getElementById("bannerContainer")) {
+      document.getElementById("bannerContainer").innerHTML = document.getElementById("defaultBanner").innerHTML;
+      document.getElementById("defaultBanner").innerHTML =  "";
+    } else if (typeof (isDecorator) != "undefined" &amp;&amp; isDecorator ) {
+      document.getElementById("defaultBanner").innerHTML =  "";
+    }
+    
+    //Move page content
+    if (typeof (topOffset) != "undefined" &amp;&amp;  typeof (leftOffset) != "undefined") {
+      document.getElementById("pageContainer").style.position = "absolute";
+      document.getElementById("pageContainer").style.top      = topOffset + "px";
+      document.getElementById("pageContainer").style.left     = leftOffset + "px";                  
+    }
+    
+    //If decorator style includes a navbar.
+    if (document.getElementById("navbarContainer")){ 
+        var container = document.getElementById("navbarContainer");
+        if ( container.type == "" ||  container.type == "vertical") {
+          container.innerHTML = document.getElementById("defaultNavbarVertical").innerHTML;            
+        }
+        else if (container.type == "horizontal") {
+          container.innerHTML = document.getElementById("defaultNavbarHorizontal").innerHTML;            
+        }      
+        
+        removeNavbar("defaultNavbarVertical");
+        removeNavbar("defaultNavbarHorizontal");
+    } else //No decorative styles
+      removeNavbar("defaultNavbarHorizontal");   
+  }  
+  
+  function removeNavbar(navbarId) {
+      document.getElementById(navbarId).innerHTML = "";                
+  }
+</script>
+</head>
+<style type="text/css">
+body {
+  margin: 10px;
+}
+
+.dataList {  
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  font-weight: bold;
+  vertical-align: text-top;
+  white-space: nowrap;		
+}
+</style>
+
+<style ID="NOF_STYLE_SHEET">
+.NavigationButton2_1 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_1Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_2 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_2Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_3 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_3Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_4 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_4Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+.NavigationButton2_5 {width:130px; height:24px; font-face:Trebuchet MS; font-size:9; font-color:#ffffff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+.NavigationButton2_5Hover {width:130px; height:24px; font-face:Trebuchet MS; font-size:6; font-color:#ff66ff; background-color:#338c82; font-weight: bold; cursor:hand; text-decoration:none;}
+
+DIV#NavigationBar2_1LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;}
+DIV#NavigationBar2_2LYR { 
+position:absolute; visibility:hidden; top:0; left:0; z-index:1;
+}
+</style>
+
+<xsl:apply-templates select="Navbar" mode="generate"/>
+
+<body bgcolor="" background="" onload="handleStyleElements()">
+<div id="pageContainer">
+  <TABLE width="600" border="0" cellpadding="0" cellspacing="0">
+    <TR>
+      <TD></TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+      <TD align="center">
+        <div id="defaultBanner">
+          <xsl:apply-templates select="Banners/Banner[position() = 1]" />
+        </div>
+      </TD>
+      <TD><IMG src="labels/spacer.gif" width="20" height="1"/></TD>
+    </TR>
+    <TR>
+      <TD valign="top">
+        <div id="defaultNavbarHorizontal">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        <div id="defaultNavbarVertical">
+           <table  border="0" cellspacing="0" cellpadding="0" width="130">
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button1"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button2"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button3"/></a></td>
+              </tr>
+              <tr valign="top" align="left">
+                  <td width="130" height="24"><a href="#" onMouseOver="F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><xsl:apply-templates select="Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]" mode="button4"/></a></td>
+              </tr>                               
+          </table>
+        </div>
+        
+      </TD>
+      <TD></TD>
+      <TD valign="top">
+        <TABLE id="layout" border="0" cellspacing="0" cellpadding="0">
+          <TR>
+            <TD><H1>Heading 1</H1>
+              <H3>Heading 3</H3>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">sample link</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. </P>
+              <H5>Heading 5</H5>
+              <P>Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum <A href="JavaScript:void(0);">sample link</A>. Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.Lorem ip sum, Dolor sit amet, consectetuer adipiscing elit, sed diam nonum.</P>
+              <IMG src="" alt="" name="line" width="350" height="2" id="line" border="0"/>
+                <TABLE border="0" cellspacing="0" cellpadding="0">
+                <TR>
+                  <TD align="center"><H4>Heading 4</H4></TD>
+                  <TD><IMG src="labels/spacer.gif" width="50" height="30"/></TD>
+                  <TD align="center"><H4>Heading 4</H4></TD>
+                </TR>
+                <TR>
+                  <TD valign="top">      
+                    <OL>
+                      <LI>Item 1</LI>
+                      <UL>
+                        <LI>Item A</LI>
+                        <LI>Item B</LI>
+                      </UL>
+                      <LI>Item 2</LI>
+                      <LI>Item 3</LI>
+                    </OL></TD>
+                  <TD></TD>
+                  <TD valign="top">
+                    <xsl:apply-templates select="Bullet" mode="preview"/>
+                  </TD>
+                </TR>
+                <TR>
+                  <TD valign="top"></TD>
+                  <TD></TD>
+                  <TD valign="top"></TD>
+                </TR>
+            </TABLE></TD>
+          </TR>
+          <TR>
+            <TD align="center"><p align="center"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">[</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Home</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled1</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [Untitled2] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled3</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">] [</font><a href="#"><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Untitled4</font></a><font size="-2" face="Arial,Helvetica,Geneva,Sans-serif,sans-serif">]</font></p></TD>
+          </TR>
+        </TABLE></TD>
+      <TD></TD>
+    </TR>
+  </TABLE>
+</div>
+<xsl:apply-templates select="header"/>
+
+</body>
+</html>
+</xsl:template>
+
+
+
+<xsl:template match="Navbar" mode="generate">
+<script>
+ var C_MENU_BORDER = 0
+ var C_MENU_SPACING = 0
+ var C_MENU_BGCOLOR = ""
+ var C_MENU_AUTO_CLOSE = true; 
+ new NOF_Menu(
+   new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar2_1', 'vertical', 'slideRight', 130, 0, 
+     new NOF_Menu_Button('#','<xsl:value-of select="../Navbar/NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                              '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>',
+        new NOF_Menu_Item('NavigationBar2_2',  'vertical', 'fadeRight', 130, 0,         
+          new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                  '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))),
+        new NOF_Menu_Button('#','<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 1]/Image/@path"/>',
+                                '<xsl:value-of select="./NavbarState[position() = 1]/Button[position() = 1]/ButtonState[position() = 3]/Image/@path"/>'))));
+                                
+   function preLoad(obj, path, array) {    
+    
+      var offsetX = 130; // Define submenu offsetX
+      var offsetY = 0; // Define submenu offsetX
+      
+      if (document.getElementById("navbarContainer")){
+        var container = document.getElementById("navbarContainer");
+        if (typeof(container.type) != "undefined" &amp;&amp; container.type == "horizontal") {                      
+          offsetX = 0;
+          offsetY = 40;
+        } else
+          container.type = "vertical";
+      }
+    
+     if (array == 0)
+      F_loadRollover(obj, path, 0)
+     else      
+      F_loadRollover(obj, path, new Array('NavigationBar2_1', 'vertical', 'slideRight', offsetX, offsetY));     
+   }
+
+</script>  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button1">
+  <img id="NavigationButton2" name="NavigationButton1" 
+  src="{../ButtonState[position() = 2 ]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 4]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button2">
+  <img id="NavigationButton2" name="NavigationButton2" 
+  src="{//Navbar/NavbarState/Button/ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}', new Array('NavigationBar4_1', 'vertical', 'slideRight', 130, 0))" border="0" alt="Button" title="Button" />  
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button3">
+  <img id="NavigationButton3" name="NavigationButton3"
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="ButtonState" mode="button4">
+  <img id="NavigationButton4" name="NavigationButton4" 
+  src="{../ButtonState[position() = 1]/Image/@path}" 
+  onLoad="preLoad(this,'{../ButtonState[position() = 3]/Image/@path}',0)" border="0" alt="Button" title="Button" />
+</xsl:template>
+
+<xsl:template match="Banner">  
+  <div id="Banner.Default">
+  <xsl:choose>  	
+    <xsl:when test="@type = 'Image'">      
+        <img src="{./Image/@path}" />
+    </xsl:when>
+    <xsl:otherwise>   
+      <div style="{./Font/@css}"><img src="labels/spacer.gif" width="1" height="1">Text Banner</img></div>
+    </xsl:otherwise>
+   </xsl:choose> 
+  </div>      
+</xsl:template>
+
+
+</xsl:stylesheet>		
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.ssx
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.ssx	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/Style.ssx	(revision 714)
@@ -0,0 +1,1 @@
+<SiteStyle name="Glasgow - Aqua &amp; Orange" version="3"><Banners><Banner id="2" type="Image" name="Banner 1" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="-2"><Image path="..\..\Assets\transparent.gif"/><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></Banner><Banner id="19" type="Text" name="Banner 2" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="11"><Font css="font-family:Zero Threes; font-size:28; font-weight:700; font-style:normal; color:#000000; background-color:#ffffff; width:600px; height:50px; text-align:center; " pitchandfamily="34"/></Banner><Banner id="21" type="Image" name="Banner 3" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="4"><Image path="..\..\Assets\banner2.gif"/><Font css="font-family:Zero Threes; font-size:16; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="23" type="Image" name="Banner 4" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="6"><Image path="..\..\Assets\banner3.gif"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner><Banner id="25" type="Image" name="Banner 5" alignment="576" orientation="0" justification="1" hoffset="5" voffset="0" hAlign="center" vAlign="2"><Image path="..\..\Assets\banner3_transparent_grey254_400px.gif"/><Font css="font-family:Zero Threes; font-size:20; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="34"/></Banner></Banners><Navbar><NavbarState name="Primary" id="3" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="4" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="5" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#000000; " pitchandfamily="0"/></ButtonState><ButtonState id="6" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:400; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState><ButtonState id="7" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="11" voffset="0" hAlign="left" vAlign="6"><Image path="..\..\Assets\menu_base.jpg"/><Font css="font-family:Zero Threes; font-size:11; font-weight:700; font-style:normal; color:#ffffff; " pitchandfamily="0"/></ButtonState></Button></NavbarState><NavbarState name="Secondary" id="8" type="Image"><Border size="0"/><Space size="0"/><Button><ButtonState id="9" type="Image" name="Regular" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s1.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:400; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="10" type="Image" name="Rollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s2.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="11" type="Image" name="Highlighted" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s3.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState><ButtonState id="12" type="Image" name="HighlightedRollover" alignment="4640" orientation="0" justification="1" hoffset="14" voffset="0" hAlign="left" vAlign="8"><Image path="Images\s4.gif"/><Font css="font-family:Trebuchet MS; font-size:8; font-weight:700; font-style:normal; color:#330066; " pitchandfamily="0"/></ButtonState></Button></NavbarState></Navbar><Line path="Images\line.gif" id="13"/><Bullet path="Images\dataicon.gif" id="14"/><Author name="Website Pros, Inc." id="15"/><TableStyles><TableStyle name="Table Style 1" id="17"><RepeatRegion><top>0</top><bottom>3</bottom><left>0</left><right>3</right></RepeatRegion><TableLayout name="" id="0"><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row><row><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell><cell transparent="1"><Font color="#000000">Text</Font></cell></row></TableLayout></TableStyle></TableStyles></SiteStyle>
Index: /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/display.css
===================================================================
--- /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/display.css	(revision 714)
+++ /GTP-Internal/trunk/Webpage/NOF/gtp_webpage/Styles/GameTools1/display.css	(revision 714)
@@ -0,0 +1,26 @@
+/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
+BODY { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; background-color: rgb(255,255,255); background-image: none;}
+ .background { background-color: rgb(255,255,255); background-image: none; }
+A:active { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0);}
+ A:active { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0);}
+ A:active { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0);}
+.active { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0);}
+ A:link { color: rgb(0,51,204);}
+ A:link { color: rgb(0,51,204);}
+ A:link { color: rgb(0,51,204);}
+.linked { color: rgb(0,51,204);}
+ UL { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ A:visited { color: rgb(153,0,153);}
+ A:visited { color: rgb(153,0,153);}
+ A:visited { color: rgb(153,0,153);}
+.visited { color: rgb(153,0,153);}
+ P { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ LI { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ OL { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ A { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small;}
+ .TextNavBar { font-size: xx-small;}
+ A:hover { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0); font-weight: normal; font-style: normal;}
+ A:hover { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0); font-weight: normal; font-style: normal;}
+ A:hover { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0); font-weight: normal; font-style: normal;}
+.hover { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; font-size: x-small; color: rgb(255,0,0); font-weight: normal; font-style: normal;}
+ 
