diff -r 2a6c00d325b2 -r e6e5d007eb54 www/rec_edit.php
--- a/www/rec_edit.php	Mon Dec 17 13:46:15 2018 +0100
+++ b/www/rec_edit.php	Mon Dec 17 22:24:32 2018 +0100
@@ -102,7 +102,7 @@
 
      <div> <!-- tab vergistbaar -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
         <tr>
          <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
          <td style="padding: 3px;"><div style="float: left;" id="est_color2"></div><div id="bcolor2" class='ebccolor'> </div></td>
@@ -121,7 +121,7 @@
 
      <div> <!-- tab hoppen -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
         <tr> 
 	 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
 	 <td style="padding: 3px;"><div id="est_ibu2"></div></td>
@@ -140,7 +140,7 @@
 
      <div> <!-- tab misc -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
         <tr>
          <td align="right" style="vertical-align: top;">Diversen:</td>
          <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
@@ -151,7 +151,7 @@
 
      <div> <!-- tab gisten -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
         <tr>
          <td align="right" style="vertical-align: top;">Gisten:</td>
          <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
@@ -162,27 +162,35 @@
 
      <div> <!-- tab water -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
         <tr>
-         <td style="vertical-align: top; padding: 3px;float: right:">Water:</td>
-	 <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
+         <td style="padding: 3px;"><div id="tgt_bu"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal Cl/SO4:</td>
+         <td style="padding: 3px;"><div id="tgt_cl_so4"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Doel maisch pH:</td>
+         <td style="padding: 3px;"><div id="tgt_mash_ph"></div></td>
+        </tr>
+        <tr>
+         <td align="right" style="vertical-align: top;">Water:</td>
+	 <td align="left" colspan="5"><div id="waterGrid"></div></td>
 	</tr>
         <tr>
          <td></td>
-         <td>
+         <td align="left" colspan="5">
           <div id='water_totals'>
  	   <table style="width: 100%;">
             <caption>Water overzicht</caption>
     	    <tr>
 	     <td></td>
-             <td style="width: 80px; padding: 3px;">Volume</td>
-             <td style="width: 80px; padding: 3px;">Ca</td>
-             <td style="width: 80px; padding: 3px;">Mg</td>
-             <td style="width: 80px; padding: 3px;">Na</td>
-             <td style="width: 80px; padding: 3px;">CaCO3</td>
-             <td style="width: 80px; padding: 3px;">Cl</td>
-	     <td style="width: 80px; padding: 3px;">SO4</td>
-             <td style="width: 80px; padding: 3px;">pH</td>
+             <td style="width: 77px; padding: 3px;">Volume</td>
+             <td style="width: 77px; padding: 3px;">Ca</td>
+             <td style="width: 77px; padding: 3px;">Mg</td>
+             <td style="width: 77px; padding: 3px;">Na</td>
+             <td style="width: 77px; padding: 3px;">CaCO3</td>
+             <td style="width: 77px; padding: 3px;">Cl</td>
+	     <td style="width: 77px; padding: 3px;">SO4</td>
+             <td style="width: 77px; padding: 3px;">pH</td>
  	    </tr>
             <tr>
 	     <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
@@ -204,11 +212,58 @@
              <td><div id="wb_total_alkalinity"></div></td>
              <td><div id="wb_chloride"></div></td>
 	     <td><div id="wb_sulfate"></div></td>
+             <td><div id="wb_ph"></div></td>
+	    </tr>
+            <tr>
+             <td style="vertical-align: top; padding: 3px; float: left;">Doel waterprofiel:</td>
              <td><div></div></td>
+             <td><div id="pr_calcium"></div></td>
+             <td><div id="pr_magnesium"></div></td>
+             <td><div id="pr_sodium"></div></td>
+             <td><div id="pr_total_alkalinity"></div></td>
+             <td><div id="pr_chloride"></div></td>
+             <td><div id="pr_sulfate"></div></td>
+             <td><div id="pr_ph"></div></td>
             </tr>
            </table>
 	  </div>
          </td>
+	</tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
+         <td style="padding: 3px;"><div id="wa_cacl2"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Automatisch pH aanpassen:</td>
+         <td style="padding: 3px;"><div id="calc_acid"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater volume:</td>
+         <td style="padding: 3px;"><div id="sparge_volume"></div></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4):</td>
+         <td style="padding: 3px;"><div id="wa_caso4"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Ontzuren met:</td>
+         <td style="padding: 3px;"><div style="float: left;" id="wa_ph_up"></div><div style="float: left; margin-left: 15px;" id="wa_phup_ml"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater bron:</td>
+         <td style="padding: 3px;"><div id="sparge_source"></div></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Epsom zout (MgSO4):</td>
+         <td style="padding: 3px;"><div id="wa_mgso4"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
+         <td style="padding: 3px;"><div style="float: left;" id="wa_ph_down"></div><div style="float: left; margin-left: 15px;" id="wa_phdn_ml"></div><div style="float: left; margin-left: 15px;" id="wa_lacticp"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater pH:</td>
+         <td style="padding: 3px;"><div id="sparge_ph"></div></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
+	 <td style="padding: 3px;"><div id="wa_nacl"></div></td>
+         <td colspan="2"></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
+         <td style="padding: 3px;"><div id="sparge_acid_type"></div></td>
+	</tr>
+        <tr>
+         <td colspan="4"></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren hoeveelheid:</td>
+         <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
         </tr>
        </table>
       </div>
@@ -216,7 +271,7 @@
 
      <div> <!-- tab maischen -->
       <div style="overflow: hidden;">
-       <table>
+       <table style="width: 100%;">
 	<tr>
          <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
 	 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>