diff --git a/example/templates/index.html b/example/templates/index.html
index 85aded1..ce536da 100644
--- a/example/templates/index.html
+++ b/example/templates/index.html
@@ -3,7 +3,7 @@
     <body style="margin: 0; padding: 2;">
         {{> header.html }}
 
-        <div style="padding: 20px;">
+        <div style="padding: 20px; background-color: white;">
             {{{ Body }}}
         </div>
 
diff --git a/example/templates/mitBild.html b/example/templates/mitBild.html
index d123c96..efd85a5 100644
--- a/example/templates/mitBild.html
+++ b/example/templates/mitBild.html
@@ -3,13 +3,14 @@
     <body style="margin: 0; padding: 2;">
         {{> header.html }}
 
-        <div style="padding: 20px;">
+        <div style="padding: 20px; background-color: white;">
 
             {{#if Data.bild }}
                 <img src="{{ Data.bild }}" style="float: right; margin-left: 20px; margin-bottom: 20px">
             {{/if}}
 
             {{{ Body }}}
+            <div style="clear: both;"></div>
 
         </div>
 
diff --git a/example/templates/partials/footer.html b/example/templates/partials/footer.html
index bf137af..7bdcaf0 100644
--- a/example/templates/partials/footer.html
+++ b/example/templates/partials/footer.html
@@ -1,4 +1,4 @@
-        <footer style="background-color: lightgrey; padding: 20px;">
+        <footer style="padding: 20px;">
             <div><b>service Level 1</b></div>
             <ul>
                 {{#each NavMap.de.SubMap.service.SubSlice }}
diff --git a/example/templates/partials/header.html b/example/templates/partials/header.html
index 1743699..cd44db7 100644
--- a/example/templates/partials/header.html
+++ b/example/templates/partials/header.html
@@ -1,17 +1,19 @@
-        <header style="background-color: lightgrey; padding: 20px;">
-            <div><img src="../assets/img/logo.png" style="max-width: 80%; margin-bottom: 20px;"></div>
+        <header>
+            <div style="background-color:#444; padding: 20px;"><img src="../assets/img/logo.png" style="max-width: 60%;"></div>
+            <div style="padding: 20px;">
             <div><b>main Level 1</b></div>
-            <ul>
-                {{#each NavMap.de.SubMap.main.SubSlice }}
-                <li><a href="{{ GoTo }}">{{ Navname }}</a>
-                    {{#if SubSlice }}
-                    <ul>
-                        {{#each SubSlice }}
-                        <li><a href="{{ GoTo }}">{{ Navname }}</a></li>
-                        {{/each }}
-                    </ul
-                    {{/if }}
-                </li>
-                {{/each }}
-            </ul>
+                <ul>
+                    {{#each NavMap.de.SubMap.main.SubSlice }}
+                    <li><a href="{{ GoTo }}">{{ Navname }}</a>
+                        {{#if SubSlice }}
+                        <ul>
+                            {{#each SubSlice }}
+                            <li><a href="{{ GoTo }}">{{ Navname }}</a></li>
+                            {{/each }}
+                        </ul
+                        {{/if }}
+                    </li>
+                    {{/each }}
+                </ul>
+            </div>
         </header>
diff --git a/example/templates/partials/meta.html b/example/templates/partials/meta.html
index a601114..fede0b8 100644
--- a/example/templates/partials/meta.html
+++ b/example/templates/partials/meta.html
@@ -8,6 +8,7 @@
             }
             body {
                 color: #333;
+                background-color: lightgrey;
             }
         </style>
     </meta>
