<style>
  .container {
    margin-left: 40px;
  }
  
  .kopfbereich {
    height: 340px;
  }
  
  .logo {
    text-align: right;
    padding-right: 25px;
    padding-top: 5px;
    height: 150px;
  }
  
  .logo img {
    height: 95px;
  }
  
  .mvsAbsender {
    font-size: 7pt;
    margin-bottom: 25px;
  }
  
  .doz_plz {
    margin-top: 10px;
  }
  
  .oberhalb_tabelle {
    position: relative;
  }
  
  h1 {
    font-size: 20px;
  }
  
  .date_today {
    position: absolute;
    top: 20px;
    right: 35px;
  }
  
  .abr_summe_label {
    width: 175px;
    display: inline;
  }
  
  .abr_summe_betrag {
    display: inline;
    width: 100px;
    text-align: right;
  }
  
  .abr_summe_gesamt {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .abrechnungstabelle {
    font-size: 8pt;
    margin-top: 15px;
    margin-left: 40px;
  }
  
  .abrechnungstabelle td {
    border-top: 0.5px solid black;
    padding-bottom: 10px;
    padding-left: 4px;
    vertical-align: top;
  }
  
  .abrechnungstabelle th {
    border: 1px solid #C2C2C2;
    border-top: 0.5px solid black;
    background-color: #C2C2C2;
    padding-bottom: 10px;
    padding-top: 2px;
    padding-left: 4px;
    vertical-align: top;
  }
  
  .abrechnungstabelle .table_abr_nr {
    width: 30px;
  }
  
  .abrechnungstabelle .table_semester {
    width: 20px;
  }
  
  .abrechnungstabelle .table_kurs_nr {
    width: 55px;
  }
  
  .abrechnungstabelle .table_faktor {
    width: 35px;
  }
  
  .abrechnungstabelle .table_satz {
    width: 40px;
  }
  
  .abrechnungstabelle .table_betrag {
    width: 40px;
  }
  
  .abrechnungstabelle .table_datum_abrechnung {
    width: 70px;
  }
  
  .abrechnungstabelle .table_datum_ueberweisung {
    width: 60px;
  }
  
  .abrechnungstabelle .table_honorarart {
    width: 93px;
  }
  
  .abrechnungstabelle .table_buchungstext {
    width: 120px;
  }  
</style>
<page backbottom="15px">
  <page_footer>
    <div style="text-align: right; padding-top:10px;">{%d_name_vorname%}, Seite [[page_cu]]</div>
  </page_footer>
  <div class="container">    
    <div class="kopfbereich">
      <div class="logo">
        <img src="{%pfadZumLogo%}">
      </div>
      <div class="anschrift">
        <div class="mvsAbsender">Münchner Volkshochschule GmbH &middot; Postfach 80 11 64 &middot; 81611 München</div>
        <div class="doz_anschrift">
          <div>{%d_anrede%}</div>
          <div>{%d_titel_name_vorname%}</div>
          <div>{%d_strasse%} {%d_hausnr%}</div>
          <div class="doz_plz">{%d_plz%} {%d_ort%}</div>
        </div>
      </div>
    </div>
    
    <div class="content">
      <div class="oberhalb_tabelle">
        <h1>Honorarbuchungen Kontoblatt</h1>
        <div class="date_today">{%datumHeute%}</div>
        <div>
          Zeitraum: {%datumVon%} - {%datumBis%}
        </div>
        <div>
          Dozenten-Nr.: {%d_id%}
        </div>
        
        <div class="abr_summe abr_summe_gesamt">
          <div class="abr_summe_label">Gesamtsumme ausbezahlt:</div> <div class="abr_summe_betrag">{%summe_bezahlt%} EUR</div>
        </div>
        <div class="abr_summe">
          <div class="abr_summe_label"><b>davon steuerpflichtig:</b></div> <div class="abr_summe_betrag">{%summe_steuerpflichtig%} EUR</div>
        </div>
        <div class="abr_summe">
          <div class="abr_summe_label">nicht steuerpflichtig:</div> <div class="abr_summe_betrag">{%summe_nicht_steuerpflichtig%} EUR</div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- in html2pdf werden Tabellen anders dargestellt, wenn diese nicht innerhalb eines anderen html-tags stehen z. B. div.
       Insbesondere wird bei langen Tabellen nicht versucht, diese auf einer komplette Seite darzustellen, sondern es werden 
  so viele Zeilen wie möglich auf einer Seite angezeigt.-->
        <table cellspacing="0" class="abrechnungstabelle">
          <thead>
          <tr class="tableHeader">
            <th class="table_abr_nr">Abr.-<br>Nr.</th>
            <th class="table_semester">Sem.</th>
            <th class="table_kurs_nr">Kurs</th>
            <th class="table_faktor">Anz.</th>
            <th class="table_satz">EUR</th>
            <th class="table_betrag">Betrag EUR</th>
            <th class="table_datum_abrechnung">Datum Abrechnung</th>
            <th class="table_datum_ueberweisung">Datum Überweis.</th>
            <th class="table_honorarart">Honorarart</th>
            <th class="table_buchungstext">Buchungstext</th>
          </tr>
          </thead>
          <tbody>
          {ktoTableRowStart}
          <tr>
            <td class="table_abr_nr">{%abrechnungNr%}</td>
            <td class="table_semester">{%semester%}</td>
            <td class="table_kurs_nr">{%knr%}</td>
            <td class="table_faktor">{%faktor%}</td>
            <td class="table_satz">{%satz%}</td>
            <td class="table_betrag">{%betrag%}</td>
            <td class="table_datum_abrechnung">{%abrechnungDatum%}</td>
            <td class="table_datum_ueberweisung">{%ueberweisungDatum%}</td>
            <td class="table_honorarart">{%honorarart%}</td>
            <td class="table_buchungstext">{%buchungstext%}</td>
          </tr>
          {ktoTableRowEnd}
          </tbody>
        </table>

</page>
