<!--
  @copyright (c) Kufer Software GmbH, Oderstraße 7, D-84453 Mühldorf
-->
<style xmlns="http://www.w3.org/1999/html">
  .vhs_logo {
    margin-left: -10px;
  }

  .vhs_logo img {
    width: 120px;
  }

  .vhs_adresse {
    position: absolute;
    margin-top: 8px;
    left: 355px;
  }

  .dozent {
    margin-top: 35px;
  }
  
  .dozent_row {
    margin-left: 5px;
    margin-bottom: 12px;
    position: relative;
  }
  
  .dozent_wert {
    position: absolute;
    left: 85px;
    font-weight: bold;
  }

  .dozent_underscore {
    position: absolute;
    left: 80px;
    margin-top: 2px;
    font-weight: normal;
  }

  .rechnung_datum_label {
    position: absolute;
    left: 380px;
  }

  .rechnung_datum_wert {
    position: absolute;
    right: 90px;
  }

  .rechnung_underscore {
    position: absolute;
    right: 0;
  }

  .ueberschrift {
    margin-top: 5px;
    font-size: 16pt;
    font-weight: bold;
  }

  .kurs_row {
    position: relative;
    margin-bottom: 15px;
  }

  .kurs_row_without_margin_bottom {
    position: relative;
  }

  .kurs_col2,
  .kurs_col2_underscore_left {
    position: absolute;
    left: 90px;
  }

  .kurs_col3 {
    position: absolute;
    left: 180px;
  }
  
  .kurs_col4 {
    position: absolute;
    left: 235px;
  }

  .kurs_col5 {
    position: absolute;
    left: 280px;
  }

  .kurs_col6 {
    position: absolute;
    left: 330px;
  }

  .kurs_col4_underscore,
  .kurs_col6_underscore {
    position: absolute;
    right: 0;
  }

  .abrechnung {
    position: relative;
  }

  .abrechnung_row {
    position: relative;
    margin-bottom: 10px;
  }

  .abrechnung_col1 {
    position: relative;
    margin-left: 5px;
  }

  .abrechnung_col2 {
    position: absolute;
    left: 230px;
  }

  .abrechnung_col3 {
    position: absolute;
    left: 390px;
  }

  .abrechnung_col4 {
    position: absolute;
    right: 20px;
  }

  .abrechnung_col5 {
    position: absolute;
    right: 30px;
  }

  .abrechnung_col6 {
    position: absolute;
    left: 355px;
  }

  .underscore {
    position: absolute;
    right: 0;
    margin-top: 2px;
  }

  .underscore_2nd {
    position: absolute;
    right: 0;
    margin-top: 4px;
  }

  .underscore_mit_abstand {
    position: absolute;
    right: 0;
    margin-top: 6px;
  }

  .bankdaten {
    margin-top: 40px;
    width: 95%;
  }
  
  .bank_table {
    margin-left: 5px;
  }
  
  .bank_row {
    margin-bottom: 25px;
    position: relative;
  }

  .bank_text {
    margin-bottom: 12px;
    position: relative;
  }
  
  .bank_wert {
    position: absolute;
    left: 140px;
  }

  .bestaetigung_row {
    position: relative;
  }

  .bestaetigung_col1 {
    position: relative;
    margin-left: 10px;
  }

  .bestaetigung_col2 {
    position: absolute;
    text-align: justify;
    margin-left: 30px;
    width: 480px;
  }

  .datum_unterschrift {
    margin-top: 20px;
  }

  .datum_unterschrift_row {
    position: relative;
    margin-bottom: 1px;
  }

  .datum_unterschrift_col1 {
    margin-left: 5px;
  }

  .datum_unterschrift_col2 {
    position: absolute;
    margin-left: 170px;
  }

  .datum_unterschrift_underscore {
    position: absolute;
    margin-top: -14px;
  }

  .bold {
    font-weight: bold;
  }
  .zwei_zeilig {
    margin-bottom: 13px;
  }
</style>

<page backright="12mm" backleft="12mm">
  <div class="vhs_logo">
    <img src="{%vhs_logo%}" alt="Logo" />
  </div>

  <div class="vhs_adresse">
    Volkshochschule Burghausen-Burgkirchen e.V.<br />
    Marktler Str. 16<br />
    84489 Burghausen
  </div>

  <div class="dozent">
    <div class="dozent_row">
      <div class="dozent_label">Name:</div>
      <div class="dozent_wert">{%d_vorname%} {%d_name%}</div>
      <div class="dozent_underscore">______________________________________</div>
      <div class="rechnung_datum_label">Rechnungsdatum:</div>
      <div class="rechnung_datum_wert">{%rech_datum%}</div>
      <div class="rechnung_underscore">______________________</div>
    </div>
    <div class="dozent_row">
      <div class="dozent_label">Straße:</div>
      <div class="dozent_wert">{%d_strasse_und_nr%}</div>
      <div class="dozent_underscore">______________________________________</div>
    </div>
    <div class="dozent_row">
      <div class="dozent_label">Ort:</div>
      <div class="dozent_wert">{%d_plz_ort%}</div>
      <div class="dozent_underscore">______________________________________</div>
    </div>
  </div>

  <div class="kurs">
    <div class="kurs_row">
      <div class="ueberschrift">Honorarabrechnung</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">Für meine Kursleitertätigkeit</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">Kursnummer:</div>
      <div class="kurs_col2">{%k_nr%}</div>
      <div class="kurs_col2_underscore_left">____________</div>
      <div class="kurs_col3">Kurstitel:</div>
      <div class="kurs_col4">{%k_titel%}</div>
      <div class="kurs_col4_underscore">__________________________________________________________</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">Kurszeitraum:</div>
      <div class="kurs_col2">{%k_beginn_datum%} - {%k_ende_datum%}</div>
      <div class="kurs_col2_underscore_left">______________________________________________________________________________</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">Anzahl Tage:</div>
      <div class="kurs_col2">{%k_dauer%}</div>
      <div class="kurs_col2_underscore_left">_________________________</div>
      <div class="kurs_col5">Kursort:</div>
      <div class="kurs_col6">{%k_ort%}</div>
      <div class="kurs_col6_underscore">______________________________________________</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">stelle ich Ihnen das Honorar gemäß Vertrag wie folgt in Rechnung:</div>
    </div>
    <div class="kurs_row_without_margin_bottom">
      <div class="kurs_col1">vereinbartes Bruttohonorar je Unterrichtseinheit (lt. KL-Vereinbarung):</div>
    </div>
    <div class="kurs_row">
      <div class="kurs_col1">vereinbarter Fahrtkostenzuschuss je km (lt. KL-Vereinbarung):</div>
    </div>
  </div>

  <div class="abrechnung">
    <div class="abrechnung_row">
      <div class="abrechnung_col2 bold">geleistete UE</div>
      <div class="abrechnung_col3 bold">Bruttohonorar je UE/€</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col1 bold">Bezeichnung</div>
      <div class="abrechnung_col2 bold">gefahrene km</div>
      <div class="abrechnung_col3 bold">Zuschuss je km</div>
      <div class="abrechnung_col5 bold">Gesamt/€</div>
      <div class="underscore">__________________________________________________________________________________________</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col1">Honorar</div>
      <div class="abrechnung_col2">{%dk_honfaktor%}</div>
      <div class="abrechnung_col3">{%dk_honsatz%}</div>
      <div class="abrechnung_col4">{%dk_honorar%}</div>
      <div class="underscore_mit_abstand">___________________________________________________________</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col1">Fahrtkosten</div>
      <div class="abrechnung_col2">{%dk_fahrtentfernung_gesamt%}</div>
      <div class="abrechnung_col3">{%dk_fahrtkmsatz%}</div>
      <div class="abrechnung_col4">{%dk_fahrtkosten%}</div>
      <div class="underscore_mit_abstand">__________________________________________________________________________________________</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col1">Rechnungsbetrag</div>
      <div class="abrechnung_col4">{%dk_honorar_fahrtkosten_summe%}</div>
      <div class="underscore_mit_abstand">__________________________________________________________________________________________</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col1">Auslagenersatz -- wenn vereinbart<br>(Originalbelege liegen bei)</div>
      <div class="abrechnung_col4">{%dk_spesen%}</div>
      <div class="underscore_mit_abstand">_______________</div>
    </div>
    <div class="abrechnung_row">
      <div class="abrechnung_col6 bold">Rechnungsbetrag &nbsp;&nbsp;€</div>
      <div class="abrechnung_col4">{%dk_gesamt%}</div>
      <div class="underscore">__________________________________________</div>
      <div class="underscore_2nd">__________________________________________</div>
    </div>
  </div>

  <div class="bankdaten">
    <div class="bank_text">Bitte überweisen Sie den Rechnungsbetrag ohne Abzüge auf folgendes Konto:</div>
    <div class="bank_table">
      <div class="bank_row">
        <div class="bank_label">Kontoinhaber:</div>
        <div class="bank_wert">{%d_kontoinhaber%}</div>
        <div class="underscore_mit_abstand">___________________________________________________________________</div>
      </div>
      <div class="bank_row">
        <div class="bank_label">Bank:</div>
        <div class="bank_wert">{%d_bankbez%}</div>
        <div class="underscore_mit_abstand">___________________________________________________________________</div>
      </div>
      <div class="bank_row">
        <div class="bank_label">IBAN:</div>
        <div class="bank_wert">{%d_iban%}</div>
        <div class="underscore_mit_abstand">___________________________________________________________________</div>
      </div>
      <div class="bank_row">
        <div class="bank_label">BIC:</div>
        <div class="bank_wert">{%d_bic%}</div>
        <div class="underscore_mit_abstand">___________________________________________________________________</div>
      </div>
    </div>
  </div>

  <div class="bestaetigung">
    <div class="bestaetigung_row">
      <div>Ich bestätige:</div>
    </div>
    <div class="bestaetigung_row">
      <div class="bestaetigung_col1">-</div>
      <div class="bestaetigung_col2">die Richtigkeit der vorstehenden Angaben.</div>
    </div>
    <div class="bestaetigung_row">
      <div class="bestaetigung_col1 zwei_zeilig">-</div>
      <div class="bestaetigung_col2">für die Versteuerung der Beträge aus der Tätigkeit als Dozent der<br>vhs Burghausen-Burgkirchen selbst Sorge zu tragen.</div>
    </div>
    <div class="bestaetigung_row">
      <div class="bestaetigung_col1 zwei_zeilig">-</div>
      <div class="bestaetigung_col2">davon Kenntnisse zu nehmen, dass keine Sozialversicherungspflicht besteht und ich für evtl. Nebentätigkeitserlaubnis selbst zu sorgen habe.</div>
    </div>
  </div>

  <div class="datum_unterschrift">
    <div class="datum_unterschrift_row">
      <div class="datum_unterschrift_col1 bold">{%rech_datum%}</div>
      <!-- Unterschrift-Bild einfügen -->
      <div class="datum_unterschrift_col2 bold">gez. {%d_vorname%} {%d_name%}</div>
    </div>
    <div class="datum_unterschrift_row">
      <div class="datum_unterschrift_col1 bold">Datum</div>
      <!-- Unterschrift-Bild einfügen -->
      <div class="datum_unterschrift_col2 bold">Kursleiter</div>
      <div class="datum_unterschrift_underscore">________________________________________________________________________________________</div>
    </div>
  </div>
</page>