First commit

cms/templates/cmsimple_default/smoothscroll.js

@@ -0,0 +1,146 @@
+/* Smooth scrolling
+   Changes links that link to other parts of this page to scroll
+   smoothly to those links rather than jump to them directly, which
+   can be a little disorienting.
+   
+   sil, http://www.kryogenix.org/
+   
+   v1.0 2003-11-11
+   v1.1 2005-06-16 wrap it up in an object
+*/
+
+
+var ss = {
+  fixAllLinks: function() {
+    // Get a list of all links in the page
+    var allLinks = document.getElementsByTagName('a');
+    // Walk through the list
+    for (var i=0;i<allLinks.length;i++) {
+      var lnk = allLinks[i];
+      if ((lnk.href && lnk.href.indexOf('#') != -1) && 
+          ( (lnk.pathname == location.pathname) ||
+	    ('/'+lnk.pathname == location.pathname) ) && 
+          (lnk.search == location.search)) {
+        // If the link is internal to the page (begins in #)
+        // then attach the smoothScroll function as an onclick
+        // event handler
+        ss.addEvent(lnk,'click',ss.smoothScroll);
+      }
+    }
+  },
+
+  smoothScroll: function(e) {
+    // This is an event handler; get the clicked on element,
+    // in a cross-browser fashion
+    if (window.event) {
+      target = window.event.srcElement;
+    } else if (e) {
+      target = e.target;
+    } else return;
+
+    // Make sure that the target is an element, not a text node
+    // within an element
+    if (target.nodeName.toLowerCase() != 'a') {
+      target = target.parentNode;
+    }
+  
+    // Paranoia; check this is an A tag
+    if (target.nodeName.toLowerCase() != 'a') return;
+  
+    // Find the <a name> tag corresponding to this href
+    // First strip off the hash (first character)
+    anchor = target.hash.substr(1);
+    // Now loop all A tags until we find one with that name
+    var allLinks = document.getElementsByTagName('a');
+    var destinationLink = null;
+    for (var i=0;i<allLinks.length;i++) {
+      var lnk = allLinks[i];
+      if (lnk.name && (lnk.name == anchor)) {
+        destinationLink = lnk;
+        break;
+      }
+    }
+    if (!destinationLink) destinationLink = document.getElementById(anchor);
+
+    // If we didn't find a destination, give up and let the browser do
+    // its thing
+    if (!destinationLink) return true;
+  
+    // Find the destination's position
+    var destx = destinationLink.offsetLeft; 
+    var desty = destinationLink.offsetTop;
+    var thisNode = destinationLink;
+    while (thisNode.offsetParent && 
+          (thisNode.offsetParent != document.body)) {
+      thisNode = thisNode.offsetParent;
+      destx += thisNode.offsetLeft;
+      desty += thisNode.offsetTop;
+    }
+  
+    // Stop any current scrolling
+    clearInterval(ss.INTERVAL);
+  
+    cypos = ss.getCurrentYPos();
+  
+    ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
+    ss.INTERVAL =
+setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',2);
+  
+    // And stop the actual click happening
+    if (window.event) {
+      window.event.cancelBubble = true;
+      window.event.returnValue = false;
+    }
+    if (e && e.preventDefault && e.stopPropagation) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  },
+
+  scrollWindow: function(scramount,dest,anchor) {
+    wascypos = ss.getCurrentYPos();
+    isAbove = (wascypos < dest);
+    window.scrollTo(0,wascypos + scramount);
+    iscypos = ss.getCurrentYPos();
+    isAboveNow = (iscypos < dest);
+    if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
+      // if we've just scrolled past the destination, or
+      // we haven't moved from the last scroll (i.e., we're at the
+      // bottom of the page) then scroll exactly to the link
+      window.scrollTo(0,dest);
+      // cancel the repeating timer
+      clearInterval(ss.INTERVAL);
+      // and jump to the link directly so the URL's right
+      location.hash = anchor;
+    }
+  },
+
+  getCurrentYPos: function() {
+    if (document.body && document.body.scrollTop)
+      return document.body.scrollTop;
+    if (document.documentElement && document.documentElement.scrollTop)
+      return document.documentElement.scrollTop;
+    if (window.pageYOffset)
+      return window.pageYOffset;
+    return 0;
+  },
+
+  addEvent: function(elm, evType, fn, useCapture) {
+    // addEvent and removeEvent
+    // cross-browser event handling for IE5+,  NS6 and Mozilla
+    // By Scott Andrew
+    if (elm.addEventListener){
+      elm.addEventListener(evType, fn, useCapture);
+      return true;
+    } else if (elm.attachEvent){
+      var r = elm.attachEvent("on"+evType, fn);
+      return r;
+    } else {
+      alert("Handler could not be removed");
+    }
+  } 
+}
+
+ss.STEPS = 50;
+
+ss.addEvent(window,"load",ss.fixAllLinks);

cms/templates/cmsimple_default/stylesheet.css

@@ -0,0 +1,336 @@
+/* This is the default template of CMSimple */
+
+/* RESET BROWSERSTYLE */
+body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}
+
+/* GLOBAL */
+h1 {font-family: georgia, serif; color: #30393c; font-size: 28px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+h2 {font-family: georgia, serif; color: #30393c; font-size: 26px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+h3 {font-family: georgia, serif; color: #30393c; font-size: 24px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+h4 {font-family: georgia, serif; color: #30393c; font-size: 22px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+h5 {font-family: georgia, serif; color: #30393c; font-size: 20px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+h6 {font-family: georgia, serif; color: #30393c; font-size: 18px; line-height: 1.3em; font-weight: 400; font-style: italic; padding: 16px 0 0 0; margin: 0;}
+
+p {margin: 10px 0;}
+ol {margin: 6px 0;}
+ol li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
+ul {list-style: disc; margin: 6px 0;}
+ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
+hr {height: 1px; clear: both; color: #999; background-color: #999; border: 0; margin: 16px 0;}
+blockquote {background: #eee; border-left: 3px solid #999; padding: 2px 0 2px 20px; margin: 12px 0;}
+img {box-sizing: border-box; max-width: 100%; height: auto;}
+.tplge_navintern {display: none;}
+
+
+
+/* 
+##############################
+ C O N T E N T  C L A S S E S 
+##############################
+*/
+
+img.tplge_left {display: block; float: left; max-width: 44%; border: 0; margin: 0 20px 16px 0;}
+img.tplge_right {display: block; float: right; max-width: 44%; border: 0; margin: 0 0 16px 20px;}
+img.tplge_centered {display: block; border: 0; margin: 24px auto;}
+img.tplge_left_noborder {display: block; float: left; max-width: 44%; border: 0; margin: 0 20px 16px 0;}
+img.tplge_right_noborder {display: block; float: right; max-width: 44%; border: 0; margin: 0 0 16px 20px;}
+img.tplge_centered_noborder {display: block; border: 0; margin: 24px auto;}
+img.tplge_left_border {display: block; float: left; max-width: 44%; border: 6px solid #999; padding: 0; margin: 0 20px 16px 0;}
+img.tplge_right_border {display: block; float: right; max-width: 44%; border: 6px solid #999; padding: 0; margin: 0 0 16px 20px;}
+img.tplge_centered_border {display: block; border:6px solid #999; padding: 0; margin: 24px auto;}
+img.tplge_border {border: 6px solid #999; padding: 0;}
+
+p.tplge_box01 {clear: both; background: #eee; border: 3px solid #aaa; padding: 12px 16px; margin: 10px 0;}
+p.tplge_code {clear: both; background: #ece6dc; color: #222; font-family: 'courier new', monospace; border: 3px solid #999; padding: 10px 16px; margin: 10px 0; overflow: scroll;}
+
+.tplge_clearLeft {clear: left;}
+.tplge_clearRight {clear: right;}
+.tplge_clearBoth {clear: both;}
+
+.tplge_legal {padding: 6px 0;}
+
+
+
+/* 
+##############################
+           B O D Y
+##############################
+*/
+
+/* BODY UND SEITE / BODY AND PAGE */
+body {font-family: arial, sans-serif; font-size: 16px; line-height: 1.4em; color: #666;}
+.body {min-width: 940px; background: #111; text-align: left;}
+#top {font-size: 10px; line-height: 10px;}
+
+
+
+
+
+/* 
+##############################
+        D E S I G N
+############################## 
+*/
+
+/* HEADER */
+header {background: #333;}
+.tplge_headerin {max-width: 1280px; padding: 0; margin: 0 auto;}
+.tplge_headerin img.tplge_headerimage {display: block; margin: 0 auto;}
+
+.tplge_headerin .tplge_sitename {position: absolute; top: 0; color: #fff; font-size: 60px; line-height: 1em; text-align: center; font-weight: 900; font-style: normal; letter-spacing: -5px; padding: 20px 2%; margin: 0; opacity: 0.5;}
+
+/* locator */
+.tplge_locator {overflow: hidden; background: #000; color: #aaa; line-height: 1.6em;}
+.tplge_locatorin {font-size: 15px; text-align: left; padding: 3px 20px; margin: 6px auto;}
+.tplge_locatorText {font-weight: 700; padding-right: 3px;}
+.tplge_locatorDelimiter {font-weight: 700; margin: 0 6px;}
+.cmsimpleLocatorElement {font-size: 15px;}
+.cmsimpleLocatorElementLast {font-weight: 700;}
+
+/* languagemenu */
+div.langmenu_container {float: right; text-align: right; border: 0px solid #c00; padding: 0; margin: 0;}
+.langmenu_container img {margin: 0 20px 0 0; border: 3px solid #aaa;}
+
+
+
+
+
+/* MAIN */
+.tplge_main {background: #fff url(images/bgmain.jpg) repeat-x;}
+
+
+
+
+
+/* CONTENT Elements */
+
+/* CMSimple mailform */
+.tplge_content input {background: #fff; border: 1px solid #aaa; border-radius: 3px; padding: 6px;}
+.tplge_content textarea {width: 90%; background: #fff; border: 1px solid #aaa; border-radius: 3px; padding: 10px; margin: 0 0 10px 0;}
+.tplge_content input.submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 20px; border: 1px solid #999; border-radius: 3px; padding: 2px 9px; margin: 4px 9px 16px 0;}
+
+/* CMSimple loginform old */
+.tplge_content input#submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 20px; border: 1px solid #999; border-radius: 3px; padding: 2px 9px; margin: 0 auto 6px 0;} 
+
+/* prev-top-next */
+.tplge_prevtopnext {clear: both; text-align: center; padding: 0; margin: 24px 0 0 0;}
+.tplge_prevtopnext span {padding: 0 24px;}
+.tplge_prevtopnext img {background: #d0d6d9; padding: 9px; border: 0px solid #c0c6c9; border-radius: 16px; margin: 0 20px;}
+.tplge_prevtopnext img:hover {background: #ccccc0;}
+
+.tplge_content .sdoc, .tplge_content .sdocs {color: #910; font-weight: 700;}
+
+ul.sitemaplevel1 {list-style: none; font-size: 16px; font-weight: 700; padding: 20px 0 0 0!important; margin: 0!important;}
+ul.sitemaplevel1 li {list-style: none; font-size: 16px; font-weight: 700; padding: 20px 0 0 0; margin: 0;}
+
+ul.sitemaplevel2 {list-style: none; font-size: 16px; font-weight: 700; padding: 0!important; margin: 0!important;}
+ul.sitemaplevel2 li {font-size: 15px; font-weight: 100; padding: 9px 0 0 0; margin-left: 20px;}
+
+ul.sitemaplevel3 {list-style: none; font-size: 16px; font-weight: 700; padding: 0!important; margin: 0!important;}
+ul.sitemaplevel3 li {font-size: 15px; font-weight: 100; padding: 9px 0 0 0; margin-left: 20px;}
+
+ul.sitemaplevel4 {list-style: none; font-size: 16px; font-weight: 700; padding: 0!important; margin: 0!important;}
+ul.sitemaplevel4 li {font-size: 15px; font-weight: 100; padding: 9px 0 0 0; margin-left: 20px;}
+
+ul.sitemaplevel5 {list-style: none; font-size: 16px; font-weight: 700; padding: 0!important; margin: 0!important;}
+ul.sitemaplevel5 li {font-size: 15px; font-weight: 100; padding: 9px 0 0 0; margin-left: 20px;}
+
+ul.sitemaplevel6 {list-style: none; font-size: 16px; font-weight: 700; padding: 0!important; margin: 0!important;}
+ul.sitemaplevel6 li {font-size: 15px; font-weight: 100; padding: 9px 0 0 0; margin-left: 20px;}
+
+.tplge_content .tplge_contentin span.parentLink {display: block; font-size: 24px; padding-top: 10px;}
+/* .tplge_content .tplge_contentin span.parentLink {display: none;} */
+
+
+
+
+
+/* SIDEBAR Elements */
+
+/* searchbox */
+.tplge_searchboxContainer {box-sizing: border-box; width: 240px; float: left; background: url('images/lupe.png') right 9px top 9px no-repeat; border: 0px solid #c0c6c9; border-radius: 3px; margin: 0 auto; overflow: hidden;}
+.tplge_searchboxContainer input.text {width: 172px; background: #fff; float: left; font-size: 14px; border: 1px solid #aaa; border-radius: 3px; padding: 8px; margin: 3px;}
+.tplge_searchboxContainer input.submit {width: 42px; height: 36px; float: right; background: none!important; color: transparent; border: 0; padding: 0; margin: 0;}
+.tplge_searchboxContainer input.submit:hover {cursor: pointer;}
+
+/* toc */
+.tplge_sidebar li {list-style-type: none; list-style-image: none;}
+
+.tplge_sidebar ul.menulevel1 {background: #d0d6d9; color: #930; border: 0; border-radius: 5px; padding: 10px 16px; margin: 8px 3px;}
+.tplge_sidebar ul.menulevel1 li {line-height: 1.2em; text-align: left; font-size: 16px; font-weight: 700; border-radius: 3px; padding: 6px 0; margin: 0;}
+
+.tplge_sidebar ul.menulevel2 {border: 0; padding: 0; margin: 0;}
+.tplge_sidebar ul.menulevel2 li {line-height: 1.2em; font-size: 15px; font-weight: 400; text-align: left; border: 0; padding: 9px 0 0 0; margin: 0;}
+
+.tplge_sidebar ul.menulevel3 {border: 0; padding: 0; margin: 0;}
+.tplge_sidebar ul.menulevel3 li {line-height: 1.2em; font-size: 15px; text-align: left; border: 0; padding: 9px 0 0 16px; margin: 0;}
+
+.tplge_sidebar ul.menulevel4 {border: 0; padding: 0; margin: 0;}
+.tplge_sidebar ul.menulevel4 li {line-height: 1.2em; font-size: 15px; text-align: left; border: 0; padding: 9px 0 0 16px; margin: 0;}
+
+.tplge_sidebar ul.menulevel5 {border: 0; padding: 0; margin: 0;}
+.tplge_sidebar ul.menulevel5 li {line-height: 1.2em; font-size: 15px; text-align: left; border: 0; padding: 9px 0 0 16px; margin: 0;}
+
+.tplge_sidebar ul.menulevel6 {border: 0; padding: 0; margin: 0;}
+.tplge_sidebar ul.menulevel6 li {line-height: 1.2em; font-size: 15px; text-align: left; border: 0; padding: 9px 0 0 16px; margin: 0;}
+
+/* Seiten mit Unterseiten / pages with subpages */
+.tplge_sidebar li.docs a::after, 
+.tplge_sidebar li.sdocs a::after, 
+.tplge_sidebar li.sdocs span::after 
+{content: "+"; font-family: arial, sans-serif; color: #910; font-size: 15px; line-height: 16px; font-weight: 700; margin-left: 3px;}
+.tplge_sidebar li.doc a::after, .tplge_sidebar li.sdoc span::after 
+{content: ""; font-size: 16px; line-height: 17px; font-weight: 700;}
+
+.tplge_subnav {display: table; text-align: left; padding: 24px 0 10px 0; margin: 0 auto 0 0;}
+.tplge_sidebar ul.tplge_subnav {list-style-type: none; padding: 36px 0 16px 0; margin: 0;}
+.tplge_sidebar ul.tplge_subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
+.tplge_subnav img {background: #d0d6d9; border: 0px solid #aaa; border-radius: 3px; padding: 6px; margin: 3px;}
+
+p.tplge_lastupdate {font-size: 14px; color: #333;}
+
+
+
+
+
+/* NEWS AREA Elements */
+
+div.tplge_news {width: 300px; float: left;}
+div.tplge_newsin {line-height: 1.3em; border: 0px solid #996; padding: 0; margin: 0 20px 20px 20px;}
+div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 2px 0;}
+div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 6px 0; margin: 0;}
+
+div.tplge_newsin h1, div.tplge_newsin h2, div.tplge_newsin h3, div.tplge_newsin h4 {background: #50595c!important; font-size: 22px!important; color: #fff!important; border: 0px solid #ccc; border-radius: 3px; padding: 6px 16px 36px 16px; margin: 20px 0 12px 0;}
+div.tplge_newsin h5, div.tplge_newsin h6 {color: #aa9; letter-spacing: 1px; margin: 10px 0 0 0;}
+
+
+
+/* FOOTER */
+footer {font-size: 14px; text-align: right; color: #666; padding: 16px 40px 90px 40px; margin: 0;}
+footer p {padding: 0; margin: 0;}
+
+
+
+/* LINKS */
+a:link {color: #369; text-decoration: none;}
+a:visited {color: #369; text-decoration: none;}
+a:hover {color: #930; text-decoration: underline;}
+a:active {color: #930; text-decoration: underline;}
+a:focus {color: #930; text-decoration: underline;}
+
+.tplge_locator a:link {color: #aaa; text-decoration: none;}
+.tplge_locator a:visited {color: #aaa; text-decoration: none;}
+.tplge_locator a:hover {color: #f90; text-decoration: underline;}
+.tplge_locator a:active {color: #fff; text-decoration: underline;}
+.tplge_locator a:focus {color: #fff; text-decoration: underline;}
+
+.tplge_sidebar ul a:link {color: #444; font-style: normal;}
+.tplge_sidebar ul a:visited {color: #444; font-style: normal;}
+.tplge_sidebar ul a:hover {color: #930; font-style: normal; text-decoration: none;}
+.tplge_sidebar ul a:active {color: #930; font-style: normal; text-decoration: none;}
+.tplge_sidebar ul a:focus {color: #930; font-style: normal; text-decoration: none;}
+
+.tplge_newsin a:link {color: #ccc; text-decoration: none;}
+.tplge_newsin a:visited {color: #ccc; text-decoration: none;}
+.tplge_newsin a:hover {color: #f90; text-decoration: underline;}
+.tplge_newsin a:active {color: #fff; text-decoration: underline;}
+.tplge_newsin a:focus {color: #fff; text-decoration: underline;}
+
+footer a:link {color: #999; text-decoration: none;}
+footer a:visited {color: #999; text-decoration: none;}
+footer a:hover {color: #f90; text-decoration: underline;}
+footer a:active {color: #fff; text-decoration: underline;}
+footer a:focus {color: #fff; text-decoration: underline;}
+
+
+
+
+
+/* 
+###################################### 
+   R E S P O N S I V E  L A Y O U T
+###################################### 
+*/
+
+header {}
+
+.tplge_locator {}
+.tplge_locatorin {width: 1120px; font-size: 15px; text-align: left; padding: 3px 20px; margin: 6px auto;}
+
+.tplge_main {}
+.tplge_mainin {width: 1160px; padding: 30px 0; margin: 0 auto;}
+
+.tplge_sidebar {float: left; width: 300px;}
+.tplge_sidebarin {padding: 8px 20px;}
+
+.tplge_content {float: right; width: 860px;}
+.tplge_contentin {width: 800px; margin: 0 auto;}
+
+.tplge_newsArea {background: #000 url(images/bgnews.jpg) center top no-repeat;}
+.tplge_newsArea aside {width: 900px; color: #999; padding: 20px 0; margin: 0 auto;}
+
+footer {}
+
+
+
+@media (max-width: 1180px) {
+.body {min-width: 240px; font-size: 16px;}
+
+.tplge_navintern {display: table; clear: both; padding: 24px 0 6px 0; margin: 0 auto;}
+.tplge_navintern img {display: block; padding: 0; margin: 6px;}
+.tplge_navintern img.tplge_contentlink {background: #ddd;}
+.tplge_button {background: #40494c; color: #fff; float: left; border-radius: 3px; padding: 0; margin: 0 9px;}
+.tplge_button:hover {background: #c50;}
+.tplge_button_active {background: #c50; color: #fff; float: left; border-radius: 3px; padding: 0; margin: 0 9px;}
+
+/* header */
+header {}
+.tplge_headerin {width: 100%;}
+
+/* locator */
+.tplge_locatorin {width: 90%; max-width: 800px;}
+
+/* searchbox */
+.tplge_searchboxContainer {margin-top: 16px;}
+
+/* language menu */
+div.langmenu_container {clear: left; float: none; text-align: right; border: 0px solid #c00; padding: 0; margin: 0;}
+.langmenu_container img {margin: 0 16px 0 1px;}
+
+/* Main Container */
+.tplge_main {}
+.tplge_mainin {width: 100%; max-width: 860px; padding: 20px 0; margin: 0 auto;}
+
+/* Content Area */
+.tplge_content {width: 100%; max-width: 800px; float: none; padding: 0; margin: 0 auto;}
+.tplge_contentin {width: 100%; padding: 0;}
+
+/* Menu Area */
+.tplge_sidebar {width: 300px; float: none; margin: 0 auto;}
+nav.tplge_sidebarin {width: 260px; float: none; padding: 0; margin: 16px auto;}
+}
+
+
+
+@media (max-width: 960px) {
+header {overflow-x: hidden;}
+img.tplge_headerimage {max-width: none; width: 120%; margin: 0 auto;}
+.tplge_headerin .tplge_sitename {font-size: 40px; letter-spacing: -2px; padding: 20px 3%;}
+.tplge_locatorin {width: 90%; max-width: 720px;}
+.tplge_contentin {width: 90%;}
+.tplge_newsArea aside {width: 600px;}
+}
+
+
+
+@media (max-width: 640px) {
+img.tplge_headerimage {max-width: none; width: 160%; margin: 0 auto;}
+.tplge_newsArea aside {width: 300px;}
+}
+
+
+
+@media (max-width: 480px) {
+.tplge_headerin .tplge_sitename {font-size: 24px;}
+img.tplge_right_border, img.tplge_left_border, img.tplge_right, img.tplge_left {display: block; float: none; max-width: 100%; margin: 0 0 16px 0;}
+}

cms/templates/cmsimple_default/template.htm

@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+
+<html lang="<?php echo $sl;?>">
+<head>
+<?php echo head();?>
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
+<script src="<?php echo $pth['folder']['template'];?>smoothscroll.js"></script>
+</head>
+
+<body id="body" class="body" <?php echo onload();?>>
+<!-- utf-8 check: äöüß -->
+<!-- This is the default template of CMSimple 5.14 -->
+<div id="TOP"><div id="top"></div></div>
+
+
+
+<!-- language variables for template -->
+<?php
+$tpltx_top = 'Top';
+$tpltx_content = 'Page Content';
+$tpltx_menu = 'Menu and Search';
+$tpltx_news = 'News Area';
+
+if($sl == 'de')
+{
+	$tpltx_top = 'Seitenanfang';
+	$tpltx_content = 'Seiteninhalt';
+	$tpltx_menu = 'Menü und Suche';
+	$tpltx_news = 'Newsbereich';
+}
+?>
+
+
+
+<!-- HEADER -->
+
+<?php
+if(!$edit)
+{
+	echo '<header>
+<div id="tplge_headerin" class="tplge_headerin">
+
+<a href="./"><img src="' . $pth['folder']['templateimages'] . 'header.jpg" class="tplge_headerimage" alt="headerimage"></a>
+<div class="tplge_sitename">' . sitename() . '</div>
+
+<div style="clear: both;"></div>
+</div>
+<div style="clear: both;"></div>
+</header>
+<div style="clear: both;"></div>
+';
+}
+?>
+
+<!-- END HEADER -->
+
+
+
+<!-- LOCATOR -->
+
+<?php
+if(!$edit)
+{
+	echo '<div id="tplge_locator" class="tplge_locator">
+<nav id="tplge_locatorin" class="tplge_locatorin">
+
+<span class="tplge_locatorText">' . $tx['locator']['text'] . '</span>' . locator('<span class="tplge_locatorDelimiter">&raquo;</span>') . '
+
+<div style="clear: both;"></div>
+</nav>
+<div style="clear: both;"></div>
+</div>
+<div style="clear: both;"></div>
+';
+}
+?>
+
+<!-- END LOCATOR -->
+
+
+
+<!-- MAIN CONTAINER -->
+
+<div id="tplge_main" class="tplge_main">
+<div id="tplge_mainin" class="tplge_mainin">
+
+<!-- language menu -->
+<div class="langmenu_container"><?php echo languagemenu();?></div>
+<div style="clear: both;"></div>
+
+<!--
+<?php // echo $content_path;?><br>
+<?php // echo $upload_path;?><br>
+<?php // echo $new_line_array[6];?><br>
+<?php // echo $db_path;?>
+<?php // echo $pth['folder']['base'];?>
+-->
+
+<!-- pagenav -->
+<nav id="tplge_content_anchor" class="tplge_content_anchor tplge_navintern">
+<div class="tplge_button"><a href="#top"><img src="<?php echo $pth['folder']['templateimages']; ?>top_white.gif" alt="<?php echo $tpltx_top;?>" title="<?php echo $tpltx_top;?>"></a></div>
+<div class="tplge_button_active"><a href="#tplge_content_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>contentlink.gif" class="tplge_contentlink" alt="<?php echo $tpltx_content;?>" title="<?php echo $tpltx_content;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_menu_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>menulink.gif" alt="<?php echo $tpltx_menu;?>" title="<?php echo $tpltx_menu;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_news_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>newslink.gif" alt="<?php echo $tpltx_news;?>" title="<?php echo $tpltx_news;?>"></a></div>
+<div class="tplge_clearBoth"></div>
+</nav>
+
+
+
+<!-- CONTENT -->
+
+	<div id="tplge_content" class="tplge_content">
+	<article class="tplge_contentin">
+
+<?php echo content();?>
+<?php echo submenu();?>
+<?php echo siblingsmenu();?>
+
+		<div style="clear: both;"></div>
+		<div id="tplge_prevtopnext" class="tplge_prevtopnext">
+		<nav id="tplge_prevtopnextin" class="tplge_prevtopnextin">
+<?php echo previouspage('prev.gif');?>
+<?php echo top('top.gif');?>
+<?php echo nextpage('next.gif');?>
+		<div style="clear: both;"></div>
+		</nav>
+		<div style="clear: both;"></div>
+		</div>
+
+	<div style="clear: both;"></div>
+	</article>
+	<div style="clear: both;"></div>
+	</div>
+
+<!-- END CONTENT -->
+
+
+
+<!-- SIDEBAR NAV -->
+
+	<div id="tplge_sidebar" class="tplge_sidebar">
+	<nav id="tplge_sidebarin" class="tplge_sidebarin">
+
+<!-- pagenav -->
+<nav id="tplge_menu_anchor" class="tplge_menu_anchor tplge_navintern">
+<div class="tplge_button"><a href="#top"><img src="<?php echo $pth['folder']['templateimages']; ?>top_white.gif" alt="<?php echo $tpltx_top;?>" title="<?php echo $tpltx_top;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_content_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>contentlink.gif" class="tplge_contentlink" alt="<?php echo $tpltx_content;?>" title="<?php echo $tpltx_content;?>"></a></div>
+<div class="tplge_button_active"><a href="#tplge_menu_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>menulink.gif" alt="<?php echo $tpltx_menu;?>" title="<?php echo $tpltx_menu;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_news_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>newslink.gif" alt="<?php echo $tpltx_news;?>" title="<?php echo $tpltx_news;?>"></a></div>
+<div class="tplge_clearBoth"></div>
+</nav>
+
+<!-- searchbox -->
+<div id="tplge_searchboxContainer" class="tplge_searchboxContainer">
+<?php echo str_replace('class="submit" value="' . $tx['search']['button'],'class="submit" title="' . $tx['search']['button'] . '" value="' . $tx['search']['button'],searchbox());?>
+</div>
+<div class="tplge_clearBoth"></div>
+
+<?php echo toc();?>
+<div class="tplge_clearBoth"></div>
+
+<div class="tplge_subnav">
+<?php echo homelink('homelink.gif');?>
+<?php echo printlink('printlink.gif');?>
+<?php echo sitemaplink('sitemaplink.gif');?>
+<?php echo mailformlink('mailformlink.gif');?>
+</div>
+<div class="tplge_clearBoth"></div>
+
+<?php // echo '<p class="tplge_lastupdate">' . lastupdate() . '</p>';?>
+
+	<div style="clear: both;"></div>
+	</nav>
+	<div style="clear: both;"></div>
+	</div>
+
+<!-- END SIDEBAR NAV -->
+
+
+
+<div style="clear: both;"></div>
+</div>
+<div style="clear: both;"></div>
+</div>
+<div style="clear: both;"></div>
+
+<!-- END MAIN CONTAINER --> 
+
+
+
+<!-- NEWS AREA -->
+
+<div id="tplge_newsArea" class="tplge_newsArea">
+<aside>
+
+<!-- pagenav -->
+<nav id="tplge_news_anchor" class="tplge_news_anchor tplge_navintern">
+<div class="tplge_button"><a href="#top"><img src="<?php echo $pth['folder']['templateimages']; ?>top_white.gif" alt="<?php echo $tpltx_top;?>" title="<?php echo $tpltx_top;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_content_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>contentlink.gif" class="tplge_contentlink" alt="<?php echo $tpltx_content;?>" title="<?php echo $tpltx_content;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_menu_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>menulink.gif" alt="<?php echo $tpltx_menu;?>" title="<?php echo $tpltx_menu;?>"></a></div>
+<div class="tplge_button_active"><a href="#tplge_news_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>newslink.gif" alt="<?php echo $tpltx_news;?>" title="<?php echo $tpltx_news;?>"></a></div>
+<div class="tplge_clearBoth"></div>
+</nav>
+
+<!-- newsboxes -->
+	<div class="tplge_news">
+	<div class="tplge_newsin">
+<?php echo newsbox('News01');?>
+<div style="clear: both;"></div>
+	</div>
+	</div>
+
+	<div class="tplge_news">
+	<div class="tplge_newsin">
+<?php echo newsbox('News02');?> 
+<div style="clear: both;"></div>
+	</div>
+	</div>
+
+	<div class="tplge_news">
+	<div class="tplge_newsin">
+<?php echo newsbox('News03');?>
+<div style="clear: both;"></div>
+	</div>
+	</div>
+
+<!-- pagenav -->
+<nav class="tplge_news_anchor tplge_navintern">
+<div class="tplge_button"><a href="#top"><img src="<?php echo $pth['folder']['templateimages']; ?>top_white.gif" alt="<?php echo $tpltx_top;?>" title="<?php echo $tpltx_top;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_content_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>contentlink.gif" class="tplge_contentlink" alt="<?php echo $tpltx_content;?>" title="<?php echo $tpltx_content;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_menu_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>menulink.gif" alt="<?php echo $tpltx_menu;?>" title="<?php echo $tpltx_menu;?>"></a></div>
+<div class="tplge_button"><a href="#tplge_news_anchor"><img src="<?php echo $pth['folder']['templateimages']; ?>newslink.gif" alt="<?php echo $tpltx_news;?>" title="<?php echo $tpltx_news;?>"></a></div>
+<div class="tplge_clearBoth"></div>
+</nav>
+
+<div style="clear: both;"></div>
+</aside>
+<div style="clear: both;"></div>
+</div>
+<div style="clear: both;"></div>
+
+<!-- END NEWS AREA --> 
+
+
+
+<!-- FOOTER -->
+
+<footer>
+<div id="tplge_footerin" class="tplge_footerin">
+<p>
+Powered&nbsp;by&nbsp;<a href="https://www.cmsimple.org/">CMSimple</a> | 
+Template&nbsp;by&nbsp;<a href="https://cmsimple.org/">CMSimple</a> | 
+<?php echo loginlink();?>
+</p>
+<div style="clear: both;"></div>
+</div>
+</footer>
+
+</body>
+</html>