From 39aaba93b412959cc6309b1a7d7579ddd1fd5fd4 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Wed, 5 Mar 2014 10:35:33 +0100
Subject: [PATCH 01/16] commons-logging might interfere with slf4j

See:
http://stackoverflow.com/questions/7952154/spring-resttemplate-how-to-enable-full-debugging-logging-of-requests-responses
---
 pom.xml | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/pom.xml b/pom.xml
index b9e7a1b3..5559fa2d 100644
--- a/pom.xml
+++ b/pom.xml
@@ -57,6 +57,12 @@
       <groupId>org.springframework</groupId>
       <artifactId>spring-webmvc</artifactId>
       <version>${springframework.version}</version>
+      <exclusions>
+        <exclusion>
+            <groupId>commons-logging</groupId>
+            <artifactId>commons-logging</artifactId>
+        </exclusion>
+      </exclusions>
     </dependency>
 
     <!-- Tiles -->
-- 
2.20.1


From 292ac623176fa0579d3c81bfb3fc459eb9327f4e Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Thu, 6 Mar 2014 10:32:17 +0100
Subject: [PATCH 02/16] =?utf8?q?Dummy-Inhalt=20mit=20Hinweis=20f=C3=BCr=20?=
 =?utf8?q?unfertige=20Seiten=20entwickelt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/templates/maincontent.jsp  |  28 ++++++++----------
 src/main/webapp/WEB-INF/templates/wip.jsp     |   8 +++++
 .../WEB-INF/views/about/professions.jsp       |  18 +++++------
 .../webapp/WEB-INF/views/about/references.jsp |  16 ++++------
 src/main/webapp/WEB-INF/wro.xml               |   4 +++
 src/main/webapp/img/comming-soon.png          | Bin 0 -> 54714 bytes
 src/main/webapp/less/screen.less              |   1 +
 src/main/webapp/less/screen/wip.less          |  25 ++++++++++++++++
 8 files changed, 63 insertions(+), 37 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/templates/wip.jsp
 create mode 100644 src/main/webapp/img/comming-soon.png
 create mode 100644 src/main/webapp/less/screen/wip.less

diff --git a/src/main/webapp/WEB-INF/templates/maincontent.jsp b/src/main/webapp/WEB-INF/templates/maincontent.jsp
index de5e1794..c09b6b0a 100644
--- a/src/main/webapp/WEB-INF/templates/maincontent.jsp
+++ b/src/main/webapp/WEB-INF/templates/maincontent.jsp
@@ -1,6 +1,7 @@
 <%@page contentType="text/html;charset=UTF-8"%>
 <%@page pageEncoding="UTF-8"%>
 <%@page session="false" %>
+<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 <p>
   <strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do
   eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -10,9 +11,14 @@
   pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
   culpa qui officia deserunt mollit anim id est laborum.
 </p>
-<p>
-  ÄäÖöÜüß@€¢
-</p>
+<h2>Duis aute irure dolor</h2>
+<ul>
+  <li>Operators and other mathematical stuff: <c:out value="-+/*"/></li>
+  <li>Characters offten used in programming languages: <c:out value="{(<>)}@$?%*#;:&/\!^\"'`~"/></li>
+  <li>Special german characters: <c:out value="ÄäÖöÜü"/></li>
+  <li>Other special characters: <c:out value="@€¢§%°"/></li>
+</ul>
+<h2>Excepteur sint occaecat cupidatat</h2>
 <p>
   Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
   eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -22,21 +28,11 @@
   pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
   culpa qui officia deserunt mollit anim id est laborum.
 </p>
-<p>
-  <strong>Lorem ipsum dolor <em>sit amet</em></strong>, consectetur adipisicing elit, sed do
-  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-  aliquip ex ea commodo consequat. Duis aute irure dolor in
-  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-  culpa qui officia deserunt mollit anim id est laborum.
-</p>
-<h2>H2: Heading</h2>
 <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
+  ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
+  aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
   reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
   pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
   culpa qui officia deserunt mollit anim id est laborum.
diff --git a/src/main/webapp/WEB-INF/templates/wip.jsp b/src/main/webapp/WEB-INF/templates/wip.jsp
new file mode 100644
index 00000000..230a9f64
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/wip.jsp
@@ -0,0 +1,8 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<div class="wip">
+  <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
+  <t:insertTemplate template="/WEB-INF/templates/maincontent.jsp"/>
+</div>
diff --git a/src/main/webapp/WEB-INF/views/about/professions.jsp b/src/main/webapp/WEB-INF/views/about/professions.jsp
index 66f3b807..288f93db 100644
--- a/src/main/webapp/WEB-INF/views/about/professions.jsp
+++ b/src/main/webapp/WEB-INF/views/about/professions.jsp
@@ -22,22 +22,18 @@
       <li class="s sub">
         <strong class="s">Professions</strong>
         <ul class="s active">
-          <li class="s"><a href="${base}about/web-engineering.html" class="s">Web-Engineering</a></li>
-          <li class="s"><a href="${base}about/spring-framework.html" class="s">Spring Framework</a></li>
-          <li class="s"><a href="${base}about/.html" class="s"></a></li>
-          <li class="s"><a href="${base}about/responsive-web-design.html" class="s">Responsive Webdesign</a></li>
-          <li class="s"><a href="${base}about/web-ui-esign.html" class="s">WEB-UI-Design</a></li>
-          <li class="s"><a href="${base}about/seo.html" class="s">SEO</a></li>
+          <li class="s"><span href="${base}about/web-engineering.html" class="s">Web-Engineering</span></li>
+          <li class="s"><span href="${base}about/spring-framework.html" class="s">Spring Framework</span></li>
+          <li class="s"><span href="${base}about/.html" class="s"></span></li>
+          <li class="s"><span href="${base}about/responsive-web-design.html" class="s">Responsive Webdesign</span></li>
+          <li class="s"><span href="${base}about/web-ui-esign.html" class="s">WEB-UI-Design</span></li>
+          <li class="s"><span href="${base}about/seo.html" class="s">SEO</span></li>
         </ul>
       </li>
       <li class="s sub off"><a href="${base}about/references.html" class="s">References</a></li>
       <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
-    <p>
-      <em>TODO</em>
-    </p>
-  </t:putAttribute>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/about/references.jsp b/src/main/webapp/WEB-INF/views/about/references.jsp
index 239e4224..d86de2f1 100644
--- a/src/main/webapp/WEB-INF/views/about/references.jsp
+++ b/src/main/webapp/WEB-INF/views/about/references.jsp
@@ -23,19 +23,15 @@
       <li class="s sub">
         <strong class="s">References</strong>
         <ul class="s active">
-          <li class="s sub"><a href="${base}about/references/coolibri.html" class="s">coolibri.de</a></li>
-          <li class="s"><a href="${base}about/references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</a></li>
-          <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
-          <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
+          <li class="s sub"><span href="${base}about/references/coolibri.html" class="s">coolibri.de</span></li>
+          <li class="s"><span href="${base}about/references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</span></li>
+          <li class="s sub"><span href="${base}about/.html" class="s"></span></li>
+          <li class="s sub"><span href="${base}about/.html" class="s"></span></li>
         </ul>
       </li>
-      <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+      <li class="s off"><span href="${base}about/contact.html" class="s">Contact</span></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
-    <p>
-      <em>TODO</em>
-    </p>
-  </t:putAttribute>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/wro.xml b/src/main/webapp/WEB-INF/wro.xml
index 2dd6f38c..2f814f35 100644
--- a/src/main/webapp/WEB-INF/wro.xml
+++ b/src/main/webapp/WEB-INF/wro.xml
@@ -24,6 +24,7 @@
     <css>/less/screen/head.less</css>
     <css>/less/screen/menu.less</css>
     <css>/less/screen/footer-sticky.less</css>
+    <css>/less/screen/wip.less</css>
     <css>/less/screen/typo.less</css>
     <css>/less/screen/layout.less</css>
     <css>/less/screen/marginal.less</css>
@@ -40,6 +41,7 @@
     <css>/less/screen/head.less</css>
     <css>/less/screen/menu.less</css>
     <css>/less/screen/footer-sticky.less</css>
+    <css>/less/screen/wip.less</css>
     <css>/less/tablet/head.less</css>
     <css>/less/tablet/404.less</css>
     <css>/less/phone/typo.less</css>
@@ -55,6 +57,7 @@
     <css>/less/screen/head.less</css>
     <css>/less/screen/menu.less</css>
     <css>/less/screen/footer-sticky.less</css>
+    <css>/less/screen/wip.less</css>
     <css>/less/tablet/head.less</css>
     <css>/less/tablet/404.less</css>
     <css>/less/phone/typo.less</css>
@@ -81,6 +84,7 @@
     <css>/less/screen/head.less</css>
     <css>/less/screen/menu.less</css>
     <css>/less/screen/footer-sticky.less</css>
+    <css>/less/screen/wip.less</css>
     <css>/less/screen/typo.less</css>
     <css>/less/screen/layout.less</css>
     <css>/less/screen/marginal.less</css>
diff --git a/src/main/webapp/img/comming-soon.png b/src/main/webapp/img/comming-soon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2f258259c120a8bd1cf01152a0ea4c6db789217
GIT binary patch
literal 54714
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
D`)70F

literal 0
HcmV?d00001

diff --git a/src/main/webapp/less/screen.less b/src/main/webapp/less/screen.less
index 24381972..1b6a0310 100644
--- a/src/main/webapp/less/screen.less
+++ b/src/main/webapp/less/screen.less
@@ -1,6 +1,7 @@
 @import 'screen/head.less';
 @import 'screen/menu.less';
 @import 'screen/footer-sticky.less';
+@import 'screen/wip.less';
 
 @media (min-width: @minscreen)
 {
diff --git a/src/main/webapp/less/screen/wip.less b/src/main/webapp/less/screen/wip.less
new file mode 100644
index 00000000..d9cef58f
--- /dev/null
+++ b/src/main/webapp/less/screen/wip.less
@@ -0,0 +1,25 @@
+/** Pages under construction... */
+.wip,
+.wip h1,
+.wip h2,
+.wip h3,
+.wip h4,
+.wip h5,
+.wip h6,
+.wip a
+{
+  color: rgba(128, 128, 128, 0);
+  text-decoration: none;
+  border-color: rgba(128, 128, 128, 0);
+  text-shadow: 0 0 6px #404040;
+}
+.wip
+{
+  position: relative;
+}
+.wip img.w
+{
+  margin-top: 30%;
+  position: absolute;
+  width: 100%;
+}
-- 
2.20.1


From 808cc6986661ea0856aeeea2442f12549524a69e Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Thu, 6 Mar 2014 10:44:44 +0100
Subject: [PATCH 03/16] =?utf8?q?Seite=20Professions=20in=20Expertise=20umb?=
 =?utf8?q?enannt=20(auch=20fragw=C3=BCrdig)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/views/about.jsp                     | 4 ++--
 .../WEB-INF/views/about/{professions.jsp => expertise.jsp}  | 6 +++---
 src/main/webapp/WEB-INF/views/about/references.jsp          | 2 +-
 src/main/webapp/WEB-INF/views/contact.jsp                   | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)
 rename src/main/webapp/WEB-INF/views/about/{professions.jsp => expertise.jsp} (92%)

diff --git a/src/main/webapp/WEB-INF/views/about.jsp b/src/main/webapp/WEB-INF/views/about.jsp
index f3d9b0e8..4d16cae0 100644
--- a/src/main/webapp/WEB-INF/views/about.jsp
+++ b/src/main/webapp/WEB-INF/views/about.jsp
@@ -18,7 +18,7 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
     <ul id="submenu">
-      <li class="s sub"><a href="${base}about/professions.html" class="s">Professions</a></li>
+      <li class="s sub"><a href="${base}about/expertise.html" class="s">Expertise</a></li>
       <li class="s sub"><a href="${base}about/references.html" class="s">References</a></li>
       <li class="s "><a href="${base}about/contact.html" class="s">Contact</a></li>
     </ul>
@@ -63,7 +63,7 @@
       <a href="${base}contact.html">Contact</a>-page.
       If you are not yet sure, if you want to hire me, you might be
       interessted in
-      <a href="${base}professions.html">what I can do for you</a>, or 
+      <a href="${base}expertise.html">what I can do for you</a>, or 
       <a href="${base}references.html">what I have already done for others</a>.
     </p>
   </t:putAttribute>
diff --git a/src/main/webapp/WEB-INF/views/about/professions.jsp b/src/main/webapp/WEB-INF/views/about/expertise.jsp
similarity index 92%
rename from src/main/webapp/WEB-INF/views/about/professions.jsp
rename to src/main/webapp/WEB-INF/views/about/expertise.jsp
index 288f93db..9067879a 100644
--- a/src/main/webapp/WEB-INF/views/about/professions.jsp
+++ b/src/main/webapp/WEB-INF/views/about/expertise.jsp
@@ -3,11 +3,11 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Professions" type="string"/>
+  <t:putAttribute name="title" value="Expertise" type="string"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}about.html">About</a></li>
-    <li class="b"><strong class="b">Professions</strong></li>
+    <li class="b"><strong class="b">Expertise</strong></li>
   </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
@@ -20,7 +20,7 @@
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
     <ul id="submenu">
       <li class="s sub">
-        <strong class="s">Professions</strong>
+        <strong class="s">Expertise</strong>
         <ul class="s active">
           <li class="s"><span href="${base}about/web-engineering.html" class="s">Web-Engineering</span></li>
           <li class="s"><span href="${base}about/spring-framework.html" class="s">Spring Framework</span></li>
diff --git a/src/main/webapp/WEB-INF/views/about/references.jsp b/src/main/webapp/WEB-INF/views/about/references.jsp
index d86de2f1..505f1631 100644
--- a/src/main/webapp/WEB-INF/views/about/references.jsp
+++ b/src/main/webapp/WEB-INF/views/about/references.jsp
@@ -19,7 +19,7 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
     <ul id="submenu">
-      <li class="s sub off"><a href="${base}about/professions.html" class="s">Professions</a></li>
+      <li class="s sub off"><a href="${base}about/expertise.html" class="s">Expertise</a></li>
       <li class="s sub">
         <strong class="s">References</strong>
         <ul class="s active">
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index 7ba4d0c0..26e5dcff 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -19,7 +19,7 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
     <ul id="submenu">
-      <li class="s sub"><a href="${base}professions.html" class="s">Professions</a></li>
+      <li class="s sub"><a href="${base}expertise.html" class="s">Expertise</a></li>
       <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
       <li class="s "><strong class="s">Contact</strong></li>
     </ul>
-- 
2.20.1


From 9d7e47972b8f9fcb0bc688e4b5ec62f133d67ca2 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Fri, 7 Mar 2014 15:12:49 +0100
Subject: [PATCH 04/16] =?utf8?q?Impressum=20und=20AGB=20und=20About=20?=
 =?utf8?q?=C3=BCberarbeitet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/templates/about.jsp   |   4 +-
 src/main/webapp/WEB-INF/views/about.jsp       |  12 +-
 src/main/webapp/WEB-INF/views/agb.jsp         | 183 ++++++++++++++++++
 src/main/webapp/WEB-INF/views/contact.jsp     |   9 +-
 .../views/{impressum => }/datenschutz.jsp     |  11 +-
 .../WEB-INF/views/{about => }/expertise.jsp   |  16 +-
 .../{impressum => }/google-analytics.jsp      |   9 +-
 .../views/{impressum => }/haftung-inhalte.jsp |   9 +-
 .../views/{impressum => }/haftung-links.jsp   |   9 +-
 src/main/webapp/WEB-INF/views/impressum.jsp   |  16 +-
 .../WEB-INF/views/{about => }/references.jsp  |  12 +-
 .../views/{impressum => }/urheberrechte.jsp   |  11 +-
 12 files changed, 247 insertions(+), 54 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/views/agb.jsp
 rename src/main/webapp/WEB-INF/views/{impressum => }/datenschutz.jsp (80%)
 rename src/main/webapp/WEB-INF/views/{about => }/expertise.jsp (64%)
 rename src/main/webapp/WEB-INF/views/{impressum => }/google-analytics.jsp (89%)
 rename src/main/webapp/WEB-INF/views/{impressum => }/haftung-inhalte.jsp (85%)
 rename src/main/webapp/WEB-INF/views/{impressum => }/haftung-links.jsp (84%)
 rename src/main/webapp/WEB-INF/views/{about => }/references.jsp (70%)
 rename src/main/webapp/WEB-INF/views/{impressum => }/urheberrechte.jsp (82%)

diff --git a/src/main/webapp/WEB-INF/templates/about.jsp b/src/main/webapp/WEB-INF/templates/about.jsp
index c4e44586..cc3f87f6 100644
--- a/src/main/webapp/WEB-INF/templates/about.jsp
+++ b/src/main/webapp/WEB-INF/templates/about.jsp
@@ -7,8 +7,6 @@
   customers to easily find out all juristically relevant informations
   about the company, that rules a site.
   <h1>Find out more...</h1>
-  If you just want to
-  <a href="${base}about.html" title="Learn more about juplo now">learn more about juplo</a>,
-  you should better
+  If you just want to learn more about juplo you should better
   <a href="${base}about.html" title="Learn more about juplo now">visit our about-pages</a>.
 </aside>
diff --git a/src/main/webapp/WEB-INF/views/about.jsp b/src/main/webapp/WEB-INF/views/about.jsp
index 4d16cae0..6bc49484 100644
--- a/src/main/webapp/WEB-INF/views/about.jsp
+++ b/src/main/webapp/WEB-INF/views/about.jsp
@@ -18,9 +18,9 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
     <ul id="submenu">
-      <li class="s sub"><a href="${base}about/expertise.html" class="s">Expertise</a></li>
-      <li class="s sub"><a href="${base}about/references.html" class="s">References</a></li>
-      <li class="s "><a href="${base}about/contact.html" class="s">Contact</a></li>
+      <li class="s sub"><a href="${base}expertise.html" class="s">Expertise</a></li>
+      <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
+      <li class="s "><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
@@ -46,21 +46,21 @@
     </p>
     <ul>
       <li>
-        In the <a href="${base}blog.html">Blog</a>, I summarize, how I solved
+        In the <a href="${base}blog.html">blog</a>, I summarize, how I solved
         some every-day problems, other people might stumble across too.
         I am introducing new projects there and announcing new versions and/or
         bugfixes to older projects.
       </li>
       <li>
         The other part of the site is the
-        <a href="${base}projects.html">Projects</a>-section.
+        <a href="${base}projects.html">projects-section</a>.
         This is where I am hosting all projects, that I have made publicy
         available.
       </li>
     </ul>
     <p>
       If you want to hire me, you can find out more on the
-      <a href="${base}contact.html">Contact</a>-page.
+      <a href="${base}contact.html">contact-page</a>.
       If you are not yet sure, if you want to hire me, you might be
       interessted in
       <a href="${base}expertise.html">what I can do for you</a>, or 
diff --git a/src/main/webapp/WEB-INF/views/agb.jsp b/src/main/webapp/WEB-INF/views/agb.jsp
new file mode 100644
index 00000000..0cb220cc
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/agb.jsp
@@ -0,0 +1,183 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Allgemeine Geschäftsbedingungen (AGB)" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
+    <li class="b"><strong class="b">Urheberrechte</strong></li>
+  </t:putAttribute>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active cf">
+      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
+    <ul id="submenu">
+      <li class="s"><strong class="s">AGB</strong></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p><em>Stand: 01.02.2014</em></p>
+    <h2>Angebote &amp; Abrechnung</h2>
+    <p>
+     Angebote sind freibleibend.
+     Alle Preise verstehen sich in Euro und zzgl. der gesetzl. MwSt.
+     Wenn nicht anders vereinbart erfolgt eine Anzahlung von 10% im Voraus.
+     Sollte sich der Zeitraum über den Leistungen erbracht werden über
+     mehrere Monate erstrecken, behalte ich mir vor, Rechnungen für
+     Leistungsabschnitte zu stellen (jedoch nicht häufiger als ein mal im
+     Monat).
+     Das Zahlungsziel beträgt 8 Tage.
+    </p>
+    <p>
+     Falls nicht anders vereinbart, ist bei Dienstleistungen eine
+     Korrekturschleife enthalten.
+     Darüber hinausgehende Überarbeitungen sowie gewünschte Zusatzleistungen
+     werden nach Aufwand per Stundensatz abgerechnet.
+     Sollte für den Auftrag ein rabattierter Stundensatz vereinbart worden
+     sein, so gilt dieser nicht automatisch für Überarbeitungen und
+     Zusatzleistungen.
+    </p>
+    <h2>Absprachen</h2>
+    <p>
+      Die zentralen Ansprechpartner des Kunden müssen verbindliche
+      Erklärungen abgeben können (z. B. Fristabsprachen, Abnahmen).
+      Bei Ausfall, Urlaub etc. sind Ersatzpersonen zu benennen.
+    </p>
+    <h2>Leistungen &amp; Abnahme</h2>
+    <p>
+      Der Kunde ist in der Pflicht, erbrachte Leitungen direkt nach deren
+      Erstellung und ohne Aufforderung rechtzeitig (z.B. vor
+      Veröffentlichung) zu prüfen und Änderungswünsche oder Korrekturhinweise
+      direkt mitzuteilen.
+      Die Annahme von Leistungen ohne Beanstandung ist als Abnahme zu
+      verstehen.
+    </p>
+    <p>
+      Ich bin zu jeder Zeit berechtigt, die Arbeit in sinnvollen
+      Teilleistungen zu erbringen und zu berechnen.
+      Der Kunde ist verpflichtet, diese Teilleistungen abzunehmen.
+    </p>
+    <p>
+      Im Rahmen der Gestaltungsspielräume des Briefings vom Kunden trägt der
+      Kunde das Risiko des Nichtgefallens.
+    </p>
+    <h2>Eigenleistungen</h2>
+    <p>
+      Sofern der Kunde Eigenleistungen erbringt, ist die termingerechte
+      Lieferung für den Gesamtzeitplan relevant.
+      Bei verspäteter Lieferung bin ich nicht dazu verpflichtet, die
+      Auftragsarbeit unverzüglich fortzusetzen, wenn ich durch andere
+      terminliche Verpflichtungen daran gehindert werde.
+      Verzögerungen auf Kundenseite können zu erheblichen Gesamtverzögerungen
+      führen.
+      Für dadurch entstandenen Schaden und entgangenen Gewinn haftet der Kunde.
+    </p>
+    <p>
+      Der Kunde berücksichtigt bei der Lieferung von Daten und Materialien
+      die von mir im Rahmen des Angebots geforderten Formate.
+    </p>
+    <p>
+      Sofern Angaben, Muster, Inhalte, usw. vom Kunden geliefert werden, bin
+      ich für deren Richtigkeit und rechtliche Unbedenklichkeit nicht
+      verantwortlich.
+      Eine Prüfungspflicht besteht auf meiner Seite nicht.
+    </p>
+    <h2>Fremdleistungen</h2>
+    <p>
+      Angebote beziehen sich in der Regel auf von mir erbrachte Dienstleistung.
+      Die Kosten oder Gebühren Dritter (z.B. Provider, Lizenzen für Bild, Ton,
+      Schrift oder Software, Druckerei usw.) sind nicht enthalten, falls nicht
+      explizit erwähnt.
+    </p>
+    <p>
+      Bei Beauftragung von Fremdleistungen jedweder Art, berechne ich, falls
+      nicht anders vereinbart, eine Abwicklungspauschale in Höhe von 15% des
+      Auftragswerts für Organisation und Abstimmung.
+    </p>
+    <h2>Nutzungsrechte</h2>
+    <p>
+      An Unterlagen, die im Rahmen des Angebots übergeben werden (z.B.
+      Entwürfe, Konzepte), erhält der Kunde keine Nutzungsrechte.
+      Der Kunde erhält die vereinbarten Nutzungsrechte nur bei pünktlicher
+      und vollständiger Zahlung der vereinbarten Vergütung.
+    </p>
+    <p>
+      Eingesetzte Systeme (z.B. Springframework, Tomcat, CentOS usw.)
+      unterliegen ihren eigenen Nutzungsbestimmungen.
+    </p>
+    <h2>Rechtliche Prüfung</h2>
+    <p>
+      Ohne gesonderte Vereinbarung ist die patent-, muster-, urheber- und
+      markenrechtliche Schutz- oder Eintragungsfähigkeit der im Rahmen des
+      Vertrages gelieferten Ideen, Konzeptionen, Entwürfe und sonstiger
+      Leistungen nicht geschuldet.
+    </p>
+    <h2>Höhere Gewalt</h2>
+    <p>
+      Leistungsverzögerungen aufgrund von Umständen im Verantwortungsbereich
+      des Kunden (z.B. verspätete Anlieferung) und höherer Gewalt (z.B. Unfall,
+      Telekommunikationsstörung usw.) habe ich nicht zu vertreten.
+      Sie berechtigen mich das Erbringen der betreffenden Leistungen um die
+      Dauer der Behinderungen zzgl. einer angemessenen Anlaufzeit
+      aufzuschieben.
+    </p>
+    <h2>Archivierung</h2>
+    <p>
+      Ich bin nicht verpflichtet, erstellte Leistungen zu archivieren.
+      Unterlagen des Kunden muss ich nur dann zurückgeben, wenn dies der Kunde
+      vor der Übergabe ausdrücklich verlangt hat.
+    </p>
+    <h2>Betreuung / Support / Wartung</h2>
+    <p>
+      Ich bin nur in der in der Servicevereinbarung besprochenen Weise für die
+      für eine aktive Betreuung, Support oder Wartung (z.B. Sicherheitsupdates,       Aktualitätsprüfungen usw.) verantwortlich.
+    </p>
+    <h2>Referenzen</h2>
+    <p>
+      Innerhalb der erstellten Leistung werde ich in branchenüblicher Form als
+      Leistungserbrinnger genannt (z.B. Impressum).
+    </p>
+    <p>
+      Ich bin berechtigt, den Kunden als Referenz zu benennen und das Projekt
+      öffentlich vorzustellen.
+      Der Kunde kann dagegen jederzeit schriftlich Widerspruch erheben.
+      Widerruft der Kunde seine Zustimmung, so bin ich berechtigt, erstellte
+      Werbe-Materialien weiter zu benutzen, verpflichte mich jedoch, keine
+      weiteren, Werbe-Materialien zu erstellen, die den Kunden nennen.
+    </p>
+    <h2>Geheimhaltung</h2>
+    <p>
+      Die Vertragsparteien vereinbaren Vertraulichkeit über Vertrag und
+      Erkenntnisse der jeweils anderen Partei.
+      Die Vertraulichkeit gilt auch über die Beendigung des
+      Vertragsverhältnisses hinaus.
+    </p>
+    <h2>Schlussbestimmungen</h2>
+    <p>
+      Erfüllungsort und ausschließlicher Gerichtsstand für alle
+      Rechtsstreitigkeiten ist Münster.
+    </p>
+    <p>
+      Sollten aus irgendeinem Grund eine oder mehrere Einzelbestimmungen
+      dieser AGB unwirksam sein, so bleibt die Gültigkeit der restlichen
+      Bestimmungen davon unberührt.
+    </p>
+    <p>
+      Regelungslücken dieser AGB werden durch Auslegung so gefüllt, dass sie
+      dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
+    </p>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
+</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index 26e5dcff..1121768a 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -21,13 +21,14 @@
     <ul id="submenu">
       <li class="s sub"><a href="${base}expertise.html" class="s">Expertise</a></li>
       <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
-      <li class="s "><strong class="s">Contact</strong></li>
+      <li class="s"><strong class="s">Contact</strong></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
-    <p>
-      <em>TODO</em>
-    </p>
+    <h2>About Me</h2>
+    <h2>Address</h2>
+    <h2>Social Media</h2>
+    <h2><em>Übersetzung?!?</em> Jobportale</h2>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/impressum/datenschutz.jsp b/src/main/webapp/WEB-INF/views/datenschutz.jsp
similarity index 80%
rename from src/main/webapp/WEB-INF/views/impressum/datenschutz.jsp
rename to src/main/webapp/WEB-INF/views/datenschutz.jsp
index 8bd5df34..a7a65322 100644
--- a/src/main/webapp/WEB-INF/views/impressum/datenschutz.jsp
+++ b/src/main/webapp/WEB-INF/views/datenschutz.jsp
@@ -19,11 +19,12 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
     <ul id="submenu">
-      <li class="s"><a href="${base}impressum/haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}impressum/haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}impressum/urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
       <li class="s"><strong class="s">Datenschutz</strong></li>
-      <li class="s"><a href="${base}impressum/google-analytics.html" class="s">Google Analytics</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
@@ -31,7 +32,7 @@
     <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
     <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
     <!-- http://www.e-recht24.de/impressum-generator.html -->
-    <p>Bitte beachten Sie auch die gesonderte <a href="${base}impressum/google-analytics.html">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
+    <p>Bitte beachten Sie auch die gesonderte <a href="${base}google-analytics.html">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/about/expertise.jsp b/src/main/webapp/WEB-INF/views/expertise.jsp
similarity index 64%
rename from src/main/webapp/WEB-INF/views/about/expertise.jsp
rename to src/main/webapp/WEB-INF/views/expertise.jsp
index 9067879a..946f8223 100644
--- a/src/main/webapp/WEB-INF/views/about/expertise.jsp
+++ b/src/main/webapp/WEB-INF/views/expertise.jsp
@@ -22,16 +22,16 @@
       <li class="s sub">
         <strong class="s">Expertise</strong>
         <ul class="s active">
-          <li class="s"><span href="${base}about/web-engineering.html" class="s">Web-Engineering</span></li>
-          <li class="s"><span href="${base}about/spring-framework.html" class="s">Spring Framework</span></li>
-          <li class="s"><span href="${base}about/.html" class="s"></span></li>
-          <li class="s"><span href="${base}about/responsive-web-design.html" class="s">Responsive Webdesign</span></li>
-          <li class="s"><span href="${base}about/web-ui-esign.html" class="s">WEB-UI-Design</span></li>
-          <li class="s"><span href="${base}about/seo.html" class="s">SEO</span></li>
+          <li class="s"><span href="${base}web-engineering.html" class="s">Web-Engineering</span></li>
+          <li class="s"><span href="${base}spring-framework.html" class="s">Spring Framework</span></li>
+          <li class="s"><span href="${base}.html" class="s"></span></li>
+          <li class="s"><span href="${base}responsive-web-design.html" class="s">Responsive Webdesign</span></li>
+          <li class="s"><span href="${base}web-ui-esign.html" class="s">WEB-UI-Design</span></li>
+          <li class="s"><span href="${base}seo.html" class="s">SEO</span></li>
         </ul>
       </li>
-      <li class="s sub off"><a href="${base}about/references.html" class="s">References</a></li>
-      <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+      <li class="s sub off"><a href="${base}references.html" class="s">References</a></li>
+      <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
diff --git a/src/main/webapp/WEB-INF/views/impressum/google-analytics.jsp b/src/main/webapp/WEB-INF/views/google-analytics.jsp
similarity index 89%
rename from src/main/webapp/WEB-INF/views/impressum/google-analytics.jsp
rename to src/main/webapp/WEB-INF/views/google-analytics.jsp
index 706c50aa..141c571c 100644
--- a/src/main/webapp/WEB-INF/views/impressum/google-analytics.jsp
+++ b/src/main/webapp/WEB-INF/views/google-analytics.jsp
@@ -19,10 +19,11 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
     <ul id="submenu">
-      <li class="s"><a href="${base}impressum/haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}impressum/haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}impressum/urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}impressum/datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
       <li class="s"><strong class="s">Google Analytics</strong></li>
     </ul>
   </t:putAttribute>
diff --git a/src/main/webapp/WEB-INF/views/impressum/haftung-inhalte.jsp b/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
similarity index 85%
rename from src/main/webapp/WEB-INF/views/impressum/haftung-inhalte.jsp
rename to src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
index 42c3c863..8f7eda08 100644
--- a/src/main/webapp/WEB-INF/views/impressum/haftung-inhalte.jsp
+++ b/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
@@ -19,11 +19,12 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
     <ul id="submenu">
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
       <li class="s"><strong class="s">Haftung für Inhalte</strong></li>
-      <li class="s"><a href="${base}impressum/haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}impressum/urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}impressum/datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}impressum/google-analytics.html" class="s">Google Analytics</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/WEB-INF/views/impressum/haftung-links.jsp b/src/main/webapp/WEB-INF/views/haftung-links.jsp
similarity index 84%
rename from src/main/webapp/WEB-INF/views/impressum/haftung-links.jsp
rename to src/main/webapp/WEB-INF/views/haftung-links.jsp
index 71db7631..1c6fe683 100644
--- a/src/main/webapp/WEB-INF/views/impressum/haftung-links.jsp
+++ b/src/main/webapp/WEB-INF/views/haftung-links.jsp
@@ -19,11 +19,12 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
     <ul id="submenu">
-      <li class="s"><a href="${base}impressum/haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
       <li class="s"><strong class="s">Haftung für Links</strong></li>
-      <li class="s"><a href="${base}impressum/urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}impressum/datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}impressum/google-analytics.html" class="s">Google Analytics</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp
index c4416b09..1b6b0ba9 100644
--- a/src/main/webapp/WEB-INF/views/impressum.jsp
+++ b/src/main/webapp/WEB-INF/views/impressum.jsp
@@ -18,11 +18,12 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Impressum</strong></h2>
     <ul id="submenu">
-      <li class="s"><a href="${base}impressum/haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}impressum/haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}impressum/urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}impressum/datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}impressum/google-analytics.html" class="s">Google Analytics</a></li>
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
@@ -38,6 +39,11 @@
     <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE 23 500 84 56</p>
     <p>Aufsichtsbehörde: Stadt Münster</p>
     <!-- http://www.e-recht24.de/impressum-generator.html -->
+    <h1>Contact</h1>
+    <p>
+      More contact-information (Facebook, Google+, ...) can be found on the
+      <a href="${base}contact.html" title="Show all contact-informations">contact-page</a>.
+    </p>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
   <t:putAttribute name="footer" type="string">
diff --git a/src/main/webapp/WEB-INF/views/about/references.jsp b/src/main/webapp/WEB-INF/views/references.jsp
similarity index 70%
rename from src/main/webapp/WEB-INF/views/about/references.jsp
rename to src/main/webapp/WEB-INF/views/references.jsp
index 505f1631..2000c6ea 100644
--- a/src/main/webapp/WEB-INF/views/about/references.jsp
+++ b/src/main/webapp/WEB-INF/views/references.jsp
@@ -19,17 +19,17 @@
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
     <ul id="submenu">
-      <li class="s sub off"><a href="${base}about/expertise.html" class="s">Expertise</a></li>
+      <li class="s sub off"><a href="${base}expertise.html" class="s">Expertise</a></li>
       <li class="s sub">
         <strong class="s">References</strong>
         <ul class="s active">
-          <li class="s sub"><span href="${base}about/references/coolibri.html" class="s">coolibri.de</span></li>
-          <li class="s"><span href="${base}about/references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</span></li>
-          <li class="s sub"><span href="${base}about/.html" class="s"></span></li>
-          <li class="s sub"><span href="${base}about/.html" class="s"></span></li>
+          <li class="s sub"><span href="${base}references/coolibri.html" class="s">coolibri.de</span></li>
+          <li class="s"><span href="${base}references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</span></li>
+          <li class="s sub"><span href="${base}.html" class="s"></span></li>
+          <li class="s sub"><span href="${base}.html" class="s"></span></li>
         </ul>
       </li>
-      <li class="s off"><span href="${base}about/contact.html" class="s">Contact</span></li>
+      <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
diff --git a/src/main/webapp/WEB-INF/views/impressum/urheberrechte.jsp b/src/main/webapp/WEB-INF/views/urheberrechte.jsp
similarity index 82%
rename from src/main/webapp/WEB-INF/views/impressum/urheberrechte.jsp
rename to src/main/webapp/WEB-INF/views/urheberrechte.jsp
index 19f31d5e..86c3dbdf 100644
--- a/src/main/webapp/WEB-INF/views/impressum/urheberrechte.jsp
+++ b/src/main/webapp/WEB-INF/views/urheberrechte.jsp
@@ -17,13 +17,14 @@
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum/impressum.html" class="s selected">Impressum</a></h2>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
     <ul id="submenu">
-      <li class="s"><a href="${base}impressum/haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}impressum/haftung-links.html" class="s">Haftung für Links</a></li>
+      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
+      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
+      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
       <li class="s"><strong class="s">Urheberrechte</strong></li>
-      <li class="s"><a href="${base}impressum/datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}impressum/google-analytics.html" class="s">Google Analytics</a></li>
+      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
+      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
-- 
2.20.1


From 742e9e70700208183bd2bf94cc639b288e5e05c9 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Tue, 11 Mar 2014 11:01:44 +0100
Subject: [PATCH 05/16] =?utf8?q?Seite=20ohne=20Men=C3=BC=20doch=20mit=20Ma?=
 =?utf8?q?rginalspalte=20(nur=20andere=20Farbe)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/views/index.jsp      | 160 +++++++++++--------
 src/main/webapp/img/wip.gif                  | Bin 0 -> 4438 bytes
 src/main/webapp/less/base/packs.less         |   1 -
 src/main/webapp/less/screen/faux-column.less |  15 +-
 src/main/webapp/less/screen/layout.less      |  53 ++----
 src/main/webapp/less/screen/marginal.less    |  23 ---
 src/main/webapp/less/tablet/layout.less      |  63 +++++---
 7 files changed, 147 insertions(+), 168 deletions(-)
 create mode 100644 src/main/webapp/img/wip.gif

diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 89f9c87f..1c6a95ed 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -11,78 +11,98 @@
     <li class="b"><strong class="b">Home</strong></li>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
-    <p>Welcome on board!</p>
-    <hr />
-    <div class="mcontent cf">
-      <div class="mmain">
-        <h1>Projects</h1>
-        <div class="pack cf">
-          <div class="left">
-            <h2>hibernate4-maven-plugin</h2>
-            <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-          </div>
-          <div class="right">
-            <h2>fix-swf</h2>
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-              ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-              aliquip ex ea commodo consequat.
-            </p>
-          </div>
-        </div>
-        <div class="single">
-          <h2>accelerator</h2>
-          <p>
-            Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-        <div class="pack cf">
-          <div class="right">
-            <h2>jquery.openx</h2>
-            <p>
-              Duis aute irure dolor in
-              reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-              pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-              culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-          </div>
-          <div class="left">
-            <h2>Regex-Lab</h2>
-            <p>
-              Excepteur sint occaecat cupidatat non proident, sunt in
-              culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-          </div>
-        </div>
-        <div class="pack cf">
-          <div class="left">
-            <h2>jquery.openx</h2>
-            <p>
-              Duis aute irure dolor in
-              reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-              pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-              culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-          </div>
-          <div class="right">
-            <h2>Regex-Lab</h2>
-            <p>
-              Excepteur sint occaecat cupidatat non proident, sunt in
-              culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-          </div>
-        </div>
+    <div class="pack cf">
+      <div class="left">
+        <h2>hibernate4-maven-plugin</h2>
+        <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </div>
-      <div class="mmarginal">
-        <h1>Recent Blog-Entries</h1>
-        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <div class="right">
+        <h2>fix-swf</h2>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat.
+        </p>
       </div>
     </div>
-    <h1>H2: Heading</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+    <div class="single">
+      <h2>accelerator</h2>
+      <p>
+        Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+    </div>
+    <div class="pack cf">
+      <div class="right">
+        <h2>jquery.openx</h2>
+        <p>
+          Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+      <div class="left">
+        <h2>Regex-Lab</h2>
+        <p>
+          Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+    </div>
+    <div class="pack cf">
+      <div class="left">
+        <h2>jquery.openx</h2>
+        <p>
+          Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+      <div class="right">
+        <h2>Regex-Lab</h2>
+        <p>
+          Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+    </div>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="string">
+    <aside class="m">
+      <div class="widget widget_recent_entries">
+        <h2 class="widgettitle">Recent Posts</h2>
+        <ul>
+          <li>
+            <a href="http://localhost/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
+          </li>
+          <li>
+            <a href="http://localhost/hibernate4-maven-plugin-1-0-3-released/" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
+          </li>
+          <li>
+            <a href="http://localhost/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
+          </li>
+          <li>
+            <a href="http://localhost/bidirectional-association-with-elementcollection/" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
+          </li>
+          <li>
+            <a href="http://localhost/hibernate4-maven-plugin-1-0-2-release/" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
+          </li>
+          <li>
+            <a href="http://localhost/hibernate4-maven-plugin-1-0-1-released/" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
+          </li>
+          <li>
+            <a href="http://localhost/hibernate4-maven-plugin-1-0-released/" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
+          </li>
+          <li>
+            <a href="http://localhost/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
+          </li>
+        </ul>
+      </div>
+    </aside>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/img/wip.gif b/src/main/webapp/img/wip.gif
new file mode 100644
index 0000000000000000000000000000000000000000..13a03b123d4c11440237a4d4a811fa77cd261b6e
GIT binary patch
literal 4438
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
RVhD>M^Q+56ije@I@*nH-QX&8V

literal 0
HcmV?d00001

diff --git a/src/main/webapp/less/base/packs.less b/src/main/webapp/less/base/packs.less
index 5d335bbc..30cceacd 100644
--- a/src/main/webapp/less/base/packs.less
+++ b/src/main/webapp/less/base/packs.less
@@ -1,6 +1,5 @@
 .pack
 {
-  margin: 3% 0;
   overflow: hidden;
 }
 .pack > .left,
diff --git a/src/main/webapp/less/screen/faux-column.less b/src/main/webapp/less/screen/faux-column.less
index 44915589..fdf5ec02 100644
--- a/src/main/webapp/less/screen/faux-column.less
+++ b/src/main/webapp/less/screen/faux-column.less
@@ -1,28 +1,29 @@
 /** Faux-Column-Hack-Eigengewächs für die Marginalspalte */
 
-.menu #page
+#page
 {
   max-width: 38em; /** 608px + 390px (Marginalspalte) = ca. 1000px */
   border-right: 24.375em solid @heller;
 }
-.menu .content
+.nomenu #page
+{
+  border-right-color: @sehrhell;
+}
+.content
 {
   margin-right: -24.375em;
 }
 #header
 {
   padding-top: 1em;
-}
-.menu #header
-{
   margin-right: -24.375em;
   background-color: @hintergrund;
 }
-.menu #breadcrumb
+#breadcrumb
 {
   right: -24.375em; /** Weil der Breadcrumb sonst an der Faux-Column umbricht! */
 }
-.menu #footer
+#footer
 {
   margin-right: -24.375em;
   background-color: @hintergrund;
diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 9e962735..97d0fbb0 100644
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -13,23 +13,23 @@ body
 
 /** Seitenaufteilung mit Menü (Zweispaltig) */
 
-body.menu
+body
 {
   padding: 0 3em 0 5em;
 }
-.menu .content
+.content
 {
   position: relative;
   padding: 0 27em 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */
 }
-.menu .content > .main
+.content > .main
 {
   float: left;
   min-height: 1em;
   position: relative;
   width: 100%;
 }
-.menu .content > .marginal
+.content > .marginal
 {
   float: left;
   margin: 0 -27em 0 2.625em;
@@ -41,20 +41,10 @@ body.menu
 
 /** Anpassungen für Seiten ohne Menü (Einspaltig) */
 
-.nomenu #page
-{
-  max-width: 62.375em;
-  padding: 0 3em 0 5em;
-  overflow: hidden;
-}
-.nomenu .content
-{
-  position: relative;
-  padding: 0 0 7.1875em 0; /** 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */
-}
-.nomenu .content > .main
+.nomenu .content > .marginal
 {
-  margin-bottom: 7em;
+  padding-top: 2em;
+  background-color: @sehrhell;
 }
 
 
@@ -72,18 +62,11 @@ body.menu
 
 /** Bereichsauswahl positionieren und stylen */
 
-#nav
-{
-  position: absolute;
-  top: 0;
-  right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
-  width: 100%;
-}
 #nav > hr.n
 {
   display: none;
 }
-.menu #nav
+#nav
 {
   position: relative;
   top: auto;
@@ -102,6 +85,10 @@ body.menu
   padding: 0;
   border-style: none;
 }
+.nomenu #menu
+{
+  top: -9em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
+}
 #menu > li.m
 {
   display: inline-block;
@@ -141,14 +128,6 @@ body.menu
   margin-left: -.92em;
 }
 
-/** Anpassungen der Bereichsauswahl für Seiten ohne Menü */
-
-.nomenu #menu
-{
-  position: absolute;
-  right: 0;
-}
-
 
 /** Breadcrump positionieren */
 
@@ -159,10 +138,6 @@ body.menu
   left: 6.9em;
   z-index: 3;
 }
-.nomenu #breadcrumb
-{
-  left: 11.9em;
-}
 #breadcrumb > a.hide
 {
   position: absolute;
@@ -179,10 +154,6 @@ body.menu
 {
   padding: 2em 0;
 }
-.nomenu #footer
-{
-  padding: 0 3em 2em 5em;
-}
 #footer > hr.f
 {
   display: none;
diff --git a/src/main/webapp/less/screen/marginal.less b/src/main/webapp/less/screen/marginal.less
index d8e812d1..e69de29b 100644
--- a/src/main/webapp/less/screen/marginal.less
+++ b/src/main/webapp/less/screen/marginal.less
@@ -1,23 +0,0 @@
-/** Faux-Column-Hack für Marginalinhalte auf Seiten ohne Menü */
-
-.nomenu .content > .marginal aside.m
-{
-  margin: 3.5em 0 -999em 0;
-  padding: 2em 2em 995em 2em;
-  background-color: @sehrhell;
-  position: relative;
-  top: -4.5em;
-}
-.nomenu .content > .marginal h1,
-.nomenu .content > .marginal h2,
-.nomenu .content > .marginal h3,
-.nomenu .content > .marginal h4
-{
-  color: @normal;
-}
-.nomenu #footer
-{
-  /** Hintergrund des Faux-Column-Hack für Marginal-Inhalte überlagern */
-  border-top: 1.5em solid @hintergrund;
-  background-color: @hintergrund;
-}
diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 3d9787fa..9e5c2df3 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -1,7 +1,6 @@
 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
 
-body.menu,
-body.nomenu
+body
 {
   padding: 0;
 }
@@ -23,7 +22,7 @@ body.nomenu
 }
 .nomenu .content
 {
-  padding-bottom: 5em;
+  padding: 0 0 5em 0;
   @media (max-width: @maxsmalltablet)
   {
     padding-bottom: 4em;
@@ -33,22 +32,21 @@ body.nomenu
     padding-bottom: 3.25em;
   }
 }
-.menu .content.cf:before,
-.menu .content.cf:after
+.content.cf:before,
+.content.cf:after
 {
   clear: none;
   content: none;
   display: inline;
 }
-.menu .content > .main,
-.nomenu .content > .main
+.content > .main
 {
   float: none;
   width: auto;
   padding: 0 3em 0 5em;
   @media (max-width: @maxsmalltablet)
   {
-    padding: 0 2em 0 3.5em;
+    padding: 0 2em 0 3em;
   }
   @media (max-width: @maxsmallertablet)
   {
@@ -60,27 +58,21 @@ body.nomenu
   border-top: 1px solid @hintergrund;
   border-bottom: 1px solid @hintergrund;
 }
+.content > .marginal
+{
+  position: static;
+  width: 100%;
+}
 .menu .content > .marginal
 {
   margin: 3em 0 -994em -15em;
   padding: 2em 0 999em 0;
-  width: 100%;
-  position: static;
 }
 .nomenu .content > .marginal
 {
-  margin: 3em 0 -999em 0;
-  padding: 0 3em 999em 5em;
-  @media (max-width: @maxsmalltablet)
-  {
-    padding-left: 3.5em;
-    padding-right: 2em;
-  }
-  @media (max-width: @maxsmallertablet)
-  {
-    padding-left: 2.5em;
-    padding-right: 1em;
-  }
+  margin: 3em 0 -994em 0;
+  padding: 0 0 999em 0;
+  background-color: transparent;
 }
 
 
@@ -92,7 +84,7 @@ body.nomenu
   @media (max-width: @maxsmalltablet)
   {
     margin-left: -1.5em;
-    padding: .5em 2em 0 3.5em;
+    padding: .5em 2em 0 3em;
   }
   @media (max-width: @maxsmallertablet)
   {
@@ -104,7 +96,7 @@ body.nomenu
 
 /** Bereichsauswahl positionieren */
 
-.menu .content > .marginal > #nav
+.menu #nav
 {
   position: static;
   border-right: .125em solid @hintergrund;
@@ -123,11 +115,20 @@ body.nomenu
   }
   width: auto;
 }
+.nomenu #nav
+{
+  position: absolute;
+  top: 0;
+  right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
+  width: 100%;
+}
+
 .nomenu #menu,
 .menu #menu
 {
   position: absolute;
   width: auto;
+  top: -7em;
   right: 3em;
   @media (max-width: @maxsmalltablet)
   {
@@ -219,7 +220,7 @@ body.nomenu
   {
     font-size: 87.5%; /* 14px */
     top: 7.2em;
-    left: 10.3em;
+    left: 9.8em;
   }
   @media (max-width: @maxsmallertablet)
   {
@@ -233,11 +234,21 @@ body.nomenu
 
 .nomenu .content > .marginal aside.m
 {
-  margin: 3.5em -3em -999em -5em;
+  margin: 3.5em 0 -999em 0;
   padding: 2em 3em 995em 5em;
   background-color: @heller;
   position: relative;
   top: -4.5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-left: 3em;
+    padding-right: 2em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-left: 2.5em;
+    padding-right: 1em;
+  }
 }
 .menu .content > .marginal > aside.m
 {
-- 
2.20.1


From 5b71fa65f7b7364f4c142bc9e3e40602a8ce1251 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 14:11:05 +0100
Subject: [PATCH 06/16] =?utf8?q?Margin=20links=20bei=20kleinen=20Smartphon?=
 =?utf8?q?es=20schon=20fr=C3=BCher=20minimiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/less/tiny/layout.less | 39 ++++++++++++++++-----------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less
index f5abf0f8..88126ffc 100644
--- a/src/main/webapp/less/tiny/layout.less
+++ b/src/main/webapp/less/tiny/layout.less
@@ -2,8 +2,30 @@ body
 {
   font-size: 75%; /** 12px */
 }
-.marginal
+#header
 {
+  margin: .25em .5em 0 1em;
+}
+#nav:target
+{
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+#breadcrumb,
+#nav:target > a.hide
+{
+  top: .5em;
+  right: .5em;
+}
+.content > .main,
+#footer
+{
+  margin: 0;
+  padding: 0 .5em;
+}
+.content > .marginal
+{
+  padding: 1em .5em 999em .5em;
   margin-bottom: -991em;
 }
 
@@ -12,26 +34,11 @@ body
   #header
   {
     font-size: 75%;
-    margin: .25em .5em 0 1em;
-  }
-  .content > .marginal
-  {
-    padding: 1em .5em 999em .5em;
-  }
-  .content > .main,
-  #footer
-  {
-    margin: 0;
-    padding: 0 .5em;
   }
   #nav:target
   {
     padding-top: 0;
   }
-  #nav:target > #menu
-  {
-    padding-left: 0;
-  }
   #breadcrumb,
   #nav:target > a.hide
   {
-- 
2.20.1


From 925550cc75ba4fa6438cb3a50ebea7ee6514ef31 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 15:00:54 +0100
Subject: [PATCH 07/16] Seitentitel kann weggelassen werden

---
 src/main/resources/spring/tiles.xml                       | 5 +++--
 src/main/webapp/WEB-INF/404.jsp                           | 4 ++--
 src/main/webapp/WEB-INF/error.jsp                         | 4 ++--
 src/main/webapp/WEB-INF/templates/article.jsp             | 8 ++++++++
 src/main/webapp/WEB-INF/templates/html5page.jsp           | 5 +----
 src/main/webapp/WEB-INF/templates/test/experimente.jsp    | 1 +
 src/main/webapp/WEB-INF/views/about.jsp                   | 4 ++--
 src/main/webapp/WEB-INF/views/agb.jsp                     | 4 ++--
 src/main/webapp/WEB-INF/views/blog.jsp                    | 4 ++--
 src/main/webapp/WEB-INF/views/blog/article.jsp            | 4 ++--
 src/main/webapp/WEB-INF/views/blog/comments.jsp           | 4 ++--
 src/main/webapp/WEB-INF/views/contact.jsp                 | 4 ++--
 src/main/webapp/WEB-INF/views/datenschutz.jsp             | 4 ++--
 src/main/webapp/WEB-INF/views/expertise.jsp               | 4 ++--
 src/main/webapp/WEB-INF/views/google-analytics.jsp        | 4 ++--
 src/main/webapp/WEB-INF/views/haftung-inhalte.jsp         | 4 ++--
 src/main/webapp/WEB-INF/views/haftung-links.jsp           | 4 ++--
 src/main/webapp/WEB-INF/views/impressum.jsp               | 4 ++--
 src/main/webapp/WEB-INF/views/index.jsp                   | 4 ++--
 src/main/webapp/WEB-INF/views/projects.jsp                | 2 +-
 src/main/webapp/WEB-INF/views/projects/fix-swf.jsp        | 4 ++--
 .../WEB-INF/views/projects/fix-swf/getting-started.jsp    | 2 +-
 .../webapp/WEB-INF/views/projects/fix-swf/overview.jsp    | 2 +-
 .../webapp/WEB-INF/views/projects/html-experimente.jsp    | 4 ++--
 src/main/webapp/WEB-INF/views/projects/typo.jsp           | 4 ++--
 src/main/webapp/WEB-INF/views/references.jsp              | 4 ++--
 src/main/webapp/WEB-INF/views/test/basis-layout.jsp       | 4 ++--
 src/main/webapp/WEB-INF/views/test/druck-layout.jsp       | 4 ++--
 src/main/webapp/WEB-INF/views/test/error.jsp              | 4 ++--
 .../fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"   | 4 ++--
 .../WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"    | 4 ++--
 .../fast-leer-mit-men\303\274-und-marginalinhalt.jsp"     | 4 ++--
 .../WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"     | 4 ++--
 src/main/webapp/WEB-INF/views/test/formulare.jsp          | 4 ++--
 src/main/webapp/WEB-INF/views/test/kein-layout.jsp        | 4 ++--
 src/main/webapp/WEB-INF/views/test/phone.jsp              | 4 ++--
 src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp   | 4 ++--
 src/main/webapp/WEB-INF/views/test/seitenkopf.jsp         | 4 ++--
 src/main/webapp/WEB-INF/views/test/symbole.jsp            | 4 ++--
 src/main/webapp/WEB-INF/views/test/tablet.jsp             | 4 ++--
 src/main/webapp/WEB-INF/views/test/testlab.jsp            | 2 +-
 src/main/webapp/WEB-INF/views/test/tiny.jsp               | 4 ++--
 src/main/webapp/WEB-INF/views/urheberrechte.jsp           | 4 ++--
 43 files changed, 87 insertions(+), 80 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/templates/article.jsp

diff --git a/src/main/resources/spring/tiles.xml b/src/main/resources/spring/tiles.xml
index 5cda94a9..120e6049 100644
--- a/src/main/resources/spring/tiles.xml
+++ b/src/main/resources/spring/tiles.xml
@@ -5,11 +5,12 @@
 <tiles-definitions>
 
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
-    <put-attribute name="title" value="TITLE IS MISSING" type="string"/>
+    <put-attribute name="title" value="TITLE IS MISSING" type="string" cascade="true"/>
     <put-attribute name="htmlhead" value="/WEB-INF/templates/html-head.jsp" type="template"/>
     <put-attribute name="header" value="/WEB-INF/templates/header.jsp" type="template"/>
     <put-attribute name="breadcrumb" value="BREADCRUMB IS MISSING" type="string"/>
-    <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template"/>
+    <put-attribute name="contentcontainer" value="/WEB-INF/templates/article.jsp" type="template"/>
+    <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template" cascade="true"/>
     <put-attribute name="contentclass" value="menu" type="string"/>
     <put-attribute name="marginalcontent" value="/WEB-INF/templates/marginalcontent.jsp" type="template"/>
     <put-attribute name="navigation" value="/WEB-INF/templates/navigation.jsp" type="template"/>
diff --git a/src/main/webapp/WEB-INF/404.jsp b/src/main/webapp/WEB-INF/404.jsp
index d826d417..38e4ebb4 100644
--- a/src/main/webapp/WEB-INF/404.jsp
+++ b/src/main/webapp/WEB-INF/404.jsp
@@ -5,12 +5,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="NOMENU">
   <t:putAttribute name="contentclass" value="nomenu withbackground" type="string"/>
-  <t:putAttribute name="title" value="404: Page not found" type="string"/>
+  <t:putAttribute name="title" value="404: Page not found" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">???</strong></li>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <span class="background sehrhell" id="bs1">?</span>
     <span class="background heller" id="bs2">?</span>
     <span class="background sehrhell" id="bs3">?</span>
diff --git a/src/main/webapp/WEB-INF/error.jsp b/src/main/webapp/WEB-INF/error.jsp
index b6359a36..813cd9e0 100644
--- a/src/main/webapp/WEB-INF/error.jsp
+++ b/src/main/webapp/WEB-INF/error.jsp
@@ -5,12 +5,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="NOMENU">
   <t:putAttribute name="contentclass" value="nomenu withbackground" type="string"/>
-  <t:putAttribute name="title" value="An unexpected Error occured!" type="string"/>
+  <t:putAttribute name="title" value="An unexpected Error occured!" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">!#%*§</strong></li>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <span class="background sehrhell" id="bs1">x</span>
     <span class="background heller" id="bs2">#</span>
     <span class="background sehrhell" id="bs3">*</span>
diff --git a/src/main/webapp/WEB-INF/templates/article.jsp b/src/main/webapp/WEB-INF/templates/article.jsp
new file mode 100644
index 00000000..d1450803
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/article.jsp
@@ -0,0 +1,8 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<article id="content" class="main">
+  <header><h1><t:getAsString name="title"/></h1></header>
+  <t:insertAttribute name="maincontent"/>
+</article>
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index ec1a850c..5620fb2d 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -25,10 +25,7 @@
         <hr class="b" />
       </div>
       <main class="content cf">
-        <article id="content" class="main">
-          <header><h1><t:getAsString name="title"/></h1></header>
-          <t:insertAttribute name="maincontent"/>
-        </article>
+        <t:insertAttribute name="contentcontainer"/>
         <div class="marginal">
           <nav id="nav">
             <hr class="n"/>
diff --git a/src/main/webapp/WEB-INF/templates/test/experimente.jsp b/src/main/webapp/WEB-INF/templates/test/experimente.jsp
index 7a73a79e..752552cd 100644
--- a/src/main/webapp/WEB-INF/templates/test/experimente.jsp
+++ b/src/main/webapp/WEB-INF/templates/test/experimente.jsp
@@ -14,6 +14,7 @@
   <li><a href="${base}test/fast-leer-kein-menü-aber-marginalinhalt.html">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
   <li><a href="${base}test/fast-leer-mit-menü.html">Fast leere Seite mit Menü</a></li>
   <li><a href="${base}test/fast-leer-mit-menü-und-marginalinhalt.html">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
+  <li><a href="${base}test/breadcrumb.html">Seite mit sehr langem Breadcrumb</a></li>
 </ul>
 <h2>Layout-Variationen</h2>
 <ul>
diff --git a/src/main/webapp/WEB-INF/views/about.jsp b/src/main/webapp/WEB-INF/views/about.jsp
index 6bc49484..a26f2179 100644
--- a/src/main/webapp/WEB-INF/views/about.jsp
+++ b/src/main/webapp/WEB-INF/views/about.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="About" type="string"/>
+  <t:putAttribute name="title" value="About" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">About</strong></li>
@@ -23,7 +23,7 @@
       <li class="s "><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       <span class="logo">juplo</span> is the place, where I collect and share
       my more or less private projects.
diff --git a/src/main/webapp/WEB-INF/views/agb.jsp b/src/main/webapp/WEB-INF/views/agb.jsp
index 0cb220cc..270c8cff 100644
--- a/src/main/webapp/WEB-INF/views/agb.jsp
+++ b/src/main/webapp/WEB-INF/views/agb.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Allgemeine Geschäftsbedingungen (AGB)" type="string"/>
+  <t:putAttribute name="title" value="Allgemeine Geschäftsbedingungen (AGB)" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p><em>Stand: 01.02.2014</em></p>
     <h2>Angebote &amp; Abrechnung</h2>
     <p>
diff --git a/src/main/webapp/WEB-INF/views/blog.jsp b/src/main/webapp/WEB-INF/views/blog.jsp
index 3640ea06..a2eb5cc2 100644
--- a/src/main/webapp/WEB-INF/views/blog.jsp
+++ b/src/main/webapp/WEB-INF/views/blog.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Blog" type="string"/>
+  <t:putAttribute name="title" value="Blog" type="string" cascade="true"/>
     <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">Blog</strong></li>
@@ -17,7 +17,7 @@
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
       <header class="entry-header">
         <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a></h2>
diff --git a/src/main/webapp/WEB-INF/views/blog/article.jsp b/src/main/webapp/WEB-INF/views/blog/article.jsp
index 82d348f2..664d9e5a 100644
--- a/src/main/webapp/WEB-INF/views/blog/article.jsp
+++ b/src/main/webapp/WEB-INF/views/blog/article.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="" type="string"/>
+  <t:putAttribute name="title" value="" type="string" cascade="true"/>
     <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">Blog</strong></li>
@@ -17,7 +17,7 @@
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
       <div class="entry-header">
         <h1 class="entry-title">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</h1>
diff --git a/src/main/webapp/WEB-INF/views/blog/comments.jsp b/src/main/webapp/WEB-INF/views/blog/comments.jsp
index f098525d..67060e62 100644
--- a/src/main/webapp/WEB-INF/views/blog/comments.jsp
+++ b/src/main/webapp/WEB-INF/views/blog/comments.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="" type="string"/>
+  <t:putAttribute name="title" value="" type="string" cascade="true"/>
     <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">Blog</strong></li>
@@ -17,7 +17,7 @@
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
       <div class="entry-header">
         <h1 class="entry-title">hibernate4-maven-plugin</h1>
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index 1121768a..d1c686cb 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Contact" type="string"/>
+  <t:putAttribute name="title" value="Contact" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}about.html">About</a></li>
@@ -24,7 +24,7 @@
       <li class="s"><strong class="s">Contact</strong></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <h2>About Me</h2>
     <h2>Address</h2>
     <h2>Social Media</h2>
diff --git a/src/main/webapp/WEB-INF/views/datenschutz.jsp b/src/main/webapp/WEB-INF/views/datenschutz.jsp
index a7a65322..2e8a5d2d 100644
--- a/src/main/webapp/WEB-INF/views/datenschutz.jsp
+++ b/src/main/webapp/WEB-INF/views/datenschutz.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Datenschutz" type="string"/>
+  <t:putAttribute name="title" value="Datenschutz" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.</p>
     <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
     <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
diff --git a/src/main/webapp/WEB-INF/views/expertise.jsp b/src/main/webapp/WEB-INF/views/expertise.jsp
index 946f8223..1683c05a 100644
--- a/src/main/webapp/WEB-INF/views/expertise.jsp
+++ b/src/main/webapp/WEB-INF/views/expertise.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Expertise" type="string"/>
+  <t:putAttribute name="title" value="Expertise" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}about.html">About</a></li>
@@ -34,6 +34,6 @@
       <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template" cascade="true"/>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/google-analytics.jsp b/src/main/webapp/WEB-INF/views/google-analytics.jsp
index 141c571c..610a1195 100644
--- a/src/main/webapp/WEB-INF/views/google-analytics.jsp
+++ b/src/main/webapp/WEB-INF/views/google-analytics.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Google Analytics" type="string"/>
+  <t:putAttribute name="title" value="Google Analytics" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><strong class="s">Google Analytics</strong></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
     <p>Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.</p>
     <p>Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren:</p>
diff --git a/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp b/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
index 8f7eda08..9d834481 100644
--- a/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
+++ b/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Haftung für Inhalte" type="string"/>
+  <t:putAttribute name="title" value="Haftung für Inhalte" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
     <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
   </t:putAttribute>
diff --git a/src/main/webapp/WEB-INF/views/haftung-links.jsp b/src/main/webapp/WEB-INF/views/haftung-links.jsp
index 1c6fe683..a02b1648 100644
--- a/src/main/webapp/WEB-INF/views/haftung-links.jsp
+++ b/src/main/webapp/WEB-INF/views/haftung-links.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Haftung für Links" type="string"/>
+  <t:putAttribute name="title" value="Haftung für Links" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
     <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
   </t:putAttribute>
diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp
index 1b6b0ba9..0c7cdc1f 100644
--- a/src/main/webapp/WEB-INF/views/impressum.jsp
+++ b/src/main/webapp/WEB-INF/views/impressum.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Impressum" type="string"/>
+  <t:putAttribute name="title" value="Impressum" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">Impressum</strong></li>
@@ -26,7 +26,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p><em>Angaben gemäß § 5 TMG:</em></p>
     <p>
       Kai Moritz<br />
diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 1c6a95ed..4cde8f87 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -3,14 +3,14 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="NOMENU">
-  <t:putAttribute name="title" value="Branding" type="string"/>
+  <t:putAttribute name="title" value="Branding" type="string" cascade="true"/>
   <t:putAttribute name="header">
     <h1 id="logo"><strong class="l">juplo</strong></h1>
   </t:putAttribute>
   <t:putAttribute name="breadcrumb">
     <li class="b"><strong class="b">Home</strong></li>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <div class="pack cf">
       <div class="left">
         <h2>hibernate4-maven-plugin</h2>
diff --git a/src/main/webapp/WEB-INF/views/projects.jsp b/src/main/webapp/WEB-INF/views/projects.jsp
index b51dd782..42108a08 100644
--- a/src/main/webapp/WEB-INF/views/projects.jsp
+++ b/src/main/webapp/WEB-INF/views/projects.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Projects" type="string"/>
+  <t:putAttribute name="title" value="Projects" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><strong class="b">Projects</strong></li>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
index 101311c8..66084a74 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF" type="string"/>
+  <t:putAttribute name="title" value="Fix SWF" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
@@ -38,5 +38,5 @@
       <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" value="Nearly empty" type="string"/>
+  <t:putAttribute name="maincontent" value="Nearly empty" type="string" cascade="true"/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
index d95b4dcd..687acf28 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string"/>
+  <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
index c5d79e05..4608efbe 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF - Overview" type="string"/>
+  <t:putAttribute name="title" value="Fix SWF - Overview" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
diff --git a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
index 7e72b6d3..0ef6f2ba 100644
--- a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="HTML-Experimente" type="string"/>
+  <t:putAttribute name="title" value="HTML-Experimente" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
@@ -30,5 +30,5 @@
       <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template"/>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template" cascade="true"/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/typo.jsp b/src/main/webapp/WEB-INF/views/projects/typo.jsp
index 143b9a77..a551cefa 100644
--- a/src/main/webapp/WEB-INF/views/projects/typo.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/typo.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Typo" type="string"/>
+  <t:putAttribute name="title" value="Typo" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
@@ -30,7 +30,7 @@
       <li class="s"><strong class="s">Typography</strong></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
       sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
diff --git a/src/main/webapp/WEB-INF/views/references.jsp b/src/main/webapp/WEB-INF/views/references.jsp
index 2000c6ea..33e2074d 100644
--- a/src/main/webapp/WEB-INF/views/references.jsp
+++ b/src/main/webapp/WEB-INF/views/references.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="References" type="string"/>
+  <t:putAttribute name="title" value="References" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}about.html">About</a></li>
@@ -32,6 +32,6 @@
       <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template"/>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template" cascade="true"/>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp b/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
index f74e5bcd..fdccc393 100644
--- a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
+++ b/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
@@ -3,12 +3,12 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string"/>
+  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite ist nur das Basis-Layout eingebunden
       (<code>/css/base.css</code>).
diff --git a/src/main/webapp/WEB-INF/views/test/druck-layout.jsp b/src/main/webapp/WEB-INF/views/test/druck-layout.jsp
index 2d2fd5b8..822333d0 100644
--- a/src/main/webapp/WEB-INF/views/test/druck-layout.jsp
+++ b/src/main/webapp/WEB-INF/views/test/druck-layout.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Die für den Ausdruck angepasste Ansicht" type="string"/>
+  <t:putAttribute name="title" value="Die für den Ausdruck angepasste Ansicht" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/print.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite ist nur das Basis-Layout eingebunden
       (<code>/css/base.css</code>).
diff --git a/src/main/webapp/WEB-INF/views/test/error.jsp b/src/main/webapp/WEB-INF/views/test/error.jsp
index 2235e923..4bc0ebb7 100644
--- a/src/main/webapp/WEB-INF/views/test/error.jsp
+++ b/src/main/webapp/WEB-INF/views/test/error.jsp
@@ -3,8 +3,8 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Diese Seite erzeugt einen Fehler!" type="string"/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="title" value="Diese Seite erzeugt einen Fehler!" type="string" cascade="true"/>
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <% Integer.parseInt("foo"); //throws an exception %>
   </t:putAttribute>
 </t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
index a066a977..462f2078 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite ohne Menü, aber mit Marginalinhalt" type="string"/>
+  <t:putAttribute name="title" value="Fast leere Seite ohne Menü, aber mit Marginalinhalt" type="string" cascade="true"/>
   <t:putAttribute name="contentclass" value="nomenu" type="string"/>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
@@ -14,7 +14,7 @@
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Diese Seite ist fast leer...</p>
   </t:putAttribute>
 </t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
index 52836d0a..28a10a5a 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite ohne Menü" type="string"/>
+  <t:putAttribute name="title" value="Fast leere Seite ohne Menü" type="string" cascade="true"/>
   <t:putAttribute name="contentclass" value="nomenu" type="string"/>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
@@ -14,7 +14,7 @@
       <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Diese Seite ist fast leer...</p>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" value="" type="string"/>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
index 59825e6a..742b17b1 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
@@ -3,8 +3,8 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite mit Menü und Marginalinhalt" type="string"/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="title" value="Fast leere Seite mit Menü und Marginalinhalt" type="string" cascade="true"/>
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Diese Seite ist fast leer...</p>
   </t:putAttribute>
 </t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
index 7145efef..9bfae154 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
@@ -3,8 +3,8 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite mit Menü" type="string"/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="title" value="Fast leere Seite mit Menü" type="string" cascade="true"/>
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Diese Seite ist fast leer...</p>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" value="" type="string"/>
diff --git a/src/main/webapp/WEB-INF/views/test/formulare.jsp b/src/main/webapp/WEB-INF/views/test/formulare.jsp
index 7656cb99..12f487ec 100644
--- a/src/main/webapp/WEB-INF/views/test/formulare.jsp
+++ b/src/main/webapp/WEB-INF/views/test/formulare.jsp
@@ -3,8 +3,8 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Formulare" type="string"/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="title" value="Formulare" type="string" cascade="true"/>
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <form class="form" action="#" method="get">
       <h2 class="f">Anzeigetext</h2>
       <div class="f textarea">
diff --git a/src/main/webapp/WEB-INF/views/test/kein-layout.jsp b/src/main/webapp/WEB-INF/views/test/kein-layout.jsp
index 11dd1636..dca3c266 100644
--- a/src/main/webapp/WEB-INF/views/test/kein-layout.jsp
+++ b/src/main/webapp/WEB-INF/views/test/kein-layout.jsp
@@ -3,9 +3,9 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string"/>
+  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string" value=""/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite ist nur das Basis-Layout eingebunden
       (<code>/css/base.css</code>).
diff --git a/src/main/webapp/WEB-INF/views/test/phone.jsp b/src/main/webapp/WEB-INF/views/test/phone.jsp
index e9c72911..436a727d 100644
--- a/src/main/webapp/WEB-INF/views/test/phone.jsp
+++ b/src/main/webapp/WEB-INF/views/test/phone.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für Smartphones" type="string"/>
+  <t:putAttribute name="title" value="Layout für Smartphones" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/phone.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       Diese Seite bindet alle Styles ein, die für Smartphones eingebunden
       werden (<code>/css/base.css</code> und <code>/css/phone.css</code>).
diff --git a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp b/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
index acb38eb5..7ee9a510 100644
--- a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
+++ b/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout und die Seitenaufteilung" type="string"/>
+  <t:putAttribute name="title" value="Nur das Basis-Layout und die Seitenaufteilung" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="/css/seitenaufteilung.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
       und die Seitenaufteilung (<code>/less/screen/layout.less</code>)
diff --git a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp b/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
index dbb067b0..ec76d757 100644
--- a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
+++ b/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout und der Seitenkopf" type="string"/>
+  <t:putAttribute name="title" value="Nur das Basis-Layout und der Seitenkopf" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="/css/seitenkopf.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
       und der Seitenkopf (<code>/less/screen/head.less</code>)
diff --git a/src/main/webapp/WEB-INF/views/test/symbole.jsp b/src/main/webapp/WEB-INF/views/test/symbole.jsp
index fbfea30e..3dd15715 100644
--- a/src/main/webapp/WEB-INF/views/test/symbole.jsp
+++ b/src/main/webapp/WEB-INF/views/test/symbole.jsp
@@ -3,8 +3,8 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Symbol-Font" type="string"/>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="title" value="Symbol-Font" type="string" cascade="true"/>
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <h2>100%</h2>
     <div class="symbols">
       <span class="e600">&#xe600;</span>
diff --git a/src/main/webapp/WEB-INF/views/test/tablet.jsp b/src/main/webapp/WEB-INF/views/test/tablet.jsp
index adcf8834..901cb4bb 100644
--- a/src/main/webapp/WEB-INF/views/test/tablet.jsp
+++ b/src/main/webapp/WEB-INF/views/test/tablet.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für Tablets" type="string"/>
+  <t:putAttribute name="title" value="Layout für Tablets" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/tablet.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       Diese Seite bindet alle Styles ein, die für Tablets eingebunden
       werden (<code>/css/base.css</code> und <code>/css/tablet.css</code>).
diff --git a/src/main/webapp/WEB-INF/views/test/testlab.jsp b/src/main/webapp/WEB-INF/views/test/testlab.jsp
index 4cf1c91a..252f2595 100644
--- a/src/main/webapp/WEB-INF/views/test/testlab.jsp
+++ b/src/main/webapp/WEB-INF/views/test/testlab.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="TESTLAB">
-  <t:putAttribute name="title" value="Formulare" type="string"/>
+  <t:putAttribute name="title" value="Formulare" type="string" cascade="true"/>
   <t:putAttribute name="content">
     <form class="testlab form" action="#" method="get">
       <h2 class="f">Anzeigetext</h2>
diff --git a/src/main/webapp/WEB-INF/views/test/tiny.jsp b/src/main/webapp/WEB-INF/views/test/tiny.jsp
index cc5a79da..0d21cddd 100644
--- a/src/main/webapp/WEB-INF/views/test/tiny.jsp
+++ b/src/main/webapp/WEB-INF/views/test/tiny.jsp
@@ -3,13 +3,13 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für sehr kleine Bildschirmgrößen" type="string"/>
+  <t:putAttribute name="title" value="Layout für sehr kleine Bildschirmgrößen" type="string" cascade="true"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/tiny.css" />
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>
       In diese Seite bindet alle Styles ein, die für sehr kleine
       Bildschirmgrößen eingebunden werden (<code>/css/base.css</code> und
diff --git a/src/main/webapp/WEB-INF/views/urheberrechte.jsp b/src/main/webapp/WEB-INF/views/urheberrechte.jsp
index 86c3dbdf..ac50b654 100644
--- a/src/main/webapp/WEB-INF/views/urheberrechte.jsp
+++ b/src/main/webapp/WEB-INF/views/urheberrechte.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Urheberrechte" type="string"/>
+  <t:putAttribute name="title" value="Urheberrechte" type="string" cascade="true"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
@@ -27,7 +27,7 @@
       <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
+  <t:putAttribute name="maincontent" type="string" cascade="true">
     <p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
     <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
   </t:putAttribute>
-- 
2.20.1


From 545c20e546e2c2083f66c33c9cf842951ac7db4d Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 15:11:37 +0100
Subject: [PATCH 08/16] Mehr Platz unter Kopfbereich

---
 src/main/webapp/WEB-INF/views/test/breadcrumb.jsp | 12 ++++++++++++
 src/main/webapp/less/phone/layout.less            |  3 +--
 src/main/webapp/less/phone/typo.less              |  1 +
 src/main/webapp/less/screen/layout.less           |  5 +++--
 src/main/webapp/less/screen/typo.less             |  1 +
 src/main/webapp/less/tablet/layout.less           | 12 ++++++------
 src/main/webapp/less/tiny/layout.less             |  2 +-
 7 files changed, 25 insertions(+), 11 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/views/test/breadcrumb.jsp

diff --git a/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp b/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
new file mode 100644
index 00000000..786c773c
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
@@ -0,0 +1,12 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="test">
+  <t:putAttribute name="title" value="Seite mit sehr langem Breadcrumb" type="string" cascade="true"/>
+  <t:putAttribute name="breadcrumb" type="string">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a class="b" href="${base}blog.html">Blog</a></li>
+    <li class="b"><strong class="b">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</strong></li>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/less/phone/layout.less b/src/main/webapp/less/phone/layout.less
index 405aa5ff..f2c4a238 100644
--- a/src/main/webapp/less/phone/layout.less
+++ b/src/main/webapp/less/phone/layout.less
@@ -21,7 +21,6 @@ body
 .menu .content > .main
 {
   border-top-style: none;
-  margin-top: -.4375em; /** -8px + 1px (für den entfernten Rahmen) -- nur damit es exakt so positioniert ist, wie im Tablet-Layout */
 }
 
 
@@ -30,7 +29,7 @@ body
 
 #header
 {
-  margin: .5em 1em 0 1.25em;
+  margin: .5em 1em 1em 1.25em;
 }
 #header > hr.h
 {
diff --git a/src/main/webapp/less/phone/typo.less b/src/main/webapp/less/phone/typo.less
index ba61db5a..109c47c7 100644
--- a/src/main/webapp/less/phone/typo.less
+++ b/src/main/webapp/less/phone/typo.less
@@ -1,4 +1,5 @@
 h1
 {
   font-size: 150%; /** 24 px */
+  margin-top: 0;
 }
diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 97d0fbb0..eb79a804 100644
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -53,6 +53,7 @@ body
 #header
 {
   margin-left: -2.125em;
+  padding-bottom: 2em;
 }
 #header > hr.h
 {
@@ -77,7 +78,7 @@ body
 {
   position: relative;
   width: 200%;
-  top: -7em; /** 112px */
+  top: -9em; /** 136px */
   right: 100%;
   text-align: right;
   list-style-type: none;
@@ -87,7 +88,7 @@ body
 }
 .nomenu #menu
 {
-  top: -9em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
+  top: -11em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
 }
 #menu > li.m
 {
diff --git a/src/main/webapp/less/screen/typo.less b/src/main/webapp/less/screen/typo.less
index 1a1b2260..7ee77c03 100644
--- a/src/main/webapp/less/screen/typo.less
+++ b/src/main/webapp/less/screen/typo.less
@@ -4,4 +4,5 @@ h1
   /** line-height: 1em;  ** 30px */
   /** padding: 0 0 .4em 0; ** 0 0 12px 0 */
   /** margin: 1em 0 .3em 0; ** 30px 0 9px 0 */
+  margin-top: 0;
 }
diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 9e5c2df3..44ab7d58 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -80,16 +80,16 @@ body
 
 #header
 {
-  padding: 1em 3em 0 5em;
+  padding: 1em 3em 2em 5em;
   @media (max-width: @maxsmalltablet)
   {
     margin-left: -1.5em;
-    padding: .5em 2em 0 3em;
+    padding: .5em 2em 2em 3em;
   }
   @media (max-width: @maxsmallertablet)
   {
     margin-left: -1.2em;
-    padding: 1em 1em 0 2.5em;
+    padding: 1em 1em 2em 2.5em;
   }
 }
 
@@ -128,16 +128,16 @@ body
 {
   position: absolute;
   width: auto;
-  top: -7em;
+  top: -9em;
   right: 3em;
   @media (max-width: @maxsmalltablet)
   {
-    top: -5.7em;
+    top: -7.7em;
     right: 2em;
   }
   @media (max-width: @maxsmallertablet)
   {
-    top: -4.5em;
+    top: -6.5em;
     right: 1em;
   }
 }
diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less
index 88126ffc..dcef10cc 100644
--- a/src/main/webapp/less/tiny/layout.less
+++ b/src/main/webapp/less/tiny/layout.less
@@ -4,7 +4,7 @@ body
 }
 #header
 {
-  margin: .25em .5em 0 1em;
+  margin: .25em .5em 1em 1em;
 }
 #nav:target
 {
-- 
2.20.1


From 357f1564c1a3f09b3ba9418eb31d6ff4d8f3ae7b Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 15:46:03 +0100
Subject: [PATCH 09/16] =?utf8?q?Keine=20=C3=9Cberschrift=20auf=20Startseit?=
 =?utf8?q?e=20und=20Contentcontainer=20nicht=20vom=20Typ=20<article>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/views/index.jsp | 102 ++++++++++++------------
 1 file changed, 52 insertions(+), 50 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 4cde8f87..0db9604d 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -10,34 +10,25 @@
   <t:putAttribute name="breadcrumb">
     <li class="b"><strong class="b">Home</strong></li>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <div class="pack cf">
-      <div class="left">
-        <h2>hibernate4-maven-plugin</h2>
-        <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+  <t:putAttribute name="contentcontainer" type="string">
+    <div id="content" class="main">
+      <div class="pack cf">
+        <div class="left">
+          <h2>hibernate4-maven-plugin</h2>
+          <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        </div>
+        <div class="right">
+          <h2>fix-swf</h2>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat.
+          </p>
+        </div>
       </div>
-      <div class="right">
-        <h2>fix-swf</h2>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-          aliquip ex ea commodo consequat.
-        </p>
-      </div>
-    </div>
-    <div class="single">
-      <h2>accelerator</h2>
-      <p>
-        Duis aute irure dolor in
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-        culpa qui officia deserunt mollit anim id est laborum.
-      </p>
-    </div>
-    <div class="pack cf">
-      <div class="right">
-        <h2>jquery.openx</h2>
+      <div class="single">
+        <h2>accelerator</h2>
         <p>
           Duis aute irure dolor in
           reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
@@ -45,30 +36,41 @@
           culpa qui officia deserunt mollit anim id est laborum.
         </p>
       </div>
-      <div class="left">
-        <h2>Regex-Lab</h2>
-        <p>
-          Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
+      <div class="pack cf">
+        <div class="right">
+          <h2>jquery.openx</h2>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="left">
+          <h2>Regex-Lab</h2>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
       </div>
-    </div>
-    <div class="pack cf">
-      <div class="left">
-        <h2>jquery.openx</h2>
-        <p>
-          Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-      </div>
-      <div class="right">
-        <h2>Regex-Lab</h2>
-        <p>
-          Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
+      <div class="pack cf">
+        <div class="left">
+          <h2>jquery.openx</h2>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="right">
+          <h2>Regex-Lab</h2>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
       </div>
     </div>
   </t:putAttribute>
-- 
2.20.1


From 8a8d3ae6b95417129d6a2559b9b0d9cdca617c91 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 18:24:47 +0100
Subject: [PATCH 10/16] =?utf8?q?Kontakt-Seite=20=C3=BCberarbeitet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/views/contact.jsp |  35 ++++++++++++++++++----
 src/main/webapp/WEB-INF/views/index.jsp   |  16 +++++-----
 src/main/webapp/img/kai-moritz.jpg        | Bin 0 -> 29510 bytes
 src/main/webapp/less/base/packs.less      |  26 ++++++++++++----
 4 files changed, 57 insertions(+), 20 deletions(-)
 create mode 100644 src/main/webapp/img/kai-moritz.jpg

diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index d1c686cb..3f8675fe 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -3,7 +3,7 @@
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Contact" type="string" cascade="true"/>
+  <t:putAttribute name="title" value="Contact" type="string"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
     <li class="b"><a class="b" href="${base}about.html">About</a></li>
@@ -24,11 +24,34 @@
       <li class="s"><strong class="s">Contact</strong></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <h2>About Me</h2>
-    <h2>Address</h2>
-    <h2>Social Media</h2>
-    <h2><em>Übersetzung?!?</em> Jobportale</h2>
+  <t:putAttribute name="contentcontainer" type="string">
+    <div id="content" class="main pack cf">
+      <div class="p left">
+        <img class="p" src="${base}img/kai-moritz.jpg" alt="Portrait"/>
+      </div>
+      <article class="p right">
+        <header><h1><t:getAsString name="title"/></h1></header>
+        <h2>Address</h2>
+        <p>
+          Kai Moritz<br />
+          Zumsandestr. 29a<br />
+          48145 Münster
+        </p>
+        <h2>Email</h2>
+        <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+        <h2>Phone</h2>
+        <p>+49 (0) 176 20 50 47 47</p>
+        <h2>Networking</h2>
+        <ul>
+          <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
+          <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
+        </ul>
+        <!--
+        <h2>About Me</h2>
+        <h2><em>Übersetzung?!?</em> Jobportale</h2>
+        -->
+      </article>
+    </div>
   </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 0db9604d..6e84c619 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -12,12 +12,12 @@
   </t:putAttribute>
   <t:putAttribute name="contentcontainer" type="string">
     <div id="content" class="main">
-      <div class="pack cf">
-        <div class="left">
+      <div class="pack bg cf">
+        <div class="p left">
           <h2>hibernate4-maven-plugin</h2>
           <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </div>
-        <div class="right">
+        <div class="p right">
           <h2>fix-swf</h2>
           <p>
             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
@@ -36,8 +36,8 @@
           culpa qui officia deserunt mollit anim id est laborum.
         </p>
       </div>
-      <div class="pack cf">
-        <div class="right">
+      <div class="pack bg cf">
+        <div class="p right">
           <h2>jquery.openx</h2>
           <p>
             Duis aute irure dolor in
@@ -46,7 +46,7 @@
             culpa qui officia deserunt mollit anim id est laborum.
           </p>
         </div>
-        <div class="left">
+        <div class="p left">
           <h2>Regex-Lab</h2>
           <p>
             Excepteur sint occaecat cupidatat non proident, sunt in
@@ -55,7 +55,7 @@
         </div>
       </div>
       <div class="pack cf">
-        <div class="left">
+        <div class="p left">
           <h2>jquery.openx</h2>
           <p>
             Duis aute irure dolor in
@@ -64,7 +64,7 @@
             culpa qui officia deserunt mollit anim id est laborum.
           </p>
         </div>
-        <div class="right">
+        <div class="p right">
           <h2>Regex-Lab</h2>
           <p>
             Excepteur sint occaecat cupidatat non proident, sunt in
diff --git a/src/main/webapp/img/kai-moritz.jpg b/src/main/webapp/img/kai-moritz.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c1815a1bada3042e2bfea535de6ce72c81f54cfe
GIT binary patch
literal 29510
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
ZA(?mw-D8sBE#bi*N1$lUy^^ON|JjOAH3t9y

literal 0
HcmV?d00001

diff --git a/src/main/webapp/less/base/packs.less b/src/main/webapp/less/base/packs.less
index 30cceacd..0936a2ff 100644
--- a/src/main/webapp/less/base/packs.less
+++ b/src/main/webapp/less/base/packs.less
@@ -2,25 +2,39 @@
 {
   overflow: hidden;
 }
-.pack > .left,
-.pack > .right
+.pack > .p.left,
+.pack > .p.right
 {
-  width: 42%;
-  padding: 0 3% 999em 3%;
+  width: 48%;
+  padding: 0 0 999em 0;
   margin: 0 0 -999em 0;
+}
+.pack.bg > .p.left,
+.pack.bg > .p.right
+{
+  width: 42%;
+  padding-left: 3%;
+  padding-right: 3%;
   background-color: @sehrhell;
 }
-.pack > .left
+.pack > .p.left
 {
   float: left;
 }
-.pack > .right
+.pack > .p.right
 {
   float: right;
 }
+.pack > .p img.p
+{
+  width: 91.9118%;
+}
 .single
 {
   padding: 3%;
   margin: 3% 0;
+}
+.single.bg
+{
   background-color: @sehrhell;
 }
-- 
2.20.1


From bdd5c4e87d09a5ed9be7c97273ec9c7b1afbeb16 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Sat, 30 Aug 2014 21:44:48 +0200
Subject: [PATCH 11/16] Upgraded springframework to version 4.0.6.RELEASE

---
 pom.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pom.xml b/pom.xml
index 5559fa2d..af8665d1 100644
--- a/pom.xml
+++ b/pom.xml
@@ -43,7 +43,7 @@
     <jstl.version>1.2</jstl.version>
     <servlet-api.version>3.0.1</servlet-api.version>
     <slf4j.version>1.5.8</slf4j.version>
-    <springframework.version>3.2.4.RELEASE</springframework.version>
+    <springframework.version>4.0.6.RELEASE</springframework.version>
     <tiles.version>3.0.1</tiles.version>
     <wro4j.version>1.7.3-SNAPSHOT</wro4j.version>
 
-- 
2.20.1


From b1956189d89ac7e824c209039f3c82926294549e Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Sat, 30 Aug 2014 22:21:35 +0200
Subject: [PATCH 12/16] Umstellung auf Thymeleaf: Schritt 1 - Thymeleaf zum
 Laufen bekommen

 * Tiles (vorerst) rausgeschmissen
 * Thymeleaf so weit konfiguriert, dass eine View /index.html erreichbar ist
---
 pom.xml                                       | 18 +++++-----
 src/main/resources/log4j.xml                  |  3 ++
 src/main/resources/spring/mvc.xml             | 36 +++++++++++--------
 src/main/webapp/WEB-INF/web.xml               |  6 ++--
 src/main/webapp/thymeleaf/404.html            | 14 ++++++++
 src/main/webapp/thymeleaf/error.html          | 14 ++++++++
 src/main/webapp/thymeleaf/index.html          | 14 ++++++++
 .../webapp/thymeleaf/templates/footer.html    | 12 +++++++
 .../webapp/thymeleaf/templates/header.html    | 12 +++++++
 src/main/webapp/thymeleaf/views/404.html      | 14 ++++++++
 src/main/webapp/thymeleaf/views/error.html    | 13 +++++++
 src/main/webapp/thymeleaf/views/index.html    | 11 ++++++
 12 files changed, 141 insertions(+), 26 deletions(-)
 create mode 100644 src/main/webapp/thymeleaf/404.html
 create mode 100644 src/main/webapp/thymeleaf/error.html
 create mode 100644 src/main/webapp/thymeleaf/index.html
 create mode 100644 src/main/webapp/thymeleaf/templates/footer.html
 create mode 100644 src/main/webapp/thymeleaf/templates/header.html
 create mode 100644 src/main/webapp/thymeleaf/views/404.html
 create mode 100644 src/main/webapp/thymeleaf/views/error.html
 create mode 100644 src/main/webapp/thymeleaf/views/index.html

diff --git a/pom.xml b/pom.xml
index af8665d1..fd91c8d9 100644
--- a/pom.xml
+++ b/pom.xml
@@ -42,9 +42,9 @@
     <jsp-api.version>2.2.1</jsp-api.version>
     <jstl.version>1.2</jstl.version>
     <servlet-api.version>3.0.1</servlet-api.version>
-    <slf4j.version>1.5.8</slf4j.version>
+    <slf4j.version>1.6.1</slf4j.version>
     <springframework.version>4.0.6.RELEASE</springframework.version>
-    <tiles.version>3.0.1</tiles.version>
+    <thymeleaf.version>2.1.3.RELEASE</thymeleaf.version>
     <wro4j.version>1.7.3-SNAPSHOT</wro4j.version>
 
   </properties>
@@ -65,17 +65,17 @@
       </exclusions>
     </dependency>
 
-    <!-- Tiles -->
+    <!-- Thymeleaf -->
     <dependency>
-      <groupId>org.apache.tiles</groupId>
-      <artifactId>tiles-core</artifactId>
-      <version>${tiles.version}</version>
+      <groupId>org.thymeleaf</groupId>
+      <artifactId>thymeleaf</artifactId>
+      <version>${thymeleaf.version}</version>
       <scope>runtime</scope>
     </dependency>
     <dependency>
-      <groupId>org.apache.tiles</groupId>
-      <artifactId>tiles-jsp</artifactId>
-      <version>${tiles.version}</version>
+      <groupId>org.thymeleaf</groupId>
+      <artifactId>thymeleaf-spring4</artifactId>
+      <version>${thymeleaf.version}</version>
       <scope>runtime</scope>
     </dependency>
 
diff --git a/src/main/resources/log4j.xml b/src/main/resources/log4j.xml
index b6030f96..a3d7d445 100644
--- a/src/main/resources/log4j.xml
+++ b/src/main/resources/log4j.xml
@@ -16,6 +16,9 @@
   <logger name="org.springframework">
     <level value="debug" />
   </logger>
+  <logger name="org.thymeleaf">
+    <level value="debug" />
+  </logger>
 
   <root>
     <level value="info"/>
diff --git a/src/main/resources/spring/mvc.xml b/src/main/resources/spring/mvc.xml
index a18d7398..e2cdc384 100644
--- a/src/main/resources/spring/mvc.xml
+++ b/src/main/resources/spring/mvc.xml
@@ -22,6 +22,7 @@
   <bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
     <property name="mappings">
       <value>
+        /thymeleaf/**=staticResources
         /*.html=urlFilenameViewController
         /**/*.html=urlFilenameViewController
       </value>
@@ -29,24 +30,31 @@
     <property name="order" value="10"/>
   </bean>
   <bean id="urlFilenameViewController" class="org.springframework.web.servlet.mvc.UrlFilenameViewController"/>
+  <bean id="staticResources" class="org.springframework.web.servlet.resource.ResourceHttpRequestHandler">
+    <property name="locations">
+      <list>
+        <value>/thymeleaf/</value>
+      </list>
+    </property>
+  </bean>
 
-  <!-- Tiles View-Resolver -->
-  <bean class="org.springframework.web.servlet.view.tiles3.TilesViewResolver"/>
+  <!-- Thymeleaf Spring-View-Resolver -->
+  <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
+    <property name="templateEngine" ref="templateEngine" />
+  </bean>
 
-  <!-- Resolves view names to protected .jsp resources within the /WEB-INF/views directory -->
-  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
-    <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
-    <property name="prefix" value="/WEB-INF/views/"/>
-    <property name="suffix" value=".jsp"/>
+
+  <!-- Thymeleaf Template-Resolver -->
+  <bean id="templateResolver" class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
+    <property name="prefix" value="/thymeleaf/" />
+    <property name="suffix" value=".html" />
+    <property name="templateMode" value="HTML5" />
+    <property name="cacheable" value="false" /><!-- Only for development -->
   </bean>
 
-  <bean class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
-    <property name="definitions">
-      <list>
-        <value>classpath:/spring/tiles.xml</value>
-      </list>
-    </property>
-    <property name="useMutableTilesContainer" value="true"/>
+  <!-- Thymeleaf Spring4-Template-Engine -->
+  <bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
+    <property name="templateResolver" ref="templateResolver" />
   </bean>
 
 </beans>
diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml
index b3fcbbfa..89be3285 100644
--- a/src/main/webapp/WEB-INF/web.xml
+++ b/src/main/webapp/WEB-INF/web.xml
@@ -55,15 +55,15 @@
 
   <servlet-mapping>
     <servlet-name>Dispatcher Servlet - Branding</servlet-name>
-    <url-pattern>*.html</url-pattern>
+    <url-pattern>/</url-pattern>
   </servlet-mapping>
 
   <error-page>
     <error-code>404</error-code>
-    <location>/WEB-INF/404.jsp</location>
+    <location>/404.html</location>
   </error-page>
   <error-page>
-    <location>/WEB-INF/error.jsp</location>
+    <location>/error.html</location>
   </error-page>
 
 </web-app>
diff --git a/src/main/webapp/thymeleaf/404.html b/src/main/webapp/thymeleaf/404.html
new file mode 100644
index 00000000..ab9c2948
--- /dev/null
+++ b/src/main/webapp/thymeleaf/404.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:replace="views/404 :: title">TITLE</title>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width"/>
+  </head>
+  <body>
+    <div th:replace="templates/header :: fragment">HEADER</div>
+    <h1 th:include="views/404 :: title">TITLE</h1>
+    <div th:replace="views/404 :: content">CONTENT</div>
+    <div th:replace="templates/footer :: fragment">FOOTER</div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/error.html b/src/main/webapp/thymeleaf/error.html
new file mode 100644
index 00000000..9084f7f0
--- /dev/null
+++ b/src/main/webapp/thymeleaf/error.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:replace="views/error :: title">TITLE</title>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width"/>
+  </head>
+  <body>
+    <div th:replace="templates/header :: fragment">HEADER</div>
+    <h1 th:include="views/error :: title">TITLE</h1>
+    <div th:replace="views/error :: content">CONTENT</div>
+    <div th:replace="templates/footer :: fragment">FOOTER</div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/index.html b/src/main/webapp/thymeleaf/index.html
new file mode 100644
index 00000000..7f29820f
--- /dev/null
+++ b/src/main/webapp/thymeleaf/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:replace="views/index :: title">TITLE</title>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width"/>
+  </head>
+  <body>
+    <div th:replace="templates/header :: fragment">HEADER</div>
+    <h1 th:include="views/index :: title">TITLE</h1>
+    <div th:replace="views/index :: content">CONTENT</div>
+    <div th:replace="templates/footer :: fragment">FOOTER</div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/templates/footer.html b/src/main/webapp/thymeleaf/templates/footer.html
new file mode 100644
index 00000000..32d3ffc9
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/footer.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title>Footer-Template</title>
+  </head>
+  <body>
+    <footer th:fragment="fragment">
+      <hr />
+      &copy; 2014 juplo NG
+    </footer>
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/templates/header.html b/src/main/webapp/thymeleaf/templates/header.html
new file mode 100644
index 00000000..a2370235
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/header.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title>Header-Template</title>
+  </head>
+  <body>
+    <header th:fragment="fragment">
+      juplo proudly presemts:
+      <hr />
+    </header>
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/views/404.html b/src/main/webapp/thymeleaf/views/404.html
new file mode 100644
index 00000000..18483826
--- /dev/null
+++ b/src/main/webapp/thymeleaf/views/404.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:fragment="title">404: Page not found</title>
+  </head>
+  <body>
+    <div th:fragment="content">
+      <p>We do not know, where you are.</p>
+      <p>And we do not know, why you are here.</p>
+      <p>But we can tell you: WE ARE SORRY!</p>
+      <p>Really.</p>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/views/error.html b/src/main/webapp/thymeleaf/views/error.html
new file mode 100644
index 00000000..ad0457a4
--- /dev/null
+++ b/src/main/webapp/thymeleaf/views/error.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:fragment="title">An unexpected Error occured!</title>
+  </head>
+  <body>
+    <div th:fragment="content">
+      <p>We do not know, what happend.</p>
+      <p>But we can tell you: WE ARE SORRY!</p>
+      <p>Really.</p>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/views/index.html b/src/main/webapp/thymeleaf/views/index.html
new file mode 100644
index 00000000..b44963cd
--- /dev/null
+++ b/src/main/webapp/thymeleaf/views/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+  <head>
+    <title th:fragment="title">Index</title>
+  </head>
+  <body>
+    <div th:fragment="content">
+      <p>Inhalt der Index-Seite...</p>
+    </div>
+  </body>
+</html>
-- 
2.20.1


From 8e8ddfc9757a41e6b5df5997a9d9859de50da8e1 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Sun, 31 Aug 2014 19:07:10 +0200
Subject: [PATCH 13/16] =?utf8?q?Umstellung=20auf=20Thymeleaf:=20Schritt=20?=
 =?utf8?q?2=20-=20Tilesunterst=C3=BCtzung=20aktiviert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 pom.xml                                       | 54 +++++++++++++++++++
 src/main/resources/spring/mvc.xml             | 28 ++++++++++
 src/main/resources/spring/tiles.xml           | 21 +++++++-
 src/main/webapp/thymeleaf/404.html            | 14 -----
 src/main/webapp/thymeleaf/error.html          | 14 -----
 src/main/webapp/thymeleaf/index.html          | 14 -----
 .../webapp/thymeleaf/templates/layout.html    | 33 ++++++++++++
 src/main/webapp/thymeleaf/views/404.html      |  6 +--
 src/main/webapp/thymeleaf/views/error.html    |  6 +--
 src/main/webapp/thymeleaf/views/index.html    |  6 +--
 10 files changed, 143 insertions(+), 53 deletions(-)
 delete mode 100644 src/main/webapp/thymeleaf/404.html
 delete mode 100644 src/main/webapp/thymeleaf/error.html
 delete mode 100644 src/main/webapp/thymeleaf/index.html
 create mode 100644 src/main/webapp/thymeleaf/templates/layout.html

diff --git a/pom.xml b/pom.xml
index fd91c8d9..cf5f6688 100644
--- a/pom.xml
+++ b/pom.xml
@@ -45,6 +45,8 @@
     <slf4j.version>1.6.1</slf4j.version>
     <springframework.version>4.0.6.RELEASE</springframework.version>
     <thymeleaf.version>2.1.3.RELEASE</thymeleaf.version>
+    <thymeleaf-extras.version>2.1.1.RELEASE</thymeleaf-extras.version>
+    <tiles.version>2.2.2</tiles.version>
     <wro4j.version>1.7.3-SNAPSHOT</wro4j.version>
 
   </properties>
@@ -78,6 +80,52 @@
       <version>${thymeleaf.version}</version>
       <scope>runtime</scope>
     </dependency>
+    <dependency>
+      <groupId>org.thymeleaf.extras</groupId>
+      <artifactId>thymeleaf-extras-tiles2</artifactId>
+      <version>${thymeleaf-extras.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.thymeleaf</groupId>
+          <artifactId>thymeleaf</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>org.thymeleaf</groupId>
+          <artifactId>thymeleaf-spring4</artifactId>
+        </exclusion>
+      </exclusions>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.thymeleaf.extras</groupId>
+      <artifactId>thymeleaf-extras-tiles2-spring4</artifactId>
+      <version>${thymeleaf-extras.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.thymeleaf</groupId>
+          <artifactId>thymeleaf</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>org.thymeleaf</groupId>
+          <artifactId>thymeleaf-spring4</artifactId>
+        </exclusion>
+      </exclusions>
+      <scope>runtime</scope>
+    </dependency>
+
+    <!-- Tiles -->
+    <dependency>
+      <groupId>org.apache.tiles</groupId>
+      <artifactId>tiles-core</artifactId>
+      <version>${tiles.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.slf4j</groupId>
+          <artifactId>jcl-over-slf4j</artifactId>
+        </exclusion>
+      </exclusions>
+      <scope>runtime</scope>
+    </dependency>
 
     <!-- Servlet -->
     <dependency>
@@ -111,6 +159,12 @@
       <version>${slf4j.version}</version>
       <scope>runtime</scope>
     </dependency>
+    <dependency>
+      <groupId>org.slf4j</groupId>
+      <artifactId>jcl-over-slf4j</artifactId>
+      <version>${slf4j.version}</version>
+      <scope>runtime</scope>
+    </dependency>
 
   </dependencies>
 
diff --git a/src/main/resources/spring/mvc.xml b/src/main/resources/spring/mvc.xml
index e2cdc384..87c2a010 100644
--- a/src/main/resources/spring/mvc.xml
+++ b/src/main/resources/spring/mvc.xml
@@ -3,6 +3,7 @@
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:mvc="http://www.springframework.org/schema/mvc"
        xmlns:context="http://www.springframework.org/schema/context"
+       xmlns:util="http://www.springframework.org/schema/util"
        xsi:schemaLocation="
            http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
@@ -10,6 +11,8 @@
            http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd
            http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context-3.1.xsd
+           http://www.springframework.org/schema/util
+           http://www.springframework.org/schema/util/spring-util-4.0.xsd
            ">
 
   <!-- Damit das DispatcherServlet auf /* gemappt werden kann -->
@@ -41,6 +44,26 @@
   <!-- Thymeleaf Spring-View-Resolver -->
   <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
     <property name="templateEngine" ref="templateEngine" />
+    <property name="viewNames" value="views/*,templates/*"/>
+    <property name="order" value="1"/>
+  </bean>
+
+  <!-- Thymeleaf Tiles-View-Resolver -->
+  <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
+    <property name="templateEngine" ref="templateEngine" />
+    <property name="viewClass" value="org.thymeleaf.extras.tiles2.spring4.web.view.ThymeleafTilesView"/>
+    <property name="order" value="2"/>
+  </bean>
+
+
+  <!-- Thymeleaf Tiles-Configurer -->
+  <bean class="org.thymeleaf.extras.tiles2.spring4.web.configurer.ThymeleafTilesConfigurer">
+    <property name="definitions">
+      <list>
+        <value>classpath:/spring/tiles.xml</value>
+      </list>
+    </property>
+    <property name="useMutableTilesContainer" value="true"/>
   </bean>
 
 
@@ -55,6 +78,11 @@
   <!-- Thymeleaf Spring4-Template-Engine -->
   <bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
     <property name="templateResolver" ref="templateResolver" />
+    <property name="additionalDialects">
+      <util:set>
+        <bean class="org.thymeleaf.extras.tiles2.dialect.TilesDialect"/>
+      </util:set>
+    </property>
   </bean>
 
 </beans>
diff --git a/src/main/resources/spring/tiles.xml b/src/main/resources/spring/tiles.xml
index 120e6049..d9dd9a66 100644
--- a/src/main/resources/spring/tiles.xml
+++ b/src/main/resources/spring/tiles.xml
@@ -1,9 +1,26 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE tiles-definitions PUBLIC
-       "-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
-       "http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
+       "-//Apache Software Foundation//DTD Tiles Configuration 2.1//EN"
+       "http://tiles.apache.org/dtds/tiles-config_2_1.dtd">
 <tiles-definitions>
 
+  <!--
+    Main definition that uses layout.html to put title and content attributes from
+    Thymeleaf fragments; {1} will be evaluated to either 'list', 'form' or 'view'.
+  -->
+  <definition name="*" template="templates/layout">
+    <put-attribute name="title" value="title/{1}"/>
+    <put-attribute name="content" value="content/{1}"/>
+  </definition>
+
+  <!--
+    Fragments that are included by messages/* definition above;
+    'template' attribute is a template file stored in /WEB-INF/views/message folder;
+    {1} will be evaluated to either 'list', 'form' or 'view'.
+  -->
+  <definition name="title/*" template="views/{1} :: title"/>
+  <definition name="content/*" template="views/{1} :: content"/>
+
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
     <put-attribute name="title" value="TITLE IS MISSING" type="string" cascade="true"/>
     <put-attribute name="htmlhead" value="/WEB-INF/templates/html-head.jsp" type="template"/>
diff --git a/src/main/webapp/thymeleaf/404.html b/src/main/webapp/thymeleaf/404.html
deleted file mode 100644
index ab9c2948..00000000
--- a/src/main/webapp/thymeleaf/404.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
-  <head>
-    <title th:replace="views/404 :: title">TITLE</title>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width"/>
-  </head>
-  <body>
-    <div th:replace="templates/header :: fragment">HEADER</div>
-    <h1 th:include="views/404 :: title">TITLE</h1>
-    <div th:replace="views/404 :: content">CONTENT</div>
-    <div th:replace="templates/footer :: fragment">FOOTER</div>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/error.html b/src/main/webapp/thymeleaf/error.html
deleted file mode 100644
index 9084f7f0..00000000
--- a/src/main/webapp/thymeleaf/error.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
-  <head>
-    <title th:replace="views/error :: title">TITLE</title>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width"/>
-  </head>
-  <body>
-    <div th:replace="templates/header :: fragment">HEADER</div>
-    <h1 th:include="views/error :: title">TITLE</h1>
-    <div th:replace="views/error :: content">CONTENT</div>
-    <div th:replace="templates/footer :: fragment">FOOTER</div>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/index.html b/src/main/webapp/thymeleaf/index.html
deleted file mode 100644
index 7f29820f..00000000
--- a/src/main/webapp/thymeleaf/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
-  <head>
-    <title th:replace="views/index :: title">TITLE</title>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width"/>
-  </head>
-  <body>
-    <div th:replace="templates/header :: fragment">HEADER</div>
-    <h1 th:include="views/index :: title">TITLE</h1>
-    <div th:replace="views/index :: content">CONTENT</div>
-    <div th:replace="templates/footer :: fragment">FOOTER</div>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/templates/layout.html b/src/main/webapp/thymeleaf/templates/layout.html
new file mode 100644
index 00000000..f019b462
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/layout.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:tiles="http://www.thymeleaf.org">
+  <head>
+    <!--/* Tiles attribute will be put here at runtime */-->
+    <title tiles:include="title">Title</title>
+  </head>
+  <body>
+    <!--/* Standard layout can be mixed with Tiles */-->
+    <div th:replace="templates/header :: fragment">HEADER</div>
+    <div class="container">
+      <!--/* Tiles attribute will be put here at runtime */-->
+      <h1 tiles:include="title">Title</h1>
+      <!--/* Tiles attribute will be put here at runtime */-->
+      <div tiles:replace="content">
+        <!-- ============================================================================ -->
+        <!-- This content is only used for static prototyping purposes (natural templates)-->
+        <!-- and is therefore entirely optional, as this markup fragment will be included -->
+        <!-- from "fragments/header.html" at runtime.                                     -->
+        <!-- ============================================================================ -->
+        <h1>Content</h1>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
+          Phasellus et placerat elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
+          Phasellus et placerat elit.
+        </p>
+      </div>
+    </div>
+    <!--/* Standard layout can be mixed with Tiles */-->
+    <div th:replace="templates/footer :: fragment">FOOTER</div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/views/404.html b/src/main/webapp/thymeleaf/views/404.html
index 18483826..6c22532b 100644
--- a/src/main/webapp/thymeleaf/views/404.html
+++ b/src/main/webapp/thymeleaf/views/404.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
   <head>
-    <title th:fragment="title">404: Page not found</title>
+    <title tiles:fragment="title">404: Page not found</title>
   </head>
   <body>
-    <div th:fragment="content">
+    <div tiles:fragment="content">
       <p>We do not know, where you are.</p>
       <p>And we do not know, why you are here.</p>
       <p>But we can tell you: WE ARE SORRY!</p>
diff --git a/src/main/webapp/thymeleaf/views/error.html b/src/main/webapp/thymeleaf/views/error.html
index ad0457a4..a07dc238 100644
--- a/src/main/webapp/thymeleaf/views/error.html
+++ b/src/main/webapp/thymeleaf/views/error.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
   <head>
-    <title th:fragment="title">An unexpected Error occured!</title>
+    <title tiles:fragment="title">An unexpected Error occured!</title>
   </head>
   <body>
-    <div th:fragment="content">
+    <div tiles:fragment="content">
       <p>We do not know, what happend.</p>
       <p>But we can tell you: WE ARE SORRY!</p>
       <p>Really.</p>
diff --git a/src/main/webapp/thymeleaf/views/index.html b/src/main/webapp/thymeleaf/views/index.html
index b44963cd..101bdb88 100644
--- a/src/main/webapp/thymeleaf/views/index.html
+++ b/src/main/webapp/thymeleaf/views/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
   <head>
-    <title th:fragment="title">Index</title>
+    <title tiles:fragment="title">Index</title>
   </head>
   <body>
-    <div th:fragment="content">
+    <div tiles:fragment="content">
       <p>Inhalt der Index-Seite...</p>
     </div>
   </body>
-- 
2.20.1


From b8b2fc094d0313626224371dcbdf18784d56d51f Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Mon, 1 Sep 2014 12:12:10 +0200
Subject: [PATCH 14/16] Umstellung auf Thymeleaf: Zwischenschritt - Fehler in
 Thymeleaf umschifft

---
 pom.xml                                       |  5 ++
 .../branding/web/ForceIncludeFilter.java      | 55 +++++++++++++++++++
 src/main/resources/spring/tiles.xml           |  1 +
 src/main/webapp/WEB-INF/views/tiles.jsp       |  5 ++
 src/main/webapp/WEB-INF/web.xml               | 14 +++++
 .../webapp/thymeleaf/templates/layout.html    |  2 +
 6 files changed, 82 insertions(+)
 create mode 100644 src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
 create mode 100644 src/main/webapp/WEB-INF/views/tiles.jsp

diff --git a/pom.xml b/pom.xml
index cf5f6688..256cbbc3 100644
--- a/pom.xml
+++ b/pom.xml
@@ -126,6 +126,11 @@
       </exclusions>
       <scope>runtime</scope>
     </dependency>
+    <dependency>
+      <groupId>org.apache.tiles</groupId>
+      <artifactId>tiles-servlet</artifactId>
+      <version>${tiles.version}</version>
+    </dependency>
 
     <!-- Servlet -->
     <dependency>
diff --git a/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java b/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
new file mode 100644
index 00000000..953e8b23
--- /dev/null
+++ b/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
@@ -0,0 +1,55 @@
+package de.juplo.branding.web;
+
+import java.io.IOException;
+import javax.servlet.Filter;
+import javax.servlet.FilterChain;
+import javax.servlet.FilterConfig;
+import javax.servlet.ServletException;
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.apache.tiles.servlet.context.ServletUtil;
+
+
+
+/**
+ * Fixes a logic-bug in the colaboration of Thymeleaf and Tiles.
+ *
+ * Tiles 2.2.x tries to use RequestDispatcher.forward() whenever possible, but
+ * this breaks Thymeleaf, because the original response is marked as committed,
+ * when forwarding. Hence, Thymeleaf cannot render its result in the response
+ * and an empty page is returned.
+ * 
+ * @author kai
+ */
+public class ForceIncludeFilter implements Filter
+{
+
+  @Override
+  public void init(FilterConfig filterConfig) throws ServletException
+  {
+  }
+
+  @Override
+  public void doFilter(
+      ServletRequest request,
+      ServletResponse response,
+      FilterChain chain
+      )
+      throws
+        IOException,
+        ServletException
+  {
+    if ((response instanceof HttpServletResponse))
+      ServletUtil.setForceInclude((HttpServletRequest)request, true);
+ 
+    chain.doFilter(request, response);
+  }
+
+  @Override
+  public void destroy()
+  {
+  }
+  
+}
diff --git a/src/main/resources/spring/tiles.xml b/src/main/resources/spring/tiles.xml
index d9dd9a66..8439ff05 100644
--- a/src/main/resources/spring/tiles.xml
+++ b/src/main/resources/spring/tiles.xml
@@ -11,6 +11,7 @@
   <definition name="*" template="templates/layout">
     <put-attribute name="title" value="title/{1}"/>
     <put-attribute name="content" value="content/{1}"/>
+    <put-attribute name="tiles" value="/WEB-INF/views/tiles.jsp" type="jsp"/>
   </definition>
 
   <!--
diff --git a/src/main/webapp/WEB-INF/views/tiles.jsp b/src/main/webapp/WEB-INF/views/tiles.jsp
new file mode 100644
index 00000000..cee460f7
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/tiles.jsp
@@ -0,0 +1,5 @@
+<%@page contentType="text/html" pageEncoding="UTF-8" session="false"%>
+<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<c:forEach begin="1" end="10">
+Hello World!<br/>
+</c:forEach>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml
index 89be3285..af117549 100644
--- a/src/main/webapp/WEB-INF/web.xml
+++ b/src/main/webapp/WEB-INF/web.xml
@@ -21,6 +21,7 @@
 
 
   <!-- UTF-8 -->
+
   <filter>
     <filter-name>characterEncodingFilter</filter-name>
     <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
@@ -40,6 +41,19 @@
   </filter-mapping>
 
 
+  <!-- Fix a logic-bug in the colaboration of Thymeleaf and Tiles -->
+
+  <filter>
+    <filter-name>forceIncludeFilter</filter-name>
+    <filter-class>de.juplo.branding.web.ForceIncludeFilter</filter-class>
+  </filter>
+
+  <filter-mapping>
+    <filter-name>forceIncludeFilter</filter-name>
+    <url-pattern>*.html</url-pattern>
+  </filter-mapping>
+
+
   <!-- Handles all requests into the application -->
 
   <servlet>
diff --git a/src/main/webapp/thymeleaf/templates/layout.html b/src/main/webapp/thymeleaf/templates/layout.html
index f019b462..7d02e2b4 100644
--- a/src/main/webapp/thymeleaf/templates/layout.html
+++ b/src/main/webapp/thymeleaf/templates/layout.html
@@ -27,6 +27,8 @@
         </p>
       </div>
     </div>
+    <!--/* Tiles attribute will be put here at runtime */-->
+    <div tiles:replace="tiles">TILES</div>
     <!--/* Standard layout can be mixed with Tiles */-->
     <div th:replace="templates/footer :: fragment">FOOTER</div>
   </body>
-- 
2.20.1


From 7e49305c9248231d4dcaa1dbe31158b554a74ab6 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Mon, 1 Sep 2014 15:18:09 +0200
Subject: [PATCH 15/16] Umstellung auf Thymeleaf: Schritt 3 - Versucht, das
 Projet umzustellen
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Ergebnis: Möglichkeiten von Thymeleaf+Tiles zu eingeschränkt/kompliziert.
---
 .../juplo/branding/web/ApplicationConfig.java |  22 ----
 src/main/resources/spring/tiles.xml           |  23 ++--
 .../webapp/WEB-INF/templates/maincontent.jsp  |  72 +++++------
 src/main/webapp/WEB-INF/web.xml               |   8 --
 src/main/webapp/less/all.less                 |   3 +
 .../webapp/thymeleaf/templates/defaults.html  |  60 +++++++++
 .../webapp/thymeleaf/templates/footer.html    |  12 --
 .../webapp/thymeleaf/templates/header.html    |  12 --
 .../webapp/thymeleaf/templates/html5page.html | 119 ++++++++++++++++++
 .../webapp/thymeleaf/templates/layout.html    |  35 ------
 src/main/webapp/thymeleaf/views/index.html    |  45 ++++++-
 .../views/projects/fix-swf/overview.html      |  52 ++++++++
 12 files changed, 326 insertions(+), 137 deletions(-)
 delete mode 100644 src/main/java/de/juplo/branding/web/ApplicationConfig.java
 create mode 100644 src/main/webapp/less/all.less
 create mode 100644 src/main/webapp/thymeleaf/templates/defaults.html
 delete mode 100644 src/main/webapp/thymeleaf/templates/footer.html
 delete mode 100644 src/main/webapp/thymeleaf/templates/header.html
 create mode 100644 src/main/webapp/thymeleaf/templates/html5page.html
 delete mode 100644 src/main/webapp/thymeleaf/templates/layout.html
 create mode 100644 src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html

diff --git a/src/main/java/de/juplo/branding/web/ApplicationConfig.java b/src/main/java/de/juplo/branding/web/ApplicationConfig.java
deleted file mode 100644
index 598f1b08..00000000
--- a/src/main/java/de/juplo/branding/web/ApplicationConfig.java
+++ /dev/null
@@ -1,22 +0,0 @@
-package de.juplo.branding.web;
-
-import javax.annotation.PostConstruct;
-import javax.annotation.Resource;
-import javax.servlet.ServletContext;
-import org.springframework.stereotype.Component;
-
-
-@Component
-public class ApplicationConfig
-{
-  public static final String ATTRIBUTE_BASE = "base";
-
-  @Resource
-  private ServletContext context;
-
-  @PostConstruct
-  public void configureApplication()
-  {
-    context.setAttribute(ATTRIBUTE_BASE, context.getContextPath() + '/');
-  }
-}
\ No newline at end of file
diff --git a/src/main/resources/spring/tiles.xml b/src/main/resources/spring/tiles.xml
index 8439ff05..f77fb859 100644
--- a/src/main/resources/spring/tiles.xml
+++ b/src/main/resources/spring/tiles.xml
@@ -8,19 +8,20 @@
     Main definition that uses layout.html to put title and content attributes from
     Thymeleaf fragments; {1} will be evaluated to either 'list', 'form' or 'view'.
   -->
-  <definition name="*" template="templates/layout">
-    <put-attribute name="title" value="title/{1}"/>
-    <put-attribute name="content" value="content/{1}"/>
-    <put-attribute name="tiles" value="/WEB-INF/views/tiles.jsp" type="jsp"/>
+  <definition name="*" template="templates/html5page">
+    <put-attribute name="title" value="views/{1} :: title"/>
+    <put-attribute name="htmlhead" value="templates/defaults :: htmlhead"/>
+    <put-attribute name="header" value="templates/defaults :: header"/>
+    <put-attribute name="breadcrumb" value="views/{1} :: breadcrumb"/>
+    <put-attribute name="maincontent" value="templates/defaults :: maincontent"/>
+    <put-attribute name="contentclass" value="test" type="string"/>
+    <put-attribute name="marginalcontent" value="views/{1} :: marginalcontent"/>
+    <put-attribute name="navigation" value="views/{1} :: navigation"/>
+    <put-attribute name="footer" value="templates/defaults :: footer"/>
   </definition>
 
-  <!--
-    Fragments that are included by messages/* definition above;
-    'template' attribute is a template file stored in /WEB-INF/views/message folder;
-    {1} will be evaluated to either 'list', 'form' or 'view'.
-  -->
-  <definition name="title/*" template="views/{1} :: title"/>
-  <definition name="content/*" template="views/{1} :: content"/>
+  <!-- Make JSP-templates available through a view-name -->
+  <definition name="jsp/**" template="/WEB-INF/templates/{1}.jsp" templateType="jsp"/>
 
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
     <put-attribute name="title" value="TITLE IS MISSING" type="string" cascade="true"/>
diff --git a/src/main/webapp/WEB-INF/templates/maincontent.jsp b/src/main/webapp/WEB-INF/templates/maincontent.jsp
index c09b6b0a..f2a0fcf3 100644
--- a/src/main/webapp/WEB-INF/templates/maincontent.jsp
+++ b/src/main/webapp/WEB-INF/templates/maincontent.jsp
@@ -2,38 +2,40 @@
 <%@page pageEncoding="UTF-8"%>
 <%@page session="false" %>
 <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
-<p>
-  <strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do
-  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-  ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut
-  aliquip ex ea commodo consequat. Duis aute irure dolor in
-  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-  culpa qui officia deserunt mollit anim id est laborum.
-</p>
-<h2>Duis aute irure dolor</h2>
-<ul>
-  <li>Operators and other mathematical stuff: <c:out value="-+/*"/></li>
-  <li>Characters offten used in programming languages: <c:out value="{(<>)}@$?%*#;:&/\!^\"'`~"/></li>
-  <li>Special german characters: <c:out value="ÄäÖöÜü"/></li>
-  <li>Other special characters: <c:out value="@€¢§%°"/></li>
-</ul>
-<h2>Excepteur sint occaecat cupidatat</h2>
-<p>
-  Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
-  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-  aliquip ex ea commodo consequat. Duis aute irure dolor in
-  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-  culpa qui officia deserunt mollit anim id est laborum.
-</p>
-<p>
-  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-  eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
-  ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
-  aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
-  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-  culpa qui officia deserunt mollit anim id est laborum.
-</p>
+<article id="content" class="main" tiles:fragment="maincontent">
+  <p>
+    <strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do
+    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+    ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut
+    aliquip ex ea commodo consequat. Duis aute irure dolor in
+    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+    culpa qui officia deserunt mollit anim id est laborum.
+  </p>
+  <h2>Duis aute irure dolor</h2>
+  <ul>
+    <li>Operators and other mathematical stuff: <c:out value="-+/*"/></li>
+    <li>Characters offten used in programming languages: <c:out value="{(<>)}@$?%*#;:&/\!^\"'`~"/></li>
+    <li>Special german characters: <c:out value="ÄäÖöÜü"/></li>
+    <li>Other special characters: <c:out value="@€¢§%°"/></li>
+  </ul>
+  <h2>Excepteur sint occaecat cupidatat</h2>
+  <p>
+    Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
+    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+    aliquip ex ea commodo consequat. Duis aute irure dolor in
+    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+    culpa qui officia deserunt mollit anim id est laborum.
+  </p>
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+    eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
+    ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
+    aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
+    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+    culpa qui officia deserunt mollit anim id est laborum.
+  </p>
+</article>
diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml
index af117549..289983bb 100644
--- a/src/main/webapp/WEB-INF/web.xml
+++ b/src/main/webapp/WEB-INF/web.xml
@@ -72,12 +72,4 @@
     <url-pattern>/</url-pattern>
   </servlet-mapping>
 
-  <error-page>
-    <error-code>404</error-code>
-    <location>/404.html</location>
-  </error-page>
-  <error-page>
-    <location>/error.html</location>
-  </error-page>
-
 </web-app>
diff --git a/src/main/webapp/less/all.less b/src/main/webapp/less/all.less
new file mode 100644
index 00000000..c1eb4e02
--- /dev/null
+++ b/src/main/webapp/less/all.less
@@ -0,0 +1,3 @@
+@import 'variables.less';
+@import 'base.less';
+@import 'screen.less';
diff --git a/src/main/webapp/thymeleaf/templates/defaults.html b/src/main/webapp/thymeleaf/templates/defaults.html
new file mode 100644
index 00000000..880af8b8
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/defaults.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
+  <head tiles:fragment="htmlhead">
+    <title th:text="'juplo - ' + ${title}">juplo - STANDARDELEMENTE</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/all.less" th:href="@{/css/base.css}"/>
+    <style type="text/css" th:inline="text">
+      @import '[[@{/css/screen.css}]]' screen;
+      @import '[[@{/css/print.css}]]' print;
+    </style>
+    <script src="../../js/base.js" th:src="@{/js/base.js}"></script>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <h1 id="logo" tiles:fragment="header"><a href="${base}" title="Home" class="l">juplo</a></h1>
+    <article id="content" class="main" tiles:fragment="maincontent">
+      <p>
+        <strong>Lorem ipsum</strong> dolor <a href="#" th:href="@{/projects/typo.html}">sit amet</a>, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a> ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h2>Duis aute irure dolor</h2>
+      <ul>
+        <li>Operators and other mathematical stuff: -+/*</li>
+        <li>Characters offten used in programming languages: {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~</li>
+        <li>Special german characters: ÄäÖöÜü</li>
+        <li>Other special characters: @?¢§%°</li>
+      </ul>
+      <h2>Excepteur sint occaecat cupidatat</h2>
+      <p>
+        Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
+        ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
+        aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+    </article>
+    <ul id="footerlinks" tiles:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><a class="f" href="#" th:href="@{/impressum.html}">Impressum</a></li>
+      <li class="f about"><a class="f" href="#" th:href="@{/about.html}">About</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/templates/footer.html b/src/main/webapp/thymeleaf/templates/footer.html
deleted file mode 100644
index 32d3ffc9..00000000
--- a/src/main/webapp/thymeleaf/templates/footer.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
-  <head>
-    <title>Footer-Template</title>
-  </head>
-  <body>
-    <footer th:fragment="fragment">
-      <hr />
-      &copy; 2014 juplo NG
-    </footer>
-  </body>
-</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/templates/header.html b/src/main/webapp/thymeleaf/templates/header.html
deleted file mode 100644
index a2370235..00000000
--- a/src/main/webapp/thymeleaf/templates/header.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
-  <head>
-    <title>Header-Template</title>
-  </head>
-  <body>
-    <header th:fragment="fragment">
-      juplo proudly presemts:
-      <hr />
-    </header>
-  </body>
-</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/templates/html5page.html b/src/main/webapp/thymeleaf/templates/html5page.html
new file mode 100644
index 00000000..c52d5ffa
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/html5page.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:tiles="http://www.thymeleaf.org">
+  <head tiles:replace="htmlhead">
+    <title>juplo - BASISTEMPLATE</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less"/>
+    <script src="../../js/less-1.5.1.js"></script>
+  </head>
+  <body id="top" th:class="contentclass" onload="prettyPrint()">
+    <div id="page" class="cf">
+      <header id="header">
+        <h1 id="logo" tiles:include="header"><a href="#" title="Home" class="l">juplo</a></h1>
+        <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+        <hr class="h" />
+      </header>
+      <div id="breadcrumb">
+        <strong class="b title">You are here:</strong>
+        <ol class="b" tiles:include="breadcrumb">
+          <li class="b"><a class="b" href="#">Home</a></li>
+          <li class="b"><a class="b" href="#">Projects</a></li>
+          <li class="b"><a class="b" href="#">Fix SWF</a></li>
+          <li class="b"><strong class="b">Overview</strong></li>
+        </ol>
+        <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
+        <hr class="b" />
+      </div>
+      <main class="content cf">
+        <article id="content" class="main" tiles:replace="maincontent">
+          <header><h1>Überschrift</h1></header>
+          <p>
+            <strong>Lorem ipsum</strong> dolor <a href="#">sit amet</a>, consectetur adipisicing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud <a href="#">exercitation</a> ullamco laboris nisi ut
+            aliquip ex ea commodo consequat. Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </article>
+        <div class="marginal">
+          <nav id="nav">
+            <hr class="n"/>
+            <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+            <!--/*-->
+            <h1 class="nav">Navigation</h1>
+            <h2 class="nav menu">Section-Menu</h2>
+            <ul id="menu" class="cf">
+              <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+              <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+              <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+            </ul>
+            <h2 class="nav submenu">
+              <span class="s">Submenu for section</span>
+              <a class="s selected" href="${base}projects.html">Projects</a>
+            </h2>
+            <ul id="submenu" class="s">
+              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+              <li class="s sub">
+                <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
+                <ul class="s active">
+                  <li class="s"><strong class="s">Overview</strong></li>
+                  <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
+                  <li class="s"><a href="#" class="s">FAQ</a></li>
+                  <li class="s"><a href="#" class="s">Documentation</a></li>
+                </ul>
+              </li>
+              <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+              <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
+              <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+              <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
+            </ul>
+            <!--*/-->
+            <div tiles:include="navigation" th:remove="tag"></div>
+            <hr class="n"/>
+          </nav>
+          <aside class="m" tiles:replace="marginalcontent">
+            <div class="widget widget_recent_entries">
+              <h2 class="widgettitle">Recent Posts</h2>
+              <ul>
+                <li>
+                  <a href="#" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
+                </li>
+                <li>
+                  <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
+                </li>
+                <li>
+                  <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
+                </li>
+                <li>
+                  <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
+                </li>
+                <li>
+                  <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
+                </li>
+                <li>
+                  <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
+                </li>
+                <li>
+                  <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
+                </li>
+                <li>
+                  <a href="#" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
+                </li>
+              </ul>
+            </div>
+          </aside>
+        </div>
+      </main>
+      <footer id="footer">
+        <hr class="f" />
+        <ul id="footerlinks" tiles:include="footer">
+          <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+          <li class="f"><a class="f" href="#">Impressum</a></li>
+          <li class="f about"><a class="f" href="#">About</a></li>
+        </ul>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/templates/layout.html b/src/main/webapp/thymeleaf/templates/layout.html
deleted file mode 100644
index 7d02e2b4..00000000
--- a/src/main/webapp/thymeleaf/templates/layout.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:tiles="http://www.thymeleaf.org">
-  <head>
-    <!--/* Tiles attribute will be put here at runtime */-->
-    <title tiles:include="title">Title</title>
-  </head>
-  <body>
-    <!--/* Standard layout can be mixed with Tiles */-->
-    <div th:replace="templates/header :: fragment">HEADER</div>
-    <div class="container">
-      <!--/* Tiles attribute will be put here at runtime */-->
-      <h1 tiles:include="title">Title</h1>
-      <!--/* Tiles attribute will be put here at runtime */-->
-      <div tiles:replace="content">
-        <!-- ============================================================================ -->
-        <!-- This content is only used for static prototyping purposes (natural templates)-->
-        <!-- and is therefore entirely optional, as this markup fragment will be included -->
-        <!-- from "fragments/header.html" at runtime.                                     -->
-        <!-- ============================================================================ -->
-        <h1>Content</h1>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
-          Phasellus et placerat elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
-          Phasellus et placerat elit.
-        </p>
-      </div>
-    </div>
-    <!--/* Tiles attribute will be put here at runtime */-->
-    <div tiles:replace="tiles">TILES</div>
-    <!--/* Standard layout can be mixed with Tiles */-->
-    <div th:replace="templates/footer :: fragment">FOOTER</div>
-  </body>
-</html>
\ No newline at end of file
diff --git a/src/main/webapp/thymeleaf/views/index.html b/src/main/webapp/thymeleaf/views/index.html
index 101bdb88..cd366101 100644
--- a/src/main/webapp/thymeleaf/views/index.html
+++ b/src/main/webapp/thymeleaf/views/index.html
@@ -4,8 +4,49 @@
     <title tiles:fragment="title">Index</title>
   </head>
   <body>
-    <div tiles:fragment="content">
-      <p>Inhalt der Index-Seite...</p>
+    <div tiles:fragment="header"><a href="#" title="Home" class="l">juplo</a></div>
+    <ul tiles:fragment="breadcrumb">
+      <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+      <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
+      <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
+      <li class="b"><strong class="b">Overview</strong></li>
+    </ul>
+    <div tiles:fragment="navigation">
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+        <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+        <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu">
+        <span class="s">Submenu for section</span>
+        <a class="s selected" href="${base}projects.html">Projects</a>
+      </h2>
+      <ul id="submenu" class="s">
+        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+        <li class="s sub">
+          <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
+          <ul class="s active">
+            <li class="s"><strong class="s">Overview</strong></li>
+            <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
+            <li class="s"><a href="#" class="s">FAQ</a></li>
+            <li class="s"><a href="#" class="s">Documentation</a></li>
+          </ul>
+        </li>
+        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+        <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
+        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+        <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
+      </ul>
     </div>
+    <main id="content" class="main" tiles:fragment="maincontent">
+      <p>Inhalt der Index-Seite...</p>
+    </main>
+    <ul tiles:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+      <li class="f about"><a class="f" href="${base}about.html">About</a></li>
+    </ul>
   </body>
 </html>
diff --git a/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html b/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html
new file mode 100644
index 00000000..cd366101
--- /dev/null
+++ b/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
+  <head>
+    <title tiles:fragment="title">Index</title>
+  </head>
+  <body>
+    <div tiles:fragment="header"><a href="#" title="Home" class="l">juplo</a></div>
+    <ul tiles:fragment="breadcrumb">
+      <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+      <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
+      <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
+      <li class="b"><strong class="b">Overview</strong></li>
+    </ul>
+    <div tiles:fragment="navigation">
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+        <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+        <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu">
+        <span class="s">Submenu for section</span>
+        <a class="s selected" href="${base}projects.html">Projects</a>
+      </h2>
+      <ul id="submenu" class="s">
+        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+        <li class="s sub">
+          <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
+          <ul class="s active">
+            <li class="s"><strong class="s">Overview</strong></li>
+            <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
+            <li class="s"><a href="#" class="s">FAQ</a></li>
+            <li class="s"><a href="#" class="s">Documentation</a></li>
+          </ul>
+        </li>
+        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+        <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
+        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+        <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
+      </ul>
+    </div>
+    <main id="content" class="main" tiles:fragment="maincontent">
+      <p>Inhalt der Index-Seite...</p>
+    </main>
+    <ul tiles:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+      <li class="f about"><a class="f" href="${base}about.html">About</a></li>
+    </ul>
+  </body>
+</html>
-- 
2.20.1


From 5f04e60da58d3f37fbb2ad983ec7415ad54ff562 Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@juplo.de>
Date: Tue, 2 Sep 2014 14:51:13 +0200
Subject: [PATCH 16/16] Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf
 mit LayoutDialect

---
 pom.xml                                       |   54 +-
 .../branding/web/ForceIncludeFilter.java      |   55 -
 src/main/resources/spring/mvc.xml             |   22 +-
 src/main/resources/spring/tiles.xml           |   55 -
 src/main/webapp/WEB-INF/templates/about.jsp   |   12 -
 src/main/webapp/WEB-INF/templates/article.jsp |    8 -
 src/main/webapp/WEB-INF/templates/footer.jsp  |    6 -
 src/main/webapp/WEB-INF/templates/header.jsp  |    4 -
 .../webapp/WEB-INF/templates/html-head.jsp    |   20 -
 .../webapp/WEB-INF/templates/html5page.jsp    |   47 -
 .../webapp/WEB-INF/templates/maincontent.jsp  |   41 -
 .../WEB-INF/templates/marginalcontent.jsp     |   21 -
 .../webapp/WEB-INF/templates/navigation.jsp   |   10 -
 .../WEB-INF/templates/test/breadcrumb.jsp     |    6 -
 .../WEB-INF/templates/test/experimente.jsp    |   36 -
 .../WEB-INF/templates/test/navigation.jsp     |   22 -
 src/main/webapp/WEB-INF/templates/wip.jsp     |    8 -
 src/main/webapp/WEB-INF/views/about.jsp       |   76 -
 src/main/webapp/WEB-INF/views/agb.jsp         |  183 -
 src/main/webapp/WEB-INF/views/blog.jsp        |  178 -
 .../webapp/WEB-INF/views/blog/article.jsp     |  319 -
 .../webapp/WEB-INF/views/blog/comments.jsp    |  489 --
 src/main/webapp/WEB-INF/views/contact.jsp     |   57 -
 src/main/webapp/WEB-INF/views/datenschutz.jsp |   38 -
 src/main/webapp/WEB-INF/views/expertise.jsp   |   39 -
 .../webapp/WEB-INF/views/google-analytics.jsp |   38 -
 .../webapp/WEB-INF/views/haftung-inhalte.jsp  |   35 -
 .../webapp/WEB-INF/views/haftung-links.jsp    |   35 -
 src/main/webapp/WEB-INF/views/impressum.jsp   |   54 -
 src/main/webapp/WEB-INF/views/index.jsp       |  110 -
 src/main/webapp/WEB-INF/views/projects.jsp    |   29 -
 .../webapp/WEB-INF/views/projects/fix-swf.jsp |   42 -
 .../projects/fix-swf/getting-started.jsp      |   42 -
 .../views/projects/fix-swf/overview.jsp       |   42 -
 .../views/projects/html-experimente.jsp       |   34 -
 .../webapp/WEB-INF/views/projects/typo.jsp    |  129 -
 src/main/webapp/WEB-INF/views/references.jsp  |   37 -
 .../WEB-INF/views/test/basis-layout.jsp       |   21 -
 .../webapp/WEB-INF/views/test/breadcrumb.jsp  |   12 -
 .../WEB-INF/views/test/druck-layout.jsp       |   23 -
 src/main/webapp/WEB-INF/views/test/error.jsp  |   10 -
 ...-kein-men\303\274-aber-marginalinhalt.jsp" |   20 -
 .../test/fast-leer-kein-men\303\274.jsp"      |   21 -
 ...er-mit-men\303\274-und-marginalinhalt.jsp" |   10 -
 .../views/test/fast-leer-mit-men\303\274.jsp" |   11 -
 .../webapp/WEB-INF/views/test/formulare.jsp   |  257 -
 .../webapp/WEB-INF/views/test/kein-layout.jsp |   18 -
 src/main/webapp/WEB-INF/views/test/phone.jsp  |   22 -
 .../WEB-INF/views/test/seitenaufteilung.jsp   |   23 -
 .../webapp/WEB-INF/views/test/seitenkopf.jsp  |   23 -
 .../webapp/WEB-INF/views/test/symbole.jsp     |  404 -
 src/main/webapp/WEB-INF/views/test/tablet.jsp |   22 -
 .../webapp/WEB-INF/views/test/testlab.jsp     |  257 -
 src/main/webapp/WEB-INF/views/test/tiny.jsp   |   23 -
 src/main/webapp/WEB-INF/views/tiles.jsp       |    5 -
 .../webapp/WEB-INF/views/urheberrechte.jsp    |   35 -
 src/main/webapp/WEB-INF/web.xml               |   13 -
 src/main/webapp/js/less-1.5.1.js              | 6941 -----------------
 src/main/webapp/less/screen.less              |   12 +-
 src/main/webapp/less/tablet/footer.less       |    8 +-
 src/main/webapp/less/tablet/head.less         |    4 +-
 src/main/webapp/less/tablet/layout.less       |   48 +-
 src/main/webapp/less/tablet/typo.less         |    2 +-
 src/main/webapp/less/variables.less           |    4 +-
 .../webapp/thymeleaf/{views => }/404.html     |    0
 src/main/webapp/thymeleaf/about.html          |   85 +
 src/main/webapp/thymeleaf/agb.html            |  193 +
 src/main/webapp/thymeleaf/blog.html           |  189 +
 src/main/webapp/thymeleaf/blog/article.html   |  329 +
 src/main/webapp/thymeleaf/blog/comments.html  |  498 ++
 src/main/webapp/thymeleaf/contact.html        |   65 +
 src/main/webapp/thymeleaf/datenschutz.html    |   48 +
 .../webapp/thymeleaf/{views => }/error.html   |    0
 src/main/webapp/thymeleaf/expertise.html      |   47 +
 .../webapp/thymeleaf/google-analytics.html    |   48 +
 .../webapp/thymeleaf/haftung-inhalte.html     |   45 +
 src/main/webapp/thymeleaf/haftung-links.html  |   45 +
 src/main/webapp/thymeleaf/impressum.html      |   64 +
 src/main/webapp/thymeleaf/index.html          |  136 +
 src/main/webapp/thymeleaf/projects.html       |   27 +
 .../webapp/thymeleaf/projects/fix-swf.html    |   36 +
 .../projects/fix-swf/getting-started.html     |   37 +
 .../thymeleaf/projects/fix-swf/overview.html  |   37 +
 .../thymeleaf/projects/html-experimente.html  |  173 +
 .../html-experimente/basis-layout.html        |   28 +
 .../projects/html-experimente/breadcrumb.html |   25 +
 .../html-experimente/druck-layout.html        |   28 +
 ...st-leer-einspaltig-mit-marginalinhalt.html |   39 +
 .../fast-leer-einspaltig.html                 |   36 +
 ...kein-men\303\274-aber-marginalinhalt.html" |   38 +
 .../fast-leer-kein-men\303\274.html"          |   35 +
 ...r-mit-men\303\274-und-marginalinhalt.html" |   30 +
 .../fast-leer-mit-men\303\274.html"           |   27 +
 .../projects/html-experimente/formulare.html  |  275 +
 .../html-experimente/kein-layout.html         |   26 +
 .../projects/html-experimente/phone.html      |   29 +
 .../html-experimente/seitenaufteilung.html    |   29 +
 .../projects/html-experimente/seitenkopf.html |   29 +
 .../projects/html-experimente/symbole.html    |  422 +
 .../projects/html-experimente/tablet.html     |   29 +
 .../projects/html-experimente/testlab.html    |  266 +
 .../projects/html-experimente/tiny.html       |   29 +
 src/main/webapp/thymeleaf/projects/typo.html  |  124 +
 src/main/webapp/thymeleaf/references.html     |   45 +
 .../webapp/thymeleaf/templates/defaults.html  |   60 -
 .../webapp/thymeleaf/templates/fragments.html |   57 +
 .../webapp/thymeleaf/templates/html5page.html |  119 -
 .../webapp/thymeleaf/templates/layout.html    |  152 +
 .../templates/testlab.html}                   |   20 +-
 src/main/webapp/thymeleaf/urheberrechte.html  |   45 +
 src/main/webapp/thymeleaf/views/index.html    |   52 -
 .../views/projects/fix-swf/overview.html      |   52 -
 112 files changed, 3997 insertions(+), 10933 deletions(-)
 delete mode 100644 src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
 delete mode 100644 src/main/resources/spring/tiles.xml
 delete mode 100644 src/main/webapp/WEB-INF/templates/about.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/article.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/footer.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/header.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/html-head.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/html5page.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/maincontent.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/marginalcontent.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/navigation.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/test/experimente.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/test/navigation.jsp
 delete mode 100644 src/main/webapp/WEB-INF/templates/wip.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/about.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/agb.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/blog.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/blog/article.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/blog/comments.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/contact.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/datenschutz.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/expertise.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/google-analytics.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/haftung-links.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/impressum.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/index.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/projects/typo.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/references.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/basis-layout.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/druck-layout.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/error.jsp
 delete mode 100644 "src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
 delete mode 100644 "src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
 delete mode 100644 "src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
 delete mode 100644 "src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
 delete mode 100644 src/main/webapp/WEB-INF/views/test/formulare.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/kein-layout.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/phone.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/symbole.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/tablet.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/testlab.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/test/tiny.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/tiles.jsp
 delete mode 100644 src/main/webapp/WEB-INF/views/urheberrechte.jsp
 delete mode 100644 src/main/webapp/js/less-1.5.1.js
 rename src/main/webapp/thymeleaf/{views => }/404.html (100%)
 create mode 100644 src/main/webapp/thymeleaf/about.html
 create mode 100644 src/main/webapp/thymeleaf/agb.html
 create mode 100644 src/main/webapp/thymeleaf/blog.html
 create mode 100644 src/main/webapp/thymeleaf/blog/article.html
 create mode 100644 src/main/webapp/thymeleaf/blog/comments.html
 create mode 100644 src/main/webapp/thymeleaf/contact.html
 create mode 100644 src/main/webapp/thymeleaf/datenschutz.html
 rename src/main/webapp/thymeleaf/{views => }/error.html (100%)
 create mode 100644 src/main/webapp/thymeleaf/expertise.html
 create mode 100644 src/main/webapp/thymeleaf/google-analytics.html
 create mode 100644 src/main/webapp/thymeleaf/haftung-inhalte.html
 create mode 100644 src/main/webapp/thymeleaf/haftung-links.html
 create mode 100644 src/main/webapp/thymeleaf/impressum.html
 create mode 100644 src/main/webapp/thymeleaf/index.html
 create mode 100644 src/main/webapp/thymeleaf/projects.html
 create mode 100644 src/main/webapp/thymeleaf/projects/fix-swf.html
 create mode 100644 src/main/webapp/thymeleaf/projects/fix-swf/getting-started.html
 create mode 100644 src/main/webapp/thymeleaf/projects/fix-swf/overview.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/basis-layout.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/breadcrumb.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/druck-layout.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
 create mode 100644 "src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
 create mode 100644 "src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
 create mode 100644 "src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
 create mode 100644 "src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/formulare.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/kein-layout.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/phone.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/seitenaufteilung.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/seitenkopf.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/symbole.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/tablet.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/testlab.html
 create mode 100644 src/main/webapp/thymeleaf/projects/html-experimente/tiny.html
 create mode 100644 src/main/webapp/thymeleaf/projects/typo.html
 create mode 100644 src/main/webapp/thymeleaf/references.html
 delete mode 100644 src/main/webapp/thymeleaf/templates/defaults.html
 create mode 100644 src/main/webapp/thymeleaf/templates/fragments.html
 delete mode 100644 src/main/webapp/thymeleaf/templates/html5page.html
 create mode 100644 src/main/webapp/thymeleaf/templates/layout.html
 rename src/main/webapp/{WEB-INF/templates/testlab.jsp => thymeleaf/templates/testlab.html} (74%)
 create mode 100644 src/main/webapp/thymeleaf/urheberrechte.html
 delete mode 100644 src/main/webapp/thymeleaf/views/index.html
 delete mode 100644 src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html

diff --git a/pom.xml b/pom.xml
index 256cbbc3..6e9bc67b 100644
--- a/pom.xml
+++ b/pom.xml
@@ -45,8 +45,7 @@
     <slf4j.version>1.6.1</slf4j.version>
     <springframework.version>4.0.6.RELEASE</springframework.version>
     <thymeleaf.version>2.1.3.RELEASE</thymeleaf.version>
-    <thymeleaf-extras.version>2.1.1.RELEASE</thymeleaf-extras.version>
-    <tiles.version>2.2.2</tiles.version>
+    <thymeleaf-layout-dialect.version>1.2.5</thymeleaf-layout-dialect.version>
     <wro4j.version>1.7.3-SNAPSHOT</wro4j.version>
 
   </properties>
@@ -81,56 +80,11 @@
       <scope>runtime</scope>
     </dependency>
     <dependency>
-      <groupId>org.thymeleaf.extras</groupId>
-      <artifactId>thymeleaf-extras-tiles2</artifactId>
-      <version>${thymeleaf-extras.version}</version>
-      <exclusions>
-        <exclusion>
-          <groupId>org.thymeleaf</groupId>
-          <artifactId>thymeleaf</artifactId>
-        </exclusion>
-        <exclusion>
-          <groupId>org.thymeleaf</groupId>
-          <artifactId>thymeleaf-spring4</artifactId>
-        </exclusion>
-      </exclusions>
+      <groupId>nz.net.ultraq.thymeleaf</groupId>
+      <artifactId>thymeleaf-layout-dialect</artifactId>
+      <version>${thymeleaf-layout-dialect.version}</version>
       <scope>runtime</scope>
     </dependency>
-    <dependency>
-      <groupId>org.thymeleaf.extras</groupId>
-      <artifactId>thymeleaf-extras-tiles2-spring4</artifactId>
-      <version>${thymeleaf-extras.version}</version>
-      <exclusions>
-        <exclusion>
-          <groupId>org.thymeleaf</groupId>
-          <artifactId>thymeleaf</artifactId>
-        </exclusion>
-        <exclusion>
-          <groupId>org.thymeleaf</groupId>
-          <artifactId>thymeleaf-spring4</artifactId>
-        </exclusion>
-      </exclusions>
-      <scope>runtime</scope>
-    </dependency>
-
-    <!-- Tiles -->
-    <dependency>
-      <groupId>org.apache.tiles</groupId>
-      <artifactId>tiles-core</artifactId>
-      <version>${tiles.version}</version>
-      <exclusions>
-        <exclusion>
-          <groupId>org.slf4j</groupId>
-          <artifactId>jcl-over-slf4j</artifactId>
-        </exclusion>
-      </exclusions>
-      <scope>runtime</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.tiles</groupId>
-      <artifactId>tiles-servlet</artifactId>
-      <version>${tiles.version}</version>
-    </dependency>
 
     <!-- Servlet -->
     <dependency>
diff --git a/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java b/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
deleted file mode 100644
index 953e8b23..00000000
--- a/src/main/java/de/juplo/branding/web/ForceIncludeFilter.java
+++ /dev/null
@@ -1,55 +0,0 @@
-package de.juplo.branding.web;
-
-import java.io.IOException;
-import javax.servlet.Filter;
-import javax.servlet.FilterChain;
-import javax.servlet.FilterConfig;
-import javax.servlet.ServletException;
-import javax.servlet.ServletRequest;
-import javax.servlet.ServletResponse;
-import javax.servlet.http.HttpServletRequest;
-import javax.servlet.http.HttpServletResponse;
-import org.apache.tiles.servlet.context.ServletUtil;
-
-
-
-/**
- * Fixes a logic-bug in the colaboration of Thymeleaf and Tiles.
- *
- * Tiles 2.2.x tries to use RequestDispatcher.forward() whenever possible, but
- * this breaks Thymeleaf, because the original response is marked as committed,
- * when forwarding. Hence, Thymeleaf cannot render its result in the response
- * and an empty page is returned.
- * 
- * @author kai
- */
-public class ForceIncludeFilter implements Filter
-{
-
-  @Override
-  public void init(FilterConfig filterConfig) throws ServletException
-  {
-  }
-
-  @Override
-  public void doFilter(
-      ServletRequest request,
-      ServletResponse response,
-      FilterChain chain
-      )
-      throws
-        IOException,
-        ServletException
-  {
-    if ((response instanceof HttpServletResponse))
-      ServletUtil.setForceInclude((HttpServletRequest)request, true);
- 
-    chain.doFilter(request, response);
-  }
-
-  @Override
-  public void destroy()
-  {
-  }
-  
-}
diff --git a/src/main/resources/spring/mvc.xml b/src/main/resources/spring/mvc.xml
index 87c2a010..4bf0a0a4 100644
--- a/src/main/resources/spring/mvc.xml
+++ b/src/main/resources/spring/mvc.xml
@@ -44,26 +44,6 @@
   <!-- Thymeleaf Spring-View-Resolver -->
   <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
     <property name="templateEngine" ref="templateEngine" />
-    <property name="viewNames" value="views/*,templates/*"/>
-    <property name="order" value="1"/>
-  </bean>
-
-  <!-- Thymeleaf Tiles-View-Resolver -->
-  <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
-    <property name="templateEngine" ref="templateEngine" />
-    <property name="viewClass" value="org.thymeleaf.extras.tiles2.spring4.web.view.ThymeleafTilesView"/>
-    <property name="order" value="2"/>
-  </bean>
-
-
-  <!-- Thymeleaf Tiles-Configurer -->
-  <bean class="org.thymeleaf.extras.tiles2.spring4.web.configurer.ThymeleafTilesConfigurer">
-    <property name="definitions">
-      <list>
-        <value>classpath:/spring/tiles.xml</value>
-      </list>
-    </property>
-    <property name="useMutableTilesContainer" value="true"/>
   </bean>
 
 
@@ -80,7 +60,7 @@
     <property name="templateResolver" ref="templateResolver" />
     <property name="additionalDialects">
       <util:set>
-        <bean class="org.thymeleaf.extras.tiles2.dialect.TilesDialect"/>
+        <bean class="nz.net.ultraq.thymeleaf.LayoutDialect"/>
       </util:set>
     </property>
   </bean>
diff --git a/src/main/resources/spring/tiles.xml b/src/main/resources/spring/tiles.xml
deleted file mode 100644
index f77fb859..00000000
--- a/src/main/resources/spring/tiles.xml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE tiles-definitions PUBLIC
-       "-//Apache Software Foundation//DTD Tiles Configuration 2.1//EN"
-       "http://tiles.apache.org/dtds/tiles-config_2_1.dtd">
-<tiles-definitions>
-
-  <!--
-    Main definition that uses layout.html to put title and content attributes from
-    Thymeleaf fragments; {1} will be evaluated to either 'list', 'form' or 'view'.
-  -->
-  <definition name="*" template="templates/html5page">
-    <put-attribute name="title" value="views/{1} :: title"/>
-    <put-attribute name="htmlhead" value="templates/defaults :: htmlhead"/>
-    <put-attribute name="header" value="templates/defaults :: header"/>
-    <put-attribute name="breadcrumb" value="views/{1} :: breadcrumb"/>
-    <put-attribute name="maincontent" value="templates/defaults :: maincontent"/>
-    <put-attribute name="contentclass" value="test" type="string"/>
-    <put-attribute name="marginalcontent" value="views/{1} :: marginalcontent"/>
-    <put-attribute name="navigation" value="views/{1} :: navigation"/>
-    <put-attribute name="footer" value="templates/defaults :: footer"/>
-  </definition>
-
-  <!-- Make JSP-templates available through a view-name -->
-  <definition name="jsp/**" template="/WEB-INF/templates/{1}.jsp" templateType="jsp"/>
-
-  <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
-    <put-attribute name="title" value="TITLE IS MISSING" type="string" cascade="true"/>
-    <put-attribute name="htmlhead" value="/WEB-INF/templates/html-head.jsp" type="template"/>
-    <put-attribute name="header" value="/WEB-INF/templates/header.jsp" type="template"/>
-    <put-attribute name="breadcrumb" value="BREADCRUMB IS MISSING" type="string"/>
-    <put-attribute name="contentcontainer" value="/WEB-INF/templates/article.jsp" type="template"/>
-    <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template" cascade="true"/>
-    <put-attribute name="contentclass" value="menu" type="string"/>
-    <put-attribute name="marginalcontent" value="/WEB-INF/templates/marginalcontent.jsp" type="template"/>
-    <put-attribute name="navigation" value="/WEB-INF/templates/navigation.jsp" type="template"/>
-    <put-attribute name="footer" value="/WEB-INF/templates/footer.jsp" type="template"/>
-  </definition>
-
-  <definition name="NOMENU" extends="BASEPAGE">
-    <put-attribute name="contentclass" value="nomenu" type="string"/>
-  </definition>
-
-  <definition name="test" extends="BASEPAGE">
-    <put-attribute name="breadcrumb" value="/WEB-INF/templates/test/breadcrumb.jsp" type="template"/>
-    <put-attribute name="navigation" value="/WEB-INF/templates/test/navigation.jsp" type="template"/>
-    <put-attribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template"/>
-  </definition>
-
-  <definition name="TESTLAB" template="/WEB-INF/templates/testlab.jsp">
-    <put-attribute name="htmlhead" value="/WEB-INF/templates/html-head.jsp" type="template"/>
-    <put-attribute name="title" value="TEST-TITLE IS MISSING" type="string"/>
-    <put-attribute name="content" value="&lt;div class='testlab'&gt;TEST-CONTENT IS MISSING&lt;div&gt;" type="string"/>
-  </definition>
-
-</tiles-definitions>
diff --git a/src/main/webapp/WEB-INF/templates/about.jsp b/src/main/webapp/WEB-INF/templates/about.jsp
deleted file mode 100644
index cc3f87f6..00000000
--- a/src/main/webapp/WEB-INF/templates/about.jsp
+++ /dev/null
@@ -1,12 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<aside class="m">
-  <h1>What the f*#!@ is an <em>Impressum</em> ?!?</h1>
-  The german law enforces the so called <em>Impressum</em> to enable
-  customers to easily find out all juristically relevant informations
-  about the company, that rules a site.
-  <h1>Find out more...</h1>
-  If you just want to learn more about juplo you should better
-  <a href="${base}about.html" title="Learn more about juplo now">visit our about-pages</a>.
-</aside>
diff --git a/src/main/webapp/WEB-INF/templates/article.jsp b/src/main/webapp/WEB-INF/templates/article.jsp
deleted file mode 100644
index d1450803..00000000
--- a/src/main/webapp/WEB-INF/templates/article.jsp
+++ /dev/null
@@ -1,8 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<article id="content" class="main">
-  <header><h1><t:getAsString name="title"/></h1></header>
-  <t:insertAttribute name="maincontent"/>
-</article>
diff --git a/src/main/webapp/WEB-INF/templates/footer.jsp b/src/main/webapp/WEB-INF/templates/footer.jsp
deleted file mode 100644
index 9c7005e6..00000000
--- a/src/main/webapp/WEB-INF/templates/footer.jsp
+++ /dev/null
@@ -1,6 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-<li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
-<li class="f about"><a class="f" href="${base}about.html">About</a></li>
diff --git a/src/main/webapp/WEB-INF/templates/header.jsp b/src/main/webapp/WEB-INF/templates/header.jsp
deleted file mode 100644
index 3a27951d..00000000
--- a/src/main/webapp/WEB-INF/templates/header.jsp
+++ /dev/null
@@ -1,4 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<h1 id="logo"><a href="${base}index.html" title="Home" class="l">juplo</a></h1>
diff --git a/src/main/webapp/WEB-INF/templates/html-head.jsp b/src/main/webapp/WEB-INF/templates/html-head.jsp
deleted file mode 100644
index 1bc97384..00000000
--- a/src/main/webapp/WEB-INF/templates/html-head.jsp
+++ /dev/null
@@ -1,20 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-<style type="text/css">
-  @import '${base}css/screen.css' screen;
-  @import '${base}css/print.css' print;
-</style>
-<script src="${base}js/base.js"></script>
-<!--[if IE 8]>
-  <link rel="stylesheet" type="text/css" href="${base}css/ie8.css" />
-  <script src="${base}js/ie8.js"></script>
-<![endif]-->
-<!--[if IE 7]>
-  <script src="${base}js/ie7.js"></script>
-<![endif]-->
-<!--[if lt IE 7]>
-  <script src="${base}js/ie6.js"></script>
-<![endif]-->
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
deleted file mode 100644
index 5620fb2d..00000000
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<html>
-  <head>
-    <title>juplo - <t:getAsString name="title"/></title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <t:insertAttribute name="htmlhead"/>
-  </head>
-  <body id="top" class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
-    <div id="page" class="cf">
-      <header id="header">
-        <t:insertAttribute name="header"/>
-        <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
-        <hr class="h" />
-      </header>
-      <div id="breadcrumb">
-        <strong class="b title">You are here:</strong>
-        <ol class="b">
-          <t:insertAttribute name="breadcrumb"/>
-        </ol>
-        <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
-        <hr class="b" />
-      </div>
-      <main class="content cf">
-        <t:insertAttribute name="contentcontainer"/>
-        <div class="marginal">
-          <nav id="nav">
-            <hr class="n"/>
-            <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
-            <t:insertAttribute name="navigation"/>
-            <hr class="n"/>
-          </nav>
-          <t:insertAttribute name="marginalcontent" ignore="true"/>
-        </div>
-      </main>
-      <footer id="footer">
-        <hr class="f" />
-        <ul id="footerlinks">
-          <t:insertAttribute name="footer"/>
-        </ul>
-      </footer>
-    </div>
-  </body>
-</html>
diff --git a/src/main/webapp/WEB-INF/templates/maincontent.jsp b/src/main/webapp/WEB-INF/templates/maincontent.jsp
deleted file mode 100644
index f2a0fcf3..00000000
--- a/src/main/webapp/WEB-INF/templates/maincontent.jsp
+++ /dev/null
@@ -1,41 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
-<article id="content" class="main" tiles:fragment="maincontent">
-  <p>
-    <strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do
-    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-    ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut
-    aliquip ex ea commodo consequat. Duis aute irure dolor in
-    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-    culpa qui officia deserunt mollit anim id est laborum.
-  </p>
-  <h2>Duis aute irure dolor</h2>
-  <ul>
-    <li>Operators and other mathematical stuff: <c:out value="-+/*"/></li>
-    <li>Characters offten used in programming languages: <c:out value="{(<>)}@$?%*#;:&/\!^\"'`~"/></li>
-    <li>Special german characters: <c:out value="ÄäÖöÜü"/></li>
-    <li>Other special characters: <c:out value="@€¢§%°"/></li>
-  </ul>
-  <h2>Excepteur sint occaecat cupidatat</h2>
-  <p>
-    Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
-    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-    aliquip ex ea commodo consequat. Duis aute irure dolor in
-    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-    culpa qui officia deserunt mollit anim id est laborum.
-  </p>
-  <p>
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-    eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
-    ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
-    aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
-    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-    culpa qui officia deserunt mollit anim id est laborum.
-  </p>
-</article>
diff --git a/src/main/webapp/WEB-INF/templates/marginalcontent.jsp b/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
deleted file mode 100644
index e8c225cb..00000000
--- a/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
+++ /dev/null
@@ -1,21 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<aside class="m">
-  <h1>Other nasty but marginal stuff</h1>
-  <p>
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-    aliquip ex ea commodo consequat. Duis aute irure dolor in
-    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-    culpa qui officia deserunt mollit anim id est laborum.
-  </p>
-</aside>
-<aside class="m">
-  <h1>More nasty stuff</h1>
-  <p>
-    This one is really short!
-  </p>
-</aside>
diff --git a/src/main/webapp/WEB-INF/templates/navigation.jsp b/src/main/webapp/WEB-INF/templates/navigation.jsp
deleted file mode 100644
index 41aa3e5e..00000000
--- a/src/main/webapp/WEB-INF/templates/navigation.jsp
+++ /dev/null
@@ -1,10 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<h1 class="nav">Navigation</h1>
-<h2 class="nav menu">Section-Menu</h2>
-<ul id="menu" class="cf">
-  <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-  <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-  <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-</ul>
diff --git a/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp b/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
deleted file mode 100644
index efe36728..00000000
--- a/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
+++ /dev/null
@@ -1,6 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<li class="b"><a class="b" href="${base}index.html">Home</a></li>
-<li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-<li class="b"><a class="b" href="${base}projects/html-experimente.html">HTML-Experimente</a></li>
diff --git a/src/main/webapp/WEB-INF/templates/test/experimente.jsp b/src/main/webapp/WEB-INF/templates/test/experimente.jsp
deleted file mode 100644
index 752552cd..00000000
--- a/src/main/webapp/WEB-INF/templates/test/experimente.jsp
+++ /dev/null
@@ -1,36 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<h2>HTML-Elemente / spezielle Seiten</h2>
-<ul>
-  <li><a href="${base}test/formulare.html">Formulare</a></li>
-  <li><a href="${base}test/symbole.html">Symbol-Font</a></li>
-  <li><a href="${base}test/gibts-ja-gar-nicht.html">404-Fehlerseite</a></li>
-  <li><a href="${base}test/error.html">Fehlerseite für andere Fehler</a></li>
-</ul>
-<h2>Layout-Grenzfälle</h2>
-<ul>
-  <li><a href="${base}test/fast-leer-kein-menü.html">Fast leere Seite ohne Menü</a></li>
-  <li><a href="${base}test/fast-leer-kein-menü-aber-marginalinhalt.html">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
-  <li><a href="${base}test/fast-leer-mit-menü.html">Fast leere Seite mit Menü</a></li>
-  <li><a href="${base}test/fast-leer-mit-menü-und-marginalinhalt.html">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
-  <li><a href="${base}test/breadcrumb.html">Seite mit sehr langem Breadcrumb</a></li>
-</ul>
-<h2>Layout-Variationen</h2>
-<ul>
-  <li><a href="${base}test/kein-layout.html">Alle Stylings deaktiviert</a></li>
-  <li><a href="${base}test/basis-layout.html">Nur das Basis-Layout</a></li>
-  <li><a href="${base}test/druck-layout.html">Die für den Ausdruck angepasste Ansicht</a></li>
-  <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-  <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-  <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-</ul>
-<h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-<ul>
-  <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-  <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-</ul>
-<h2>Anderer Krams...</h2>
-<ul>
-  <li><a href="${base}test/testlab.html">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
-</ul>
diff --git a/src/main/webapp/WEB-INF/templates/test/navigation.jsp b/src/main/webapp/WEB-INF/templates/test/navigation.jsp
deleted file mode 100644
index 8188d1c8..00000000
--- a/src/main/webapp/WEB-INF/templates/test/navigation.jsp
+++ /dev/null
@@ -1,22 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<h1 class="nav">Navigation</h1>
-<h2 class="nav menu">Section-Menu</h2>
-<ul id="menu" class="cf">
-  <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-  <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-  <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-</ul>
-<h2 class="nav submenu">
-  <span class="s">Submenu for section</span>
-  <a class="s selected" href="${base}projects.html">Projects</a>
-</h2>
-<ul id="submenu" class="s active">
-  <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-  <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-  <li class="s"><a href="#" class="s">jquery.openx</a></li>
-  <li class="s"><a class="s selected" href="${base}projects/html-experimente.html">HTML-Experimente</a></li>
-  <li class="s sub"><a href="#" class="s">accelerator</a></li>
-  <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-</ul>
diff --git a/src/main/webapp/WEB-INF/templates/wip.jsp b/src/main/webapp/WEB-INF/templates/wip.jsp
deleted file mode 100644
index 230a9f64..00000000
--- a/src/main/webapp/WEB-INF/templates/wip.jsp
+++ /dev/null
@@ -1,8 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<div class="wip">
-  <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
-  <t:insertTemplate template="/WEB-INF/templates/maincontent.jsp"/>
-</div>
diff --git a/src/main/webapp/WEB-INF/views/about.jsp b/src/main/webapp/WEB-INF/views/about.jsp
deleted file mode 100644
index a26f2179..00000000
--- a/src/main/webapp/WEB-INF/views/about.jsp
+++ /dev/null
@@ -1,76 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="About" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">About</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><strong class="m">About</strong></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
-    <ul id="submenu">
-      <li class="s sub"><a href="${base}expertise.html" class="s">Expertise</a></li>
-      <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
-      <li class="s "><a href="${base}contact.html" class="s">Contact</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      <span class="logo">juplo</span> is the place, where I collect and share
-      my more or less private projects.
-      It is a lab for experiments, that help me to do my job as a freelancer
-      at the desired level of quality.
-      Here, I can play with all the fancy new stuff, that might be a little
-      bit to much bleeding edge, to be used on a production site of a paying
-      client.
-    </p>
-    <p>
-      I decided to share all this stuff, because I am always learning a lot
-      from the internet-community.
-      I wanted to give back a little and try to help and teach others, as I
-      was helped and teached.
-      Also, this is a good oportunity, to show what I am doing and to do a 
-      little self-publicity...
-    </p>
-    <p>
-      <span class="logo">juplo</span> mainly consists of two parts:
-    </p>
-    <ul>
-      <li>
-        In the <a href="${base}blog.html">blog</a>, I summarize, how I solved
-        some every-day problems, other people might stumble across too.
-        I am introducing new projects there and announcing new versions and/or
-        bugfixes to older projects.
-      </li>
-      <li>
-        The other part of the site is the
-        <a href="${base}projects.html">projects-section</a>.
-        This is where I am hosting all projects, that I have made publicy
-        available.
-      </li>
-    </ul>
-    <p>
-      If you want to hire me, you can find out more on the
-      <a href="${base}contact.html">contact-page</a>.
-      If you are not yet sure, if you want to hire me, you might be
-      interessted in
-      <a href="${base}expertise.html">what I can do for you</a>, or 
-      <a href="${base}references.html">what I have already done for others</a>.
-    </p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string" value=""/>
-  <t:putAttribute name="footer" type="string">
-    <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-    <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
-    <li class="f about"><strong class="f">About</strong></li>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/agb.jsp b/src/main/webapp/WEB-INF/views/agb.jsp
deleted file mode 100644
index 270c8cff..00000000
--- a/src/main/webapp/WEB-INF/views/agb.jsp
+++ /dev/null
@@ -1,183 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Allgemeine Geschäftsbedingungen (AGB)" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Urheberrechte</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><strong class="s">AGB</strong></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p><em>Stand: 01.02.2014</em></p>
-    <h2>Angebote &amp; Abrechnung</h2>
-    <p>
-     Angebote sind freibleibend.
-     Alle Preise verstehen sich in Euro und zzgl. der gesetzl. MwSt.
-     Wenn nicht anders vereinbart erfolgt eine Anzahlung von 10% im Voraus.
-     Sollte sich der Zeitraum über den Leistungen erbracht werden über
-     mehrere Monate erstrecken, behalte ich mir vor, Rechnungen für
-     Leistungsabschnitte zu stellen (jedoch nicht häufiger als ein mal im
-     Monat).
-     Das Zahlungsziel beträgt 8 Tage.
-    </p>
-    <p>
-     Falls nicht anders vereinbart, ist bei Dienstleistungen eine
-     Korrekturschleife enthalten.
-     Darüber hinausgehende Überarbeitungen sowie gewünschte Zusatzleistungen
-     werden nach Aufwand per Stundensatz abgerechnet.
-     Sollte für den Auftrag ein rabattierter Stundensatz vereinbart worden
-     sein, so gilt dieser nicht automatisch für Überarbeitungen und
-     Zusatzleistungen.
-    </p>
-    <h2>Absprachen</h2>
-    <p>
-      Die zentralen Ansprechpartner des Kunden müssen verbindliche
-      Erklärungen abgeben können (z. B. Fristabsprachen, Abnahmen).
-      Bei Ausfall, Urlaub etc. sind Ersatzpersonen zu benennen.
-    </p>
-    <h2>Leistungen &amp; Abnahme</h2>
-    <p>
-      Der Kunde ist in der Pflicht, erbrachte Leitungen direkt nach deren
-      Erstellung und ohne Aufforderung rechtzeitig (z.B. vor
-      Veröffentlichung) zu prüfen und Änderungswünsche oder Korrekturhinweise
-      direkt mitzuteilen.
-      Die Annahme von Leistungen ohne Beanstandung ist als Abnahme zu
-      verstehen.
-    </p>
-    <p>
-      Ich bin zu jeder Zeit berechtigt, die Arbeit in sinnvollen
-      Teilleistungen zu erbringen und zu berechnen.
-      Der Kunde ist verpflichtet, diese Teilleistungen abzunehmen.
-    </p>
-    <p>
-      Im Rahmen der Gestaltungsspielräume des Briefings vom Kunden trägt der
-      Kunde das Risiko des Nichtgefallens.
-    </p>
-    <h2>Eigenleistungen</h2>
-    <p>
-      Sofern der Kunde Eigenleistungen erbringt, ist die termingerechte
-      Lieferung für den Gesamtzeitplan relevant.
-      Bei verspäteter Lieferung bin ich nicht dazu verpflichtet, die
-      Auftragsarbeit unverzüglich fortzusetzen, wenn ich durch andere
-      terminliche Verpflichtungen daran gehindert werde.
-      Verzögerungen auf Kundenseite können zu erheblichen Gesamtverzögerungen
-      führen.
-      Für dadurch entstandenen Schaden und entgangenen Gewinn haftet der Kunde.
-    </p>
-    <p>
-      Der Kunde berücksichtigt bei der Lieferung von Daten und Materialien
-      die von mir im Rahmen des Angebots geforderten Formate.
-    </p>
-    <p>
-      Sofern Angaben, Muster, Inhalte, usw. vom Kunden geliefert werden, bin
-      ich für deren Richtigkeit und rechtliche Unbedenklichkeit nicht
-      verantwortlich.
-      Eine Prüfungspflicht besteht auf meiner Seite nicht.
-    </p>
-    <h2>Fremdleistungen</h2>
-    <p>
-      Angebote beziehen sich in der Regel auf von mir erbrachte Dienstleistung.
-      Die Kosten oder Gebühren Dritter (z.B. Provider, Lizenzen für Bild, Ton,
-      Schrift oder Software, Druckerei usw.) sind nicht enthalten, falls nicht
-      explizit erwähnt.
-    </p>
-    <p>
-      Bei Beauftragung von Fremdleistungen jedweder Art, berechne ich, falls
-      nicht anders vereinbart, eine Abwicklungspauschale in Höhe von 15% des
-      Auftragswerts für Organisation und Abstimmung.
-    </p>
-    <h2>Nutzungsrechte</h2>
-    <p>
-      An Unterlagen, die im Rahmen des Angebots übergeben werden (z.B.
-      Entwürfe, Konzepte), erhält der Kunde keine Nutzungsrechte.
-      Der Kunde erhält die vereinbarten Nutzungsrechte nur bei pünktlicher
-      und vollständiger Zahlung der vereinbarten Vergütung.
-    </p>
-    <p>
-      Eingesetzte Systeme (z.B. Springframework, Tomcat, CentOS usw.)
-      unterliegen ihren eigenen Nutzungsbestimmungen.
-    </p>
-    <h2>Rechtliche Prüfung</h2>
-    <p>
-      Ohne gesonderte Vereinbarung ist die patent-, muster-, urheber- und
-      markenrechtliche Schutz- oder Eintragungsfähigkeit der im Rahmen des
-      Vertrages gelieferten Ideen, Konzeptionen, Entwürfe und sonstiger
-      Leistungen nicht geschuldet.
-    </p>
-    <h2>Höhere Gewalt</h2>
-    <p>
-      Leistungsverzögerungen aufgrund von Umständen im Verantwortungsbereich
-      des Kunden (z.B. verspätete Anlieferung) und höherer Gewalt (z.B. Unfall,
-      Telekommunikationsstörung usw.) habe ich nicht zu vertreten.
-      Sie berechtigen mich das Erbringen der betreffenden Leistungen um die
-      Dauer der Behinderungen zzgl. einer angemessenen Anlaufzeit
-      aufzuschieben.
-    </p>
-    <h2>Archivierung</h2>
-    <p>
-      Ich bin nicht verpflichtet, erstellte Leistungen zu archivieren.
-      Unterlagen des Kunden muss ich nur dann zurückgeben, wenn dies der Kunde
-      vor der Übergabe ausdrücklich verlangt hat.
-    </p>
-    <h2>Betreuung / Support / Wartung</h2>
-    <p>
-      Ich bin nur in der in der Servicevereinbarung besprochenen Weise für die
-      für eine aktive Betreuung, Support oder Wartung (z.B. Sicherheitsupdates,       Aktualitätsprüfungen usw.) verantwortlich.
-    </p>
-    <h2>Referenzen</h2>
-    <p>
-      Innerhalb der erstellten Leistung werde ich in branchenüblicher Form als
-      Leistungserbrinnger genannt (z.B. Impressum).
-    </p>
-    <p>
-      Ich bin berechtigt, den Kunden als Referenz zu benennen und das Projekt
-      öffentlich vorzustellen.
-      Der Kunde kann dagegen jederzeit schriftlich Widerspruch erheben.
-      Widerruft der Kunde seine Zustimmung, so bin ich berechtigt, erstellte
-      Werbe-Materialien weiter zu benutzen, verpflichte mich jedoch, keine
-      weiteren, Werbe-Materialien zu erstellen, die den Kunden nennen.
-    </p>
-    <h2>Geheimhaltung</h2>
-    <p>
-      Die Vertragsparteien vereinbaren Vertraulichkeit über Vertrag und
-      Erkenntnisse der jeweils anderen Partei.
-      Die Vertraulichkeit gilt auch über die Beendigung des
-      Vertragsverhältnisses hinaus.
-    </p>
-    <h2>Schlussbestimmungen</h2>
-    <p>
-      Erfüllungsort und ausschließlicher Gerichtsstand für alle
-      Rechtsstreitigkeiten ist Münster.
-    </p>
-    <p>
-      Sollten aus irgendeinem Grund eine oder mehrere Einzelbestimmungen
-      dieser AGB unwirksam sein, so bleibt die Gültigkeit der restlichen
-      Bestimmungen davon unberührt.
-    </p>
-    <p>
-      Regelungslücken dieser AGB werden durch Auslegung so gefüllt, dass sie
-      dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
-    </p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/blog.jsp b/src/main/webapp/WEB-INF/views/blog.jsp
deleted file mode 100644
index a2eb5cc2..00000000
--- a/src/main/webapp/WEB-INF/views/blog.jsp
+++ /dev/null
@@ -1,178 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Blog" type="string" cascade="true"/>
-    <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">Blog</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><strong class="m">Blog</strong></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00" pubdate>December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-140 -->
-    <article id="post-114" class="post-114 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="Permalink to hibernate4-maven-plugin 1.0.3 released!" rel="bookmark">hibernate4-maven-plugin 1.0.3 released!</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="02:46" rel="bookmark"><time class="entry-date" datetime="2013-10-18T02:46:23+00:00" pubdate>October 18, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-114 -->
-    <article id="post-97" class="post-97 post type-post status-publish format-standard hentry category-appengine category-java category-maven category-oauth2">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Permalink to Log out from wrong Account with maven-appengine-plugin" rel="bookmark">Log out from wrong Account with maven-appengine-plugin</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="11:33" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:33:56+00:00" pubdate>October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/appengine/" title="View all posts in appengine" rel="category tag">appengine</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/oauth2/" title="View all posts in oauth2" rel="category tag">oauth2</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-97 -->
-    <article id="post-90" class="post-90 post type-post status-publish format-standard hentry category-hibernate category-java category-jpa">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="Permalink to Bidirectional Association with @ElementCollection" rel="bookmark">Bidirectional Association with @ElementCollection</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="11:11" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:11:36+00:00" pubdate>October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/jpa/" title="View all posts in JPA" rel="category tag">JPA</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-90 -->
-    <article id="post-75" class="post-75 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <header class="entry-header">
-s        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="Permalink to hibernate4-maven-plugin 1.0.2 released!" rel="bookmark">hibernate4-maven-plugin 1.0.2 released!</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="02:06" rel="bookmark"><time class="entry-date" datetime="2013-08-02T02:06:08+00:00" pubdate>August 2, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-75 -->
-    <article id="post-64" class="post-64 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="Permalink to hibernate4-maven-plugin 1.0.1 released!" rel="bookmark">hibernate4-maven-plugin 1.0.1 released!</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="01:10" rel="bookmark"><time class="entry-date" datetime="2013-01-16T01:10:59+00:00" pubdate>January 16, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-64 -->
-    <article id="post-55" class="post-55 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="Permalink to hibernate4-maven-plugin 1.0 released!" rel="bookmark">hibernate4-maven-plugin 1.0 released!</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="22:04" rel="bookmark"><time class="entry-date" datetime="2012-11-29T22:04:25+00:00" pubdate>November 29, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-55 -->
-    <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <header class="entry-header">
-        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">hibernate4-maven-plugin</a></h2>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00" pubdate>November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>          
-        </div><!-- .entry-meta -->
-      </header><!-- .entry-header -->
-      <div class="entry-content">
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        <span class="cat-links">
-          Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
-        </span>
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-34 -->
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string">
-    <div id="secondary" class="widget-area" role="complementary">
-      <aside id="archives" class="widget">
-        <h1 class="widget-title">Archives</h1>
-        <ul>
-          <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
-          <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
-          <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
-          <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
-        </ul>
-      </aside>
-      <aside id="categories" class="widget">
-        <h1 class="widget-title">Most Used Categories</h1>
-        <ul>
-          <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
-          <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
-          <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
-          <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
-          <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
-          <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
-        </ul>
-      </aside>
-      <aside id="search" class="widget widget_search">
-        <h1 class="widget-title">Search</h1>
-        <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
-          <div>
-            <label class="screen-reader-text" for="s">Search for:</label>
-            <input type="text" value="" name="s" id="s" />
-            <input type="submit" id="searchsubmit" value="Search" />
-          </div>
-        </form>
-      </aside>
-    </div><!-- #secondary .widget-area -->
-    <div id="tertiary" class="widget-area" role="supplementary">
-    </div><!-- #tertiary .widget-area -->
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/blog/article.jsp b/src/main/webapp/WEB-INF/views/blog/article.jsp
deleted file mode 100644
index 664d9e5a..00000000
--- a/src/main/webapp/WEB-INF/views/blog/article.jsp
+++ /dev/null
@@ -1,319 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="" type="string" cascade="true"/>
-    <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">Blog</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><strong class="m">Blog</strong></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
-      <div class="entry-header">
-        <h1 class="entry-title">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</h1>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00" pubdate>December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </div><!-- .entry-header -->
-      <div class="entry-content">
-        <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
-        <p>You cannot do both, use the <a href="http://www.lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode &#8211; which is best for development &#8211; and the pre-compiled mode &#8211; which is best for production. For the client-side mode you need something like:</p>
-        <pre class="prettyprint linenums">
-<code class="html">
-&lt;link rel="stylesheet/less" type="text/css" href="styles.less" /&gt;
-&lt;script src="less.js" type="text/javascript"&gt;&lt;/script&gt;
-</code>
-        </pre>
-        <p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
-        <pre class="prettyprint linenums">
-<code class="html">
-&lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
-</code>
-        </pre>
-        <p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
-        <p>The idea is, to use the <a href="http://code.google.com/p/wro4j/wiki/MavenPlugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of hte wro4j-maven-plugin">wro4j-maven-plugin</a> to compile and combine your LESS-sources into CSS for production and to use the <a href="http://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See how to configure the filter">wro4j filter</a>, to dynamically deliver the compiled CSS while developing. This way, you do not have to alter your HTML-code, when switching between development and production, because you always link to the CSS-files.</p>
-        <p>So, lets get dirty!</p>
-        <h2>Step 1: Configure wro4j</h2>
-        <p>First, we configure <strong>wro4j</strong>, like as we want to use it to speed up our page. The details are explained and linked on wro4j&#8217;s <a href="http://code.google.com/p/wro4j/wiki/GettingStarted" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="Visit the Getting-Started-Page">Getting-Started-Page</a>. In short, we just need two files: <strong>wro.xml</strong> and <strong>wro.properties</strong>.</p>
-        <h3>wro.xml</h3>
-        <p>wro.xml tells wro4j, which resources should be combined and how the result should be named. I am using the following configuration to generate all LESS-Sources beneath <code>base/</code> into one CSS-file called <code>base.css</code>:</p>
-        <pre class="prettyprint linenums">
-<code class="xml">
-&lt;groups xmlns="http://www.isdc.ro/wro"&gt;
-  &lt;group name="base"&gt;
-    &lt;css&gt;/less/base/*.less&lt;/css&gt;
-  &lt;/group&gt;
-</code>
-        </pre>
-        <p>wro4j looks for <code>/less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
-        <h3>wro.properties</h3>
-        <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
-        <pre class="prettyprint linenums">
-<code class="properties">
-preProcessors=less4j
-disableCache=true
-</code>
-        </pre>
-        <p>You can do a lot more here. There are countless <a href="http://code.google.com/p/wro4j/wiki/ConfigurationOptions" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all configuration options">configuration options</a> to fine-tune the behaviour of wro4j. The <code>disableCache=true</code> is crucial, because we would not see the changes take effect when developing with <strong>jetty-maven-plugin</strong> later on. You can also do much more with your resources here, for example <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all available processors">minimizing</a>. But for our goal, we are now only intrested in the compilation of our LESS-sources.</p>
-        <h2>Step 2: Configure the wro4j servlet-filter</h2>
-        <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4j&#8217;s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code>&lt;overrideDescriptor&gt;</code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
-        <h2>&lt;overrideDescriptor&gt;</h2>
-        <p>This parameter lets you specify additional configuration options for the web.xml of your webapp. I am using the following configuration for my jetty-maven-plugin:</p>
-        <pre class="prettyprint linenums">
-<code class="xml">
-&lt;plugin&gt;
-  &lt;groupId&gt;org.eclipse.jetty&lt;/groupId&gt;
-  &lt;artifactId&gt;jetty-maven-plugin&lt;/artifactId&gt;
-  &lt;configuration&gt;
-    &lt;webApp&gt;
-      &lt;overrideDescriptor&gt;${project.basedir}/src/test/resources/jetty-web.xml&lt;/overrideDescriptor&gt;
-    &lt;/webApp&gt;
-  &lt;/configuration&gt;
-  &lt;dependencies&gt;
-    &lt;dependency&gt;
-      &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
-      &lt;artifactId&gt;wro4j-core&lt;/artifactId&gt;
-      &lt;version&gt;${wro4j.version}&lt;/version&gt;
-    &lt;/dependency&gt;
-    &lt;dependency&gt;
-      &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
-      &lt;artifactId&gt;wro4j-extensions&lt;/artifactId&gt;
-      &lt;version&gt;${wro4j.version}&lt;/version&gt;
-      &lt;exclusions&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;javax.servlet&lt;/groupId&gt;
-            &lt;artifactId&gt;servlet-api&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.apache.commons&lt;/groupId&gt;
-            &lt;artifactId&gt;commons-lang3&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;commons-io&lt;/groupId&gt;
-            &lt;artifactId&gt;commons-io&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;commons-pool&lt;/groupId&gt;
-            &lt;artifactId&gt;commons-pool&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.springframework&lt;/groupId&gt;
-            &lt;artifactId&gt;spring-web&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;com.google.code.gson&lt;/groupId&gt;
-            &lt;artifactId&gt;gson&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;com.google.javascript&lt;/groupId&gt;
-            &lt;artifactId&gt;closure-compiler&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;com.github.lltyk&lt;/groupId&gt;
-            &lt;artifactId&gt;dojo-shrinksafe&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.jruby&lt;/groupId&gt;
-            &lt;artifactId&gt;jruby-core&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-          &lt;groupId&gt;org.jruby&lt;/groupId&gt;
-          &lt;artifactId&gt;jruby-stdlib&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.jruby&lt;/groupId&gt;
-            &lt;artifactId&gt;jruby-stdlib&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;me.n4u.sass&lt;/groupId&gt;
-            &lt;artifactId&gt;sass-gems&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;nz.co.edmi&lt;/groupId&gt;
-            &lt;artifactId&gt;bourbon-gem-jar&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.codehaus.gmaven.runtime&lt;/groupId&gt;
-            &lt;artifactId&gt;gmaven-runtime-1.7&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;jshint&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;less&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;emberjs&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;handlebars&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;coffee-script&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;jslint&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;json2&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-        &lt;exclusion&gt;
-            &lt;groupId&gt;org.webjars&lt;/groupId&gt;
-            &lt;artifactId&gt;jquery&lt;/artifactId&gt;
-        &lt;/exclusion&gt;
-      &lt;/exclusions&gt;
-    &lt;/dependency&gt;
-  &lt;/dependencies&gt;
-&lt;/plugin&gt;
-</code>
-        </pre>
-        <p>The dependencies to <strong>wro4j-core</strong> and <strong>wro4j-extensions</strong> are needed by jetty, to be able to enable the filter defined below. Unfortunatly, one of the transitive dependencies of <code>wro4j-extensions</code> triggers an uggly error when running the jetty-maven-plugin. Therefore, all unneeded dependencies of <code>wro4j-extensions</code> are excluded, as a workaround for this error/bug.</p>
-        <h2>jetty-web.xml</h2>
-        <p>And my jetty-web.xml looks like this:</p>
-        <pre class="prettyprint linenums">
-<code class="xml">
-&lt;?xml version="1.0" encoding="UTF-8"?&gt;
-&lt;web-app xmlns="http://java.sun.com/xml/ns/javaee"
-  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
-  version="2.5"&gt;
-  &lt;filter&gt;
-    &lt;filter-name&gt;wro&lt;/filter-name&gt;
-    &lt;filter-class&gt;ro.isdc.wro.http.WroFilter&lt;/filter-class&gt;
-  &lt;/filter&gt;
-  &lt;filter-mapping&gt;
-    &lt;filter-name&gt;wro&lt;/filter-name&gt;
-    &lt;url-pattern&gt;*.css&lt;/url-pattern&gt;
-  &lt;/filter-mapping&gt;
-&lt;/web-app&gt;
-</code>
-        </pre>
-        <p>The filter processes any URI&#8217;s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
-        <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/less/base/</code> first!)</p>
-        <h2>Step 3: Install wro4j-maven-plugin</h2>
-        <p>All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file <code>base.css</code> would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the <strong>wro4j-maven-plugin</strong>. I am using this configuration:</p>
-        <pre class="prettyprint linenums">
-<code class="xml">
-&lt;plugin&gt;
-  &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
-  &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
-  &lt;version&gt;${wro4j.version}&lt;/version&gt;
-  &lt;configuration&gt;
-    &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
-    &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
-  &lt;/configuration&gt;
-  &lt;executions&gt;
-    &lt;execution&gt;
-      &lt;phase&gt;package&lt;/phase&gt;
-      &lt;goals&gt;
-        &lt;goal&gt;run&lt;/goal&gt;
-      &lt;/goals&gt;
-    &lt;/execution&gt;
-  &lt;/executions&gt;
-&lt;/plugin&gt;
-</code>
-        </pre>
-        <p>I connected the <code>run</code>-goal with the <code>package</code>-phase, because the statically compiled CSS-file is needed only in the final war. The <code>ConfigurableWroManagerFactory</code> tells wro4j, that it should look up further configuration options in our <code>wro.properties</code>-file, where we tell wro4j, that it should compile our LESS-resources. The <code>&lt;cssDestinationFolder&gt;</code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
-        <p>That&#8217;s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
-        <h2>Cleanup and further considerations</h2>
-        <h3>lesscss-maven-plugin</h3>
-        <p>If you already compile your LESS-resources with the lesscss-maven-plugin, you can stick with it and skip step 3. But I strongly recommend giving wro4j-maven-plugin a try, because it is a much more powerfull tool, that can speed up your final webapp even more.</p>
-        <h3>Clean up your mess </h3>
-        <p>With a configuration like the above one, your LESS-resources and wro4j-configuration-files will be packed into your production-war. That might be confusing later, because neither wro4j nor LESS is used in the final war. You can add the following to your <code>pom.xml</code> to exclude these files from your war for the sake of clarity:</p>
-        <pre class="prettyprint linenums">
-<code class="xml">
-&lt;plugin&gt;
-  &lt;artifactId&gt;maven-war-plugin&lt;/artifactId&gt;
-  &lt;configuration&gt;
-    &lt;warSourceExcludes&gt;
-      WEB-INF/wro.*,
-      less/**
-    &lt;/warSourceExcludes&gt;
-  &lt;/configuration&gt;
-&lt;/plugin&gt;
-</code>
-        </pre>
-        <h3>What&#8217;s next?</h3>
-        <p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>. 
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-140 -->
-    <!-- You can start editing here. -->
-    <!-- If comments are open, but there are no comments. -->
-    <div id="respond">
-      <h3>Leave a Reply</h3>
-      <div id="cancel-comment-reply">
-        <small><a rel="nofollow" id="cancel-comment-reply-link" href="/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/#respond" style="display:none;">Click here to cancel reply.</a></small>
-      </div>
-      <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
-        <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
-        <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
-        <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
-        <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
-          <input type='hidden' name='comment_post_ID' value='140' id='comment_post_ID' />
-          <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
-        </p>
-        <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2096655c89" /><script>(function() {
-    if (window === window.parent) {
-      document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
-    }
-  })();</script>
-        <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f31e001227" /></p>
-      </form>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string">
-    <div id="secondary" class="widget-area" role="complementary">
-      <aside id="archives" class="widget">
-        <h1 class="widget-title">Archives</h1>
-        <ul>
-          <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
-          <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
-          <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
-          <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
-        </ul>
-      </aside>
-      <aside id="categories" class="widget">
-        <h1 class="widget-title">Most Used Categories</h1>
-        <ul>
-          <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
-          <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
-          <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
-          <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
-          <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
-          <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
-        </ul>
-      </aside>
-      <aside id="search" class="widget widget_search">
-        <h1 class="widget-title">Search</h1>
-        <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
-          <div>
-            <label class="screen-reader-text" for="s">Search for:</label>
-            <input type="text" value="" name="s" id="s" />
-            <input type="submit" id="searchsubmit" value="Search" />
-          </div>
-        </form>
-      </aside>
-    </div><!-- #secondary .widget-area -->
-    <div id="tertiary" class="widget-area" role="supplementary">
-    </div><!-- #tertiary .widget-area -->
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/blog/comments.jsp b/src/main/webapp/WEB-INF/views/blog/comments.jsp
deleted file mode 100644
index 67060e62..00000000
--- a/src/main/webapp/WEB-INF/views/blog/comments.jsp
+++ /dev/null
@@ -1,489 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="" type="string" cascade="true"/>
-    <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">Blog</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><strong class="m">Blog</strong></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
-      <div class="entry-header">
-        <h1 class="entry-title">hibernate4-maven-plugin</h1>
-        <div class="entry-meta">
-          Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00" pubdate>November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
-        </div><!-- .entry-meta -->
-      </div><!-- .entry-header -->
-      <div class="entry-content">
-        <h2>A simple Plugin for generating a Database-Schema from Hibernate 4 Mapping-Annotations</h2>
-        <p>
-          Hibernate comes with the buildin functionality, to automatically create or update the database schema. This functionality is configured in the session-configuraton via the parameter <code>hbm2ddl.auto</code> (see <a href="http://docs.jboss.org/hibernate/orm/4.1/manual/en-US/html_single/#configuration-optional" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.jboss.org']);">Hibernate Reference Documentation &#8211; Chapter 3.4. Optional configuration properties</a>). But doing so <a href="http://stackoverflow.com/questions/221379/hibernate-hbm2ddl-auto-update-in-production" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">is not very wise</a>, because you can easily corrupt or erase your production database, if this configuration parameter slips through to your production environment.
-        </p>
-        <p>
-          Alternatively, you can <a href="http://stackoverflow.com/questions/835961/how-to-creata-database-schema-using-hibernate" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">run the tools <strong>SchemaExport</strong> or <strong>SchemaUpdate</strong> by hand</a>. But that is not very comfortable and being used to maven you will quickly long for a plugin, that does that job automatically for you, when you fire up your test cases.
-        </p>
-        <p>In the good old times, there was the <a href="http://mojo.codehaus.org/maven-hibernate3/hibernate3-maven-plugin/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://mojo.codehaus.org']);">Maven Hibernate3 Plugin</a>, that does this for you. But unfortunatly, this plugin is not compatible with Hibernate 4.x. Since there does not seem to be any successor for the Maven Hibernate3 Plugin and <a href="http://www.google.de/search?q=hibernate4+maven+plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.google.de']);">googeling</a> does not help, I decided to write up this simple plugin (inspired by these two articles I found: <a href="http://www.tikalk.com/alm/blog/schema-export-hibernate-4-and-maven" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.tikalk.com']);">Schema Export with Hibernate 4 and Maven</a> and <a href="http://doingenterprise.blogspot.de/2012/05/schema-generation-with-hibernate-4-jpa.html" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://doingenterprise.blogspot.de']);">Schema generation with Hibernate 4, JPA and Maven</a>).
-        </p>
-        <p>
-          I hope, the resulting simple to use buletproof <a href="/hibernate4-maven-plugin/">hibernate4-maven-plugin</a> is usefull!
-        </p>
-        <p>
-          <strong><a href="/hibernate4-maven-plugin/">Try it out now!</a></strong></p>
-      </div><!-- .entry-content -->
-      <footer class="entry-meta">
-        This entry was posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>. Bookmark the <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">permalink</a>. 
-      </footer><!-- .entry-meta -->
-    </article><!-- #post-34 -->
-    <!-- You can start editing here. -->
-    <h3 id="comments">15 Responses to &#8220;hibernate4-maven-plugin&#8221;</h3>
-    <div class="navigation">
-      <div class="alignleft"></div>
-      <div class="alignright"></div>
-    </div>
-    <ol class="commentlist">
-      <li class="comment even thread-even depth-1 parent" id="comment-556">
-        <div id="div-comment-556" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn">Jukes</cite> <span class="says">says:</span>
-          </div>
-          <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-556">
-              November 7, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=556" title="Edit comment">(Edit)</a>
-          </div>
-          <p>
-            Hi thanks a lot for making this plugin available, great work!!<br />
-            I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I&#8217;m doing something wrong. I&#8217;m using version 1.0.3.</p>
-          <p>For example I have in java:</p>
-          <p>
-            @Column(name = &#8220;financialEnabled&#8221;, nullable = false, columnDefinition = &#8220;default TRUE&#8221;)<br />
-            private boolean financialEnabled;
-          </p>
-          <p>
-            Generated SQL is:<br />
-            financialEnabled default TRUE not null,
-          </p>
-          <p>As you can see the data type boolean is not translated to the SQL script. Thanks a lot for your help.</p>
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=556#respond' onclick='return addComment.moveForm("div-comment-556", "556", "respond", "34")'>Reply</a>
-          </div>
-        </div>
-        <ul class="children">
-          <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2" id="comment-567">
-            <div id="div-comment-567" class="comment-body">
-              <div class="comment-author vcard">
-                <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
-              </div>
-              <div class="comment-meta commentmetadata">
-                <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-567">
-                  November 11, 2013 at 13:09</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=567" title="Edit comment">(Edit)
-                </a>
-              </div>
-              <p>
-                This plugin is only a tool to automate the generation of the SQL in your development-environment.<br />
-                Questions on how to anotate your code correctly are better asked in a user-forum from hibernate or such.</p>
-              <p>
-                Nevertheless, I think I can give you a usefull hint:<br />
-                You are overwriting the automatically generated column-definition with &#8220;default TRUE&#8221;.<br />
-                Try it with</p>
-              <p>
-                @Column(name = “financialEnabled”, nullable = false)<br />
-                private boolean financialEnabled;</p>
-              <div class="reply">
-                <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=567#respond' onclick='return addComment.moveForm("div-comment-567", "567", "respond", "34")'>Reply</a>
-              </div>
-            </div>
-          </li><!-- #comment-## -->
-        </ul><!-- .children -->
-      </li><!-- #comment-## -->
-      <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-390">
-        <div id="div-comment-390" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn">Milios</cite> <span class="says">says:</span>
-          </div>
-          <div class="comment-meta commentmetadata">
-            <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-390">
-              October 10, 2013 at 15:02
-            </a>
-            &nbsp;&nbsp;
-            <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=390" title="Edit comment">(Edit)</a>
-          </div>
-          <p>Hi,</p>
-          <p>
-            looks like a very nice plugin. Unfortunately, part of our entities are in other modules/dependencies.<br />
-            Do you plan to add the possibility to scan also for dependencies of the project or at least of the plugin?</p>
-          <p>Also, when I only want to generate the SQL and use the following configuration, I got nothing.</p>
-          <p>Config:</p>
-          <p>
-            de.juplo<br />
-            hibernate4-maven-plugin<br />
-            1.0.2</p>
-          <p>
-            true<br />
-            SCRIPT<br />
-            NONE<br />
-            com.deutscheboerse.hibernate.PostgreSQLDialect<br />
-            ${project.build.directory}/hibernate4/cmm-schema.sql</p>
-          <p>
-            com.deutscheboerse.energy<br />
-            energy-commons-hibernate<br />
-            ${commons.hibernate.version}</p>
-          <p>
-            org.springframework.security<br />
-            spring-security-core<br />
-            ${spring.security.version}</p>
-          <p>
-            org.slf4j<br />
-            slf4j-log4j12<br />
-            ${slf4j.version}</p>
-          <p>
-            Output:<br />
-            mvn hibernate4:export -e<br />
-            [INFO] Error stacktraces are turned on.<br />
-            [INFO] Scanning for projects&#8230;<br />
-            [INFO]<br />
-            [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-            [INFO] Building CMM WAR 1.0.0-RC5-SNAPSHOT<br />
-            [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-            [INFO]<br />
-            [INFO] &#8212; hibernate4-maven-plugin:1.0.2:export (default-cli) @ cmm-war &#8212;<br />
-            [INFO] Scanning directory D:\_dev\work\ii\src\cmm\trunk\cmm-war\target\classes f<br />
-            [INFO] No hibernate-properties-file found! (Checked path: D:\_dev\work\ii\src\cm<br />
-            [INFO] Gathered hibernate-configuration (turn on debugging for details):<br />
-            [INFO]   hibernate.dialect = com.deutscheboerse.hibernate.PostgreSQLDialect<br />
-            [INFO] HHH000400: Using dialect: com.deutscheboerse.hibernate.PostgreSQLDialect<br />
-            [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-            [INFO] BUILD SUCCESS<br />
-            [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-            [INFO] Total time: 10.932s<br />
-            [INFO] Finished at: Thu Oct 10 12:51:05 UTC 2013<br />
-            [INFO] Final Memory: 9M/23M<br />
-            [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
-          <p>
-            Thanks for any help,<br />
-            Milos.
-          </p>
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=390#respond' onclick='return addComment.moveForm("div-comment-390", "390", "respond", "34")'>Reply</a>
-          </div>
-        </div>
-        <ul class="children">
-          <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-391">
-            <div id="div-comment-391" class="comment-body">
-              <div class="comment-author vcard">
-                <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
-              </div>
-              <div class="comment-meta commentmetadata">
-                <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-391">
-                  October 10, 2013 at 22:19
-                </a>
-                &nbsp;&nbsp;
-                <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=391" title="Edit comment">(Edit)</a>		</div>
-              <p>
-                Yes, I am working on the possibility, to scan for annotations in dependencies.<br />
-                Unfortunatly, I have no example-project for this use-case by hand.<br />
-                It would help a lot, if you could provide a sample-project on github or such.
-              </p>
-              <p>Greetings kai</p>
-              <div class="reply">
-                <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=391#respond' onclick='return addComment.moveForm("div-comment-391", "391", "respond", "34")'>Reply</a>
-              </div>
-            </div>
-            <ul class="children">
-              <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-568">
-                <div id="div-comment-568" class="comment-body">
-                  <div class="comment-author vcard">
-                    <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
-                  </div>
-                  <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-568">
-                      November 11, 2013 at 13:11</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=568" title="Edit comment">(Edit)</a>		</div>
-
-                  <p>Version 1.0.3 of the plugin can now scan for annotations in the dependencies, too.</p>
-
-                  <div class="reply">
-                    <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond' onclick='return addComment.moveForm("div-comment-568", "568", "respond", "34")'>Reply</a>		</div>
-                </div>
-              </li><!-- #comment-## -->
-            </ul><!-- .children -->
-          </li><!-- #comment-## -->
-        </ul><!-- .children -->
-      </li><!-- #comment-## -->
-      <li class="comment odd alt thread-even depth-1" id="comment-286">
-        <div id="div-comment-286" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn">Pedro</cite> <span class="says">says:</span>		</div>
-
-          <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-286">
-              August 7, 2013 at 18:54</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=286" title="Edit comment">(Edit)</a>		</div>
-
-          <p>Following my previous question, here is the debug info</p>
-          <p>[DEBUG] Dependency: /Users/pmarques/.m2/repository/org/springframework/security/spring-security-acl/3.1.4.RELEASE/spring-security-acl-3.1.4.RELEASE.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/atomikos-util/3.6.5/atomikos-util-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-api/3.6.5/transactions-api-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/javax/transaction/transaction-api/1.1/transaction-api-1.1.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc-deprecated/3.6.5/transactions-jdbc-deprecated-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc/3.6.5/transactions-jdbc-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jta/3.6.5/transactions-jta-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions/3.6.5/transactions-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/org/apache/geronimo/specs/geronimo-jta_1.0.1B_spec/1.0.1/geronimo-jta_1.0.1B_spec-1.0.1.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms-deprecated/3.6.5/transactions-jms-deprecated-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms/3.6.5/transactions-jms-3.6.5.jar<br />
-            [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-hibernate3/3.6.5/transactions-hibernate3-3.6.5.jar<br />
-            [INFO] Scanning directory /target/classes for annotated classes&#8230;</p>
-
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=286#respond' onclick='return addComment.moveForm("div-comment-286", "286", "respond", "34")'>Reply</a>		</div>
-        </div>
-      </li><!-- #comment-## -->
-      <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-285">
-        <div id="div-comment-285" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn">Pedro</cite> <span class="says">says:</span>		</div>
-
-          <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-285">
-              August 7, 2013 at 18:49</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=285" title="Edit comment">(Edit)</a>		</div>
-
-          <p>Hi,</p>
-          <p>I have the following problem.<br />
-            The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br />
-            I am getting the error:<br />
-            No annotated classes found in directory /target/classes</p>
-          <p>Shouldn&#8217;t the plugin scan all the dependencies also?</p>
-          <p>Thanks,<br />
-            Pedro.</p>
-
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond' onclick='return addComment.moveForm("div-comment-285", "285", "respond", "34")'>Reply</a>		</div>
-        </div>
-        <ul class="children">
-          <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-287">
-            <div id="div-comment-287" class="comment-body">
-              <div class="comment-author vcard">
-                <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>		</div>
-
-              <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-287">
-                  August 7, 2013 at 19:12</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=287" title="Edit comment">(Edit)</a>		</div>
-
-              <p>Hi Pedro,</p>
-              <p>I think, that your observation is right.<br />
-                But otherwise, dependencies should only be scanned if requested, because automatic scanning of the dependencies might lead to errors in other situations.</p>
-              <p>If you can make your project available to me (for example via github, or simply by mailing zipped version), I would add a configuration-parameter to enable/disable dependency-scanning and upload the refined plugin to central.</p>
-              <p>Regards,</p>
-              <p>Kai Moritz</p>
-
-              <div class="reply">
-                <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=287#respond' onclick='return addComment.moveForm("div-comment-287", "287", "respond", "34")'>Reply</a>		</div>
-            </div>
-            <ul class="children">
-              <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-426">
-                <div id="div-comment-426" class="comment-body">
-                  <div class="comment-author vcard">
-                    <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>		</div>
-
-                  <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-426">
-                      October 18, 2013 at 02:52</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=426" title="Edit comment">(Edit)</a>		</div>
-
-                  <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" title="Open the release-notes" rel="nofollow">new version 1.0.3</a> of the plugin adds support for annotated classes in dependencies!</p>
-
-                  <div class="reply">
-                    <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=426#respond' onclick='return addComment.moveForm("div-comment-426", "426", "respond", "34")'>Reply</a>		</div>
-                </div>
-              </li><!-- #comment-## -->
-            </ul><!-- .children -->
-          </li><!-- #comment-## -->
-        </ul><!-- .children -->
-      </li><!-- #comment-## -->
-      <li class="comment odd alt thread-even depth-1 parent" id="comment-276">
-        <div id="div-comment-276" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn"><a href="http://bidlogix.com" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-commentauthor', 'http://bidlogix.com']);"  rel='external nofollow' class='url'>mike</a></cite> <span class="says">says:</span>		</div>
-
-          <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-276">
-              July 30, 2013 at 12:57</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=276" title="Edit comment">(Edit)</a>		</div>
-
-          <p>Hello,</p>
-          <p>I&#8217;m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven&#8217;t undertaken (and don&#8217;t want to just yet) the big job of changing my hbm mapping files to annotations.</p>
-          <p>As far as I can see this is a show stopper for using your nice plugin. Can you please confirm if this is the case and whether you are planning to add support for scanning for hbm files?</p>
-          <p>Many thanks,</p>
-          <p>Mike Cohen.</p>
-
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=276#respond' onclick='return addComment.moveForm("div-comment-276", "276", "respond", "34")'>Reply</a>		</div>
-        </div>
-        <ul class="children">
-          <li class="comment byuser comment-author-tortenheber even depth-2" id="comment-277">
-            <div id="div-comment-277" class="comment-body">
-              <div class="comment-author vcard">
-                <cite class="fn">tortenheber</cite> <span class="says">says:</span>		</div>
-
-              <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-277">
-                  July 31, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=277" title="Edit comment">(Edit)</a>		</div>
-
-              <p>Hello Mike,</p>
-              <p>I added the requested feature in the SNAPSHOT-version.<br />
-                It would be nice, if you could test, if the new feature works, because I have no example project by hand, that still uses hibernate-mapping via XML.</p>
-              <p>You can download an actual build here:</p>
-              <p><a href="https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-comment', 'http://oss.sonatype.org']);" rel="nofollow">https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/</a></p>
-              <p>or build it by yourself from the sources.<br />
-                The feature is documented here:</p>
-              <p><a href="http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html"  rel="nofollow">http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html</a></p>
-              <p>Best regards</p>
-              <p>kai</p>
-
-              <div class="reply">
-                <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=277#respond' onclick='return addComment.moveForm("div-comment-277", "277", "respond", "34")'>Reply</a>		</div>
-            </div>
-          </li><!-- #comment-## -->
-        </ul><!-- .children -->
-      </li><!-- #comment-## -->
-      <li class="comment odd alt thread-odd thread-alt depth-1 parent" id="comment-50">
-        <div id="div-comment-50" class="comment-body">
-          <div class="comment-author vcard">
-            <cite class="fn">Victor</cite> <span class="says">says:</span>		</div>
-
-          <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-50">
-              February 22, 2013 at 15:28</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=50" title="Edit comment">(Edit)</a>		</div>
-
-          <p>Hey I have modified your code to support envers and generate auditing tables, if you want I can send you a patch. Thanks!</p>
-
-          <div class="reply">
-            <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=50#respond' onclick='return addComment.moveForm("div-comment-50", "50", "respond", "34")'>Reply</a>		</div>
-        </div>
-        <ul class="children">
-          <li class="comment even depth-2 parent" id="comment-51">
-            <div id="div-comment-51" class="comment-body">
-              <div class="comment-author vcard">
-                <cite class="fn">admin</cite> <span class="says">says:</span>		</div>
-
-              <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-51">
-                  February 22, 2013 at 19:54</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=51" title="Edit comment">(Edit)</a>		</div>
-
-              <p>Your welcom.<br />
-                Send it!</p>
-
-              <div class="reply">
-                <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=51#respond' onclick='return addComment.moveForm("div-comment-51", "51", "respond", "34")'>Reply</a>		</div>
-            </div>
-            <ul class="children">
-              <li class="comment odd alt depth-3 parent" id="comment-54">
-                <div id="div-comment-54" class="comment-body">
-                  <div class="comment-author vcard">
-                    <cite class="fn">Victor</cite> <span class="says">says:</span>		</div>
-
-                  <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-54">
-                      February 25, 2013 at 15:28</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=54" title="Edit comment">(Edit)</a>		</div>
-
-                  <p>Where to? Is there a github repo?</p>
-
-                  <div class="reply">
-                    <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=54#respond' onclick='return addComment.moveForm("div-comment-54", "54", "respond", "34")'>Reply</a>		</div>
-                </div>
-                <ul class="children">
-                  <li class="comment even depth-4" id="comment-55">
-                    <div id="div-comment-55" class="comment-body">
-                      <div class="comment-author vcard">
-                        <cite class="fn">admin</cite> <span class="says">says:</span>		</div>
-
-                      <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-55">
-                          February 25, 2013 at 20:05</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=55" title="Edit comment">(Edit)</a>		</div>
-
-                      <p>There is a private git-Repository.<br />
-                        <a href="http://juplo.de/hibernate4-maven-plugin/source-repository.html"  rel="nofollow">Check the project-documentation!</a></p>
-                      <p>You can <a href="http://juplo.de/hibernate4-maven-plugin/team-list.html"  rel="nofollow">send me</a> a patch or a pull-request to <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
-
-                      <div class="reply">
-                        <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=55#respond' onclick='return addComment.moveForm("div-comment-55", "55", "respond", "34")'>Reply</a>		</div>
-                    </div>
-                  </li><!-- #comment-## -->
-                </ul><!-- .children -->
-              </li><!-- #comment-## -->
-            </ul><!-- .children -->
-          </li><!-- #comment-## -->
-        </ul><!-- .children -->
-      </li><!-- #comment-## -->
-    </ol>
-
-    <div class="navigation">
-      <div class="alignleft"></div>
-      <div class="alignright"></div>
-    </div>
-
-
-    <div id="respond">
-
-      <h3>Leave a Reply</h3>
-
-      <div id="cancel-comment-reply">
-        <small><a rel="nofollow" id="cancel-comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#respond" style="display:none;">Click here to cancel reply.</a></small>
-      </div>
-
-
-      <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
-
-
-        <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
-
-
-        <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
-
-        <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
-
-        <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
-          <input type='hidden' name='comment_post_ID' value='34' id='comment_post_ID' />
-          <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
-        </p>
-        <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2cfe5768bb" /><script>(function() {
-    if (window === window.parent) {
-      document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
-    }
-  })();</script>
-        <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="18eb674233" /></p>
-      </form>
-
-    </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string">
-    <div id="secondary" class="widget-area" role="complementary">
-      <aside id="archives" class="widget">
-        <h1 class="widget-title">Archives</h1>
-        <ul>
-          <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
-          <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
-          <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
-          <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
-        </ul>
-      </aside>
-      <aside id="categories" class="widget">
-        <h1 class="widget-title">Most Used Categories</h1>
-        <ul>
-          <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
-          <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
-          <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
-          <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
-          <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
-          <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
-        </ul>
-      </aside>
-      <aside id="search" class="widget widget_search">
-        <h1 class="widget-title">Search</h1>
-        <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
-          <div>
-            <label class="screen-reader-text" for="s">Search for:</label>
-            <input type="text" value="" name="s" id="s" />
-            <input type="submit" id="searchsubmit" value="Search" />
-          </div>
-        </form>
-      </aside>
-    </div><!-- #secondary .widget-area -->
-    <div id="tertiary" class="widget-area" role="supplementary">
-    </div><!-- #tertiary .widget-area -->
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
deleted file mode 100644
index 3f8675fe..00000000
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ /dev/null
@@ -1,57 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Contact" type="string"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}about.html">About</a></li>
-    <li class="b"><strong class="b">Contact</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
-    <ul id="submenu">
-      <li class="s sub"><a href="${base}expertise.html" class="s">Expertise</a></li>
-      <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
-      <li class="s"><strong class="s">Contact</strong></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="contentcontainer" type="string">
-    <div id="content" class="main pack cf">
-      <div class="p left">
-        <img class="p" src="${base}img/kai-moritz.jpg" alt="Portrait"/>
-      </div>
-      <article class="p right">
-        <header><h1><t:getAsString name="title"/></h1></header>
-        <h2>Address</h2>
-        <p>
-          Kai Moritz<br />
-          Zumsandestr. 29a<br />
-          48145 Münster
-        </p>
-        <h2>Email</h2>
-        <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
-        <h2>Phone</h2>
-        <p>+49 (0) 176 20 50 47 47</p>
-        <h2>Networking</h2>
-        <ul>
-          <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
-          <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
-        </ul>
-        <!--
-        <h2>About Me</h2>
-        <h2><em>Übersetzung?!?</em> Jobportale</h2>
-        -->
-      </article>
-    </div>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string" value=""/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/datenschutz.jsp b/src/main/webapp/WEB-INF/views/datenschutz.jsp
deleted file mode 100644
index 2e8a5d2d..00000000
--- a/src/main/webapp/WEB-INF/views/datenschutz.jsp
+++ /dev/null
@@ -1,38 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Datenschutz" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Datenschutz</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><strong class="s">Datenschutz</strong></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.</p>
-    <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
-    <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
-    <!-- http://www.e-recht24.de/impressum-generator.html -->
-    <p>Bitte beachten Sie auch die gesonderte <a href="${base}google-analytics.html">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/expertise.jsp b/src/main/webapp/WEB-INF/views/expertise.jsp
deleted file mode 100644
index 1683c05a..00000000
--- a/src/main/webapp/WEB-INF/views/expertise.jsp
+++ /dev/null
@@ -1,39 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Expertise" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}about.html">About</a></li>
-    <li class="b"><strong class="b">Expertise</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
-    <ul id="submenu">
-      <li class="s sub">
-        <strong class="s">Expertise</strong>
-        <ul class="s active">
-          <li class="s"><span href="${base}web-engineering.html" class="s">Web-Engineering</span></li>
-          <li class="s"><span href="${base}spring-framework.html" class="s">Spring Framework</span></li>
-          <li class="s"><span href="${base}.html" class="s"></span></li>
-          <li class="s"><span href="${base}responsive-web-design.html" class="s">Responsive Webdesign</span></li>
-          <li class="s"><span href="${base}web-ui-esign.html" class="s">WEB-UI-Design</span></li>
-          <li class="s"><span href="${base}seo.html" class="s">SEO</span></li>
-        </ul>
-      </li>
-      <li class="s sub off"><a href="${base}references.html" class="s">References</a></li>
-      <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template" cascade="true"/>
-  <t:putAttribute name="marginalcontent" type="string" value=""/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/google-analytics.jsp b/src/main/webapp/WEB-INF/views/google-analytics.jsp
deleted file mode 100644
index 610a1195..00000000
--- a/src/main/webapp/WEB-INF/views/google-analytics.jsp
+++ /dev/null
@@ -1,38 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Google Analytics" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Google Analytics</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><strong class="s">Google Analytics</strong></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
-    <p>Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.</p>
-    <p>Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren:</p>
-    <p><a href="http://tools.google.com/dlpage/gaoptout?hl=de" title="Das Plugin jetzt herunterladen...">http://tools.google.com/dlpage/gaoptout?hl=de</a>.</p>
-    <!-- http://www.e-recht24.de/impressum-generator.html -->
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp b/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
deleted file mode 100644
index 9d834481..00000000
--- a/src/main/webapp/WEB-INF/views/haftung-inhalte.jsp
+++ /dev/null
@@ -1,35 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Haftung für Inhalte" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Haftung für Inhalte</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><strong class="s">Haftung für Inhalte</strong></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
-    <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/haftung-links.jsp b/src/main/webapp/WEB-INF/views/haftung-links.jsp
deleted file mode 100644
index a02b1648..00000000
--- a/src/main/webapp/WEB-INF/views/haftung-links.jsp
+++ /dev/null
@@ -1,35 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Haftung für Links" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Haftung für Links</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><strong class="s">Haftung für Links</strong></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
-    <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp
deleted file mode 100644
index 0c7cdc1f..00000000
--- a/src/main/webapp/WEB-INF/views/impressum.jsp
+++ /dev/null
@@ -1,54 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Impressum" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">Impressum</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Impressum</strong></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><a href="${base}urheberrechte.html" class="s">Urheberrechte</a></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p><em>Angaben gemäß § 5 TMG:</em></p>
-    <p>
-      Kai Moritz<br />
-      juplo.de<br />
-      Zumsandestr. 29a<br />
-      48145 Münster
-    </p>
-    <p>Telefon: +49 (0) 176 20 50 47 47</p>
-    <p>E-Mail: <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
-    <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE 23 500 84 56</p>
-    <p>Aufsichtsbehörde: Stadt Münster</p>
-    <!-- http://www.e-recht24.de/impressum-generator.html -->
-    <h1>Contact</h1>
-    <p>
-      More contact-information (Facebook, Google+, ...) can be found on the
-      <a href="${base}contact.html" title="Show all contact-informations">contact-page</a>.
-    </p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-  <t:putAttribute name="footer" type="string">
-    <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-    <li class="f"><strong class="f">Impressum</strong></li>
-    <li class="f about"><a class="f" href="${base}about.html">About</a></li>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
deleted file mode 100644
index 6e84c619..00000000
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ /dev/null
@@ -1,110 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="NOMENU">
-  <t:putAttribute name="title" value="Branding" type="string" cascade="true"/>
-  <t:putAttribute name="header">
-    <h1 id="logo"><strong class="l">juplo</strong></h1>
-  </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><strong class="b">Home</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="contentcontainer" type="string">
-    <div id="content" class="main">
-      <div class="pack bg cf">
-        <div class="p left">
-          <h2>hibernate4-maven-plugin</h2>
-          <p><strong>Lorem ipsum</strong> dolor <a href="${base}projects/typo.html">sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="${base}projects/html-experimente.html">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-        </div>
-        <div class="p right">
-          <h2>fix-swf</h2>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat.
-          </p>
-        </div>
-      </div>
-      <div class="single">
-        <h2>accelerator</h2>
-        <p>
-          Duis aute irure dolor in
-          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-          culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-      </div>
-      <div class="pack bg cf">
-        <div class="p right">
-          <h2>jquery.openx</h2>
-          <p>
-            Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-        <div class="p left">
-          <h2>Regex-Lab</h2>
-          <p>
-            Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-      <div class="pack cf">
-        <div class="p left">
-          <h2>jquery.openx</h2>
-          <p>
-            Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-        <div class="p right">
-          <h2>Regex-Lab</h2>
-          <p>
-            Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="string">
-    <aside class="m">
-      <div class="widget widget_recent_entries">
-        <h2 class="widgettitle">Recent Posts</h2>
-        <ul>
-          <li>
-            <a href="http://localhost/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
-          </li>
-          <li>
-            <a href="http://localhost/hibernate4-maven-plugin-1-0-3-released/" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
-          </li>
-          <li>
-            <a href="http://localhost/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
-          </li>
-          <li>
-            <a href="http://localhost/bidirectional-association-with-elementcollection/" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
-          </li>
-          <li>
-            <a href="http://localhost/hibernate4-maven-plugin-1-0-2-release/" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
-          </li>
-          <li>
-            <a href="http://localhost/hibernate4-maven-plugin-1-0-1-released/" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
-          </li>
-          <li>
-            <a href="http://localhost/hibernate4-maven-plugin-1-0-released/" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
-          </li>
-          <li>
-            <a href="http://localhost/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
-          </li>
-        </ul>
-      </div>
-    </aside>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects.jsp b/src/main/webapp/WEB-INF/views/projects.jsp
deleted file mode 100644
index 42108a08..00000000
--- a/src/main/webapp/WEB-INF/views/projects.jsp
+++ /dev/null
@@ -1,29 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Projects" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><strong class="b">Projects</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><strong class="m">Projects</strong></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Projects</strong></h2>
-    <ul id="submenu">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
deleted file mode 100644
index 66084a74..00000000
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
+++ /dev/null
@@ -1,42 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">Fix SWF</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <strong class="s">fix-swf</strong>
-        <ul class="s active">
-          <li class="s"><a href="${base}projects/fix-swf/overview.html" class="s">Overview</a></li>
-          <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" value="Nearly empty" type="string" cascade="true"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
deleted file mode 100644
index 687acf28..00000000
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
+++ /dev/null
@@ -1,42 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
-    <li class="b"><strong class="b">Getting Started</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
-        <ul class="s active">
-          <li class="s"><a href="${base}projects/fix-swf/overview.html" class="s">Overview</a></li>
-          <li class="s"><strong class="s">Getting Started</strong></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
deleted file mode 100644
index 4608efbe..00000000
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
+++ /dev/null
@@ -1,42 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Fix SWF - Overview" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
-    <li class="b"><strong class="b">Overview</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
-        <ul class="s active">
-          <li class="s"><strong class="s">Overview</strong></li>
-          <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
deleted file mode 100644
index 0ef6f2ba..00000000
--- a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
+++ /dev/null
@@ -1,34 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="HTML-Experimente" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template" cascade="true"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects/typo.jsp b/src/main/webapp/WEB-INF/views/projects/typo.jsp
deleted file mode 100644
index a551cefa..00000000
--- a/src/main/webapp/WEB-INF/views/projects/typo.jsp
+++ /dev/null
@@ -1,129 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Typo" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">Typography</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><strong class="s">Typography</strong></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
-      sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
-      magna aliqua. Ut enim ad minim veniam, quis nostrud
-      <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
-      <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
-      in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-      <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
-      sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h2>Ein Link <a href="#link">im Titel</a></h2>
-    <p>Ein Link <a href="#link">im Text</a>.</p>
-    <h2>Normal / Italic / Bold / Bold+Italic</h2>
-    <ul>
-      <li>normal</li>
-      <li><em>italic</em></li>
-      <li><strong>bold</strong></li>
-      <li><strong><em>bold italic</em></strong></li>
-    </ul>
-    <p>
-      ÄäÖöÜüß@€¢
-      <strong>ÄäÖöÜüß@€¢</strong>
-      <em>ÄäÖöÜüß@€¢</em>
-      <strong><em>ÄäÖöÜüß@€¢</em></strong>
-    </p>
-    <h1>H1: Heading</h1>
-    <h2>H2: Heading</h2>
-    <h3>H3: Heading</h3>
-    <h4>H4: Heading</h4>
-    <h1>H1: Heading</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h2>H2: Heading</h2>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h3>H3: Heading</h3>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h4>H4: Heading</h4>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h1>Preformatted code</h1>
-    <p>
-      <em>Juplo Branding</em> uses
-      <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
-      syntax highlighting.
-    </p>
-    <pre class="prettyprint linenums"><code class="language-xml">
-&lt;plugin&gt;
-  &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
-  &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
-  &lt;version&gt;${wro4j.version}&lt;/version&gt;
-  &lt;configuration&gt;
-    &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
-    &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
-  &lt;/configuration&gt;
-  &lt;executions&gt;
-    &lt;execution&gt;
-      &lt;phase&gt;package&lt;/phase&gt;
-      &lt;goals&gt;
-        &lt;goal&gt;run&lt;/goal&gt;
-      &lt;/goals&gt;
-    &lt;/execution&gt;
-  &lt;/executions&gt;
-&lt;/plugin&gt;
-</code></pre>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/references.jsp b/src/main/webapp/WEB-INF/views/references.jsp
deleted file mode 100644
index 33e2074d..00000000
--- a/src/main/webapp/WEB-INF/views/references.jsp
+++ /dev/null
@@ -1,37 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="References" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}about.html">About</a></li>
-    <li class="b"><strong class="b">References</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
-    <ul id="submenu">
-      <li class="s sub off"><a href="${base}expertise.html" class="s">Expertise</a></li>
-      <li class="s sub">
-        <strong class="s">References</strong>
-        <ul class="s active">
-          <li class="s sub"><span href="${base}references/coolibri.html" class="s">coolibri.de</span></li>
-          <li class="s"><span href="${base}references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</span></li>
-          <li class="s sub"><span href="${base}.html" class="s"></span></li>
-          <li class="s sub"><span href="${base}.html" class="s"></span></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="${base}contact.html" class="s">Contact</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" value="/WEB-INF/templates/wip.jsp" type="template" cascade="true"/>
-  <t:putAttribute name="marginalcontent" type="string" value=""/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp b/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
deleted file mode 100644
index fdccc393..00000000
--- a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
+++ /dev/null
@@ -1,21 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite ist nur das Basis-Layout eingebunden
-      (<code>/css/base.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp b/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
deleted file mode 100644
index 786c773c..00000000
--- a/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
+++ /dev/null
@@ -1,12 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Seite mit sehr langem Breadcrumb" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb" type="string">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}blog.html">Blog</a></li>
-    <li class="b"><strong class="b">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</strong></li>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/druck-layout.jsp b/src/main/webapp/WEB-INF/views/test/druck-layout.jsp
deleted file mode 100644
index 822333d0..00000000
--- a/src/main/webapp/WEB-INF/views/test/druck-layout.jsp
+++ /dev/null
@@ -1,23 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Die für den Ausdruck angepasste Ansicht" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="${base}css/print.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite ist nur das Basis-Layout eingebunden
-      (<code>/css/base.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-    <t:insertTemplate template="/WEB-INF/templates/maincontent.jsp"/>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/error.jsp b/src/main/webapp/WEB-INF/views/test/error.jsp
deleted file mode 100644
index 4bc0ebb7..00000000
--- a/src/main/webapp/WEB-INF/views/test/error.jsp
+++ /dev/null
@@ -1,10 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Diese Seite erzeugt einen Fehler!" type="string" cascade="true"/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <% Integer.parseInt("foo"); //throws an exception %>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
deleted file mode 100644
index 462f2078..00000000
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
+++ /dev/null
@@ -1,20 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite ohne Menü, aber mit Marginalinhalt" type="string" cascade="true"/>
-  <t:putAttribute name="contentclass" value="nomenu" type="string"/>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Diese Seite ist fast leer...</p>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
deleted file mode 100644
index 28a10a5a..00000000
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
+++ /dev/null
@@ -1,21 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite ohne Menü" type="string" cascade="true"/>
-  <t:putAttribute name="contentclass" value="nomenu" type="string"/>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Diese Seite ist fast leer...</p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" value="" type="string"/>
-</t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
deleted file mode 100644
index 742b17b1..00000000
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274-und-marginalinhalt.jsp"
+++ /dev/null
@@ -1,10 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite mit Menü und Marginalinhalt" type="string" cascade="true"/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Diese Seite ist fast leer...</p>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
deleted file mode 100644
index 9bfae154..00000000
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-mit-men\303\274.jsp"
+++ /dev/null
@@ -1,11 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Fast leere Seite mit Menü" type="string" cascade="true"/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Diese Seite ist fast leer...</p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" value="" type="string"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/formulare.jsp b/src/main/webapp/WEB-INF/views/test/formulare.jsp
deleted file mode 100644
index 12f487ec..00000000
--- a/src/main/webapp/WEB-INF/views/test/formulare.jsp
+++ /dev/null
@@ -1,257 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Formulare" type="string" cascade="true"/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <form class="form" action="#" method="get">
-      <h2 class="f">Anzeigetext</h2>
-      <div class="f textarea">
-        <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
-        <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
-        <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Textformatierung</h2>
-      <fieldset class="f radiobutton cf">
-        <legend class="f info">
-          Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
-          Online erscheint die Anzeige als normaler Fließtext.
-        </legend>
-        <hr class="f" />
-        <div class="col2">
-          <div class="f">
-            <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_01">normaler Fließtext</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_02">Text zentriert</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_04">Text fett</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_05">Text fett und rot</label>
-          </div>
-        </div>
-        <div class="col2">
-          <div class="f">
-            <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
-          </div>
-        </div>
-      </fieldset>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Einspaltige Radiobuttons...</h2>
-      <fieldset class="f radiobutton">
-        <div class="f">
-          <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
-        </div>
-        <div class="f">
-          <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b02">Option X</label>
-        </div>
-        <div class="f">
-          <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
-        </div>
-      </fieldset>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; zur Übersicht" />
-        <input class="f left" type="submit" value="&lt; zurück" />
-        <input class="f" type="submit" value="&gt; weiter" />
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Bild</h2>
-      <fieldset class="f checkbox">
-        <legend class="f">
-          Du kannst Deiner Anzeige ein Bild hinzufügen.
-          Das Bild erscheint nur online.
-          Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
-        </legend>
-        <hr class="f" />
-        <div class="f">
-          <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
-          <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
-        </div>
-        <div class="f">
-          <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
-          <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
-        </div>
-      </fieldset>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Alleinstehende Checkbox</h2>
-      <div class="f checkbox">
-        <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
-        <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Kundendaten</h2>
-      <p class="f required">
-        <strong class="r">Pflichtfelder</strong> sind mit einem
-        <strong class="r symbol">*</strong> markiert.
-      </p>
-      <div class="f text required">
-        <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
-        <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_02" class="f">Vorname</label>
-        <input class="f" id="text_tbox_02" type="text" value="Max" />
-      </div>
-      <div class="f select required">
-        <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
-        <select class="f" id="text_tbox_03">
-          <option>Dortmund</option>
-          <option>Bochum</option>
-          <option>Essen</option>
-          <option>Mönchengladbach</option>
-          <option>Oberhausen</option>
-          <option>Castrop-Rauxel</option>
-          <option>Düsseldorf</option>
-        </select>
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
-        <input class="f error" id="text_tbox_04" type="text" value="" />
-        <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
-        <input class="f" id="text_tbox_05" type="text" value="" />
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_06" class="f">Telefon</label>
-        <input class="f" id="text_tbox_06" type="text" value="" />
-      </div>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; weiter" />
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Anzeige regionalisieren</h2>
-      <p class="f">
-        Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
-        diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
-        bestimmten Städten suchen.
-        Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
-        diesen Interessenten aber auch nicht gefunden.
-      </p>
-      <hr class="f" />
-      <div class="f text">
-        <label class="f" for="city">Stadt</label>
-        <input id="city" type="text" class="f" />
-        <p class="f info">
-          Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
-        </p>
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
-      <div class="f text required">
-        <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
-        <input class="f" id="text_tbox_05" type="password" value="t" />
-      </div>
-    </form>
-    <form class="form" action="#" method="get">
-      <h2 class="f">Lade das Bild hoch</h2>
-      <p class="f info">
-        Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
-        Das Bild darf nicht größer als 8 MByte sein.
-      </p>
-      <div class="f file required">
-        <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
-        <input class="f" id="file_tbox_01" type="file" />
-      </div>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; Doch kein Bild" />
-        <input class="f" type="submit" value="&gt; Bild hochladen" />
-      </div>
-    </form>
-    <div class="form">
-      <h2 class="f">Antworten</h2>
-      <p class="f required">
-        <strong class="r">Pflichtfelder</strong> sind mit einem
-        <strong class="r symbol">*</strong> markiert.
-      </p>
-      <div class="f text required">
-        <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
-        <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
-      </div>
-      <div class="f text required">
-        <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
-        <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
-      </div>
-      <div class="f text required">
-        <label class="f" for="subject"><span class="required">*</span> Betreff</label>
-        <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
-      </div>
-      <div class="f textarea required">
-        <label class="f" for="text"><span class="required">*</span> Nachricht</label>
-        <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
-      </div>
-      <div class="f checkbox">
-        <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
-        <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
-      </div>
-      <div class="f checkbox">
-        <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
-        <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
-      </div>
-    </div>
-    <div class="form cf">
-      <div class="col2 left">
-        <h2 class="f">Weiter mit Anmeldung</h2>
-        <div class="f text">
-          <label class="f" for="username">Benutzername</label>
-          <input class="f" name="username" id="username" type="text" tabindex="6" />
-        </div>
-        <div class="f text">
-          <label class="f" for="password">Passwort</label>
-          <input class="f" name="password" id="password" type="password" tabindex="7" />
-        </div>
-      </div>
-      <div class="col2 right">
-        <h2 class="f">Weiter ohne Anmeldung</h2>
-        <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
-        <div class="f captcha cf">
-          <span class="f">Was steht da?</span>
-          <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
-        </div>
-        <div class="f text">
-          <label class="f" for="captcha">Lösung</label>
-          <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
-        </div>
-      </div>
-    </div>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/kein-layout.jsp b/src/main/webapp/WEB-INF/views/test/kein-layout.jsp
deleted file mode 100644
index dca3c266..00000000
--- a/src/main/webapp/WEB-INF/views/test/kein-layout.jsp
+++ /dev/null
@@ -1,18 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string" value=""/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite ist nur das Basis-Layout eingebunden
-      (<code>/css/base.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/phone.jsp b/src/main/webapp/WEB-INF/views/test/phone.jsp
deleted file mode 100644
index 436a727d..00000000
--- a/src/main/webapp/WEB-INF/views/test/phone.jsp
+++ /dev/null
@@ -1,22 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für Smartphones" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="${base}css/phone.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      Diese Seite bindet alle Styles ein, die für Smartphones eingebunden
-      werden (<code>/css/base.css</code> und <code>/css/phone.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp b/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
deleted file mode 100644
index 7ee9a510..00000000
--- a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
+++ /dev/null
@@ -1,23 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout und die Seitenaufteilung" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="/css/seitenaufteilung.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
-      und die Seitenaufteilung (<code>/less/screen/layout.less</code>)
-      eingebunden.
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp b/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
deleted file mode 100644
index ec76d757..00000000
--- a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
+++ /dev/null
@@ -1,23 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Nur das Basis-Layout und der Seitenkopf" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="/css/seitenkopf.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
-      und der Seitenkopf (<code>/less/screen/head.less</code>)
-      eingebunden.
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/symbole.jsp b/src/main/webapp/WEB-INF/views/test/symbole.jsp
deleted file mode 100644
index 3dd15715..00000000
--- a/src/main/webapp/WEB-INF/views/test/symbole.jsp
+++ /dev/null
@@ -1,404 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Symbol-Font" type="string" cascade="true"/>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <h2>100%</h2>
-    <div class="symbols">
-      <span class="e600">&#xe600;</span>
-      <span class="e601">&#xe601;</span>
-      <span class="e602">&#xe602;</span>
-      <span class="e603">&#xe603;</span>
-      <span class="e604">&#xe604;</span>
-      <span class="e605">&#xe605;</span>
-      <span class="e606">&#xe606;</span>
-      <span class="e607">&#xe607;</span>
-      <span class="e608">&#xe608;</span>
-      <span class="e609">&#xe609;</span>
-      <span class="e60a">&#xe60a;</span>
-      <span class="e60b">&#xe60b;</span>
-      <span class="e60c">&#xe60c;</span>
-      <span class="e60d">&#xe60d;</span>
-      <span class="e60e">&#xe60e;</span>
-      <span class="e60f">&#xe60f;</span>
-      <span class="e610">&#xe610;</span>
-      <span class="e611">&#xe611;</span>
-      <span class="e612">&#xe612;</span>
-      <span class="e613">&#xe613;</span>
-      <span class="e614">&#xe614;</span>
-      <span class="e615">&#xe615;</span>
-      <span class="e616">&#xe616;</span>
-      <span class="e617">&#xe617;</span>
-      <span class="e618">&#xe618;</span>
-      <span class="e619">&#xe619;</span>
-      <span class="e61a">&#xe61a;</span>
-      <span class="e61b">&#xe61b;</span>
-      <span class="e61c">&#xe61c;</span>
-      <span class="e61d">&#xe61d;</span>
-      <span class="e61e">&#xe61e;</span>
-      <span class="e61f">&#xe61f;</span>
-      <span class="e620">&#xe620;</span>
-      <span class="e621">&#xe621;</span>
-      <span class="e622">&#xe622;</span>
-      <span class="e623">&#xe623;</span>
-      <span class="e624">&#xe624;</span>
-      <span class="e625">&#xe625;</span>
-      <span class="e626">&#xe626;</span>
-      <span class="e627">&#xe627;</span>
-      <span class="e628">&#xe628;</span>
-      <span class="e629">&#xe629;</span>
-      <span class="e62a">&#xe62a;</span>
-      <span class="e62b">&#xe62b;</span>
-      <span class="e62c">&#xe62c;</span>
-      <span class="e62d">&#xe62d;</span>
-      <span class="e62e">&#xe62e;</span>
-      <span class="e62f">&#xe62f;</span>
-      <span class="e630">&#xe630;</span>
-      <span class="e631">&#xe631;</span>
-      <span class="e632">&#xe632;</span>
-      <span class="e633">&#xe633;</span>
-      <span class="e634">&#xe634;</span>
-      <span class="e635">&#xe635;</span>
-      <span class="e636">&#xe636;</span>
-      <span class="e637">&#xe637;</span>
-      <span class="e638">&#xe638;</span>
-      <span class="e639">&#xe639;</span>
-      <span class="e63a">&#xe63a;</span>
-      <span class="e63b">&#xe63b;</span>
-      <span class="e63c">&#xe63c;</span>
-      <span class="e63d">&#xe63d;</span>
-      <span class="e63e">&#xe63e;</span>
-      <span class="e63f">&#xe63f;</span>
-      <span class="e640">&#xe640;</span>
-      <span class="e641">&#xe641;</span>
-      <span class="e642">&#xe642;</span>
-      <span class="e643">&#xe643;</span>
-      <span class="e644">&#xe644;</span>
-      <span class="e645">&#xe645;</span>
-      <span class="e646">&#xe646;</span>
-      <span class="e647">&#xe647;</span>
-      <span class="e648">&#xe648;</span>
-      <span class="e649">&#xe649;</span>
-      <span class="e64a">&#xe64a;</span>
-      <span class="e64b">&#xe64b;</span>
-    </div>
-    <h2>200%</h2>
-    <div class="symbols" style="font-size: 200%; line-height: 1.5em">
-      <span class="e600">&#xe600;</span>
-      <span class="e601">&#xe601;</span>
-      <span class="e602">&#xe602;</span>
-      <span class="e603">&#xe603;</span>
-      <span class="e604">&#xe604;</span>
-      <span class="e605">&#xe605;</span>
-      <span class="e606">&#xe606;</span>
-      <span class="e607">&#xe607;</span>
-      <span class="e608">&#xe608;</span>
-      <span class="e609">&#xe609;</span>
-      <span class="e60a">&#xe60a;</span>
-      <span class="e60b">&#xe60b;</span>
-      <span class="e60c">&#xe60c;</span>
-      <span class="e60d">&#xe60d;</span>
-      <span class="e60e">&#xe60e;</span>
-      <span class="e60f">&#xe60f;</span>
-      <span class="e610">&#xe610;</span>
-      <span class="e611">&#xe611;</span>
-      <span class="e612">&#xe612;</span>
-      <span class="e613">&#xe613;</span>
-      <span class="e614">&#xe614;</span>
-      <span class="e615">&#xe615;</span>
-      <span class="e616">&#xe616;</span>
-      <span class="e617">&#xe617;</span>
-      <span class="e618">&#xe618;</span>
-      <span class="e619">&#xe619;</span>
-      <span class="e61a">&#xe61a;</span>
-      <span class="e61b">&#xe61b;</span>
-      <span class="e61c">&#xe61c;</span>
-      <span class="e61d">&#xe61d;</span>
-      <span class="e61e">&#xe61e;</span>
-      <span class="e61f">&#xe61f;</span>
-      <span class="e620">&#xe620;</span>
-      <span class="e621">&#xe621;</span>
-      <span class="e622">&#xe622;</span>
-      <span class="e623">&#xe623;</span>
-      <span class="e624">&#xe624;</span>
-      <span class="e625">&#xe625;</span>
-      <span class="e626">&#xe626;</span>
-      <span class="e627">&#xe627;</span>
-      <span class="e628">&#xe628;</span>
-      <span class="e629">&#xe629;</span>
-      <span class="e62a">&#xe62a;</span>
-      <span class="e62b">&#xe62b;</span>
-      <span class="e62c">&#xe62c;</span>
-      <span class="e62d">&#xe62d;</span>
-      <span class="e62e">&#xe62e;</span>
-      <span class="e62f">&#xe62f;</span>
-      <span class="e630">&#xe630;</span>
-      <span class="e631">&#xe631;</span>
-      <span class="e632">&#xe632;</span>
-      <span class="e633">&#xe633;</span>
-      <span class="e634">&#xe634;</span>
-      <span class="e635">&#xe635;</span>
-      <span class="e636">&#xe636;</span>
-      <span class="e637">&#xe637;</span>
-      <span class="e638">&#xe638;</span>
-      <span class="e639">&#xe639;</span>
-      <span class="e63a">&#xe63a;</span>
-      <span class="e63b">&#xe63b;</span>
-      <span class="e63c">&#xe63c;</span>
-      <span class="e63d">&#xe63d;</span>
-      <span class="e63e">&#xe63e;</span>
-      <span class="e63f">&#xe63f;</span>
-      <span class="e640">&#xe640;</span>
-      <span class="e641">&#xe641;</span>
-      <span class="e642">&#xe642;</span>
-      <span class="e643">&#xe643;</span>
-      <span class="e644">&#xe644;</span>
-      <span class="e645">&#xe645;</span>
-      <span class="e646">&#xe646;</span>
-      <span class="e647">&#xe647;</span>
-      <span class="e648">&#xe648;</span>
-      <span class="e649">&#xe649;</span>
-      <span class="e64a">&#xe64a;</span>
-      <span class="e64b">&#xe64b;</span>
-    </div>
-    <h2>300%</h2>
-    <div class="symbols" style="font-size: 300%; line-height: 1.5em">
-      <span class="e600">&#xe600;</span>
-      <span class="e601">&#xe601;</span>
-      <span class="e602">&#xe602;</span>
-      <span class="e603">&#xe603;</span>
-      <span class="e604">&#xe604;</span>
-      <span class="e605">&#xe605;</span>
-      <span class="e606">&#xe606;</span>
-      <span class="e607">&#xe607;</span>
-      <span class="e608">&#xe608;</span>
-      <span class="e609">&#xe609;</span>
-      <span class="e60a">&#xe60a;</span>
-      <span class="e60b">&#xe60b;</span>
-      <span class="e60c">&#xe60c;</span>
-      <span class="e60d">&#xe60d;</span>
-      <span class="e60e">&#xe60e;</span>
-      <span class="e60f">&#xe60f;</span>
-      <span class="e610">&#xe610;</span>
-      <span class="e611">&#xe611;</span>
-      <span class="e612">&#xe612;</span>
-      <span class="e613">&#xe613;</span>
-      <span class="e614">&#xe614;</span>
-      <span class="e615">&#xe615;</span>
-      <span class="e616">&#xe616;</span>
-      <span class="e617">&#xe617;</span>
-      <span class="e618">&#xe618;</span>
-      <span class="e619">&#xe619;</span>
-      <span class="e61a">&#xe61a;</span>
-      <span class="e61b">&#xe61b;</span>
-      <span class="e61c">&#xe61c;</span>
-      <span class="e61d">&#xe61d;</span>
-      <span class="e61e">&#xe61e;</span>
-      <span class="e61f">&#xe61f;</span>
-      <span class="e620">&#xe620;</span>
-      <span class="e621">&#xe621;</span>
-      <span class="e622">&#xe622;</span>
-      <span class="e623">&#xe623;</span>
-      <span class="e624">&#xe624;</span>
-      <span class="e625">&#xe625;</span>
-      <span class="e626">&#xe626;</span>
-      <span class="e627">&#xe627;</span>
-      <span class="e628">&#xe628;</span>
-      <span class="e629">&#xe629;</span>
-      <span class="e62a">&#xe62a;</span>
-      <span class="e62b">&#xe62b;</span>
-      <span class="e62c">&#xe62c;</span>
-      <span class="e62d">&#xe62d;</span>
-      <span class="e62e">&#xe62e;</span>
-      <span class="e62f">&#xe62f;</span>
-      <span class="e630">&#xe630;</span>
-      <span class="e631">&#xe631;</span>
-      <span class="e632">&#xe632;</span>
-      <span class="e633">&#xe633;</span>
-      <span class="e634">&#xe634;</span>
-      <span class="e635">&#xe635;</span>
-      <span class="e636">&#xe636;</span>
-      <span class="e637">&#xe637;</span>
-      <span class="e638">&#xe638;</span>
-      <span class="e639">&#xe639;</span>
-      <span class="e63a">&#xe63a;</span>
-      <span class="e63b">&#xe63b;</span>
-      <span class="e63c">&#xe63c;</span>
-      <span class="e63d">&#xe63d;</span>
-      <span class="e63e">&#xe63e;</span>
-      <span class="e63f">&#xe63f;</span>
-      <span class="e640">&#xe640;</span>
-      <span class="e641">&#xe641;</span>
-      <span class="e642">&#xe642;</span>
-      <span class="e643">&#xe643;</span>
-      <span class="e644">&#xe644;</span>
-      <span class="e645">&#xe645;</span>
-      <span class="e646">&#xe646;</span>
-      <span class="e647">&#xe647;</span>
-      <span class="e648">&#xe648;</span>
-      <span class="e649">&#xe649;</span>
-      <span class="e64a">&#xe64a;</span>
-      <span class="e64b">&#xe64b;</span>
-    </div>
-    <h2>400%</h2>
-    <div class="symbols" style="font-size: 400%; line-height: 1.5em">
-      <span class="e600">&#xe600;</span>
-      <span class="e601">&#xe601;</span>
-      <span class="e602">&#xe602;</span>
-      <span class="e603">&#xe603;</span>
-      <span class="e604">&#xe604;</span>
-      <span class="e605">&#xe605;</span>
-      <span class="e606">&#xe606;</span>
-      <span class="e607">&#xe607;</span>
-      <span class="e608">&#xe608;</span>
-      <span class="e609">&#xe609;</span>
-      <span class="e60a">&#xe60a;</span>
-      <span class="e60b">&#xe60b;</span>
-      <span class="e60c">&#xe60c;</span>
-      <span class="e60d">&#xe60d;</span>
-      <span class="e60e">&#xe60e;</span>
-      <span class="e60f">&#xe60f;</span>
-      <span class="e610">&#xe610;</span>
-      <span class="e611">&#xe611;</span>
-      <span class="e612">&#xe612;</span>
-      <span class="e613">&#xe613;</span>
-      <span class="e614">&#xe614;</span>
-      <span class="e615">&#xe615;</span>
-      <span class="e616">&#xe616;</span>
-      <span class="e617">&#xe617;</span>
-      <span class="e618">&#xe618;</span>
-      <span class="e619">&#xe619;</span>
-      <span class="e61a">&#xe61a;</span>
-      <span class="e61b">&#xe61b;</span>
-      <span class="e61c">&#xe61c;</span>
-      <span class="e61d">&#xe61d;</span>
-      <span class="e61e">&#xe61e;</span>
-      <span class="e61f">&#xe61f;</span>
-      <span class="e620">&#xe620;</span>
-      <span class="e621">&#xe621;</span>
-      <span class="e622">&#xe622;</span>
-      <span class="e623">&#xe623;</span>
-      <span class="e624">&#xe624;</span>
-      <span class="e625">&#xe625;</span>
-      <span class="e626">&#xe626;</span>
-      <span class="e627">&#xe627;</span>
-      <span class="e628">&#xe628;</span>
-      <span class="e629">&#xe629;</span>
-      <span class="e62a">&#xe62a;</span>
-      <span class="e62b">&#xe62b;</span>
-      <span class="e62c">&#xe62c;</span>
-      <span class="e62d">&#xe62d;</span>
-      <span class="e62e">&#xe62e;</span>
-      <span class="e62f">&#xe62f;</span>
-      <span class="e630">&#xe630;</span>
-      <span class="e631">&#xe631;</span>
-      <span class="e632">&#xe632;</span>
-      <span class="e633">&#xe633;</span>
-      <span class="e634">&#xe634;</span>
-      <span class="e635">&#xe635;</span>
-      <span class="e636">&#xe636;</span>
-      <span class="e637">&#xe637;</span>
-      <span class="e638">&#xe638;</span>
-      <span class="e639">&#xe639;</span>
-      <span class="e63a">&#xe63a;</span>
-      <span class="e63b">&#xe63b;</span>
-      <span class="e63c">&#xe63c;</span>
-      <span class="e63d">&#xe63d;</span>
-      <span class="e63e">&#xe63e;</span>
-      <span class="e63f">&#xe63f;</span>
-      <span class="e640">&#xe640;</span>
-      <span class="e641">&#xe641;</span>
-      <span class="e642">&#xe642;</span>
-      <span class="e643">&#xe643;</span>
-      <span class="e644">&#xe644;</span>
-      <span class="e645">&#xe645;</span>
-      <span class="e646">&#xe646;</span>
-      <span class="e647">&#xe647;</span>
-      <span class="e648">&#xe648;</span>
-      <span class="e649">&#xe649;</span>
-      <span class="e64a">&#xe64a;</span>
-      <span class="e64b">&#xe64b;</span>
-    </div>
-    <h2>500%</h2>
-    <div class="symbols" style="font-size: 500%; line-height: 1.5em">
-      <span class="e600">&#xe600;</span>
-      <span class="e601">&#xe601;</span>
-      <span class="e602">&#xe602;</span>
-      <span class="e603">&#xe603;</span>
-      <span class="e604">&#xe604;</span>
-      <span class="e605">&#xe605;</span>
-      <span class="e606">&#xe606;</span>
-      <span class="e607">&#xe607;</span>
-      <span class="e608">&#xe608;</span>
-      <span class="e609">&#xe609;</span>
-      <span class="e60a">&#xe60a;</span>
-      <span class="e60b">&#xe60b;</span>
-      <span class="e60c">&#xe60c;</span>
-      <span class="e60d">&#xe60d;</span>
-      <span class="e60e">&#xe60e;</span>
-      <span class="e60f">&#xe60f;</span>
-      <span class="e610">&#xe610;</span>
-      <span class="e611">&#xe611;</span>
-      <span class="e612">&#xe612;</span>
-      <span class="e613">&#xe613;</span>
-      <span class="e614">&#xe614;</span>
-      <span class="e615">&#xe615;</span>
-      <span class="e616">&#xe616;</span>
-      <span class="e617">&#xe617;</span>
-      <span class="e618">&#xe618;</span>
-      <span class="e619">&#xe619;</span>
-      <span class="e61a">&#xe61a;</span>
-      <span class="e61b">&#xe61b;</span>
-      <span class="e61c">&#xe61c;</span>
-      <span class="e61d">&#xe61d;</span>
-      <span class="e61e">&#xe61e;</span>
-      <span class="e61f">&#xe61f;</span>
-      <span class="e620">&#xe620;</span>
-      <span class="e621">&#xe621;</span>
-      <span class="e622">&#xe622;</span>
-      <span class="e623">&#xe623;</span>
-      <span class="e624">&#xe624;</span>
-      <span class="e625">&#xe625;</span>
-      <span class="e626">&#xe626;</span>
-      <span class="e627">&#xe627;</span>
-      <span class="e628">&#xe628;</span>
-      <span class="e629">&#xe629;</span>
-      <span class="e62a">&#xe62a;</span>
-      <span class="e62b">&#xe62b;</span>
-      <span class="e62c">&#xe62c;</span>
-      <span class="e62d">&#xe62d;</span>
-      <span class="e62e">&#xe62e;</span>
-      <span class="e62f">&#xe62f;</span>
-      <span class="e630">&#xe630;</span>
-      <span class="e631">&#xe631;</span>
-      <span class="e632">&#xe632;</span>
-      <span class="e633">&#xe633;</span>
-      <span class="e634">&#xe634;</span>
-      <span class="e635">&#xe635;</span>
-      <span class="e636">&#xe636;</span>
-      <span class="e637">&#xe637;</span>
-      <span class="e638">&#xe638;</span>
-      <span class="e639">&#xe639;</span>
-      <span class="e63a">&#xe63a;</span>
-      <span class="e63b">&#xe63b;</span>
-      <span class="e63c">&#xe63c;</span>
-      <span class="e63d">&#xe63d;</span>
-      <span class="e63e">&#xe63e;</span>
-      <span class="e63f">&#xe63f;</span>
-      <span class="e640">&#xe640;</span>
-      <span class="e641">&#xe641;</span>
-      <span class="e642">&#xe642;</span>
-      <span class="e643">&#xe643;</span>
-      <span class="e644">&#xe644;</span>
-      <span class="e645">&#xe645;</span>
-      <span class="e646">&#xe646;</span>
-      <span class="e647">&#xe647;</span>
-      <span class="e648">&#xe648;</span>
-      <span class="e649">&#xe649;</span>
-      <span class="e64a">&#xe64a;</span>
-      <span class="e64b">&#xe64b;</span>
-    </div>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/tablet.jsp b/src/main/webapp/WEB-INF/views/test/tablet.jsp
deleted file mode 100644
index 901cb4bb..00000000
--- a/src/main/webapp/WEB-INF/views/test/tablet.jsp
+++ /dev/null
@@ -1,22 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für Tablets" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="${base}css/tablet.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      Diese Seite bindet alle Styles ein, die für Tablets eingebunden
-      werden (<code>/css/base.css</code> und <code>/css/tablet.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/testlab.jsp b/src/main/webapp/WEB-INF/views/test/testlab.jsp
deleted file mode 100644
index 252f2595..00000000
--- a/src/main/webapp/WEB-INF/views/test/testlab.jsp
+++ /dev/null
@@ -1,257 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="TESTLAB">
-  <t:putAttribute name="title" value="Formulare" type="string" cascade="true"/>
-  <t:putAttribute name="content">
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Anzeigetext</h2>
-      <div class="f textarea">
-        <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
-        <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
-        <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Textformatierung</h2>
-      <fieldset class="f radiobutton cf">
-        <legend class="f info">
-          Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
-          Online erscheint die Anzeige als normaler Fließtext.
-        </legend>
-        <hr class="f" />
-        <div class="col2">
-          <div class="f">
-            <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_01">normaler Fließtext</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_02">Text zentriert</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_04">Text fett</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_05">Text fett und rot</label>
-          </div>
-        </div>
-        <div class="col2">
-          <div class="f">
-            <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
-          </div>
-          <div class="f">
-            <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
-            <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
-          </div>
-        </div>
-      </fieldset>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Einspaltige Radiobuttons...</h2>
-      <fieldset class="f radiobutton">
-        <div class="f">
-          <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
-        </div>
-        <div class="f">
-          <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b02">Option X</label>
-        </div>
-        <div class="f">
-          <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
-          <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
-        </div>
-      </fieldset>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; zur Übersicht" />
-        <input class="f left" type="submit" value="&lt; zurück" />
-        <input class="f" type="submit" value="&gt; weiter" />
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Bild</h2>
-      <fieldset class="f checkbox">
-        <legend class="f">
-          Du kannst Deiner Anzeige ein Bild hinzufügen.
-          Das Bild erscheint nur online.
-          Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
-        </legend>
-        <hr class="f" />
-        <div class="f">
-          <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
-          <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
-        </div>
-        <div class="f">
-          <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
-          <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
-        </div>
-      </fieldset>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Alleinstehende Checkbox</h2>
-      <div class="f checkbox">
-        <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
-        <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Kundendaten</h2>
-      <p class="f required">
-        <strong class="r">Pflichtfelder</strong> sind mit einem
-        <strong class="r symbol">*</strong> markiert.
-      </p>
-      <div class="f text required">
-        <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
-        <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_02" class="f">Vorname</label>
-        <input class="f" id="text_tbox_02" type="text" value="Max" />
-      </div>
-      <div class="f select required">
-        <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
-        <select class="f" id="text_tbox_03">
-          <option>Dortmund</option>
-          <option>Bochum</option>
-          <option>Essen</option>
-          <option>Mönchengladbach</option>
-          <option>Oberhausen</option>
-          <option>Castrop-Rauxel</option>
-          <option>Düsseldorf</option>
-        </select>
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
-        <input class="f error" id="text_tbox_04" type="text" value="" />
-        <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
-        <input class="f" id="text_tbox_05" type="text" value="" />
-      </div>
-      <div class="f text required">
-        <label for="text_tbox_06" class="f">Telefon</label>
-        <input class="f" id="text_tbox_06" type="text" value="" />
-      </div>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; weiter" />
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Anzeige regionalisieren</h2>
-      <p class="f">
-        Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
-        diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
-        bestimmten Städten suchen.
-        Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
-        diesen Interessenten aber auch nicht gefunden.
-      </p>
-      <hr class="f" />
-      <div class="f text">
-        <label class="f" for="city">Stadt</label>
-        <input id="city" type="text" class="f" />
-        <p class="f info">
-          Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
-        </p>
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
-      <div class="f text required">
-        <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
-        <input class="f" id="text_tbox_05" type="password" value="t" />
-      </div>
-    </form>
-    <form class="testlab form" action="#" method="get">
-      <h2 class="f">Lade das Bild hoch</h2>
-      <p class="f info">
-        Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
-        Das Bild darf nicht größer als 8 MByte sein.
-      </p>
-      <div class="f file required">
-        <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
-        <input class="f" id="file_tbox_01" type="file" />
-      </div>
-      <hr class="f" />
-      <div class="f submit">
-        <input class="f" type="submit" value="&gt; Doch kein Bild" />
-        <input class="f" type="submit" value="&gt; Bild hochladen" />
-      </div>
-    </form>
-    <div class="testlab form">
-      <h2 class="f">Antworten</h2>
-      <p class="f required">
-        <strong class="r">Pflichtfelder</strong> sind mit einem
-        <strong class="r symbol">*</strong> markiert.
-      </p>
-      <div class="f text required">
-        <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
-        <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
-      </div>
-      <div class="f text required">
-        <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
-        <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
-      </div>
-      <div class="f text required">
-        <label class="f" for="subject"><span class="required">*</span> Betreff</label>
-        <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
-      </div>
-      <div class="f textarea required">
-        <label class="f" for="text"><span class="required">*</span> Nachricht</label>
-        <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
-      </div>
-      <div class="f checkbox">
-        <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
-        <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
-      </div>
-      <div class="f checkbox">
-        <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
-        <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
-      </div>
-    </div>
-    <div class="testlab form cf">
-      <div class="col2 left">
-        <h2 class="f">Weiter mit Anmeldung</h2>
-        <div class="f text">
-          <label class="f" for="username">Benutzername</label>
-          <input class="f" name="username" id="username" type="text" tabindex="6" />
-        </div>
-        <div class="f text">
-          <label class="f" for="password">Passwort</label>
-          <input class="f" name="password" id="password" type="password" tabindex="7" />
-        </div>
-      </div>
-      <div class="col2 right">
-        <h2 class="f">Weiter ohne Anmeldung</h2>
-        <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
-        <div class="f captcha cf">
-          <span class="f">Was steht da?</span>
-          <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
-        </div>
-        <div class="f text">
-          <label class="f" for="captcha">Lösung</label>
-          <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
-        </div>
-      </div>
-    </div>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/tiny.jsp b/src/main/webapp/WEB-INF/views/test/tiny.jsp
deleted file mode 100644
index 0d21cddd..00000000
--- a/src/main/webapp/WEB-INF/views/test/tiny.jsp
+++ /dev/null
@@ -1,23 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="test">
-  <t:putAttribute name="title" value="Layout für sehr kleine Bildschirmgrößen" type="string" cascade="true"/>
-  <t:putAttribute name="htmlhead" type="string">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
-    <link rel="stylesheet" type="text/css" href="${base}css/tiny.css" />
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>
-      In diese Seite bindet alle Styles ein, die für sehr kleine
-      Bildschirmgrößen eingebunden werden (<code>/css/base.css</code> und
-      <code>/css/tiny.css</code>).
-    </p>
-    <section>
-      <h1>Weitere Experimente</h1>
-      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
-    </section>
-  </t:putAttribute>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/tiles.jsp b/src/main/webapp/WEB-INF/views/tiles.jsp
deleted file mode 100644
index cee460f7..00000000
--- a/src/main/webapp/WEB-INF/views/tiles.jsp
+++ /dev/null
@@ -1,5 +0,0 @@
-<%@page contentType="text/html" pageEncoding="UTF-8" session="false"%>
-<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
-<c:forEach begin="1" end="10">
-Hello World!<br/>
-</c:forEach>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/urheberrechte.jsp b/src/main/webapp/WEB-INF/views/urheberrechte.jsp
deleted file mode 100644
index ac50b654..00000000
--- a/src/main/webapp/WEB-INF/views/urheberrechte.jsp
+++ /dev/null
@@ -1,35 +0,0 @@
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="Urheberrechte" type="string" cascade="true"/>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a href="${base}impressum.html" class="b">Impressum</a></li>
-    <li class="b"><strong class="b">Urheberrechte</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu" class="s active cf">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
-      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-    </ul>
-    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}impressum.html" class="s selected">Impressum</a></h2>
-    <ul id="submenu">
-      <li class="s"><a href="${base}agb.html" class="s">AGB</a></li>
-      <li class="s"><a href="${base}haftung-inhalte.html" class="s">Haftung für Inhalte</a></li>
-      <li class="s"><a href="${base}haftung-links.html" class="s">Haftung für Links</a></li>
-      <li class="s"><strong class="s">Urheberrechte</strong></li>
-      <li class="s"><a href="${base}datenschutz.html" class="s">Datenschutz</a></li>
-      <li class="s"><a href="${base}google-analytics.html" class="s">Google Analytics</a></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" cascade="true">
-    <p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
-    <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
-  </t:putAttribute>
-  <t:putAttribute name="marginalcontent" type="template" value="/WEB-INF/templates/about.jsp"/>
-</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml
index 289983bb..a204d6b3 100644
--- a/src/main/webapp/WEB-INF/web.xml
+++ b/src/main/webapp/WEB-INF/web.xml
@@ -41,19 +41,6 @@
   </filter-mapping>
 
 
-  <!-- Fix a logic-bug in the colaboration of Thymeleaf and Tiles -->
-
-  <filter>
-    <filter-name>forceIncludeFilter</filter-name>
-    <filter-class>de.juplo.branding.web.ForceIncludeFilter</filter-class>
-  </filter>
-
-  <filter-mapping>
-    <filter-name>forceIncludeFilter</filter-name>
-    <url-pattern>*.html</url-pattern>
-  </filter-mapping>
-
-
   <!-- Handles all requests into the application -->
 
   <servlet>
diff --git a/src/main/webapp/js/less-1.5.1.js b/src/main/webapp/js/less-1.5.1.js
deleted file mode 100644
index dfff28a4..00000000
--- a/src/main/webapp/js/less-1.5.1.js
+++ /dev/null
@@ -1,6941 +0,0 @@
-/*! 
- * LESS - Leaner CSS v1.5.1 
- * http://lesscss.org 
- * 
- * Copyright (c) 2009-2013, Alexis Sellier <self@cloudhead.net> 
- * Licensed under the Apache v2 License. 
- * 
- * @licence 
- */ 
-
-
-
-(function (window, undefined) {//
-// Stub out `require` in the browser
-//
-function require(arg) {
-    return window.less[arg.split('/')[1]];
-};
-
-
-if (typeof(window.less) === 'undefined' || typeof(window.less.nodeType) !== 'undefined') { window.less = {}; }
-less = window.less;
-tree = window.less.tree = {};
-less.mode = 'browser';
-
-var less, tree;
-
-// Node.js does not have a header file added which defines less
-if (less === undefined) {
-    less = exports;
-    tree = require('./tree');
-    less.mode = 'node';
-}
-//
-// less.js - parser
-//
-//    A relatively straight-forward predictive parser.
-//    There is no tokenization/lexing stage, the input is parsed
-//    in one sweep.
-//
-//    To make the parser fast enough to run in the browser, several
-//    optimization had to be made:
-//
-//    - Matching and slicing on a huge input is often cause of slowdowns.
-//      The solution is to chunkify the input into smaller strings.
-//      The chunks are stored in the `chunks` var,
-//      `j` holds the current chunk index, and `current` holds
-//      the index of the current chunk in relation to `input`.
-//      This gives us an almost 4x speed-up.
-//
-//    - In many cases, we don't need to match individual tokens;
-//      for example, if a value doesn't hold any variables, operations
-//      or dynamic references, the parser can effectively 'skip' it,
-//      treating it as a literal.
-//      An example would be '1px solid #000' - which evaluates to itself,
-//      we don't need to know what the individual components are.
-//      The drawback, of course is that you don't get the benefits of
-//      syntax-checking on the CSS. This gives us a 50% speed-up in the parser,
-//      and a smaller speed-up in the code-gen.
-//
-//
-//    Token matching is done with the `$` function, which either takes
-//    a terminal string or regexp, or a non-terminal function to call.
-//    It also takes care of moving all the indices forwards.
-//
-//
-less.Parser = function Parser(env) {
-    var input,       // LeSS input string
-        i,           // current index in `input`
-        j,           // current chunk
-        temp,        // temporarily holds a chunk's state, for backtracking
-        memo,        // temporarily holds `i`, when backtracking
-        furthest,    // furthest index the parser has gone to
-        chunks,      // chunkified input
-        current,     // index of current chunk, in `input`
-        parser,
-        rootFilename = env && env.filename;
-
-    // Top parser on an import tree must be sure there is one "env"
-    // which will then be passed around by reference.
-    if (!(env instanceof tree.parseEnv)) {
-        env = new tree.parseEnv(env);
-    }
-
-    var imports = this.imports = {
-        paths: env.paths || [],  // Search paths, when importing
-        queue: [],               // Files which haven't been imported yet
-        files: env.files,        // Holds the imported parse trees
-        contents: env.contents,  // Holds the imported file contents
-        mime:  env.mime,         // MIME type of .less files
-        error: null,             // Error in parsing/evaluating an import
-        push: function (path, currentFileInfo, importOptions, callback) {
-            var parserImports = this;
-            this.queue.push(path);
-
-            var fileParsedFunc = function (e, root, fullPath) {
-                parserImports.queue.splice(parserImports.queue.indexOf(path), 1); // Remove the path from the queue
-
-                var importedPreviously = fullPath in parserImports.files || fullPath === rootFilename;
-
-                parserImports.files[fullPath] = root;                        // Store the root
-
-                if (e && !parserImports.error) { parserImports.error = e; }
-
-                callback(e, root, importedPreviously, fullPath);
-            };
-
-            if (less.Parser.importer) {
-                less.Parser.importer(path, currentFileInfo, fileParsedFunc, env);
-            } else {
-                less.Parser.fileLoader(path, currentFileInfo, function(e, contents, fullPath, newFileInfo) {
-                    if (e) {fileParsedFunc(e); return;}
-
-                    var newEnv = new tree.parseEnv(env);
-
-                    newEnv.currentFileInfo = newFileInfo;
-                    newEnv.processImports = false;
-                    newEnv.contents[fullPath] = contents;
-
-                    if (currentFileInfo.reference || importOptions.reference) {
-                        newFileInfo.reference = true;
-                    }
-
-                    if (importOptions.inline) {
-                        fileParsedFunc(null, contents, fullPath);
-                    } else {
-                        new(less.Parser)(newEnv).parse(contents, function (e, root) {
-                            fileParsedFunc(e, root, fullPath);
-                        });
-                    }
-                }, env);
-            }
-        }
-    };
-
-    function save()    { temp = chunks[j], memo = i, current = i; }
-    function restore() { chunks[j] = temp, i = memo, current = i; }
-
-    function sync() {
-        if (i > current) {
-            chunks[j] = chunks[j].slice(i - current);
-            current = i;
-        }
-    }
-    function isWhitespace(c) {
-        // Could change to \s?
-        var code = c.charCodeAt(0);
-        return code === 32 || code === 10 || code === 9;
-    }
-    //
-    // Parse from a token, regexp or string, and move forward if match
-    //
-    function $(tok) {
-        var match, length;
-
-        //
-        // Non-terminal
-        //
-        if (tok instanceof Function) {
-            return tok.call(parser.parsers);
-        //
-        // Terminal
-        //
-        //     Either match a single character in the input,
-        //     or match a regexp in the current chunk (chunk[j]).
-        //
-        } else if (typeof(tok) === 'string') {
-            match = input.charAt(i) === tok ? tok : null;
-            length = 1;
-            sync ();
-        } else {
-            sync ();
-
-            if (match = tok.exec(chunks[j])) {
-                length = match[0].length;
-            } else {
-                return null;
-            }
-        }
-
-        // The match is confirmed, add the match length to `i`,
-        // and consume any extra white-space characters (' ' || '\n')
-        // which come after that. The reason for this is that LeSS's
-        // grammar is mostly white-space insensitive.
-        //
-        if (match) {
-            skipWhitespace(length);
-
-            if(typeof(match) === 'string') {
-                return match;
-            } else {
-                return match.length === 1 ? match[0] : match;
-            }
-        }
-    }
-
-    function skipWhitespace(length) {
-        var oldi = i, oldj = j,
-            endIndex = i + chunks[j].length,
-            mem = i += length;
-
-        while (i < endIndex) {
-            if (! isWhitespace(input.charAt(i))) { break; }
-            i++;
-        }
-        chunks[j] = chunks[j].slice(length + (i - mem));
-        current = i;
-
-        if (chunks[j].length === 0 && j < chunks.length - 1) { j++; }
-
-        return oldi !== i || oldj !== j;
-    }
-
-    function expect(arg, msg) {
-        var result = $(arg);
-        if (! result) {
-            error(msg || (typeof(arg) === 'string' ? "expected '" + arg + "' got '" + input.charAt(i) + "'"
-                                                   : "unexpected token"));
-        } else {
-            return result;
-        }
-    }
-
-    function error(msg, type) {
-        var e = new Error(msg);
-        e.index = i;
-        e.type = type || 'Syntax';
-        throw e;
-    }
-
-    // Same as $(), but don't change the state of the parser,
-    // just return the match.
-    function peek(tok) {
-        if (typeof(tok) === 'string') {
-            return input.charAt(i) === tok;
-        } else {
-            return tok.test(chunks[j]);
-        }
-    }
-
-    function getInput(e, env) {
-        if (e.filename && env.currentFileInfo.filename && (e.filename !== env.currentFileInfo.filename)) {
-            return parser.imports.contents[e.filename];
-        } else {
-            return input;
-        }
-    }
-
-    function getLocation(index, inputStream) {
-        var n = index + 1,
-            line = null,
-            column = -1;
-
-        while (--n >= 0 && inputStream.charAt(n) !== '\n') {
-            column++;
-        }
-
-        if (typeof index === 'number') {
-            line = (inputStream.slice(0, index).match(/\n/g) || "").length;
-        }
-
-        return {
-            line: line,
-            column: column
-        };
-    }
-
-    function getDebugInfo(index, inputStream, env) {
-        var filename = env.currentFileInfo.filename;
-        if(less.mode !== 'browser' && less.mode !== 'rhino') {
-            filename = require('path').resolve(filename);
-        }
-
-        return {
-            lineNumber: getLocation(index, inputStream).line + 1,
-            fileName: filename
-        };
-    }
-
-    function LessError(e, env) {
-        var input = getInput(e, env),
-            loc = getLocation(e.index, input),
-            line = loc.line,
-            col  = loc.column,
-            callLine = e.call && getLocation(e.call, input).line,
-            lines = input.split('\n');
-
-        this.type = e.type || 'Syntax';
-        this.message = e.message;
-        this.filename = e.filename || env.currentFileInfo.filename;
-        this.index = e.index;
-        this.line = typeof(line) === 'number' ? line + 1 : null;
-        this.callLine = callLine + 1;
-        this.callExtract = lines[callLine];
-        this.stack = e.stack;
-        this.column = col;
-        this.extract = [
-            lines[line - 1],
-            lines[line],
-            lines[line + 1]
-        ];
-    }
-
-    LessError.prototype = new Error();
-    LessError.prototype.constructor = LessError;
-
-    this.env = env = env || {};
-
-    // The optimization level dictates the thoroughness of the parser,
-    // the lower the number, the less nodes it will create in the tree.
-    // This could matter for debugging, or if you want to access
-    // the individual nodes in the tree.
-    this.optimization = ('optimization' in this.env) ? this.env.optimization : 1;
-
-    //
-    // The Parser
-    //
-    return parser = {
-
-        imports: imports,
-        //
-        // Parse an input string into an abstract syntax tree,
-        // call `callback` when done.
-        //
-        parse: function (str, callback) {
-            var root, line, lines, error = null;
-
-            i = j = current = furthest = 0;
-            input = str.replace(/\r\n/g, '\n');
-
-            // Remove potential UTF Byte Order Mark
-            input = input.replace(/^\uFEFF/, '');
-
-            parser.imports.contents[env.currentFileInfo.filename] = input;
-
-            // Split the input into chunks.
-            chunks = (function (chunks) {
-                var j = 0,
-                    skip = /(?:@\{[\w-]+\}|[^"'`\{\}\/\(\)\\])+/g,
-                    comment = /\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,
-                    string = /"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'|`((?:[^`]|\\.)*)`/g,
-                    level = 0,
-                    match,
-                    chunk = chunks[0],
-                    inParam;
-
-                for (var i = 0, c, cc; i < input.length;) {
-                    skip.lastIndex = i;
-                    if (match = skip.exec(input)) {
-                        if (match.index === i) {
-                            i += match[0].length;
-                            chunk.push(match[0]);
-                        }
-                    }
-                    c = input.charAt(i);
-                    comment.lastIndex = string.lastIndex = i;
-
-                    if (match = string.exec(input)) {
-                        if (match.index === i) {
-                            i += match[0].length;
-                            chunk.push(match[0]);
-                            continue;
-                        }
-                    }
-
-                    if (!inParam && c === '/') {
-                        cc = input.charAt(i + 1);
-                        if (cc === '/' || cc === '*') {
-                            if (match = comment.exec(input)) {
-                                if (match.index === i) {
-                                    i += match[0].length;
-                                    chunk.push(match[0]);
-                                    continue;
-                                }
-                            }
-                        }
-                    }
-                    
-                    switch (c) {
-                        case '{':
-                            if (!inParam) {
-                                level++;
-                                chunk.push(c);
-                                break;
-                            }
-                            /* falls through */
-                        case '}':
-                            if (!inParam) {
-                                level--;
-                                chunk.push(c);
-                                chunks[++j] = chunk = [];
-                                break;
-                            }
-                            /* falls through */
-                        case '(':
-                            if (!inParam) {
-                                inParam = true;
-                                chunk.push(c);
-                                break;
-                            }
-                            /* falls through */
-                        case ')':
-                            if (inParam) {
-                                inParam = false;
-                                chunk.push(c);
-                                break;
-                            }
-                            /* falls through */
-                        default:
-                            chunk.push(c);
-                    }
-                    
-                    i++;
-                }
-                if (level !== 0) {
-                    error = new(LessError)({
-                        index: i-1,
-                        type: 'Parse',
-                        message: (level > 0) ? "missing closing `}`" : "missing opening `{`",
-                        filename: env.currentFileInfo.filename
-                    }, env);
-                }
-
-                return chunks.map(function (c) { return c.join(''); });
-            })([[]]);
-
-            if (error) {
-                return callback(new(LessError)(error, env));
-            }
-
-            // Start with the primary rule.
-            // The whole syntax tree is held under a Ruleset node,
-            // with the `root` property set to true, so no `{}` are
-            // output. The callback is called when the input is parsed.
-            try {
-                root = new(tree.Ruleset)([], $(this.parsers.primary));
-                root.root = true;
-                root.firstRoot = true;
-            } catch (e) {
-                return callback(new(LessError)(e, env));
-            }
-
-            root.toCSS = (function (evaluate) {
-                return function (options, variables) {
-                    options = options || {};
-                    var evaldRoot,
-                        css,
-                        evalEnv = new tree.evalEnv(options);
-                        
-                    //
-                    // Allows setting variables with a hash, so:
-                    //
-                    //   `{ color: new(tree.Color)('#f01') }` will become:
-                    //
-                    //   new(tree.Rule)('@color',
-                    //     new(tree.Value)([
-                    //       new(tree.Expression)([
-                    //         new(tree.Color)('#f01')
-                    //       ])
-                    //     ])
-                    //   )
-                    //
-                    if (typeof(variables) === 'object' && !Array.isArray(variables)) {
-                        variables = Object.keys(variables).map(function (k) {
-                            var value = variables[k];
-
-                            if (! (value instanceof tree.Value)) {
-                                if (! (value instanceof tree.Expression)) {
-                                    value = new(tree.Expression)([value]);
-                                }
-                                value = new(tree.Value)([value]);
-                            }
-                            return new(tree.Rule)('@' + k, value, false, null, 0);
-                        });
-                        evalEnv.frames = [new(tree.Ruleset)(null, variables)];
-                    }
-
-                    try {
-                        evaldRoot = evaluate.call(this, evalEnv);
-
-                        new(tree.joinSelectorVisitor)()
-                            .run(evaldRoot);
-
-                        new(tree.processExtendsVisitor)()
-                            .run(evaldRoot);
-
-                        new(tree.toCSSVisitor)({compress: Boolean(options.compress)})
-                            .run(evaldRoot);
-
-                        if (options.sourceMap) {
-                            evaldRoot = new tree.sourceMapOutput(
-                                {
-                                    writeSourceMap: options.writeSourceMap,
-                                    rootNode: evaldRoot,
-                                    contentsMap: parser.imports.contents,
-                                    sourceMapFilename: options.sourceMapFilename,
-                                    sourceMapURL: options.sourceMapURL,
-                                    outputFilename: options.sourceMapOutputFilename,
-                                    sourceMapBasepath: options.sourceMapBasepath,
-                                    sourceMapRootpath: options.sourceMapRootpath,
-                                    outputSourceFiles: options.outputSourceFiles,
-                                    sourceMapGenerator: options.sourceMapGenerator
-                                });
-                        }
-
-                        css = evaldRoot.toCSS({
-                                compress: Boolean(options.compress),
-                                dumpLineNumbers: env.dumpLineNumbers,
-                                strictUnits: Boolean(options.strictUnits)});
-                    } catch (e) {
-                        throw new(LessError)(e, env);
-                    }
-
-                    if (options.cleancss && less.mode === 'node') {
-                        var CleanCSS = require('clean-css');
-                        //TODO would be nice for no advanced to be an option
-                        return new CleanCSS({keepSpecialComments: '*', processImport: false, noRebase: true, noAdvanced: true}).minify(css);
-                    } else if (options.compress) {
-                        return css.replace(/(^(\s)+)|((\s)+$)/g, "");
-                    } else {
-                        return css;
-                    }
-                };
-            })(root.eval);
-
-            // If `i` is smaller than the `input.length - 1`,
-            // it means the parser wasn't able to parse the whole
-            // string, so we've got a parsing error.
-            //
-            // We try to extract a \n delimited string,
-            // showing the line where the parse error occured.
-            // We split it up into two parts (the part which parsed,
-            // and the part which didn't), so we can color them differently.
-            if (i < input.length - 1) {
-                i = furthest;
-                var loc = getLocation(i, input);
-                lines = input.split('\n');
-                line = loc.line + 1;
-
-                error = {
-                    type: "Parse",
-                    message: "Unrecognised input",
-                    index: i,
-                    filename: env.currentFileInfo.filename,
-                    line: line,
-                    column: loc.column,
-                    extract: [
-                        lines[line - 2],
-                        lines[line - 1],
-                        lines[line]
-                    ]
-                };
-            }
-
-            var finish = function (e) {
-                e = error || e || parser.imports.error;
-
-                if (e) {
-                    if (!(e instanceof LessError)) {
-                        e = new(LessError)(e, env);
-                    }
-
-                    return callback(e);
-                }
-                else {
-                    return callback(null, root);
-                }
-            };
-
-            if (env.processImports !== false) {
-                new tree.importVisitor(this.imports, finish)
-                    .run(root);
-            } else {
-                return finish();
-            }
-        },
-
-        //
-        // Here in, the parsing rules/functions
-        //
-        // The basic structure of the syntax tree generated is as follows:
-        //
-        //   Ruleset ->  Rule -> Value -> Expression -> Entity
-        //
-        // Here's some LESS code:
-        //
-        //    .class {
-        //      color: #fff;
-        //      border: 1px solid #000;
-        //      width: @w + 4px;
-        //      > .child {...}
-        //    }
-        //
-        // And here's what the parse tree might look like:
-        //
-        //     Ruleset (Selector '.class', [
-        //         Rule ("color",  Value ([Expression [Color #fff]]))
-        //         Rule ("border", Value ([Expression [Dimension 1px][Keyword "solid"][Color #000]]))
-        //         Rule ("width",  Value ([Expression [Operation "+" [Variable "@w"][Dimension 4px]]]))
-        //         Ruleset (Selector [Element '>', '.child'], [...])
-        //     ])
-        //
-        //  In general, most rules will try to parse a token with the `$()` function, and if the return
-        //  value is truly, will return a new node, of the relevant type. Sometimes, we need to check
-        //  first, before parsing, that's when we use `peek()`.
-        //
-        parsers: {
-            //
-            // The `primary` rule is the *entry* and *exit* point of the parser.
-            // The rules here can appear at any level of the parse tree.
-            //
-            // The recursive nature of the grammar is an interplay between the `block`
-            // rule, which represents `{ ... }`, the `ruleset` rule, and this `primary` rule,
-            // as represented by this simplified grammar:
-            //
-            //     primary  →  (ruleset | rule)+
-            //     ruleset  →  selector+ block
-            //     block    →  '{' primary '}'
-            //
-            // Only at one point is the primary rule not called from the
-            // block rule: at the root level.
-            //
-            primary: function () {
-                var node, root = [];
-
-                while ((node = $(this.extendRule) || $(this.mixin.definition) || $(this.rule)    ||  $(this.ruleset) ||
-                               $(this.mixin.call)       || $(this.comment) ||  $(this.directive))
-                               || $(/^[\s\n]+/) || $(/^;+/)) {
-                    node && root.push(node);
-                }
-                return root;
-            },
-
-            // We create a Comment node for CSS comments `/* */`,
-            // but keep the LeSS comments `//` silent, by just skipping
-            // over them.
-            comment: function () {
-                var comment;
-
-                if (input.charAt(i) !== '/') { return; }
-
-                if (input.charAt(i + 1) === '/') {
-                    return new(tree.Comment)($(/^\/\/.*/), true, i, env.currentFileInfo);
-                } else if (comment = $(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/)) {
-                    return new(tree.Comment)(comment, false, i, env.currentFileInfo);
-                }
-            },
-
-            comments: function () {
-                var comment, comments = [];
-
-                while(comment = $(this.comment)) {
-                    comments.push(comment);
-                }
-
-                return comments;
-            },
-
-            //
-            // Entities are tokens which can be found inside an Expression
-            //
-            entities: {
-                //
-                // A string, which supports escaping " and '
-                //
-                //     "milky way" 'he\'s the one!'
-                //
-                quoted: function () {
-                    var str, j = i, e, index = i;
-
-                    if (input.charAt(j) === '~') { j++, e = true; } // Escaped strings
-                    if (input.charAt(j) !== '"' && input.charAt(j) !== "'") { return; }
-
-                    e && $('~');
-
-                    if (str = $(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/)) {
-                        return new(tree.Quoted)(str[0], str[1] || str[2], e, index, env.currentFileInfo);
-                    }
-                },
-
-                //
-                // A catch-all word, such as:
-                //
-                //     black border-collapse
-                //
-                keyword: function () {
-                    var k;
-
-                    if (k = $(/^[_A-Za-z-][_A-Za-z0-9-]*/)) {
-                        var color = tree.Color.fromKeyword(k);
-                        if (color) {
-                            return color;
-                        }
-                        return new(tree.Keyword)(k);
-                    }
-                },
-
-                //
-                // A function call
-                //
-                //     rgb(255, 0, 255)
-                //
-                // We also try to catch IE's `alpha()`, but let the `alpha` parser
-                // deal with the details.
-                //
-                // The arguments are parsed with the `entities.arguments` parser.
-                //
-                call: function () {
-                    var name, nameLC, args, alpha_ret, index = i;
-
-                    if (! (name = /^([\w-]+|%|progid:[\w\.]+)\(/.exec(chunks[j]))) { return; }
-
-                    name = name[1];
-                    nameLC = name.toLowerCase();
-
-                    if (nameLC === 'url') { return null; }
-                    else                  { i += name.length; }
-
-                    if (nameLC === 'alpha') {
-                        alpha_ret = $(this.alpha);
-                        if(typeof alpha_ret !== 'undefined') {
-                            return alpha_ret;
-                        }
-                    }
-
-                    $('('); // Parse the '(' and consume whitespace.
-
-                    args = $(this.entities.arguments);
-
-                    if (! $(')')) {
-                        return;
-                    }
-
-                    if (name) { return new(tree.Call)(name, args, index, env.currentFileInfo); }
-                },
-                arguments: function () {
-                    var args = [], arg;
-
-                    while (arg = $(this.entities.assignment) || $(this.expression)) {
-                        args.push(arg);
-                        if (! $(',')) {
-                            break;
-                        }
-                    }
-                    return args;
-                },
-                literal: function () {
-                    return $(this.entities.dimension) ||
-                           $(this.entities.color) ||
-                           $(this.entities.quoted) ||
-                           $(this.entities.unicodeDescriptor);
-                },
-
-                // Assignments are argument entities for calls.
-                // They are present in ie filter properties as shown below.
-                //
-                //     filter: progid:DXImageTransform.Microsoft.Alpha( *opacity=50* )
-                //
-
-                assignment: function () {
-                    var key, value;
-                    if ((key = $(/^\w+(?=\s?=)/i)) && $('=') && (value = $(this.entity))) {
-                        return new(tree.Assignment)(key, value);
-                    }
-                },
-
-                //
-                // Parse url() tokens
-                //
-                // We use a specific rule for urls, because they don't really behave like
-                // standard function calls. The difference is that the argument doesn't have
-                // to be enclosed within a string, so it can't be parsed as an Expression.
-                //
-                url: function () {
-                    var value;
-
-                    if (input.charAt(i) !== 'u' || !$(/^url\(/)) {
-                        return;
-                    }
-
-                    value = $(this.entities.quoted)  || $(this.entities.variable) ||
-                            $(/^(?:(?:\\[\(\)'"])|[^\(\)'"])+/) || "";
-
-                    expect(')');
-
-                    /*jshint eqnull:true */
-                    return new(tree.URL)((value.value != null || value instanceof tree.Variable)
-                                        ? value : new(tree.Anonymous)(value), env.currentFileInfo);
-                },
-
-                //
-                // A Variable entity, such as `@fink`, in
-                //
-                //     width: @fink + 2px
-                //
-                // We use a different parser for variable definitions,
-                // see `parsers.variable`.
-                //
-                variable: function () {
-                    var name, index = i;
-
-                    if (input.charAt(i) === '@' && (name = $(/^@@?[\w-]+/))) {
-                        return new(tree.Variable)(name, index, env.currentFileInfo);
-                    }
-                },
-
-                // A variable entity useing the protective {} e.g. @{var}
-                variableCurly: function () {
-                    var curly, index = i;
-
-                    if (input.charAt(i) === '@' && (curly = $(/^@\{([\w-]+)\}/))) {
-                        return new(tree.Variable)("@" + curly[1], index, env.currentFileInfo);
-                    }
-                },
-
-                //
-                // A Hexadecimal color
-                //
-                //     #4F3C2F
-                //
-                // `rgb` and `hsl` colors are parsed through the `entities.call` parser.
-                //
-                color: function () {
-                    var rgb;
-
-                    if (input.charAt(i) === '#' && (rgb = $(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/))) {
-                        return new(tree.Color)(rgb[1]);
-                    }
-                },
-
-                //
-                // A Dimension, that is, a number and a unit
-                //
-                //     0.5em 95%
-                //
-                dimension: function () {
-                    var value, c = input.charCodeAt(i);
-                    //Is the first char of the dimension 0-9, '.', '+' or '-'
-                    if ((c > 57 || c < 43) || c === 47 || c == 44) {
-                        return;
-                    }
-
-                    if (value = $(/^([+-]?\d*\.?\d+)(%|[a-z]+)?/)) {
-                        return new(tree.Dimension)(value[1], value[2]);
-                    }
-                },
-
-                //
-                // A unicode descriptor, as is used in unicode-range
-                //
-                // U+0??  or U+00A1-00A9
-                //
-                unicodeDescriptor: function () {
-                    var ud;
-                    
-                    if (ud = $(/^U\+[0-9a-fA-F?]+(\-[0-9a-fA-F?]+)?/)) {
-                        return new(tree.UnicodeDescriptor)(ud[0]);
-                    }
-                },
-
-                //
-                // JavaScript code to be evaluated
-                //
-                //     `window.location.href`
-                //
-                javascript: function () {
-                    var str, j = i, e;
-
-                    if (input.charAt(j) === '~') { j++; e = true; } // Escaped strings
-                    if (input.charAt(j) !== '`') { return; }
-                    if (env.javascriptEnabled !== undefined && !env.javascriptEnabled) {
-                        error("You are using JavaScript, which has been disabled.");
-                    }
-
-                    if (e) { $('~'); }
-
-                    if (str = $(/^`([^`]*)`/)) {
-                        return new(tree.JavaScript)(str[1], i, e);
-                    }
-                }
-            },
-
-            //
-            // The variable part of a variable definition. Used in the `rule` parser
-            //
-            //     @fink:
-            //
-            variable: function () {
-                var name;
-
-                if (input.charAt(i) === '@' && (name = $(/^(@[\w-]+)\s*:/))) { return name[1]; }
-            },
-
-            //
-            // extend syntax - used to extend selectors
-            //
-            extend: function(isRule) {
-                var elements, e, index = i, option, extendList = [];
-
-                if (!$(isRule ? /^&:extend\(/ : /^:extend\(/)) { return; }
-
-                do {
-                    option = null;
-                    elements = [];
-                    while (true) {
-                        option = $(/^(all)(?=\s*(\)|,))/);
-                        if (option) { break; }
-                        e = $(this.element);
-                        if (!e) { break; }
-                        elements.push(e);
-                    }
-
-                    option = option && option[1];
-
-                    extendList.push(new(tree.Extend)(new(tree.Selector)(elements), option, index));
-
-                } while($(","));
-                
-                expect(/^\)/);
-
-                if (isRule) {
-                    expect(/^;/);
-                }
-
-                return extendList;
-            },
-
-            //
-            // extendRule - used in a rule to extend all the parent selectors
-            //
-            extendRule: function() {
-                return this.extend(true);
-            },
-            
-            //
-            // Mixins
-            //
-            mixin: {
-                //
-                // A Mixin call, with an optional argument list
-                //
-                //     #mixins > .square(#fff);
-                //     .rounded(4px, black);
-                //     .button;
-                //
-                // The `while` loop is there because mixins can be
-                // namespaced, but we only support the child and descendant
-                // selector for now.
-                //
-                call: function () {
-                    var elements = [], e, c, args, index = i, s = input.charAt(i), important = false;
-
-                    if (s !== '.' && s !== '#') { return; }
-
-                    save(); // stop us absorbing part of an invalid selector
-
-                    while (e = $(/^[#.](?:[\w-]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+/)) {
-                        elements.push(new(tree.Element)(c, e, i, env.currentFileInfo));
-                        c = $('>');
-                    }
-                    if ($('(')) {
-                        args = this.mixin.args.call(this, true).args;
-                        expect(')');
-                    }
-
-                    args = args || [];
-
-                    if ($(this.important)) {
-                        important = true;
-                    }
-
-                    if (elements.length > 0 && ($(';') || peek('}'))) {
-                        return new(tree.mixin.Call)(elements, args, index, env.currentFileInfo, important);
-                    }
-
-                    restore();
-                },
-                args: function (isCall) {
-                    var expressions = [], argsSemiColon = [], isSemiColonSeperated, argsComma = [], expressionContainsNamed, name, nameLoop, value, arg,
-                        returner = {args:null, variadic: false};
-                    while (true) {
-                        if (isCall) {
-                            arg = $(this.expression);
-                        } else {
-                            $(this.comments);
-                            if (input.charAt(i) === '.' && $(/^\.{3}/)) {
-                                returner.variadic = true;
-                                if ($(";") && !isSemiColonSeperated) {
-                                    isSemiColonSeperated = true;
-                                }
-                                (isSemiColonSeperated ? argsSemiColon : argsComma)
-                                    .push({ variadic: true });
-                                break;
-                            }
-                            arg = $(this.entities.variable) || $(this.entities.literal)
-                                || $(this.entities.keyword);
-                        }
-
-                        if (!arg) {
-                            break;
-                        }
-
-                        nameLoop = null;
-                        if (arg.throwAwayComments) {
-                            arg.throwAwayComments();
-                        }
-                        value = arg;
-                        var val = null;
-
-                        if (isCall) {
-                            // Variable
-                            if (arg.value.length == 1) {
-                                val = arg.value[0];
-                            }
-                        } else {
-                            val = arg;
-                        }
-
-                        if (val && val instanceof tree.Variable) {
-                            if ($(':')) {
-                                if (expressions.length > 0) {
-                                    if (isSemiColonSeperated) {
-                                        error("Cannot mix ; and , as delimiter types");
-                                    }
-                                    expressionContainsNamed = true;
-                                }
-                                value = expect(this.expression);
-                                nameLoop = (name = val.name);
-                            } else if (!isCall && $(/^\.{3}/)) {
-                                returner.variadic = true;
-                                if ($(";") && !isSemiColonSeperated) {
-                                    isSemiColonSeperated = true;
-                                }
-                                (isSemiColonSeperated ? argsSemiColon : argsComma)
-                                    .push({ name: arg.name, variadic: true });
-                                break;
-                            } else if (!isCall) {
-                                name = nameLoop = val.name;
-                                value = null;
-                            }
-                        }
-
-                        if (value) {
-                            expressions.push(value);
-                        }
-
-                        argsComma.push({ name:nameLoop, value:value });
-
-                        if ($(',')) {
-                            continue;
-                        }
-
-                        if ($(';') || isSemiColonSeperated) {
-
-                            if (expressionContainsNamed) {
-                                error("Cannot mix ; and , as delimiter types");
-                            }
-
-                            isSemiColonSeperated = true;
-
-                            if (expressions.length > 1) {
-                                value = new(tree.Value)(expressions);
-                            }
-                            argsSemiColon.push({ name:name, value:value });
-
-                            name = null;
-                            expressions = [];
-                            expressionContainsNamed = false;
-                        }
-                    }
-
-                    returner.args = isSemiColonSeperated ? argsSemiColon : argsComma;
-                    return returner;
-                },
-                //
-                // A Mixin definition, with a list of parameters
-                //
-                //     .rounded (@radius: 2px, @color) {
-                //        ...
-                //     }
-                //
-                // Until we have a finer grained state-machine, we have to
-                // do a look-ahead, to make sure we don't have a mixin call.
-                // See the `rule` function for more information.
-                //
-                // We start by matching `.rounded (`, and then proceed on to
-                // the argument list, which has optional default values.
-                // We store the parameters in `params`, with a `value` key,
-                // if there is a value, such as in the case of `@radius`.
-                //
-                // Once we've got our params list, and a closing `)`, we parse
-                // the `{...}` block.
-                //
-                definition: function () {
-                    var name, params = [], match, ruleset, cond, variadic = false;
-                    if ((input.charAt(i) !== '.' && input.charAt(i) !== '#') ||
-                        peek(/^[^{]*\}/)) {
-                        return;
-                    }
-
-                    save();
-
-                    if (match = $(/^([#.](?:[\w-]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+)\s*\(/)) {
-                        name = match[1];
-
-                        var argInfo = this.mixin.args.call(this, false);
-                        params = argInfo.args;
-                        variadic = argInfo.variadic;
-
-                        // .mixincall("@{a}");
-                        // looks a bit like a mixin definition.. so we have to be nice and restore
-                        if (!$(')')) {
-                            furthest = i;
-                            restore();
-                        }
-                        
-                        $(this.comments);
-
-                        if ($(/^when/)) { // Guard
-                            cond = expect(this.conditions, 'expected condition');
-                        }
-
-                        ruleset = $(this.block);
-
-                        if (ruleset) {
-                            return new(tree.mixin.Definition)(name, params, ruleset, cond, variadic);
-                        } else {
-                            restore();
-                        }
-                    }
-                }
-            },
-
-            //
-            // Entities are the smallest recognized token,
-            // and can be found inside a rule's value.
-            //
-            entity: function () {
-                return $(this.entities.literal) || $(this.entities.variable) || $(this.entities.url) ||
-                       $(this.entities.call)    || $(this.entities.keyword)  ||$(this.entities.javascript) ||
-                       $(this.comment);
-            },
-
-            //
-            // A Rule terminator. Note that we use `peek()` to check for '}',
-            // because the `block` rule will be expecting it, but we still need to make sure
-            // it's there, if ';' was ommitted.
-            //
-            end: function () {
-                return $(';') || peek('}');
-            },
-
-            //
-            // IE's alpha function
-            //
-            //     alpha(opacity=88)
-            //
-            alpha: function () {
-                var value;
-
-                if (! $(/^\(opacity=/i)) { return; }
-                if (value = $(/^\d+/) || $(this.entities.variable)) {
-                    expect(')');
-                    return new(tree.Alpha)(value);
-                }
-            },
-
-            //
-            // A Selector Element
-            //
-            //     div
-            //     + h1
-            //     #socks
-            //     input[type="text"]
-            //
-            // Elements are the building blocks for Selectors,
-            // they are made out of a `Combinator` (see combinator rule),
-            // and an element name, such as a tag a class, or `*`.
-            //
-            element: function () {
-                var e, c, v;
-
-                c = $(this.combinator);
-
-                e = $(/^(?:\d+\.\d+|\d+)%/) || $(/^(?:[.#]?|:*)(?:[\w-]|[^\x00-\x9f]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+/) ||
-                    $('*') || $('&') || $(this.attribute) || $(/^\([^()@]+\)/) || $(/^[\.#](?=@)/) || $(this.entities.variableCurly);
-
-                if (! e) {
-                    if ($('(')) {
-                        if ((v = ($(this.selector))) &&
-                                $(')')) {
-                            e = new(tree.Paren)(v);
-                        }
-                    }
-                }
-
-                if (e) { return new(tree.Element)(c, e, i, env.currentFileInfo); }
-            },
-
-            //
-            // Combinators combine elements together, in a Selector.
-            //
-            // Because our parser isn't white-space sensitive, special care
-            // has to be taken, when parsing the descendant combinator, ` `,
-            // as it's an empty space. We have to check the previous character
-            // in the input, to see if it's a ` ` character. More info on how
-            // we deal with this in *combinator.js*.
-            //
-            combinator: function () {
-                var c = input.charAt(i);
-
-                if (c === '>' || c === '+' || c === '~' || c === '|') {
-                    i++;
-                    while (input.charAt(i).match(/\s/)) { i++; }
-                    return new(tree.Combinator)(c);
-                } else if (input.charAt(i - 1).match(/\s/)) {
-                    return new(tree.Combinator)(" ");
-                } else {
-                    return new(tree.Combinator)(null);
-                }
-            },
-            //
-            // A CSS selector (see selector below)
-            // with less extensions e.g. the ability to extend and guard
-            //
-            lessSelector: function () {
-                return this.selector(true);
-            },
-            //
-            // A CSS Selector
-            //
-            //     .class > div + h1
-            //     li a:hover
-            //
-            // Selectors are made out of one or more Elements, see above.
-            //
-            selector: function (isLess) {
-                var e, elements = [], c, extend, extendList = [], when, condition;
-
-                while ((isLess && (extend = $(this.extend))) || (isLess && (when = $(/^when/))) || (e = $(this.element))) {
-                    if (when) {
-                        condition = expect(this.conditions, 'expected condition');
-                    } else if (condition) {
-                        error("CSS guard can only be used at the end of selector");
-                    } else if (extend) {
-                        extendList.push.apply(extendList, extend);
-                    } else {
-                        if (extendList.length) {
-                            error("Extend can only be used at the end of selector");
-                        }
-                        c = input.charAt(i);
-                        elements.push(e);
-                        e = null;
-                    }
-                    if (c === '{' || c === '}' || c === ';' || c === ',' || c === ')') {
-                        break;
-                    }
-                }
-
-                if (elements.length > 0) { return new(tree.Selector)(elements, extendList, condition, i, env.currentFileInfo); }
-                if (extendList.length) { error("Extend must be used to extend a selector, it cannot be used on its own"); }
-            },
-            attribute: function () {
-                var key, val, op;
-
-                if (! $('[')) { return; }
-
-                if (!(key = $(this.entities.variableCurly))) {
-                    key = expect(/^(?:[_A-Za-z0-9-\*]*\|)?(?:[_A-Za-z0-9-]|\\.)+/);
-                }
-
-                if ((op = $(/^[|~*$^]?=/))) {
-                    val = $(this.entities.quoted) || $(/^[0-9]+%/) || $(/^[\w-]+/) || $(this.entities.variableCurly);
-                }
-
-                expect(']');
-
-                return new(tree.Attribute)(key, op, val);
-            },
-
-            //
-            // The `block` rule is used by `ruleset` and `mixin.definition`.
-            // It's a wrapper around the `primary` rule, with added `{}`.
-            //
-            block: function () {
-                var content;
-                if ($('{') && (content = $(this.primary)) && $('}')) {
-                    return content;
-                }
-            },
-
-            //
-            // div, .class, body > p {...}
-            //
-            ruleset: function () {
-                var selectors = [], s, rules, debugInfo;
-                
-                save();
-
-                if (env.dumpLineNumbers) {
-                    debugInfo = getDebugInfo(i, input, env);
-                }
-
-                while (s = $(this.lessSelector)) {
-                    selectors.push(s);
-                    $(this.comments);
-                    if (! $(',')) { break; }
-                    if (s.condition) {
-                        error("Guards are only currently allowed on a single selector.");
-                    }
-                    $(this.comments);
-                }
-
-                if (selectors.length > 0 && (rules = $(this.block))) {
-                    var ruleset = new(tree.Ruleset)(selectors, rules, env.strictImports);
-                    if (env.dumpLineNumbers) {
-                        ruleset.debugInfo = debugInfo;
-                    }
-                    return ruleset;
-                } else {
-                    // Backtrack
-                    furthest = i;
-                    restore();
-                }
-            },
-            rule: function (tryAnonymous) {
-                var name, value, c = input.charAt(i), important, merge = false;
-                save();
-
-                if (c === '.' || c === '#' || c === '&') { return; }
-
-                if (name = $(this.variable) || $(this.ruleProperty)) {
-                    // prefer to try to parse first if its a variable or we are compressing
-                    // but always fallback on the other one
-                    value = !tryAnonymous && (env.compress || (name.charAt(0) === '@')) ?
-                        ($(this.value) || $(this.anonymousValue)) :
-                        ($(this.anonymousValue) || $(this.value));
-
-
-                    important = $(this.important);
-                    if (name[name.length-1] === "+") {
-                        merge = true;
-                        name = name.substr(0, name.length - 1);
-                    }
-
-                    if (value && $(this.end)) {
-                        return new (tree.Rule)(name, value, important, merge, memo, env.currentFileInfo);
-                    } else {
-                        furthest = i;
-                        restore();
-                        if (value && !tryAnonymous) {
-                            return this.rule(true);
-                        }
-                    }
-                }
-            },
-            anonymousValue: function () {
-                var match;
-                if (match = /^([^@+\/'"*`(;{}-]*);/.exec(chunks[j])) {
-                    i += match[0].length - 1;
-                    return new(tree.Anonymous)(match[1]);
-                }
-            },
-
-            //
-            // An @import directive
-            //
-            //     @import "lib";
-            //
-            // Depending on our environemnt, importing is done differently:
-            // In the browser, it's an XHR request, in Node, it would be a
-            // file-system operation. The function used for importing is
-            // stored in `import`, which we pass to the Import constructor.
-            //
-            "import": function () {
-                var path, features, index = i;
-
-                save();
-
-                var dir = $(/^@import?\s+/);
-
-                var options = (dir ? $(this.importOptions) : null) || {};
-
-                if (dir && (path = $(this.entities.quoted) || $(this.entities.url))) {
-                    features = $(this.mediaFeatures);
-                    if ($(';')) {
-                        features = features && new(tree.Value)(features);
-                        return new(tree.Import)(path, features, options, index, env.currentFileInfo);
-                    }
-                }
-
-                restore();
-            },
-
-            importOptions: function() {
-                var o, options = {}, optionName, value;
-
-                // list of options, surrounded by parens
-                if (! $('(')) { return null; }
-                do {
-                    if (o = $(this.importOption)) {
-                        optionName = o;
-                        value = true;
-                        switch(optionName) {
-                            case "css":
-                                optionName = "less";
-                                value = false;
-                            break;
-                            case "once":
-                                optionName = "multiple";
-                                value = false;
-                            break;
-                        }
-                        options[optionName] = value;
-                        if (! $(',')) { break; }
-                    }
-                } while (o);
-                expect(')');
-                return options;
-            },
-
-            importOption: function() {
-                var opt = $(/^(less|css|multiple|once|inline|reference)/);
-                if (opt) {
-                    return opt[1];
-                }
-            },
-
-            mediaFeature: function () {
-                var e, p, nodes = [];
-
-                do {
-                    if (e = ($(this.entities.keyword) || $(this.entities.variable))) {
-                        nodes.push(e);
-                    } else if ($('(')) {
-                        p = $(this.property);
-                        e = $(this.value);
-                        if ($(')')) {
-                            if (p && e) {
-                                nodes.push(new(tree.Paren)(new(tree.Rule)(p, e, null, null, i, env.currentFileInfo, true)));
-                            } else if (e) {
-                                nodes.push(new(tree.Paren)(e));
-                            } else {
-                                return null;
-                            }
-                        } else { return null; }
-                    }
-                } while (e);
-
-                if (nodes.length > 0) {
-                    return new(tree.Expression)(nodes);
-                }
-            },
-
-            mediaFeatures: function () {
-                var e, features = [];
-
-                do {
-                  if (e = $(this.mediaFeature)) {
-                      features.push(e);
-                      if (! $(',')) { break; }
-                  } else if (e = $(this.entities.variable)) {
-                      features.push(e);
-                      if (! $(',')) { break; }
-                  }
-                } while (e);
-
-                return features.length > 0 ? features : null;
-            },
-
-            media: function () {
-                var features, rules, media, debugInfo;
-
-                if (env.dumpLineNumbers) {
-                    debugInfo = getDebugInfo(i, input, env);
-                }
-
-                if ($(/^@media/)) {
-                    features = $(this.mediaFeatures);
-
-                    if (rules = $(this.block)) {
-                        media = new(tree.Media)(rules, features, i, env.currentFileInfo);
-                        if (env.dumpLineNumbers) {
-                            media.debugInfo = debugInfo;
-                        }
-                        return media;
-                    }
-                }
-            },
-
-            //
-            // A CSS Directive
-            //
-            //     @charset "utf-8";
-            //
-            directive: function () {
-                var name, value, rules, nonVendorSpecificName,
-                    hasBlock, hasIdentifier, hasExpression, identifier;
-
-                if (input.charAt(i) !== '@') { return; }
-
-                if (value = $(this['import']) || $(this.media)) {
-                    return value;
-                }
-
-                save();
-
-                name = $(/^@[a-z-]+/);
-                
-                if (!name) { return; }
-
-                nonVendorSpecificName = name;
-                if (name.charAt(1) == '-' && name.indexOf('-', 2) > 0) {
-                    nonVendorSpecificName = "@" + name.slice(name.indexOf('-', 2) + 1);
-                }
-
-                switch(nonVendorSpecificName) {
-                    case "@font-face":
-                        hasBlock = true;
-                        break;
-                    case "@viewport":
-                    case "@top-left":
-                    case "@top-left-corner":
-                    case "@top-center":
-                    case "@top-right":
-                    case "@top-right-corner":
-                    case "@bottom-left":
-                    case "@bottom-left-corner":
-                    case "@bottom-center":
-                    case "@bottom-right":
-                    case "@bottom-right-corner":
-                    case "@left-top":
-                    case "@left-middle":
-                    case "@left-bottom":
-                    case "@right-top":
-                    case "@right-middle":
-                    case "@right-bottom":
-                        hasBlock = true;
-                        break;
-                    case "@host":
-                    case "@page":
-                    case "@document":
-                    case "@supports":
-                    case "@keyframes":
-                        hasBlock = true;
-                        hasIdentifier = true;
-                        break;
-                    case "@namespace":
-                        hasExpression = true;
-                        break;
-                }
-
-                if (hasIdentifier) {
-                    identifier = ($(/^[^{]+/) || '').trim();
-                    if (identifier) {
-                        name += " " + identifier;
-                    }
-                }
-
-                if (hasBlock)
-                {
-                    if (rules = $(this.block)) {
-                        return new(tree.Directive)(name, rules, i, env.currentFileInfo);
-                    }
-                } else {
-                    if ((value = hasExpression ? $(this.expression) : $(this.entity)) && $(';')) {
-                        var directive = new(tree.Directive)(name, value, i, env.currentFileInfo);
-                        if (env.dumpLineNumbers) {
-                            directive.debugInfo = getDebugInfo(i, input, env);
-                        }
-                        return directive;
-                    }
-                }
-
-                restore();
-            },
-
-            //
-            // A Value is a comma-delimited list of Expressions
-            //
-            //     font-family: Baskerville, Georgia, serif;
-            //
-            // In a Rule, a Value represents everything after the `:`,
-            // and before the `;`.
-            //
-            value: function () {
-                var e, expressions = [];
-
-                while (e = $(this.expression)) {
-                    expressions.push(e);
-                    if (! $(',')) { break; }
-                }
-
-                if (expressions.length > 0) {
-                    return new(tree.Value)(expressions);
-                }
-            },
-            important: function () {
-                if (input.charAt(i) === '!') {
-                    return $(/^! *important/);
-                }
-            },
-            sub: function () {
-                var a, e;
-
-                if ($('(')) {
-                    if (a = $(this.addition)) {
-                        e = new(tree.Expression)([a]);
-                        expect(')');
-                        e.parens = true;
-                        return e;
-                    }
-                }
-            },
-            multiplication: function () {
-                var m, a, op, operation, isSpaced;
-                if (m = $(this.operand)) {
-                    isSpaced = isWhitespace(input.charAt(i - 1));
-                    while (!peek(/^\/[*\/]/) && (op = ($('/') || $('*')))) {
-                        if (a = $(this.operand)) {
-                            m.parensInOp = true;
-                            a.parensInOp = true;
-                            operation = new(tree.Operation)(op, [operation || m, a], isSpaced);
-                            isSpaced = isWhitespace(input.charAt(i - 1));
-                        } else {
-                            break;
-                        }
-                    }
-                    return operation || m;
-                }
-            },
-            addition: function () {
-                var m, a, op, operation, isSpaced;
-                if (m = $(this.multiplication)) {
-                    isSpaced = isWhitespace(input.charAt(i - 1));
-                    while ((op = $(/^[-+]\s+/) || (!isSpaced && ($('+') || $('-')))) &&
-                           (a = $(this.multiplication))) {
-                        m.parensInOp = true;
-                        a.parensInOp = true;
-                        operation = new(tree.Operation)(op, [operation || m, a], isSpaced);
-                        isSpaced = isWhitespace(input.charAt(i - 1));
-                    }
-                    return operation || m;
-                }
-            },
-            conditions: function () {
-                var a, b, index = i, condition;
-
-                if (a = $(this.condition)) {
-                    while (peek(/^,\s*(not\s*)?\(/) && $(',') && (b = $(this.condition))) {
-                        condition = new(tree.Condition)('or', condition || a, b, index);
-                    }
-                    return condition || a;
-                }
-            },
-            condition: function () {
-                var a, b, c, op, index = i, negate = false;
-
-                if ($(/^not/)) { negate = true; }
-                expect('(');
-                if (a = $(this.addition) || $(this.entities.keyword) || $(this.entities.quoted)) {
-                    if (op = $(/^(?:>=|<=|=<|[<=>])/)) {
-                        if (b = $(this.addition) || $(this.entities.keyword) || $(this.entities.quoted)) {
-                            c = new(tree.Condition)(op, a, b, index, negate);
-                        } else {
-                            error('expected expression');
-                        }
-                    } else {
-                        c = new(tree.Condition)('=', a, new(tree.Keyword)('true'), index, negate);
-                    }
-                    expect(')');
-                    return $(/^and/) ? new(tree.Condition)('and', c, $(this.condition)) : c;
-                }
-            },
-
-            //
-            // An operand is anything that can be part of an operation,
-            // such as a Color, or a Variable
-            //
-            operand: function () {
-                var negate, p = input.charAt(i + 1);
-
-                if (input.charAt(i) === '-' && (p === '@' || p === '(')) { negate = $('-'); }
-                var o = $(this.sub) || $(this.entities.dimension) ||
-                        $(this.entities.color) || $(this.entities.variable) ||
-                        $(this.entities.call);
-
-                if (negate) {
-                    o.parensInOp = true;
-                    o = new(tree.Negative)(o);
-                }
-
-                return o;
-            },
-
-            //
-            // Expressions either represent mathematical operations,
-            // or white-space delimited Entities.
-            //
-            //     1px solid black
-            //     @var * 2
-            //
-            expression: function () {
-                var e, delim, entities = [];
-
-                while (e = $(this.addition) || $(this.entity)) {
-                    entities.push(e);
-                    // operations do not allow keyword "/" dimension (e.g. small/20px) so we support that here
-                    if (!peek(/^\/[\/*]/) && (delim = $('/'))) {
-                        entities.push(new(tree.Anonymous)(delim));
-                    }
-                }
-                if (entities.length > 0) {
-                    return new(tree.Expression)(entities);
-                }
-            },
-            property: function () {
-                var name;
-
-                if (name = $(/^(\*?-?[_a-zA-Z0-9-]+)\s*:/)) {
-                    return name[1];
-                }
-            },
-            ruleProperty: function () {
-                var name;
-
-                if (name = $(/^(\*?-?[_a-zA-Z0-9-]+)\s*(\+?)\s*:/)) {
-                    return name[1] + (name[2] || "");
-                }
-            }
-        }
-    };
-};
-
-
-(function (tree) {
-
-tree.functions = {
-    rgb: function (r, g, b) {
-        return this.rgba(r, g, b, 1.0);
-    },
-    rgba: function (r, g, b, a) {
-        var rgb = [r, g, b].map(function (c) { return scaled(c, 256); });
-        a = number(a);
-        return new(tree.Color)(rgb, a);
-    },
-    hsl: function (h, s, l) {
-        return this.hsla(h, s, l, 1.0);
-    },
-    hsla: function (h, s, l, a) {
-        function hue(h) {
-            h = h < 0 ? h + 1 : (h > 1 ? h - 1 : h);
-            if      (h * 6 < 1) { return m1 + (m2 - m1) * h * 6; }
-            else if (h * 2 < 1) { return m2; }
-            else if (h * 3 < 2) { return m1 + (m2 - m1) * (2/3 - h) * 6; }
-            else                { return m1; }
-        }
-
-        h = (number(h) % 360) / 360;
-        s = clamp(number(s)); l = clamp(number(l)); a = clamp(number(a));
-
-        var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
-        var m1 = l * 2 - m2;
-
-        return this.rgba(hue(h + 1/3) * 255,
-                         hue(h)       * 255,
-                         hue(h - 1/3) * 255,
-                         a);
-    },
-
-    hsv: function(h, s, v) {
-        return this.hsva(h, s, v, 1.0);
-    },
-
-    hsva: function(h, s, v, a) {
-        h = ((number(h) % 360) / 360) * 360;
-        s = number(s); v = number(v); a = number(a);
-
-        var i, f;
-        i = Math.floor((h / 60) % 6);
-        f = (h / 60) - i;
-
-        var vs = [v,
-                  v * (1 - s),
-                  v * (1 - f * s),
-                  v * (1 - (1 - f) * s)];
-        var perm = [[0, 3, 1],
-                    [2, 0, 1],
-                    [1, 0, 3],
-                    [1, 2, 0],
-                    [3, 1, 0],
-                    [0, 1, 2]];
-
-        return this.rgba(vs[perm[i][0]] * 255,
-                         vs[perm[i][1]] * 255,
-                         vs[perm[i][2]] * 255,
-                         a);
-    },
-
-    hue: function (color) {
-        return new(tree.Dimension)(Math.round(color.toHSL().h));
-    },
-    saturation: function (color) {
-        return new(tree.Dimension)(Math.round(color.toHSL().s * 100), '%');
-    },
-    lightness: function (color) {
-        return new(tree.Dimension)(Math.round(color.toHSL().l * 100), '%');
-    },
-    hsvhue: function(color) {
-        return new(tree.Dimension)(Math.round(color.toHSV().h));
-    },
-    hsvsaturation: function (color) {
-        return new(tree.Dimension)(Math.round(color.toHSV().s * 100), '%');
-    },
-    hsvvalue: function (color) {
-        return new(tree.Dimension)(Math.round(color.toHSV().v * 100), '%');
-    },
-    red: function (color) {
-        return new(tree.Dimension)(color.rgb[0]);
-    },
-    green: function (color) {
-        return new(tree.Dimension)(color.rgb[1]);
-    },
-    blue: function (color) {
-        return new(tree.Dimension)(color.rgb[2]);
-    },
-    alpha: function (color) {
-        return new(tree.Dimension)(color.toHSL().a);
-    },
-    luma: function (color) {
-        return new(tree.Dimension)(Math.round(color.luma() * color.alpha * 100), '%');
-    },
-    saturate: function (color, amount) {
-        // filter: saturate(3.2);
-        // should be kept as is, so check for color
-        if (!color.rgb) {
-            return null;
-        }
-        var hsl = color.toHSL();
-
-        hsl.s += amount.value / 100;
-        hsl.s = clamp(hsl.s);
-        return hsla(hsl);
-    },
-    desaturate: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.s -= amount.value / 100;
-        hsl.s = clamp(hsl.s);
-        return hsla(hsl);
-    },
-    lighten: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.l += amount.value / 100;
-        hsl.l = clamp(hsl.l);
-        return hsla(hsl);
-    },
-    darken: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.l -= amount.value / 100;
-        hsl.l = clamp(hsl.l);
-        return hsla(hsl);
-    },
-    fadein: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.a += amount.value / 100;
-        hsl.a = clamp(hsl.a);
-        return hsla(hsl);
-    },
-    fadeout: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.a -= amount.value / 100;
-        hsl.a = clamp(hsl.a);
-        return hsla(hsl);
-    },
-    fade: function (color, amount) {
-        var hsl = color.toHSL();
-
-        hsl.a = amount.value / 100;
-        hsl.a = clamp(hsl.a);
-        return hsla(hsl);
-    },
-    spin: function (color, amount) {
-        var hsl = color.toHSL();
-        var hue = (hsl.h + amount.value) % 360;
-
-        hsl.h = hue < 0 ? 360 + hue : hue;
-
-        return hsla(hsl);
-    },
-    //
-    // Copyright (c) 2006-2009 Hampton Catlin, Nathan Weizenbaum, and Chris Eppstein
-    // http://sass-lang.com
-    //
-    mix: function (color1, color2, weight) {
-        if (!weight) {
-            weight = new(tree.Dimension)(50);
-        }
-        var p = weight.value / 100.0;
-        var w = p * 2 - 1;
-        var a = color1.toHSL().a - color2.toHSL().a;
-
-        var w1 = (((w * a == -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
-        var w2 = 1 - w1;
-
-        var rgb = [color1.rgb[0] * w1 + color2.rgb[0] * w2,
-                   color1.rgb[1] * w1 + color2.rgb[1] * w2,
-                   color1.rgb[2] * w1 + color2.rgb[2] * w2];
-
-        var alpha = color1.alpha * p + color2.alpha * (1 - p);
-
-        return new(tree.Color)(rgb, alpha);
-    },
-    greyscale: function (color) {
-        return this.desaturate(color, new(tree.Dimension)(100));
-    },
-    contrast: function (color, dark, light, threshold) {
-        // filter: contrast(3.2);
-        // should be kept as is, so check for color
-        if (!color.rgb) {
-            return null;
-        }
-        if (typeof light === 'undefined') {
-            light = this.rgba(255, 255, 255, 1.0);
-        }
-        if (typeof dark === 'undefined') {
-            dark = this.rgba(0, 0, 0, 1.0);
-        }
-        //Figure out which is actually light and dark!
-        if (dark.luma() > light.luma()) {
-            var t = light;
-            light = dark;
-            dark = t;
-        }
-        if (typeof threshold === 'undefined') {
-            threshold = 0.43;
-        } else {
-            threshold = number(threshold);
-        }
-        if ((color.luma() * color.alpha) < threshold) {
-            return light;
-        } else {
-            return dark;
-        }
-    },
-    e: function (str) {
-        return new(tree.Anonymous)(str instanceof tree.JavaScript ? str.evaluated : str);
-    },
-    escape: function (str) {
-        return new(tree.Anonymous)(encodeURI(str.value).replace(/=/g, "%3D").replace(/:/g, "%3A").replace(/#/g, "%23").replace(/;/g, "%3B").replace(/\(/g, "%28").replace(/\)/g, "%29"));
-    },
-    '%': function (quoted /* arg, arg, ...*/) {
-        var args = Array.prototype.slice.call(arguments, 1),
-            str = quoted.value;
-
-        for (var i = 0; i < args.length; i++) {
-            /*jshint loopfunc:true */
-            str = str.replace(/%[sda]/i, function(token) {
-                var value = token.match(/s/i) ? args[i].value : args[i].toCSS();
-                return token.match(/[A-Z]$/) ? encodeURIComponent(value) : value;
-            });
-        }
-        str = str.replace(/%%/g, '%');
-        return new(tree.Quoted)('"' + str + '"', str);
-    },
-    unit: function (val, unit) {
-        if(!(val instanceof tree.Dimension)) {
-            throw { type: "Argument", message: "the first argument to unit must be a number" + (val instanceof tree.Operation ? ". Have you forgotten parenthesis?" : "") };
-        }
-        return new(tree.Dimension)(val.value, unit ? unit.toCSS() : "");
-    },
-    convert: function (val, unit) {
-        return val.convertTo(unit.value);
-    },
-    round: function (n, f) {
-        var fraction = typeof(f) === "undefined" ? 0 : f.value;
-        return this._math(function(num) { return num.toFixed(fraction); }, null, n);
-    },
-    pi: function () {
-        return new(tree.Dimension)(Math.PI);
-    },
-    mod: function(a, b) {
-        return new(tree.Dimension)(a.value % b.value, a.unit);
-    },
-    pow: function(x, y) {
-        if (typeof x === "number" && typeof y === "number") {
-            x = new(tree.Dimension)(x);
-            y = new(tree.Dimension)(y);
-        } else if (!(x instanceof tree.Dimension) || !(y instanceof tree.Dimension)) {
-            throw { type: "Argument", message: "arguments must be numbers" };
-        }
-
-        return new(tree.Dimension)(Math.pow(x.value, y.value), x.unit);
-    },
-    _math: function (fn, unit, n) {
-        if (n instanceof tree.Dimension) {
-            /*jshint eqnull:true */
-            return new(tree.Dimension)(fn(parseFloat(n.value)), unit == null ? n.unit : unit);
-        } else if (typeof(n) === 'number') {
-            return fn(n);
-        } else {
-            throw { type: "Argument", message: "argument must be a number" };
-        }
-    },
-    _minmax: function (isMin, args) {
-        args = Array.prototype.slice.call(args);
-        switch(args.length) {
-        case 0: throw { type: "Argument", message: "one or more arguments required" };
-        case 1: return args[0];
-        }
-        var i, j, current, currentUnified, referenceUnified, unit,
-            order  = [], // elems only contains original argument values.
-            values = {}; // key is the unit.toString() for unified tree.Dimension values,
-                         // value is the index into the order array.
-        for (i = 0; i < args.length; i++) {
-            current = args[i];
-            if (!(current instanceof tree.Dimension)) {
-                order.push(current);
-                continue;
-            }
-            currentUnified = current.unify();
-            unit = currentUnified.unit.toString();
-            j = values[unit];
-            if (j === undefined) {
-                values[unit] = order.length;
-                order.push(current);
-                continue;
-            }
-            referenceUnified = order[j].unify();
-            if ( isMin && currentUnified.value < referenceUnified.value ||
-                !isMin && currentUnified.value > referenceUnified.value) {
-                order[j] = current;
-            }
-        }
-        if (order.length == 1) {
-            return order[0];
-        }
-        args = order.map(function (a) { return a.toCSS(this.env); })
-                    .join(this.env.compress ? "," : ", ");
-        return new(tree.Anonymous)((isMin ? "min" : "max") + "(" + args + ")");
-    },
-    min: function () {
-        return this._minmax(true, arguments);
-    },
-    max: function () {
-        return this._minmax(false, arguments);
-    },
-    argb: function (color) {
-        return new(tree.Anonymous)(color.toARGB());
-
-    },
-    percentage: function (n) {
-        return new(tree.Dimension)(n.value * 100, '%');
-    },
-    color: function (n) {
-        if (n instanceof tree.Quoted) {
-            var colorCandidate = n.value,
-                returnColor;
-            returnColor = tree.Color.fromKeyword(colorCandidate);
-            if (returnColor) {
-                return returnColor;
-            }
-            if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/.test(colorCandidate)) {
-                return new(tree.Color)(colorCandidate.slice(1));
-            }
-            throw { type: "Argument", message: "argument must be a color keyword or 3/6 digit hex e.g. #FFF" };
-        } else {
-            throw { type: "Argument", message: "argument must be a string" };
-        }
-    },
-    iscolor: function (n) {
-        return this._isa(n, tree.Color);
-    },
-    isnumber: function (n) {
-        return this._isa(n, tree.Dimension);
-    },
-    isstring: function (n) {
-        return this._isa(n, tree.Quoted);
-    },
-    iskeyword: function (n) {
-        return this._isa(n, tree.Keyword);
-    },
-    isurl: function (n) {
-        return this._isa(n, tree.URL);
-    },
-    ispixel: function (n) {
-        return this.isunit(n, 'px');
-    },
-    ispercentage: function (n) {
-        return this.isunit(n, '%');
-    },
-    isem: function (n) {
-        return this.isunit(n, 'em');
-    },
-    isunit: function (n, unit) {
-        return (n instanceof tree.Dimension) && n.unit.is(unit.value || unit) ? tree.True : tree.False;
-    },
-    _isa: function (n, Type) {
-        return (n instanceof Type) ? tree.True : tree.False;
-    },
-    
-    /* Blending modes */
-    
-    multiply: function(color1, color2) {
-        var r = color1.rgb[0] * color2.rgb[0] / 255;
-        var g = color1.rgb[1] * color2.rgb[1] / 255;
-        var b = color1.rgb[2] * color2.rgb[2] / 255;
-        return this.rgb(r, g, b);
-    },
-    screen: function(color1, color2) {
-        var r = 255 - (255 - color1.rgb[0]) * (255 - color2.rgb[0]) / 255;
-        var g = 255 - (255 - color1.rgb[1]) * (255 - color2.rgb[1]) / 255;
-        var b = 255 - (255 - color1.rgb[2]) * (255 - color2.rgb[2]) / 255;
-        return this.rgb(r, g, b);
-    },
-    overlay: function(color1, color2) {
-        var r = color1.rgb[0] < 128 ? 2 * color1.rgb[0] * color2.rgb[0] / 255 : 255 - 2 * (255 - color1.rgb[0]) * (255 - color2.rgb[0]) / 255;
-        var g = color1.rgb[1] < 128 ? 2 * color1.rgb[1] * color2.rgb[1] / 255 : 255 - 2 * (255 - color1.rgb[1]) * (255 - color2.rgb[1]) / 255;
-        var b = color1.rgb[2] < 128 ? 2 * color1.rgb[2] * color2.rgb[2] / 255 : 255 - 2 * (255 - color1.rgb[2]) * (255 - color2.rgb[2]) / 255;
-        return this.rgb(r, g, b);
-    },
-    softlight: function(color1, color2) {
-        var t = color2.rgb[0] * color1.rgb[0] / 255;
-        var r = t + color1.rgb[0] * (255 - (255 - color1.rgb[0]) * (255 - color2.rgb[0]) / 255 - t) / 255;
-        t = color2.rgb[1] * color1.rgb[1] / 255;
-        var g = t + color1.rgb[1] * (255 - (255 - color1.rgb[1]) * (255 - color2.rgb[1]) / 255 - t) / 255;
-        t = color2.rgb[2] * color1.rgb[2] / 255;
-        var b = t + color1.rgb[2] * (255 - (255 - color1.rgb[2]) * (255 - color2.rgb[2]) / 255 - t) / 255;
-        return this.rgb(r, g, b);
-    },
-    hardlight: function(color1, color2) {
-        var r = color2.rgb[0] < 128 ? 2 * color2.rgb[0] * color1.rgb[0] / 255 : 255 - 2 * (255 - color2.rgb[0]) * (255 - color1.rgb[0]) / 255;
-        var g = color2.rgb[1] < 128 ? 2 * color2.rgb[1] * color1.rgb[1] / 255 : 255 - 2 * (255 - color2.rgb[1]) * (255 - color1.rgb[1]) / 255;
-        var b = color2.rgb[2] < 128 ? 2 * color2.rgb[2] * color1.rgb[2] / 255 : 255 - 2 * (255 - color2.rgb[2]) * (255 - color1.rgb[2]) / 255;
-        return this.rgb(r, g, b);
-    },
-    difference: function(color1, color2) {
-        var r = Math.abs(color1.rgb[0] - color2.rgb[0]);
-        var g = Math.abs(color1.rgb[1] - color2.rgb[1]);
-        var b = Math.abs(color1.rgb[2] - color2.rgb[2]);
-        return this.rgb(r, g, b);
-    },
-    exclusion: function(color1, color2) {
-        var r = color1.rgb[0] + color2.rgb[0] * (255 - color1.rgb[0] - color1.rgb[0]) / 255;
-        var g = color1.rgb[1] + color2.rgb[1] * (255 - color1.rgb[1] - color1.rgb[1]) / 255;
-        var b = color1.rgb[2] + color2.rgb[2] * (255 - color1.rgb[2] - color1.rgb[2]) / 255;
-        return this.rgb(r, g, b);
-    },
-    average: function(color1, color2) {
-        var r = (color1.rgb[0] + color2.rgb[0]) / 2;
-        var g = (color1.rgb[1] + color2.rgb[1]) / 2;
-        var b = (color1.rgb[2] + color2.rgb[2]) / 2;
-        return this.rgb(r, g, b);
-    },
-    negation: function(color1, color2) {
-        var r = 255 - Math.abs(255 - color2.rgb[0] - color1.rgb[0]);
-        var g = 255 - Math.abs(255 - color2.rgb[1] - color1.rgb[1]);
-        var b = 255 - Math.abs(255 - color2.rgb[2] - color1.rgb[2]);
-        return this.rgb(r, g, b);
-    },
-    tint: function(color, amount) {
-        return this.mix(this.rgb(255,255,255), color, amount);
-    },
-    shade: function(color, amount) {
-        return this.mix(this.rgb(0, 0, 0), color, amount);
-    },   
-    extract: function(values, index) {
-        index = index.value - 1; // (1-based index)       
-        // handle non-array values as an array of length 1
-        // return 'undefined' if index is invalid
-        return Array.isArray(values.value) 
-            ? values.value[index] : Array(values)[index];
-    },
-    length: function(values) {
-        var n = Array.isArray(values.value) ? values.value.length : 1;
-        return new tree.Dimension(n);
-    },
-
-    "data-uri": function(mimetypeNode, filePathNode) {
-
-        if (typeof window !== 'undefined') {
-            return new tree.URL(filePathNode || mimetypeNode, this.currentFileInfo).eval(this.env);
-        }
-
-        var mimetype = mimetypeNode.value;
-        var filePath = (filePathNode && filePathNode.value);
-
-        var fs = require("fs"),
-            path = require("path"),
-            useBase64 = false;
-
-        if (arguments.length < 2) {
-            filePath = mimetype;
-        }
-
-        if (this.env.isPathRelative(filePath)) {
-            if (this.currentFileInfo.relativeUrls) {
-                filePath = path.join(this.currentFileInfo.currentDirectory, filePath);
-            } else {
-                filePath = path.join(this.currentFileInfo.entryPath, filePath);
-            }
-        }
-
-        // detect the mimetype if not given
-        if (arguments.length < 2) {
-            var mime;
-            try {
-                mime = require('mime');
-            } catch (ex) {
-                mime = tree._mime;
-            }
-
-            mimetype = mime.lookup(filePath);
-
-            // use base 64 unless it's an ASCII or UTF-8 format
-            var charset = mime.charsets.lookup(mimetype);
-            useBase64 = ['US-ASCII', 'UTF-8'].indexOf(charset) < 0;
-            if (useBase64) { mimetype += ';base64'; }
-        }
-        else {
-            useBase64 = /;base64$/.test(mimetype);
-        }
-
-        var buf = fs.readFileSync(filePath);
-
-        // IE8 cannot handle a data-uri larger than 32KB. If this is exceeded
-        // and the --ieCompat flag is enabled, return a normal url() instead.
-        var DATA_URI_MAX_KB = 32,
-            fileSizeInKB = parseInt((buf.length / 1024), 10);
-        if (fileSizeInKB >= DATA_URI_MAX_KB) {
-
-            if (this.env.ieCompat !== false) {
-                if (!this.env.silent) {
-                    console.warn("Skipped data-uri embedding of %s because its size (%dKB) exceeds IE8-safe %dKB!", filePath, fileSizeInKB, DATA_URI_MAX_KB);
-                }
-
-                return new tree.URL(filePathNode || mimetypeNode, this.currentFileInfo).eval(this.env);
-            }
-        }
-
-        buf = useBase64 ? buf.toString('base64')
-                        : encodeURIComponent(buf);
-
-        var uri = "'data:" + mimetype + ',' + buf + "'";
-        return new(tree.URL)(new(tree.Anonymous)(uri));
-    },
-
-    "svg-gradient": function(direction) {
-
-        function throwArgumentDescriptor() {
-            throw { type: "Argument", message: "svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position]" };
-        }
-
-        if (arguments.length < 3) {
-            throwArgumentDescriptor();
-        }
-        var stops = Array.prototype.slice.call(arguments, 1),
-            gradientDirectionSvg,
-            gradientType = "linear",
-            rectangleDimension = 'x="0" y="0" width="1" height="1"',
-            useBase64 = true,
-            renderEnv = {compress: false},
-            returner,
-            directionValue = direction.toCSS(renderEnv),
-            i, color, position, positionValue, alpha;
-
-        switch (directionValue) {
-            case "to bottom":
-                gradientDirectionSvg = 'x1="0%" y1="0%" x2="0%" y2="100%"';
-                break;
-            case "to right":
-                gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="0%"';
-                break;
-            case "to bottom right":
-                gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="100%"';
-                break;
-            case "to top right":
-                gradientDirectionSvg = 'x1="0%" y1="100%" x2="100%" y2="0%"';
-                break;
-            case "ellipse":
-            case "ellipse at center":
-                gradientType = "radial";
-                gradientDirectionSvg = 'cx="50%" cy="50%" r="75%"';
-                rectangleDimension = 'x="-50" y="-50" width="101" height="101"';
-                break;
-            default:
-                throw { type: "Argument", message: "svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center'" };
-        }
-        returner = '<?xml version="1.0" ?>' +
-            '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">' +
-            '<' + gradientType + 'Gradient id="gradient" gradientUnits="userSpaceOnUse" ' + gradientDirectionSvg + '>';
-
-        for (i = 0; i < stops.length; i+= 1) {
-            if (stops[i].value) {
-                color = stops[i].value[0];
-                position = stops[i].value[1];
-            } else {
-                color = stops[i];
-                position = undefined;
-            }
-
-            if (!(color instanceof tree.Color) || (!((i === 0 || i+1 === stops.length) && position === undefined) && !(position instanceof tree.Dimension))) {
-                throwArgumentDescriptor();
-            }
-            positionValue = position ? position.toCSS(renderEnv) : i === 0 ? "0%" : "100%";
-            alpha = color.alpha;
-            returner += '<stop offset="' + positionValue + '" stop-color="' + color.toRGB() + '"' + (alpha < 1 ? ' stop-opacity="' + alpha + '"' : '') + '/>';
-        }
-        returner += '</' + gradientType + 'Gradient>' +
-                    '<rect ' + rectangleDimension + ' fill="url(#gradient)" /></svg>';
-
-        if (useBase64) {
-            // only works in node, needs interface to what is supported in environment
-            try {
-                returner = new Buffer(returner).toString('base64');
-            } catch(e) {
-                useBase64 = false;
-            }
-        }
-
-        returner = "'data:image/svg+xml" + (useBase64 ? ";base64" : "") + "," + returner + "'";
-        return new(tree.URL)(new(tree.Anonymous)(returner));
-    }
-};
-
-// these static methods are used as a fallback when the optional 'mime' dependency is missing
-tree._mime = {
-    // this map is intentionally incomplete
-    // if you want more, install 'mime' dep
-    _types: {
-        '.htm' : 'text/html',
-        '.html': 'text/html',
-        '.gif' : 'image/gif',
-        '.jpg' : 'image/jpeg',
-        '.jpeg': 'image/jpeg',
-        '.png' : 'image/png'
-    },
-    lookup: function (filepath) {
-        var ext = require('path').extname(filepath),
-            type = tree._mime._types[ext];
-        if (type === undefined) {
-            throw new Error('Optional dependency "mime" is required for ' + ext);
-        }
-        return type;
-    },
-    charsets: {
-        lookup: function (type) {
-            // assumes all text types are UTF-8
-            return type && (/^text\//).test(type) ? 'UTF-8' : '';
-        }
-    }
-};
-
-var mathFunctions = [{name:"ceil"}, {name:"floor"}, {name: "sqrt"}, {name:"abs"},
-        {name:"tan", unit: ""}, {name:"sin", unit: ""}, {name:"cos", unit: ""},
-        {name:"atan", unit: "rad"}, {name:"asin", unit: "rad"}, {name:"acos", unit: "rad"}],
-    createMathFunction = function(name, unit) {
-        return function(n) {
-            /*jshint eqnull:true */
-            if (unit != null) {
-                n = n.unify();
-            }
-            return this._math(Math[name], unit, n);
-        };
-    };
-
-for(var i = 0; i < mathFunctions.length; i++) {
-    tree.functions[mathFunctions[i].name] = createMathFunction(mathFunctions[i].name, mathFunctions[i].unit);
-}
-
-function hsla(color) {
-    return tree.functions.hsla(color.h, color.s, color.l, color.a);
-}
-
-function scaled(n, size) {
-    if (n instanceof tree.Dimension && n.unit.is('%')) {
-        return parseFloat(n.value * size / 100);
-    } else {
-        return number(n);
-    }
-}
-
-function number(n) {
-    if (n instanceof tree.Dimension) {
-        return parseFloat(n.unit.is('%') ? n.value / 100 : n.value);
-    } else if (typeof(n) === 'number') {
-        return n;
-    } else {
-        throw {
-            error: "RuntimeError",
-            message: "color functions take numbers as parameters"
-        };
-    }
-}
-
-function clamp(val) {
-    return Math.min(1, Math.max(0, val));
-}
-
-tree.functionCall = function(env, currentFileInfo) {
-    this.env = env;
-    this.currentFileInfo = currentFileInfo;
-};
-
-tree.functionCall.prototype = tree.functions;
-
-})(require('./tree'));
-
-(function (tree) {
-    tree.colors = {
-        'aliceblue':'#f0f8ff',
-        'antiquewhite':'#faebd7',
-        'aqua':'#00ffff',
-        'aquamarine':'#7fffd4',
-        'azure':'#f0ffff',
-        'beige':'#f5f5dc',
-        'bisque':'#ffe4c4',
-        'black':'#000000',
-        'blanchedalmond':'#ffebcd',
-        'blue':'#0000ff',
-        'blueviolet':'#8a2be2',
-        'brown':'#a52a2a',
-        'burlywood':'#deb887',
-        'cadetblue':'#5f9ea0',
-        'chartreuse':'#7fff00',
-        'chocolate':'#d2691e',
-        'coral':'#ff7f50',
-        'cornflowerblue':'#6495ed',
-        'cornsilk':'#fff8dc',
-        'crimson':'#dc143c',
-        'cyan':'#00ffff',
-        'darkblue':'#00008b',
-        'darkcyan':'#008b8b',
-        'darkgoldenrod':'#b8860b',
-        'darkgray':'#a9a9a9',
-        'darkgrey':'#a9a9a9',
-        'darkgreen':'#006400',
-        'darkkhaki':'#bdb76b',
-        'darkmagenta':'#8b008b',
-        'darkolivegreen':'#556b2f',
-        'darkorange':'#ff8c00',
-        'darkorchid':'#9932cc',
-        'darkred':'#8b0000',
-        'darksalmon':'#e9967a',
-        'darkseagreen':'#8fbc8f',
-        'darkslateblue':'#483d8b',
-        'darkslategray':'#2f4f4f',
-        'darkslategrey':'#2f4f4f',
-        'darkturquoise':'#00ced1',
-        'darkviolet':'#9400d3',
-        'deeppink':'#ff1493',
-        'deepskyblue':'#00bfff',
-        'dimgray':'#696969',
-        'dimgrey':'#696969',
-        'dodgerblue':'#1e90ff',
-        'firebrick':'#b22222',
-        'floralwhite':'#fffaf0',
-        'forestgreen':'#228b22',
-        'fuchsia':'#ff00ff',
-        'gainsboro':'#dcdcdc',
-        'ghostwhite':'#f8f8ff',
-        'gold':'#ffd700',
-        'goldenrod':'#daa520',
-        'gray':'#808080',
-        'grey':'#808080',
-        'green':'#008000',
-        'greenyellow':'#adff2f',
-        'honeydew':'#f0fff0',
-        'hotpink':'#ff69b4',
-        'indianred':'#cd5c5c',
-        'indigo':'#4b0082',
-        'ivory':'#fffff0',
-        'khaki':'#f0e68c',
-        'lavender':'#e6e6fa',
-        'lavenderblush':'#fff0f5',
-        'lawngreen':'#7cfc00',
-        'lemonchiffon':'#fffacd',
-        'lightblue':'#add8e6',
-        'lightcoral':'#f08080',
-        'lightcyan':'#e0ffff',
-        'lightgoldenrodyellow':'#fafad2',
-        'lightgray':'#d3d3d3',
-        'lightgrey':'#d3d3d3',
-        'lightgreen':'#90ee90',
-        'lightpink':'#ffb6c1',
-        'lightsalmon':'#ffa07a',
-        'lightseagreen':'#20b2aa',
-        'lightskyblue':'#87cefa',
-        'lightslategray':'#778899',
-        'lightslategrey':'#778899',
-        'lightsteelblue':'#b0c4de',
-        'lightyellow':'#ffffe0',
-        'lime':'#00ff00',
-        'limegreen':'#32cd32',
-        'linen':'#faf0e6',
-        'magenta':'#ff00ff',
-        'maroon':'#800000',
-        'mediumaquamarine':'#66cdaa',
-        'mediumblue':'#0000cd',
-        'mediumorchid':'#ba55d3',
-        'mediumpurple':'#9370d8',
-        'mediumseagreen':'#3cb371',
-        'mediumslateblue':'#7b68ee',
-        'mediumspringgreen':'#00fa9a',
-        'mediumturquoise':'#48d1cc',
-        'mediumvioletred':'#c71585',
-        'midnightblue':'#191970',
-        'mintcream':'#f5fffa',
-        'mistyrose':'#ffe4e1',
-        'moccasin':'#ffe4b5',
-        'navajowhite':'#ffdead',
-        'navy':'#000080',
-        'oldlace':'#fdf5e6',
-        'olive':'#808000',
-        'olivedrab':'#6b8e23',
-        'orange':'#ffa500',
-        'orangered':'#ff4500',
-        'orchid':'#da70d6',
-        'palegoldenrod':'#eee8aa',
-        'palegreen':'#98fb98',
-        'paleturquoise':'#afeeee',
-        'palevioletred':'#d87093',
-        'papayawhip':'#ffefd5',
-        'peachpuff':'#ffdab9',
-        'peru':'#cd853f',
-        'pink':'#ffc0cb',
-        'plum':'#dda0dd',
-        'powderblue':'#b0e0e6',
-        'purple':'#800080',
-        'red':'#ff0000',
-        'rosybrown':'#bc8f8f',
-        'royalblue':'#4169e1',
-        'saddlebrown':'#8b4513',
-        'salmon':'#fa8072',
-        'sandybrown':'#f4a460',
-        'seagreen':'#2e8b57',
-        'seashell':'#fff5ee',
-        'sienna':'#a0522d',
-        'silver':'#c0c0c0',
-        'skyblue':'#87ceeb',
-        'slateblue':'#6a5acd',
-        'slategray':'#708090',
-        'slategrey':'#708090',
-        'snow':'#fffafa',
-        'springgreen':'#00ff7f',
-        'steelblue':'#4682b4',
-        'tan':'#d2b48c',
-        'teal':'#008080',
-        'thistle':'#d8bfd8',
-        'tomato':'#ff6347',
-        'turquoise':'#40e0d0',
-        'violet':'#ee82ee',
-        'wheat':'#f5deb3',
-        'white':'#ffffff',
-        'whitesmoke':'#f5f5f5',
-        'yellow':'#ffff00',
-        'yellowgreen':'#9acd32'
-    };
-})(require('./tree'));
-
-(function (tree) {
-
-tree.debugInfo = function(env, ctx, lineSeperator) {
-    var result="";
-    if (env.dumpLineNumbers && !env.compress) {
-        switch(env.dumpLineNumbers) {
-            case 'comments':
-                result = tree.debugInfo.asComment(ctx);
-                break;
-            case 'mediaquery':
-                result = tree.debugInfo.asMediaQuery(ctx);
-                break;
-            case 'all':
-                result = tree.debugInfo.asComment(ctx) + (lineSeperator || "") + tree.debugInfo.asMediaQuery(ctx);
-                break;
-        }
-    }
-    return result;
-};
-
-tree.debugInfo.asComment = function(ctx) {
-    return '/* line ' + ctx.debugInfo.lineNumber + ', ' + ctx.debugInfo.fileName + ' */\n';
-};
-
-tree.debugInfo.asMediaQuery = function(ctx) {
-    return '@media -sass-debug-info{filename{font-family:' +
-        ('file://' + ctx.debugInfo.fileName).replace(/([.:/\\])/g, function (a) {
-            if (a == '\\') {
-                a = '\/';
-            }
-            return '\\' + a;
-        }) +
-        '}line{font-family:\\00003' + ctx.debugInfo.lineNumber + '}}\n';
-};
-
-tree.find = function (obj, fun) {
-    for (var i = 0, r; i < obj.length; i++) {
-        if (r = fun.call(obj, obj[i])) { return r; }
-    }
-    return null;
-};
-
-tree.jsify = function (obj) {
-    if (Array.isArray(obj.value) && (obj.value.length > 1)) {
-        return '[' + obj.value.map(function (v) { return v.toCSS(false); }).join(', ') + ']';
-    } else {
-        return obj.toCSS(false);
-    }
-};
-
-tree.toCSS = function (env) {
-    var strs = [];
-    this.genCSS(env, {
-        add: function(chunk, fileInfo, index) {
-            strs.push(chunk);
-        },
-        isEmpty: function () {
-            return strs.length === 0;
-        }
-    });
-    return strs.join('');
-};
-
-tree.outputRuleset = function (env, output, rules) {
-    output.add((env.compress ? '{' : ' {\n'));
-    env.tabLevel = (env.tabLevel || 0) + 1;
-    var tabRuleStr = env.compress ? '' : Array(env.tabLevel + 1).join("  "),
-        tabSetStr = env.compress ? '' : Array(env.tabLevel).join("  ");
-    for(var i = 0; i < rules.length; i++) {
-        output.add(tabRuleStr);
-        rules[i].genCSS(env, output);
-        output.add(env.compress ? '' : '\n');
-    }
-    env.tabLevel--;
-    output.add(tabSetStr + "}");
-};
-
-})(require('./tree'));
-
-(function (tree) {
-
-tree.Alpha = function (val) {
-    this.value = val;
-};
-tree.Alpha.prototype = {
-    type: "Alpha",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        if (this.value.eval) { return new tree.Alpha(this.value.eval(env)); }
-        return this;
-    },
-    genCSS: function (env, output) {
-        output.add("alpha(opacity=");
-
-        if (this.value.genCSS) {
-            this.value.genCSS(env, output);
-        } else {
-            output.add(this.value);
-        }
-
-        output.add(")");
-    },
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Anonymous = function (string, index, currentFileInfo, mapLines) {
-    this.value = string.value || string;
-    this.index = index;
-    this.mapLines = mapLines;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Anonymous.prototype = {
-    type: "Anonymous",
-    eval: function () { return this; },
-    compare: function (x) {
-        if (!x.toCSS) {
-            return -1;
-        }
-        
-        var left = this.toCSS(),
-            right = x.toCSS();
-        
-        if (left === right) {
-            return 0;
-        }
-        
-        return left < right ? -1 : 1;
-    },
-    genCSS: function (env, output) {
-        output.add(this.value, this.currentFileInfo, this.index, this.mapLines);
-    },
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Assignment = function (key, val) {
-    this.key = key;
-    this.value = val;
-};
-tree.Assignment.prototype = {
-    type: "Assignment",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        if (this.value.eval) {
-            return new(tree.Assignment)(this.key, this.value.eval(env));
-        }
-        return this;
-    },
-    genCSS: function (env, output) {
-        output.add(this.key + '=');
-        if (this.value.genCSS) {
-            this.value.genCSS(env, output);
-        } else {
-            output.add(this.value);
-        }
-    },
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-//
-// A function call node.
-//
-tree.Call = function (name, args, index, currentFileInfo) {
-    this.name = name;
-    this.args = args;
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Call.prototype = {
-    type: "Call",
-    accept: function (visitor) {
-        this.args = visitor.visit(this.args);
-    },
-    //
-    // When evaluating a function call,
-    // we either find the function in `tree.functions` [1],
-    // in which case we call it, passing the  evaluated arguments,
-    // if this returns null or we cannot find the function, we 
-    // simply print it out as it appeared originally [2].
-    //
-    // The *functions.js* file contains the built-in functions.
-    //
-    // The reason why we evaluate the arguments, is in the case where
-    // we try to pass a variable to a function, like: `saturate(@color)`.
-    // The function should receive the value, not the variable.
-    //
-    eval: function (env) {
-        var args = this.args.map(function (a) { return a.eval(env); }),
-            nameLC = this.name.toLowerCase(),
-            result, func;
-
-        if (nameLC in tree.functions) { // 1.
-            try {
-                func = new tree.functionCall(env, this.currentFileInfo);
-                result = func[nameLC].apply(func, args);
-                /*jshint eqnull:true */
-                if (result != null) {
-                    return result;
-                }
-            } catch (e) {
-                throw { type: e.type || "Runtime",
-                        message: "error evaluating function `" + this.name + "`" +
-                                 (e.message ? ': ' + e.message : ''),
-                        index: this.index, filename: this.currentFileInfo.filename };
-            }
-        }
-
-        return new tree.Call(this.name, args, this.index, this.currentFileInfo);
-    },
-
-    genCSS: function (env, output) {
-        output.add(this.name + "(", this.currentFileInfo, this.index);
-
-        for(var i = 0; i < this.args.length; i++) {
-            this.args[i].genCSS(env, output);
-            if (i + 1 < this.args.length) {
-                output.add(", ");
-            }
-        }
-
-        output.add(")");
-    },
-
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-//
-// RGB Colors - #ff0014, #eee
-//
-tree.Color = function (rgb, a) {
-    //
-    // The end goal here, is to parse the arguments
-    // into an integer triplet, such as `128, 255, 0`
-    //
-    // This facilitates operations and conversions.
-    //
-    if (Array.isArray(rgb)) {
-        this.rgb = rgb;
-    } else if (rgb.length == 6) {
-        this.rgb = rgb.match(/.{2}/g).map(function (c) {
-            return parseInt(c, 16);
-        });
-    } else {
-        this.rgb = rgb.split('').map(function (c) {
-            return parseInt(c + c, 16);
-        });
-    }
-    this.alpha = typeof(a) === 'number' ? a : 1;
-};
-
-var transparentKeyword = "transparent";
-
-tree.Color.prototype = {
-    type: "Color",
-    eval: function () { return this; },
-    luma: function () { return (0.2126 * this.rgb[0] / 255) + (0.7152 * this.rgb[1] / 255) + (0.0722 * this.rgb[2] / 255); },
-
-    genCSS: function (env, output) {
-        output.add(this.toCSS(env));
-    },
-    toCSS: function (env, doNotCompress) {
-        var compress = env && env.compress && !doNotCompress;
-
-        // If we have some transparency, the only way to represent it
-        // is via `rgba`. Otherwise, we use the hex representation,
-        // which has better compatibility with older browsers.
-        // Values are capped between `0` and `255`, rounded and zero-padded.
-        if (this.alpha < 1.0) {
-            if (this.alpha === 0 && this.isTransparentKeyword) {
-                return transparentKeyword;
-            }
-            return "rgba(" + this.rgb.map(function (c) {
-                return Math.round(c);
-            }).concat(this.alpha).join(',' + (compress ? '' : ' ')) + ")";
-        } else {
-            var color = this.toRGB();
-
-            if (compress) {
-                var splitcolor = color.split('');
-
-                // Convert color to short format
-                if (splitcolor[1] === splitcolor[2] && splitcolor[3] === splitcolor[4] && splitcolor[5] === splitcolor[6]) {
-                    color = '#' + splitcolor[1] + splitcolor[3] + splitcolor[5];
-                }
-            }
-
-            return color;
-        }
-    },
-
-    //
-    // Operations have to be done per-channel, if not,
-    // channels will spill onto each other. Once we have
-    // our result, in the form of an integer triplet,
-    // we create a new Color node to hold the result.
-    //
-    operate: function (env, op, other) {
-        var result = [];
-
-        if (! (other instanceof tree.Color)) {
-            other = other.toColor();
-        }
-
-        for (var c = 0; c < 3; c++) {
-            result[c] = tree.operate(env, op, this.rgb[c], other.rgb[c]);
-        }
-        return new(tree.Color)(result, this.alpha + other.alpha);
-    },
-
-    toRGB: function () {
-        return '#' + this.rgb.map(function (i) {
-            i = Math.round(i);
-            i = (i > 255 ? 255 : (i < 0 ? 0 : i)).toString(16);
-            return i.length === 1 ? '0' + i : i;
-        }).join('');
-    },
-
-    toHSL: function () {
-        var r = this.rgb[0] / 255,
-            g = this.rgb[1] / 255,
-            b = this.rgb[2] / 255,
-            a = this.alpha;
-
-        var max = Math.max(r, g, b), min = Math.min(r, g, b);
-        var h, s, l = (max + min) / 2, d = max - min;
-
-        if (max === min) {
-            h = s = 0;
-        } else {
-            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-
-            switch (max) {
-                case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-                case g: h = (b - r) / d + 2;               break;
-                case b: h = (r - g) / d + 4;               break;
-            }
-            h /= 6;
-        }
-        return { h: h * 360, s: s, l: l, a: a };
-    },
-    //Adapted from http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript
-    toHSV: function () {
-        var r = this.rgb[0] / 255,
-            g = this.rgb[1] / 255,
-            b = this.rgb[2] / 255,
-            a = this.alpha;
-
-        var max = Math.max(r, g, b), min = Math.min(r, g, b);
-        var h, s, v = max;
-
-        var d = max - min;
-        if (max === 0) {
-            s = 0;
-        } else {
-            s = d / max;
-        }
-
-        if (max === min) {
-            h = 0;
-        } else {
-            switch(max){
-                case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-                case g: h = (b - r) / d + 2; break;
-                case b: h = (r - g) / d + 4; break;
-            }
-            h /= 6;
-        }
-        return { h: h * 360, s: s, v: v, a: a };
-    },
-    toARGB: function () {
-        var argb = [Math.round(this.alpha * 255)].concat(this.rgb);
-        return '#' + argb.map(function (i) {
-            i = Math.round(i);
-            i = (i > 255 ? 255 : (i < 0 ? 0 : i)).toString(16);
-            return i.length === 1 ? '0' + i : i;
-        }).join('');
-    },
-    compare: function (x) {
-        if (!x.rgb) {
-            return -1;
-        }
-        
-        return (x.rgb[0] === this.rgb[0] &&
-            x.rgb[1] === this.rgb[1] &&
-            x.rgb[2] === this.rgb[2] &&
-            x.alpha === this.alpha) ? 0 : -1;
-    }
-};
-
-tree.Color.fromKeyword = function(keyword) {
-    if (tree.colors.hasOwnProperty(keyword)) {
-        // detect named color
-        return new(tree.Color)(tree.colors[keyword].slice(1));
-    }
-    if (keyword === transparentKeyword) {
-        var transparent = new(tree.Color)([0, 0, 0], 0);
-        transparent.isTransparentKeyword = true;
-        return transparent;
-    }
-};
-
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Comment = function (value, silent, index, currentFileInfo) {
-    this.value = value;
-    this.silent = !!silent;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Comment.prototype = {
-    type: "Comment",
-    genCSS: function (env, output) {
-        if (this.debugInfo) {
-            output.add(tree.debugInfo(env, this), this.currentFileInfo, this.index);
-        }
-        output.add(this.value.trim()); //TODO shouldn't need to trim, we shouldn't grab the \n
-    },
-    toCSS: tree.toCSS,
-    isSilent: function(env) {
-        var isReference = (this.currentFileInfo && this.currentFileInfo.reference && !this.isReferenced),
-            isCompressed = env.compress && !this.value.match(/^\/\*!/);
-        return this.silent || isReference || isCompressed;
-    },
-    eval: function () { return this; },
-    markReferenced: function () {
-        this.isReferenced = true;
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Condition = function (op, l, r, i, negate) {
-    this.op = op.trim();
-    this.lvalue = l;
-    this.rvalue = r;
-    this.index = i;
-    this.negate = negate;
-};
-tree.Condition.prototype = {
-    type: "Condition",
-    accept: function (visitor) {
-        this.lvalue = visitor.visit(this.lvalue);
-        this.rvalue = visitor.visit(this.rvalue);
-    },
-    eval: function (env) {
-        var a = this.lvalue.eval(env),
-            b = this.rvalue.eval(env);
-
-        var i = this.index, result;
-
-        result = (function (op) {
-            switch (op) {
-                case 'and':
-                    return a && b;
-                case 'or':
-                    return a || b;
-                default:
-                    if (a.compare) {
-                        result = a.compare(b);
-                    } else if (b.compare) {
-                        result = b.compare(a);
-                    } else {
-                        throw { type: "Type",
-                                message: "Unable to perform comparison",
-                                index: i };
-                    }
-                    switch (result) {
-                        case -1: return op === '<' || op === '=<' || op === '<=';
-                        case  0: return op === '=' || op === '>=' || op === '=<' || op === '<=';
-                        case  1: return op === '>' || op === '>=';
-                    }
-            }
-        })(this.op);
-        return this.negate ? !result : result;
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-//
-// A number with a unit
-//
-tree.Dimension = function (value, unit) {
-    this.value = parseFloat(value);
-    this.unit = (unit && unit instanceof tree.Unit) ? unit :
-      new(tree.Unit)(unit ? [unit] : undefined);
-};
-
-tree.Dimension.prototype = {
-    type: "Dimension",
-    accept: function (visitor) {
-        this.unit = visitor.visit(this.unit);
-    },
-    eval: function (env) {
-        return this;
-    },
-    toColor: function () {
-        return new(tree.Color)([this.value, this.value, this.value]);
-    },
-    genCSS: function (env, output) {
-        if ((env && env.strictUnits) && !this.unit.isSingular()) {
-            throw new Error("Multiple units in dimension. Correct the units or use the unit function. Bad unit: "+this.unit.toString());
-        }
-
-        var value = this.value,
-            strValue = String(value);
-
-        if (value !== 0 && value < 0.000001 && value > -0.000001) {
-            // would be output 1e-6 etc.
-            strValue = value.toFixed(20).replace(/0+$/, "");
-        }
-
-        if (env && env.compress) {
-            // Zero values doesn't need a unit
-            if (value === 0 && this.unit.isLength()) {
-                output.add(strValue);
-                return;
-            }
-
-            // Float values doesn't need a leading zero
-            if (value > 0 && value < 1) {
-                strValue = (strValue).substr(1);
-            }
-        }
-
-        output.add(strValue);
-        this.unit.genCSS(env, output);
-    },
-    toCSS: tree.toCSS,
-
-    // In an operation between two Dimensions,
-    // we default to the first Dimension's unit,
-    // so `1px + 2` will yield `3px`.
-    operate: function (env, op, other) {
-        /*jshint noempty:false */
-        var value = tree.operate(env, op, this.value, other.value),
-            unit = this.unit.clone();
-
-        if (op === '+' || op === '-') {
-            if (unit.numerator.length === 0 && unit.denominator.length === 0) {
-                unit.numerator = other.unit.numerator.slice(0);
-                unit.denominator = other.unit.denominator.slice(0);
-            } else if (other.unit.numerator.length === 0 && unit.denominator.length === 0) {
-                // do nothing
-            } else {
-                other = other.convertTo(this.unit.usedUnits());
-
-                if(env.strictUnits && other.unit.toString() !== unit.toString()) {
-                  throw new Error("Incompatible units. Change the units or use the unit function. Bad units: '" + unit.toString() +
-                    "' and '" + other.unit.toString() + "'.");
-                }
-
-                value = tree.operate(env, op, this.value, other.value);
-            }
-        } else if (op === '*') {
-            unit.numerator = unit.numerator.concat(other.unit.numerator).sort();
-            unit.denominator = unit.denominator.concat(other.unit.denominator).sort();
-            unit.cancel();
-        } else if (op === '/') {
-            unit.numerator = unit.numerator.concat(other.unit.denominator).sort();
-            unit.denominator = unit.denominator.concat(other.unit.numerator).sort();
-            unit.cancel();
-        }
-        return new(tree.Dimension)(value, unit);
-    },
-
-    compare: function (other) {
-        if (other instanceof tree.Dimension) {
-            var a = this.unify(), b = other.unify(),
-                aValue = a.value, bValue = b.value;
-
-            if (bValue > aValue) {
-                return -1;
-            } else if (bValue < aValue) {
-                return 1;
-            } else {
-                if (!b.unit.isEmpty() && a.unit.compare(b.unit) !== 0) {
-                    return -1;
-                }
-                return 0;
-            }
-        } else {
-            return -1;
-        }
-    },
-
-    unify: function () {
-        return this.convertTo({ length: 'm', duration: 's', angle: 'rad' });
-    },
-
-    convertTo: function (conversions) {
-        var value = this.value, unit = this.unit.clone(),
-            i, groupName, group, targetUnit, derivedConversions = {}, applyUnit;
-
-        if (typeof conversions === 'string') {
-            for(i in tree.UnitConversions) {
-                if (tree.UnitConversions[i].hasOwnProperty(conversions)) {
-                    derivedConversions = {};
-                    derivedConversions[i] = conversions;
-                }
-            }
-            conversions = derivedConversions;
-        }
-        applyUnit = function (atomicUnit, denominator) {
-          /*jshint loopfunc:true */
-            if (group.hasOwnProperty(atomicUnit)) {
-                if (denominator) {
-                    value = value / (group[atomicUnit] / group[targetUnit]);
-                } else {
-                    value = value * (group[atomicUnit] / group[targetUnit]);
-                }
-
-                return targetUnit;
-            }
-
-            return atomicUnit;
-        };
-
-        for (groupName in conversions) {
-            if (conversions.hasOwnProperty(groupName)) {
-                targetUnit = conversions[groupName];
-                group = tree.UnitConversions[groupName];
-
-                unit.map(applyUnit);
-            }
-        }
-
-        unit.cancel();
-
-        return new(tree.Dimension)(value, unit);
-    }
-};
-
-// http://www.w3.org/TR/css3-values/#absolute-lengths
-tree.UnitConversions = {
-    length: {
-         'm': 1,
-        'cm': 0.01,
-        'mm': 0.001,
-        'in': 0.0254,
-        'pt': 0.0254 / 72,
-        'pc': 0.0254 / 72 * 12
-    },
-    duration: {
-        's': 1,
-        'ms': 0.001
-    },
-    angle: {
-        'rad': 1/(2*Math.PI),
-        'deg': 1/360,
-        'grad': 1/400,
-        'turn': 1
-    }
-};
-
-tree.Unit = function (numerator, denominator, backupUnit) {
-    this.numerator = numerator ? numerator.slice(0).sort() : [];
-    this.denominator = denominator ? denominator.slice(0).sort() : [];
-    this.backupUnit = backupUnit;
-};
-
-tree.Unit.prototype = {
-    type: "Unit",
-    clone: function () {
-        return new tree.Unit(this.numerator.slice(0), this.denominator.slice(0), this.backupUnit);
-    },
-    genCSS: function (env, output) {
-        if (this.numerator.length >= 1) {
-            output.add(this.numerator[0]);
-        } else
-        if (this.denominator.length >= 1) {
-            output.add(this.denominator[0]);
-        } else
-        if ((!env || !env.strictUnits) && this.backupUnit) {
-            output.add(this.backupUnit);
-        }
-    },
-    toCSS: tree.toCSS,
-
-    toString: function () {
-      var i, returnStr = this.numerator.join("*");
-      for (i = 0; i < this.denominator.length; i++) {
-          returnStr += "/" + this.denominator[i];
-      }
-      return returnStr;
-    },
-
-    compare: function (other) {
-        return this.is(other.toString()) ? 0 : -1;
-    },
-
-    is: function (unitString) {
-        return this.toString() === unitString;
-    },
-
-    isLength: function () {
-        return Boolean(this.toCSS().match(/px|em|%|in|cm|mm|pc|pt|ex/));
-    },
-
-    isEmpty: function () {
-        return this.numerator.length === 0 && this.denominator.length === 0;
-    },
-
-    isSingular: function() {
-        return this.numerator.length <= 1 && this.denominator.length === 0;
-    },
-
-    map: function(callback) {
-        var i;
-
-        for (i = 0; i < this.numerator.length; i++) {
-            this.numerator[i] = callback(this.numerator[i], false);
-        }
-
-        for (i = 0; i < this.denominator.length; i++) {
-            this.denominator[i] = callback(this.denominator[i], true);
-        }
-    },
-
-    usedUnits: function() {
-        var group, result = {}, mapUnit;
-
-        mapUnit = function (atomicUnit) {
-        /*jshint loopfunc:true */
-            if (group.hasOwnProperty(atomicUnit) && !result[groupName]) {
-                result[groupName] = atomicUnit;
-            }
-
-            return atomicUnit;
-        };
-
-        for (var groupName in tree.UnitConversions) {
-            if (tree.UnitConversions.hasOwnProperty(groupName)) {
-                group = tree.UnitConversions[groupName];
-
-                this.map(mapUnit);
-            }
-        }
-
-        return result;
-    },
-
-    cancel: function () {
-        var counter = {}, atomicUnit, i, backup;
-
-        for (i = 0; i < this.numerator.length; i++) {
-            atomicUnit = this.numerator[i];
-            if (!backup) {
-                backup = atomicUnit;
-            }
-            counter[atomicUnit] = (counter[atomicUnit] || 0) + 1;
-        }
-
-        for (i = 0; i < this.denominator.length; i++) {
-            atomicUnit = this.denominator[i];
-            if (!backup) {
-                backup = atomicUnit;
-            }
-            counter[atomicUnit] = (counter[atomicUnit] || 0) - 1;
-        }
-
-        this.numerator = [];
-        this.denominator = [];
-
-        for (atomicUnit in counter) {
-            if (counter.hasOwnProperty(atomicUnit)) {
-                var count = counter[atomicUnit];
-
-                if (count > 0) {
-                    for (i = 0; i < count; i++) {
-                        this.numerator.push(atomicUnit);
-                    }
-                } else if (count < 0) {
-                    for (i = 0; i < -count; i++) {
-                        this.denominator.push(atomicUnit);
-                    }
-                }
-            }
-        }
-
-        if (this.numerator.length === 0 && this.denominator.length === 0 && backup) {
-            this.backupUnit = backup;
-        }
-
-        this.numerator.sort();
-        this.denominator.sort();
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Directive = function (name, value, index, currentFileInfo) {
-    this.name = name;
-
-    if (Array.isArray(value)) {
-        this.rules = [new(tree.Ruleset)([], value)];
-        this.rules[0].allowImports = true;
-    } else {
-        this.value = value;
-    }
-    this.currentFileInfo = currentFileInfo;
-
-};
-tree.Directive.prototype = {
-    type: "Directive",
-    accept: function (visitor) {
-        this.rules = visitor.visit(this.rules);
-        this.value = visitor.visit(this.value);
-    },
-    genCSS: function (env, output) {
-        output.add(this.name, this.currentFileInfo, this.index);
-        if (this.rules) {
-            tree.outputRuleset(env, output, this.rules);
-        } else {
-            output.add(' ');
-            this.value.genCSS(env, output);
-            output.add(';');
-        }
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        var evaldDirective = this;
-        if (this.rules) {
-            env.frames.unshift(this);
-            evaldDirective = new(tree.Directive)(this.name, null, this.index, this.currentFileInfo);
-            evaldDirective.rules = [this.rules[0].eval(env)];
-            evaldDirective.rules[0].root = true;
-            env.frames.shift();
-        }
-        return evaldDirective;
-    },
-    variable: function (name) { return tree.Ruleset.prototype.variable.call(this.rules[0], name); },
-    find: function () { return tree.Ruleset.prototype.find.apply(this.rules[0], arguments); },
-    rulesets: function () { return tree.Ruleset.prototype.rulesets.apply(this.rules[0]); },
-    markReferenced: function () {
-        var i, rules;
-        this.isReferenced = true;
-        if (this.rules) {
-            rules = this.rules[0].rules;
-            for (i = 0; i < rules.length; i++) {
-                if (rules[i].markReferenced) {
-                    rules[i].markReferenced();
-                }
-            }
-        }
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Element = function (combinator, value, index, currentFileInfo) {
-    this.combinator = combinator instanceof tree.Combinator ?
-                      combinator : new(tree.Combinator)(combinator);
-
-    if (typeof(value) === 'string') {
-        this.value = value.trim();
-    } else if (value) {
-        this.value = value;
-    } else {
-        this.value = "";
-    }
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Element.prototype = {
-    type: "Element",
-    accept: function (visitor) {
-        this.combinator = visitor.visit(this.combinator);
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        return new(tree.Element)(this.combinator,
-                                 this.value.eval ? this.value.eval(env) : this.value,
-                                 this.index,
-                                 this.currentFileInfo);
-    },
-    genCSS: function (env, output) {
-        output.add(this.toCSS(env), this.currentFileInfo, this.index);
-    },
-    toCSS: function (env) {
-        var value = (this.value.toCSS ? this.value.toCSS(env) : this.value);
-        if (value === '' && this.combinator.value.charAt(0) === '&') {
-            return '';
-        } else {
-            return this.combinator.toCSS(env || {}) + value;
-        }
-    }
-};
-
-tree.Attribute = function (key, op, value) {
-    this.key = key;
-    this.op = op;
-    this.value = value;
-};
-tree.Attribute.prototype = {
-    type: "Attribute",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        return new(tree.Attribute)(this.key.eval ? this.key.eval(env) : this.key,
-            this.op, (this.value && this.value.eval) ? this.value.eval(env) : this.value);
-    },
-    genCSS: function (env, output) {
-        output.add(this.toCSS(env));
-    },
-    toCSS: function (env) {
-        var value = this.key.toCSS ? this.key.toCSS(env) : this.key;
-
-        if (this.op) {
-            value += this.op;
-            value += (this.value.toCSS ? this.value.toCSS(env) : this.value);
-        }
-
-        return '[' + value + ']';
-    }
-};
-
-tree.Combinator = function (value) {
-    if (value === ' ') {
-        this.value = ' ';
-    } else {
-        this.value = value ? value.trim() : "";
-    }
-};
-tree.Combinator.prototype = {
-    type: "Combinator",
-    _outputMap: {
-        ''  : '',
-        ' ' : ' ',
-        ':' : ' :',
-        '+' : ' + ',
-        '~' : ' ~ ',
-        '>' : ' > ',
-        '|' : '|'
-    },
-    _outputMapCompressed: {
-        ''  : '',
-        ' ' : ' ',
-        ':' : ' :',
-        '+' : '+',
-        '~' : '~',
-        '>' : '>',
-        '|' : '|'
-    },
-    genCSS: function (env, output) {
-        output.add((env.compress ? this._outputMapCompressed : this._outputMap)[this.value]);
-    },
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Expression = function (value) { this.value = value; };
-tree.Expression.prototype = {
-    type: "Expression",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        var returnValue,
-            inParenthesis = this.parens && !this.parensInOp,
-            doubleParen = false;
-        if (inParenthesis) {
-            env.inParenthesis();
-        }
-        if (this.value.length > 1) {
-            returnValue = new(tree.Expression)(this.value.map(function (e) {
-                return e.eval(env);
-            }));
-        } else if (this.value.length === 1) {
-            if (this.value[0].parens && !this.value[0].parensInOp) {
-                doubleParen = true;
-            }
-            returnValue = this.value[0].eval(env);
-        } else {
-            returnValue = this;
-        }
-        if (inParenthesis) {
-            env.outOfParenthesis();
-        }
-        if (this.parens && this.parensInOp && !(env.isMathOn()) && !doubleParen) {
-            returnValue = new(tree.Paren)(returnValue);
-        }
-        return returnValue;
-    },
-    genCSS: function (env, output) {
-        for(var i = 0; i < this.value.length; i++) {
-            this.value[i].genCSS(env, output);
-            if (i + 1 < this.value.length) {
-                output.add(" ");
-            }
-        }
-    },
-    toCSS: tree.toCSS,
-    throwAwayComments: function () {
-        this.value = this.value.filter(function(v) {
-            return !(v instanceof tree.Comment);
-        });
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Extend = function Extend(selector, option, index) {
-    this.selector = selector;
-    this.option = option;
-    this.index = index;
-
-    switch(option) {
-        case "all":
-            this.allowBefore = true;
-            this.allowAfter = true;
-        break;
-        default:
-            this.allowBefore = false;
-            this.allowAfter = false;
-        break;
-    }
-};
-
-tree.Extend.prototype = {
-    type: "Extend",
-    accept: function (visitor) {
-        this.selector = visitor.visit(this.selector);
-    },
-    eval: function (env) {
-        return new(tree.Extend)(this.selector.eval(env), this.option, this.index);
-    },
-    clone: function (env) {
-        return new(tree.Extend)(this.selector, this.option, this.index);
-    },
-    findSelfSelectors: function (selectors) {
-        var selfElements = [],
-            i,
-            selectorElements;
-
-        for(i = 0; i < selectors.length; i++) {
-            selectorElements = selectors[i].elements;
-            // duplicate the logic in genCSS function inside the selector node.
-            // future TODO - move both logics into the selector joiner visitor
-            if (i > 0 && selectorElements.length && selectorElements[0].combinator.value === "") {
-                selectorElements[0].combinator.value = ' ';
-            }
-            selfElements = selfElements.concat(selectors[i].elements);
-        }
-
-        this.selfSelectors = [{ elements: selfElements }];
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-//
-// CSS @import node
-//
-// The general strategy here is that we don't want to wait
-// for the parsing to be completed, before we start importing
-// the file. That's because in the context of a browser,
-// most of the time will be spent waiting for the server to respond.
-//
-// On creation, we push the import path to our import queue, though
-// `import,push`, we also pass it a callback, which it'll call once
-// the file has been fetched, and parsed.
-//
-tree.Import = function (path, features, options, index, currentFileInfo) {
-    this.options = options;
-    this.index = index;
-    this.path = path;
-    this.features = features;
-    this.currentFileInfo = currentFileInfo;
-
-    if (this.options.less !== undefined || this.options.inline) {
-        this.css = !this.options.less || this.options.inline;
-    } else {
-        var pathValue = this.getPath();
-        if (pathValue && /css([\?;].*)?$/.test(pathValue)) {
-            this.css = true;
-        }
-    }
-};
-
-//
-// The actual import node doesn't return anything, when converted to CSS.
-// The reason is that it's used at the evaluation stage, so that the rules
-// it imports can be treated like any other rules.
-//
-// In `eval`, we make sure all Import nodes get evaluated, recursively, so
-// we end up with a flat structure, which can easily be imported in the parent
-// ruleset.
-//
-tree.Import.prototype = {
-    type: "Import",
-    accept: function (visitor) {
-        this.features = visitor.visit(this.features);
-        this.path = visitor.visit(this.path);
-        if (!this.options.inline) {
-            this.root = visitor.visit(this.root);
-        }
-    },
-    genCSS: function (env, output) {
-        if (this.css) {
-            output.add("@import ", this.currentFileInfo, this.index);
-            this.path.genCSS(env, output);
-            if (this.features) {
-                output.add(" ");
-                this.features.genCSS(env, output);
-            }
-            output.add(';');
-        }
-    },
-    toCSS: tree.toCSS,
-    getPath: function () {
-        if (this.path instanceof tree.Quoted) {
-            var path = this.path.value;
-            return (this.css !== undefined || /(\.[a-z]*$)|([\?;].*)$/.test(path)) ? path : path + '.less';
-        } else if (this.path instanceof tree.URL) {
-            return this.path.value.value;
-        }
-        return null;
-    },
-    evalForImport: function (env) {
-        return new(tree.Import)(this.path.eval(env), this.features, this.options, this.index, this.currentFileInfo);
-    },
-    evalPath: function (env) {
-        var path = this.path.eval(env);
-        var rootpath = this.currentFileInfo && this.currentFileInfo.rootpath;
-
-        if (!(path instanceof tree.URL)) {
-            if (rootpath) {
-                var pathValue = path.value;
-                // Add the base path if the import is relative
-                if (pathValue && env.isPathRelative(pathValue)) {
-                    path.value = rootpath + pathValue;
-                }
-            }
-            path.value = env.normalizePath(path.value);
-        }
-
-        return path;
-    },
-    eval: function (env) {
-        var ruleset, features = this.features && this.features.eval(env);
-
-        if (this.skip) { return []; }
-
-        if (this.options.inline) {
-            //todo needs to reference css file not import
-            var contents = new(tree.Anonymous)(this.root, 0, {filename: this.importedFilename}, true);
-            return this.features ? new(tree.Media)([contents], this.features.value) : [contents];
-        } else if (this.css) {
-            var newImport = new(tree.Import)(this.evalPath(env), features, this.options, this.index);
-            if (!newImport.css && this.error) {
-                throw this.error;
-            }
-            return newImport;
-        } else {
-            ruleset = new(tree.Ruleset)([], this.root.rules.slice(0));
-
-            ruleset.evalImports(env);
-
-            return this.features ? new(tree.Media)(ruleset.rules, this.features.value) : ruleset.rules;
-        }
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.JavaScript = function (string, index, escaped) {
-    this.escaped = escaped;
-    this.expression = string;
-    this.index = index;
-};
-tree.JavaScript.prototype = {
-    type: "JavaScript",
-    eval: function (env) {
-        var result,
-            that = this,
-            context = {};
-
-        var expression = this.expression.replace(/@\{([\w-]+)\}/g, function (_, name) {
-            return tree.jsify(new(tree.Variable)('@' + name, that.index).eval(env));
-        });
-
-        try {
-            expression = new(Function)('return (' + expression + ')');
-        } catch (e) {
-            throw { message: "JavaScript evaluation error: " + e.message + " from `" + expression + "`" ,
-                    index: this.index };
-        }
-
-        for (var k in env.frames[0].variables()) {
-            /*jshint loopfunc:true */
-            context[k.slice(1)] = {
-                value: env.frames[0].variables()[k].value,
-                toJS: function () {
-                    return this.value.eval(env).toCSS();
-                }
-            };
-        }
-
-        try {
-            result = expression.call(context);
-        } catch (e) {
-            throw { message: "JavaScript evaluation error: '" + e.name + ': ' + e.message + "'" ,
-                    index: this.index };
-        }
-        if (typeof(result) === 'string') {
-            return new(tree.Quoted)('"' + result + '"', result, this.escaped, this.index);
-        } else if (Array.isArray(result)) {
-            return new(tree.Anonymous)(result.join(', '));
-        } else {
-            return new(tree.Anonymous)(result);
-        }
-    }
-};
-
-})(require('../tree'));
-
-
-(function (tree) {
-
-tree.Keyword = function (value) { this.value = value; };
-tree.Keyword.prototype = {
-    type: "Keyword",
-    eval: function () { return this; },
-    genCSS: function (env, output) {
-        output.add(this.value);
-    },
-    toCSS: tree.toCSS,
-    compare: function (other) {
-        if (other instanceof tree.Keyword) {
-            return other.value === this.value ? 0 : 1;
-        } else {
-            return -1;
-        }
-    }
-};
-
-tree.True = new(tree.Keyword)('true');
-tree.False = new(tree.Keyword)('false');
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Media = function (value, features, index, currentFileInfo) {
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-
-    var selectors = this.emptySelectors();
-
-    this.features = new(tree.Value)(features);
-    this.rules = [new(tree.Ruleset)(selectors, value)];
-    this.rules[0].allowImports = true;
-};
-tree.Media.prototype = {
-    type: "Media",
-    accept: function (visitor) {
-        this.features = visitor.visit(this.features);
-        this.rules = visitor.visit(this.rules);
-    },
-    genCSS: function (env, output) {
-        output.add('@media ', this.currentFileInfo, this.index);
-        this.features.genCSS(env, output);
-        tree.outputRuleset(env, output, this.rules);
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        if (!env.mediaBlocks) {
-            env.mediaBlocks = [];
-            env.mediaPath = [];
-        }
-        
-        var media = new(tree.Media)([], [], this.index, this.currentFileInfo);
-        if(this.debugInfo) {
-            this.rules[0].debugInfo = this.debugInfo;
-            media.debugInfo = this.debugInfo;
-        }
-        var strictMathBypass = false;
-        if (!env.strictMath) {
-            strictMathBypass = true;
-            env.strictMath = true;
-        }
-        try {
-            media.features = this.features.eval(env);
-        }
-        finally {
-            if (strictMathBypass) {
-                env.strictMath = false;
-            }
-        }
-        
-        env.mediaPath.push(media);
-        env.mediaBlocks.push(media);
-        
-        env.frames.unshift(this.rules[0]);
-        media.rules = [this.rules[0].eval(env)];
-        env.frames.shift();
-        
-        env.mediaPath.pop();
-
-        return env.mediaPath.length === 0 ? media.evalTop(env) :
-                    media.evalNested(env);
-    },
-    variable: function (name) { return tree.Ruleset.prototype.variable.call(this.rules[0], name); },
-    find: function () { return tree.Ruleset.prototype.find.apply(this.rules[0], arguments); },
-    rulesets: function () { return tree.Ruleset.prototype.rulesets.apply(this.rules[0]); },
-    emptySelectors: function() { 
-        var el = new(tree.Element)('', '&', this.index, this.currentFileInfo);
-        return [new(tree.Selector)([el], null, null, this.index, this.currentFileInfo)];
-    },
-    markReferenced: function () {
-        var i, rules = this.rules[0].rules;
-        this.isReferenced = true;
-        for (i = 0; i < rules.length; i++) {
-            if (rules[i].markReferenced) {
-                rules[i].markReferenced();
-            }
-        }
-    },
-
-    evalTop: function (env) {
-        var result = this;
-
-        // Render all dependent Media blocks.
-        if (env.mediaBlocks.length > 1) {
-            var selectors = this.emptySelectors();
-            result = new(tree.Ruleset)(selectors, env.mediaBlocks);
-            result.multiMedia = true;
-        }
-
-        delete env.mediaBlocks;
-        delete env.mediaPath;
-
-        return result;
-    },
-    evalNested: function (env) {
-        var i, value,
-            path = env.mediaPath.concat([this]);
-
-        // Extract the media-query conditions separated with `,` (OR).
-        for (i = 0; i < path.length; i++) {
-            value = path[i].features instanceof tree.Value ?
-                        path[i].features.value : path[i].features;
-            path[i] = Array.isArray(value) ? value : [value];
-        }
-
-        // Trace all permutations to generate the resulting media-query.
-        //
-        // (a, b and c) with nested (d, e) ->
-        //    a and d
-        //    a and e
-        //    b and c and d
-        //    b and c and e
-        this.features = new(tree.Value)(this.permute(path).map(function (path) {
-            path = path.map(function (fragment) {
-                return fragment.toCSS ? fragment : new(tree.Anonymous)(fragment);
-            });
-
-            for(i = path.length - 1; i > 0; i--) {
-                path.splice(i, 0, new(tree.Anonymous)("and"));
-            }
-
-            return new(tree.Expression)(path);
-        }));
-
-        // Fake a tree-node that doesn't output anything.
-        return new(tree.Ruleset)([], []);
-    },
-    permute: function (arr) {
-      if (arr.length === 0) {
-          return [];
-      } else if (arr.length === 1) {
-          return arr[0];
-      } else {
-          var result = [];
-          var rest = this.permute(arr.slice(1));
-          for (var i = 0; i < rest.length; i++) {
-              for (var j = 0; j < arr[0].length; j++) {
-                  result.push([arr[0][j]].concat(rest[i]));
-              }
-          }
-          return result;
-      }
-    },
-    bubbleSelectors: function (selectors) {
-      this.rules = [new(tree.Ruleset)(selectors.slice(0), [this.rules[0]])];
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.mixin = {};
-tree.mixin.Call = function (elements, args, index, currentFileInfo, important) {
-    this.selector = new(tree.Selector)(elements);
-    this.arguments = args;
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-    this.important = important;
-};
-tree.mixin.Call.prototype = {
-    type: "MixinCall",
-    accept: function (visitor) {
-        this.selector = visitor.visit(this.selector);
-        this.arguments = visitor.visit(this.arguments);
-    },
-    eval: function (env) {
-        var mixins, mixin, args, rules = [], match = false, i, m, f, isRecursive, isOneFound, rule;
-
-        args = this.arguments && this.arguments.map(function (a) {
-            return { name: a.name, value: a.value.eval(env) };
-        });
-
-        for (i = 0; i < env.frames.length; i++) {
-            if ((mixins = env.frames[i].find(this.selector)).length > 0) {
-                isOneFound = true;
-                for (m = 0; m < mixins.length; m++) {
-                    mixin = mixins[m];
-                    isRecursive = false;
-                    for(f = 0; f < env.frames.length; f++) {
-                        if ((!(mixin instanceof tree.mixin.Definition)) && mixin === (env.frames[f].originalRuleset || env.frames[f])) {
-                            isRecursive = true;
-                            break;
-                        }
-                    }
-                    if (isRecursive) {
-                        continue;
-                    }
-                    if (mixin.matchArgs(args, env)) {
-                        if (!mixin.matchCondition || mixin.matchCondition(args, env)) {
-                            try {
-                                if (!(mixin instanceof tree.mixin.Definition)) {
-                                    mixin = new tree.mixin.Definition("", [], mixin.rules, null, false);
-                                    mixin.originalRuleset = mixins[m].originalRuleset || mixins[m];
-                                }
-                                //if (this.important) {
-                                //    isImportant = env.isImportant;
-                                //    env.isImportant = true;
-                                //}
-                                Array.prototype.push.apply(
-                                      rules, mixin.eval(env, args, this.important).rules);
-                                //if (this.important) {
-                                //    env.isImportant = isImportant;
-                                //}
-                            } catch (e) {
-                                throw { message: e.message, index: this.index, filename: this.currentFileInfo.filename, stack: e.stack };
-                            }
-                        }
-                        match = true;
-                    }
-                }
-                if (match) {
-                    if (!this.currentFileInfo || !this.currentFileInfo.reference) {
-                        for (i = 0; i < rules.length; i++) {
-                            rule = rules[i];
-                            if (rule.markReferenced) {
-                                rule.markReferenced();
-                            }
-                        }
-                    }
-                    return rules;
-                }
-            }
-        }
-        if (isOneFound) {
-            throw { type:    'Runtime',
-                    message: 'No matching definition was found for `' +
-                              this.selector.toCSS().trim() + '('      +
-                              (args ? args.map(function (a) {
-                                  var argValue = "";
-                                  if (a.name) {
-                                      argValue += a.name + ":";
-                                  }
-                                  if (a.value.toCSS) {
-                                      argValue += a.value.toCSS();
-                                  } else {
-                                      argValue += "???";
-                                  }
-                                  return argValue;
-                              }).join(', ') : "") + ")`",
-                    index:   this.index, filename: this.currentFileInfo.filename };
-        } else {
-            throw { type: 'Name',
-                message: this.selector.toCSS().trim() + " is undefined",
-                index: this.index, filename: this.currentFileInfo.filename };
-        }
-    }
-};
-
-tree.mixin.Definition = function (name, params, rules, condition, variadic) {
-    this.name = name;
-    this.selectors = [new(tree.Selector)([new(tree.Element)(null, name, this.index, this.currentFileInfo)])];
-    this.params = params;
-    this.condition = condition;
-    this.variadic = variadic;
-    this.arity = params.length;
-    this.rules = rules;
-    this._lookups = {};
-    this.required = params.reduce(function (count, p) {
-        if (!p.name || (p.name && !p.value)) { return count + 1; }
-        else                                 { return count; }
-    }, 0);
-    this.parent = tree.Ruleset.prototype;
-    this.frames = [];
-};
-tree.mixin.Definition.prototype = {
-    type: "MixinDefinition",
-    accept: function (visitor) {
-        this.params = visitor.visit(this.params);
-        this.rules = visitor.visit(this.rules);
-        this.condition = visitor.visit(this.condition);
-    },
-    variable:  function (name) { return this.parent.variable.call(this, name); },
-    variables: function ()     { return this.parent.variables.call(this); },
-    find:      function ()     { return this.parent.find.apply(this, arguments); },
-    rulesets:  function ()     { return this.parent.rulesets.apply(this); },
-
-    evalParams: function (env, mixinEnv, args, evaldArguments) {
-        /*jshint boss:true */
-        var frame = new(tree.Ruleset)(null, []),
-            varargs, arg,
-            params = this.params.slice(0),
-            i, j, val, name, isNamedFound, argIndex;
-
-        mixinEnv = new tree.evalEnv(mixinEnv, [frame].concat(mixinEnv.frames));
-        
-        if (args) {
-            args = args.slice(0);
-
-            for(i = 0; i < args.length; i++) {
-                arg = args[i];
-                if (name = (arg && arg.name)) {
-                    isNamedFound = false;
-                    for(j = 0; j < params.length; j++) {
-                        if (!evaldArguments[j] && name === params[j].name) {
-                            evaldArguments[j] = arg.value.eval(env);
-                            frame.rules.unshift(new(tree.Rule)(name, arg.value.eval(env)));
-                            isNamedFound = true;
-                            break;
-                        }
-                    }
-                    if (isNamedFound) {
-                        args.splice(i, 1);
-                        i--;
-                        continue;
-                    } else {
-                        throw { type: 'Runtime', message: "Named argument for " + this.name +
-                            ' ' + args[i].name + ' not found' };
-                    }
-                }
-            }
-        }
-        argIndex = 0;
-        for (i = 0; i < params.length; i++) {
-            if (evaldArguments[i]) { continue; }
-            
-            arg = args && args[argIndex];
-
-            if (name = params[i].name) {
-                if (params[i].variadic && args) {
-                    varargs = [];
-                    for (j = argIndex; j < args.length; j++) {
-                        varargs.push(args[j].value.eval(env));
-                    }
-                    frame.rules.unshift(new(tree.Rule)(name, new(tree.Expression)(varargs).eval(env)));
-                } else {
-                    val = arg && arg.value;
-                    if (val) {
-                        val = val.eval(env);
-                    } else if (params[i].value) {
-                        val = params[i].value.eval(mixinEnv);
-                        frame.resetCache();
-                    } else {
-                        throw { type: 'Runtime', message: "wrong number of arguments for " + this.name +
-                            ' (' + args.length + ' for ' + this.arity + ')' };
-                    }
-                    
-                    frame.rules.unshift(new(tree.Rule)(name, val));
-                    evaldArguments[i] = val;
-                }
-            }
-            
-            if (params[i].variadic && args) {
-                for (j = argIndex; j < args.length; j++) {
-                    evaldArguments[j] = args[j].value.eval(env);
-                }
-            }
-            argIndex++;
-        }
-
-        return frame;
-    },
-    eval: function (env, args, important) {
-        var _arguments = [],
-            mixinFrames = this.frames.concat(env.frames),
-            frame = this.evalParams(env, new(tree.evalEnv)(env, mixinFrames), args, _arguments),
-            rules, ruleset;
-
-        frame.rules.unshift(new(tree.Rule)('@arguments', new(tree.Expression)(_arguments).eval(env)));
-
-        rules = this.rules.slice(0);
-
-        ruleset = new(tree.Ruleset)(null, rules);
-        ruleset.originalRuleset = this;
-        ruleset = ruleset.eval(new(tree.evalEnv)(env, [this, frame].concat(mixinFrames)));
-        if (important) {
-            ruleset = this.parent.makeImportant.apply(ruleset);
-        }
-        return ruleset;
-    },
-    matchCondition: function (args, env) {
-        if (this.condition && !this.condition.eval(
-            new(tree.evalEnv)(env,
-                [this.evalParams(env, new(tree.evalEnv)(env, this.frames.concat(env.frames)), args, [])] // the parameter variables
-                    .concat(this.frames) // the parent namespace/mixin frames
-                    .concat(env.frames)))) { // the current environment frames
-            return false;
-        }
-        return true;
-    },
-    matchArgs: function (args, env) {
-        var argsLength = (args && args.length) || 0, len;
-
-        if (! this.variadic) {
-            if (argsLength < this.required)                               { return false; }
-            if (argsLength > this.params.length)                          { return false; }
-        } else {
-            if (argsLength < (this.required - 1))                         { return false; }
-        }
-
-        len = Math.min(argsLength, this.arity);
-
-        for (var i = 0; i < len; i++) {
-            if (!this.params[i].name && !this.params[i].variadic) {
-                if (args[i].value.eval(env).toCSS() != this.params[i].value.eval(env).toCSS()) {
-                    return false;
-                }
-            }
-        }
-        return true;
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Negative = function (node) {
-    this.value = node;
-};
-tree.Negative.prototype = {
-    type: "Negative",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    genCSS: function (env, output) {
-        output.add('-');
-        this.value.genCSS(env, output);
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        if (env.isMathOn()) {
-            return (new(tree.Operation)('*', [new(tree.Dimension)(-1), this.value])).eval(env);
-        }
-        return new(tree.Negative)(this.value.eval(env));
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Operation = function (op, operands, isSpaced) {
-    this.op = op.trim();
-    this.operands = operands;
-    this.isSpaced = isSpaced;
-};
-tree.Operation.prototype = {
-    type: "Operation",
-    accept: function (visitor) {
-        this.operands = visitor.visit(this.operands);
-    },
-    eval: function (env) {
-        var a = this.operands[0].eval(env),
-            b = this.operands[1].eval(env),
-            temp;
-
-        if (env.isMathOn()) {
-            if (a instanceof tree.Dimension && b instanceof tree.Color) {
-                if (this.op === '*' || this.op === '+') {
-                    temp = b, b = a, a = temp;
-                } else {
-                    throw { type: "Operation",
-                            message: "Can't substract or divide a color from a number" };
-                }
-            }
-            if (!a.operate) {
-                throw { type: "Operation",
-                        message: "Operation on an invalid type" };
-            }
-
-            return a.operate(env, this.op, b);
-        } else {
-            return new(tree.Operation)(this.op, [a, b], this.isSpaced);
-        }
-    },
-    genCSS: function (env, output) {
-        this.operands[0].genCSS(env, output);
-        if (this.isSpaced) {
-            output.add(" ");
-        }
-        output.add(this.op);
-        if (this.isSpaced) {
-            output.add(" ");
-        }
-        this.operands[1].genCSS(env, output);
-    },
-    toCSS: tree.toCSS
-};
-
-tree.operate = function (env, op, a, b) {
-    switch (op) {
-        case '+': return a + b;
-        case '-': return a - b;
-        case '*': return a * b;
-        case '/': return a / b;
-    }
-};
-
-})(require('../tree'));
-
-
-(function (tree) {
-
-tree.Paren = function (node) {
-    this.value = node;
-};
-tree.Paren.prototype = {
-    type: "Paren",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    genCSS: function (env, output) {
-        output.add('(');
-        this.value.genCSS(env, output);
-        output.add(')');
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        return new(tree.Paren)(this.value.eval(env));
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Quoted = function (str, content, escaped, index, currentFileInfo) {
-    this.escaped = escaped;
-    this.value = content || '';
-    this.quote = str.charAt(0);
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Quoted.prototype = {
-    type: "Quoted",
-    genCSS: function (env, output) {
-        if (!this.escaped) {
-            output.add(this.quote, this.currentFileInfo, this.index);
-        }
-        output.add(this.value);
-        if (!this.escaped) {
-            output.add(this.quote);
-        }
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        var that = this;
-        var value = this.value.replace(/`([^`]+)`/g, function (_, exp) {
-            return new(tree.JavaScript)(exp, that.index, true).eval(env).value;
-        }).replace(/@\{([\w-]+)\}/g, function (_, name) {
-            var v = new(tree.Variable)('@' + name, that.index, that.currentFileInfo).eval(env, true);
-            return (v instanceof tree.Quoted) ? v.value : v.toCSS();
-        });
-        return new(tree.Quoted)(this.quote + value + this.quote, value, this.escaped, this.index, this.currentFileInfo);
-    },
-    compare: function (x) {
-        if (!x.toCSS) {
-            return -1;
-        }
-        
-        var left = this.toCSS(),
-            right = x.toCSS();
-        
-        if (left === right) {
-            return 0;
-        }
-        
-        return left < right ? -1 : 1;
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Rule = function (name, value, important, merge, index, currentFileInfo, inline) {
-    this.name = name;
-    this.value = (value instanceof tree.Value) ? value : new(tree.Value)([value]);
-    this.important = important ? ' ' + important.trim() : '';
-    this.merge = merge;
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-    this.inline = inline || false;
-    this.variable = (name.charAt(0) === '@');
-};
-
-tree.Rule.prototype = {
-    type: "Rule",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    genCSS: function (env, output) {
-        output.add(this.name + (env.compress ? ':' : ': '), this.currentFileInfo, this.index);
-        try {
-            this.value.genCSS(env, output);
-        }
-        catch(e) {
-            e.index = this.index;
-            e.filename = this.currentFileInfo.filename;
-            throw e;
-        }
-        output.add(this.important + ((this.inline || (env.lastRule && env.compress)) ? "" : ";"), this.currentFileInfo, this.index);
-    },
-    toCSS: tree.toCSS,
-    eval: function (env) {
-        var strictMathBypass = false;
-        if (this.name === "font" && !env.strictMath) {
-            strictMathBypass = true;
-            env.strictMath = true;
-        }
-        try {
-            return new(tree.Rule)(this.name,
-                              this.value.eval(env),
-                              this.important,
-                              this.merge,
-                              this.index, this.currentFileInfo, this.inline);
-        }
-        finally {
-            if (strictMathBypass) {
-                env.strictMath = false;
-            }
-        }
-    },
-    makeImportant: function () {
-        return new(tree.Rule)(this.name,
-                              this.value,
-                              "!important",
-                              this.merge,
-                              this.index, this.currentFileInfo, this.inline);
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Ruleset = function (selectors, rules, strictImports) {
-    this.selectors = selectors;
-    this.rules = rules;
-    this._lookups = {};
-    this.strictImports = strictImports;
-};
-tree.Ruleset.prototype = {
-    type: "Ruleset",
-    accept: function (visitor) {
-        if (this.paths) {
-            for(var i = 0; i < this.paths.length; i++) {
-                this.paths[i] = visitor.visit(this.paths[i]);
-            }
-        } else {
-            this.selectors = visitor.visit(this.selectors);
-        }
-        this.rules = visitor.visit(this.rules);
-    },
-    eval: function (env) {
-        var selectors = this.selectors && this.selectors.map(function (s) { return s.eval(env); });
-        var ruleset = new(tree.Ruleset)(selectors, this.rules.slice(0), this.strictImports);
-        var rules;
-        var rule;
-        var i;
-        
-        ruleset.originalRuleset = this;
-        ruleset.root = this.root;
-        ruleset.firstRoot = this.firstRoot;
-        ruleset.allowImports = this.allowImports;
-
-        if(this.debugInfo) {
-            ruleset.debugInfo = this.debugInfo;
-        }
-
-        // push the current ruleset to the frames stack
-        env.frames.unshift(ruleset);
-
-        // currrent selectors
-        if (!env.selectors) {
-            env.selectors = [];
-        }
-        env.selectors.unshift(this.selectors);
-
-        // Evaluate imports
-        if (ruleset.root || ruleset.allowImports || !ruleset.strictImports) {
-            ruleset.evalImports(env);
-        }
-
-        // Store the frames around mixin definitions,
-        // so they can be evaluated like closures when the time comes.
-        for (i = 0; i < ruleset.rules.length; i++) {
-            if (ruleset.rules[i] instanceof tree.mixin.Definition) {
-                ruleset.rules[i].frames = env.frames.slice(0);
-            }
-        }
-        
-        var mediaBlockCount = (env.mediaBlocks && env.mediaBlocks.length) || 0;
-
-        // Evaluate mixin calls.
-        for (i = 0; i < ruleset.rules.length; i++) {
-            if (ruleset.rules[i] instanceof tree.mixin.Call) {
-                /*jshint loopfunc:true */
-                rules = ruleset.rules[i].eval(env).filter(function(r) {
-                    if ((r instanceof tree.Rule) && r.variable) {
-                        // do not pollute the scope if the variable is
-                        // already there. consider returning false here
-                        // but we need a way to "return" variable from mixins
-                        return !(ruleset.variable(r.name));
-                    }
-                    return true;
-                });
-                ruleset.rules.splice.apply(ruleset.rules, [i, 1].concat(rules));
-                i += rules.length-1;
-                ruleset.resetCache();
-            }
-        }
-        
-        // Evaluate everything else
-        for (i = 0; i < ruleset.rules.length; i++) {
-            rule = ruleset.rules[i];
-
-            if (! (rule instanceof tree.mixin.Definition)) {
-                ruleset.rules[i] = rule.eval ? rule.eval(env) : rule;
-            }
-        }
-
-        // Pop the stack
-        env.frames.shift();
-        env.selectors.shift();
-        
-        if (env.mediaBlocks) {
-            for (i = mediaBlockCount; i < env.mediaBlocks.length; i++) {
-                env.mediaBlocks[i].bubbleSelectors(selectors);
-            }
-        }
-
-        return ruleset;
-    },
-    evalImports: function(env) {
-        var i, rules;
-        for (i = 0; i < this.rules.length; i++) {
-            if (this.rules[i] instanceof tree.Import) {
-                rules = this.rules[i].eval(env);
-                if (typeof rules.length === "number") {
-                    this.rules.splice.apply(this.rules, [i, 1].concat(rules));
-                    i+= rules.length-1;
-                } else {
-                    this.rules.splice(i, 1, rules);
-                }
-                this.resetCache();
-            }
-        }
-    },
-    makeImportant: function() {
-        return new tree.Ruleset(this.selectors, this.rules.map(function (r) {
-                    if (r.makeImportant) {
-                        return r.makeImportant();
-                    } else {
-                        return r;
-                    }
-                }), this.strictImports);
-    },
-    matchArgs: function (args) {
-        return !args || args.length === 0;
-    },
-    matchCondition: function (args, env) {
-        var lastSelector = this.selectors[this.selectors.length-1];
-        if (lastSelector.condition &&
-            !lastSelector.condition.eval(
-                new(tree.evalEnv)(env,
-                    env.frames))) {
-            return false;
-        }
-        return true;
-    },
-    resetCache: function () {
-        this._rulesets = null;
-        this._variables = null;
-        this._lookups = {};
-    },
-    variables: function () {
-        if (this._variables) { return this._variables; }
-        else {
-            return this._variables = this.rules.reduce(function (hash, r) {
-                if (r instanceof tree.Rule && r.variable === true) {
-                    hash[r.name] = r;
-                }
-                return hash;
-            }, {});
-        }
-    },
-    variable: function (name) {
-        return this.variables()[name];
-    },
-    rulesets: function () {
-        return this.rules.filter(function (r) {
-            return (r instanceof tree.Ruleset) || (r instanceof tree.mixin.Definition);
-        });
-    },
-    find: function (selector, self) {
-        self = self || this;
-        var rules = [], match,
-            key = selector.toCSS();
-
-        if (key in this._lookups) { return this._lookups[key]; }
-
-        this.rulesets().forEach(function (rule) {
-            if (rule !== self) {
-                for (var j = 0; j < rule.selectors.length; j++) {
-                    if (match = selector.match(rule.selectors[j])) {
-                        if (selector.elements.length > match) {
-                            Array.prototype.push.apply(rules, rule.find(
-                                new(tree.Selector)(selector.elements.slice(match)), self));
-                        } else {
-                            rules.push(rule);
-                        }
-                        break;
-                    }
-                }
-            }
-        });
-        return this._lookups[key] = rules;
-    },
-    genCSS: function (env, output) {
-        var i, j,
-            ruleNodes = [],
-            rulesetNodes = [],
-            debugInfo,     // Line number debugging
-            rule,
-            firstRuleset = true,
-            path;
-
-        env.tabLevel = (env.tabLevel || 0);
-
-        if (!this.root) {
-            env.tabLevel++;
-        }
-
-        var tabRuleStr = env.compress ? '' : Array(env.tabLevel + 1).join("  "),
-            tabSetStr = env.compress ? '' : Array(env.tabLevel).join("  ");
-
-        for (i = 0; i < this.rules.length; i++) {
-            rule = this.rules[i];
-            if (rule.rules || (rule instanceof tree.Media) || rule instanceof tree.Directive || (this.root && rule instanceof tree.Comment)) {
-                rulesetNodes.push(rule);
-            } else {
-                ruleNodes.push(rule);
-            }
-        }
-
-        // If this is the root node, we don't render
-        // a selector, or {}.
-        if (!this.root) {
-            debugInfo = tree.debugInfo(env, this, tabSetStr);
-
-            if (debugInfo) {
-                output.add(debugInfo);
-                output.add(tabSetStr);
-            }
-
-            for(i = 0; i < this.paths.length; i++) {
-                path = this.paths[i];
-                env.firstSelector = true;
-                for(j = 0; j < path.length; j++) {
-                    path[j].genCSS(env, output);
-                    env.firstSelector = false;
-                }
-                if (i + 1 < this.paths.length) {
-                    output.add(env.compress ? ',' : (',\n' + tabSetStr));
-                }
-            }
-
-            output.add((env.compress ? '{' : ' {\n') + tabRuleStr);
-        }
-
-        // Compile rules and rulesets
-        for (i = 0; i < ruleNodes.length; i++) {
-            rule = ruleNodes[i];
-
-            // @page{ directive ends up with root elements inside it, a mix of rules and rulesets
-            // In this instance we do not know whether it is the last property
-            if (i + 1 === ruleNodes.length && (!this.root || rulesetNodes.length === 0 || this.firstRoot)) {
-                env.lastRule = true;
-            }
-
-            if (rule.genCSS) {
-                rule.genCSS(env, output);
-            } else if (rule.value) {
-                output.add(rule.value.toString());
-            }
-
-            if (!env.lastRule) {
-                output.add(env.compress ? '' : ('\n' + tabRuleStr));
-            } else {
-                env.lastRule = false;
-            }
-        }
-
-        if (!this.root) {
-            output.add((env.compress ? '}' : '\n' + tabSetStr + '}'));
-            env.tabLevel--;
-        }
-
-        for (i = 0; i < rulesetNodes.length; i++) {
-            if (ruleNodes.length && firstRuleset) {
-                output.add((env.compress ? "" : "\n") + (this.root ? tabRuleStr : tabSetStr));
-            }
-            if (!firstRuleset) {
-                output.add((env.compress ? "" : "\n") + (this.root ? tabRuleStr : tabSetStr));
-            }
-            firstRuleset = false;
-            rulesetNodes[i].genCSS(env, output);
-        }
-
-        if (!output.isEmpty() && !env.compress && this.firstRoot) {
-            output.add('\n');
-        }
-    },
-
-    toCSS: tree.toCSS,
-
-    markReferenced: function () {
-        for (var s = 0; s < this.selectors.length; s++) {
-            this.selectors[s].markReferenced();
-        }
-    },
-
-    joinSelectors: function (paths, context, selectors) {
-        for (var s = 0; s < selectors.length; s++) {
-            this.joinSelector(paths, context, selectors[s]);
-        }
-    },
-
-    joinSelector: function (paths, context, selector) {
-
-        var i, j, k, 
-            hasParentSelector, newSelectors, el, sel, parentSel, 
-            newSelectorPath, afterParentJoin, newJoinedSelector, 
-            newJoinedSelectorEmpty, lastSelector, currentElements,
-            selectorsMultiplied;
-    
-        for (i = 0; i < selector.elements.length; i++) {
-            el = selector.elements[i];
-            if (el.value === '&') {
-                hasParentSelector = true;
-            }
-        }
-    
-        if (!hasParentSelector) {
-            if (context.length > 0) {
-                for (i = 0; i < context.length; i++) {
-                    paths.push(context[i].concat(selector));
-                }
-            }
-            else {
-                paths.push([selector]);
-            }
-            return;
-        }
-
-        // The paths are [[Selector]]
-        // The first list is a list of comma seperated selectors
-        // The inner list is a list of inheritance seperated selectors
-        // e.g.
-        // .a, .b {
-        //   .c {
-        //   }
-        // }
-        // == [[.a] [.c]] [[.b] [.c]]
-        //
-
-        // the elements from the current selector so far
-        currentElements = [];
-        // the current list of new selectors to add to the path.
-        // We will build it up. We initiate it with one empty selector as we "multiply" the new selectors
-        // by the parents
-        newSelectors = [[]];
-
-        for (i = 0; i < selector.elements.length; i++) {
-            el = selector.elements[i];
-            // non parent reference elements just get added
-            if (el.value !== "&") {
-                currentElements.push(el);
-            } else {
-                // the new list of selectors to add
-                selectorsMultiplied = [];
-
-                // merge the current list of non parent selector elements
-                // on to the current list of selectors to add
-                if (currentElements.length > 0) {
-                    this.mergeElementsOnToSelectors(currentElements, newSelectors);
-                }
-
-                // loop through our current selectors
-                for (j = 0; j < newSelectors.length; j++) {
-                    sel = newSelectors[j];
-                    // if we don't have any parent paths, the & might be in a mixin so that it can be used
-                    // whether there are parents or not
-                    if (context.length === 0) {
-                        // the combinator used on el should now be applied to the next element instead so that
-                        // it is not lost
-                        if (sel.length > 0) {
-                            sel[0].elements = sel[0].elements.slice(0);
-                            sel[0].elements.push(new(tree.Element)(el.combinator, '', 0, el.index, el.currentFileInfo));
-                        }
-                        selectorsMultiplied.push(sel);
-                    }
-                    else {
-                        // and the parent selectors
-                        for (k = 0; k < context.length; k++) {
-                            parentSel = context[k];
-                            // We need to put the current selectors
-                            // then join the last selector's elements on to the parents selectors
-
-                            // our new selector path
-                            newSelectorPath = [];
-                            // selectors from the parent after the join
-                            afterParentJoin = [];
-                            newJoinedSelectorEmpty = true;
-
-                            //construct the joined selector - if & is the first thing this will be empty,
-                            // if not newJoinedSelector will be the last set of elements in the selector
-                            if (sel.length > 0) {
-                                newSelectorPath = sel.slice(0);
-                                lastSelector = newSelectorPath.pop();
-                                newJoinedSelector = selector.createDerived(lastSelector.elements.slice(0));
-                                newJoinedSelectorEmpty = false;
-                            }
-                            else {
-                                newJoinedSelector = selector.createDerived([]);
-                            }
-
-                            //put together the parent selectors after the join
-                            if (parentSel.length > 1) {
-                                afterParentJoin = afterParentJoin.concat(parentSel.slice(1));
-                            }
-
-                            if (parentSel.length > 0) {
-                                newJoinedSelectorEmpty = false;
-
-                                // join the elements so far with the first part of the parent
-                                newJoinedSelector.elements.push(new(tree.Element)(el.combinator, parentSel[0].elements[0].value, el.index, el.currentFileInfo));
-                                newJoinedSelector.elements = newJoinedSelector.elements.concat(parentSel[0].elements.slice(1));
-                            }
-
-                            if (!newJoinedSelectorEmpty) {
-                                // now add the joined selector
-                                newSelectorPath.push(newJoinedSelector);
-                            }
-
-                            // and the rest of the parent
-                            newSelectorPath = newSelectorPath.concat(afterParentJoin);
-
-                            // add that to our new set of selectors
-                            selectorsMultiplied.push(newSelectorPath);
-                        }
-                    }
-                }
-
-                // our new selectors has been multiplied, so reset the state
-                newSelectors = selectorsMultiplied;
-                currentElements = [];
-            }
-        }
-
-        // if we have any elements left over (e.g. .a& .b == .b)
-        // add them on to all the current selectors
-        if (currentElements.length > 0) {
-            this.mergeElementsOnToSelectors(currentElements, newSelectors);
-        }
-
-        for (i = 0; i < newSelectors.length; i++) {
-            if (newSelectors[i].length > 0) {
-                paths.push(newSelectors[i]);
-            }
-        }
-    },
-    
-    mergeElementsOnToSelectors: function(elements, selectors) {
-        var i, sel;
-
-        if (selectors.length === 0) {
-            selectors.push([ new(tree.Selector)(elements) ]);
-            return;
-        }
-
-        for (i = 0; i < selectors.length; i++) {
-            sel = selectors[i];
-
-            // if the previous thing in sel is a parent this needs to join on to it
-            if (sel.length > 0) {
-                sel[sel.length - 1] = sel[sel.length - 1].createDerived(sel[sel.length - 1].elements.concat(elements));
-            }
-            else {
-                sel.push(new(tree.Selector)(elements));
-            }
-        }
-    }
-};
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Selector = function (elements, extendList, condition, index, currentFileInfo, isReferenced) {
-    this.elements = elements;
-    this.extendList = extendList || [];
-    this.condition = condition;
-    this.currentFileInfo = currentFileInfo || {};
-    this.isReferenced = isReferenced;
-    if (!condition) {
-        this.evaldCondition = true;
-    }
-};
-tree.Selector.prototype = {
-    type: "Selector",
-    accept: function (visitor) {
-        this.elements = visitor.visit(this.elements);
-        this.extendList = visitor.visit(this.extendList);
-        this.condition = visitor.visit(this.condition);
-    },
-    createDerived: function(elements, extendList, evaldCondition) {
-        /*jshint eqnull:true */
-        evaldCondition = evaldCondition != null ? evaldCondition : this.evaldCondition;
-        var newSelector = new(tree.Selector)(elements, extendList || this.extendList, this.condition, this.index, this.currentFileInfo, this.isReferenced);
-        newSelector.evaldCondition = evaldCondition;
-        return newSelector;
-    },
-    match: function (other) {
-        var elements = this.elements,
-            len = elements.length,
-            oelements, olen, max, i;
-
-        oelements = other.elements.slice(
-            (other.elements.length && other.elements[0].value === "&") ? 1 : 0);
-        olen = oelements.length;
-        max = Math.min(len, olen);
-
-        if (olen === 0 || len < olen) {
-            return 0;
-        } else {
-            for (i = 0; i < max; i++) {
-                if (elements[i].value !== oelements[i].value) {
-                    return 0;
-                }
-            }
-        }
-        return max; // return number of matched selectors 
-    },
-    eval: function (env) {
-        var evaldCondition = this.condition && this.condition.eval(env);
-
-        return this.createDerived(this.elements.map(function (e) {
-            return e.eval(env);
-        }), this.extendList.map(function(extend) {
-            return extend.eval(env);
-        }), evaldCondition);
-    },
-    genCSS: function (env, output) {
-        var i, element;
-        if ((!env || !env.firstSelector) && this.elements[0].combinator.value === "") {
-            output.add(' ', this.currentFileInfo, this.index);
-        }
-        if (!this._css) {
-            //TODO caching? speed comparison?
-            for(i = 0; i < this.elements.length; i++) {
-                element = this.elements[i];
-                element.genCSS(env, output);
-            }
-        }
-    },
-    toCSS: tree.toCSS,
-    markReferenced: function () {
-        this.isReferenced = true;
-    },
-    getIsReferenced: function() {
-        return !this.currentFileInfo.reference || this.isReferenced;
-    },
-    getIsOutput: function() {
-        return this.evaldCondition;
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.UnicodeDescriptor = function (value) {
-    this.value = value;
-};
-tree.UnicodeDescriptor.prototype = {
-    type: "UnicodeDescriptor",
-    genCSS: function (env, output) {
-        output.add(this.value);
-    },
-    toCSS: tree.toCSS,
-    eval: function () { return this; }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.URL = function (val, currentFileInfo) {
-    this.value = val;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.URL.prototype = {
-    type: "Url",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    genCSS: function (env, output) {
-        output.add("url(");
-        this.value.genCSS(env, output);
-        output.add(")");
-    },
-    toCSS: tree.toCSS,
-    eval: function (ctx) {
-        var val = this.value.eval(ctx), rootpath;
-
-        // Add the base path if the URL is relative
-        rootpath = this.currentFileInfo && this.currentFileInfo.rootpath;
-        if (rootpath && typeof val.value === "string" && ctx.isPathRelative(val.value)) {
-            if (!val.quote) {
-                rootpath = rootpath.replace(/[\(\)'"\s]/g, function(match) { return "\\"+match; });
-            }
-            val.value = rootpath + val.value;
-        }
-
-        val.value = ctx.normalizePath(val.value);
-
-        return new(tree.URL)(val, null);
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Value = function (value) {
-    this.value = value;
-};
-tree.Value.prototype = {
-    type: "Value",
-    accept: function (visitor) {
-        this.value = visitor.visit(this.value);
-    },
-    eval: function (env) {
-        if (this.value.length === 1) {
-            return this.value[0].eval(env);
-        } else {
-            return new(tree.Value)(this.value.map(function (v) {
-                return v.eval(env);
-            }));
-        }
-    },
-    genCSS: function (env, output) {
-        var i;
-        for(i = 0; i < this.value.length; i++) {
-            this.value[i].genCSS(env, output);
-            if (i+1 < this.value.length) {
-                output.add((env && env.compress) ? ',' : ', ');
-            }
-        }
-    },
-    toCSS: tree.toCSS
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-tree.Variable = function (name, index, currentFileInfo) {
-    this.name = name;
-    this.index = index;
-    this.currentFileInfo = currentFileInfo;
-};
-tree.Variable.prototype = {
-    type: "Variable",
-    eval: function (env) {
-        var variable, v, name = this.name;
-
-        if (name.indexOf('@@') === 0) {
-            name = '@' + new(tree.Variable)(name.slice(1)).eval(env).value;
-        }
-        
-        if (this.evaluating) {
-            throw { type: 'Name',
-                    message: "Recursive variable definition for " + name,
-                    filename: this.currentFileInfo.file,
-                    index: this.index };
-        }
-        
-        this.evaluating = true;
-
-        if (variable = tree.find(env.frames, function (frame) {
-            if (v = frame.variable(name)) {
-                return v.value.eval(env);
-            }
-        })) { 
-            this.evaluating = false;
-            return variable;
-        }
-        else {
-            throw { type: 'Name',
-                    message: "variable " + name + " is undefined",
-                    filename: this.currentFileInfo.filename,
-                    index: this.index };
-        }
-    }
-};
-
-})(require('../tree'));
-
-(function (tree) {
-
-    var parseCopyProperties = [
-        'paths',            // option - unmodified - paths to search for imports on
-        'optimization',     // option - optimization level (for the chunker)
-        'files',            // list of files that have been imported, used for import-once
-        'contents',         // browser-only, contents of all the files
-        'relativeUrls',     // option - whether to adjust URL's to be relative
-        'rootpath',         // option - rootpath to append to URL's
-        'strictImports',    // option -
-        'insecure',         // option - whether to allow imports from insecure ssl hosts
-        'dumpLineNumbers',  // option - whether to dump line numbers
-        'compress',         // option - whether to compress
-        'processImports',   // option - whether to process imports. if false then imports will not be imported
-        'syncImport',       // option - whether to import synchronously
-        'javascriptEnabled',// option - whether JavaScript is enabled. if undefined, defaults to true
-        'mime',             // browser only - mime type for sheet import
-        'useFileCache',     // browser only - whether to use the per file session cache
-        'currentFileInfo'   // information about the current file - for error reporting and importing and making urls relative etc.
-    ];
-
-    //currentFileInfo = {
-    //  'relativeUrls' - option - whether to adjust URL's to be relative
-    //  'filename' - full resolved filename of current file
-    //  'rootpath' - path to append to normal URLs for this node
-    //  'currentDirectory' - path to the current file, absolute
-    //  'rootFilename' - filename of the base file
-    //  'entryPath' - absolute path to the entry file
-    //  'reference' - whether the file should not be output and only output parts that are referenced
-
-    tree.parseEnv = function(options) {
-        copyFromOriginal(options, this, parseCopyProperties);
-
-        if (!this.contents) { this.contents = {}; }
-        if (!this.files) { this.files = {}; }
-
-        if (!this.currentFileInfo) {
-            var filename = (options && options.filename) || "input";
-            var entryPath = filename.replace(/[^\/\\]*$/, "");
-            if (options) {
-                options.filename = null;
-            }
-            this.currentFileInfo = {
-                filename: filename,
-                relativeUrls: this.relativeUrls,
-                rootpath: (options && options.rootpath) || "",
-                currentDirectory: entryPath,
-                entryPath: entryPath,
-                rootFilename: filename
-            };
-        }
-    };
-
-    var evalCopyProperties = [
-        'silent',      // whether to swallow errors and warnings
-        'verbose',     // whether to log more activity
-        'compress',    // whether to compress
-        'yuicompress', // whether to compress with the outside tool yui compressor
-        'ieCompat',    // whether to enforce IE compatibility (IE8 data-uri)
-        'strictMath',  // whether math has to be within parenthesis
-        'strictUnits', // whether units need to evaluate correctly
-        'cleancss',    // whether to compress with clean-css
-        'sourceMap',   // whether to output a source map
-        'importMultiple'// whether we are currently importing multiple copies
-        ];
-
-    tree.evalEnv = function(options, frames) {
-        copyFromOriginal(options, this, evalCopyProperties);
-
-        this.frames = frames || [];
-    };
-
-    tree.evalEnv.prototype.inParenthesis = function () {
-        if (!this.parensStack) {
-            this.parensStack = [];
-        }
-        this.parensStack.push(true);
-    };
-
-    tree.evalEnv.prototype.outOfParenthesis = function () {
-        this.parensStack.pop();
-    };
-
-    tree.evalEnv.prototype.isMathOn = function () {
-        return this.strictMath ? (this.parensStack && this.parensStack.length) : true;
-    };
-
-    tree.evalEnv.prototype.isPathRelative = function (path) {
-        return !/^(?:[a-z-]+:|\/)/.test(path);
-    };
-
-    tree.evalEnv.prototype.normalizePath = function( path ) {
-        var
-          segments = path.split("/").reverse(),
-          segment;
-
-        path = [];
-        while (segments.length !== 0 ) {
-            segment = segments.pop();
-            switch( segment ) {
-                case ".":
-                    break;
-                case "..":
-                    if ((path.length === 0) || (path[path.length - 1] === "..")) {
-                        path.push( segment );
-                    } else {
-                        path.pop();
-                    }
-                    break;
-                default:
-                    path.push( segment );
-                    break;
-            }
-        }
-
-        return path.join("/");
-    };
-
-    //todo - do the same for the toCSS env
-    //tree.toCSSEnv = function (options) {
-    //};
-
-    var copyFromOriginal = function(original, destination, propertiesToCopy) {
-        if (!original) { return; }
-
-        for(var i = 0; i < propertiesToCopy.length; i++) {
-            if (original.hasOwnProperty(propertiesToCopy[i])) {
-                destination[propertiesToCopy[i]] = original[propertiesToCopy[i]];
-            }
-        }
-    };
-
-})(require('./tree'));
-
-(function (tree) {
-
-    tree.visitor = function(implementation) {
-        this._implementation = implementation;
-    };
-
-    tree.visitor.prototype = {
-        visit: function(node) {
-
-            if (node instanceof Array) {
-                return this.visitArray(node);
-            }
-
-            if (!node || !node.type) {
-                return node;
-            }
-
-            var funcName = "visit" + node.type,
-                func = this._implementation[funcName],
-                visitArgs, newNode;
-            if (func) {
-                visitArgs = {visitDeeper: true};
-                newNode = func.call(this._implementation, node, visitArgs);
-                if (this._implementation.isReplacing) {
-                    node = newNode;
-                }
-            }
-            if ((!visitArgs || visitArgs.visitDeeper) && node && node.accept) {
-                node.accept(this);
-            }
-            funcName = funcName + "Out";
-            if (this._implementation[funcName]) {
-                this._implementation[funcName](node);
-            }
-            return node;
-        },
-        visitArray: function(nodes) {
-            var i, newNodes = [];
-            for(i = 0; i < nodes.length; i++) {
-                var evald = this.visit(nodes[i]);
-                if (evald instanceof Array) {
-                    evald = this.flatten(evald);
-                    newNodes = newNodes.concat(evald);
-                } else {
-                    newNodes.push(evald);
-                }
-            }
-            if (this._implementation.isReplacing) {
-                return newNodes;
-            }
-            return nodes;
-        },
-        doAccept: function (node) {
-            node.accept(this);
-        },
-        flatten: function(arr, master) {
-            return arr.reduce(this.flattenReduce.bind(this), master || []);
-        },
-        flattenReduce: function(sum, element) {
-            if (element instanceof Array) {
-                sum = this.flatten(element, sum);
-            } else {
-                sum.push(element);
-            }
-            return sum;
-        }
-    };
-
-})(require('./tree'));
-(function (tree) {
-    tree.importVisitor = function(importer, finish, evalEnv) {
-        this._visitor = new tree.visitor(this);
-        this._importer = importer;
-        this._finish = finish;
-        this.env = evalEnv || new tree.evalEnv();
-        this.importCount = 0;
-    };
-
-    tree.importVisitor.prototype = {
-        isReplacing: true,
-        run: function (root) {
-            var error;
-            try {
-                // process the contents
-                this._visitor.visit(root);
-            }
-            catch(e) {
-                error = e;
-            }
-
-            this.isFinished = true;
-
-            if (this.importCount === 0) {
-                this._finish(error);
-            }
-        },
-        visitImport: function (importNode, visitArgs) {
-            var importVisitor = this,
-                evaldImportNode,
-                inlineCSS = importNode.options.inline;
-
-            if (!importNode.css || inlineCSS) {
-
-                try {
-                    evaldImportNode = importNode.evalForImport(this.env);
-                } catch(e){
-                    if (!e.filename) { e.index = importNode.index; e.filename = importNode.currentFileInfo.filename; }
-                    // attempt to eval properly and treat as css
-                    importNode.css = true;
-                    // if that fails, this error will be thrown
-                    importNode.error = e;
-                }
-
-                if (evaldImportNode && (!evaldImportNode.css || inlineCSS)) {
-                    importNode = evaldImportNode;
-                    this.importCount++;
-                    var env = new tree.evalEnv(this.env, this.env.frames.slice(0));
-
-                    if (importNode.options.multiple) {
-                        env.importMultiple = true;
-                    }
-
-                    this._importer.push(importNode.getPath(), importNode.currentFileInfo, importNode.options, function (e, root, imported, fullPath) {
-                        if (e && !e.filename) { e.index = importNode.index; e.filename = importNode.currentFileInfo.filename; }
-
-                        if (imported && !env.importMultiple) { importNode.skip = imported; }
-
-                        var subFinish = function(e) {
-                            importVisitor.importCount--;
-
-                            if (importVisitor.importCount === 0 && importVisitor.isFinished) {
-                                importVisitor._finish(e);
-                            }
-                        };
-
-                        if (root) {
-                            importNode.root = root;
-                            importNode.importedFilename = fullPath;
-                            if (!inlineCSS && !importNode.skip) {
-                                new(tree.importVisitor)(importVisitor._importer, subFinish, env)
-                                    .run(root);
-                                return;
-                            }
-                        }
-
-                        subFinish();
-                    });
-                }
-            }
-            visitArgs.visitDeeper = false;
-            return importNode;
-        },
-        visitRule: function (ruleNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-            return ruleNode;
-        },
-        visitDirective: function (directiveNode, visitArgs) {
-            this.env.frames.unshift(directiveNode);
-            return directiveNode;
-        },
-        visitDirectiveOut: function (directiveNode) {
-            this.env.frames.shift();
-        },
-        visitMixinDefinition: function (mixinDefinitionNode, visitArgs) {
-            this.env.frames.unshift(mixinDefinitionNode);
-            return mixinDefinitionNode;
-        },
-        visitMixinDefinitionOut: function (mixinDefinitionNode) {
-            this.env.frames.shift();
-        },
-        visitRuleset: function (rulesetNode, visitArgs) {
-            this.env.frames.unshift(rulesetNode);
-            return rulesetNode;
-        },
-        visitRulesetOut: function (rulesetNode) {
-            this.env.frames.shift();
-        },
-        visitMedia: function (mediaNode, visitArgs) {
-            this.env.frames.unshift(mediaNode.ruleset);
-            return mediaNode;
-        },
-        visitMediaOut: function (mediaNode) {
-            this.env.frames.shift();
-        }
-    };
-
-})(require('./tree'));
-(function (tree) {
-    tree.joinSelectorVisitor = function() {
-        this.contexts = [[]];
-        this._visitor = new tree.visitor(this);
-    };
-
-    tree.joinSelectorVisitor.prototype = {
-        run: function (root) {
-            return this._visitor.visit(root);
-        },
-        visitRule: function (ruleNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitMixinDefinition: function (mixinDefinitionNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-
-        visitRuleset: function (rulesetNode, visitArgs) {
-            var context = this.contexts[this.contexts.length - 1];
-            var paths = [];
-            this.contexts.push(paths);
-
-            if (! rulesetNode.root) {
-                rulesetNode.selectors = rulesetNode.selectors.filter(function(selector) { return selector.getIsOutput(); });
-                if (rulesetNode.selectors.length === 0) {
-                    rulesetNode.rules.length = 0;
-                }
-                rulesetNode.joinSelectors(paths, context, rulesetNode.selectors);
-                rulesetNode.paths = paths;
-            }
-        },
-        visitRulesetOut: function (rulesetNode) {
-            this.contexts.length = this.contexts.length - 1;
-        },
-        visitMedia: function (mediaNode, visitArgs) {
-            var context = this.contexts[this.contexts.length - 1];
-            mediaNode.rules[0].root = (context.length === 0 || context[0].multiMedia);
-        }
-    };
-
-})(require('./tree'));
-(function (tree) {
-    tree.toCSSVisitor = function(env) {
-        this._visitor = new tree.visitor(this);
-        this._env = env;
-    };
-
-    tree.toCSSVisitor.prototype = {
-        isReplacing: true,
-        run: function (root) {
-            return this._visitor.visit(root);
-        },
-
-        visitRule: function (ruleNode, visitArgs) {
-            if (ruleNode.variable) {
-                return [];
-            }
-            return ruleNode;
-        },
-
-        visitMixinDefinition: function (mixinNode, visitArgs) {
-            return [];
-        },
-
-        visitExtend: function (extendNode, visitArgs) {
-            return [];
-        },
-
-        visitComment: function (commentNode, visitArgs) {
-            if (commentNode.isSilent(this._env)) {
-                return [];
-            }
-            return commentNode;
-        },
-
-        visitMedia: function(mediaNode, visitArgs) {
-            mediaNode.accept(this._visitor);
-            visitArgs.visitDeeper = false;
-
-            if (!mediaNode.rules.length) {
-                return [];
-            }
-            return mediaNode;
-        },
-
-        visitDirective: function(directiveNode, visitArgs) {
-            if (directiveNode.currentFileInfo.reference && !directiveNode.isReferenced) {
-                return [];
-            }
-            if (directiveNode.name === "@charset") {
-                // Only output the debug info together with subsequent @charset definitions
-                // a comment (or @media statement) before the actual @charset directive would
-                // be considered illegal css as it has to be on the first line
-                if (this.charset) {
-                    if (directiveNode.debugInfo) {
-                        var comment = new tree.Comment("/* " + directiveNode.toCSS(this._env).replace(/\n/g, "")+" */\n");
-                        comment.debugInfo = directiveNode.debugInfo;
-                        return this._visitor.visit(comment);
-                    }
-                    return [];
-                }
-                this.charset = true;
-            }
-            return directiveNode;
-        },
-
-        checkPropertiesInRoot: function(rules) {
-            var ruleNode;
-            for(var i = 0; i < rules.length; i++) {
-                ruleNode = rules[i];
-                if (ruleNode instanceof tree.Rule && !ruleNode.variable) {
-                    throw { message: "properties must be inside selector blocks, they cannot be in the root.",
-                        index: ruleNode.index, filename: ruleNode.currentFileInfo ? ruleNode.currentFileInfo.filename : null};
-                }
-            }
-        },
-
-        visitRuleset: function (rulesetNode, visitArgs) {
-            var rule, rulesets = [];
-            if (rulesetNode.firstRoot) {
-                this.checkPropertiesInRoot(rulesetNode.rules);
-            }
-            if (! rulesetNode.root) {
-
-                rulesetNode.paths = rulesetNode.paths
-                    .filter(function(p) {
-                        var i;
-                        if (p[0].elements[0].combinator.value === ' ') {
-                            p[0].elements[0].combinator = new(tree.Combinator)('');
-                        }
-                        for(i = 0; i < p.length; i++) {
-                            if (p[i].getIsReferenced() && p[i].getIsOutput()) {
-                                return true;
-                            }
-                            return false;
-                        }
-                    });
-
-                // Compile rules and rulesets
-                for (var i = 0; i < rulesetNode.rules.length; i++) {
-                    rule = rulesetNode.rules[i];
-
-                    if (rule.rules) {
-                        // visit because we are moving them out from being a child
-                        rulesets.push(this._visitor.visit(rule));
-                        rulesetNode.rules.splice(i, 1);
-                        i--;
-                        continue;
-                    }
-                }
-                // accept the visitor to remove rules and refactor itself
-                // then we can decide now whether we want it or not
-                if (rulesetNode.rules.length > 0) {
-                    rulesetNode.accept(this._visitor);
-                }
-                visitArgs.visitDeeper = false;
-
-                this._mergeRules(rulesetNode.rules);
-                this._removeDuplicateRules(rulesetNode.rules);
-
-                // now decide whether we keep the ruleset
-                if (rulesetNode.rules.length > 0 && rulesetNode.paths.length > 0) {
-                    rulesets.splice(0, 0, rulesetNode);
-                }
-            } else {
-                rulesetNode.accept(this._visitor);
-                visitArgs.visitDeeper = false;
-                if (rulesetNode.firstRoot || rulesetNode.rules.length > 0) {
-                    rulesets.splice(0, 0, rulesetNode);
-                }
-            }
-            if (rulesets.length === 1) {
-                return rulesets[0];
-            }
-            return rulesets;
-        },
-
-        _removeDuplicateRules: function(rules) {
-            // remove duplicates
-            var ruleCache = {},
-                ruleList, rule, i;
-            for(i = rules.length - 1; i >= 0 ; i--) {
-                rule = rules[i];
-                if (rule instanceof tree.Rule) {
-                    if (!ruleCache[rule.name]) {
-                        ruleCache[rule.name] = rule;
-                    } else {
-                        ruleList = ruleCache[rule.name];
-                        if (ruleList instanceof tree.Rule) {
-                            ruleList = ruleCache[rule.name] = [ruleCache[rule.name].toCSS(this._env)];
-                        }
-                        var ruleCSS = rule.toCSS(this._env);
-                        if (ruleList.indexOf(ruleCSS) !== -1) {
-                            rules.splice(i, 1);
-                        } else {
-                            ruleList.push(ruleCSS);
-                        }
-                    }
-                }
-            }
-        },
-
-        _mergeRules: function (rules) {
-            var groups = {},
-                parts,
-                rule,
-                key;
-
-            for (var i = 0; i < rules.length; i++) {
-                rule = rules[i];
-
-                if ((rule instanceof tree.Rule) && rule.merge) {
-                    key = [rule.name,
-                        rule.important ? "!" : ""].join(",");
-
-                    if (!groups[key]) {
-                        parts = groups[key] = [];
-                    } else {
-                        rules.splice(i--, 1);
-                    }
-
-                    parts.push(rule);
-                }
-            }
-
-            Object.keys(groups).map(function (k) {
-                parts = groups[k];
-
-                if (parts.length > 1) {
-                    rule = parts[0];
-
-                    rule.value = new (tree.Value)(parts.map(function (p) {
-                        return p.value;
-                    }));
-                }
-            });
-        }
-    };
-
-})(require('./tree'));
-(function (tree) {
-    /*jshint loopfunc:true */
-
-    tree.extendFinderVisitor = function() {
-        this._visitor = new tree.visitor(this);
-        this.contexts = [];
-        this.allExtendsStack = [[]];
-    };
-
-    tree.extendFinderVisitor.prototype = {
-        run: function (root) {
-            root = this._visitor.visit(root);
-            root.allExtends = this.allExtendsStack[0];
-            return root;
-        },
-        visitRule: function (ruleNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitMixinDefinition: function (mixinDefinitionNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitRuleset: function (rulesetNode, visitArgs) {
-
-            if (rulesetNode.root) {
-                return;
-            }
-
-            var i, j, extend, allSelectorsExtendList = [], extendList;
-
-            // get &:extend(.a); rules which apply to all selectors in this ruleset
-            for(i = 0; i < rulesetNode.rules.length; i++) {
-                if (rulesetNode.rules[i] instanceof tree.Extend) {
-                    allSelectorsExtendList.push(rulesetNode.rules[i]);
-                    rulesetNode.extendOnEveryPath = true;
-                }
-            }
-
-            // now find every selector and apply the extends that apply to all extends
-            // and the ones which apply to an individual extend
-            for(i = 0; i < rulesetNode.paths.length; i++) {
-                var selectorPath = rulesetNode.paths[i],
-                    selector = selectorPath[selectorPath.length-1];
-                extendList = selector.extendList.slice(0).concat(allSelectorsExtendList).map(function(allSelectorsExtend) {
-                    return allSelectorsExtend.clone();
-                });
-                for(j = 0; j < extendList.length; j++) {
-                    this.foundExtends = true;
-                    extend = extendList[j];
-                    extend.findSelfSelectors(selectorPath);
-                    extend.ruleset = rulesetNode;
-                    if (j === 0) { extend.firstExtendOnThisSelectorPath = true; }
-                    this.allExtendsStack[this.allExtendsStack.length-1].push(extend);
-                }
-            }
-
-            this.contexts.push(rulesetNode.selectors);
-        },
-        visitRulesetOut: function (rulesetNode) {
-            if (!rulesetNode.root) {
-                this.contexts.length = this.contexts.length - 1;
-            }
-        },
-        visitMedia: function (mediaNode, visitArgs) {
-            mediaNode.allExtends = [];
-            this.allExtendsStack.push(mediaNode.allExtends);
-        },
-        visitMediaOut: function (mediaNode) {
-            this.allExtendsStack.length = this.allExtendsStack.length - 1;
-        },
-        visitDirective: function (directiveNode, visitArgs) {
-            directiveNode.allExtends = [];
-            this.allExtendsStack.push(directiveNode.allExtends);
-        },
-        visitDirectiveOut: function (directiveNode) {
-            this.allExtendsStack.length = this.allExtendsStack.length - 1;
-        }
-    };
-
-    tree.processExtendsVisitor = function() {
-        this._visitor = new tree.visitor(this);
-    };
-
-    tree.processExtendsVisitor.prototype = {
-        run: function(root) {
-            var extendFinder = new tree.extendFinderVisitor();
-            extendFinder.run(root);
-            if (!extendFinder.foundExtends) { return root; }
-            root.allExtends = root.allExtends.concat(this.doExtendChaining(root.allExtends, root.allExtends));
-            this.allExtendsStack = [root.allExtends];
-            return this._visitor.visit(root);
-        },
-        doExtendChaining: function (extendsList, extendsListTarget, iterationCount) {
-            //
-            // chaining is different from normal extension.. if we extend an extend then we are not just copying, altering and pasting
-            // the selector we would do normally, but we are also adding an extend with the same target selector
-            // this means this new extend can then go and alter other extends
-            //
-            // this method deals with all the chaining work - without it, extend is flat and doesn't work on other extend selectors
-            // this is also the most expensive.. and a match on one selector can cause an extension of a selector we had already processed if
-            // we look at each selector at a time, as is done in visitRuleset
-
-            var extendIndex, targetExtendIndex, matches, extendsToAdd = [], newSelector, extendVisitor = this, selectorPath, extend, targetExtend, newExtend;
-
-            iterationCount = iterationCount || 0;
-
-            //loop through comparing every extend with every target extend.
-            // a target extend is the one on the ruleset we are looking at copy/edit/pasting in place
-            // e.g.  .a:extend(.b) {}  and .b:extend(.c) {} then the first extend extends the second one
-            // and the second is the target.
-            // the seperation into two lists allows us to process a subset of chains with a bigger set, as is the
-            // case when processing media queries
-            for(extendIndex = 0; extendIndex < extendsList.length; extendIndex++){
-                for(targetExtendIndex = 0; targetExtendIndex < extendsListTarget.length; targetExtendIndex++){
-
-                    extend = extendsList[extendIndex];
-                    targetExtend = extendsListTarget[targetExtendIndex];
-
-                    // look for circular references
-                    if (this.inInheritanceChain(targetExtend, extend)) { continue; }
-
-                    // find a match in the target extends self selector (the bit before :extend)
-                    selectorPath = [targetExtend.selfSelectors[0]];
-                    matches = extendVisitor.findMatch(extend, selectorPath);
-
-                    if (matches.length) {
-
-                        // we found a match, so for each self selector..
-                        extend.selfSelectors.forEach(function(selfSelector) {
-
-                            // process the extend as usual
-                            newSelector = extendVisitor.extendSelector(matches, selectorPath, selfSelector);
-
-                            // but now we create a new extend from it
-                            newExtend = new(tree.Extend)(targetExtend.selector, targetExtend.option, 0);
-                            newExtend.selfSelectors = newSelector;
-
-                            // add the extend onto the list of extends for that selector
-                            newSelector[newSelector.length-1].extendList = [newExtend];
-
-                            // record that we need to add it.
-                            extendsToAdd.push(newExtend);
-                            newExtend.ruleset = targetExtend.ruleset;
-
-                            //remember its parents for circular references
-                            newExtend.parents = [targetExtend, extend];
-
-                            // only process the selector once.. if we have :extend(.a,.b) then multiple
-                            // extends will look at the same selector path, so when extending
-                            // we know that any others will be duplicates in terms of what is added to the css
-                            if (targetExtend.firstExtendOnThisSelectorPath) {
-                                newExtend.firstExtendOnThisSelectorPath = true;
-                                targetExtend.ruleset.paths.push(newSelector);
-                            }
-                        });
-                    }
-                }
-            }
-
-            if (extendsToAdd.length) {
-                // try to detect circular references to stop a stack overflow.
-                // may no longer be needed.
-                this.extendChainCount++;
-                if (iterationCount > 100) {
-                    var selectorOne = "{unable to calculate}";
-                    var selectorTwo = "{unable to calculate}";
-                    try
-                    {
-                        selectorOne = extendsToAdd[0].selfSelectors[0].toCSS();
-                        selectorTwo = extendsToAdd[0].selector.toCSS();
-                    }
-                    catch(e) {}
-                    throw {message: "extend circular reference detected. One of the circular extends is currently:"+selectorOne+":extend(" + selectorTwo+")"};
-                }
-
-                // now process the new extends on the existing rules so that we can handle a extending b extending c ectending d extending e...
-                return extendsToAdd.concat(extendVisitor.doExtendChaining(extendsToAdd, extendsListTarget, iterationCount+1));
-            } else {
-                return extendsToAdd;
-            }
-        },
-        inInheritanceChain: function (possibleParent, possibleChild) {
-            if (possibleParent === possibleChild) {
-                return true;
-            }
-            if (possibleChild.parents) {
-                if (this.inInheritanceChain(possibleParent, possibleChild.parents[0])) {
-                    return true;
-                }
-                if (this.inInheritanceChain(possibleParent, possibleChild.parents[1])) {
-                    return true;
-                }
-            }
-            return false;
-        },
-        visitRule: function (ruleNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitMixinDefinition: function (mixinDefinitionNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitSelector: function (selectorNode, visitArgs) {
-            visitArgs.visitDeeper = false;
-        },
-        visitRuleset: function (rulesetNode, visitArgs) {
-            if (rulesetNode.root) {
-                return;
-            }
-            var matches, pathIndex, extendIndex, allExtends = this.allExtendsStack[this.allExtendsStack.length-1], selectorsToAdd = [], extendVisitor = this, selectorPath;
-
-            // look at each selector path in the ruleset, find any extend matches and then copy, find and replace
-
-            for(extendIndex = 0; extendIndex < allExtends.length; extendIndex++) {
-                for(pathIndex = 0; pathIndex < rulesetNode.paths.length; pathIndex++) {
-
-                    selectorPath = rulesetNode.paths[pathIndex];
-
-                    // extending extends happens initially, before the main pass
-                    if (rulesetNode.extendOnEveryPath || selectorPath[selectorPath.length-1].extendList.length) { continue; }
-
-                    matches = this.findMatch(allExtends[extendIndex], selectorPath);
-
-                    if (matches.length) {
-
-                        allExtends[extendIndex].selfSelectors.forEach(function(selfSelector) {
-                            selectorsToAdd.push(extendVisitor.extendSelector(matches, selectorPath, selfSelector));
-                        });
-                    }
-                }
-            }
-            rulesetNode.paths = rulesetNode.paths.concat(selectorsToAdd);
-        },
-        findMatch: function (extend, haystackSelectorPath) {
-            //
-            // look through the haystack selector path to try and find the needle - extend.selector
-            // returns an array of selector matches that can then be replaced
-            //
-            var haystackSelectorIndex, hackstackSelector, hackstackElementIndex, haystackElement,
-                targetCombinator, i,
-                extendVisitor = this,
-                needleElements = extend.selector.elements,
-                potentialMatches = [], potentialMatch, matches = [];
-
-            // loop through the haystack elements
-            for(haystackSelectorIndex = 0; haystackSelectorIndex < haystackSelectorPath.length; haystackSelectorIndex++) {
-                hackstackSelector = haystackSelectorPath[haystackSelectorIndex];
-
-                for(hackstackElementIndex = 0; hackstackElementIndex < hackstackSelector.elements.length; hackstackElementIndex++) {
-
-                    haystackElement = hackstackSelector.elements[hackstackElementIndex];
-
-                    // if we allow elements before our match we can add a potential match every time. otherwise only at the first element.
-                    if (extend.allowBefore || (haystackSelectorIndex === 0 && hackstackElementIndex === 0)) {
-                        potentialMatches.push({pathIndex: haystackSelectorIndex, index: hackstackElementIndex, matched: 0, initialCombinator: haystackElement.combinator});
-                    }
-
-                    for(i = 0; i < potentialMatches.length; i++) {
-                        potentialMatch = potentialMatches[i];
-
-                        // selectors add " " onto the first element. When we use & it joins the selectors together, but if we don't
-                        // then each selector in haystackSelectorPath has a space before it added in the toCSS phase. so we need to work out
-                        // what the resulting combinator will be
-                        targetCombinator = haystackElement.combinator.value;
-                        if (targetCombinator === '' && hackstackElementIndex === 0) {
-                            targetCombinator = ' ';
-                        }
-
-                        // if we don't match, null our match to indicate failure
-                        if (!extendVisitor.isElementValuesEqual(needleElements[potentialMatch.matched].value, haystackElement.value) ||
-                            (potentialMatch.matched > 0 && needleElements[potentialMatch.matched].combinator.value !== targetCombinator)) {
-                            potentialMatch = null;
-                        } else {
-                            potentialMatch.matched++;
-                        }
-
-                        // if we are still valid and have finished, test whether we have elements after and whether these are allowed
-                        if (potentialMatch) {
-                            potentialMatch.finished = potentialMatch.matched === needleElements.length;
-                            if (potentialMatch.finished &&
-                                (!extend.allowAfter && (hackstackElementIndex+1 < hackstackSelector.elements.length || haystackSelectorIndex+1 < haystackSelectorPath.length))) {
-                                potentialMatch = null;
-                            }
-                        }
-                        // if null we remove, if not, we are still valid, so either push as a valid match or continue
-                        if (potentialMatch) {
-                            if (potentialMatch.finished) {
-                                potentialMatch.length = needleElements.length;
-                                potentialMatch.endPathIndex = haystackSelectorIndex;
-                                potentialMatch.endPathElementIndex = hackstackElementIndex + 1; // index after end of match
-                                potentialMatches.length = 0; // we don't allow matches to overlap, so start matching again
-                                matches.push(potentialMatch);
-                            }
-                        } else {
-                            potentialMatches.splice(i, 1);
-                            i--;
-                        }
-                    }
-                }
-            }
-            return matches;
-        },
-        isElementValuesEqual: function(elementValue1, elementValue2) {
-            if (typeof elementValue1 === "string" || typeof elementValue2 === "string") {
-                return elementValue1 === elementValue2;
-            }
-            if (elementValue1 instanceof tree.Attribute) {
-                if (elementValue1.op !== elementValue2.op || elementValue1.key !== elementValue2.key) {
-                    return false;
-                }
-                if (!elementValue1.value || !elementValue2.value) {
-                    if (elementValue1.value || elementValue2.value) {
-                        return false;
-                    }
-                    return true;
-                }
-                elementValue1 = elementValue1.value.value || elementValue1.value;
-                elementValue2 = elementValue2.value.value || elementValue2.value;
-                return elementValue1 === elementValue2;
-            }
-            elementValue1 = elementValue1.value;
-            elementValue2 = elementValue2.value;
-            if (elementValue1 instanceof tree.Selector) {
-                if (!(elementValue2 instanceof tree.Selector) || elementValue1.elements.length !== elementValue2.elements.length) {
-                    return false;
-                }
-                for(var i = 0; i <elementValue1.elements.length; i++) {
-                    if (elementValue1.elements[i].combinator.value !== elementValue2.elements[i].combinator.value) {
-                        if (i !== 0 || (elementValue1.elements[i].combinator.value || ' ') !== (elementValue2.elements[i].combinator.value || ' ')) {
-                            return false;
-                        }
-                    }
-                    if (!this.isElementValuesEqual(elementValue1.elements[i].value, elementValue2.elements[i].value)) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-            return false;
-        },
-        extendSelector:function (matches, selectorPath, replacementSelector) {
-
-            //for a set of matches, replace each match with the replacement selector
-
-            var currentSelectorPathIndex = 0,
-                currentSelectorPathElementIndex = 0,
-                path = [],
-                matchIndex,
-                selector,
-                firstElement,
-                match,
-                newElements;
-
-            for (matchIndex = 0; matchIndex < matches.length; matchIndex++) {
-                match = matches[matchIndex];
-                selector = selectorPath[match.pathIndex];
-                firstElement = new tree.Element(
-                    match.initialCombinator,
-                    replacementSelector.elements[0].value,
-                    replacementSelector.elements[0].index,
-                    replacementSelector.elements[0].currentFileInfo
-                );
-
-                if (match.pathIndex > currentSelectorPathIndex && currentSelectorPathElementIndex > 0) {
-                    path[path.length - 1].elements = path[path.length - 1].elements.concat(selectorPath[currentSelectorPathIndex].elements.slice(currentSelectorPathElementIndex));
-                    currentSelectorPathElementIndex = 0;
-                    currentSelectorPathIndex++;
-                }
-
-                newElements = selector.elements
-                    .slice(currentSelectorPathElementIndex, match.index)
-                    .concat([firstElement])
-                    .concat(replacementSelector.elements.slice(1));
-
-                if (currentSelectorPathIndex === match.pathIndex && matchIndex > 0) {
-                    path[path.length - 1].elements =
-                        path[path.length - 1].elements.concat(newElements);
-                } else {
-                    path = path.concat(selectorPath.slice(currentSelectorPathIndex, match.pathIndex));
-
-                    path.push(new tree.Selector(
-                        newElements
-                    ));
-                }
-                currentSelectorPathIndex = match.endPathIndex;
-                currentSelectorPathElementIndex = match.endPathElementIndex;
-                if (currentSelectorPathElementIndex >= selectorPath[currentSelectorPathIndex].elements.length) {
-                    currentSelectorPathElementIndex = 0;
-                    currentSelectorPathIndex++;
-                }
-            }
-
-            if (currentSelectorPathIndex < selectorPath.length && currentSelectorPathElementIndex > 0) {
-                path[path.length - 1].elements = path[path.length - 1].elements.concat(selectorPath[currentSelectorPathIndex].elements.slice(currentSelectorPathElementIndex));
-                currentSelectorPathIndex++;
-            }
-
-            path = path.concat(selectorPath.slice(currentSelectorPathIndex, selectorPath.length));
-
-            return path;
-        },
-        visitRulesetOut: function (rulesetNode) {
-        },
-        visitMedia: function (mediaNode, visitArgs) {
-            var newAllExtends = mediaNode.allExtends.concat(this.allExtendsStack[this.allExtendsStack.length-1]);
-            newAllExtends = newAllExtends.concat(this.doExtendChaining(newAllExtends, mediaNode.allExtends));
-            this.allExtendsStack.push(newAllExtends);
-        },
-        visitMediaOut: function (mediaNode) {
-            this.allExtendsStack.length = this.allExtendsStack.length - 1;
-        },
-        visitDirective: function (directiveNode, visitArgs) {
-            var newAllExtends = directiveNode.allExtends.concat(this.allExtendsStack[this.allExtendsStack.length-1]);
-            newAllExtends = newAllExtends.concat(this.doExtendChaining(newAllExtends, directiveNode.allExtends));
-            this.allExtendsStack.push(newAllExtends);
-        },
-        visitDirectiveOut: function (directiveNode) {
-            this.allExtendsStack.length = this.allExtendsStack.length - 1;
-        }
-    };
-
-})(require('./tree'));
-
-(function (tree) {
-
-    tree.sourceMapOutput = function (options) {
-        this._css = [];
-        this._rootNode = options.rootNode;
-        this._writeSourceMap = options.writeSourceMap;
-        this._contentsMap = options.contentsMap;
-        this._sourceMapFilename = options.sourceMapFilename;
-        this._outputFilename = options.outputFilename;
-        this._sourceMapURL = options.sourceMapURL;
-        this._sourceMapBasepath = options.sourceMapBasepath;
-        this._sourceMapRootpath = options.sourceMapRootpath;
-        this._outputSourceFiles = options.outputSourceFiles;
-        this._sourceMapGeneratorConstructor = options.sourceMapGenerator || require("source-map").SourceMapGenerator;
-
-        if (this._sourceMapRootpath && this._sourceMapRootpath.charAt(this._sourceMapRootpath.length-1) !== '/') {
-            this._sourceMapRootpath += '/';
-        }
-
-        this._lineNumber = 0;
-        this._column = 0;
-    };
-
-    tree.sourceMapOutput.prototype.normalizeFilename = function(filename) {
-        if (this._sourceMapBasepath && filename.indexOf(this._sourceMapBasepath) === 0) {
-             filename = filename.substring(this._sourceMapBasepath.length);
-             if (filename.charAt(0) === '\\' || filename.charAt(0) === '/') {
-                filename = filename.substring(1);
-             }
-        }
-        return (this._sourceMapRootpath || "") + filename.replace(/\\/g, '/');
-    };
-
-    tree.sourceMapOutput.prototype.add = function(chunk, fileInfo, index, mapLines) {
-
-        //ignore adding empty strings
-        if (!chunk) {
-            return;
-        }
-
-        var lines,
-            sourceLines,
-            columns,
-            sourceColumns,
-            i;
-
-        if (fileInfo) {
-            var inputSource = this._contentsMap[fileInfo.filename].substring(0, index);
-            sourceLines = inputSource.split("\n");
-            sourceColumns = sourceLines[sourceLines.length-1];
-        }
-
-        lines = chunk.split("\n");
-        columns = lines[lines.length-1];
-
-        if (fileInfo) {
-            if (!mapLines) {
-                this._sourceMapGenerator.addMapping({ generated: { line: this._lineNumber + 1, column: this._column},
-                    original: { line: sourceLines.length, column: sourceColumns.length},
-                    source: this.normalizeFilename(fileInfo.filename)});
-            } else {
-                for(i = 0; i < lines.length; i++) {
-                    this._sourceMapGenerator.addMapping({ generated: { line: this._lineNumber + i + 1, column: i === 0 ? this._column : 0},
-                        original: { line: sourceLines.length + i, column: i === 0 ? sourceColumns.length : 0},
-                        source: this.normalizeFilename(fileInfo.filename)});
-                }
-            }
-        }
-
-        if (lines.length === 1) {
-            this._column += columns.length;
-        } else {
-            this._lineNumber += lines.length - 1;
-            this._column = columns.length;
-        }
-
-        this._css.push(chunk);
-    };
-
-    tree.sourceMapOutput.prototype.isEmpty = function() {
-        return this._css.length === 0;
-    };
-
-    tree.sourceMapOutput.prototype.toCSS = function(env) {
-        this._sourceMapGenerator = new this._sourceMapGeneratorConstructor({ file: this._outputFilename, sourceRoot: null });
-
-        if (this._outputSourceFiles) {
-            for(var filename in this._contentsMap) {
-                this._sourceMapGenerator.setSourceContent(this.normalizeFilename(filename), this._contentsMap[filename]);
-            }
-        }
-
-        this._rootNode.genCSS(env, this);
-
-        if (this._css.length > 0) {
-            var sourceMapURL,
-                sourceMapContent = JSON.stringify(this._sourceMapGenerator.toJSON());
-
-            if (this._sourceMapURL) {
-                sourceMapURL = this._sourceMapURL;
-            } else if (this._sourceMapFilename) {
-                sourceMapURL = this.normalizeFilename(this._sourceMapFilename);
-            }
-
-            if (this._writeSourceMap) {
-                this._writeSourceMap(sourceMapContent);
-            } else {
-                sourceMapURL = "data:application/json," + encodeURIComponent(sourceMapContent);
-            }
-
-            if (sourceMapURL) {
-                this._css.push("/*# sourceMappingURL=" + sourceMapURL + " */");
-            }
-        }
-
-        return this._css.join('');
-    };
-
-})(require('./tree'));
-
-//
-// browser.js - client-side engine
-//
-/*global less, window, document, XMLHttpRequest, location */
-
-var isFileProtocol = /^(file|chrome(-extension)?|resource|qrc|app):/.test(location.protocol);
-
-less.env = less.env || (location.hostname == '127.0.0.1' ||
-                        location.hostname == '0.0.0.0'   ||
-                        location.hostname == 'localhost' ||
-                        (location.port &&
-                          location.port.length > 0)      ||
-                        isFileProtocol                   ? 'development'
-                                                         : 'production');
-
-var logLevel = {
-    info: 2,
-    errors: 1,
-    none: 0
-};
-
-// The amount of logging in the javascript console.
-// 2 - Information and errors
-// 1 - Errors
-// 0 - None
-// Defaults to 2
-less.logLevel = typeof(less.logLevel) != 'undefined' ? less.logLevel : logLevel.info;
-
-// Load styles asynchronously (default: false)
-//
-// This is set to `false` by default, so that the body
-// doesn't start loading before the stylesheets are parsed.
-// Setting this to `true` can result in flickering.
-//
-less.async = less.async || false;
-less.fileAsync = less.fileAsync || false;
-
-// Interval between watch polls
-less.poll = less.poll || (isFileProtocol ? 1000 : 1500);
-
-//Setup user functions
-if (less.functions) {
-    for(var func in less.functions) {
-        less.tree.functions[func] = less.functions[func];
-   }
-}
-
-var dumpLineNumbers = /!dumpLineNumbers:(comments|mediaquery|all)/.exec(location.hash);
-if (dumpLineNumbers) {
-    less.dumpLineNumbers = dumpLineNumbers[1];
-}
-
-var typePattern = /^text\/(x-)?less$/;
-var cache = null;
-var fileCache = {};
-var varsPre = "";
-
-function log(str, level) {
-    if (less.env == 'development' && typeof(console) !== 'undefined' && less.logLevel >= level) {
-        console.log('less: ' + str);
-    }
-}
-
-function extractId(href) {
-    return href.replace(/^[a-z-]+:\/+?[^\/]+/, '' )  // Remove protocol & domain
-        .replace(/^\//,                 '' )  // Remove root /
-        .replace(/\.[a-zA-Z]+$/,        '' )  // Remove simple extension
-        .replace(/[^\.\w-]+/g,          '-')  // Replace illegal characters
-        .replace(/\./g,                 ':'); // Replace dots with colons(for valid id)
-}
-
-function errorConsole(e, rootHref) {
-    var template = '{line} {content}';
-    var filename = e.filename || rootHref;
-    var errors = [];
-    var content = (e.type || "Syntax") + "Error: " + (e.message || 'There is an error in your .less file') +
-        " in " + filename + " ";
-
-    var errorline = function (e, i, classname) {
-        if (e.extract[i] !== undefined) {
-            errors.push(template.replace(/\{line\}/, (parseInt(e.line, 10) || 0) + (i - 1))
-                .replace(/\{class\}/, classname)
-                .replace(/\{content\}/, e.extract[i]));
-        }
-    };
-
-    if (e.extract) {
-        errorline(e, 0, '');
-        errorline(e, 1, 'line');
-        errorline(e, 2, '');
-        content += 'on line ' + e.line + ', column ' + (e.column + 1) + ':\n' +
-            errors.join('\n');
-    } else if (e.stack) {
-        content += e.stack;
-    }
-    log(content, logLevel.errors);
-}
-
-function createCSS(styles, sheet, lastModified) {
-    // Strip the query-string
-    var href = sheet.href || '';
-
-    // If there is no title set, use the filename, minus the extension
-    var id = 'less:' + (sheet.title || extractId(href));
-
-    // If this has already been inserted into the DOM, we may need to replace it
-    var oldCss = document.getElementById(id);
-    var keepOldCss = false;
-
-    // Create a new stylesheet node for insertion or (if necessary) replacement
-    var css = document.createElement('style');
-    css.setAttribute('type', 'text/css');
-    if (sheet.media) {
-        css.setAttribute('media', sheet.media);
-    }
-    css.id = id;
-
-    if (css.styleSheet) { // IE
-        try {
-            css.styleSheet.cssText = styles;
-        } catch (e) {
-            throw new(Error)("Couldn't reassign styleSheet.cssText.");
-        }
-    } else {
-        css.appendChild(document.createTextNode(styles));
-
-        // If new contents match contents of oldCss, don't replace oldCss
-        keepOldCss = (oldCss !== null && oldCss.childNodes.length > 0 && css.childNodes.length > 0 &&
-            oldCss.firstChild.nodeValue === css.firstChild.nodeValue);
-    }
-
-    var head = document.getElementsByTagName('head')[0];
-
-    // If there is no oldCss, just append; otherwise, only append if we need
-    // to replace oldCss with an updated stylesheet
-    if (oldCss === null || keepOldCss === false) {
-        var nextEl = sheet && sheet.nextSibling || null;
-        if (nextEl) {
-            nextEl.parentNode.insertBefore(css, nextEl);
-        } else {
-            head.appendChild(css);
-        }
-    }
-    if (oldCss && keepOldCss === false) {
-        oldCss.parentNode.removeChild(oldCss);
-    }
-
-    // Don't update the local store if the file wasn't modified
-    if (lastModified && cache) {
-        log('saving ' + href + ' to cache.', logLevel.info);
-        try {
-            cache.setItem(href, styles);
-            cache.setItem(href + ':timestamp', lastModified);
-        } catch(e) {
-            //TODO - could do with adding more robust error handling
-            log('failed to save', logLevel.errors);
-        }
-    }
-}
-
-function errorHTML(e, rootHref) {
-    var id = 'less-error-message:' + extractId(rootHref || "");
-    var template = '<li><label>{line}</label><pre class="{class}">{content}</pre></li>';
-    var elem = document.createElement('div'), timer, content, errors = [];
-    var filename = e.filename || rootHref;
-    var filenameNoPath = filename.match(/([^\/]+(\?.*)?)$/)[1];
-
-    elem.id        = id;
-    elem.className = "less-error-message";
-
-    content = '<h3>'  + (e.type || "Syntax") + "Error: " + (e.message || 'There is an error in your .less file') +
-        '</h3>' + '<p>in <a href="' + filename   + '">' + filenameNoPath + "</a> ";
-
-    var errorline = function (e, i, classname) {
-        if (e.extract[i] !== undefined) {
-            errors.push(template.replace(/\{line\}/, (parseInt(e.line, 10) || 0) + (i - 1))
-                .replace(/\{class\}/, classname)
-                .replace(/\{content\}/, e.extract[i]));
-        }
-    };
-
-    if (e.extract) {
-        errorline(e, 0, '');
-        errorline(e, 1, 'line');
-        errorline(e, 2, '');
-        content += 'on line ' + e.line + ', column ' + (e.column + 1) + ':</p>' +
-            '<ul>' + errors.join('') + '</ul>';
-    } else if (e.stack) {
-        content += '<br/>' + e.stack.split('\n').slice(1).join('<br/>');
-    }
-    elem.innerHTML = content;
-
-    // CSS for error messages
-    createCSS([
-        '.less-error-message ul, .less-error-message li {',
-        'list-style-type: none;',
-        'margin-right: 15px;',
-        'padding: 4px 0;',
-        'margin: 0;',
-        '}',
-        '.less-error-message label {',
-        'font-size: 12px;',
-        'margin-right: 15px;',
-        'padding: 4px 0;',
-        'color: #cc7777;',
-        '}',
-        '.less-error-message pre {',
-        'color: #dd6666;',
-        'padding: 4px 0;',
-        'margin: 0;',
-        'display: inline-block;',
-        '}',
-        '.less-error-message pre.line {',
-        'color: #ff0000;',
-        '}',
-        '.less-error-message h3 {',
-        'font-size: 20px;',
-        'font-weight: bold;',
-        'padding: 15px 0 5px 0;',
-        'margin: 0;',
-        '}',
-        '.less-error-message a {',
-        'color: #10a',
-        '}',
-        '.less-error-message .error {',
-        'color: red;',
-        'font-weight: bold;',
-        'padding-bottom: 2px;',
-        'border-bottom: 1px dashed red;',
-        '}'
-    ].join('\n'), { title: 'error-message' });
-
-    elem.style.cssText = [
-        "font-family: Arial, sans-serif",
-        "border: 1px solid #e00",
-        "background-color: #eee",
-        "border-radius: 5px",
-        "-webkit-border-radius: 5px",
-        "-moz-border-radius: 5px",
-        "color: #e00",
-        "padding: 15px",
-        "margin-bottom: 15px"
-    ].join(';');
-
-    if (less.env == 'development') {
-        timer = setInterval(function () {
-            if (document.body) {
-                if (document.getElementById(id)) {
-                    document.body.replaceChild(elem, document.getElementById(id));
-                } else {
-                    document.body.insertBefore(elem, document.body.firstChild);
-                }
-                clearInterval(timer);
-            }
-        }, 10);
-    }
-}
-
-function error(e, rootHref) {
-    if (!less.errorReporting || less.errorReporting === "html") {
-        errorHTML(e, rootHref);
-    } else if (less.errorReporting === "console") {
-        errorConsole(e, rootHref);
-    } else if (typeof less.errorReporting === 'function') {
-        less.errorReporting("add", e, rootHref);
-    }
-}
-
-function removeErrorHTML(path) {
-    var node = document.getElementById('less-error-message:' + extractId(path));
-    if (node) {
-        node.parentNode.removeChild(node);
-    }
-}
-
-function removeErrorConsole(path) {
-    //no action
-}
-
-function removeError(path) {
-    if (!less.errorReporting || less.errorReporting === "html") {
-        removeErrorHTML(path);
-    } else if (less.errorReporting === "console") {
-        removeErrorConsole(path);
-    } else if (typeof less.errorReporting === 'function') {
-        less.errorReporting("remove", path);
-    }
-}
-
-function loadStyles(newVars) {
-    var styles = document.getElementsByTagName('style'),
-        style;
-    for (var i = 0; i < styles.length; i++) {
-        style = styles[i];
-        if (style.type.match(typePattern)) {
-            var env = new less.tree.parseEnv(less),
-                lessText = style.innerHTML || '';
-            env.filename = document.location.href.replace(/#.*$/, '');
-
-            if (newVars || varsPre) {
-                env.useFileCache = true;
-
-                lessText = varsPre + lessText;
-
-                if (newVars) {
-                    lessText += "\n" + newVars;
-                }
-            }
-
-            /*jshint loopfunc:true */
-            // use closure to store current value of i
-            var callback = (function(style) {
-                return function (e, cssAST) {
-                    if (e) {
-                        return error(e, "inline");
-                    }
-                    var css = cssAST.toCSS(less);
-                    style.type = 'text/css';
-                    if (style.styleSheet) {
-                        style.styleSheet.cssText = css;
-                    } else {
-                        style.innerHTML = css;
-                    }
-                };
-            })(style);
-            new(less.Parser)(env).parse(lessText, callback);
-        }
-    }
-}
-
-function extractUrlParts(url, baseUrl) {
-    // urlParts[1] = protocol&hostname || /
-    // urlParts[2] = / if path relative to host base
-    // urlParts[3] = directories
-    // urlParts[4] = filename
-    // urlParts[5] = parameters
-
-    var urlPartsRegex = /^((?:[a-z-]+:)?\/+?(?:[^\/\?#]*\/)|([\/\\]))?((?:[^\/\\\?#]*[\/\\])*)([^\/\\\?#]*)([#\?].*)?$/i,
-        urlParts = url.match(urlPartsRegex),
-        returner = {}, directories = [], i, baseUrlParts;
-
-    if (!urlParts) {
-        throw new Error("Could not parse sheet href - '"+url+"'");
-    }
-
-    // Stylesheets in IE don't always return the full path
-    if (!urlParts[1] || urlParts[2]) {
-        baseUrlParts = baseUrl.match(urlPartsRegex);
-        if (!baseUrlParts) {
-            throw new Error("Could not parse page url - '"+baseUrl+"'");
-        }
-        urlParts[1] = urlParts[1] || baseUrlParts[1] || "";
-        if (!urlParts[2]) {
-            urlParts[3] = baseUrlParts[3] + urlParts[3];
-        }
-    }
-
-    if (urlParts[3]) {
-        directories = urlParts[3].replace(/\\/g, "/").split("/");
-
-        // extract out . before .. so .. doesn't absorb a non-directory
-        for(i = 0; i < directories.length; i++) {
-            if (directories[i] === ".") {
-                directories.splice(i, 1);
-                i -= 1;
-            }
-        }
-
-        for(i = 0; i < directories.length; i++) {
-            if (directories[i] === ".." && i > 0) {
-                directories.splice(i-1, 2);
-                i -= 2;
-            }
-        }
-    }
-
-    returner.hostPart = urlParts[1];
-    returner.directories = directories;
-    returner.path = urlParts[1] + directories.join("/");
-    returner.fileUrl = returner.path + (urlParts[4] || "");
-    returner.url = returner.fileUrl + (urlParts[5] || "");
-    return returner;
-}
-
-function pathDiff(url, baseUrl) {
-    // diff between two paths to create a relative path
-
-    var urlParts = extractUrlParts(url),
-        baseUrlParts = extractUrlParts(baseUrl),
-        i, max, urlDirectories, baseUrlDirectories, diff = "";
-    if (urlParts.hostPart !== baseUrlParts.hostPart) {
-        return "";
-    }
-    max = Math.max(baseUrlParts.directories.length, urlParts.directories.length);
-    for(i = 0; i < max; i++) {
-        if (baseUrlParts.directories[i] !== urlParts.directories[i]) { break; }
-    }
-    baseUrlDirectories = baseUrlParts.directories.slice(i);
-    urlDirectories = urlParts.directories.slice(i);
-    for(i = 0; i < baseUrlDirectories.length-1; i++) {
-        diff += "../";
-    }
-    for(i = 0; i < urlDirectories.length-1; i++) {
-        diff += urlDirectories[i] + "/";
-    }
-    return diff;
-}
-
-function getXMLHttpRequest() {
-    if (window.XMLHttpRequest) {
-        return new XMLHttpRequest();
-    } else {
-        try {
-            /*global ActiveXObject */
-            return new ActiveXObject("MSXML2.XMLHTTP.3.0");
-        } catch (e) {
-            log("browser doesn't support AJAX.", logLevel.errors);
-            return null;
-        }
-    }
-}
-
-function doXHR(url, type, callback, errback) {
-    var xhr = getXMLHttpRequest();
-    var async = isFileProtocol ? less.fileAsync : less.async;
-
-    if (typeof(xhr.overrideMimeType) === 'function') {
-        xhr.overrideMimeType('text/css');
-    }
-    log("XHR: Getting '" + url + "'", logLevel.info);
-    xhr.open('GET', url, async);
-    xhr.setRequestHeader('Accept', type || 'text/x-less, text/css; q=0.9, */*; q=0.5');
-    xhr.send(null);
-
-    function handleResponse(xhr, callback, errback) {
-        if (xhr.status >= 200 && xhr.status < 300) {
-            callback(xhr.responseText,
-                xhr.getResponseHeader("Last-Modified"));
-        } else if (typeof(errback) === 'function') {
-            errback(xhr.status, url);
-        }
-    }
-
-    if (isFileProtocol && !less.fileAsync) {
-        if (xhr.status === 0 || (xhr.status >= 200 && xhr.status < 300)) {
-            callback(xhr.responseText);
-        } else {
-            errback(xhr.status, url);
-        }
-    } else if (async) {
-        xhr.onreadystatechange = function () {
-            if (xhr.readyState == 4) {
-                handleResponse(xhr, callback, errback);
-            }
-        };
-    } else {
-        handleResponse(xhr, callback, errback);
-    }
-}
-
-function loadFile(originalHref, currentFileInfo, callback, env, newVars) {
-
-    if (currentFileInfo && currentFileInfo.currentDirectory && !/^([a-z-]+:)?\//.test(originalHref)) {
-        originalHref = currentFileInfo.currentDirectory + originalHref;
-    }
-
-    // sheet may be set to the stylesheet for the initial load or a collection of properties including
-    // some env variables for imports
-    var hrefParts = extractUrlParts(originalHref, window.location.href);
-    var href      = hrefParts.url;
-    var newFileInfo = {
-        currentDirectory: hrefParts.path,
-        filename: href
-    };
-
-    if (currentFileInfo) {
-        newFileInfo.entryPath = currentFileInfo.entryPath;
-        newFileInfo.rootpath = currentFileInfo.rootpath;
-        newFileInfo.rootFilename = currentFileInfo.rootFilename;
-        newFileInfo.relativeUrls = currentFileInfo.relativeUrls;
-    } else {
-        newFileInfo.entryPath = hrefParts.path;
-        newFileInfo.rootpath = less.rootpath || hrefParts.path;
-        newFileInfo.rootFilename = href;
-        newFileInfo.relativeUrls = env.relativeUrls;
-    }
-
-    if (newFileInfo.relativeUrls) {
-        if (env.rootpath) {
-            newFileInfo.rootpath = extractUrlParts(env.rootpath + pathDiff(hrefParts.path, newFileInfo.entryPath)).path;
-        } else {
-            newFileInfo.rootpath = hrefParts.path;
-        }
-    }
-
-    if (env.useFileCache && fileCache[href]) {
-        try {
-            var lessText = fileCache[href];
-            if (newVars) {
-                lessText += "\n" + newVars;
-            }
-            callback(null, lessText, href, newFileInfo, { lastModified: new Date() });
-        } catch (e) {
-            callback(e, null, href);
-        }
-        return;
-    }
-
-    doXHR(href, env.mime, function (data, lastModified) {
-        data = varsPre + data;
-
-        // per file cache
-        fileCache[href] = data;
-
-        // Use remote copy (re-parse)
-        try {
-            callback(null, data, href, newFileInfo, { lastModified: lastModified });
-        } catch (e) {
-            callback(e, null, href);
-        }
-    }, function (status, url) {
-        callback({ type: 'File', message: "'" + url + "' wasn't found (" + status + ")" }, null, href);
-    });
-}
-
-function loadStyleSheet(sheet, callback, reload, remaining, newVars) {
-
-    var env = new less.tree.parseEnv(less);
-    env.mime = sheet.type;
-
-    if (newVars || varsPre) {
-        env.useFileCache = true;
-    }
-
-    loadFile(sheet.href, null, function(e, data, path, newFileInfo, webInfo) {
-
-        if (webInfo) {
-            webInfo.remaining = remaining;
-
-            var css       = cache && cache.getItem(path),
-                timestamp = cache && cache.getItem(path + ':timestamp');
-
-            if (!reload && timestamp && webInfo.lastModified &&
-                (new(Date)(webInfo.lastModified).valueOf() ===
-                    new(Date)(timestamp).valueOf())) {
-                // Use local copy
-                createCSS(css, sheet);
-                webInfo.local = true;
-                callback(null, null, data, sheet, webInfo, path);
-                return;
-            }
-        }
-
-        //TODO add tests around how this behaves when reloading
-        removeError(path);
-
-        if (data) {
-            env.currentFileInfo = newFileInfo;
-            new(less.Parser)(env).parse(data, function (e, root) {
-                if (e) { return callback(e, null, null, sheet); }
-                try {
-                    callback(e, root, data, sheet, webInfo, path);
-                } catch (e) {
-                    callback(e, null, null, sheet);
-                }
-            });
-        } else {
-            callback(e, null, null, sheet, webInfo, path);
-        }
-    }, env, newVars);
-}
-
-function loadStyleSheets(callback, reload, newVars) {
-    for (var i = 0; i < less.sheets.length; i++) {
-        loadStyleSheet(less.sheets[i], callback, reload, less.sheets.length - (i + 1), newVars);
-    }
-}
-
-function initRunningMode(){
-    if (less.env === 'development') {
-        less.optimization = 0;
-        less.watchTimer = setInterval(function () {
-            if (less.watchMode) {
-                loadStyleSheets(function (e, root, _, sheet, env) {
-                    if (e) {
-                        error(e, sheet.href);
-                    } else if (root) {
-                        createCSS(root.toCSS(less), sheet, env.lastModified);
-                    }
-                });
-            }
-        }, less.poll);
-    } else {
-        less.optimization = 3;
-    }
-}
-
-function serializeVars(vars) {
-    var s = "";
-
-    for (var name in vars) {
-        s += ((name.slice(0,1) === '@')? '' : '@') + name +': '+
-                ((vars[name].slice(-1) === ';')? vars[name] : vars[name] +';');
-    }
-
-    return s;
-}
-
-
-//
-// Watch mode
-//
-less.watch   = function () {
-    if (!less.watchMode ){
-        less.env = 'development';
-         initRunningMode();
-    }
-    return this.watchMode = true;
-};
-
-less.unwatch = function () {clearInterval(less.watchTimer); return this.watchMode = false; };
-
-if (/!watch/.test(location.hash)) {
-    less.watch();
-}
-
-if (less.env != 'development') {
-    try {
-        cache = (typeof(window.localStorage) === 'undefined') ? null : window.localStorage;
-    } catch (_) {}
-}
-
-//
-// Get all <link> tags with the 'rel' attribute set to "stylesheet/less"
-//
-var links = document.getElementsByTagName('link');
-
-less.sheets = [];
-
-for (var i = 0; i < links.length; i++) {
-    if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
-       (links[i].type.match(typePattern)))) {
-        less.sheets.push(links[i]);
-    }
-}
-
-//
-// With this function, it's possible to alter variables and re-render
-// CSS without reloading less-files
-//
-less.modifyVars = function(record) {
-    less.refresh(false, serializeVars(record));
-};
-
-less.refresh = function (reload, newVars) {
-    var startTime, endTime;
-    startTime = endTime = new Date();
-
-    loadStyleSheets(function (e, root, _, sheet, env) {
-        if (e) {
-            return error(e, sheet.href);
-        }
-        if (env.local) {
-            log("loading " + sheet.href + " from cache.", logLevel.info);
-        } else {
-            log("parsed " + sheet.href + " successfully.", logLevel.info);
-            createCSS(root.toCSS(less), sheet, env.lastModified);
-        }
-        log("css for " + sheet.href + " generated in " + (new Date() - endTime) + 'ms', logLevel.info);
-        if (env.remaining === 0) {
-            log("css generated in " + (new Date() - startTime) + 'ms', logLevel.info);
-        }
-        endTime = new Date();
-    }, reload, newVars);
-
-    loadStyles(newVars);
-};
-
-if (less.globalVars) {
-    varsPre = serializeVars(less.globalVars) + "\n";
-}
-
-less.refreshStyles = loadStyles;
-
-less.Parser.fileLoader = loadFile;
-
-less.refresh(less.env === 'development');
-
-// amd.js
-//
-// Define Less as an AMD module.
-if (typeof define === "function" && define.amd) {
-    define(function () { return less; } );
-}
-
-})(window);
\ No newline at end of file
diff --git a/src/main/webapp/less/screen.less b/src/main/webapp/less/screen.less
index 1b6a0310..7102445c 100644
--- a/src/main/webapp/less/screen.less
+++ b/src/main/webapp/less/screen.less
@@ -3,12 +3,12 @@
 @import 'screen/footer-sticky.less';
 @import 'screen/wip.less';
 
-@media (min-width: @minscreen)
+@media (min-width: (@minscreen))
 {
   @import 'screen/typo.less';
   @import 'screen/layout.less';
   @import 'screen/footer.less';
-  @media (max-width: @maxtablet)
+  @media (max-width: (@maxtablet))
   {
     @import 'tablet/typo.less';
     @import 'tablet/layout.less';
@@ -16,20 +16,20 @@
     @import 'tablet/footer.less';
   }
 }
-@media (min-width: @maxtablet + 1)
+@media (min-width: (@mindesktop))
 {
   @import 'screen/faux-column.less';
   @import 'screen/marginal.less';
   @import 'screen/content.less';
 }
 
-@media (max-width: @maxtablet)
+@media (max-width: (@maxtablet))
 {
   @import 'tablet/head.less';
   @import 'tablet/404.less';
 }
 
-@media (max-width: @maxphone)
+@media (max-width: (@maxphone))
 {
   @import 'phone/typo.less';
   @import 'phone/layout.less';
@@ -40,7 +40,7 @@
   @import 'phone/404.less';
 }
 
-@media (max-width: @maxtiny)
+@media (max-width: (@maxtiny))
 {
   @import 'tiny/layout.less';
   @import 'tiny/404.less';
diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less
index 887229b7..85cb8499 100644
--- a/src/main/webapp/less/tablet/footer.less
+++ b/src/main/webapp/less/tablet/footer.less
@@ -20,12 +20,12 @@
   left: 0;
   right: 0;
   padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-right: 1.45454545em;
     padding-bottom: 1em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-right: .72727272em;
     padding-bottom: .5em;
@@ -51,11 +51,11 @@
   position: static;
   margin: -.125em;
   padding-top: 1.5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-top: 1em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-top: .5em;
   }
diff --git a/src/main/webapp/less/tablet/head.less b/src/main/webapp/less/tablet/head.less
index f41b9e65..2a6da915 100644
--- a/src/main/webapp/less/tablet/head.less
+++ b/src/main/webapp/less/tablet/head.less
@@ -1,4 +1,4 @@
-@media (max-width: @maxsmalltablet)
+@media (max-width: (@maxsmalltablet))
 {
   #logo
   {
@@ -10,7 +10,7 @@
   }
 }
 
-@media (max-width: @maxsmallertablet)
+@media (max-width: (@maxsmallertablet))
 {
   #logo
   {
diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 44ab7d58..a5959e57 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -23,11 +23,11 @@ body
 .nomenu .content
 {
   padding: 0 0 5em 0;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-bottom: 4em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-bottom: 3.25em;
   }
@@ -44,11 +44,11 @@ body
   float: none;
   width: auto;
   padding: 0 3em 0 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 2em 0 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 1em 0 2.5em;
   }
@@ -81,12 +81,12 @@ body
 #header
 {
   padding: 1em 3em 2em 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: -1.5em;
     padding: .5em 2em 2em 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: -1.2em;
     padding: 1em 1em 2em 2.5em;
@@ -101,11 +101,11 @@ body
   position: static;
   border-right: .125em solid @hintergrund;
   margin-left: 20em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: 18.5em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: 17.5em;
     #menu > li.about
@@ -130,12 +130,12 @@ body
   width: auto;
   top: -9em;
   right: 3em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     top: -7.7em;
     right: 2em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     top: -6.5em;
     right: 1em;
@@ -147,22 +147,22 @@ body
 }
 #menu > li.m
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 0 0 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 0 0 2em;
   }
 }
 #menu > li.m > .m
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     font-size: 200%; /* 32px */
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     font-size: 150%; /* 24px */
   }
@@ -171,12 +171,12 @@ body
 #menu > li.m > a.m.selected:before,
 #menu > li.m > strong.m:before
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     content: '> ';
     margin-left: -.95em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
   }
 }
@@ -196,11 +196,11 @@ body
 .nomenu #footer
 {
   padding: 0 3em 1.5em 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 2em 1em 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 1em .75em 2.5em;
   }
@@ -216,13 +216,13 @@ body
 {
   left: 11.9em;
   right: 3em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     font-size: 87.5%; /* 14px */
     top: 7.2em;
     left: 9.8em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     top: 5.8em;
     left: 7em;
@@ -239,12 +239,12 @@ body
   background-color: @heller;
   position: relative;
   top: -4.5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-left: 3em;
     padding-right: 2em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-left: 2.5em;
     padding-right: 1em;
@@ -253,12 +253,12 @@ body
 .menu .content > .marginal > aside.m
 {
   margin: 0 -12em 1em 20em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: 18.5em;
     margin-right: -13em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: 17.5em;
     margin-right: -14em;
diff --git a/src/main/webapp/less/tablet/typo.less b/src/main/webapp/less/tablet/typo.less
index e254ffa4..6bf6dffc 100644
--- a/src/main/webapp/less/tablet/typo.less
+++ b/src/main/webapp/less/tablet/typo.less
@@ -1,4 +1,4 @@
-@media (max-width: @maxsmalltablet)
+@media (max-width: (@maxsmalltablet))
 {
   h1
   {
diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less
index 82038435..15c02514 100644
--- a/src/main/webapp/less/variables.less
+++ b/src/main/webapp/less/variables.less
@@ -20,14 +20,14 @@
 /** Bildschirmbreiten für Media-Query */
 
 @minscreen:      580px;
-@maxtablet:      939px;
+@mindesktop:     940px;
+@maxtablet:      @mindesktop - 1;
 @maxsmalltablet: 800px;
 @maxsmallertablet: 700px;
 @maxphone:       @minscreen - 1;
 @minphone:       300px;
 @maxtiny:        @minphone - 1;
 
-
 /** Schriften */
 
 .droid ()
diff --git a/src/main/webapp/thymeleaf/views/404.html b/src/main/webapp/thymeleaf/404.html
similarity index 100%
rename from src/main/webapp/thymeleaf/views/404.html
rename to src/main/webapp/thymeleaf/404.html
diff --git a/src/main/webapp/thymeleaf/about.html b/src/main/webapp/thymeleaf/about.html
new file mode 100644
index 00000000..919dcbf3
--- /dev/null
+++ b/src/main/webapp/thymeleaf/about.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>About</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">About</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><strong class="m">About</strong></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
+      <ul id="submenu">
+        <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
+        <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
+        <li class="s "><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>About</h1></header>
+      <p>
+        <span class="logo">juplo</span> is the place, where I collect and share
+        my more or less private projects.
+        It is a lab for experiments, that help me to do my job as a freelancer
+        at the desired level of quality.
+        Here, I can play with all the fancy new stuff, that might be a little
+        bit to much bleeding edge, to be used on a production site of a paying
+        client.
+      </p>
+      <p>
+        I decided to share all this stuff, because I am always learning a lot
+        from the internet-community.
+        I wanted to give back a little and try to help and teach others, as I
+        was helped and teached.
+        Also, this is a good oportunity, to show what I am doing and to do a 
+        little self-publicity...
+      </p>
+      <p>
+        <span class="logo">juplo</span> mainly consists of two parts:
+      </p>
+      <ul>
+        <li>
+          In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
+          some every-day problems, other people might stumble across too.
+          I am introducing new projects there and announcing new versions and/or
+          bugfixes to older projects.
+        </li>
+        <li>
+          The other part of the site is the
+          <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
+          This is where I am hosting all projects, that I have made publicy
+          available.
+        </li>
+      </ul>
+      <p>
+        If you want to hire me, you can find out more on the
+        <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
+        If you are not yet sure, if you want to hire me, you might be
+        interessted in
+        <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or 
+        <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
+      </p>
+    </article>
+    <ul layout:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><a class="f" href="impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
+      <li class="f about"><strong class="f">About</strong></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/agb.html b/src/main/webapp/thymeleaf/agb.html
new file mode 100644
index 00000000..024e3de5
--- /dev/null
+++ b/src/main/webapp/thymeleaf/agb.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Allgemeine Geschäftsbedingungen (AGB)</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">AGB</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><strong class="s">AGB</strong></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Allgemeine Geschäftsbedingungen (AGB)</h1></header>
+      <p><em>Stand: 01.02.2014</em></p>
+      <h2>Angebote &amp; Abrechnung</h2>
+      <p>
+       Angebote sind freibleibend.
+       Alle Preise verstehen sich in Euro und zzgl. der gesetzl. MwSt.
+       Wenn nicht anders vereinbart erfolgt eine Anzahlung von 10% im Voraus.
+       Sollte sich der Zeitraum über den Leistungen erbracht werden über
+       mehrere Monate erstrecken, behalte ich mir vor, Rechnungen für
+       Leistungsabschnitte zu stellen (jedoch nicht häufiger als ein mal im
+       Monat).
+       Das Zahlungsziel beträgt 8 Tage.
+      </p>
+      <p>
+       Falls nicht anders vereinbart, ist bei Dienstleistungen eine
+       Korrekturschleife enthalten.
+       Darüber hinausgehende Überarbeitungen sowie gewünschte Zusatzleistungen
+       werden nach Aufwand per Stundensatz abgerechnet.
+       Sollte für den Auftrag ein rabattierter Stundensatz vereinbart worden
+       sein, so gilt dieser nicht automatisch für Überarbeitungen und
+       Zusatzleistungen.
+      </p>
+      <h2>Absprachen</h2>
+      <p>
+        Die zentralen Ansprechpartner des Kunden müssen verbindliche
+        Erklärungen abgeben können (z. B. Fristabsprachen, Abnahmen).
+        Bei Ausfall, Urlaub etc. sind Ersatzpersonen zu benennen.
+      </p>
+      <h2>Leistungen &amp; Abnahme</h2>
+      <p>
+        Der Kunde ist in der Pflicht, erbrachte Leitungen direkt nach deren
+        Erstellung und ohne Aufforderung rechtzeitig (z.B. vor
+        Veröffentlichung) zu prüfen und Änderungswünsche oder Korrekturhinweise
+        direkt mitzuteilen.
+        Die Annahme von Leistungen ohne Beanstandung ist als Abnahme zu
+        verstehen.
+      </p>
+      <p>
+        Ich bin zu jeder Zeit berechtigt, die Arbeit in sinnvollen
+        Teilleistungen zu erbringen und zu berechnen.
+        Der Kunde ist verpflichtet, diese Teilleistungen abzunehmen.
+      </p>
+      <p>
+        Im Rahmen der Gestaltungsspielräume des Briefings vom Kunden trägt der
+        Kunde das Risiko des Nichtgefallens.
+      </p>
+      <h2>Eigenleistungen</h2>
+      <p>
+        Sofern der Kunde Eigenleistungen erbringt, ist die termingerechte
+        Lieferung für den Gesamtzeitplan relevant.
+        Bei verspäteter Lieferung bin ich nicht dazu verpflichtet, die
+        Auftragsarbeit unverzüglich fortzusetzen, wenn ich durch andere
+        terminliche Verpflichtungen daran gehindert werde.
+        Verzögerungen auf Kundenseite können zu erheblichen Gesamtverzögerungen
+        führen.
+        Für dadurch entstandenen Schaden und entgangenen Gewinn haftet der Kunde.
+      </p>
+      <p>
+        Der Kunde berücksichtigt bei der Lieferung von Daten und Materialien
+        die von mir im Rahmen des Angebots geforderten Formate.
+      </p>
+      <p>
+        Sofern Angaben, Muster, Inhalte, usw. vom Kunden geliefert werden, bin
+        ich für deren Richtigkeit und rechtliche Unbedenklichkeit nicht
+        verantwortlich.
+        Eine Prüfungspflicht besteht auf meiner Seite nicht.
+      </p>
+      <h2>Fremdleistungen</h2>
+      <p>
+        Angebote beziehen sich in der Regel auf von mir erbrachte Dienstleistung.
+        Die Kosten oder Gebühren Dritter (z.B. Provider, Lizenzen für Bild, Ton,
+        Schrift oder Software, Druckerei usw.) sind nicht enthalten, falls nicht
+        explizit erwähnt.
+      </p>
+      <p>
+        Bei Beauftragung von Fremdleistungen jedweder Art, berechne ich, falls
+        nicht anders vereinbart, eine Abwicklungspauschale in Höhe von 15% des
+        Auftragswerts für Organisation und Abstimmung.
+      </p>
+      <h2>Nutzungsrechte</h2>
+      <p>
+        An Unterlagen, die im Rahmen des Angebots übergeben werden (z.B.
+        Entwürfe, Konzepte), erhält der Kunde keine Nutzungsrechte.
+        Der Kunde erhält die vereinbarten Nutzungsrechte nur bei pünktlicher
+        und vollständiger Zahlung der vereinbarten Vergütung.
+      </p>
+      <p>
+        Eingesetzte Systeme (z.B. Springframework, Tomcat, CentOS usw.)
+        unterliegen ihren eigenen Nutzungsbestimmungen.
+      </p>
+      <h2>Rechtliche Prüfung</h2>
+      <p>
+        Ohne gesonderte Vereinbarung ist die patent-, muster-, urheber- und
+        markenrechtliche Schutz- oder Eintragungsfähigkeit der im Rahmen des
+        Vertrages gelieferten Ideen, Konzeptionen, Entwürfe und sonstiger
+        Leistungen nicht geschuldet.
+      </p>
+      <h2>Höhere Gewalt</h2>
+      <p>
+        Leistungsverzögerungen aufgrund von Umständen im Verantwortungsbereich
+        des Kunden (z.B. verspätete Anlieferung) und höherer Gewalt (z.B. Unfall,
+        Telekommunikationsstörung usw.) habe ich nicht zu vertreten.
+        Sie berechtigen mich das Erbringen der betreffenden Leistungen um die
+        Dauer der Behinderungen zzgl. einer angemessenen Anlaufzeit
+        aufzuschieben.
+      </p>
+      <h2>Archivierung</h2>
+      <p>
+        Ich bin nicht verpflichtet, erstellte Leistungen zu archivieren.
+        Unterlagen des Kunden muss ich nur dann zurückgeben, wenn dies der Kunde
+        vor der Übergabe ausdrücklich verlangt hat.
+      </p>
+      <h2>Betreuung / Support / Wartung</h2>
+      <p>
+        Ich bin nur in der in der Servicevereinbarung besprochenen Weise für die
+        für eine aktive Betreuung, Support oder Wartung (z.B. Sicherheitsupdates,       Aktualitätsprüfungen usw.) verantwortlich.
+      </p>
+      <h2>Referenzen</h2>
+      <p>
+        Innerhalb der erstellten Leistung werde ich in branchenüblicher Form als
+        Leistungserbrinnger genannt (z.B. Impressum).
+      </p>
+      <p>
+        Ich bin berechtigt, den Kunden als Referenz zu benennen und das Projekt
+        öffentlich vorzustellen.
+        Der Kunde kann dagegen jederzeit schriftlich Widerspruch erheben.
+        Widerruft der Kunde seine Zustimmung, so bin ich berechtigt, erstellte
+        Werbe-Materialien weiter zu benutzen, verpflichte mich jedoch, keine
+        weiteren, Werbe-Materialien zu erstellen, die den Kunden nennen.
+      </p>
+      <h2>Geheimhaltung</h2>
+      <p>
+        Die Vertragsparteien vereinbaren Vertraulichkeit über Vertrag und
+        Erkenntnisse der jeweils anderen Partei.
+        Die Vertraulichkeit gilt auch über die Beendigung des
+        Vertragsverhältnisses hinaus.
+      </p>
+      <h2>Schlussbestimmungen</h2>
+      <p>
+        Erfüllungsort und ausschließlicher Gerichtsstand für alle
+        Rechtsstreitigkeiten ist Münster.
+      </p>
+      <p>
+        Sollten aus irgendeinem Grund eine oder mehrere Einzelbestimmungen
+        dieser AGB unwirksam sein, so bleibt die Gültigkeit der restlichen
+        Bestimmungen davon unberührt.
+      </p>
+      <p>
+        Regelungslücken dieser AGB werden durch Auslegung so gefüllt, dass sie
+        dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
+      </p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/blog.html b/src/main/webapp/thymeleaf/blog.html
new file mode 100644
index 00000000..43ee48fa
--- /dev/null
+++ b/src/main/webapp/thymeleaf/blog.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Blog</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">Blog</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><strong class="m">Blog</strong></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <main class="main" layout:fragment="maincontent">
+      <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-140 -->
+      <article id="post-114" class="post-114 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="Permalink to hibernate4-maven-plugin 1.0.3 released!" rel="bookmark">hibernate4-maven-plugin 1.0.3 released!</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="02:46" rel="bookmark"><time class="entry-date" datetime="2013-10-18T02:46:23+00:00">October 18, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-114 -->
+      <article id="post-97" class="post-97 post type-post status-publish format-standard hentry category-appengine category-java category-maven category-oauth2">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Permalink to Log out from wrong Account with maven-appengine-plugin" rel="bookmark">Log out from wrong Account with maven-appengine-plugin</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="11:33" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:33:56+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/appengine/" title="View all posts in appengine" rel="category tag">appengine</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/oauth2/" title="View all posts in oauth2" rel="category tag">oauth2</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-97 -->
+      <article id="post-90" class="post-90 post type-post status-publish format-standard hentry category-hibernate category-java category-jpa">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="Permalink to Bidirectional Association with @ElementCollection" rel="bookmark">Bidirectional Association with @ElementCollection</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="11:11" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:11:36+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/jpa/" title="View all posts in JPA" rel="category tag">JPA</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-90 -->
+      <article id="post-75" class="post-75 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <header class="entry-header">
+  s        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="Permalink to hibernate4-maven-plugin 1.0.2 released!" rel="bookmark">hibernate4-maven-plugin 1.0.2 released!</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="02:06" rel="bookmark"><time class="entry-date" datetime="2013-08-02T02:06:08+00:00">August 2, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-75 -->
+      <article id="post-64" class="post-64 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="Permalink to hibernate4-maven-plugin 1.0.1 released!" rel="bookmark">hibernate4-maven-plugin 1.0.1 released!</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="01:10" rel="bookmark"><time class="entry-date" datetime="2013-01-16T01:10:59+00:00">January 16, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-64 -->
+      <article id="post-55" class="post-55 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="Permalink to hibernate4-maven-plugin 1.0 released!" rel="bookmark">hibernate4-maven-plugin 1.0 released!</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="22:04" rel="bookmark"><time class="entry-date" datetime="2012-11-29T22:04:25+00:00">November 29, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-55 -->
+      <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <header class="entry-header">
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">hibernate4-maven-plugin</a></h2>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>          
+          </div><!-- .entry-meta -->
+        </header><!-- .entry-header -->
+        <div class="entry-content">
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          <span class="cat-links">
+            Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+          </span>
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-34 -->
+    </main>
+    <div layout:fragment="marginalcontent">
+      <div id="secondary" class="widget-area" role="complementary">
+        <aside id="archives" class="widget">
+          <h1 class="widget-title">Archives</h1>
+          <ul>
+            <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+            <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+            <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+            <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+          </ul>
+        </aside>
+        <aside id="categories" class="widget">
+          <h1 class="widget-title">Most Used Categories</h1>
+          <ul>
+            <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+            <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+            <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+            <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+            <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+            <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+          </ul>
+        </aside>
+        <aside id="search" class="widget widget_search">
+          <h1 class="widget-title">Search</h1>
+          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+            <div>
+              <label class="screen-reader-text" for="s">Search for:</label>
+              <input type="text" value="" name="s" id="s" />
+              <input type="submit" id="searchsubmit" value="Search" />
+            </div>
+          </form>
+        </aside>
+      </div><!-- #secondary .widget-area -->
+      <div id="tertiary" class="widget-area" role="supplementary">
+      </div><!-- #tertiary .widget-area -->
+    </div>
+    <ul layout:fragment="footer">
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/blog/article.html b/src/main/webapp/thymeleaf/blog/article.html
new file mode 100644
index 00000000..bb0c4a9c
--- /dev/null
+++ b/src/main/webapp/thymeleaf/blog/article.html
@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">Blog</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><strong class="m">Blog</strong></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+        <div class="entry-header">
+          <h1 class="entry-title">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</h1>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </div><!-- .entry-header -->
+        <div class="entry-content">
+          <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
+          <p>You cannot do both, use the <a href="http://www.lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode &#8211; which is best for development &#8211; and the pre-compiled mode &#8211; which is best for production. For the client-side mode you need something like:</p>
+          <pre class="prettyprint linenums">
+  <code class="html">
+  &lt;link rel="stylesheet/less" type="text/css" href="styles.less" /&gt;
+  &lt;script src="less.js" type="text/javascript"&gt;&lt;/script&gt;
+  </code>
+          </pre>
+          <p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
+          <pre class="prettyprint linenums">
+  <code class="html">
+  &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
+  </code>
+          </pre>
+          <p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
+          <p>The idea is, to use the <a href="http://code.google.com/p/wro4j/wiki/MavenPlugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of hte wro4j-maven-plugin">wro4j-maven-plugin</a> to compile and combine your LESS-sources into CSS for production and to use the <a href="http://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See how to configure the filter">wro4j filter</a>, to dynamically deliver the compiled CSS while developing. This way, you do not have to alter your HTML-code, when switching between development and production, because you always link to the CSS-files.</p>
+          <p>So, lets get dirty!</p>
+          <h2>Step 1: Configure wro4j</h2>
+          <p>First, we configure <strong>wro4j</strong>, like as we want to use it to speed up our page. The details are explained and linked on wro4j&#8217;s <a href="http://code.google.com/p/wro4j/wiki/GettingStarted" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="Visit the Getting-Started-Page">Getting-Started-Page</a>. In short, we just need two files: <strong>wro.xml</strong> and <strong>wro.properties</strong>.</p>
+          <h3>wro.xml</h3>
+          <p>wro.xml tells wro4j, which resources should be combined and how the result should be named. I am using the following configuration to generate all LESS-Sources beneath <code>base/</code> into one CSS-file called <code>base.css</code>:</p>
+          <pre class="prettyprint linenums">
+  <code class="xml">
+  &lt;groups xmlns="http://www.isdc.ro/wro"&gt;
+    &lt;group name="base"&gt;
+      &lt;css&gt;/less/base/*.less&lt;/css&gt;
+    &lt;/group&gt;
+  </code>
+          </pre>
+          <p>wro4j looks for <code>/less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
+          <h3>wro.properties</h3>
+          <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
+          <pre class="prettyprint linenums">
+  <code class="properties">
+  preProcessors=less4j
+  disableCache=true
+  </code>
+          </pre>
+          <p>You can do a lot more here. There are countless <a href="http://code.google.com/p/wro4j/wiki/ConfigurationOptions" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all configuration options">configuration options</a> to fine-tune the behaviour of wro4j. The <code>disableCache=true</code> is crucial, because we would not see the changes take effect when developing with <strong>jetty-maven-plugin</strong> later on. You can also do much more with your resources here, for example <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all available processors">minimizing</a>. But for our goal, we are now only intrested in the compilation of our LESS-sources.</p>
+          <h2>Step 2: Configure the wro4j servlet-filter</h2>
+          <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4j&#8217;s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code>&lt;overrideDescriptor&gt;</code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
+          <h2>&lt;overrideDescriptor&gt;</h2>
+          <p>This parameter lets you specify additional configuration options for the web.xml of your webapp. I am using the following configuration for my jetty-maven-plugin:</p>
+          <pre class="prettyprint linenums">
+  <code class="xml">
+  &lt;plugin&gt;
+    &lt;groupId&gt;org.eclipse.jetty&lt;/groupId&gt;
+    &lt;artifactId&gt;jetty-maven-plugin&lt;/artifactId&gt;
+    &lt;configuration&gt;
+      &lt;webApp&gt;
+        &lt;overrideDescriptor&gt;${project.basedir}/src/test/resources/jetty-web.xml&lt;/overrideDescriptor&gt;
+      &lt;/webApp&gt;
+    &lt;/configuration&gt;
+    &lt;dependencies&gt;
+      &lt;dependency&gt;
+        &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
+        &lt;artifactId&gt;wro4j-core&lt;/artifactId&gt;
+        &lt;version&gt;${wro4j.version}&lt;/version&gt;
+      &lt;/dependency&gt;
+      &lt;dependency&gt;
+        &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
+        &lt;artifactId&gt;wro4j-extensions&lt;/artifactId&gt;
+        &lt;version&gt;${wro4j.version}&lt;/version&gt;
+        &lt;exclusions&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;javax.servlet&lt;/groupId&gt;
+              &lt;artifactId&gt;servlet-api&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.apache.commons&lt;/groupId&gt;
+              &lt;artifactId&gt;commons-lang3&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;commons-io&lt;/groupId&gt;
+              &lt;artifactId&gt;commons-io&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;commons-pool&lt;/groupId&gt;
+              &lt;artifactId&gt;commons-pool&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.springframework&lt;/groupId&gt;
+              &lt;artifactId&gt;spring-web&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;com.google.code.gson&lt;/groupId&gt;
+              &lt;artifactId&gt;gson&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;com.google.javascript&lt;/groupId&gt;
+              &lt;artifactId&gt;closure-compiler&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;com.github.lltyk&lt;/groupId&gt;
+              &lt;artifactId&gt;dojo-shrinksafe&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.jruby&lt;/groupId&gt;
+              &lt;artifactId&gt;jruby-core&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+            &lt;groupId&gt;org.jruby&lt;/groupId&gt;
+            &lt;artifactId&gt;jruby-stdlib&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.jruby&lt;/groupId&gt;
+              &lt;artifactId&gt;jruby-stdlib&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;me.n4u.sass&lt;/groupId&gt;
+              &lt;artifactId&gt;sass-gems&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;nz.co.edmi&lt;/groupId&gt;
+              &lt;artifactId&gt;bourbon-gem-jar&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.codehaus.gmaven.runtime&lt;/groupId&gt;
+              &lt;artifactId&gt;gmaven-runtime-1.7&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;jshint&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;less&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;emberjs&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;handlebars&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;coffee-script&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;jslint&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;json2&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+          &lt;exclusion&gt;
+              &lt;groupId&gt;org.webjars&lt;/groupId&gt;
+              &lt;artifactId&gt;jquery&lt;/artifactId&gt;
+          &lt;/exclusion&gt;
+        &lt;/exclusions&gt;
+      &lt;/dependency&gt;
+    &lt;/dependencies&gt;
+  &lt;/plugin&gt;
+  </code>
+          </pre>
+          <p>The dependencies to <strong>wro4j-core</strong> and <strong>wro4j-extensions</strong> are needed by jetty, to be able to enable the filter defined below. Unfortunatly, one of the transitive dependencies of <code>wro4j-extensions</code> triggers an uggly error when running the jetty-maven-plugin. Therefore, all unneeded dependencies of <code>wro4j-extensions</code> are excluded, as a workaround for this error/bug.</p>
+          <h2>jetty-web.xml</h2>
+          <p>And my jetty-web.xml looks like this:</p>
+          <pre class="prettyprint linenums">
+  <code class="xml">
+  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
+  &lt;web-app xmlns="http://java.sun.com/xml/ns/javaee"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
+    version="2.5"&gt;
+    &lt;filter&gt;
+      &lt;filter-name&gt;wro&lt;/filter-name&gt;
+      &lt;filter-class&gt;ro.isdc.wro.http.WroFilter&lt;/filter-class&gt;
+    &lt;/filter&gt;
+    &lt;filter-mapping&gt;
+      &lt;filter-name&gt;wro&lt;/filter-name&gt;
+      &lt;url-pattern&gt;*.css&lt;/url-pattern&gt;
+    &lt;/filter-mapping&gt;
+  &lt;/web-app&gt;
+  </code>
+          </pre>
+          <p>The filter processes any URI&#8217;s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
+          <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/less/base/</code> first!)</p>
+          <h2>Step 3: Install wro4j-maven-plugin</h2>
+          <p>All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file <code>base.css</code> would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the <strong>wro4j-maven-plugin</strong>. I am using this configuration:</p>
+          <pre class="prettyprint linenums">
+  <code class="xml">
+  &lt;plugin&gt;
+    &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
+    &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
+    &lt;version&gt;${wro4j.version}&lt;/version&gt;
+    &lt;configuration&gt;
+      &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
+      &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
+    &lt;/configuration&gt;
+    &lt;executions&gt;
+      &lt;execution&gt;
+        &lt;phase&gt;package&lt;/phase&gt;
+        &lt;goals&gt;
+          &lt;goal&gt;run&lt;/goal&gt;
+        &lt;/goals&gt;
+      &lt;/execution&gt;
+    &lt;/executions&gt;
+  &lt;/plugin&gt;
+  </code>
+          </pre>
+          <p>I connected the <code>run</code>-goal with the <code>package</code>-phase, because the statically compiled CSS-file is needed only in the final war. The <code>ConfigurableWroManagerFactory</code> tells wro4j, that it should look up further configuration options in our <code>wro.properties</code>-file, where we tell wro4j, that it should compile our LESS-resources. The <code>&lt;cssDestinationFolder&gt;</code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
+          <p>That&#8217;s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
+          <h2>Cleanup and further considerations</h2>
+          <h3>lesscss-maven-plugin</h3>
+          <p>If you already compile your LESS-resources with the lesscss-maven-plugin, you can stick with it and skip step 3. But I strongly recommend giving wro4j-maven-plugin a try, because it is a much more powerfull tool, that can speed up your final webapp even more.</p>
+          <h3>Clean up your mess </h3>
+          <p>With a configuration like the above one, your LESS-resources and wro4j-configuration-files will be packed into your production-war. That might be confusing later, because neither wro4j nor LESS is used in the final war. You can add the following to your <code>pom.xml</code> to exclude these files from your war for the sake of clarity:</p>
+          <pre class="prettyprint linenums">
+  <code class="xml">
+  &lt;plugin&gt;
+    &lt;artifactId&gt;maven-war-plugin&lt;/artifactId&gt;
+    &lt;configuration&gt;
+      &lt;warSourceExcludes&gt;
+        WEB-INF/wro.*,
+        less/**
+      &lt;/warSourceExcludes&gt;
+    &lt;/configuration&gt;
+  &lt;/plugin&gt;
+  </code>
+          </pre>
+          <h3>What&#8217;s next?</h3>
+          <p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>. 
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-140 -->
+      <!-- You can start editing here. -->
+      <!-- If comments are open, but there are no comments. -->
+      <div id="respond">
+        <h3>Leave a Reply</h3>
+        <div id="cancel-comment-reply">
+          <small><a rel="nofollow" id="cancel-comment-reply-link" href="/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/#respond" style="display:none;">Click here to cancel reply.</a></small>
+        </div>
+        <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
+          <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
+          <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
+          <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+          <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
+            <input type='hidden' name='comment_post_ID' value='140' id='comment_post_ID' />
+            <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
+          </p>
+          <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2096655c89" /><script>(function() {
+      if (window === window.parent) {
+        document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
+      }
+    })();</script>
+          <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f31e001227" /></p>
+        </form>
+      </div>
+    </article>
+    <aside layout:fragment="marginalcontent">
+      <div id="secondary" class="widget-area" role="complementary">
+        <aside id="archives" class="widget">
+          <h1 class="widget-title">Archives</h1>
+          <ul>
+            <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+            <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+            <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+            <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+          </ul>
+        </aside>
+        <aside id="categories" class="widget">
+          <h1 class="widget-title">Most Used Categories</h1>
+          <ul>
+            <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+            <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+            <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+            <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+            <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+            <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+          </ul>
+        </aside>
+        <aside id="search" class="widget widget_search">
+          <h1 class="widget-title">Search</h1>
+          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+            <div>
+              <label class="screen-reader-text" for="s">Search for:</label>
+              <input type="text" value="" name="s" id="s" />
+              <input type="submit" id="searchsubmit" value="Search" />
+            </div>
+          </form>
+        </aside>
+      </div><!-- #secondary .widget-area -->
+      <div id="tertiary" class="widget-area" role="supplementary">
+      </div><!-- #tertiary .widget-area -->
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/blog/comments.html b/src/main/webapp/thymeleaf/blog/comments.html
new file mode 100644
index 00000000..28860297
--- /dev/null
+++ b/src/main/webapp/thymeleaf/blog/comments.html
@@ -0,0 +1,498 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>juplo - blog - hibernate4-maven-plugin</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">Blog</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><strong class="m">Blog</strong></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+        <div class="entry-header">
+          <h1 class="entry-title">hibernate4-maven-plugin</h1>
+          <div class="entry-meta">
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+          </div><!-- .entry-meta -->
+        </div><!-- .entry-header -->
+        <div class="entry-content">
+          <h2>A simple Plugin for generating a Database-Schema from Hibernate 4 Mapping-Annotations</h2>
+          <p>
+            Hibernate comes with the buildin functionality, to automatically create or update the database schema. This functionality is configured in the session-configuraton via the parameter <code>hbm2ddl.auto</code> (see <a href="http://docs.jboss.org/hibernate/orm/4.1/manual/en-US/html_single/#configuration-optional" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.jboss.org']);">Hibernate Reference Documentation &#8211; Chapter 3.4. Optional configuration properties</a>). But doing so <a href="http://stackoverflow.com/questions/221379/hibernate-hbm2ddl-auto-update-in-production" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">is not very wise</a>, because you can easily corrupt or erase your production database, if this configuration parameter slips through to your production environment.
+          </p>
+          <p>
+            Alternatively, you can <a href="http://stackoverflow.com/questions/835961/how-to-creata-database-schema-using-hibernate" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">run the tools <strong>SchemaExport</strong> or <strong>SchemaUpdate</strong> by hand</a>. But that is not very comfortable and being used to maven you will quickly long for a plugin, that does that job automatically for you, when you fire up your test cases.
+          </p>
+          <p>In the good old times, there was the <a href="http://mojo.codehaus.org/maven-hibernate3/hibernate3-maven-plugin/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://mojo.codehaus.org']);">Maven Hibernate3 Plugin</a>, that does this for you. But unfortunatly, this plugin is not compatible with Hibernate 4.x. Since there does not seem to be any successor for the Maven Hibernate3 Plugin and <a href="http://www.google.de/search?q=hibernate4+maven+plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.google.de']);">googeling</a> does not help, I decided to write up this simple plugin (inspired by these two articles I found: <a href="http://www.tikalk.com/alm/blog/schema-export-hibernate-4-and-maven" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.tikalk.com']);">Schema Export with Hibernate 4 and Maven</a> and <a href="http://doingenterprise.blogspot.de/2012/05/schema-generation-with-hibernate-4-jpa.html" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://doingenterprise.blogspot.de']);">Schema generation with Hibernate 4, JPA and Maven</a>).
+          </p>
+          <p>
+            I hope, the resulting simple to use buletproof <a href="/hibernate4-maven-plugin/">hibernate4-maven-plugin</a> is usefull!
+          </p>
+          <p>
+            <strong><a href="/hibernate4-maven-plugin/">Try it out now!</a></strong></p>
+        </div><!-- .entry-content -->
+        <footer class="entry-meta">
+          This entry was posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>. Bookmark the <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">permalink</a>. 
+        </footer><!-- .entry-meta -->
+      </article><!-- #post-34 -->
+      <!-- You can start editing here. -->
+      <h3 id="comments">15 Responses to &#8220;hibernate4-maven-plugin&#8221;</h3>
+      <div class="navigation">
+        <div class="alignleft"></div>
+        <div class="alignright"></div>
+      </div>
+      <ol class="commentlist">
+        <li class="comment even thread-even depth-1 parent" id="comment-556">
+          <div id="div-comment-556" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn">Jukes</cite> <span class="says">says:</span>
+            </div>
+            <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-556">
+                November 7, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=556" title="Edit comment">(Edit)</a>
+            </div>
+            <p>
+              Hi thanks a lot for making this plugin available, great work!!<br />
+              I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I&#8217;m doing something wrong. I&#8217;m using version 1.0.3.</p>
+            <p>For example I have in java:</p>
+            <p>
+              @Column(name = &#8220;financialEnabled&#8221;, nullable = false, columnDefinition = &#8220;default TRUE&#8221;)<br />
+              private boolean financialEnabled;
+            </p>
+            <p>
+              Generated SQL is:<br />
+              financialEnabled default TRUE not null,
+            </p>
+            <p>As you can see the data type boolean is not translated to the SQL script. Thanks a lot for your help.</p>
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=556#respond' onclick='return addComment.moveForm("div-comment-556", "556", "respond", "34")'>Reply</a>
+            </div>
+          </div>
+          <ul class="children">
+            <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2" id="comment-567">
+              <div id="div-comment-567" class="comment-body">
+                <div class="comment-author vcard">
+                  <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+                </div>
+                <div class="comment-meta commentmetadata">
+                  <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-567">
+                    November 11, 2013 at 13:09</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=567" title="Edit comment">(Edit)
+                  </a>
+                </div>
+                <p>
+                  This plugin is only a tool to automate the generation of the SQL in your development-environment.<br />
+                  Questions on how to anotate your code correctly are better asked in a user-forum from hibernate or such.</p>
+                <p>
+                  Nevertheless, I think I can give you a usefull hint:<br />
+                  You are overwriting the automatically generated column-definition with &#8220;default TRUE&#8221;.<br />
+                  Try it with</p>
+                <p>
+                  @Column(name = “financialEnabled”, nullable = false)<br />
+                  private boolean financialEnabled;</p>
+                <div class="reply">
+                  <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=567#respond' onclick='return addComment.moveForm("div-comment-567", "567", "respond", "34")'>Reply</a>
+                </div>
+              </div>
+            </li><!-- #comment-## -->
+          </ul><!-- .children -->
+        </li><!-- #comment-## -->
+        <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-390">
+          <div id="div-comment-390" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn">Milios</cite> <span class="says">says:</span>
+            </div>
+            <div class="comment-meta commentmetadata">
+              <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-390">
+                October 10, 2013 at 15:02
+              </a>
+              &nbsp;&nbsp;
+              <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=390" title="Edit comment">(Edit)</a>
+            </div>
+            <p>Hi,</p>
+            <p>
+              looks like a very nice plugin. Unfortunately, part of our entities are in other modules/dependencies.<br />
+              Do you plan to add the possibility to scan also for dependencies of the project or at least of the plugin?</p>
+            <p>Also, when I only want to generate the SQL and use the following configuration, I got nothing.</p>
+            <p>Config:</p>
+            <p>
+              de.juplo<br />
+              hibernate4-maven-plugin<br />
+              1.0.2</p>
+            <p>
+              true<br />
+              SCRIPT<br />
+              NONE<br />
+              com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+              ${project.build.directory}/hibernate4/cmm-schema.sql</p>
+            <p>
+              com.deutscheboerse.energy<br />
+              energy-commons-hibernate<br />
+              ${commons.hibernate.version}</p>
+            <p>
+              org.springframework.security<br />
+              spring-security-core<br />
+              ${spring.security.version}</p>
+            <p>
+              org.slf4j<br />
+              slf4j-log4j12<br />
+              ${slf4j.version}</p>
+            <p>
+              Output:<br />
+              mvn hibernate4:export -e<br />
+              [INFO] Error stacktraces are turned on.<br />
+              [INFO] Scanning for projects&#8230;<br />
+              [INFO]<br />
+              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
+              [INFO] Building CMM WAR 1.0.0-RC5-SNAPSHOT<br />
+              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
+              [INFO]<br />
+              [INFO] &#8212; hibernate4-maven-plugin:1.0.2:export (default-cli) @ cmm-war &#8212;<br />
+              [INFO] Scanning directory D:\_dev\work\ii\src\cmm\trunk\cmm-war\target\classes f<br />
+              [INFO] No hibernate-properties-file found! (Checked path: D:\_dev\work\ii\src\cm<br />
+              [INFO] Gathered hibernate-configuration (turn on debugging for details):<br />
+              [INFO]   hibernate.dialect = com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+              [INFO] HHH000400: Using dialect: com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
+              [INFO] BUILD SUCCESS<br />
+              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
+              [INFO] Total time: 10.932s<br />
+              [INFO] Finished at: Thu Oct 10 12:51:05 UTC 2013<br />
+              [INFO] Final Memory: 9M/23M<br />
+              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
+            <p>
+              Thanks for any help,<br />
+              Milos.
+            </p>
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=390#respond' onclick='return addComment.moveForm("div-comment-390", "390", "respond", "34")'>Reply</a>
+            </div>
+          </div>
+          <ul class="children">
+            <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-391">
+              <div id="div-comment-391" class="comment-body">
+                <div class="comment-author vcard">
+                  <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+                </div>
+                <div class="comment-meta commentmetadata">
+                  <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-391">
+                    October 10, 2013 at 22:19
+                  </a>
+                  &nbsp;&nbsp;
+                  <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=391" title="Edit comment">(Edit)</a>		</div>
+                <p>
+                  Yes, I am working on the possibility, to scan for annotations in dependencies.<br />
+                  Unfortunatly, I have no example-project for this use-case by hand.<br />
+                  It would help a lot, if you could provide a sample-project on github or such.
+                </p>
+                <p>Greetings kai</p>
+                <div class="reply">
+                  <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=391#respond' onclick='return addComment.moveForm("div-comment-391", "391", "respond", "34")'>Reply</a>
+                </div>
+              </div>
+              <ul class="children">
+                <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-568">
+                  <div id="div-comment-568" class="comment-body">
+                    <div class="comment-author vcard">
+                      <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+                    </div>
+                    <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-568">
+                        November 11, 2013 at 13:11</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=568" title="Edit comment">(Edit)</a>		</div>
+  
+                    <p>Version 1.0.3 of the plugin can now scan for annotations in the dependencies, too.</p>
+  
+                    <div class="reply">
+                      <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond' onclick='return addComment.moveForm("div-comment-568", "568", "respond", "34")'>Reply</a>		</div>
+                  </div>
+                </li><!-- #comment-## -->
+              </ul><!-- .children -->
+            </li><!-- #comment-## -->
+          </ul><!-- .children -->
+        </li><!-- #comment-## -->
+        <li class="comment odd alt thread-even depth-1" id="comment-286">
+          <div id="div-comment-286" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn">Pedro</cite> <span class="says">says:</span>		</div>
+  
+            <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-286">
+                August 7, 2013 at 18:54</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=286" title="Edit comment">(Edit)</a>		</div>
+  
+            <p>Following my previous question, here is the debug info</p>
+            <p>[DEBUG] Dependency: /Users/pmarques/.m2/repository/org/springframework/security/spring-security-acl/3.1.4.RELEASE/spring-security-acl-3.1.4.RELEASE.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/atomikos-util/3.6.5/atomikos-util-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-api/3.6.5/transactions-api-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/javax/transaction/transaction-api/1.1/transaction-api-1.1.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc-deprecated/3.6.5/transactions-jdbc-deprecated-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc/3.6.5/transactions-jdbc-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jta/3.6.5/transactions-jta-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions/3.6.5/transactions-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/org/apache/geronimo/specs/geronimo-jta_1.0.1B_spec/1.0.1/geronimo-jta_1.0.1B_spec-1.0.1.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms-deprecated/3.6.5/transactions-jms-deprecated-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms/3.6.5/transactions-jms-3.6.5.jar<br />
+              [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-hibernate3/3.6.5/transactions-hibernate3-3.6.5.jar<br />
+              [INFO] Scanning directory /target/classes for annotated classes&#8230;</p>
+  
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=286#respond' onclick='return addComment.moveForm("div-comment-286", "286", "respond", "34")'>Reply</a>		</div>
+          </div>
+        </li><!-- #comment-## -->
+        <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-285">
+          <div id="div-comment-285" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn">Pedro</cite> <span class="says">says:</span>		</div>
+  
+            <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-285">
+                August 7, 2013 at 18:49</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=285" title="Edit comment">(Edit)</a>		</div>
+  
+            <p>Hi,</p>
+            <p>I have the following problem.<br />
+              The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br />
+              I am getting the error:<br />
+              No annotated classes found in directory /target/classes</p>
+            <p>Shouldn&#8217;t the plugin scan all the dependencies also?</p>
+            <p>Thanks,<br />
+              Pedro.</p>
+  
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond' onclick='return addComment.moveForm("div-comment-285", "285", "respond", "34")'>Reply</a>		</div>
+          </div>
+          <ul class="children">
+            <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-287">
+              <div id="div-comment-287" class="comment-body">
+                <div class="comment-author vcard">
+                  <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>		</div>
+  
+                <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-287">
+                    August 7, 2013 at 19:12</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=287" title="Edit comment">(Edit)</a>		</div>
+  
+                <p>Hi Pedro,</p>
+                <p>I think, that your observation is right.<br />
+                  But otherwise, dependencies should only be scanned if requested, because automatic scanning of the dependencies might lead to errors in other situations.</p>
+                <p>If you can make your project available to me (for example via github, or simply by mailing zipped version), I would add a configuration-parameter to enable/disable dependency-scanning and upload the refined plugin to central.</p>
+                <p>Regards,</p>
+                <p>Kai Moritz</p>
+  
+                <div class="reply">
+                  <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=287#respond' onclick='return addComment.moveForm("div-comment-287", "287", "respond", "34")'>Reply</a>		</div>
+              </div>
+              <ul class="children">
+                <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-426">
+                  <div id="div-comment-426" class="comment-body">
+                    <div class="comment-author vcard">
+                      <cite class="fn"><a href="http://juplo.de"   rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>		</div>
+  
+                    <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-426">
+                        October 18, 2013 at 02:52</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=426" title="Edit comment">(Edit)</a>		</div>
+  
+                    <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" title="Open the release-notes" rel="nofollow">new version 1.0.3</a> of the plugin adds support for annotated classes in dependencies!</p>
+  
+                    <div class="reply">
+                      <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=426#respond' onclick='return addComment.moveForm("div-comment-426", "426", "respond", "34")'>Reply</a>		</div>
+                  </div>
+                </li><!-- #comment-## -->
+              </ul><!-- .children -->
+            </li><!-- #comment-## -->
+          </ul><!-- .children -->
+        </li><!-- #comment-## -->
+        <li class="comment odd alt thread-even depth-1 parent" id="comment-276">
+          <div id="div-comment-276" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn"><a href="http://bidlogix.com" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-commentauthor', 'http://bidlogix.com']);"  rel='external nofollow' class='url'>mike</a></cite> <span class="says">says:</span>		</div>
+  
+            <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-276">
+                July 30, 2013 at 12:57</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=276" title="Edit comment">(Edit)</a>		</div>
+  
+            <p>Hello,</p>
+            <p>I&#8217;m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven&#8217;t undertaken (and don&#8217;t want to just yet) the big job of changing my hbm mapping files to annotations.</p>
+            <p>As far as I can see this is a show stopper for using your nice plugin. Can you please confirm if this is the case and whether you are planning to add support for scanning for hbm files?</p>
+            <p>Many thanks,</p>
+            <p>Mike Cohen.</p>
+  
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=276#respond' onclick='return addComment.moveForm("div-comment-276", "276", "respond", "34")'>Reply</a>		</div>
+          </div>
+          <ul class="children">
+            <li class="comment byuser comment-author-tortenheber even depth-2" id="comment-277">
+              <div id="div-comment-277" class="comment-body">
+                <div class="comment-author vcard">
+                  <cite class="fn">tortenheber</cite> <span class="says">says:</span>		</div>
+  
+                <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-277">
+                    July 31, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=277" title="Edit comment">(Edit)</a>		</div>
+  
+                <p>Hello Mike,</p>
+                <p>I added the requested feature in the SNAPSHOT-version.<br />
+                  It would be nice, if you could test, if the new feature works, because I have no example project by hand, that still uses hibernate-mapping via XML.</p>
+                <p>You can download an actual build here:</p>
+                <p><a href="https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-comment', 'http://oss.sonatype.org']);" rel="nofollow">https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/</a></p>
+                <p>or build it by yourself from the sources.<br />
+                  The feature is documented here:</p>
+                <p><a href="http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html"  rel="nofollow">http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html</a></p>
+                <p>Best regards</p>
+                <p>kai</p>
+  
+                <div class="reply">
+                  <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=277#respond' onclick='return addComment.moveForm("div-comment-277", "277", "respond", "34")'>Reply</a>		</div>
+              </div>
+            </li><!-- #comment-## -->
+          </ul><!-- .children -->
+        </li><!-- #comment-## -->
+        <li class="comment odd alt thread-odd thread-alt depth-1 parent" id="comment-50">
+          <div id="div-comment-50" class="comment-body">
+            <div class="comment-author vcard">
+              <cite class="fn">Victor</cite> <span class="says">says:</span>		</div>
+  
+            <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-50">
+                February 22, 2013 at 15:28</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=50" title="Edit comment">(Edit)</a>		</div>
+  
+            <p>Hey I have modified your code to support envers and generate auditing tables, if you want I can send you a patch. Thanks!</p>
+  
+            <div class="reply">
+              <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=50#respond' onclick='return addComment.moveForm("div-comment-50", "50", "respond", "34")'>Reply</a>		</div>
+          </div>
+          <ul class="children">
+            <li class="comment even depth-2 parent" id="comment-51">
+              <div id="div-comment-51" class="comment-body">
+                <div class="comment-author vcard">
+                  <cite class="fn">admin</cite> <span class="says">says:</span>		</div>
+  
+                <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-51">
+                    February 22, 2013 at 19:54</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=51" title="Edit comment">(Edit)</a>		</div>
+  
+                <p>Your welcom.<br />
+                  Send it!</p>
+  
+                <div class="reply">
+                  <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=51#respond' onclick='return addComment.moveForm("div-comment-51", "51", "respond", "34")'>Reply</a>		</div>
+              </div>
+              <ul class="children">
+                <li class="comment odd alt depth-3 parent" id="comment-54">
+                  <div id="div-comment-54" class="comment-body">
+                    <div class="comment-author vcard">
+                      <cite class="fn">Victor</cite> <span class="says">says:</span>		</div>
+  
+                    <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-54">
+                        February 25, 2013 at 15:28</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=54" title="Edit comment">(Edit)</a>		</div>
+  
+                    <p>Where to? Is there a github repo?</p>
+  
+                    <div class="reply">
+                      <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=54#respond' onclick='return addComment.moveForm("div-comment-54", "54", "respond", "34")'>Reply</a>		</div>
+                  </div>
+                  <ul class="children">
+                    <li class="comment even depth-4" id="comment-55">
+                      <div id="div-comment-55" class="comment-body">
+                        <div class="comment-author vcard">
+                          <cite class="fn">admin</cite> <span class="says">says:</span>		</div>
+  
+                        <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-55">
+                            February 25, 2013 at 20:05</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=55" title="Edit comment">(Edit)</a>		</div>
+  
+                        <p>There is a private git-Repository.<br />
+                          <a href="http://juplo.de/hibernate4-maven-plugin/source-repository.html"  rel="nofollow">Check the project-documentation!</a></p>
+                        <p>You can <a href="http://juplo.de/hibernate4-maven-plugin/team-list.html"  rel="nofollow">send me</a> a patch or a pull-request to <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+  
+                        <div class="reply">
+                          <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=55#respond' onclick='return addComment.moveForm("div-comment-55", "55", "respond", "34")'>Reply</a>		</div>
+                      </div>
+                    </li><!-- #comment-## -->
+                  </ul><!-- .children -->
+                </li><!-- #comment-## -->
+              </ul><!-- .children -->
+            </li><!-- #comment-## -->
+          </ul><!-- .children -->
+        </li><!-- #comment-## -->
+      </ol>
+  
+      <div class="navigation">
+        <div class="alignleft"></div>
+        <div class="alignright"></div>
+      </div>
+  
+  
+      <div id="respond">
+  
+        <h3>Leave a Reply</h3>
+  
+        <div id="cancel-comment-reply">
+          <small><a rel="nofollow" id="cancel-comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#respond" style="display:none;">Click here to cancel reply.</a></small>
+        </div>
+  
+  
+        <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
+  
+  
+          <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
+  
+  
+          <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
+  
+          <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+  
+          <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
+            <input type='hidden' name='comment_post_ID' value='34' id='comment_post_ID' />
+            <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
+          </p>
+          <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2cfe5768bb" /><script>(function() {
+      if (window === window.parent) {
+        document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
+      }
+    })();</script>
+          <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="18eb674233" /></p>
+        </form>
+      </div>
+    </article>
+    <aside layout:fragment="marginalcontent">
+      <div id="secondary" class="widget-area" role="complementary">
+        <aside id="archives" class="widget">
+          <h1 class="widget-title">Archives</h1>
+          <ul>
+            <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+            <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+            <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+            <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+          </ul>
+        </aside>
+        <aside id="categories" class="widget">
+          <h1 class="widget-title">Most Used Categories</h1>
+          <ul>
+            <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+            <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+            <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+            <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+            <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+            <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+          </ul>
+        </aside>
+        <aside id="search" class="widget widget_search">
+          <h1 class="widget-title">Search</h1>
+          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+            <div>
+              <label class="screen-reader-text" for="s">Search for:</label>
+              <input type="text" value="" name="s" id="s" />
+              <input type="submit" id="searchsubmit" value="Search" />
+            </div>
+          </form>
+        </aside>
+      </div><!-- #secondary .widget-area -->
+      <div id="tertiary" class="widget-area" role="supplementary">
+      </div><!-- #tertiary .widget-area -->
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/contact.html b/src/main/webapp/thymeleaf/contact.html
new file mode 100644
index 00000000..4ab82c67
--- /dev/null
+++ b/src/main/webapp/thymeleaf/contact.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
+      <li class="b"><strong class="b">Contact</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
+      <ul id="submenu">
+        <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
+        <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
+        <li class="s"><strong class="s">Contact</strong></li>
+      </ul>
+    </nav>
+    <div id="content" class="main pack cf" layout:fragment="maincontent">
+      <div class="pack">
+        <div class="p left">
+          <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
+        </div>
+        <article class="p right">
+          <header><h1><t:getAsString name="title"/></h1></header>
+          <h2>Address</h2>
+          <p>
+            Kai Moritz<br />
+            Zumsandestr. 29a<br />
+            48145 Münster
+          </p>
+          <h2>Email</h2>
+          <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+          <h2>Phone</h2>
+          <p>+49 (0) 176 20 50 47 47</p>
+          <h2>Networking</h2>
+          <ul>
+            <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
+            <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
+          </ul>
+          <!--
+          <h2>About Me</h2>
+          <h2><em>Übersetzung?!?</em> Jobportale</h2>
+          -->
+        </article>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/datenschutz.html b/src/main/webapp/thymeleaf/datenschutz.html
new file mode 100644
index 00000000..44cc9ea5
--- /dev/null
+++ b/src/main/webapp/thymeleaf/datenschutz.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Datenschutz</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">Datenschutz</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><strong class="s">Datenschutz</strong></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Datenschutz</h1></header>
+      <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.</p>
+      <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
+      <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
+      <!-- http://www.e-recht24.de/impressum-generator.html -->
+      <p>Bitte beachten Sie auch die gesonderte <a href="google-analytics.html" th:href="@{/google-analytics.html}">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/views/error.html b/src/main/webapp/thymeleaf/error.html
similarity index 100%
rename from src/main/webapp/thymeleaf/views/error.html
rename to src/main/webapp/thymeleaf/error.html
diff --git a/src/main/webapp/thymeleaf/expertise.html b/src/main/webapp/thymeleaf/expertise.html
new file mode 100644
index 00000000..726fa2b8
--- /dev/null
+++ b/src/main/webapp/thymeleaf/expertise.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Expertise</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
+      <li class="b"><strong class="b">Expertise</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
+      <ul id="submenu">
+        <li class="s sub">
+          <strong class="s">Expertise</strong>
+          <ul class="s active">
+            <li class="s"><span href="web-engineering.html" th:href="@{/web-engineering.html}" class="s">Web-Engineering</span></li>
+            <li class="s"><span href="spring-framework.html" th:href="@{/spring-framework.html}" class="s">Spring Framework</span></li>
+            <li class="s"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+            <li class="s"><span href="responsive-web-design.html" th:href="@{/responsive-web-design.html}" class="s">Responsive Webdesign</span></li>
+            <li class="s"><span href="web-ui-esign.html" th:href="@{/web-ui-esign.html}" class="s">WEB-UI-Design</span></li>
+            <li class="s"><span href="seo.html" th:href="@{/seo.html}" class="s">SEO</span></li>
+          </ul>
+        </li>
+        <li class="s sub off"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
+        <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+      </ul>
+    </nav>
+    <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/google-analytics.html b/src/main/webapp/thymeleaf/google-analytics.html
new file mode 100644
index 00000000..dd2a109a
--- /dev/null
+++ b/src/main/webapp/thymeleaf/google-analytics.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Google Analytics</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">Google Analytics</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><strong class="s">Google Analytics</strong></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Google Analytics</h1></header>
+      <p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
+      <p>Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.</p>
+      <p>Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren:</p>
+      <p><a href="http://tools.google.com/dlpage/gaoptout?hl=de" title="Das Plugin jetzt herunterladen...">http://tools.google.com/dlpage/gaoptout?hl=de</a>.</p>
+      <!-- http://www.e-recht24.de/impressum-generator.html -->
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/haftung-inhalte.html b/src/main/webapp/thymeleaf/haftung-inhalte.html
new file mode 100644
index 00000000..42b12cfb
--- /dev/null
+++ b/src/main/webapp/thymeleaf/haftung-inhalte.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Haftung für Inhalte</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">Haftung für Inhalte</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><strong class="s">Haftung für Inhalte</strong></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Haftung für Inhalte</h1></header>
+      <p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
+      <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/haftung-links.html b/src/main/webapp/thymeleaf/haftung-links.html
new file mode 100644
index 00000000..69164df3
--- /dev/null
+++ b/src/main/webapp/thymeleaf/haftung-links.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Haftung für Links</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">Haftung für Links</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><strong class="s">Haftung für Links</strong></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Haftung für Links</h1></header>
+      <p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
+      <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/impressum.html b/src/main/webapp/thymeleaf/impressum.html
new file mode 100644
index 00000000..69e1007f
--- /dev/null
+++ b/src/main/webapp/thymeleaf/impressum.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Impressum</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">Impressum</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Impressum</strong></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Impressum</h1></header>
+      <p><em>Angaben gemäß § 5 TMG:</em></p>
+      <p>
+        Kai Moritz<br />
+        juplo.de<br />
+        Zumsandestr. 29a<br />
+        48145 Münster
+      </p>
+      <p>Telefon: +49 (0) 176 20 50 47 47</p>
+      <p>E-Mail: <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+      <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE 23 500 84 56</p>
+      <p>Aufsichtsbehörde: Stadt Münster</p>
+      <!-- http://www.e-recht24.de/impressum-generator.html -->
+      <h1>Contact</h1>
+      <p>
+        More contact-information (Facebook, Google+, ...) can be found on the
+        <a href="contact.html" th:href="@{/contact.html}" title="Show all contact-informations">contact-page</a>.
+      </p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+    <ul layout:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><strong class="f">Impressum</strong></li>
+      <li class="f about"><a class="f" href="about.html" th:href="@{/about.html}">About</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/index.html b/src/main/webapp/thymeleaf/index.html
new file mode 100644
index 00000000..020e746b
--- /dev/null
+++ b/src/main/webapp/thymeleaf/index.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="contentclass='nomenu'"
+    >
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet/less" type="text/css" href="../less/all.less" th:remove="all"/>
+    <script src="../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><strong class="b">Home</strong></li>
+    </ol>
+    <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <main class="main" layout:fragment="maincontent">
+      <div class="pack bg cf">
+        <div class="p left">
+          <h2>hibernate4-maven-plugin</h2>
+          <p>
+            <strong>Lorem ipsum</strong> dolor
+            <a href="projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
+            consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            <a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}">exercitation</a>
+            ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+            irure dolor in reprehenderit in voluptate velit esse cillum dolore
+            eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+            proident, sunt in culpa qui officia deserunt mollit anim id est
+            laborum.
+          </p>
+        </div>
+        <div class="p right">
+          <h2>fix-swf</h2>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat.
+          </p>
+        </div>
+      </div>
+      <div class="single">
+        <h2>accelerator</h2>
+        <p>
+          Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+      <div class="pack bg cf">
+        <div class="p right">
+          <h2>jquery.openx</h2>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="p left">
+          <h2>Regex-Lab</h2>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+      </div>
+      <div class="pack cf">
+        <div class="p left">
+          <h2>jquery.openx</h2>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="p right">
+          <h2>Regex-Lab</h2>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+      </div>
+    </main>
+    <div layout:fragment="marginalcontent">
+      <aside class="m">
+        <div class="widget widget_recent_entries">
+          <h2 class="widgettitle">Recent Posts</h2>
+          <ul>
+            <li>
+              <a href="blog/article.html" th:href="@{/blog/article.html}" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
+            </li>
+            <li>
+              <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
+            </li>
+            <li>
+              <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
+            </li>
+            <li>
+              <a href="blog/comments.html" th:href="@{/blog/comments.html}" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
+            </li>
+          </ul>
+        </div>
+      </aside>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects.html b/src/main/webapp/thymeleaf/projects.html
new file mode 100644
index 00000000..c6caa879
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Projects'"
+    >
+  <head>
+    <title>Projects</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><strong class="b">Projects</strong></li>
+    </ol>
+    <ul layout:fragment="submenu">
+      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub"><a href="projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
+      <li class="s"><a href="#" class="s">jquery.openx</a></li>
+      <li class="s sub"><a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+      <li class="s sub"><a href="#" class="s">accelerator</a></li>
+      <li class="s"><a href="projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/fix-swf.html b/src/main/webapp/thymeleaf/projects/fix-swf.html
new file mode 100644
index 00000000..049e01da
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/fix-swf.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Fix SWF'"
+    >
+  <head>
+    <title>Fix SWF</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><strong class="b">Fix SWF</strong></li>
+    </ol>
+    <ul layout:fragment="submenu">
+      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <strong class="s">fix-swf</strong>
+        <ul class="s active">
+          <li class="s"><a href="../projects/fix-swf/overview.html" th:href="@{/projects/fix-swf/overview.html}" class="s">Overview</a></li>
+          <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
+          <li class="s"><a href="#" class="s">FAQ</a></li>
+          <li class="s"><a href="#" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+      <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+      <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/fix-swf/getting-started.html b/src/main/webapp/thymeleaf/projects/fix-swf/getting-started.html
new file mode 100644
index 00000000..f761d23f
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/fix-swf/getting-started.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Fix SWF - Getting started'"
+    >
+  <head>
+    <title>Fix SWF - Getting started</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../fix-swf.html" th:href="@{/projects/fix-swf.html}">Fix SWF</a></li>
+      <li class="b"><strong class="b">Getting Started</strong></li>
+    </ol>
+    <ul layout:fragment="submenu">
+      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
+        <ul class="s active">
+          <li class="s"><a href="overview.html" th:href="@{/projects/fix-swf/overview.html}" class="s">Overview</a></li>
+          <li class="s"><strong class="s">Getting Started</strong></li>
+          <li class="s"><a href="#" class="s">FAQ</a></li>
+          <li class="s"><a href="#" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+      <li class="s sub off"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+      <li class="s off"><a href="../typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/fix-swf/overview.html b/src/main/webapp/thymeleaf/projects/fix-swf/overview.html
new file mode 100644
index 00000000..f2b5a6d4
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/fix-swf/overview.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Fix SWF - Overview'"
+    >
+  <head>
+    <title>Fix SWF - Overview</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../fix-swf.html" th:href="@{/projects/fix-swf.html}">Fix SWF</a></li>
+      <li class="b"><strong class="b">Overview</strong></li>
+    </ol>
+    <ul layout:fragment="submenu">
+      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
+        <ul class="s active">
+          <li class="s"><strong class="s">Overview</strong></li>
+          <li class="s"><a href="getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
+          <li class="s"><a href="#" class="s">FAQ</a></li>
+          <li class="s"><a href="#" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+      <li class="s sub off"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+      <li class="s off"><a href="../typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente.html b/src/main/webapp/thymeleaf/projects/html-experimente.html
new file mode 100644
index 00000000..e98fff4b
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><strong class="b">HTML-Experimente</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:fragment="navigation (page)">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu">
+        <span class="s">Submenu for section</span>
+        <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
+      </h2>
+      <ul id="submenu" class="s active">
+        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+        <li class="s sub off"><a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
+        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+        <li class="s sub">
+          <span th:switch="${page}" th:remove="tag">
+            <a th:case="${page}" href="#" th:href="@{/projects/html-experimente.html}" class="s selected">HTML-Experimente</a>
+            <strong th:case="*" class="s">HTML-Experimente</strong>
+          </span>
+          <ul class="s active">
+            <li class="s" th:switch="${page}">
+              <strong th:case="'formulare'" class="s">Formulare</strong>
+              <a th:case="*" class="s" href="formulare.html" th:href="@{/projects/html-experimente/formulare.html}">Formulare</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'symbole'" class="s">Symbol-Font</strong>
+              <a th:case="*" class="s" href="symbole.html" th:href="@{/projects/html-experimente/symbole.html}">Symbol-Font</a>
+            </li>
+            <li class="s">
+              <a class="s" href="../../404.html" th:href="@{/404.html}">404-Template</a>
+            </li>
+            <li class="s">
+              <a class="s" href="gibts-ja-gar-nicht.html" th:href="@{/projects/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a>
+            </li>
+            <li class="s">
+              <a class="s" href="../../error.html" th:href="@{/error.html}">5xx-Template</a>
+            </li>
+            <li class="s">
+              <a class="s" href="error.html" th:href="@{/projects/html-experimente/error.html}">5xx-Fehlerseite</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-kein-menü'" class="s">Leer ohne Menü</strong>
+              <a th:case="*" class="s" href="fast-leer-kein-menü.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü.html}">Leer ohne Menü</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-kein-menü-aber-marginalinhalt'" class="s">Leer, ohne Menü, mit Marginal</strong>
+              <a th:case="*" class="s" href="fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Leer, ohne Menü, mit Marginal</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-mit-menü'" class="s">Leer, mit Menü</strong>
+              <a th:case="*" class="s" href="fast-leer-mit-menü.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü.html}">Leer, mit Menü</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-mit-menü-und-marginalinhalt'" class="s">Leer, mit Menü, mit Marginal</strong>
+              <a th:case="*" class="s" href="fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Leer, mit Menü, mit Marginal</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-einspaltig'" class="s">Leer, einspaltig</strong>
+              <a th:case="*" class="s" href="fast-leer-einspaltig.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig.html}">Leer, einspaltig</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'fast-leer-einspaltig-mit-marginalinhalt'" class="s">Leer, einspaltig, mit Marginal</strong>
+              <a th:case="*" class="s" href="fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Leer, einspaltig, mit Marginal</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'breadcrumb'" class="s">Langer Breadcrumb</strong>
+              <a th:case="*" class="s" href="breadcrumb.html" th:href="@{/projects/html-experimente/breadcrumb.html}">Langer Breadcrumb</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'kein-layout'" class="s">Alle Stylings deaktiviert</strong>
+              <a th:case="*" class="s" href="kein-layout.html" th:href="@{/projects/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'basis-layout'" class="s">Nur das Basis-Layout</strong>
+              <a th:case="*" class="s" href="basis-layout.html" th:href="@{/projects/html-experimente/basis-layout.html}">Nur das Basis-Layout</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'druck-layout'" class="s">Druck-Layout</strong>
+              <a th:case="*" class="s" href="druck-layout.html" th:href="@{/projects/html-experimente/druck-layout.html}">Druck-Layout</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'tiny'" class="s">Layout TINY</strong>
+              <a th:case="*" class="s" href="tiny.html" th:href="@{/projects/html-experimente/tiny.html}">Layout TINY</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'phone'" class="s">Layout PHONE</strong>
+              <a th:case="*" class="s" href="phone.html" th:href="@{/projects/html-experimente/phone.html}">Layout PHONE</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'tablet'" class="s">Layout Tablet</strong>
+              <a th:case="*" class="s" href="tablet.html" th:href="@{/projects/html-experimente/tablet.html}">Layout TABLET</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'seitenaufteilung'" class="s">Basis-Layout &amp; Seitenaufteilung</strong>
+              <a th:case="*" class="s" href="seitenaufteilung.html" th:href="@{/projects/html-experimente/seitenaufteilung.html}">Basis-Layout &amp; Seitenaufteilung</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'seitenkopf'" class="s">Basis-Layout &amp; Seitenkopf</strong>
+              <a th:case="*" class="s" href="seitenkopf.html" th:href="@{/projects/html-experimente/seitenkopf.html}">Basis-Layout &amp; Seitenkopf</a>
+            </li>
+            <li class="s" th:switch="${page}">
+              <strong th:case="'media-query'" class="s">Media-Query-Test (Beispiel)</strong>
+              <a th:case="*" class="s" href="testlab.html" th:href="@{/projects/html-experimente/testlab.html}">Media-Query-Test (Beispiel)</a>
+            </li>
+          </ul>
+        </li>
+        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+        <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
+      <ul>
+        <li><a href="html-experimente/formulare.html" th:href="@{/projects/html-experimente/formulare.html}">Formulare</a></li>
+        <li><a href="html-experimente/symbole.html" th:href="@{/projects/html-experimente/symbole.html}">Symbol-Font</a></li>
+        <li><a href="../404.html" th:href="@{/404.html}">404-Template</a></li>
+        <li><a href="html-experimente/gibts-ja-gar-nicht.html" th:href="@{/projects/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a></li>
+        <li><a href="../error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
+        <li><a href="html-experimente/error.html" th:href="@{/projects/html-experimente/error.html}">Fehlerseite für andere Fehler</a></li>
+      </ul>
+      <h2>Layout-Grenzfälle</h2>
+      <ul>
+        <li><a href="html-experimente/fast-leer-kein-menü.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü.html}">Fast leere Seite ohne Menü</a></li>
+        <li><a href="html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
+        <li><a href="html-experimente/fast-leer-mit-menü.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü.html}">Fast leere Seite mit Menü</a></li>
+        <li><a href="html-experimente/fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
+        <li><a href="html-experimente/fast-leer-einspaltig.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig.html}">Fast leere einspaltige Seite</a></li>
+        <li><a href="html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Fast leere einspaltige Seite mit Marginal-Inhalt</a></li>
+        <li><a href="html-experimente/breadcrumb.html" th:href="@{/projects/html-experimente/breadcrumb.html}">Seite mit sehr langem Breadcrumb</a></li>
+      </ul>
+      <h2>Layout-Variationen</h2>
+      <ul>
+        <li><a href="html-experimente/kein-layout.html" th:href="@{/projects/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a></li>
+        <li><a href="html-experimente/basis-layout.html" th:href="@{/projects/html-experimente/basis-layout.html}">Nur das Basis-Layout</a></li>
+        <li><a href="html-experimente/druck-layout.html" th:href="@{/projects/html-experimente/druck-layout.html}">Die für den Ausdruck angepasste Ansicht</a></li>
+        <li><a href="html-experimente/tiny.html" th:href="@{/projects/html-experimente/tiny.html}">Layout für sehr kleine Bildschirmgrößen</a></li>
+        <li><a href="html-experimente/phone.html" th:href="@{/projects/html-experimente/phone.html}">Layout für Smartphones</a></li>
+        <li><a href="html-experimente/tablet.html" th:href="@{/projects/html-experimente/tablet.html}">Layout für Tablets</a></li>
+      </ul>
+      <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
+      <ul>
+        <li><a href="html-experimente/seitenaufteilung.html" th:href="@{/projects/html-experimente/seitenaufteilung.html}">Nur das Basis-Layout und die Seitenaufteilung</a></li>
+        <li><a href="html-experimente/seitenkopf.html" th:href="@{/projects/html-experimente/seitenkopf.html}">Nur das Basis-Layout und der Seitenkopf</a></li>
+      </ul>
+      <h2>Anderer Krams...</h2>
+      <ul>
+        <li><a href="html-experimente/testlab.html" th:href="@{/projects/html-experimente/testlab.html}">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
+      </ul>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/basis-layout.html b/src/main/webapp/thymeleaf/projects/html-experimente/basis-layout.html
new file mode 100644
index 00000000..96af7d45
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/basis-layout.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Nur das Basis-Layout'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Basis-Layout</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Nur das Basis-Layout</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('basis-layout')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/breadcrumb.html b/src/main/webapp/thymeleaf/projects/html-experimente/breadcrumb.html
new file mode 100644
index 00000000..cb02442f
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/breadcrumb.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Seite mit sehr langem Breadcrumb'"
+    >
+  <head>
+    <title>HTML-Experimente - Langer Breadcrumb</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('breadcrumb')">
+      NAVIGATION
+    </nav>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/druck-layout.html b/src/main/webapp/thymeleaf/projects/html-experimente/druck-layout.html
new file mode 100644
index 00000000..0b3a475f
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/druck-layout.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Die für den Ausdruck angepasste Ansicht'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Druck-Layout</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Druck-Layout</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('druck-layout')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
new file mode 100644
index 00000000..9a98cf18
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="contentclass='nomenu'"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, einspaltig, Marginal</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
+    </article>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
new file mode 100644
index 00000000..d7a32139
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="contentclass='nomenu'"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere einspaltige Seite</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, einspaltig</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere einspaltige Seite</h1></header>
+    </article>
+  </body>
+</html>
diff --git "a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
new file mode 100644
index 00000000..4081bc7b
--- /dev/null
+++ "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, ohne Menü, mit Marginal</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere Seite ohne Menü aber mit Marginalinhalt</h1></header>
+    </article>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git "a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html" "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
new file mode 100644
index 00000000..b7551c6c
--- /dev/null
+++ "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, ohne Menü</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere Seite ohne Menü</h1></header>
+    </article>
+  </body>
+</html>
diff --git "a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
new file mode 100644
index 00000000..9a1f4f34
--- /dev/null
+++ "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, mit Menü</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('fast-leer-mit-menü-und-marginalinhalt')">
+      NAVIGATION
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
+    </article>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git "a/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html" "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
new file mode 100644
index 00000000..c1a17645
--- /dev/null
+++ "b/src/main/webapp/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Fast leere Seite mit Menü</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Leer, mit Menü</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('fast-leer-mit-menü')">
+      NAVIGATION
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Fast leere Seite mit Menü</h1></header>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/formulare.html b/src/main/webapp/thymeleaf/projects/html-experimente/formulare.html
new file mode 100644
index 00000000..b41f2078
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/formulare.html
@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Formulare</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Formulare</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('formulare')">
+      NAVIGATION
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Formulare</h1></header>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Anzeigetext</h2>
+        <div class="f textarea">
+          <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
+          <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
+          <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Textformatierung</h2>
+        <fieldset class="f radiobutton cf">
+          <legend class="f info">
+            Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
+            Online erscheint die Anzeige als normaler Fließtext.
+          </legend>
+          <hr class="f" />
+          <div class="col2">
+            <div class="f">
+              <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_01">normaler Fließtext</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_02">Text zentriert</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_04">Text fett</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_05">Text fett und rot</label>
+            </div>
+          </div>
+          <div class="col2">
+            <div class="f">
+              <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Einspaltige Radiobuttons...</h2>
+        <fieldset class="f radiobutton">
+          <div class="f">
+            <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
+          </div>
+          <div class="f">
+            <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b02">Option X</label>
+          </div>
+          <div class="f">
+            <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
+          </div>
+        </fieldset>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; zur Übersicht" />
+          <input class="f left" type="submit" value="&lt; zurück" />
+          <input class="f" type="submit" value="&gt; weiter" />
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Bild</h2>
+        <fieldset class="f checkbox">
+          <legend class="f">
+            Du kannst Deiner Anzeige ein Bild hinzufügen.
+            Das Bild erscheint nur online.
+            Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
+          </legend>
+          <hr class="f" />
+          <div class="f">
+            <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+            <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+          </div>
+          <div class="f">
+            <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
+            <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
+          </div>
+        </fieldset>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Alleinstehende Checkbox</h2>
+        <div class="f checkbox">
+          <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+          <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Kundendaten</h2>
+        <p class="f required">
+          <strong class="r">Pflichtfelder</strong> sind mit einem
+          <strong class="r symbol">*</strong> markiert.
+        </p>
+        <div class="f text required">
+          <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
+          <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_02" class="f">Vorname</label>
+          <input class="f" id="text_tbox_02" type="text" value="Max" />
+        </div>
+        <div class="f select required">
+          <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
+          <select class="f" id="text_tbox_03">
+            <option>Dortmund</option>
+            <option>Bochum</option>
+            <option>Essen</option>
+            <option>Mönchengladbach</option>
+            <option>Oberhausen</option>
+            <option>Castrop-Rauxel</option>
+            <option>Düsseldorf</option>
+          </select>
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
+          <input class="f error" id="text_tbox_04" type="text" value="" />
+          <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
+          <input class="f" id="text_tbox_05" type="text" value="" />
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_06" class="f">Telefon</label>
+          <input class="f" id="text_tbox_06" type="text" value="" />
+        </div>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; weiter" />
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Anzeige regionalisieren</h2>
+        <p class="f">
+          Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
+          diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
+          bestimmten Städten suchen.
+          Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
+          diesen Interessenten aber auch nicht gefunden.
+        </p>
+        <hr class="f" />
+        <div class="f text">
+          <label class="f" for="city">Stadt</label>
+          <input id="city" type="text" class="f" />
+          <p class="f info">
+            Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
+          </p>
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
+        <div class="f text required">
+          <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
+          <input class="f" id="text_tbox_05" type="password" value="t" />
+        </div>
+      </form>
+      <form class="form" action="#" method="get">
+        <h2 class="f">Lade das Bild hoch</h2>
+        <p class="f info">
+          Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
+          Das Bild darf nicht größer als 8 MByte sein.
+        </p>
+        <div class="f file required">
+          <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
+          <input class="f" id="file_tbox_01" type="file" />
+        </div>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; Doch kein Bild" />
+          <input class="f" type="submit" value="&gt; Bild hochladen" />
+        </div>
+      </form>
+      <div class="form">
+        <h2 class="f">Antworten</h2>
+        <p class="f required">
+          <strong class="r">Pflichtfelder</strong> sind mit einem
+          <strong class="r symbol">*</strong> markiert.
+        </p>
+        <div class="f text required">
+          <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
+          <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
+        </div>
+        <div class="f text required">
+          <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
+          <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
+        </div>
+        <div class="f text required">
+          <label class="f" for="subject"><span class="required">*</span> Betreff</label>
+          <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
+        </div>
+        <div class="f textarea required">
+          <label class="f" for="text"><span class="required">*</span> Nachricht</label>
+          <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
+        </div>
+        <div class="f checkbox">
+          <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
+          <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
+        </div>
+        <div class="f checkbox">
+          <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
+          <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
+        </div>
+      </div>
+      <div class="form cf">
+        <div class="col2 left">
+          <h2 class="f">Weiter mit Anmeldung</h2>
+          <div class="f text">
+            <label class="f" for="username">Benutzername</label>
+            <input class="f" name="username" id="username" type="text" tabindex="6" />
+          </div>
+          <div class="f text">
+            <label class="f" for="password">Passwort</label>
+            <input class="f" name="password" id="password" type="password" tabindex="7" />
+          </div>
+        </div>
+        <div class="col2 right">
+          <h2 class="f">Weiter ohne Anmeldung</h2>
+          <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
+          <div class="f captcha cf">
+            <span class="f">Was steht da?</span>
+            <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
+          </div>
+          <div class="f text">
+            <label class="f" for="captcha">Lösung</label>
+            <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+          </div>
+        </div>
+      </div>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/kein-layout.html b/src/main/webapp/thymeleaf/projects/html-experimente/kein-layout.html
new file mode 100644
index 00000000..19991b26
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/kein-layout.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Alle Stylings deaktiviert'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Kein Layout</title>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Alle Stylings deaktiviert</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('kein-layout')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/phone.html b/src/main/webapp/thymeleaf/projects/html-experimente/phone.html
new file mode 100644
index 00000000..ef4be025
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/phone.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Layout für Smartphones'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Layout PHONE</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Layout PHONE</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('phone')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/seitenaufteilung.html b/src/main/webapp/thymeleaf/projects/html-experimente/seitenaufteilung.html
new file mode 100644
index 00000000..517c1341
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/seitenaufteilung.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Basis-Layout &amp; Seitenaufteilung</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Basis-Layout &amp; Seitenaufteilung</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('seitenaufteilung')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/seitenkopf.html b/src/main/webapp/thymeleaf/projects/html-experimente/seitenkopf.html
new file mode 100644
index 00000000..72ebd930
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/seitenkopf.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Basis-Layout &amp; Seitenkopf</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Basis-Layout &amp; Seitenkopf</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('seitenkopf')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/symbole.html b/src/main/webapp/thymeleaf/projects/html-experimente/symbole.html
new file mode 100644
index 00000000..4047a4f7
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/symbole.html
@@ -0,0 +1,422 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>HTML-Experimente - Symbol-Font</title>
+    <link rel="stylesheet/less" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Symbol-Font</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('symbole')">
+      NAVIGATION
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1>Symbol-Font</h1></header>
+      <h2>100%</h2>
+      <div class="symbols">
+        <span class="e600">&#xe600;</span>
+        <span class="e601">&#xe601;</span>
+        <span class="e602">&#xe602;</span>
+        <span class="e603">&#xe603;</span>
+        <span class="e604">&#xe604;</span>
+        <span class="e605">&#xe605;</span>
+        <span class="e606">&#xe606;</span>
+        <span class="e607">&#xe607;</span>
+        <span class="e608">&#xe608;</span>
+        <span class="e609">&#xe609;</span>
+        <span class="e60a">&#xe60a;</span>
+        <span class="e60b">&#xe60b;</span>
+        <span class="e60c">&#xe60c;</span>
+        <span class="e60d">&#xe60d;</span>
+        <span class="e60e">&#xe60e;</span>
+        <span class="e60f">&#xe60f;</span>
+        <span class="e610">&#xe610;</span>
+        <span class="e611">&#xe611;</span>
+        <span class="e612">&#xe612;</span>
+        <span class="e613">&#xe613;</span>
+        <span class="e614">&#xe614;</span>
+        <span class="e615">&#xe615;</span>
+        <span class="e616">&#xe616;</span>
+        <span class="e617">&#xe617;</span>
+        <span class="e618">&#xe618;</span>
+        <span class="e619">&#xe619;</span>
+        <span class="e61a">&#xe61a;</span>
+        <span class="e61b">&#xe61b;</span>
+        <span class="e61c">&#xe61c;</span>
+        <span class="e61d">&#xe61d;</span>
+        <span class="e61e">&#xe61e;</span>
+        <span class="e61f">&#xe61f;</span>
+        <span class="e620">&#xe620;</span>
+        <span class="e621">&#xe621;</span>
+        <span class="e622">&#xe622;</span>
+        <span class="e623">&#xe623;</span>
+        <span class="e624">&#xe624;</span>
+        <span class="e625">&#xe625;</span>
+        <span class="e626">&#xe626;</span>
+        <span class="e627">&#xe627;</span>
+        <span class="e628">&#xe628;</span>
+        <span class="e629">&#xe629;</span>
+        <span class="e62a">&#xe62a;</span>
+        <span class="e62b">&#xe62b;</span>
+        <span class="e62c">&#xe62c;</span>
+        <span class="e62d">&#xe62d;</span>
+        <span class="e62e">&#xe62e;</span>
+        <span class="e62f">&#xe62f;</span>
+        <span class="e630">&#xe630;</span>
+        <span class="e631">&#xe631;</span>
+        <span class="e632">&#xe632;</span>
+        <span class="e633">&#xe633;</span>
+        <span class="e634">&#xe634;</span>
+        <span class="e635">&#xe635;</span>
+        <span class="e636">&#xe636;</span>
+        <span class="e637">&#xe637;</span>
+        <span class="e638">&#xe638;</span>
+        <span class="e639">&#xe639;</span>
+        <span class="e63a">&#xe63a;</span>
+        <span class="e63b">&#xe63b;</span>
+        <span class="e63c">&#xe63c;</span>
+        <span class="e63d">&#xe63d;</span>
+        <span class="e63e">&#xe63e;</span>
+        <span class="e63f">&#xe63f;</span>
+        <span class="e640">&#xe640;</span>
+        <span class="e641">&#xe641;</span>
+        <span class="e642">&#xe642;</span>
+        <span class="e643">&#xe643;</span>
+        <span class="e644">&#xe644;</span>
+        <span class="e645">&#xe645;</span>
+        <span class="e646">&#xe646;</span>
+        <span class="e647">&#xe647;</span>
+        <span class="e648">&#xe648;</span>
+        <span class="e649">&#xe649;</span>
+        <span class="e64a">&#xe64a;</span>
+        <span class="e64b">&#xe64b;</span>
+      </div>
+      <h2>200%</h2>
+      <div class="symbols" style="font-size: 200%; line-height: 1.5em">
+        <span class="e600">&#xe600;</span>
+        <span class="e601">&#xe601;</span>
+        <span class="e602">&#xe602;</span>
+        <span class="e603">&#xe603;</span>
+        <span class="e604">&#xe604;</span>
+        <span class="e605">&#xe605;</span>
+        <span class="e606">&#xe606;</span>
+        <span class="e607">&#xe607;</span>
+        <span class="e608">&#xe608;</span>
+        <span class="e609">&#xe609;</span>
+        <span class="e60a">&#xe60a;</span>
+        <span class="e60b">&#xe60b;</span>
+        <span class="e60c">&#xe60c;</span>
+        <span class="e60d">&#xe60d;</span>
+        <span class="e60e">&#xe60e;</span>
+        <span class="e60f">&#xe60f;</span>
+        <span class="e610">&#xe610;</span>
+        <span class="e611">&#xe611;</span>
+        <span class="e612">&#xe612;</span>
+        <span class="e613">&#xe613;</span>
+        <span class="e614">&#xe614;</span>
+        <span class="e615">&#xe615;</span>
+        <span class="e616">&#xe616;</span>
+        <span class="e617">&#xe617;</span>
+        <span class="e618">&#xe618;</span>
+        <span class="e619">&#xe619;</span>
+        <span class="e61a">&#xe61a;</span>
+        <span class="e61b">&#xe61b;</span>
+        <span class="e61c">&#xe61c;</span>
+        <span class="e61d">&#xe61d;</span>
+        <span class="e61e">&#xe61e;</span>
+        <span class="e61f">&#xe61f;</span>
+        <span class="e620">&#xe620;</span>
+        <span class="e621">&#xe621;</span>
+        <span class="e622">&#xe622;</span>
+        <span class="e623">&#xe623;</span>
+        <span class="e624">&#xe624;</span>
+        <span class="e625">&#xe625;</span>
+        <span class="e626">&#xe626;</span>
+        <span class="e627">&#xe627;</span>
+        <span class="e628">&#xe628;</span>
+        <span class="e629">&#xe629;</span>
+        <span class="e62a">&#xe62a;</span>
+        <span class="e62b">&#xe62b;</span>
+        <span class="e62c">&#xe62c;</span>
+        <span class="e62d">&#xe62d;</span>
+        <span class="e62e">&#xe62e;</span>
+        <span class="e62f">&#xe62f;</span>
+        <span class="e630">&#xe630;</span>
+        <span class="e631">&#xe631;</span>
+        <span class="e632">&#xe632;</span>
+        <span class="e633">&#xe633;</span>
+        <span class="e634">&#xe634;</span>
+        <span class="e635">&#xe635;</span>
+        <span class="e636">&#xe636;</span>
+        <span class="e637">&#xe637;</span>
+        <span class="e638">&#xe638;</span>
+        <span class="e639">&#xe639;</span>
+        <span class="e63a">&#xe63a;</span>
+        <span class="e63b">&#xe63b;</span>
+        <span class="e63c">&#xe63c;</span>
+        <span class="e63d">&#xe63d;</span>
+        <span class="e63e">&#xe63e;</span>
+        <span class="e63f">&#xe63f;</span>
+        <span class="e640">&#xe640;</span>
+        <span class="e641">&#xe641;</span>
+        <span class="e642">&#xe642;</span>
+        <span class="e643">&#xe643;</span>
+        <span class="e644">&#xe644;</span>
+        <span class="e645">&#xe645;</span>
+        <span class="e646">&#xe646;</span>
+        <span class="e647">&#xe647;</span>
+        <span class="e648">&#xe648;</span>
+        <span class="e649">&#xe649;</span>
+        <span class="e64a">&#xe64a;</span>
+        <span class="e64b">&#xe64b;</span>
+      </div>
+      <h2>300%</h2>
+      <div class="symbols" style="font-size: 300%; line-height: 1.5em">
+        <span class="e600">&#xe600;</span>
+        <span class="e601">&#xe601;</span>
+        <span class="e602">&#xe602;</span>
+        <span class="e603">&#xe603;</span>
+        <span class="e604">&#xe604;</span>
+        <span class="e605">&#xe605;</span>
+        <span class="e606">&#xe606;</span>
+        <span class="e607">&#xe607;</span>
+        <span class="e608">&#xe608;</span>
+        <span class="e609">&#xe609;</span>
+        <span class="e60a">&#xe60a;</span>
+        <span class="e60b">&#xe60b;</span>
+        <span class="e60c">&#xe60c;</span>
+        <span class="e60d">&#xe60d;</span>
+        <span class="e60e">&#xe60e;</span>
+        <span class="e60f">&#xe60f;</span>
+        <span class="e610">&#xe610;</span>
+        <span class="e611">&#xe611;</span>
+        <span class="e612">&#xe612;</span>
+        <span class="e613">&#xe613;</span>
+        <span class="e614">&#xe614;</span>
+        <span class="e615">&#xe615;</span>
+        <span class="e616">&#xe616;</span>
+        <span class="e617">&#xe617;</span>
+        <span class="e618">&#xe618;</span>
+        <span class="e619">&#xe619;</span>
+        <span class="e61a">&#xe61a;</span>
+        <span class="e61b">&#xe61b;</span>
+        <span class="e61c">&#xe61c;</span>
+        <span class="e61d">&#xe61d;</span>
+        <span class="e61e">&#xe61e;</span>
+        <span class="e61f">&#xe61f;</span>
+        <span class="e620">&#xe620;</span>
+        <span class="e621">&#xe621;</span>
+        <span class="e622">&#xe622;</span>
+        <span class="e623">&#xe623;</span>
+        <span class="e624">&#xe624;</span>
+        <span class="e625">&#xe625;</span>
+        <span class="e626">&#xe626;</span>
+        <span class="e627">&#xe627;</span>
+        <span class="e628">&#xe628;</span>
+        <span class="e629">&#xe629;</span>
+        <span class="e62a">&#xe62a;</span>
+        <span class="e62b">&#xe62b;</span>
+        <span class="e62c">&#xe62c;</span>
+        <span class="e62d">&#xe62d;</span>
+        <span class="e62e">&#xe62e;</span>
+        <span class="e62f">&#xe62f;</span>
+        <span class="e630">&#xe630;</span>
+        <span class="e631">&#xe631;</span>
+        <span class="e632">&#xe632;</span>
+        <span class="e633">&#xe633;</span>
+        <span class="e634">&#xe634;</span>
+        <span class="e635">&#xe635;</span>
+        <span class="e636">&#xe636;</span>
+        <span class="e637">&#xe637;</span>
+        <span class="e638">&#xe638;</span>
+        <span class="e639">&#xe639;</span>
+        <span class="e63a">&#xe63a;</span>
+        <span class="e63b">&#xe63b;</span>
+        <span class="e63c">&#xe63c;</span>
+        <span class="e63d">&#xe63d;</span>
+        <span class="e63e">&#xe63e;</span>
+        <span class="e63f">&#xe63f;</span>
+        <span class="e640">&#xe640;</span>
+        <span class="e641">&#xe641;</span>
+        <span class="e642">&#xe642;</span>
+        <span class="e643">&#xe643;</span>
+        <span class="e644">&#xe644;</span>
+        <span class="e645">&#xe645;</span>
+        <span class="e646">&#xe646;</span>
+        <span class="e647">&#xe647;</span>
+        <span class="e648">&#xe648;</span>
+        <span class="e649">&#xe649;</span>
+        <span class="e64a">&#xe64a;</span>
+        <span class="e64b">&#xe64b;</span>
+      </div>
+      <h2>400%</h2>
+      <div class="symbols" style="font-size: 400%; line-height: 1.5em">
+        <span class="e600">&#xe600;</span>
+        <span class="e601">&#xe601;</span>
+        <span class="e602">&#xe602;</span>
+        <span class="e603">&#xe603;</span>
+        <span class="e604">&#xe604;</span>
+        <span class="e605">&#xe605;</span>
+        <span class="e606">&#xe606;</span>
+        <span class="e607">&#xe607;</span>
+        <span class="e608">&#xe608;</span>
+        <span class="e609">&#xe609;</span>
+        <span class="e60a">&#xe60a;</span>
+        <span class="e60b">&#xe60b;</span>
+        <span class="e60c">&#xe60c;</span>
+        <span class="e60d">&#xe60d;</span>
+        <span class="e60e">&#xe60e;</span>
+        <span class="e60f">&#xe60f;</span>
+        <span class="e610">&#xe610;</span>
+        <span class="e611">&#xe611;</span>
+        <span class="e612">&#xe612;</span>
+        <span class="e613">&#xe613;</span>
+        <span class="e614">&#xe614;</span>
+        <span class="e615">&#xe615;</span>
+        <span class="e616">&#xe616;</span>
+        <span class="e617">&#xe617;</span>
+        <span class="e618">&#xe618;</span>
+        <span class="e619">&#xe619;</span>
+        <span class="e61a">&#xe61a;</span>
+        <span class="e61b">&#xe61b;</span>
+        <span class="e61c">&#xe61c;</span>
+        <span class="e61d">&#xe61d;</span>
+        <span class="e61e">&#xe61e;</span>
+        <span class="e61f">&#xe61f;</span>
+        <span class="e620">&#xe620;</span>
+        <span class="e621">&#xe621;</span>
+        <span class="e622">&#xe622;</span>
+        <span class="e623">&#xe623;</span>
+        <span class="e624">&#xe624;</span>
+        <span class="e625">&#xe625;</span>
+        <span class="e626">&#xe626;</span>
+        <span class="e627">&#xe627;</span>
+        <span class="e628">&#xe628;</span>
+        <span class="e629">&#xe629;</span>
+        <span class="e62a">&#xe62a;</span>
+        <span class="e62b">&#xe62b;</span>
+        <span class="e62c">&#xe62c;</span>
+        <span class="e62d">&#xe62d;</span>
+        <span class="e62e">&#xe62e;</span>
+        <span class="e62f">&#xe62f;</span>
+        <span class="e630">&#xe630;</span>
+        <span class="e631">&#xe631;</span>
+        <span class="e632">&#xe632;</span>
+        <span class="e633">&#xe633;</span>
+        <span class="e634">&#xe634;</span>
+        <span class="e635">&#xe635;</span>
+        <span class="e636">&#xe636;</span>
+        <span class="e637">&#xe637;</span>
+        <span class="e638">&#xe638;</span>
+        <span class="e639">&#xe639;</span>
+        <span class="e63a">&#xe63a;</span>
+        <span class="e63b">&#xe63b;</span>
+        <span class="e63c">&#xe63c;</span>
+        <span class="e63d">&#xe63d;</span>
+        <span class="e63e">&#xe63e;</span>
+        <span class="e63f">&#xe63f;</span>
+        <span class="e640">&#xe640;</span>
+        <span class="e641">&#xe641;</span>
+        <span class="e642">&#xe642;</span>
+        <span class="e643">&#xe643;</span>
+        <span class="e644">&#xe644;</span>
+        <span class="e645">&#xe645;</span>
+        <span class="e646">&#xe646;</span>
+        <span class="e647">&#xe647;</span>
+        <span class="e648">&#xe648;</span>
+        <span class="e649">&#xe649;</span>
+        <span class="e64a">&#xe64a;</span>
+        <span class="e64b">&#xe64b;</span>
+      </div>
+      <h2>500%</h2>
+      <div class="symbols" style="font-size: 500%; line-height: 1.5em">
+        <span class="e600">&#xe600;</span>
+        <span class="e601">&#xe601;</span>
+        <span class="e602">&#xe602;</span>
+        <span class="e603">&#xe603;</span>
+        <span class="e604">&#xe604;</span>
+        <span class="e605">&#xe605;</span>
+        <span class="e606">&#xe606;</span>
+        <span class="e607">&#xe607;</span>
+        <span class="e608">&#xe608;</span>
+        <span class="e609">&#xe609;</span>
+        <span class="e60a">&#xe60a;</span>
+        <span class="e60b">&#xe60b;</span>
+        <span class="e60c">&#xe60c;</span>
+        <span class="e60d">&#xe60d;</span>
+        <span class="e60e">&#xe60e;</span>
+        <span class="e60f">&#xe60f;</span>
+        <span class="e610">&#xe610;</span>
+        <span class="e611">&#xe611;</span>
+        <span class="e612">&#xe612;</span>
+        <span class="e613">&#xe613;</span>
+        <span class="e614">&#xe614;</span>
+        <span class="e615">&#xe615;</span>
+        <span class="e616">&#xe616;</span>
+        <span class="e617">&#xe617;</span>
+        <span class="e618">&#xe618;</span>
+        <span class="e619">&#xe619;</span>
+        <span class="e61a">&#xe61a;</span>
+        <span class="e61b">&#xe61b;</span>
+        <span class="e61c">&#xe61c;</span>
+        <span class="e61d">&#xe61d;</span>
+        <span class="e61e">&#xe61e;</span>
+        <span class="e61f">&#xe61f;</span>
+        <span class="e620">&#xe620;</span>
+        <span class="e621">&#xe621;</span>
+        <span class="e622">&#xe622;</span>
+        <span class="e623">&#xe623;</span>
+        <span class="e624">&#xe624;</span>
+        <span class="e625">&#xe625;</span>
+        <span class="e626">&#xe626;</span>
+        <span class="e627">&#xe627;</span>
+        <span class="e628">&#xe628;</span>
+        <span class="e629">&#xe629;</span>
+        <span class="e62a">&#xe62a;</span>
+        <span class="e62b">&#xe62b;</span>
+        <span class="e62c">&#xe62c;</span>
+        <span class="e62d">&#xe62d;</span>
+        <span class="e62e">&#xe62e;</span>
+        <span class="e62f">&#xe62f;</span>
+        <span class="e630">&#xe630;</span>
+        <span class="e631">&#xe631;</span>
+        <span class="e632">&#xe632;</span>
+        <span class="e633">&#xe633;</span>
+        <span class="e634">&#xe634;</span>
+        <span class="e635">&#xe635;</span>
+        <span class="e636">&#xe636;</span>
+        <span class="e637">&#xe637;</span>
+        <span class="e638">&#xe638;</span>
+        <span class="e639">&#xe639;</span>
+        <span class="e63a">&#xe63a;</span>
+        <span class="e63b">&#xe63b;</span>
+        <span class="e63c">&#xe63c;</span>
+        <span class="e63d">&#xe63d;</span>
+        <span class="e63e">&#xe63e;</span>
+        <span class="e63f">&#xe63f;</span>
+        <span class="e640">&#xe640;</span>
+        <span class="e641">&#xe641;</span>
+        <span class="e642">&#xe642;</span>
+        <span class="e643">&#xe643;</span>
+        <span class="e644">&#xe644;</span>
+        <span class="e645">&#xe645;</span>
+        <span class="e646">&#xe646;</span>
+        <span class="e647">&#xe647;</span>
+        <span class="e648">&#xe648;</span>
+        <span class="e649">&#xe649;</span>
+        <span class="e64a">&#xe64a;</span>
+        <span class="e64b">&#xe64b;</span>
+      </div>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html b/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html
new file mode 100644
index 00000000..25e714a2
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Layout für Tablets'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Layout TABLET</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Layout TABLET</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('tablet')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/testlab.html b/src/main/webapp/thymeleaf/projects/html-experimente/testlab.html
new file mode 100644
index 00000000..9122f773
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/testlab.html
@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/testlab"
+    th:with="title='Media-Query-Test: BEISPIEL'"
+    >
+  <head>
+    <title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../less/all.less" th:remove="all"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <div layout:fragment="content" th:remove="tag">
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Anzeigetext</h2>
+        <div class="f textarea">
+          <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
+          <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
+          <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Textformatierung</h2>
+        <fieldset class="f radiobutton cf">
+          <legend class="f info">
+            Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
+            Online erscheint die Anzeige als normaler Fließtext.
+          </legend>
+          <hr class="f" />
+          <div class="col2">
+            <div class="f">
+              <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_01">normaler Fließtext</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_02">Text zentriert</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_04">Text fett</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_05">Text fett und rot</label>
+            </div>
+          </div>
+          <div class="col2">
+            <div class="f">
+              <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
+            </div>
+            <div class="f">
+              <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
+              <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Einspaltige Radiobuttons...</h2>
+        <fieldset class="f radiobutton">
+          <div class="f">
+            <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
+          </div>
+          <div class="f">
+            <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b02">Option X</label>
+          </div>
+          <div class="f">
+            <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
+            <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
+          </div>
+        </fieldset>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; zur Übersicht" />
+          <input class="f left" type="submit" value="&lt; zurück" />
+          <input class="f" type="submit" value="&gt; weiter" />
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Bild</h2>
+        <fieldset class="f checkbox">
+          <legend class="f">
+            Du kannst Deiner Anzeige ein Bild hinzufügen.
+            Das Bild erscheint nur online.
+            Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
+          </legend>
+          <hr class="f" />
+          <div class="f">
+            <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+            <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+          </div>
+          <div class="f">
+            <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
+            <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
+          </div>
+        </fieldset>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Alleinstehende Checkbox</h2>
+        <div class="f checkbox">
+          <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+          <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Kundendaten</h2>
+        <p class="f required">
+          <strong class="r">Pflichtfelder</strong> sind mit einem
+          <strong class="r symbol">*</strong> markiert.
+        </p>
+        <div class="f text required">
+          <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
+          <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_02" class="f">Vorname</label>
+          <input class="f" id="text_tbox_02" type="text" value="Max" />
+        </div>
+        <div class="f select required">
+          <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
+          <select class="f" id="text_tbox_03">
+            <option>Dortmund</option>
+            <option>Bochum</option>
+            <option>Essen</option>
+            <option>Mönchengladbach</option>
+            <option>Oberhausen</option>
+            <option>Castrop-Rauxel</option>
+            <option>Düsseldorf</option>
+          </select>
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
+          <input class="f error" id="text_tbox_04" type="text" value="" />
+          <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
+          <input class="f" id="text_tbox_05" type="text" value="" />
+        </div>
+        <div class="f text required">
+          <label for="text_tbox_06" class="f">Telefon</label>
+          <input class="f" id="text_tbox_06" type="text" value="" />
+        </div>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; weiter" />
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Anzeige regionalisieren</h2>
+        <p class="f">
+          Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
+          diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
+          bestimmten Städten suchen.
+          Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
+          diesen Interessenten aber auch nicht gefunden.
+        </p>
+        <hr class="f" />
+        <div class="f text">
+          <label class="f" for="city">Stadt</label>
+          <input id="city" type="text" class="f" />
+          <p class="f info">
+            Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
+          </p>
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
+        <div class="f text required">
+          <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
+          <input class="f" id="text_tbox_05" type="password" value="t" />
+        </div>
+      </form>
+      <form class="testlab form" action="#" method="get">
+        <h2 class="f">Lade das Bild hoch</h2>
+        <p class="f info">
+          Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
+          Das Bild darf nicht größer als 8 MByte sein.
+        </p>
+        <div class="f file required">
+          <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
+          <input class="f" id="file_tbox_01" type="file" />
+        </div>
+        <hr class="f" />
+        <div class="f submit">
+          <input class="f" type="submit" value="&gt; Doch kein Bild" />
+          <input class="f" type="submit" value="&gt; Bild hochladen" />
+        </div>
+      </form>
+      <div class="testlab form">
+        <h2 class="f">Antworten</h2>
+        <p class="f required">
+          <strong class="r">Pflichtfelder</strong> sind mit einem
+          <strong class="r symbol">*</strong> markiert.
+        </p>
+        <div class="f text required">
+          <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
+          <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
+        </div>
+        <div class="f text required">
+          <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
+          <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
+        </div>
+        <div class="f text required">
+          <label class="f" for="subject"><span class="required">*</span> Betreff</label>
+          <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
+        </div>
+        <div class="f textarea required">
+          <label class="f" for="text"><span class="required">*</span> Nachricht</label>
+          <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
+        </div>
+        <div class="f checkbox">
+          <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
+          <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
+        </div>
+        <div class="f checkbox">
+          <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
+          <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
+        </div>
+      </div>
+      <div class="testlab form cf">
+        <div class="col2 left">
+          <h2 class="f">Weiter mit Anmeldung</h2>
+          <div class="f text">
+            <label class="f" for="username">Benutzername</label>
+            <input class="f" name="username" id="username" type="text" tabindex="6" />
+          </div>
+          <div class="f text">
+            <label class="f" for="password">Passwort</label>
+            <input class="f" name="password" id="password" type="password" tabindex="7" />
+          </div>
+        </div>
+        <div class="col2 right">
+          <h2 class="f">Weiter ohne Anmeldung</h2>
+          <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
+          <div class="f captcha cf">
+            <span class="f">Was steht da?</span>
+            <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
+          </div>
+          <div class="f text">
+            <label class="f" for="captcha">Lösung</label>
+            <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/tiny.html b/src/main/webapp/thymeleaf/projects/html-experimente/tiny.html
new file mode 100644
index 00000000..63515b65
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/tiny.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Layout für sehr kleine Bildschirmgrößen'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Layout TINY</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
+    <script src="../../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+      <li class="b"><strong class="b">Layout TINY</strong></li>
+    </ol>
+    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('tiny')">
+      NAVIGATION
+    </nav>
+    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+      MARGINAL-CONTENT
+    </aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/projects/typo.html b/src/main/webapp/thymeleaf/projects/typo.html
new file mode 100644
index 00000000..c511e719
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/typo.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Typography</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+      <li class="b"><strong class="b">Typography</strong></li>
+    </ol>
+    <ul layout:fragment="submenu">
+      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub"><a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
+      <li class="s"><a href="#" class="s">jquery.openx</a></li>
+      <li class="s"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+      <li class="s sub"><a href="#" class="s">accelerator</a></li>
+      <li class="s"><strong class="s">Typography</strong></li>
+    </ul>
+    <article layout:fragment="maincontent">
+      <header><h1>Typography</h1></header>
+      <p>
+        Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
+        sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud
+        <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
+        <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
+        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
+        sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h2>Ein Link <a href="#link">im Titel</a></h2>
+      <p>Ein Link <a href="#link">im Text</a>.</p>
+      <h2>Normal / Italic / Bold / Bold+Italic</h2>
+      <ul>
+        <li>normal</li>
+        <li><em>italic</em></li>
+        <li><strong>bold</strong></li>
+        <li><strong><em>bold italic</em></strong></li>
+      </ul>
+      <p>
+        ÄäÖöÜüß@€¢
+        <strong>ÄäÖöÜüß@€¢</strong>
+        <em>ÄäÖöÜüß@€¢</em>
+        <strong><em>ÄäÖöÜüß@€¢</em></strong>
+      </p>
+      <h1>H1: Heading</h1>
+      <h2>H2: Heading</h2>
+      <h3>H3: Heading</h3>
+      <h4>H4: Heading</h4>
+      <h1>H1: Heading</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h2>H2: Heading</h2>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h3>H3: Heading</h3>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h4>H4: Heading</h4>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+        aliquip ex ea commodo consequat. Duis aute irure dolor in
+        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <h1>Preformatted code</h1>
+      <p>
+        <em>Juplo Branding</em> uses
+        <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
+        syntax highlighting.
+      </p>
+      <pre class="prettyprint linenums"><code class="language-xml">
+&lt;plugin&gt;
+  &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
+  &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
+  &lt;version&gt;${wro4j.version}&lt;/version&gt;
+  &lt;configuration&gt;
+    &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
+    &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
+  &lt;/configuration&gt;
+  &lt;executions&gt;
+    &lt;execution&gt;
+      &lt;phase&gt;package&lt;/phase&gt;
+      &lt;goals&gt;
+        &lt;goal&gt;run&lt;/goal&gt;
+      &lt;/goals&gt;
+    &lt;/execution&gt;
+  &lt;/executions&gt;
+&lt;/plugin&gt;
+</code></pre>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/references.html b/src/main/webapp/thymeleaf/references.html
new file mode 100644
index 00000000..e2e7a408
--- /dev/null
+++ b/src/main/webapp/thymeleaf/references.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>References</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
+      <li class="b"><strong class="b">References</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
+      <ul id="submenu">
+        <li class="s sub off"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
+        <li class="s sub">
+          <strong class="s">References</strong>
+          <ul class="s active">
+            <li class="s sub"><span href="references/coolibri.html" th:href="@{/references/coolibri.html}" class="s">coolibri.de</span></li>
+            <li class="s"><span href="references/hibernate4-maven-plugin.html" th:href="@{/references/hibernate4-maven-plugin.html}" class="s">hibernate4-maven-plugin</span></li>
+            <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+            <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+          </ul>
+        </li>
+        <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+      </ul>
+    </nav>
+    <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/templates/defaults.html b/src/main/webapp/thymeleaf/templates/defaults.html
deleted file mode 100644
index 880af8b8..00000000
--- a/src/main/webapp/thymeleaf/templates/defaults.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
-  <head tiles:fragment="htmlhead">
-    <title th:text="'juplo - ' + ${title}">juplo - STANDARDELEMENTE</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/all.less" th:href="@{/css/base.css}"/>
-    <style type="text/css" th:inline="text">
-      @import '[[@{/css/screen.css}]]' screen;
-      @import '[[@{/css/print.css}]]' print;
-    </style>
-    <script src="../../js/base.js" th:src="@{/js/base.js}"></script>
-    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
-  </head>
-  <body>
-    <h1 id="logo" tiles:fragment="header"><a href="${base}" title="Home" class="l">juplo</a></h1>
-    <article id="content" class="main" tiles:fragment="maincontent">
-      <p>
-        <strong>Lorem ipsum</strong> dolor <a href="#" th:href="@{/projects/typo.html}">sit amet</a>, consectetur adipisicing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-        ad minim veniam, quis nostrud <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a> ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-        culpa qui officia deserunt mollit anim id est laborum.
-      </p>
-      <h2>Duis aute irure dolor</h2>
-      <ul>
-        <li>Operators and other mathematical stuff: -+/*</li>
-        <li>Characters offten used in programming languages: {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~</li>
-        <li>Special german characters: ÄäÖöÜü</li>
-        <li>Other special characters: @?¢§%°</li>
-      </ul>
-      <h2>Excepteur sint occaecat cupidatat</h2>
-      <p>
-        Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-        culpa qui officia deserunt mollit anim id est laborum.
-      </p>
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
-        ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
-        aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-        culpa qui officia deserunt mollit anim id est laborum.
-      </p>
-    </article>
-    <ul id="footerlinks" tiles:fragment="footer">
-      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-      <li class="f"><a class="f" href="#" th:href="@{/impressum.html}">Impressum</a></li>
-      <li class="f about"><a class="f" href="#" th:href="@{/about.html}">About</a></li>
-    </ul>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/templates/fragments.html b/src/main/webapp/thymeleaf/templates/fragments.html
new file mode 100644
index 00000000..28115d70
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/fragments.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.thymeleaf.org">
+  <head>
+    <title>Fragments</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <h1>Explanation fo the german word "Impressum"</h1>
+    <hr />
+    <aside class="m" th:fragment="about">
+      <h1>What the f*#!@ is an <em>Impressum</em> ?!?</h1>
+      The german law enforces the so called <em>Impressum</em> to enable
+      customers to easily find out all juristically relevant informations
+      about the company, that rules a site.
+      <h1>Find out more...</h1>
+      If you just want to learn more about juplo you should better
+      <a href="../about.html" th:href="@{/about.html}" title="Learn more about juplo now">visit our about-pages</a>.
+    </aside>
+    <hr />
+    <h1>Work-in-progress-hint</h1>
+    <hr />
+    <article class="main" layout:fragment="wip(title)">
+      <header><h1 th:text="${title}">PAGE-TITLE</h1></header>
+      <div class="wip" th:fragment="wip">
+        <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
+        <p th:include="templates/layout :: maincontent" th:remove="tag">
+          PAGE-CONTENT
+        </p>
+      </div>
+    </article>
+    <hr />
+    <h1>Marginalspalte</h1>
+    <hr />
+    <div th:fragment="marginalcontent" th:remove="tag">
+      <aside class="m">
+        <h1>Other nasty but marginal stuff</h1>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+          ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </aside>
+      <aside class="m">
+        <h1>More nasty stuff</h1>
+        <p>
+          This one is really short!
+        </p>
+      </aside>
+    </div>
+    <hr />
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/templates/html5page.html b/src/main/webapp/thymeleaf/templates/html5page.html
deleted file mode 100644
index c52d5ffa..00000000
--- a/src/main/webapp/thymeleaf/templates/html5page.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:tiles="http://www.thymeleaf.org">
-  <head tiles:replace="htmlhead">
-    <title>juplo - BASISTEMPLATE</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/all.less"/>
-    <script src="../../js/less-1.5.1.js"></script>
-  </head>
-  <body id="top" th:class="contentclass" onload="prettyPrint()">
-    <div id="page" class="cf">
-      <header id="header">
-        <h1 id="logo" tiles:include="header"><a href="#" title="Home" class="l">juplo</a></h1>
-        <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
-        <hr class="h" />
-      </header>
-      <div id="breadcrumb">
-        <strong class="b title">You are here:</strong>
-        <ol class="b" tiles:include="breadcrumb">
-          <li class="b"><a class="b" href="#">Home</a></li>
-          <li class="b"><a class="b" href="#">Projects</a></li>
-          <li class="b"><a class="b" href="#">Fix SWF</a></li>
-          <li class="b"><strong class="b">Overview</strong></li>
-        </ol>
-        <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
-        <hr class="b" />
-      </div>
-      <main class="content cf">
-        <article id="content" class="main" tiles:replace="maincontent">
-          <header><h1>Überschrift</h1></header>
-          <p>
-            <strong>Lorem ipsum</strong> dolor <a href="#">sit amet</a>, consectetur adipisicing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud <a href="#">exercitation</a> ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </article>
-        <div class="marginal">
-          <nav id="nav">
-            <hr class="n"/>
-            <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
-            <!--/*-->
-            <h1 class="nav">Navigation</h1>
-            <h2 class="nav menu">Section-Menu</h2>
-            <ul id="menu" class="cf">
-              <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-              <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-              <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-            </ul>
-            <h2 class="nav submenu">
-              <span class="s">Submenu for section</span>
-              <a class="s selected" href="${base}projects.html">Projects</a>
-            </h2>
-            <ul id="submenu" class="s">
-              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-              <li class="s sub">
-                <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
-                <ul class="s active">
-                  <li class="s"><strong class="s">Overview</strong></li>
-                  <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-                  <li class="s"><a href="#" class="s">FAQ</a></li>
-                  <li class="s"><a href="#" class="s">Documentation</a></li>
-                </ul>
-              </li>
-              <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-              <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-              <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-              <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-            </ul>
-            <!--*/-->
-            <div tiles:include="navigation" th:remove="tag"></div>
-            <hr class="n"/>
-          </nav>
-          <aside class="m" tiles:replace="marginalcontent">
-            <div class="widget widget_recent_entries">
-              <h2 class="widgettitle">Recent Posts</h2>
-              <ul>
-                <li>
-                  <a href="#" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
-                </li>
-                <li>
-                  <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
-                </li>
-                <li>
-                  <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
-                </li>
-                <li>
-                  <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
-                </li>
-                <li>
-                  <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
-                </li>
-                <li>
-                  <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
-                </li>
-                <li>
-                  <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
-                </li>
-                <li>
-                  <a href="#" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
-                </li>
-              </ul>
-            </div>
-          </aside>
-        </div>
-      </main>
-      <footer id="footer">
-        <hr class="f" />
-        <ul id="footerlinks" tiles:include="footer">
-          <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-          <li class="f"><a class="f" href="#">Impressum</a></li>
-          <li class="f about"><a class="f" href="#">About</a></li>
-        </ul>
-      </footer>
-    </div>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/templates/layout.html b/src/main/webapp/thymeleaf/templates/layout.html
new file mode 100644
index 00000000..fe4010b7
--- /dev/null
+++ b/src/main/webapp/thymeleaf/templates/layout.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:th="http://www.thymeleaf.org"
+    xmlns:layout="http://www.thymeleaf.org"
+    >
+  <head th:fragment="head" layout:fragment="head">
+    <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/all.less" th:href="@{/css/base.css}"/>
+    <style type="text/css" th:inline="text">
+      @import '[[@{/css/screen.css}]]' screen;
+      @import '[[@{/css/print.css}]]' print;
+    </style>
+    <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body id="top" th:class="${contentclass}?:'menu'" onload="prettyPrint()">
+    <div id="page" class="cf">
+      <header id="header">
+        <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
+        <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+        <hr class="h" />
+      </header>
+      <div id="breadcrumb">
+        <strong class="b title">You are here:</strong>
+        <ol class="b" layout:fragment="breadcrumb">
+          <!--/*-->
+          <li class="b"><a class="b" href="#">Home</a></li>
+          <li class="b"><a class="b" href="#">Projects</a></li>
+          <li class="b"><a class="b" href="#">Fix SWF</a></li>
+          <!--*/-->
+          <li class="b"><strong class="b">BREADCRUMB</strong></li>
+        </ol>
+        <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
+        <hr class="b" />
+      </div>
+      <main class="content cf">
+        <article id="content" class="main" layout:fragment="maincontent" th:class="'main'">
+          <header><h1 th:text="${title}">juplo - BASISTEMPLATE</h1></header>
+          <div th:fragment="maincontent">
+            <p>
+              <strong>Lorem ipsum</strong> dolor
+              <a href="../projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
+              consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+              <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a>
+              ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+              irure dolor in reprehenderit in voluptate velit esse cillum dolore
+              eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+              proident, sunt in culpa qui officia deserunt mollit anim id est
+              laborum.
+            </p>
+            <h2>Duis aute irure dolor</h2>
+            <ul>
+              <li>Operators and other mathematical stuff: -+/*</li>
+              <li>
+                Characters offten used in programming languages:
+                {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~
+              </li>
+              <li>Special german characters: ÄäÖöÜü</li>
+              <li>Other special characters: @?¢§%°</li>
+            </ul>
+            <h2>Excepteur sint occaecat cupidatat</h2>
+            <p>
+              Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
+              sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+              pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+              culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+              <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
+              ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
+              Duis aute irure dolor in reprehenderit in voluptate velit esse
+              cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          </div>
+        </article>
+        <div class="marginal">
+          <nav id="nav" layout:fragment="navigation">
+            <hr class="n"/>
+            <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+            <h1 class="nav">Navigation</h1>
+            <h2 class="nav menu">Section-Menu</h2>
+            <ul id="menu" class="cf">
+              <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+              <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+              <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+            </ul>
+            <h2 class="nav submenu">
+              <span class="s">Submenu for section</span>
+              <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
+            </h2>
+            <ul id="submenu" class="s" layout:fragment="submenu">
+              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+              <li class="s sub">
+                <a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
+                <ul class="s active">
+                  <li class="s"><strong class="s">Overview</strong></li>
+                  <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
+                  <li class="s"><a href="#" class="s">FAQ</a></li>
+                  <li class="s"><a href="#" class="s">Documentation</a></li>
+                </ul>
+              </li>
+              <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+              <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+              <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+              <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+            </ul>
+            <hr class="n"/>
+          </nav>
+          <aside class="m" layout:fragment="marginalcontent" th:remove="tag">
+          <!--/* the following  is only visible during natural templating -->
+            <h1>Other nasty but marginal stuff</h1>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+              ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+              aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+              pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+              culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+          </aside>
+          <aside class="m">
+            <h1>More nasty stuff</h1>
+            <p>
+              This one is really short!
+            </p>
+          <!--*/-->
+          </aside>
+        </div>
+      </main>
+      <footer id="footer">
+        <hr class="f" />
+        <ul id="footerlinks" layout:fragment="footer">
+          <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+          <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
+          <li class="f about"><a class="f" href="../about.html" th:href="@{/about.html}">About</a></li>
+        </ul>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/src/main/webapp/WEB-INF/templates/testlab.jsp b/src/main/webapp/thymeleaf/templates/testlab.html
similarity index 74%
rename from src/main/webapp/WEB-INF/templates/testlab.jsp
rename to src/main/webapp/thymeleaf/templates/testlab.html
index 8f3df403..c382c607 100644
--- a/src/main/webapp/WEB-INF/templates/testlab.jsp
+++ b/src/main/webapp/thymeleaf/templates/testlab.html
@@ -1,13 +1,11 @@
 <!DOCTYPE html>
-<%@page contentType="text/html;charset=UTF-8"%>
-<%@page pageEncoding="UTF-8"%>
-<%@page session="false" %>
-<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:th="http://www.thymeleaf.org"
+    xmlns:layout="http://www.thymeleaf.org"
+    >
   <head>
-    <title>juplo - <t:getAsString name="title"/></title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <t:insertAttribute name="htmlhead"/>
+    <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
     <style type="text/css">
 
       body {
@@ -58,14 +56,12 @@
     </style>
   </head>
   <body>
-    <h1><t:getAsString name="title"/></h1>
+    <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
     <div class="testlab tl970">970px
       <div class="testlab tl670">670px
         <div class="testlab tl480">480px
           <div class="testlab tl320">320px
-
-            <t:insertAttribute name="content"/>
-
+            <strong layout:fragment="content">CONTENT</strong>
           </div>
         </div>
       </div>
diff --git a/src/main/webapp/thymeleaf/urheberrechte.html b/src/main/webapp/thymeleaf/urheberrechte.html
new file mode 100644
index 00000000..e01b4e2a
--- /dev/null
+++ b/src/main/webapp/thymeleaf/urheberrechte.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>Urheberrecht</title>
+    <link rel="stylesheet/less" type="text/css" href="../../less/all.less" th:remove="all"/>
+    <script src="../../js/less-1.5.1.js" th:remove="all"></script>
+  </head>
+  <body>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+      <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+      <li class="b"><strong class="b">Urheberrechte</strong></li>
+    </ol>
+    <nav layout:fragment="navigation">
+      <hr class="n"/>
+      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="s active cf">
+        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+      <ul id="submenu">
+        <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+        <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+        <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+        <li class="s"><strong class="s">Urheberrechte</strong></li>
+        <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+        <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+      </ul>
+    </nav>
+    <article class="main" layout:fragment="maincontent">
+      <header><h1 layout:fragment="title">Urheberrechte</h1></header>
+      <p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
+      <p><em>Quelle: <a href="http://www.flegl-rechtsanwaelte.de/rechtstipps/muster-impressum-gewerbliche-homepage">www.flegl-rechtsanwaelte.de</a></em></p>
+    </article>
+    <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+  </body>
+</html>
diff --git a/src/main/webapp/thymeleaf/views/index.html b/src/main/webapp/thymeleaf/views/index.html
deleted file mode 100644
index cd366101..00000000
--- a/src/main/webapp/thymeleaf/views/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
-  <head>
-    <title tiles:fragment="title">Index</title>
-  </head>
-  <body>
-    <div tiles:fragment="header"><a href="#" title="Home" class="l">juplo</a></div>
-    <ul tiles:fragment="breadcrumb">
-      <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-      <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-      <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
-      <li class="b"><strong class="b">Overview</strong></li>
-    </ul>
-    <div tiles:fragment="navigation">
-      <h1 class="nav">Navigation</h1>
-      <h2 class="nav menu">Section-Menu</h2>
-      <ul id="menu" class="cf">
-        <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-        <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-        <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-      </ul>
-      <h2 class="nav submenu">
-        <span class="s">Submenu for section</span>
-        <a class="s selected" href="${base}projects.html">Projects</a>
-      </h2>
-      <ul id="submenu" class="s">
-        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-        <li class="s sub">
-          <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
-          <ul class="s active">
-            <li class="s"><strong class="s">Overview</strong></li>
-            <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-            <li class="s"><a href="#" class="s">FAQ</a></li>
-            <li class="s"><a href="#" class="s">Documentation</a></li>
-          </ul>
-        </li>
-        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-        <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-        <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-      </ul>
-    </div>
-    <main id="content" class="main" tiles:fragment="maincontent">
-      <p>Inhalt der Index-Seite...</p>
-    </main>
-    <ul tiles:fragment="footer">
-      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-      <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
-      <li class="f about"><a class="f" href="${base}about.html">About</a></li>
-    </ul>
-  </body>
-</html>
diff --git a/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html b/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html
deleted file mode 100644
index cd366101..00000000
--- a/src/main/webapp/thymeleaf/views/projects/fix-swf/overview.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
-  <head>
-    <title tiles:fragment="title">Index</title>
-  </head>
-  <body>
-    <div tiles:fragment="header"><a href="#" title="Home" class="l">juplo</a></div>
-    <ul tiles:fragment="breadcrumb">
-      <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-      <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-      <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
-      <li class="b"><strong class="b">Overview</strong></li>
-    </ul>
-    <div tiles:fragment="navigation">
-      <h1 class="nav">Navigation</h1>
-      <h2 class="nav menu">Section-Menu</h2>
-      <ul id="menu" class="cf">
-        <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-        <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-        <li class="m about"><a href="${base}about.html" class="m">About</a></li>
-      </ul>
-      <h2 class="nav submenu">
-        <span class="s">Submenu for section</span>
-        <a class="s selected" href="${base}projects.html">Projects</a>
-      </h2>
-      <ul id="submenu" class="s">
-        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-        <li class="s sub">
-          <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
-          <ul class="s active">
-            <li class="s"><strong class="s">Overview</strong></li>
-            <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-            <li class="s"><a href="#" class="s">FAQ</a></li>
-            <li class="s"><a href="#" class="s">Documentation</a></li>
-          </ul>
-        </li>
-        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-        <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
-        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-        <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-      </ul>
-    </div>
-    <main id="content" class="main" tiles:fragment="maincontent">
-      <p>Inhalt der Index-Seite...</p>
-    </main>
-    <ul tiles:fragment="footer">
-      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-      <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
-      <li class="f about"><a class="f" href="${base}about.html">About</a></li>
-    </ul>
-  </body>
-</html>
-- 
2.20.1