css in assets

example/templates/partials/footer.html

@@ -1,4 +1,4 @@
-        <footer style="padding: 20px;">
+        <footer>
             <div><b>service Level 1</b></div>
             <ul>
                 {{#each NavMap.de.SubMap.service.SubSlice }}

example/templates/partials/header.html

@@ -1,7 +1,7 @@
         <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>
+            <div id="logoDiv"><img src="../assets/img/logo.png"></div>
+            <div id="mainNavDiv">
+                <div><b>main Level 1</b></div>
                 <ul>
                     {{#each NavMap.de.SubMap.main.SubSlice }}
                     <li><a href="{{ GoTo }}">{{ Navname }}</a>

example/templates/partials/meta.html

@@ -2,13 +2,5 @@
         <title>{{ Meta.Title }}</title>
         <meta name="description" content="{{ Meta.Description }}" />
         <meta name="keywords" content="{{ Meta.Keywords }}" />
-        <style>
-            a {
-                color: black;
-            }
-            body {
-                color: #333;
-                background-color: lightgrey;
-            }
-        </style>
+        <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
     </meta>