<!-- <link href="{{ header.absoluteThemePath }}/style.css" rel="stylesheet" type="text/css" /> -->
<style type="text/css">
  body {
    margin: 0;
    padding: 0;
  }

  div#kmailPage > header {
    z-index: 2;
    position: fixed;
    width: 96%; /* 100% is too wide... */
    overflow: auto;
    background-color: Ivory;
    padding: 1ex 1em;
    border-top: .3ex solid SteelBlue;
    border-bottom: 1px dashed SteelBlue;
  }

  div#kmailPage > div#headerDummy {
    z-index: 0;
    visibility: hidden;
    overflow: auto;
    padding: 1ex 1em;
    border-top: .3ex;
    border-bottom: 1px;
  }

  div#kmailPage > header > h1, div#kmailPage > div#headerDummy > h1 {
    clear: both;
    font-size: 100%;
    font-weight: bold;
  }

  div#kmailPage > header > div#date, div#kmailPage > div#headerDummy > div#date {
    color: DimGray;
    font-weight: bold;
    font-style: italic;
  }

  div#kmailPage > header > ul, div#kmailPage > div#headerDummy > ul {
    display: table;
    border-collapse: separate;
    border-spacing: 1em 1ex;
    margin: 0;
    padding: 0;
  }

  div#kmailPage > header > ul > li, div#kmailPage > div#headerDummy > ul > li {
    display: table-row;
    padding-bottom: 1ex;
  }

  div#kmailPage > header > ul > li > span, div#kmailPage > div#headerDummy > ul > li > span {
    display: table-cell;
  }

  div#kmailPage > header > ul > li > span.key, div#kmailPage > div#headerDummy > ul > li > span.key {
    text-align: right;
  }

  div#kmailPage > div#kmailContent {
    z-index: 1;
    padding: 3ex 2em 2ex;
    background-color: White;
  }
</style>
<div id="kmailPage">
  <header dir="ltr">
    {% include "header-content.html" %}
  </header>
  <div id="headerDummy" dir="ltr">
    {% include "header-content.html" %}
  </div>
  <div id="kmailContent">