<!--
  @copyright (c) Kufer Software GmbH, Oderstraße 7, D-84453 Mühldorf
-->
<style>
  div {
    margin-bottom: 0px;
  }
  
  page {font-family: Arial; }
  img.headerlogo { width: 190px; height: 99px; left: 85px;}
  .logoname {top: 27px;  left: 275px;  width: 350px; font-size: 22px;  }
  .logoname div {margin-bottom: 3px; }
  .logoname .namefirst { color: #7f96ad; }
  .logoname .namelast {font-size: 14px; }
  
 .absender {  margin-left: 35px; font-size: 6pt; text-decoration: underline;}
  
 .container {margin-top: 130px; font-size: 10pt; margin-left: 30px; }
 
  .kopfzeile {
    margin-top: 4px;
    margin-left: 35px;
    height: 89px;
  }
 
  .text_rechts { 
    top: 165px; 
    left:445px; 
    font-size: 8pt;
  }
  
  .text_rechts .partnername { 
    margin-top: 5px;
  }
  
  .text_rechts .buero { 
    margin-bottom: 5px;
  }
  .text_rechts .internet { 
    margin-top: 7px;
  }
  
  .datum_rechts {
    top: 350px; 
    left:445px; 
  }
  
  
  .ueberschrift {
    font-size: 16pt;
    font-weight: bold;
    padding-top: 105px;
    margin-left: 20px;
  }
  
 
  .inhalt {
    margin-left: 20px;
    margin-top: 20px;
    font-size: 12pt;
  }
  
  .ansprache {
    font-size:14pt;
    margin-bottom: 10px; 
  }
  
  .inhalt_fontgross {
    font-size: 14pt;
    margin-bottom: 5px;
    height: 43px; 
    /* notwendig damit HTML2PDF die Hoehe akzeptiert */
    border: 1px solid #ffffff;
  }
  
  .bezeichnung_links { 
    font-weight: bold;
    margin-top: 2px ;
    margin-bottom: 2px;  
  }
  
   /* wird benoetigt, um gleichen vertikalen Abstand auch bei leerem Eintrag zu erhalten */
  .festehoehe {
    height: 18px;
    border: 1px solid #ffffff;  
  }
  
  
  .angemeldete_teilnehmer {
    top: 491.5px; /* 482px; */
    left:200px; 
  }
  .angemeldete_kinder {
    top: 512.5px; /*502.5px; */
    left:200px; 
  }
  .kurs_nummer {
    left: 155px;
    top: 535px;
  }
  
  .kurs_titel {
    left: 155px;
    top: 556.5px; /* 547.5px; */
  }
  
  .kurs_beginn {
    left: 155px;
    top: 578px; /* 567px; */
  }
  
  .bez_von {
    left: 305px;
    top: 578px;
    font-weight: bold;
  }
  
  .kurs_beginnzeit {
    left: 345px;
    top: 578px;
  }
  
  .kurs_ende {
    left: 155px;
    top: 599.5px; /* 587.5px; */
  }
  
  .bez_bis {
    left: 305px;
    top: 599.5px;
    font-weight: bold;
  }
  
  .kurs_endezeit {
    left: 345px;
    top: 599.5px;
  }
  
  .kurs_ort {
    left: 155px;
    top: 621px;
  }
    
  .kurs_raum {
    left: 155px;
    top: 642px;
  }
  
  .kurs_gebuehr {
    left: 155px;
    top: 664.5px;
  }

  .kontoinhaber {
    left: 155px;
    top: 686px; 
  }
  
  .sepa_mandat {
    left: 200px;
    top: 708px;
  }
  
  .bank_iban {
    left: 155px;
    top: 729.5px;
  }
    
  .anm_status {
    left: 155px;
    top: 751px;
  }
  
  .anm_status_oben {
    left: 155px;
    top: 708px;
  }
  
  .anmeldeart {
    left: 155px;
    top: 772.5px;
  }
  
  .anmeldeart_oben {
    left: 155px;
    top: 729.5px;
  }
  
  .textunten {
    margin-left: 20px;
    margin-top: 43.5px; /* 65px; */
    font-size: 14pt;
  }
  
  .gruss {
    margin-left: 20px;
    font-size: 14pt;
    margin-top: 25px;
    margin-bottom: 25px;
  } 
  
  .persdaten {
    margin-left: 20px;
    font-size: 12pt;
  }
    
  .pos_absolute {
    position: absolute;
  }

  .fusszeile {
    position: absolute;
    top: 1045px;
    /* margin-top: 50px; */
    font-size: 11px;
    /* font-family: Calibri; */
  }
  
  .fusszeile div {
    text-align:center;
  }
  
  .buerozeit {
    font-weight: bold;
  }
  
  /* Falls das Sepa Mandat nicht angezeigt wird, wird es hinausgeschoben; display: none funktioniert nicht in html2pdf)*/
 .nosepa_anzeige { position: absolute; left: 1000; top: 1000; } 
  
</style>

<page>
  
  <div class="pos_absolute">
    <img class="pos_absolute headerlogo" src='mitarbeiter/kursuebersicht/detailsreiter/teilnehmer/anmeldebestaetigungpdf/hammelburgvhs/logovhs.png' alt='Logo Hammelburg' />
    <div class="pos_absolute logoname"><div class="namefirst">Städtische Volkshochschulen</div>
                              <div>Bad Kissingen und Hammelburg</div>
                              <div class="namelast">vhs-Büro {%aus_name%}</div>
                                
    </div>
  </div>
   
  <div class="container">
    <div class="absender">
       <div>Städtische Volkshochschulen Bad Kissingen und Hammelburg</div>
       <div>vhs-Büro {%aus_name_strasse_ort%}</div>
     </div>
     
    <div class="kopfzeile">
      
      <div class="teil_name">{%t_titel%} {%t_vorname%} {%t_name%}</div>
      <div class="teil_strasse">{%t_strasse_und_nr%}</div>
      <div class="teil_plz_ort">{%t_plz_ort%}</div>
      <div class="teil_firmenname"></div>
      <div class="teil_nation">{%t_nation%}</div>
     
   
      <div class="pos_absolute text_rechts">
         <div class="ansprechpartner">Ihr Ansprechpartner</div>
         <div class="partnername">{%ben_vorname%} {%ben_name%}</div>
         <div class="partnerstelle">{%ben_stelle%}</div>
         <div class="buero">vhs-Büro {%aus_name%}</div>
         <div class="partnertel">Tel.: {%ben_telefon%}</div>
         <div class="partnerfax">Fax: {%ben_fax%}</div>
         <div class="partneremail">E-Mail: {%ben_email%}</div>
         <div class="internet">Internet:<br />www.vhs-kisshab.de
         </div>
      </div>
     
      <div class="pos_absolute datum_rechts">Datum: {%anm_datum_aktuell%}</div>
    </div>
    
    <div class="ueberschrift">Anmeldebest&auml;tigung</div>
    <div class="inhalt">
      <div class="ansprache">{%anm_ansprache%},</div>
      <div class="inhalt_fontgross">{%anm_best_text%}</div>
      
      <div class="bezeichnung_links">Angemeldete Person(en):</div>
        <!-- div class="pos_absolute angemeldete_teilnehmer"> {%t_vorname%} {%t_name%} {%anm_weitere_teiln%}</div -->
        <div class="pos_absolute angemeldete_teilnehmer"> {%anm_teilnehmer%}</div>
        
       <div class="bezeichnung_links festehoehe">{%anm_angemeldete_kinderbez%}</div> 
       <div class="pos_absolute angemeldete_kinder">{%anm_angemeldete_kindernamen%}</div> 
    
        
      <div class="bezeichnung_links">Kurs-Nr.:</div>  <div class="pos_absolute kurs_nummer">{%k_nr%}</div>
      <div class="bezeichnung_links">Kurstitel:</div> <div class="pos_absolute kurs_titel">{%k_titel%}</div>
      
      <div class="bezeichnung_links">Kurs-Beginn:</div> <div class="pos_absolute kurs_beginn"> {%k_beginn_dat%}</div>
      <div class="pos_absolute bez_von">von:</div> <div class="pos_absolute kurs_beginnzeit"> {%k_beginn_uhrzeit%} Uhr</div>
        
      <div class="bezeichnung_links">Kurs-Ende:</div> <div class="pos_absolute kurs_ende"> {%k_ende_dat%}</div>
      <div class="pos_absolute bez_bis">bis:</div> <div class="pos_absolute kurs_endezeit"> {%k_ende_uhrzeit%} Uhr</div>
      
      <div class="bezeichnung_links">Kursort:</div> <div class="pos_absolute kurs_ort"> {%k_ort%}</div>
      <div class="bezeichnung_links">&nbsp;</div> <div class="pos_absolute kurs_raum"> {%ko_strasse%}, {%ko_ort%}</div>
         
      <div class="bezeichnung_links">Kursgeb&uuml;hr:</div> <div class="pos_absolute kurs_gebuehr"> <b><u>{%anm_gebuehr%} </u></b> {%anm_geb_zusatzinfo%} </div>
      <div class="bezeichnung_links">Kontoinhaber:</div> <div class="pos_absolute kontoinhaber"> {%t_kontoinhaber%}</div>
      
      <!-- Sepa Mandat und Bankverbindung nur für Zahler anzeigen; bei der Firmen oder Mehrfachanmeldung ist das der Hauptteilnehmer -->
      <div class="bezeichnung_links {%anm_sepa_anzeige%}">Sepa-Mandat vorhanden:</div><div class="pos_absolute sepa_mandat {%anm_sepa_anzeige%}">{%anm_hassepamandat%} - {%anm_mandatam%}{%anm_mandatrefnr%}</div>
      <div class="bezeichnung_links {%anm_sepa_anzeige%}">Bankverbindung:</div><div class="pos_absolute bank_iban {%anm_sepa_anzeige%}">{%anm_iban%}</div>
   
      <!-- die nachfolgenden Felder werden ggf. nach oben verschoben -->
      <div class="bezeichnung_links">Anmeldestatus:</div><div class="pos_absolute {%anm_status_class%}">{%anm_status%}</div>
      <div class="bezeichnung_links">Anmelde-Art:</div> <div class="pos_absolute {%anmeldeart_class%}"> {%b_anmeldeart_text%}</div> 
    </div>
    
    <div class="textunten">Bei weiteren Fragen stehen wir gerne telefonisch zur Verfügung.<br /> Wir wünschen Ihnen viel Freude im Kurs.</div>
    <div class="gruss">Mit freundlichen Gr&uuml;&szlig;en</div>
    <div class="persdaten">
      <div class="ben_stelle">{%ben_stelle%}</div>
      <div class="ben_name_vorname">{%ben_vorname%} {%ben_name%}</div>
      <div class="aussenst">vhs-B&uuml;ro {%ben_aussenst%}</div>
    </div>
  
  
    <div class="fusszeile">
      <div class="namefirst">Städtische Volkshochschulen Bad Kissingen und Hammelburg, vhs-Büro {%aus_name%}</div>
      <div>{%ben_name_aussenst%}</div>
      <div class="buerozeit">B&uuml;rozeiten: {%aus_oeffnzeit%}</div>
    </div>
  </div>
</page>