# Default PAGE object:
page = PAGE

page.CSS_inlineStyle (
  body {
    background: lightgray;
    color: darkgray;
  }
  #wrapper {
    border: 1px solid gray;
    width: 900px;
    margin: 0 auto;
  }
  header img {
    vertical-align: bottom;
  }
  nav {
    background: #309887;
    padding: 5px;
  }
  main {
    background: white;
    padding: 5px;
  }
  footer {
    text-align:center;
    padding: 5px;
  }
)

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

  10 = COA
  10 {
    wrap = <header>|</header>

    10 = IMAGE
    10.file = fileadmin/Bilder/typo3einsteiger.png
    10.altText = Logo der Seite

    20 = TEXT
    20.value = NAVIGATION
    20.wrap = <nav>|</nav>
  }

  20 = COA
  20 {
    wrap = <main>|</main>
    10 < styles.content.get
  }

  30 = COA
  30 {
    wrap = <footer>|</footer>
    10 = TEXT
    10.value = &copy; 2017 TYPO3einsteiger
  }
}