<!--
  @copyright (c) Kufer Software GmbH, Loisachstrasse 4, D-84453 Mühldorf
-->
  <style>
    .container { padding-left: 60px; padding-top: 15px; width: 555px; font-size: 15px; font-family: Arial; text-align: justify;
      line-height: 1; margin-left:10px; }

    table, th, td { border: 1px solid black; border-collapse: collapse; }
    ul, li{ list-style: none; }
    
    .name_vhs_logo, .blaues_bild1, .id_nach_bild1, .blaues_bild2, .zweites_blaues_bild_nach_id, .stand, .blaues_bild_nach_stand, .seite, .blaues_bild3,
    .meinung_box, .kursort_abstand, .doz_abstand, .text_style2, .kursTitel_abstand, .tabelle_data, 
    .smiley_style, .beurteilung, .weitere_anmerkungen, .bold_abstand { position: absolute; }
    
    .text_kursiv{ font-style: italic; }
        
    .text_style3{ font-family: Times, serif; font-size: 13px; text-align: center; text-justify: inter-word; color: #0000FF; }
    
    .footer_bild, .name_vhs_logo{ margin-left: 62px; }
    
    .footer_bild{ width: 615px; margin-top: -20px; }      
    
    .name_vhs, .logo_feedback{ font-family: Times, serif; font-size: 16px; }
    
    .name_vhs{ margin-top: 18px; width: 180px; margin-left: 50px; text-align: center; color: #0000FF; font-weight: bold; position: absolute; }
    
    .logo_feedback{ margin-top: 21px; position: absolute; margin-left: 420px; padding-left: 130px; 
                   padding-top: 20px; padding-bottom: 15px; width: 178px; font-weight: bold; }  
    
    .footer_bild,.blaues_bild1,.blaues_bild2,.blaues_bild3,.zweites_blaues_bild_nach_id, .blaues_bild_nach_stand{ border: 4px solid #0000FF; background-color: #0000FF; }
    
    .name_vhs_logo{ margin-top: 65px; }
    
    .blaues_bild1{ width: 375px; }
    .id_nach_bild1{ width: 20px; margin-left: 395px; padding-top: -5px; }
    
    .blaues_bild2{ margin-left: 417px; width: 20px; }
    
    .zweites_blaues_bild_nach_id{  margin-left: 495px; width: 20px; }
    
    .stand{ width: 20px; margin-left: 527px; padding-top: -5px; }
    
    .blaues_bild_nach_stand{ width: 20px; margin-left: 565px; }
    
    .seite{ width: 25px; margin-left: 606px; padding-top: -5px; }
    
    .blaues_bild3{ margin-left: 642px; width: 8px; }
    
    .id_nach_bild1,.stand,.seite{ font-size: 12px; }
   
    .kursTitel_abstand, .kursort_abstand, .doz_abstand, .label_column_1, .beurteilung, .weitere_anmerkungen, 
    .text_style2{ padding-left:8px; }
    
    .meinung_box{ margin-top: 132px; border: 1px solid black; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }  
    .text_style1{ font-size: 13px; text-align: justify; text-justify: inter-word; line-height: 1.2;}
    
    .meinung_box, .weitere_anmerkungen, .kursTitel_abstand, .kursort_abstand, .doz_abstand{ width:640px; }
        
    .kursTitel_abstand{ margin-top: 215px; }
    .kursort_abstand{ {%k_kursort_topMarginHeightOverflow%} }  
    .doz_abstand{ {%k_doz_topMarginHeightOverflow%} }
    
    .tabelle_data{ margin-top:{%k_tabelle_data_topMargin%} }
    .smiley_style{ padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px; }
    .label_column_1{ width: 461px; padding-top:5px; padding-bottom:6px; padding-right:10px; text-align: left; }
    
    .beurteilung{ margin-top:{%k_beurteilung_topMargin%} font-size: 15px; }
    
    .weitere_anmerkungen{ margin-top:{%k_weitere_anmerkungen_topMargin%} padding-top: 120px; padding-bottom: 195px; border: 1px solid black;}
    .text_style2{ margin-top:{%k_text_style2_topMargin%} font-size: 16px; text-align: justify; text-justify: inter-word; font-style: italic; padding-top: 20px; }
    
  </style>
  <page>
    <page_footer>
      <div class="footer_bild"></div>
      <div class="text_style3">Volkshochschule im Landkreis Cuxhaven e.V.</div> 
    </page_footer>
    <page_header>
      <div>
        <div class="name_vhs">
          <img src="{%fb_logo%}" width="340" alt="logo">
        </div>
        <div class="logo_feedback">Feedback</div>
      </div>
      <div class="name_vhs_logo">
        <div  class="blaues_bild1"></div>
          <div  class="id_nach_bild1"><b>ID</b></div>
          <div class="blaues_bild2"></div>
          <div class="zweites_blaues_bild_nach_id"></div>
          <div class="stand"><b>Stand</b><br/> 10/21</div>
          <div class="blaues_bild_nach_stand"></div>
          <div class="seite"><b>Seite</b><br/>1 / 1</div>
          <div class="blaues_bild3"></div>
      </div>
    </page_header>
    <div class="container">
      <div>
        <div class="meinung_box text_style1">
          <span style="font-size: 16px;"><b>Liebe Kursteilnehmerin, lieber Kursteilnehmer, Ihre Meinung interessiert uns.</b></span><br />
            <i>Bitte f&uuml;llen Sie diesen </i><b>anonymen Fragebogen</b><i> aus, damit wir wissen, was Ihnen an dem Kurs/Lehrgang/Projekt 
              &nbsp;&nbsp;&nbsp;gefallen &nbsp;&nbsp;&nbsp;hat &nbsp;&nbsp;&nbsp;oder &nbsp;&nbsp;was &nbsp;&nbsp;Sie &nbsp;&nbsp;&nbsp;gest&ouml;rt &nbsp;&nbsp;hat. &nbsp;&nbsp;Ihr 
              &nbsp;&nbsp;&nbsp;Feedback &nbsp;&nbsp;&nbsp;hilft &nbsp;&nbsp;&nbsp;uns, &nbsp;&nbsp;&nbsp;unsere</i>
            <br />
            <b>Qualit&auml;tsstandards</b><i> zu &uuml;berwachen.</i>
        </div> 
      </div>
      <div>
        <div class="kursTitel_abstand"><b>Kurstitel/Kursnummer:</b> {%k_kursTitelAndKnr%}</div>
        <div class="kursort_abstand"><b>Kursort:</b> <span>{%k_kursort%}</span></div>
        <div class="doz_abstand"><b>Dozent/in:</b> {%d_nameAndvorname%}</div>
      </div>
      <div  class="tabelle_data">
        <table>
          <tr>
            <td class="label_column_1" style="font-size: 12px;"><i>(Zutreffendes bitte ankreuzen)</i></td>
            <td class="smiley_style"><img src="{%fb_smiley1%}" width="25" height="25" alt="smiley 1"></td>
            <td class="smiley_style"><img src="{%fb_smiley2%}"  width="25" height="25" alt="smiley 2"></td>
            <td class="smiley_style"><img src="{%fb_smiley3%}"  width="25" height="25" alt="smiley 3"></td>
          </tr>
          <tr>
            <td class="label_column_1">Der Unterricht hat mir gefallen.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die Vorgehensweise/Methodik war lernf&ouml;rdernd.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die Unterrichtsmaterialien waren hilfreich.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die Dozentin/der Dozent hat anschaulich und verst&auml;ndlich erkl&auml;rt.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die Lern- und Gruppenatmosph&auml;re waren f&ouml;rderlich.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Das Erlernte kann ich f&uuml;r mich nutzen.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die R&auml;umlichkeiten waren ordentlich.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Die Sachausstattung/Technik entsprach den Anforderungen.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="label_column_1">Organisation und Service haben mir gefallen.</td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </table>
      </div>
      <div class="beurteilung"><b>Haben Sie W&uuml;nsche, Ideen oder Anmerkungen f&uuml;r uns?</b></div>
      <div class="weitere_anmerkungen"></div>
      <div class="text_style2">Vielen Dank sagt Ihr vhs-Team!</div>
    </div>
  </page>
