diff --git a/README b/README
index cd5bed4..89f53df 100755
--- a/README
+++ b/README
@@ -1,2 +1,7 @@
-See template.info.txt for main info
-See COPYING for license info
\ No newline at end of file
+sprintDoc Template (FIXME URL)
+for DokuWiki [https://www.dokuwiki.org]
+by Jana Deutschlaender <deutschlaender@cosmocode.de>
+
+
+Version: see template.info.txt
+License: GPL2, see COPYING
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..216f47d
--- /dev/null
+++ b/README.md
@@ -0,0 +1 @@
+# sprintDoc Template for dokuwiki
diff --git a/css/area_content.less b/css/area_content.less
new file mode 100755
index 0000000..71343ed
--- /dev/null
+++ b/css/area_content.less
@@ -0,0 +1,6 @@
+/**
+ * This file provides the design styles for the page content.
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
diff --git a/css/area_footer.less b/css/area_footer.less
new file mode 100644
index 0000000..275b0ed
--- /dev/null
+++ b/css/area_footer.less
@@ -0,0 +1,5 @@
+/**
+ * This file provides the design styles for the page footer
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
diff --git a/css/area_header.less b/css/area_header.less
new file mode 100644
index 0000000..cec19b3
--- /dev/null
+++ b/css/area_header.less
@@ -0,0 +1,5 @@
+/**
+ * This file provides the design styles for the page header.
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
diff --git a/css/base.less b/css/base.less
new file mode 100755
index 0000000..f09d399
--- /dev/null
+++ b/css/base.less
@@ -0,0 +1,5 @@
+/**
+ * This file provides the basic styles.
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
diff --git a/css/base_design.less b/css/base_design.less
new file mode 100755
index 0000000..ad535d4
--- /dev/null
+++ b/css/base_design.less
@@ -0,0 +1,7 @@
+/**
+ * This file provides the main design styles
+ * across all template elements (typo, colors etc.)
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
diff --git a/css/base_fonts.less b/css/base_fonts.less
new file mode 100755
index 0000000..e3f2ce7
--- /dev/null
+++ b/css/base_fonts.less
@@ -0,0 +1,5 @@
+/**
+ * This file provides styles for web fonts and icon fonts
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
diff --git a/css/base_structure.less b/css/base_structure.less
new file mode 100755
index 0000000..f25703d
--- /dev/null
+++ b/css/base_structure.less
@@ -0,0 +1,5 @@
+/**
+ * This file provides styles for the general layout structure.
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
diff --git a/css/basic.css b/css/basic.css
deleted file mode 100755
index 3f61f71..0000000
--- a/css/basic.css
+++ /dev/null
@@ -1,452 +0,0 @@
-/**
- * This file provides the most basic styles.
- *
- * If you integrate DokuWiki into another project, you might either
- * want to integrate this file into the other project as well, or use
- * the other project's basic CSS for DokuWiki instead of this one.
- *
- * @author Anika Henke <anika@selfthinker.org>
- */
-
-html {
-    overflow-x: auto;
-    overflow-y: scroll;
-}
-html,
-body {
-    background-color: __background__;
-    color: __text__;
-    margin: 0;
-    padding: 0;
-}
-body {
-    font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
-    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
-    -webkit-text-size-adjust: 100%;
-}
-
-
-/*____________ headers ____________*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
-    font-weight: bold;
-    color: __text_neu__;
-    background-color: inherit;
-    padding: 0;
-    line-height: 1.2;
-    clear: left; /* ideally 'both', but problems with toc */
-}
-[dir=rtl] h1,
-[dir=rtl] h2,
-[dir=rtl] h3,
-[dir=rtl] h4,
-[dir=rtl] h5,
-[dir=rtl] h6 {
-    clear: right;
-}
-
-h1 {
-    font-size: 2.25em;
-    margin: 0 0 0.444em;
-}
-h2 {
-    font-size: 1.5em;
-    margin: 0 0 0.666em;
-}
-h3 {
-    font-size: 1.125em;
-    margin: 0 0 0.888em;
-}
-h4 {
-    font-size: 1em;
-    margin: 0 0 1.0em;
-}
-h5 {
-    font-size: .875em;
-    margin: 0 0 1.1428em;
-}
-h6 {
-    font-size: .75em;
-    margin: 0 0 1.333em;
-}
-/* bottom margin = 1 / font-size */
-
-caption,
-figcaption,
-summary,
-legend {
-    font-style: italic;
-    font-weight: normal;
-    line-height: 1.2;
-    padding: 0;
-    margin: 0 0 .35em;
-}
-
-
-/*____________ basic margins and paddings ____________*/
-
-p,
-ul,
-ol,
-dl,
-pre,
-table,
-hr,
-blockquote,
-figure,
-details,
-fieldset,
-address {
-    margin: 0 0 1.4em 0; /* bottom margin = line-height */
-    padding: 0;
-}
-
-div {
-    margin: 0;
-    padding: 0;
-}
-
-
-/*____________ lists ____________*/
-
-ul,
-ol {
-    padding: 0 0 0 1.5em;
-}
-[dir=rtl] ul,
-[dir=rtl] ol {
-    padding: 0 1.5em 0 0;
-}
-
-li,
-dd {
-    padding: 0;
-    margin: 0 0 0 1.5em;
-}
-[dir=rtl] li,
-[dir=rtl] dd {
-    margin: 0 1.5em 0 0;
-}
-
-dt {
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-}
-
-li ul,
-li ol,
-li dl,
-dl ul,
-dl ol,
-dl dl {
-    margin-bottom: 0;
-    padding: 0;
-}
-li li {
-    font-size: 100%;
-}
-
-ul {
-    list-style: disc outside;
-}
-ol {
-    list-style: decimal outside;
-}
-ol ol {
-    list-style-type: lower-alpha;
-}
-ol ol ol {
-    list-style-type: upper-roman;
-}
-ol ol ol ol {
-    list-style-type: upper-alpha;
-}
-ol ol ol ol ol {
-    list-style-type: lower-roman;
-}
-
-
-/*____________ tables ____________*/
-
-table {
-    border-collapse: collapse;
-    empty-cells: show;
-    border-spacing: 0;
-    border: 1px solid __border__;
-}
-
-caption {
-    caption-side: top;
-    text-align: left;
-}
-[dir=rtl] caption {
-    text-align: right;
-}
-
-th,
-td {
-    padding: .3em .5em;
-    margin: 0;
-    vertical-align: top;
-    border: 1px solid __border__;
-}
-th {
-    font-weight: bold;
-    background-color: __background_alt__;
-    color: inherit;
-    text-align: left;
-}
-[dir=rtl] th {
-    text-align: right;
-}
-
-
-/*____________ links ____________*/
-
-a {
-}
-a:link,
-a:visited {
-    text-decoration: none;
-    color: #00c; /* §colour */
-}
-a:link:hover,
-a:visited:hover,
-a:link:focus,
-a:visited:focus,
-a:link:active,
-a:visited:active {
-    text-decoration: underline;
-}
-a:link:focus,
-a:visited:focus {
-    outline: 1px dotted;
-}
-a:link:active,
-a:visited:active {
-    color: #c00; /* §colour */
-}
-
-
-/*____________ misc ____________*/
-
-img {
-    border-width: 0;
-    vertical-align: middle;
-    color: #666;
-    background-color: transparent;
-    font-style: italic;
-    height: auto;
-}
-
-img,
-object,
-embed,
-iframe,
-video,
-audio {
-    max-width: 100%;
-}
-
-iframe {
-    border-width: 0;
-    background-color: inherit;
-}
-
-/* IE8 and below won't display the images otherwise */
-#IE8 img,
-button img {
-    max-width: none;
-}
-
-hr {
-    border-style: solid;
-    border-width: 1px 0 0;
-    text-align: center;
-    height: 0;
-    width: 100%;
-    clear: both;
-}
-
-acronym,
-abbr {
-    font-style: normal;
-}
-acronym[title],
-abbr[title] {
-    cursor: help;
-    border-bottom: 1px dotted;
-}
-em acronym,
-em abbr {
-    font-style: italic;
-}
-
-mark {
-    background: __highlight__;
-    color: inherit;
-}
-
-pre,
-code,
-samp,
-kbd {
-    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
-    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
-    font-size: 1em;
-    background-color: __background_alt__;
-    color: __text__;
-    direction: ltr;
-    text-align: left;
-}
-pre {
-    border: 1px solid __border__;
-    padding: 0 .2em;
-    overflow: auto;
-    word-wrap: normal;
-}
-
-blockquote {
-    padding: 0 .5em;
-    border: solid __border__;
-    border-width: 0 0 0 .25em;
-}
-[dir=rtl] blockquote {
-    border-width: 0 .25em 0 0;
-}
-q:before,
-q:after {
-    content: '';
-}
-
-sub,
-sup {
-    font-size: .8em;
-    line-height: 1;
-}
-sub {
-    vertical-align: sub;
-}
-sup {
-    vertical-align: super;
-}
-
-small {
-    font-size: .8em;
-}
-
-/*____________ forms ____________*/
-
-form {
-    display: inline;
-    margin: 0;
-    padding: 0;
-}
-
-fieldset {
-    padding: .7em 1em 0;
-    padding: .7rem 1rem; /* for those browsers understanding :last-child */
-    border: 1px solid #999;
-}
-fieldset > :last-child {
-    margin-bottom: 0;
-}
-legend {
-    padding: 0 .1em;
-}
-
-label {
-    vertical-align: middle;
-    cursor: pointer;
-}
-
-input,
-textarea,
-button,
-select,
-optgroup,
-option,
-keygen,
-output,
-meter,
-progress {
-    font: inherit;
-    color: inherit;
-    /* background-color destroys button look */
-    line-height: normal;
-    margin: 0;
-    vertical-align: middle;
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-}
-
-input,
-button,
-select,
-keygen,
-textarea {
-    padding: .1em;
-}
-input[type=radio],
-input[type=checkbox],
-input[type=image],
-input.check {
-    padding: 0;
-}
-
-input[type=submit],
-input[type=button],
-input[type=reset],
-input.button,
-button {
-    cursor: pointer;
-    overflow: visible;
-    padding: .1em .4em;
-}
-
-input[disabled],
-button[disabled],
-select[disabled],
-textarea[disabled],
-option[disabled],
-input[readonly],
-button[readonly],
-select[readonly],
-textarea[readonly] {
-    cursor: auto;
-    opacity: .5;
-}
-
-input:focus,
-button:focus,
-select:focus,
-keygen:focus,
-textarea:focus {
-    box-shadow: 0 0 5px #999;
-    outline: 0;
-}
-input::-moz-focus-inner,
-button::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-select {
-    max-width: 100%;
-}
-optgroup {
-    font-style: italic;
-    font-weight: bold;
-}
-option {
-    font-style: normal;
-    font-weight: normal;
-}
diff --git a/css/content.css b/css/content.css
deleted file mode 100755
index edd8fab..0000000
--- a/css/content.css
+++ /dev/null
@@ -1,169 +0,0 @@
-/**
- * This file provides the main design styles for the page content.
- *
- * @author Anika Henke <anika@selfthinker.org>
- * @author Andreas Gohr <andi@splitbrain.org>
- */
-
-
-/*____________ section indenting ____________
-
-.dokuwiki .page  h1 {margin-left: 0;}
-.dokuwiki .page  h2 {margin-left: .666em;}
-.dokuwiki .page  h3 {margin-left: 1.776em;}
-.dokuwiki .page  h4 {margin-left: 3em;}
-.dokuwiki .page  h5 {margin-left: 4.5712em;}
-.dokuwiki .page  div.level1 {margin-left: 0;}
-.dokuwiki .page  div.level2 {margin-left: 1em;}
-.dokuwiki .page  div.level3 {margin-left: 2em;}
-.dokuwiki .page  div.level4 {margin-left: 3em;}
-.dokuwiki .page  div.level5 {margin-left: 4em;}
-
-[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
-[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
-[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
-[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
-[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
-[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
-[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
-[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
-[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
-[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
-*/
-/* hx margin-left = (1 / font-size) * .levelx-margin */
-
-
-/*____________ links to wiki pages (addition to _links) ____________*/
-
-/* existing wikipage */
-.dokuwiki a.wikilink1 {
-    color: __existing__;
-    background-color: inherit;
-}
-/* not existing wikipage */
-.dokuwiki a.wikilink2 {
-    color: __missing__;
-    background-color: inherit;
-}
-
-
-/*____________ images ____________*/
-
-/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
-.dokuwiki img.media {
-    margin: .2em 0;
-}
-.dokuwiki img.medialeft {
-    margin: .2em 1.5em .2em 0;
-}
-.dokuwiki img.mediaright {
-    margin: .2em 0 .2em 1.5em;
-}
-.dokuwiki img.mediacenter {
-    margin: .2em auto;
-}
-
-
-/*____________ tables ____________*/
-
-/* div before each table */
-.dokuwiki div.table {
-}
-
-.dokuwiki table.inline {
-    min-width: 50%;
-}
-.dokuwiki table.inline tr:hover td {
-    background-color: __background_alt__;
-}
-.dokuwiki table.inline tr:hover th {
-    background-color: __border__;
-}
-
-
-/*____________ code ____________*/
-
-/* fix if background-color hides underlining */
-.dokuwiki em.u code {
-    text-decoration: underline;
-}
-
-/* filenames for downloadable file and code blocks */
-.dokuwiki dl.code,
-.dokuwiki dl.file {
-}
-
-.dokuwiki dl.code dt,
-.dokuwiki dl.file dt {
-    background-color: __background_alt__;
-    border: solid __border__;
-    border-width: 1px 1px 0;
-    color: inherit;
-    display: inline;
-    padding: .1em .5em .2em;
-    margin-left: 1em;
-}
-[dir=rtl] .dokuwiki dl.code dt,
-[dir=rtl] .dokuwiki dl.file dt {
-    margin-left: 0;
-    margin-right: 1em;
-}
-.dokuwiki dl.code dt a,
-.dokuwiki dl.file dt a {
-}
-
-.dokuwiki dl.code dd,
-.dokuwiki dl.file dd {
-    margin: 0;
-}
-
-/* for code in <file> */
-.dokuwiki pre.file,
-.dokuwiki dl.file pre,
-.dokuwiki dl.file dt {
-    border-color: __text_neu__;
-}
-
-
-/*____________ media manager ____________*/
-
-/* some headings in the media manager should not look like headings */
-#mediamanager__page h2,
-#mediamanager__page h3 {
-    font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: __text__;
-}
-
-/* to style button-like div in _fileuploader.css to look like other buttons,
-   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
-.qq-upload-button {
-    border: 1px solid __border__;
-    background-color: __background_alt__;
-    padding: 0.125em 0.4em;
-}
-
-/*____________ styling plugin ____________*/
-
-#plugin__styling.ispopup {
-    padding: 1em;
-}
-
-
-/*____________ JS popup ____________*/
-
-.JSpopup {
-    background-color: __background__;
-    color: __text__;
-    border: 1px solid __border__;
-    line-height: 1.2;
-    padding: 0 .2em;
-}
-
-.JSpopup ul,
-.JSpopup ol {
-    padding-left: 0;
-}
-[dir=rtl] .JSpopup ul,
-[dir=rtl] .JSpopup ol {
-    padding-right: 0;
-}
diff --git a/css/design.css b/css/design.css
deleted file mode 100755
index eae7b36..0000000
--- a/css/design.css
+++ /dev/null
@@ -1,248 +0,0 @@
-/**
- * This file provides the main design styles for the
- * bits that surround the content.
- *
- * @author Anika Henke <anika@selfthinker.org>
- * @author Andreas Gohr <andi@splitbrain.org>
- */
-
-
-/* header
-********************************************************************/
-
-#dokuwiki__header {
-    margin: 1em 0 0;
-}
-
-#dokuwiki__header .headings {
-    margin-bottom: 2.1em;
-}
-#dokuwiki__header h1 {
-    margin-bottom: 0;
-    font-size: 1.5em;
-}
-#dokuwiki__header h1 a {
-    text-decoration: none;
-    color: #00c;
-    background-color: inherit;
-}
-#dokuwiki__header p.claim {
-    margin-bottom: 0;
-}
-#dokuwiki__header h2 {
-    margin-bottom: 0;
-    font-size: 1.125em;
-}
-
-#dokuwiki__header .tools {
-    margin-bottom: 2.1em;
-}
-#dokuwiki__header .tools ul {
-    margin-bottom: 0;
-}
-#dokuwiki__header .tools ul li {
-    display: inline;
-}
-
-#dokuwiki__header form.search {
-    margin: .5em 0 0;
-    display: block;
-}
-#dokuwiki__header form.search #qsearch__in {
-    width: 12em;
-    margin-right: .5em;
-}
-[dir=rtl] #dokuwiki__header form.search #qsearch__in {
-    margin-right: 0;
-    margin-left: .5em;
-}
-
-#dokuwiki__header div.breadcrumbs {
-    margin-bottom: .3em;
-}
-#dokuwiki__header div.breadcrumbs a {
-    color: __existing__;
-    background-color: inherit;
-}
-
-
-/* tools
-********************************************************************/
-
-/* make wiki links look the same as tool links in tool bars */
-#dokuwiki__usertools a.wikilink1,
-#dokuwiki__pagetools a.wikilink1,
-#dokuwiki__usertools a.wikilink2,
-#dokuwiki__pagetools a.wikilink2 {
-    color: #00c;
-    border-bottom-width: 0;
-}
-#dokuwiki__usertools a.wikilink2:hover,
-#dokuwiki__pagetools a.wikilink2:hover,
-#dokuwiki__usertools a.wikilink2:active,
-#dokuwiki__pagetools a.wikilink2:active,
-#dokuwiki__usertools a.wikilink2:focus,
-#dokuwiki__pagetools a.wikilink2:focus {
-    text-decoration: underline;
-}
-
-/* highlight selected tool */
-.mode_admin a.action.admin,
-.mode_login a.action.login,
-.mode_register a.action.register,
-.mode_profile a.action.profile,
-.mode_recent a.action.recent,
-.mode_index a.action.index,
-.mode_media a.action.media,
-.mode_revisions a.action.revs,
-.mode_backlink a.action.backlink,
-.mode_subscribe a.action.subscribe {
-    font-weight: bold;
-}
-
-/*____________ user tools ____________*/
-
-#dokuwiki__usertools {
-    position: absolute;
-    top: 0;
-    right: 0;
-    border-bottom: 1px solid __border__;
-    background-color: __background_alt__;
-    width: 100%;
-}
-#dokuwiki__usertools ul,
-#dokuwiki__pagetools ul {
-    /* imitate #dokuwiki__site */
-    margin: 0 auto;
-    max-width: __site_width__;
-    padding: 0 1em;
-}
-#dokuwiki__usertools ul li.user {
-    float: left;
-    margin-left: 0;
-}
-[dir=rtl] #dokuwiki__usertools ul li.user {
-    float: right;
-    margin-right: 0;
-}
-
-/*____________ page tools ____________*/
-
-#dokuwiki__pagetools {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    border-top: 1px solid __border__;
-    background-color: __background_alt__;
-    width: 100%;
-    z-index: 10;
-}
-#dokuwiki__pagetools ul li {
-    display: inline;
-    margin: 0 1.5em 0 0;
-}
-#dokuwiki__pagetools ul li a.action.top {
-    float: right;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.action.top {
-    float: left;
-}
-
-
-/* sidebar
-********************************************************************/
-
-#dokuwiki__aside {
-    padding-top: .4em;
-}
-
-.dokuwiki .aside {
-    overflow: hidden;
-    word-wrap: break-word;
-    line-height: 1.2;
-}
-
-/* make sidebar more condensed */
-
-.dokuwiki .aside h1 {
-    margin-bottom: .222em;
-}
-.dokuwiki .aside h2 {
-    margin-bottom: .333em;
-}
-.dokuwiki .aside h3 {
-    margin-bottom: .444em;
-}
-.dokuwiki .aside h4 {
-    margin-bottom: .5em;
-}
-.dokuwiki .aside h5 {
-    margin-bottom: .5714em;
-}
-
-.dokuwiki .aside p,
-.dokuwiki .aside ul,
-.dokuwiki .aside ol,
-.dokuwiki .aside dl,
-.dokuwiki .aside pre,
-.dokuwiki .aside table,
-.dokuwiki .aside fieldset,
-.dokuwiki .aside hr,
-.dokuwiki .aside blockquote,
-.dokuwiki .aside address {
-    margin-bottom: .7em;
-}
-
-.dokuwiki .aside ul,
-.dokuwiki .aside ol {
-    padding-left: .5em;
-}
-[dir=rtl] .dokuwiki .aside ul,
-[dir=rtl] .dokuwiki .aside ol {
-    padding-right: .5em;
-}
-.dokuwiki .aside li ul,
-.dokuwiki .aside li ol {
-    margin-bottom: 0;
-    padding: 0;
-}
-
-
-/* content
-********************************************************************/
-
-.dokuwiki .page {
-    word-wrap: break-word;
-}
-
-/* license note in footer and under edit window */
-.dokuwiki div.license {
-    font-size: 93.75%;
-}
-
-
-/* footer
-********************************************************************/
-
-.dokuwiki .wrapper {
-    margin-bottom: 2.8em;
-}
-
-#dokuwiki__footer {
-    margin-bottom: 1em;
-}
-
-#dokuwiki__footer .doc {
-    float: left;
-}
-#dokuwiki__footer .top {
-    float: right;
-}
-
-#dokuwiki__footer .license {
-    clear: both;
-}
-#dokuwiki__footer .license img {
-    margin: 0 .5em 0 0;
-    float: none;
-}
diff --git a/css/includes.css b/css/includes.css
deleted file mode 100755
index bc18996..0000000
--- a/css/includes.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/**
- * This file provides styles for included seperate html files
- * (added through "include hooks").
- */
diff --git a/css/mobile.css b/css/mobile.css
deleted file mode 100755
index e337f31..0000000
--- a/css/mobile.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * This file provides style changes for small screens.
- *
- * @author Anika Henke <anika@selfthinker.org>
- */
-
-@media only screen and (max-width: 42em) {
-
-#dokuwiki__aside {
-    width: 100%;
-    float: none;
-    margin-bottom: 1.4em;
-}
-#dokuwiki__aside > .pad {
-    margin: 0;
-}
-
-.hasSidebar #dokuwiki__content {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-}
-.hasSidebar #dokuwiki__content > .pad {
-    margin-left: 0;
-}
-[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
-    margin-right: 0;
-}
-
-#dokuwiki__header .headings {
-    margin: 2.1em 0 0;
-}
-
-#dokuwiki__header .tools {
-    margin-bottom: .7em;
-}
-
-#dokuwiki__header .headings,
-#dokuwiki__header .tools,
-#dokuwiki__header .tools li {
-    float: none;
-    text-align: left;
-}
-[dir=rtl] #dokuwiki__header .tools,
-[dir=rtl] #dokuwiki__header .tools li {
-    float: none;
-    text-align: right;
-}
-[dir=rtl] #dokuwiki__header .headings {
-    float: none;
-    text-align: right;
-}
-
-#dokuwiki__sitetools ul {
-    padding: 0;
-}
-#dokuwiki__sitetools li {
-    margin: 0 1.5em 0 0;
-}
-[dir=rtl] #dokuwiki__sitetools li {
-    margin: 0 0 0 1.5em;
-}
-
-#dokuwiki__header div.breadcrumbs {
-    margin-bottom: .7em;
-}
-
-
-#dokuwiki__header ul.a11y.skip {
-    left: auto !important;
-    right: 1em !important;
-    top: 3.1em !important;
-    width: auto !important;
-    height: auto !important;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-[dir=rtl] #dokuwiki__header ul.a11y.skip {
-    right: auto !important;
-    left: 1em !important;
-}
-
-
-} /* /@media */
\ No newline at end of file
diff --git a/css/print.css b/css/print.css
index 5a7be03..d655956 100755
--- a/css/print.css
+++ b/css/print.css
@@ -1,154 +1,6 @@
 /**
  * This file provides the styles for printing.
  *
- * @todo: improve and finish
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
-body {
-    font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
-    background-color: #fff;
-    color: #000;
-}
-
-/* hide certain sections */
-audio,
-video,
-#dokuwiki__header .tools,
-#dokuwiki__aside,
-.dokuwiki .breadcrumbs,
-.dokuwiki .toc,
-#dw__toc,
-#dokuwiki__pagetools,
-#dokuwiki__footer {
-    display: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-caption,
-legend {
-    clear: both;
-}
-
-ul {
-    list-style: disc outside;
-}
-ol {
-    list-style: decimal outside;
-}
-ol ol {
-    list-style-type: lower-alpha;
-}
-ol ol ol {
-    list-style-type: upper-roman;
-}
-ol ol ol ol {
-    list-style-type: upper-alpha;
-}
-ol ol ol ol ol {
-    list-style-type: lower-roman;
-}
-
-/* undo icons */
-a:link,
-a:visited {
-    text-decoration: none;
-    border-bottom: 1pt dotted;
-    color: #333;
-    background-color: inherit;
-    background-image: none;
-    padding: 0;
-}
-
-/* display href after link */
-a.urlextern:after,
-a.interwiki:after,
-a.mail:after {
-   content: " [" attr(href) "]";
-   font-size: 90%;
-}
-
-/* code blocks */
-pre {
-    font-family: monospace;
-}
-dl.code dt,
-dl.file dt {
-    font-weight: bold;
-}
-
-/* images */
-img {
-    border-width: 0;
-    vertical-align: middle;
-}
-img.media {
-    margin: .2em 0;
-}
-img.medialeft {
-    margin: .2em 1.5em .2em 0;
-}
-img.mediaright {
-    margin: .2em 0 .2em 1.5em;
-}
-img.mediacenter {
-    margin: .2em auto;
-}
-
-mark {
-    font-weight: bold;
-}
-
-blockquote {
-    padding: 0 10pt;
-    margin: 0;
-    border: solid #ccc;
-    border-width: 0 0 0 2pt;
-}
-[dir=rtl] blockquote {
-    border-width: 0 2pt 0 0;
-}
-
-/* tables */
-table {
-    border-collapse: collapse;
-    empty-cells: show;
-    border-spacing: 0;
-    border: 1pt solid #ccc;
-}
-th,
-td {
-    padding: 3pt 5pt;
-    margin: 0;
-    vertical-align: top;
-    border: 1pt solid #666;
-    text-align: left;
-}
-[dir=rtl] th,
-[dir=rtl] td {
-    text-align: right;
-}
-th {
-    font-weight: bold;
-}
-
-
-/*____________ a bit of layout ____________*/
-
-#dokuwiki__header {
-    border-bottom: 2pt solid #ccc;
-}
-#dokuwiki__header h1 {
-    font-size: 1.5em;
-}
-#dokuwiki__header h1 a {
-    text-decoration: none;
-}
-.dokuwiki div.footnotes {
-    clear: both;
-    border-top: 1pt solid #000;
-    margin-top: 10pt;
-}
diff --git a/css/structure.css b/css/structure.css
deleted file mode 100755
index f82bb6e..0000000
--- a/css/structure.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * This file provides styles for the general layout structure.
- *
- * @author Anika Henke <anika@selfthinker.org>
- */
-
-body {
-    margin: 0 auto;
-}
-#dokuwiki__site {
-    margin: 0 auto;
-    max-width: __site_width__;
-    padding: 1.4em 1em;
-}
-#dokuwiki__site > .site {
-}
-
-#dokuwiki__header {
-}
-#dokuwiki__header > .pad {
-}
-    #dokuwiki__header .headings {
-        float: left;
-    }
-    [dir=rtl] #dokuwiki__header .headings {
-        float: right;
-    }
-
-    #dokuwiki__header .tools {
-        float: right;
-        text-align: right;
-    }
-    [dir=rtl] #dokuwiki__header .tools {
-        float: left;
-        text-align: left;
-    }
-
-#dokuwiki__site .wrapper {
-    position: relative;
-}
-
-    #dokuwiki__aside {
-        width: __sidebar_width__;
-        float: left;
-        position: relative;
-        display: block;
-    }
-    [dir=rtl] #dokuwiki__aside {
-        float: right;
-    }
-    #dokuwiki__aside > .pad {
-        margin: 0 1.5em 0 0;
-    }
-    [dir=rtl] #dokuwiki__aside > .pad {
-        margin: 0 0 0 1.5em;
-    }
-
-    /* make content wider when there's no sidebar */
-    .hasSidebar #dokuwiki__content {
-        float: right;
-        margin-left: -__sidebar_width__;
-        width: 100%;
-    }
-    [dir=rtl] .hasSidebar #dokuwiki__content {
-        float: left;
-        margin-left: 0;
-        margin-right: -__sidebar_width__;
-    }
-    .hasSidebar #dokuwiki__content > .pad {
-        margin-left: __sidebar_width__;
-    }
-    [dir=rtl] .hasSidebar #dokuwiki__content > .pad {
-        margin-left: 0;
-        margin-right: __sidebar_width__;
-    }
-
-#dokuwiki__footer {
-    clear: both;
-}
-#dokuwiki__footer > .pad {
-}
diff --git a/main.php b/main.php
index ed63970..bde0c15 100755
--- a/main.php
+++ b/main.php
@@ -1,35 +1,63 @@
+<!DOCTYPE html>
 <?php
+
 /**
- * DokuWiki Starter Template
+ * DokuWiki sprintDoc Template
  *
- * @link     http://dokuwiki.org/template:starter
- * @author   Anika Henke <anika@selfthinker.org>
+ * @link     FIXME
+ * @author   Jana Deutschlaender <deutschlaender@cosmocode.de>
  * @license  GPL 2 (http://www.gnu.org/licenses/gpl.html)
  */
 
-if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
-@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
+if (!defined('DOKU_INC')) die();                        /* must be run from within DokuWiki */
+@require_once(dirname(__FILE__).'/tpl_functions.php');  /* include hook for template functions */
 header('X-UA-Compatible: IE=edge,chrome=1');
 
 $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) );
 $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
-?><!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>"
-  lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
-<head>
-    <meta charset="UTF-8" />
-    <title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
-    <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
-    <?php tpl_metaheaders() ?>
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <?php echo tpl_favicon(array('favicon', 'mobile')) ?>
-    <?php tpl_includeFile('meta.html') ?>
-</head>
 
+?>
+<!--[if lt IE 9]> <html class="no-js lt-ie10 lt-ie9" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <![endif]-->
+<!--[if IE 9]> <html class="no-js lt-ie10 ie-9" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <![endif]-->
+<!--[if gt IE 9]><!--> <html class="edge no-js" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <!--<![endif]-->
+<head>
+
+<?php
+
+/* + + + + + + + + + + + + + +  meta and link relations  + + + + + + + + + + + + + + */
+?>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<?php tpl_metaheaders() ?>
+<?php
+
+/* + + + + + + + + + + + + + +  IE8 support HTML5 / media queries  + + + + + + + + + */
+?>
+<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
+
+<?php
+
+/* + + + + + + + + + + + + + + page title  + + + + + + + + + + + + + + + + + + + + + */
+?>
+<title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
+
+<script type="text/javascript">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
+
+<?php
+
+/* + + + + + + + + + + + + + +  favicons   + + + + + + + + + + + + + + + + + + + + + */
+?>
+<?php echo tpl_favicon(array('favicon', 'mobile')) ?> <?php /* DokuWiki: favicon.ico, apple-touch-icon.png  */ ?>
+<?php /* FIXME: additional favicons */ ?>
+
+<?php
+
+/* + + + + + + + + + + + + + +  Include Hook: meta.html  + + + + + + + + + + + + + + */
+?>
+<?php tpl_includeFile('meta.html') ?>
+</head>
 <body>
-    <?php /* with these Conditional Comments you can better address IE issues in CSS files,
-             precede CSS rules by #IE8 for IE8 (div closes at the bottom) */ ?>
-    <!--[if lte IE 8 ]><div id="IE8"><![endif]-->
+
 
     <?php /* the "dokuwiki__top" id is needed somewhere at the top, because that's where the "back to top" button/link links to */ ?>
     <?php /* tpl_classes() provides useful CSS classes; if you choose not to use it, the 'dokuwiki' class at least
@@ -173,6 +201,6 @@ $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
     </div></div><!-- /site -->
 
     <div class="no"><?php tpl_indexerWebBug() /* provide DokuWiki housekeeping, required in all templates */ ?></div>
-    <!--[if lte IE 8 ]></div><![endif]-->
+
 </body>
 </html>
diff --git a/style.ini b/style.ini
index 421d837..8622ff1 100755
--- a/style.ini
+++ b/style.ini
@@ -7,6 +7,7 @@
 ; Please don't forget to copy the section your changes should be under
 ; (i.e. [stylesheets] or [replacements]) into that file as well.
 
+
 ; Define the stylesheets your template uses here. The second value
 ; defines for which output media the style should be loaded. Currently
 ; print, screen and all are supported.
@@ -14,9 +15,15 @@
 ; be checked for updates when considering a cache rebuild while files
 ; included through LESS' @import statements are not
 
+
+
 [stylesheets]
 
-css/basic.css                         = screen
+; * * * * * * * * * * * * * * * * * * * * *
+; DokuWiki Default Template Styles
+; * * * * * * * * * * * * * * * * * * * * *
+
+
 ../dokuwiki/css/_imgdetail.css        = screen
 ../dokuwiki/css/_media_popup.css      = screen
 ../dokuwiki/css/_media_fullscreen.css = screen
@@ -32,15 +39,40 @@ css/basic.css                         = screen
 ../dokuwiki/css/_modal.css            = screen
 ../dokuwiki/css/_forms.css            = screen
 ../dokuwiki/css/_admin.css            = screen
-css/structure.css                     = screen
-css/design.css                        = screen
-css/content.css                       = screen
-css/includes.css                      = screen
 
-css/mobile.css                        = all
+
+
+; * * * * * * * * * * * * * * * * * * * * *
+; sprintDoc Template Styles
+; * * * * * * * * * * * * * * * * * * * * *
+
+; responsive behaviour for structure and areas is handled in style modules
+
+; _____________  basic styles  _____________
+
+css/base.less                         = all
+css/base_fonts.less                   = all
+css/base_structure.less               = all
+css/base_design.less                  = all
+
+
+; _____________  area styles   _____________
+
+css/area_content.less                 = all
+css/area_header.less                  = all
+css/area_footer.less                  = all
+css/area_navigation.less              = all
+
+
+; _____________  plugin styles _____________
+
+
+; _____________  print styles  _____________
+
 css/print.css                         = print
 
 
+
 ; This section is used to configure some placeholder values used in
 ; the stylesheets. Changing this file is the simplest method to
 ; give your wiki a new look.