Apply new css styles
diff --git a/examples/org.eclipse.graphiti.doc/resources/docu/gfw/double-click.htm b/examples/org.eclipse.graphiti.doc/resources/docu/gfw/double-click.htm
index 80033c0..963296d 100644
--- a/examples/org.eclipse.graphiti.doc/resources/docu/gfw/double-click.htm
+++ b/examples/org.eclipse.graphiti.doc/resources/docu/gfw/double-click.htm
@@ -1,234 +1,49 @@
-<html>
+<html>
 
 <head>
-<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
-<meta name=Generator content="Microsoft Word 11 (filtered)">
+<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
 <title>Providing double-click behavior</title>
-<link rel=Stylesheet type="text/css" media=all href="../book.css">
-<style>
-<!--
- /* Font Definitions */
- @font-face
-	{font-family:Tahoma;
-	panose-1:2 11 6 4 3 5 4 4 2 4;}
- /* Style Definitions */
- p.MsoNormal, li.MsoNormal, div.MsoNormal
-	{margin:0cm;
-	margin-bottom:.0001pt;
-	font-size:12.0pt;
-	font-family:"Times New Roman";
-	color:windowtext;}
-h1
-	{margin-top:12.0pt;
-	margin-right:0cm;
-	margin-bottom:3.0pt;
-	margin-left:0cm;
-	page-break-after:avoid;
-	font-size:16.0pt;
-	font-weight:bold;}
-h2
-	{margin-top:12.0pt;
-	margin-right:0cm;
-	margin-bottom:3.0pt;
-	margin-left:0cm;
-	page-break-after:avoid;
-	font-size:14.0pt;
-	font-weight:bold;
-	font-style:italic;}
-h3
-	{margin-top:12.0pt;
-	margin-right:0cm;
-	margin-bottom:3.0pt;
-	margin-left:0cm;
-	page-break-after:avoid;
-	font-size:13.0pt;
-	font-weight:bold;}
-h4
-	{margin-top:11.25pt;
-	margin-right:0cm;
-	margin-bottom:1.7pt;
-	margin-left:0cm;
-	font-size:12.0pt;
-	font-weight:bold;
-	font-style:italic;}
-h5
-	{margin-right:0cm;
-	margin-left:0cm;
-	font-size:10.0pt;
-	font-weight:bold;}
-h6
-	{margin-right:0cm;
-	margin-left:0cm;
-	font-size:7.5pt;
-	font-weight:bold;}
-a:link, span.MsoHyperlink
-	{color:blue;
-	text-decoration:underline;}
-a:visited, span.MsoHyperlinkFollowed
-	{color:purple;
-	text-decoration:underline;}
-p
-	{margin-top:5.65pt;
-	margin-right:0cm;
-	margin-bottom:5.65pt;
-	margin-left:0cm;
-	font-size:12.0pt;}
-pre
-	{margin-top:0cm;
-	margin-right:0cm;
-	margin-bottom:0cm;
-	margin-left:3.4pt;
-	margin-bottom:.0001pt;
-	font-size:11.0pt;}
-p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
-	{margin:0cm;
-	margin-bottom:.0001pt;
-	font-size:8.0pt;
-	font-family:Tahoma;}
-p.code, li.code, div.code
-	{margin-top:0cm;
-	margin-right:0cm;
-	margin-bottom:0cm;
-	margin-left:15.0pt;
-	margin-bottom:.0001pt;
-	font-size:12.0pt;}
-p.note, li.note, div.note
-	{margin-top:19.5pt;
-	margin-right:0cm;
-	margin-bottom:19.5pt;
-	margin-left:30.0pt;
-	font-size:13.0pt;
-	font-style:italic;}
-span.heading2char
-	{font-family:Arial;
-	color:black;
-	font-weight:bold;
-	font-style:italic;}
-span.code1
-	{font-style:italic;}
-span.code0
-	{font-style:italic;}
-@page Section1
-	{size:595.45pt 841.7pt;
-	margin:72.0pt 89.85pt 72.0pt 89.85pt;}
-div.Section1
-	{page:Section1;}
--->
-</style>
-
+<link href="../book.css" rel="Stylesheet" type="text/css">
+<link href="../code.css" rel="Stylesheet" type="text/css">
 </head>
 
-<body bgcolor=white lang=DE link=blue vlink=purple style='margin-bottom:12.0pt'>
+<body>
 
-<div class=Section1>
-
-<h1><a name="_Toc179099520"><span lang=EN-GB>Providing </span></a>
-<span lang="en-gb">D</span><span
-lang=EN-GB>ouble-Click Behavior</span></h1>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
-
-<h2><span lang=EN-GB>Enhancing the Tool Behavior Provider</span></h2>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>The double-click
-behaviour is defined in the tool behavior provider.</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>If you didn’t do so
-already you must <b>first create a tool behavior provider and add it to the
-diagram type provider as described <a href="tool-behavior-provider.htm">here</a>.</b></span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>There is one method of
-the tool behavior provider to overwrite: </span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>The method <a
-href="../../../javadoc/org/eclipse/graphiti/tb/IToolBehaviorProvider.html#getDoubleClickFeature(org.eclipse.graphiti.features.context.IDoubleClickContext)">getDoubleClickFeature</a>
-has to return the <a href="custom-feature.htm">custom feature</a> to execute on
-double-click for the given context.</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;&nbsp;</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>In this example we want
-to execute the <a href="custom-feature.htm">”Rename EClass” feature</a> we
-implemented previously on double-click. &nbsp;</span></p>
-
-<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>You can see the
-complete implementation of the double-click behavior here:</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
-
-<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=907
- style='width:18.0cm;border-collapse:collapse'>
- <tr>
-  <td width=907 valign=top style='width:18.0cm;border:solid windowtext 1.0pt;
-  padding:0cm 5.4pt 0cm 5.4pt'>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-GB
-  style='color:black'>&nbsp;</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>    </span><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#646464'>@Override</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>    </span><b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>public</span></b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
-  ICustomFeature getDoubleClickFeature(IDoubleClickContext context) {</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>        ICustomFeature
-  customFeature =</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>            </span><b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>new</span></b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'>
-  TutorialRenameEClassFeature(getFeatureProvider());</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>        </span><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#3F7F5F'>//
-  canExecute() tests especially if the context contains a EClass</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>        </span><b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>if</span></b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> (customFeature.canExecute(context))
-  {</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>            </span><b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>return</span></b><span
-  lang=EN-US style='font-size:10.0pt;font-family:"Courier New";color:black'> customFeature;</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span lang=EN-US
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>        </span><span
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>}</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
-  font-family:"Courier New"'>&nbsp;</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
-  font-family:"Courier New";color:black'>        </span><b><span
-  style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>return</span></b><span
-  style='font-size:10.0pt;font-family:"Courier New";color:black'> </span><b><span
-  style='font-size:10.0pt;font-family:"Courier New";color:#7F0055'>super</span></b><span
-  style='font-size:10.0pt;font-family:"Courier New";color:black'>.getDoubleClickFeature(context);</span></p>
-  <p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
-  font-family:"Courier New";color:black'>    }</span></p>
-  <p class=MsoNormal>&nbsp;</p>
-  </td>
- </tr>
-</table>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
-
-<h2><span lang=EN-GB>Test: Rename a EClass on Double-Click</span></h2>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>&nbsp;</span></p>
-
-<p class=MsoNormal><span lang=EN-GB style='color:black'>Now start the editor
-and create a new EClass. Double-click that EClass and the rename dialog
-appears, which allows changing the class name.</span></p>
-
-<p class=MsoNormal><span lang=EN-US style='color:black'>&nbsp;</span></p>
-
+<h1>Providing Double-Click Behavior</h1>
+<p>Enhancing the Tool Behavior Provider</p>
+<p>The double-click behaviour is defined in the tool behavior provider.</p>
+<p>If you didn’t do so already you must <strong>first create a tool behavior provider 
+and add it to the diagram type provider as described </strong>
+<a href="tool-behavior-provider.htm"><strong>here</strong></a>.</p>
+<p>There is one method of the tool behavior provider to overwrite: </p>
+<p>The method
+<a href="../../../javadoc/org/eclipse/graphiti/tb/IToolBehaviorProvider.html#getDoubleClickFeature(org.eclipse.graphiti.features.context.IDoubleClickContext)">
+getDoubleClickFeature</a> has to return the <a href="custom-feature.htm">custom 
+feature</a> to execute on double-click for the given context.</p>
+<p>In this example we want to execute the <a href="custom-feature.htm">”Rename EClass” 
+feature</a> we implemented previously on double-click.</p>
+<p>You can see the complete implementation of the double-click behavior here:</p>
+<!-- Begin code ------------------------------------------------------------------------------- -->
+<p>&nbsp;</p>
+<div class="literallayout">
+	<div class="incode">
+		<p class="code">@Override<br><span class="keyword">public</span> ICustomFeature 
+		getDoubleClickFeature(IDoubleClickContext context) {<br>&nbsp;&nbsp;&nbsp; 
+		ICustomFeature customFeature =<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+		<span class="keyword">&nbsp;new</span> TutorialRenameEClassFeature(getFeatureProvider());<br>&nbsp;&nbsp;&nbsp;
+		<span class="comment">// canExecute() tests especially if the context contains 
+		a EClass</span><br>&nbsp;&nbsp;&nbsp; <span class="keyword">if</span> (customFeature.canExecute(context)) 
+		{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="keyword">&nbsp;return</span> 
+		customFeature;<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;<br>&nbsp;&nbsp;
+		<span class="keyword">&nbsp;return super</span>.getDoubleClickFeature(context);<br>
+		}<br></p>
+	</div>
 </div>
-<hr>
-	<a href="http://www.eclipse.org/legal/epl-v10.html" shape="rect">Copyright (c) SAP AG 2005, 2010.</a>
+<p>&nbsp;</p>
+<!-- End code  -------------------------------------------------------------------------------  -->
+<h2>Test: Rename a EClass on Double-Click</h2>
+<p>Now start the editor and create a new EClass. Double-click that EClass and the 
+rename dialog appears, which allows changing the class name.</p>
 
 </body>