hauptmenu = HMENU
hauptmenu {
  1 = TMENU
  1.wrap = <ul>|</ul>
  1.NO = 1
  1.NO.linkWrap = <li>|</li>
  1.CUR = 1
  1.CUR.linkWrap = <li class="aktiv">|</li>
}

page = PAGE

page.CSS_inlineStyle (
  body {
    background: lightgrey;
    color: #555555;
  }
  #wrapper {
    width: 900px;
    margin: 0 auto;
    border: 1px solid gray;
  }
  header img {
     vertical-align: bottom;
  }
  nav {
    background: #309887;
    color: white;
    padding: 10px 20px;
  }
  nav ul {
    padding-left: 0;
    list-style-type = none;
    margin: 0;
    display: table;
    width: 100%;
  }
  nav li {
    display: table-cell;
    text-align: center;
  }
  nav a {
    color: black;
    text-decoration: none;
  }
  nav a:hover {
    text-decoration: underline;
  }
  nav .aktiv a {
     color: white;
  }
  main {
    display: block;
    padding: 10px;
    background: white;
  }
  footer {
    text-align: center;
    padding: 10px;
  }
)


page {
  10 = COA
  10 {
    wrap = <div id="wrapper">|</div>
    10 = COA
    10 {
      wrap = <header>|</header>
      10 = IMAGE
      10.file = fileadmin/vorlage/informativ.jpg
      10.altText = Logo der Seite
      20 < hauptmenu
      20.wrap = <nav>|</nav>
    }
    20 = COA
    20 {
      wrap = <main>|</main>
      10 < styles.content.get
    }
    30 = COA
    30 {
      wrap = <footer>|</footer>
      10 = TEXT
      10.field = title
      20 = TEXT
      20.value = &nbsp;&mdash; &copy; 2017 informativ inc.
    }
 }

#################### ausführliche Version
/*
page = PAGE

page.10 = COA
page.10.wrap = <div id="wrapper">|</div>

page.10.10 = COA
page.10.10.wrap = <header>|</header>

page.10.20 = COA
page.10.20.wrap = <main>|</main>

page.10.30 = COA
page.10.30.wrap = <footer>|</footer>

page.10.10.10 = IMAGE
page.10.10.10.file = fileadmin/vorlage/informativ.jpg
page.10.10.10.altText = Logo der Seite

page.10.10.20 = TEXT
page.10.10.20.value = NAVIGATION
page.10.10.20.wrap = <nav>|</nav>

page.10.20.10 < styles.content.get

page.10.30.10 = TEXT
page.10.30.10.field = title

page.10.30.20 = TEXT
page.10.30.20.value = &nbsp;&mdash; &copy; 2017 informativ inc.
*/