diff --git a/examples/example1.js b/examples/example1.js
index c2261cc..e259a2a 100644
--- a/examples/example1.js
+++ b/examples/example1.js
@@ -22,9 +22,28 @@ let fs = require("fs");
 //   // res.send("File Not found");
 // });
 
+let folders = {
+  jsste: "pages",
+  css: "styles",
+};
+
+function getFolderFromFileEnding(filename) {
+  let regex_isAnDotfile = /\w+\.[a-z]*[A-Z]*/;
+  if (regex_isAnDotfile.test(filename)) {
+    let ending = filename.split(".").pop();
+    return folders[ending];
+  }
+  return folders.jsste;
+}
+
 function defaultUse(req, res, next) {
   let regex_isAnDotfile = /\w+\.[a-z]*[A-Z]*/;
-  let filePath = path.join(__dirname, "pages", req.url);
+
+  let filePath = path.join(
+    __dirname,
+    getFolderFromFileEnding(req.url),
+    req.url
+  );
 
   if (regex_isAnDotfile.test(req.url) && !filePath.endsWith(".jsste")) {
     res.sendFile(filePath);
diff --git a/examples/pages/base.jsste b/examples/pages/base.jsste
deleted file mode 100644
index 8119b97..0000000
--- a/examples/pages/base.jsste
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "_STYLES_":["./style"],
-    "js$Date": "return Date.now() + ' is the TimeStemp';"
-}
\ No newline at end of file
diff --git a/examples/pages/data2.jsste b/examples/pages/data2.jsste
index a7a57ef..f20fe39 100644
--- a/examples/pages/data2.jsste
+++ b/examples/pages/data2.jsste
@@ -1,5 +1,5 @@
 {
-    "_IMPORTS_":["data.jsste","base.jsste"],
+    "_IMPORTS_":["data.jsste","lib/base.jsste"],
     "a":"h1 - test",
     "c":"p - test"
 }
\ No newline at end of file
diff --git a/examples/pages/lib/base.jsste b/examples/pages/lib/base.jsste
new file mode 100644
index 0000000..632ff44
--- /dev/null
+++ b/examples/pages/lib/base.jsste
@@ -0,0 +1,6 @@
+{
+    "_STYLES_":["base"],
+    "js$Date": "return Date.now() + ' is the TimeStemp';",
+"js$uxTime":"Date.Now();",
+"js$TimeStemp":"const heute = new Date(); return heute"
+}
\ No newline at end of file
diff --git a/examples/pages/page2.jsste b/examples/pages/page2.jsste
index 41dc09e..0d9c0ab 100644
--- a/examples/pages/page2.jsste
+++ b/examples/pages/page2.jsste
@@ -1,5 +1,5 @@
 {
-    "_STYLES_":["./style"],
+    "_STYLES_":["base"],
     "_TEMPLATE_":"page1",
     "_TITLE_":"Page2.2",
     "root":"root",
diff --git a/examples/pages/page3/index.jsste b/examples/pages/page3/index.jsste
new file mode 100644
index 0000000..167f9df
--- /dev/null
+++ b/examples/pages/page3/index.jsste
@@ -0,0 +1,5 @@
+{
+    "_TEMPLATE_":"page3",
+    "Title":"Page3",
+    "_IMPORTS_":["lib/base.jsste","./mybase.jsste"]
+}
\ No newline at end of file
diff --git a/examples/pages/page3/mybase.jsste b/examples/pages/page3/mybase.jsste
new file mode 100644
index 0000000..2a92ef5
--- /dev/null
+++ b/examples/pages/page3/mybase.jsste
@@ -0,0 +1,3 @@
+{
+    "js$Date": "return Date.now();"
+}
\ No newline at end of file
diff --git a/examples/pages/test/a.jsste b/examples/pages/test/a.jsste
new file mode 100644
index 0000000..2abc634
--- /dev/null
+++ b/examples/pages/test/a.jsste
@@ -0,0 +1,4 @@
+{
+    "a":"Ameise",
+    "_IMPORTS_":["./c.jsste","./b.jsste"]
+}
\ No newline at end of file
diff --git a/examples/pages/test/b.jsste b/examples/pages/test/b.jsste
new file mode 100644
index 0000000..fcdf6a1
--- /dev/null
+++ b/examples/pages/test/b.jsste
@@ -0,0 +1,4 @@
+{
+    "b":"braunbär",
+    "_IMPORTS_":["./d.jsste","./e.jsste"]
+}
\ No newline at end of file
diff --git a/examples/pages/test/c.jsste b/examples/pages/test/c.jsste
new file mode 100644
index 0000000..ceb60a8
--- /dev/null
+++ b/examples/pages/test/c.jsste
@@ -0,0 +1,4 @@
+{
+    "c":"cobra",
+    "_IMPORTS_":["./f.jsste","./g.jsste"]
+}
\ No newline at end of file
diff --git a/examples/pages/test/d.jsste b/examples/pages/test/d.jsste
new file mode 100644
index 0000000..dd49c7a
--- /dev/null
+++ b/examples/pages/test/d.jsste
@@ -0,0 +1,3 @@
+{
+    "d":"delfin"
+}
\ No newline at end of file
diff --git a/examples/pages/test/e.jsste b/examples/pages/test/e.jsste
new file mode 100644
index 0000000..18c89fa
--- /dev/null
+++ b/examples/pages/test/e.jsste
@@ -0,0 +1,3 @@
+{
+    "e":"esel"
+}
\ No newline at end of file
diff --git a/examples/pages/test/f.jsste b/examples/pages/test/f.jsste
new file mode 100644
index 0000000..bd1da9f
--- /dev/null
+++ b/examples/pages/test/f.jsste
@@ -0,0 +1,3 @@
+{
+    "f":"fau"
+}
\ No newline at end of file
diff --git a/examples/pages/test/g.jsste b/examples/pages/test/g.jsste
new file mode 100644
index 0000000..5346395
--- /dev/null
+++ b/examples/pages/test/g.jsste
@@ -0,0 +1,3 @@
+{
+    "g":"giraffe"
+}
\ No newline at end of file
diff --git a/examples/pages/test/index.jsste b/examples/pages/test/index.jsste
new file mode 100644
index 0000000..352f6ff
--- /dev/null
+++ b/examples/pages/test/index.jsste
@@ -0,0 +1,4 @@
+{
+"_TEMPLATE_": "example",
+"_IMPORTS_":["./a.jsste","lib/base.jsste"]
+}
\ No newline at end of file
diff --git a/examples/pages/style.css b/examples/styles/base.css
similarity index 100%
rename from examples/pages/style.css
rename to examples/styles/base.css
diff --git a/examples/templates/example.tjsste b/examples/templates/example.tjsste
new file mode 100644
index 0000000..bb2e09a
--- /dev/null
+++ b/examples/templates/example.tjsste
@@ -0,0 +1,36 @@
+<html>
+  <head>
+    <title>Template Example</title>
+  </head>
+  <body>
+    <ul>
+              <li>
+        <p>timestemp: <[js$Date]></p>
+      </li>
+          <li>
+        <p>path: <[_SELFPATH_]></p>
+      </li>
+      <li>
+        <p>a: <[a]></p>
+      </li>
+      <li>
+        <p>b: <[b]></p>
+      </li>
+      <li>
+        <p>c: <[c]></p>
+      </li>
+      <li>
+        <p>d: <[d]></p>
+      </li>
+      <li>
+        <p>e: <[e]></p>
+      </li>
+      <li>
+        <p>f: <[f]></p>
+      </li>
+      <li>
+        <p>g: <[g]></p>
+      </li>
+    </ul>
+  </body>
+</html>
diff --git a/examples/templates/page1.tjsste b/examples/templates/page1.tjsste
index 93c2341..a58dd5b 100644
--- a/examples/templates/page1.tjsste
+++ b/examples/templates/page1.tjsste
@@ -11,6 +11,7 @@
     <p><[c]></p>
      <p><[b]></p>
      <p><[js$Date]></p>
+     <p><[js$TimeStemp]></p>
      <p> root: <[root]></p>
      <p><[Base_Date]></p>
      <script>
diff --git a/examples/templates/page3.tjsste b/examples/templates/page3.tjsste
new file mode 100644
index 0000000..b6ecc56
--- /dev/null
+++ b/examples/templates/page3.tjsste
@@ -0,0 +1,9 @@
+
+<html>
+  <head>
+    <title><[Title]></title>
+  </head>
+  <body>
+   <[js$Date]>
+  </body>
+</html>
diff --git a/src/engine.js b/src/engine.js
index d923137..23dd5aa 100644
--- a/src/engine.js
+++ b/src/engine.js
@@ -37,10 +37,14 @@ app.render = function (pagecode, templatecode) {
 
   //TODO
   if (!templatecode) {
-    templatecode = fs.readFileSync(
-      path.join(app.config.templatePath, pagecode["_TEMPLATE_"] + ".tjsste"),
-      "utf-8"
-    );
+    try {
+      templatecode = fs.readFileSync(
+        path.join(app.config.templatePath, pagecode["_TEMPLATE_"] + ".tjsste"),
+        "utf-8"
+      );
+    } catch (error) {
+      return 404;
+    }
   }
 
   let DissolveImports = function (_pagecode, imports) {
@@ -48,10 +52,17 @@ app.render = function (pagecode, templatecode) {
 
     let recursive = function (importNames) {
       importNames.forEach(function (importName) {
+        let importCodeString = "";
         let importPath = importName.startsWith(".")
-          ? path.join(importName)
+          ? path.join(_pagecode["_SELFPATH_"].toString(), importName.toString())
           : path.join(app.config.pagePath, importName);
-        let importCodeString = fs.readFileSync(importPath, "utf-8");
+        console.log(importPath);
+        console.log(_pagecode);
+        try {
+          importCodeString = fs.readFileSync(importPath, "utf-8");
+        } catch (error) {
+          return "Ups... Import File Failed";
+        }
 
         let importCode = JSON.parse(importCodeString);
         if (importCode["_IMPORTS_"] !== undefined) {
@@ -63,22 +74,22 @@ app.render = function (pagecode, templatecode) {
 
     recursive(imports);
 
-    console.log(ImportSet);
+    //console.log(ImportSet);
 
     let currentPagecode = _pagecode;
 
     ImportSet.forEach(function (importPath) {
+      console.log(importPath);
       let importCodeString = fs.readFileSync(importPath, "utf-8");
       let importCode = JSON.parse(importCodeString);
       currentPagecode = jsonmerger.mergeJson(currentPagecode, importCode);
     });
-
     pagecode = currentPagecode;
   };
 
   //TODO Killed Root Import
   app.CONST(pagecode, "_IMPORTS_", DissolveImports);
-  console.log(pagecode);
+  //console.log(pagecode);
   app.CONST(pagecode, "_STYLES_", (pagecode, value) => {
     let rex = /<head>(.|\n|\t|\r)*?<\/head>/;
     let header = templatecode.match(rex);
@@ -104,7 +115,17 @@ app.render = function (pagecode, templatecode) {
     value = pagecode[i].toString();
     templatecode = replaceAll(templatecode, "<[" + i + "]>", value);
   }
-  return templatecode.replace(new RegExp(/<\[([A-Z]*|[a-z]*)\w*\]>/g), "");
+  templatecode = templatecode.replace(
+    new RegExp(/<\[([A-Z]*|[a-z]*)\w*\]>/g),
+    ""
+  );
+
+  templatecode = templatecode.replace(
+    new RegExp(/<\[([A-Z]*|[a-z]*)\$([A-Z]*|[a-z]*)\w*\]>/g),
+    ""
+  );
+
+  return templatecode;
 };
 
 module.exports = app;
diff --git a/src/index.js b/src/index.js
index ae3a162..8b56ace 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,6 +8,8 @@ app.render = engine.render;
 app.CONST = engine.CONST;
 app.renderFile = (filePath) => {
   let file = fs.readFileSync(filePath, "utf8");
+  file = JSON.parse(file);
+  file["_SELFPATH_"] = path.dirname(filePath);
   return engine.render(file);
 };
 // engine.config = app.config;
@@ -15,34 +17,34 @@ app.__config = require("./config");
 app.config = app.__config.getConfig();
 engine.config = app.config;
 
-// app.expressEngine = (
-//   config = {
-//     templatePath: "templates",
-//     pagePath: "pages",
-//   }
-// ) => {
-//   config = mergeJson.mergeJson(app.config, config);
-//   let hasrendered = false;
-//   return (filePath, options, callback) => {
-//     if (!hasrendered) {
-//       app.config.templatePath = path.join(
-//         options.settings.views,
-//         config.templatePath
-//       );
-//       app.config.pagePath = path.join(options.settings.views, config.pagePath);
-//       hasrendered = true;
-//     }
-//     // define the template engine
-//     fs.readFile(filePath, function (err, content) {
-//       content = content.toString();
-//       // content = mergeJson.mergeJson(JSON.parse(content), options);
+app.expressEngine = (
+  config = {
+    templatePath: "templates",
+    pagePath: "pages",
+  }
+) => {
+  config = mergeJson.mergeJson(app.config, config);
+  let hasrendered = false;
+  return (filePath, options, callback) => {
+    if (!hasrendered) {
+      app.config.templatePath = path.join(
+        options.settings.views,
+        config.templatePath
+      );
+      app.config.pagePath = path.join(options.settings.views, config.pagePath);
+      hasrendered = true;
+    }
+    // define the template engine
+    fs.readFile(filePath, function (err, content) {
+      content = content.toString();
+      // content = mergeJson.mergeJson(JSON.parse(content), options);
 
-//       if (err) return callback(new Error(err));
-//       // this is an extremely simple template engine
-//       var rendered = app.render(content);
-//       return callback(null, rendered);
-//     });
-//   };
-// };
+      if (err) return callback(new Error(err));
+      // this is an extremely simple template engine
+      var rendered = app.render(content);
+      return callback(null, rendered);
+    });
+  };
+};
 
 module.exports = app;