diff --git a/fhem/FHEM/98_SVG.pm b/fhem/FHEM/98_SVG.pm
index 1818ba4c2..5bb7f185a 100755
--- a/fhem/FHEM/98_SVG.pm
+++ b/fhem/FHEM/98_SVG.pm
@@ -1145,7 +1145,8 @@ SVG_digestConf($$)
 
   for my $i (0..int(@lType)-1) {         # lAxis is optional
     $lAxis[$i] = "x1y2" if(!$lAxis[$i]);
-    $lStyle[$i] = "class=\"". (defined($lStyle[$i]) ? $lStyle[$i] : "l$i")."\"";
+    $lStyle[$i] = "class=\"SVGplot ".
+                        (defined($lStyle[$i]) ? $lStyle[$i] : "l$i")."\"";
     $lWidth[$i] = (defined($lWidth[$i]) ?
                         "style=\"stroke-width:$lWidth[$i]\"" :"");
   }
@@ -1622,7 +1623,7 @@ SVG_render($$$$$$$$$;$$)
         $off4 = $off3+5;
         $align = " text-anchor=\"end\"";
         $display = " display=\"none\" id=\"hline_$idx\"";
-        $cll = " class=\"l$idx\"";
+        $cll = " class=\"SVGplot l$idx\"";
       }
     };
 
@@ -1816,7 +1817,7 @@ SVG_render($$$$$$$$$;$$)
 
           } elsif( $dyp->[$i] =~ m/^;ls (\w+)?/ ) {# line style
             if( $1 ) {
-              $lStyle = "class='$1'";
+              $lStyle = "class='SVGplot $1'";
             } else {
               $lStyle = $conf{lStyle}[$idx];
             }
diff --git a/fhem/www/gplot/SVG_01_Garden.gplot b/fhem/www/gplot/SVG_01_Garden.gplot
index 9a23fe61e..1105764bc 100644
--- a/fhem/www/gplot/SVG_01_Garden.gplot
+++ b/fhem/www/gplot/SVG_01_Garden.gplot
@@ -1,4 +1,4 @@
-# Created by FHEM/98_SVG.pm, 2013-08-22 23:22:34
+# Created by FHEM/98_SVG.pm, 2015-01-23 07:33:37
 set terminal png transparent size <SIZE> crop
 set output '<OUT>.png'
 set xdata time
@@ -11,10 +11,10 @@ set grid
 set ylabel "Rain (mm)"
 set y2label "Temperature"
 
-#FileLog 4:Garden.T\x3a:15:
-#FileLog 10:Garden.T\x3a:0:delta-h
-#FileLog 10:Garden.T\x3a:0:delta-d
+#Log.Garden 4:Garden.T\x3a:15:
+#Log.Garden 10:Garden.T\x3a:0:delta-h
+#Log.Garden 10:Garden.T\x3a:0:delta-d
 
-plot "<IN>" using 1:2 axes x1y2 title 'Temperature' ls l0 lw 1 with histeps,\
+plot "<IN>" using 1:2 axes x1y2 title 'Temperature' ls l0 lw 1 with lines,\
      "<IN>" using 1:2 axes x1y1 title 'Rain/hour' ls l1fill lw 1 with histeps,\
      "<IN>" using 1:2 axes x1y1 title 'Rain/day' ls l2 lw 1 with histeps
diff --git a/fhem/www/pgm2/darksvg_style.css b/fhem/www/pgm2/darksvg_style.css
index c2a830ecd..6b3734376 100644
--- a/fhem/www/pgm2/darksvg_style.css
+++ b/fhem/www/pgm2/darksvg_style.css
@@ -1,32 +1,59 @@
-/* Author: Volker */
-text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:#CCCCCC;}
-text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCCCC;}
-text.legend{ cursor:pointer; }
-text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
-text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
-
-
-path     { stroke:black; fill:none; }
-polyline { stroke:black; fill:none; }
-.border  { stroke:black; fill:url(#gr_bg);}
-.vgrid   { stroke:gray; stroke-dasharray:2,6;}
-.hgrid   { stroke:gray; stroke-dasharray:2,6;}
-.pasted  { stroke:black; stroke-dasharray:1,1;}
-
-.l0 { stroke:red;     }  text.l0 { stroke:none; fill:red;     } 
-.l1 { stroke:green;   }  text.l1 { stroke:none; fill:green;   } 
-.l2 { stroke:blue;    }  text.l2 { stroke:none; fill:blue;    }
-.l3 { stroke:magenta; }  text.l3 { stroke:none; fill:magenta; }
-.l4 { stroke:brown;   }  text.l4 { stroke:none; fill:brown;   }
-.l5 { stroke:black;   }  text.l5 { stroke:none; fill:black;   }
-.l6 { stroke:olive;   }  text.l6 { stroke:none; fill:olive;   }
-.l7 { stroke:gray;    }  text.l7 { stroke:none; fill:gray;    }
-.l8 { stroke:yellow;  }  text.l8 { stroke:none; fill:yellow;  }
-
-.l0fill{ stroke:#f00; fill:url(#gr_0); }  text.l0fill{ stroke:none; fill:#f00; }
-.l1fill{ stroke:#291; fill:url(#gr_1); }  text.l1fill{ stroke:none; fill:#291; }
-.l2fill{ stroke:#00f; fill:url(#gr_2); }  text.l2fill{ stroke:none; fill:#00f; }
-.l3fill{ stroke:#f0f; fill:url(#gr_3); }  text.l3fill{ stroke:none; fill:#f0f; }
-.l4fill{ stroke:#ff0; fill:url(#gr_4); }  text.l4fill{ stroke:none; fill:#ff0; }
-.l5fill{ stroke:#0ff; fill:url(#gr_5); }  text.l5fill{ stroke:none; fill:#0ff; }
-.l6fill{ stroke:#000; fill:url(#gr_6); }  text.l6fill{ stroke:none; fill:#000; }
+/* Author: Volker */
+text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:#CCCCCC;}
+text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCCCC;}
+text.legend{ cursor:pointer; }
+text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
+text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
+
+
+path.SVGplot     { stroke:black; fill:none; }
+polyline.SVGplot { stroke:black; fill:none; }
+.border  { stroke:black; fill:url(#gr_bg);}
+.vgrid   { stroke:gray; stroke-dasharray:2,6;}
+.hgrid   { stroke:gray; stroke-dasharray:2,6;}
+.pasted  { stroke:black; stroke-dasharray:1,1;}
+
+.SVGplot.l0     { stroke:red;     }  
+.SVGplot.l1     { stroke:green;   }  
+.SVGplot.l2     { stroke:blue;    }  
+.SVGplot.l3     { stroke:magenta; }  
+.SVGplot.l4     { stroke:brown;   }  
+.SVGplot.l5     { stroke:black;   }  
+.SVGplot.l6     { stroke:olive;   }  
+.SVGplot.l7     { stroke:gray;    }  
+.SVGplot.l8     { stroke:yellow;  }  
+.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
+.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
+.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
+.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
+.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
+.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
+.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
+.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
+.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
+.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
+.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
+.SVGplot.l0fill_gyr    { stroke:red; fill:url(#gr0_gyr);}
+
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l1     { stroke:none; fill:green;   } 
+text.SVGplot.l2     { stroke:none; fill:blue;    }
+text.SVGplot.l3     { stroke:none; fill:magenta; }
+text.SVGplot.l4     { stroke:none; fill:brown;   }
+text.SVGplot.l5     { stroke:none; fill:black;   }
+text.SVGplot.l6     { stroke:none; fill:olive;   }
+text.SVGplot.l7     { stroke:none; fill:gray;    }
+text.SVGplot.l8     { stroke:none; fill:yellow;  }
+text.SVGplot.l0fill { stroke:none; fill:#f00; }
+text.SVGplot.l1fill { stroke:none; fill:#291; }
+text.SVGplot.l2fill { stroke:none; fill:#00f; }
+text.SVGplot.l3fill { stroke:none; fill:#f0f; }
+text.SVGplot.l4fill { stroke:none; fill:#ff0; }
+text.SVGplot.l5fill { stroke:none; fill:#0ff; }
+text.SVGplot.l6fill { stroke:none; fill:#000; }
+text.SVGplot.l0dot  { stroke:none; fill:red;     } 
+text.SVGplot.l1dot  { stroke:none; fill:green;   } 
+text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
+text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
+text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }
diff --git a/fhem/www/pgm2/ios6svg_style.css b/fhem/www/pgm2/ios6svg_style.css
index 2d871952c..822da5c82 100644
--- a/fhem/www/pgm2/ios6svg_style.css
+++ b/fhem/www/pgm2/ios6svg_style.css
@@ -1,52 +1,70 @@
-/* iOS 6 Theme for FHEM */
-/* by Sandra Ohmayer */
-/* http://www.animeschatten.net */
-
-.background { fill:#f7f7f7; 
-}
-
-text { 
-font: normal 10px Helvetica, Sans-serif;
-fill:#000000;}
-text.title {
-font: normal 14px Helvetica, Sans-serif;
-font-weight:bold;
-fill:#4c566c;
-text-shadow: 0px 1px #FFFFFF;
-}
-text.legend{ cursor:pointer; }
-text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
-text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
-
-path     { stroke:black; fill:none; }
-polyline { stroke:black; fill:none; }
-.border  { stroke:black; fill:url(#gr_bg);}
-.vgrid   { stroke:gray; stroke-dasharray:2,6;}
-.hgrid   { stroke:gray; stroke-dasharray:2,6;}
-.pasted  { stroke:black; stroke-dasharray:1,1;}
-
-.l0 { stroke:red;     }  text.l0 { stroke:none; fill:red;     } 
-.l1 { stroke:green;   }  text.l1 { stroke:none; fill:green;   } 
-.l2 { stroke:blue;    }  text.l2 { stroke:none; fill:blue;    }
-.l3 { stroke:magenta; }  text.l3 { stroke:none; fill:magenta; }
-.l4 { stroke:brown;   }  text.l4 { stroke:none; fill:brown;   }
-.l5 { stroke:black;   }  text.l5 { stroke:none; fill:black;   }
-.l6 { stroke:olive;   }  text.l6 { stroke:none; fill:olive;   }
-.l7 { stroke:gray;    }  text.l7 { stroke:none; fill:gray;    }
-.l8 { stroke:yellow;  }  text.l8 { stroke:none; fill:yellow;  }
-
-.l0fill{ stroke:#f00; fill:url(#gr_0); }  text.l0fill{ stroke:none; fill:#f00; }
-.l1fill{ stroke:#291; fill:url(#gr_1); }  text.l1fill{ stroke:none; fill:#291; }
-.l2fill{ stroke:#00f; fill:url(#gr_2); }  text.l2fill{ stroke:none; fill:#00f; }
-.l3fill{ stroke:#f0f; fill:url(#gr_3); }  text.l3fill{ stroke:none; fill:#f0f; }
-.l4fill{ stroke:#ff0; fill:url(#gr_4); }  text.l4fill{ stroke:none; fill:#ff0; }
-.l5fill{ stroke:#0ff; fill:url(#gr_5); }  text.l5fill{ stroke:none; fill:#0ff; }
-.l6fill{ stroke:#000; fill:url(#gr_6); }  text.l6fill{ stroke:none; fill:#000; }
-
-.l0dot   { stroke:red;   stroke-dasharray:2,4; }  text.ldot { stroke:none; fill:red; } 
-.l1dot   { stroke:green; stroke-dasharray:2,4; }  text.ldot { stroke:none; fill:green; } 
-
-.l0fill_stripe {stroke:red; fill:url(#gr0_stripe);}   text.l0fill_stripe {stroke:none; fill:red;}
-.l1fill_stripe {stroke:green; fill:url(#gr1_stripe);} text.l1fill_stripe {stroke:none; fill:green;}
-
-.l0fill_gyr {stroke:red; fill:url(#gr0_gyr);} text.l0fill_gyr {stroke:none; fill:red;}
+/* iOS 6 Theme for FHEM */
+/* by Sandra Ohmayer */
+/* http://www.animeschatten.net */
+
+.background { fill:#f7f7f7; 
+}
+
+text { 
+font: normal 10px Helvetica, Sans-serif;
+fill:#000000;}
+text.title {
+font: normal 14px Helvetica, Sans-serif;
+font-weight:bold;
+fill:#4c566c;
+text-shadow: 0px 1px #FFFFFF;
+}
+text.legend{ cursor:pointer; }
+text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
+text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
+
+path.SVGplot     { stroke:black; fill:none; }
+polyline.SVGplot { stroke:black; fill:none; }
+.border  { stroke:black; fill:url(#gr_bg);}
+.vgrid   { stroke:gray; stroke-dasharray:2,6;}
+.hgrid   { stroke:gray; stroke-dasharray:2,6;}
+.pasted  { stroke:black; stroke-dasharray:1,1;}
+
+.SVGplot.l0     { stroke:red;     }
+.SVGplot.l1     { stroke:green;   }
+.SVGplot.l2     { stroke:blue;    }
+.SVGplot.l3     { stroke:magenta; }
+.SVGplot.l4     { stroke:brown;   }
+.SVGplot.l5     { stroke:black;   }
+.SVGplot.l6     { stroke:olive;   }
+.SVGplot.l7     { stroke:gray;    }
+.SVGplot.l8     { stroke:yellow;  }
+.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
+.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
+.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
+.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
+.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
+.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
+.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
+.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
+.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
+.SVGplot.l0fill_stripe {stroke:red;   fill:url(#gr0_stripe); }
+.SVGplot.l1fill_stripe {stroke:green; fill:url(#gr1_stripe); }
+.SVGplot.l0fill_gyr    {stroke:red;   fill:url(#gr0_gyr);    }
+
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l1     { stroke:none; fill:green;   } 
+text.SVGplot.l2     { stroke:none; fill:blue;    }
+text.SVGplot.l3     { stroke:none; fill:magenta; }
+text.SVGplot.l4     { stroke:none; fill:brown;   }
+text.SVGplot.l5     { stroke:none; fill:black;   }
+text.SVGplot.l6     { stroke:none; fill:olive;   }
+text.SVGplot.l7     { stroke:none; fill:gray;    }
+text.SVGplot.l8     { stroke:none; fill:yellow;  }
+text.SVGplot.l0fill { stroke:none; fill:#f00;    }
+text.SVGplot.l1fill { stroke:none; fill:#291;    }
+text.SVGplot.l2fill { stroke:none; fill:#00f;    }
+text.SVGplot.l3fill { stroke:none; fill:#f0f;    }
+text.SVGplot.l4fill { stroke:none; fill:#ff0;    }
+text.SVGplot.l5fill { stroke:none; fill:#0ff;    }
+text.SVGplot.l6fill { stroke:none; fill:#000;    }
+text.SVGplot.ldot   { stroke:none; fill:red;     } 
+text.SVGplot.ldot   { stroke:none; fill:green;   } 
+text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
+text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
+text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }
diff --git a/fhem/www/pgm2/ios7svg_style.css b/fhem/www/pgm2/ios7svg_style.css
index 5fe3d19f4..57892019b 100644
--- a/fhem/www/pgm2/ios7svg_style.css
+++ b/fhem/www/pgm2/ios7svg_style.css
@@ -5,27 +5,53 @@ text.legend{ cursor:pointer; }
 text.copy  { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
 text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
 
-path     { stroke:black; fill:none; }
-polyline { stroke:black; fill:none; }
+path.SVGplot     { stroke:black; fill:none; }
+polyline.SVGplot { stroke:black; fill:none; }
 .border { stroke:black; fill:url(#gr_bg);}
 .vgrid { stroke:gray; stroke-dasharray:2,6;}
 .hgrid { stroke:gray; stroke-dasharray:2,6;}
 .pasted { stroke:black; stroke-dasharray:1,1;}
 
-.l0 { stroke:#fc3e39;     }  text.l0 { stroke:none; fill:#fc3e39;     } 
-.l1 { stroke:#53d769;   }  text.l1 { stroke:none; fill:#53d769;   } 
-.l2 { stroke:#157efb;    }  text.l2 { stroke:none; fill:#157efb;    }
-.l3 { stroke:#c34ceb; }  text.l3 { stroke:none; fill:#c34ceb; }
-.l4 { stroke:brown;   }  text.l4 { stroke:none; fill:brown;   }
-.l5 { stroke:black;   }  text.l5 { stroke:none; fill:black;   }
-.l6 { stroke:olive;   }  text.l6 { stroke:none; fill:olive;   }
-.l7 { stroke:gray;    }  text.l7 { stroke:none; fill:gray;    }
-.l8 { stroke:#f7ab28;  }  text.l8 { stroke:none; fill:#f7ab28;  }
+.SVGplot.l0     { stroke:#fc3e39; }
+.SVGplot.l1     { stroke:#53d769; }
+.SVGplot.l2     { stroke:#157efb; }
+.SVGplot.l3     { stroke:#c34ceb; }
+.SVGplot.l4     { stroke:brown;   }
+.SVGplot.l5     { stroke:black;   }
+.SVGplot.l6     { stroke:olive;   }
+.SVGplot.l7     { stroke:gray;    }
+.SVGplot.l8     { stroke:#f7ab28; }
+.SVGplot.l0fill { stroke:#fc3e39; fill:url(#gr_0);    }
+.SVGplot.l1fill { stroke:#53d769; fill:url(#gr_1);    }
+.SVGplot.l2fill { stroke:#157efb; fill:url(#gr_2);    }
+.SVGplot.l3fill { stroke:#c34ceb; fill:url(#gr_3);    }
+.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4);       }
+.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5);       }
+.SVGplot.l6fill { stroke:#000; fill:url(#gr_6);       }
+.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
+.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
+.SVGplot.l0fill_stripe {stroke:red;   fill:url(#gr0_stripe); }
+.SVGplot.l1fill_stripe {stroke:green; fill:url(#gr1_stripe); }
+.SVGplot.l0fill_gyr    {stroke:red;   fill:url(#gr0_gyr);    }
 
-.l0fill{ stroke:#fc3e39; fill:url(#gr_0); }  text.l0fill{ stroke:none; fill:#fc3e39; }
-.l1fill{ stroke:#53d769; fill:url(#gr_1); }  text.l1fill{ stroke:none; fill:#53d769; }
-.l2fill{ stroke:#157efb; fill:url(#gr_2); }  text.l2fill{ stroke:none; fill:#157efb; }
-.l3fill{ stroke:#c34ceb; fill:url(#gr_3); }  text.l3fill{ stroke:none; fill:#c34ceb; }
-.l4fill{ stroke:#ff0; fill:url(#gr_4); }  text.l4fill{ stroke:none; fill:#ff0; }
-.l5fill{ stroke:#0ff; fill:url(#gr_5); }  text.l5fill{ stroke:none; fill:#0ff; }
-.l6fill{ stroke:#000; fill:url(#gr_6); }  text.l6fill{ stroke:none; fill:#000; }
+text.SVGplot.l0     { stroke:none; fill:#fc3e39; } 
+text.SVGplot.l1     { stroke:none; fill:#53d769; } 
+text.SVGplot.l2     { stroke:none; fill:#157efb; }
+text.SVGplot.l3     { stroke:none; fill:#c34ceb; }
+text.SVGplot.l4     { stroke:none; fill:brown;   }
+text.SVGplot.l5     { stroke:none; fill:black;   }
+text.SVGplot.l6     { stroke:none; fill:olive;   }
+text.SVGplot.l7     { stroke:none; fill:gray;    }
+text.SVGplot.l8     { stroke:none; fill:#f7ab28; }
+text.SVGplot.l0fill { stroke:none; fill:#fc3e39; }
+text.SVGplot.l1fill { stroke:none; fill:#53d769; }
+text.SVGplot.l2fill { stroke:none; fill:#157efb; }
+text.SVGplot.l3fill { stroke:none; fill:#c34ceb; }
+text.SVGplot.l4fill { stroke:none; fill:#ff0;    }
+text.SVGplot.l5fill { stroke:none; fill:#0ff;    }
+text.SVGplot.l6fill { stroke:none; fill:#000;    }
+text.SVGplot.ldot   { stroke:none; fill:red;     } 
+text.SVGplot.ldot   { stroke:none; fill:green;   } 
+text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
+text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
+text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }
diff --git a/fhem/www/pgm2/svg_style.css b/fhem/www/pgm2/svg_style.css
index c7081f8cc..a15cf0df0 100644
--- a/fhem/www/pgm2/svg_style.css
+++ b/fhem/www/pgm2/svg_style.css
@@ -5,35 +5,53 @@ text.title { font-size:16px; }
 text.legend { cursor:pointer; }
 circle#svgmarker { color:#278727; opacity:0.5; }
 
-path     { stroke:black; fill:none; }
-polyline { stroke:black; fill:none; }
+path.SVGplot     { stroke:black; fill:none; }
+polyline.SVGplot { stroke:black; fill:none; }
 .border  { stroke:black; fill:url(#gr_bg); }
 .vgrid   { stroke:gray;  stroke-dasharray:2,6; }
 .hgrid   { stroke:gray;  stroke-dasharray:2,6; }
 .pasted  { stroke:black; stroke-dasharray:1,1; }
 
-.l0 { stroke:red;     }  text.l0 { stroke:none; fill:red;     } 
-.l1 { stroke:green;   }  text.l1 { stroke:none; fill:green;   } 
-.l2 { stroke:blue;    }  text.l2 { stroke:none; fill:blue;    }
-.l3 { stroke:magenta; }  text.l3 { stroke:none; fill:magenta; }
-.l4 { stroke:brown;   }  text.l4 { stroke:none; fill:brown;   }
-.l5 { stroke:black;   }  text.l5 { stroke:none; fill:black;   }
-.l6 { stroke:olive;   }  text.l6 { stroke:none; fill:olive;   }
-.l7 { stroke:gray;    }  text.l7 { stroke:none; fill:gray;    }
-.l8 { stroke:yellow;  }  text.l8 { stroke:none; fill:yellow;  }
+.SVGplot.l0     { stroke:red;     }
+.SVGplot.l1     { stroke:green;   }
+.SVGplot.l2     { stroke:blue;    }
+.SVGplot.l3     { stroke:magenta; }
+.SVGplot.l4     { stroke:brown;   }
+.SVGplot.l5     { stroke:black;   }
+.SVGplot.l6     { stroke:olive;   }
+.SVGplot.l7     { stroke:gray;    }
+.SVGplot.l8     { stroke:yellow;  }
+.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
+.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
+.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
+.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
+.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
+.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
+.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
+.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
+.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
+.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
+.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
+.SVGplot.l0fill_gyr    { stroke:red; fill:url(#gr0_gyr);}
 
-.l0fill{ stroke:#f00; fill:url(#gr_0); }  text.l0fill{ stroke:none; fill:#f00; }
-.l1fill{ stroke:#291; fill:url(#gr_1); }  text.l1fill{ stroke:none; fill:#291; }
-.l2fill{ stroke:#00f; fill:url(#gr_2); }  text.l2fill{ stroke:none; fill:#00f; }
-.l3fill{ stroke:#f0f; fill:url(#gr_3); }  text.l3fill{ stroke:none; fill:#f0f; }
-.l4fill{ stroke:#ff0; fill:url(#gr_4); }  text.l4fill{ stroke:none; fill:#ff0; }
-.l5fill{ stroke:#0ff; fill:url(#gr_5); }  text.l5fill{ stroke:none; fill:#0ff; }
-.l6fill{ stroke:#000; fill:url(#gr_6); }  text.l6fill{ stroke:none; fill:#000; }
-
-.l0dot   { stroke:red;   stroke-dasharray:2,4; }  text.ldot { stroke:none; fill:red; } 
-.l1dot   { stroke:green; stroke-dasharray:2,4; }  text.ldot { stroke:none; fill:green; } 
-
-.l0fill_stripe {stroke:red; fill:url(#gr0_stripe);}   text.l0fill_stripe {stroke:none; fill:red;}
-.l1fill_stripe {stroke:green; fill:url(#gr1_stripe);} text.l1fill_stripe {stroke:none; fill:green;}
-
-.l0fill_gyr {stroke:red; fill:url(#gr0_gyr);} text.l0fill_gyr {stroke:none; fill:red;}
+text.SVGplot.l0     { stroke:none; fill:red;     } 
+text.SVGplot.l1     { stroke:none; fill:green;   } 
+text.SVGplot.l2     { stroke:none; fill:blue;    }
+text.SVGplot.l3     { stroke:none; fill:magenta; }
+text.SVGplot.l4     { stroke:none; fill:brown;   }
+text.SVGplot.l5     { stroke:none; fill:black;   }
+text.SVGplot.l6     { stroke:none; fill:olive;   }
+text.SVGplot.l7     { stroke:none; fill:gray;    }
+text.SVGplot.l8     { stroke:none; fill:yellow;  }
+text.SVGplot.l0fill { stroke:none; fill:#f00;    }
+text.SVGplot.l1fill { stroke:none; fill:#291;    }
+text.SVGplot.l2fill { stroke:none; fill:#00f;    }
+text.SVGplot.l3fill { stroke:none; fill:#f0f;    }
+text.SVGplot.l4fill { stroke:none; fill:#ff0;    }
+text.SVGplot.l5fill { stroke:none; fill:#0ff;    }
+text.SVGplot.l6fill { stroke:none; fill:#000;    }
+text.SVGplot.l0dot  { stroke:none; fill:red;     } 
+text.SVGplot.l1dot  { stroke:none; fill:green;   } 
+text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
+text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
+text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }