diff --git a/fsfeurope.css b/fsfeurope.css
index 8a657ac561..7329c2e535 100644
--- a/fsfeurope.css
+++ b/fsfeurope.css
@@ -517,15 +517,21 @@ a.fn {
 }
 
 .event .date .day,
-.event .date .month,
-.event .date .conjunction {
+.event .date .conjunction,
+.event .date .month {
 	display: block;
+}
+
+.event .date .conjunction {
 	font-size: 90%;
 }
 
 .event .date .day {
 	font-size: 300%;
-	display: block;
+}
+
+.event .date .month {
+	font-size: 110%;
 }
 
 .event .date.multiple .from .day,
diff --git a/index.xsl b/index.xsl
index d01e563109..bfa49f078a 100644
--- a/index.xsl
+++ b/index.xsl
@@ -1,8 +1,11 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
+<?xml version="1.0" encoding="UTF-8"?>
 
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:dt="http://xlstls.org/date-time">
 
-  <xsl:output method="xml" encoding="ISO-8859-1" indent="yes" />
+  <xsl:import href="tools/xsltsl/date-time.xsl" />
+  <xsl:output method="xml" encoding="UTF-8" indent="yes" />
 
   <!-- $today = current date (given as <html date="...">) -->
   <xsl:variable name="today">
@@ -24,7 +27,7 @@
       <div class="text">
         <xsl:apply-templates select="body/node()" />
         <xsl:variable name="link"><xsl:value-of select="link" /></xsl:variable>
-        <xsl:if test="$link!=''">
+        <xsl:if test="$link != ''">
           <xsl:text> </xsl:text>
           <a class="read_more" href="{link}"><xsl:value-of select="/html/text[@id='more']" /></a>
         </xsl:if>
@@ -34,25 +37,79 @@
 
   <!-- Show a single event -->
   <xsl:template name="event">
-    <xsl:variable name="start"><xsl:value-of select="@start" /></xsl:variable>
-    <xsl:variable name="end"><xsl:value-of select="@end" /></xsl:variable>
-    <xsl:variable name="link"><xsl:value-of select="link" /></xsl:variable>
+
+    <!-- Create variables -->
+    <xsl:variable name="start">
+      <xsl:value-of select="@start" />
+    </xsl:variable>
+    
+    <xsl:variable name="start_day">
+      <xsl:value-of select="substring($start,9,2)" />
+    </xsl:variable>
+    
+    <xsl:variable name="start_month">
+      <xsl:call-template name="dt:get-month-abbreviation">
+        <xsl:with-param name="month" select="substring($start,6,2)" />
+      </xsl:call-template>
+    </xsl:variable>
+    
+    <xsl:variable name="end">
+      <xsl:value-of select="@end" />
+    </xsl:variable>
+    
+    <xsl:variable name="end_day">
+      <xsl:value-of select="substring($end,9,2)" />
+    </xsl:variable>
+    
+    <xsl:variable name="end_month">
+      <xsl:call-template name="dt:get-month-abbreviation">
+        <xsl:with-param name="month" select="substring($end,6,2)" />
+      </xsl:call-template>
+    </xsl:variable>
+    
+    <xsl:variable name="link">
+      <xsl:value-of select="link" />
+    </xsl:variable>
+ 
     <div class="event">
       <h3><xsl:value-of select="title" /></h3>
-      <div class="date">
-        <xsl:value-of select="@start" />
-        <xsl:if test="$start != $end"> 
-          <br />
-          <xsl:value-of select="@end" />
-        </xsl:if>
-      </div>
-      <div class="text">
-        <xsl:apply-templates select="body/node()" /> 
-        <xsl:if test="$link!=''">
-          <xsl:text> </xsl:text>
-          <a class="read_more" href="{link}"><xsl:value-of select="/html/text[@id='more']" /></a>
-        </xsl:if>
-      </div>
+      
+      <xsl:choose>
+      <xsl:when test="$start != $end">
+        <p class="date multiple">
+          <span class="n">(</span>
+          <span class="from">
+            <span class="day"><xsl:value-of select="$start_day" /> </span>
+            <span class="month"><xsl:value-of select="$start_month" /></span>
+          </span>
+          <span class="conjunction"><xsl:value-of select="/html/text [@id = 'to']" /></span>
+          <span class="to">
+            <span class="day"><xsl:value-of select="$end_day" /> </span>
+            <span class="month"><xsl:value-of select="$end_month" /></span>
+          </span>
+          <span class="n">)</span>
+        </p>
+      </xsl:when>
+      <xsl:otherwise>
+        <p class="date">
+          <span class="n">(</span>
+          <span class="day">14 </span>
+          <span class="month">Jan</span>
+          <span class="n">)</span>
+        </p>
+      </xsl:otherwise>
+    </xsl:choose>
+
+    <xsl:apply-templates select="body/node()" /> 
+    
+    <xsl:if test="$link != ''">
+      <p class="read_more">
+        <a href="{link}">
+          <xsl:value-of select="/html/text[@id='more']" />
+        </a>
+      </p>
+    </xsl:if>
+
     </div>
   </xsl:template>
 
@@ -70,8 +127,8 @@
           </xsl:if>
         </xsl:for-each>
         <ul class="tools">
-          <li><a class="more_news" href="news/news.html"><xsl:value-of select="/html/text[@id='morenews']" /></a></li>
-          <li><a class="rss" href="news/news.rss">RSS</a></li>
+          <li><a class="more_news" href="/news/news.html"><xsl:value-of select="/html/text[@id='morenews']" /></a></li>
+          <li><a class="rss" href="/news/news.rss">RSS</a></li>
         </ul>
       </div> <!-- /#news -->
       <div id="events">
@@ -84,8 +141,8 @@
           </xsl:if>
         </xsl:for-each>
         <ul class="tools">
-          <li><a class="more_events" href="events/events.html"><xsl:value-of select="/html/text[@id='moreevents']" /></a></li>
-          <li><a class="rss" href="events/events.rss">RSS</a></li>
+          <li><a class="more_events" href="/events/events.html"><xsl:value-of select="/html/text[@id='moreevents']" /></a></li>
+          <li><a class="rss" href="/events/events.rss">RSS</a></li>
         </ul>
       </div> <!-- /#events -->
     </body>
@@ -103,3 +160,4 @@
   </xsl:template>
 
 </xsl:stylesheet>
+