<style>
  .container {
    padding-top: 15px;
    width: 680px;
    font-size: 11pt;
  }
  .header, .footer { text-align: right; font-size: 8pt; width: 676px; }
  
  .div_logo { margin-top: 51px; margin-left: 75px; }
  
  .pos_absolute { position: absolute; }
  
  .header_1-7 {
    margin-left: -130px;
  }
  .header_1{ margin-top: 57px; }
  .header_2{ margin-top: 69px; }
  .header_3{ margin-top: 81px; }
  .header_4{ margin-top: 107px; }
  .header_5{ margin-top: 119px; }
  .header_6{ margin-top: 131px; }
  .header_7{ margin-top: 143px; }
    
  .footer { margin-left: 542px; }
  .footer_1{ margin-top: 958px; }
  .footer_2{ margin-top: 973px; }
  .footer_3{ margin-top: 988px; }
  .footer_4{ margin-top: 1003px; }
  .footer_5{ margin-top: 1018px; }
  
  .container0_1{ margin-top: 194px; font-size: 7pt; margin-left: 80px;}
  .container0_2{ margin-top: 194px; margin-left: 545px; }
  
  .container_adresse_1{ margin-top: 223px; }
  .container_adresse_2{ margin-top: 243px; }
  .container_adresse_3{ margin-top: 263px; }
  .container_adresse_4{ margin-top: 283px; }

  .container_ueberschrift{ margin-top: 330px; font-size: 12pt; }
  /*Kurstitel*/
  .container_inhalt_1, .container_inhalt_1_0 { margin-top: 464px; }
  
  /*Kurs Nr.*/
  .container_inhalt_2, .container_inhalt_2_0 { margin-top: 494px; }
  
  /*Semester*/
  .container_inhalt_3, .container_inhalt_3_0, .container_inhalt_3_1 { margin-top: 524px; }
  .container_inhalt_3_1 { margin-left: 312px; }
  
  /*Dozent*in*/
  .container_inhalt_4, .container_inhalt_4_0 { margin-top: 554px; }

  /*Datum*/
  .container_inhalt_5, .container_inhalt_5_0 { margin-top: 584px; }

  /*Beginn*/
  .container_inhalt_6, .container_inhalt_6_0 { margin-top: 614px; }
  
  /*Ende*/
  .container_inhalt_7, .container_inhalt_7_0 { margin-top: 644px; }
  
  /*Dauer*/
  .container_inhalt_8, .container_inhalt_8_0, .container_inhalt_8_1 { margin-top: 674px; }
  .container_inhalt_8_1 { margin-left: 312px; }
  
  /*Uhrzeit*/
  .container_inhalt_9, .container_inhalt_9_0, .container_inhalt_9_1 { margin-top: 704px; }
  .container_inhalt_9_1 { margin-left: 370px; }
  
  /*Kursort*/
  .container_inhalt_10, .container_inhalt_10_0 { margin-top: 734px; }
  
  /*Honoar*/
  .container_inhalt_11, .container_inhalt_11_0 { margin-top: 764px; }

  .logo {
    width: 153px;
  }
  .logo_text_1, .logo_text_2 {
    font-size: 16pt;
    margin-left: -436px;
  }
  .logo_text_1 {
    margin-top: 55px;
  }
  .logo_text_2 {
    margin-top: 79px;
  }

  .blau {
    color: #00285A;
  }
  .hellblau {
    color: #647D9B;
  }
  .abstand_links {
    margin-left: 77px;
  }
  .abstand_links_groesser {
    margin-left: 172px;
  }
</style>
<page>
  <page_header>
    <div class="header blau">
      <div class="div_logo pos_absolute"><img src="{%fb_logo%}" class="logo" alt="logo"></div>
      <div>
        <div class="logo_text_1 pos_absolute hellblau">Volkshochschule</div>
        <div class="logo_text_2 pos_absolute">Demohausen</div>
      </div>
      <div class="header_1-7">
        <div class="header_1 pos_absolute">Volkshochschule Demohausen</div>
        <div class="header_2 pos_absolute">Hauptstraße 5</div>
        <div class="header_3 pos_absolute">11111 Demohausen</div>
        <div class="header_4 pos_absolute">Tel.: 089/2075123</div>
        <div class="header_5 pos_absolute">Fax: 089/2076123</div>
        <div class="header_6 pos_absolute">info@kufer.de</div>
        <div class="header_7 pos_absolute">www.kufer.de</div>
      </div>
    </div>
      
  </page_header>
  <page_footer>
    <div class="footer blau">
      <div class="footer_1 pos_absolute">Demobank</div>
      <div class="footer_2 pos_absolute">Konto: 123456</div>
      <div class="footer_3 pos_absolute">BLZ: 71151020</div>
      <div class="footer_4 pos_absolute">BIC: BYLADEM1MDF</div>
      <div class="footer_5 pos_absolute">IBAN: DE76711510200000123456</div>
    </div>
  </page_footer>
  <div class="container">
    <div class="container0">
      <div class="container0_1 pos_absolute blau">Volkshochschule Demohausen, Hauptstraße 5, 11111 Demohausen</div>
      <div class="container0_2 pos_absolute">Demohausen, {%fb_datum_aktuell%}</div>
    </div>  
    <div class="container_adresse">
      <div class="container_adresse_1 pos_absolute abstand_links">{%d_anrede%}</div>
      <div class="container_adresse_2 pos_absolute abstand_links">{%d_titel%} {%d_vorname%} {%d_name%}</div>
      <div class="container_adresse_3 pos_absolute abstand_links">{%d_strasse_und_nr%}</div>
      <div class="container_adresse_4 pos_absolute abstand_links">{%d_plz_ort%}</div>
    </div>
    <div class="container_ueberschrift abstand_links">
      <div><b>Vertrag über freie Mitarbeit als Dozent*in bei der VHS Demohausen</b></div>
    </div>
    
    <div class="container_inhalt">
      <div class="container_inhalt_1 pos_absolute abstand_links"><strong>Kurstitel:</strong></div>
      <div class="container_inhalt_1_0 pos_absolute abstand_links_groesser"><strong>{%k_titel%}</strong></div>
      
      <div class="container_inhalt_2 pos_absolute abstand_links"><strong>Kurs-Nr.:</strong></div>
      <div class="container_inhalt_2_0 pos_absolute abstand_links_groesser">{%k_nr%}</div>
      <div>
        <div class="container_inhalt_3 pos_absolute abstand_links"><strong>Semester:</strong></div>
        <div class="container_inhalt_3_0 pos_absolute abstand_links_groesser">{%k_semester%}</div>
        <div class="container_inhalt_3_1 pos_absolute">{%k_aussenstelle%}</div>
      </div>
      
      <div class="container_inhalt_4 pos_absolute abstand_links"><strong>Dozent*in:</strong></div>
      <div class="container_inhalt_4_0 pos_absolute abstand_links_groesser">{%d_vorname%} {%d_name%}</div>

      <div class="container_inhalt_5 pos_absolute abstand_links"><strong>Datum:</strong></div>
      <div class="container_inhalt_5_0 pos_absolute abstand_links_groesser"></div>

      <div class="container_inhalt_6 pos_absolute abstand_links"><strong>Beginn:</strong> </div>
      <div class="container_inhalt_6_0 pos_absolute abstand_links_groesser">{%k_beginn_dat%}</div>
      
      <div class="container_inhalt_7 pos_absolute abstand_links"><strong>Ende:</strong> </div>
      <div class="container_inhalt_7_0 pos_absolute abstand_links_groesser">{%k_ende_dat%}</div>
      <div>
        <div class="container_inhalt_8 pos_absolute abstand_links"><strong>Dauer: </strong></div>
        <div class="container_inhalt_8_0 pos_absolute abstand_links_groesser">{%k_dauer%} </div>
        <div class="container_inhalt_8_1 pos_absolute"><strong>UE: </strong>{%k_stundenanz%}</div>
      </div>
      <div>
        <div class="container_inhalt_9 pos_absolute abstand_links"><strong>Uhrzeit:</strong></div>
        <div class="container_inhalt_9_0 pos_absolute abstand_links_groesser"><strong>Beginn: </strong>{%k_beginn%} Uhr</div>
        <div class="container_inhalt_9_1 pos_absolute"><strong>Ende: </strong>{%k_ende%} Uhr</div>
      </div>
      <div class="container_inhalt_10 pos_absolute abstand_links"><strong>Kursort: </strong></div>
      <div class="container_inhalt_10_0 pos_absolute abstand_links_groesser">{%k_kursort%}</div>
      <div class="container_inhalt_11 pos_absolute abstand_links"><strong>Honorar: </strong></div>
      <div class="container_inhalt_11_0 pos_absolute abstand_links_groesser">{%k_honfaktor%} x {%k_honorarsatz%} € = {%k_honorar_gesamt%} €  </div>
    </div>
  </div>
  
</page>
