diff --git a/client/Android/aFreeRDP/assets/de_about_page/FreeRDP_Logo.png b/client/Android/aFreeRDP/assets/de_about_page/FreeRDP_Logo.png
new file mode 100644
index 000000000..3b2d02f1d
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_about_page/FreeRDP_Logo.png differ
diff --git a/client/Android/aFreeRDP/assets/de_about_page/about.html b/client/Android/aFreeRDP/assets/de_about_page/about.html
new file mode 100644
index 000000000..acb7c8cc2
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_about_page/about.html
@@ -0,0 +1,202 @@
+<html>
+	<head>
+		<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;' />
+        
+              <script language="javascript"> 
+function toggle() {
+	var ele = document.getElementById("toggleText");
+	var text = document.getElementById("displayText");
+	if(ele.style.display == "block") {
+    		ele.style.display = "none";
+		text.innerHTML = "show";
+  	}
+	else {
+		ele.style.display = "block";
+		text.innerHTML = "<b>hide</b>";
+	}
+} 
+</script>
+
+        <style type="text/css">
+        @charset "utf-8";
+body {
+	font: 100%%/1.4 Helvetica;
+	background-color:#E9EBF8;
+	height: 100%%; width: 100%%; margin: 0;
+	background-image:url(back.jpg);
+ 	background-position:center;
+
+	text-align:center;
+}
+
+.centered-table {
+  margin-left: auto;
+	margin-right: auto;
+}
+
+#headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+	
+	#footer{
+	padding-top:10px;
+	}
+	
+#footer img{
+	padding top:10 px;
+	}
+#article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%%;
+padding-bottom:0.1%%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+	}
+	
+	
+#introduction_headline{
+  width:inherit;
+  background-color:#353639;
+  opacity:0.9;
+  color:FFF;
+  text-align:center;
+  border-bottom-left-radius:15px;
+  border-bottom-right-radius:15px;
+
+
+	}
+	
+#introduction{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%%;
+padding-bottom:0.1%%;
+border-radius: 10px;
+color:#000;
+	}
+	
+#container
+{
+	margin-left: auto;
+	margin-right: auto;
+	width: 50em;
+	width:420px;
+}
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
+}
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	alignment: right;}
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+
+	
+	a:link { color:#0000FF; }
+
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+	</style>
+	</head>
+	<body>
+    
+
+
+
+       <div id="container">
+       
+       
+       <div id="introduction_headline"> 
+       <h2>aFreeRDP </br>Remote Desktop Client</h2>
+	</div>
+    <p>
+    <img src="FreeRDP_Logo.png" width="30%%"></p>
+	 <div id="introduction">
+        
+		aFreeRDP ist ein Open Source Programm
+		mit nativer Unterstützung des Remote Desktop Protocol (RDP) um einen entfernten Zugriff auf Windows Desktops zu ermöglichen.</div>
+		
+        
+		<div id="article">
+		<div id="headline"><h3>Versions Information</h3></div>
+        <p>
+		<table class="centered-table" border=0 cellspacing=1 cellpadding=3  >
+			<tr>	
+            <td>aFreeRDP Version</td>		<td>%1$s</td>		</tr>
+			<tr>	<td>System Version</td>			<td>%2$s</td>		</tr>
+			<tr>	<td>Model</td>					<td>%3$s</td>		</tr>
+		</table>
+        </p>
+		</div>
+<div id="article">
+
+            <div id="headline">
+				<h3>Credits</h3>
+            </div>
+
+			aFreeRDP ist ein Teil von  <a href="http://www.freerdp.com/">FreeRDP</a>
+		
+</div>
+
+<div id="article"> 
+		<div id="headline">
+		<h3>Lizenz</h3>
+        </div>
+             
+		This program is free software; you can redistribute it and/or modify it under the terms of the Mozilla Public License, v. 2.0.
+        You can obtain an online version of the License from <a href="http://mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0/</a>.
+		</p>
+		<p>
+		This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+		MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+		</p>
+		<p>
+		A copy of the product's source code can be obtained from the FreeRDP GitHub repository at <a
+		href="https://github.com/FreeRDP/FreeRDP">https://github.com/FreeRDP/FreeRDP</a>.<br />
+		</p>
+        <br></div>
+	</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_about_page/about_phone.html b/client/Android/aFreeRDP/assets/de_about_page/about_phone.html
new file mode 100644
index 000000000..569dfcf18
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_about_page/about_phone.html
@@ -0,0 +1,201 @@
+<html>
+	<head>
+		<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;' />
+        
+       <script language="javascript"> 
+function toggle() {
+	var ele = document.getElementById("toggleText");
+	var text = document.getElementById("displayText");
+	if(ele.style.display == "block") {
+    		ele.style.display = "none";
+		text.innerHTML = "show";
+  	}
+	else {
+		ele.style.display = "block";
+		text.innerHTML = "<b>hide</b>";
+	}
+} 
+</script>
+        
+        <style type="text/css">
+        @charset "utf-8";
+body {
+	font: 100%%/1 Helvetica;
+	background-color:#E9EBF8;
+	height: 100%%; width: 100%%; margin: 0;
+	background-image:url(back.jpg);
+ 	background-position:center;
+
+	text-align:center;
+}
+
+.centered-table {
+  margin-left: auto;
+	margin-right: auto;
+}
+
+#headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+	
+	#footer{
+	padding-top:10px;
+	}
+	
+#footer img{
+	padding top:10 px;
+	}
+#article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%%;
+padding-bottom:0.1%%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+	}
+	
+	
+#introduction_headline{
+  width:inherit;
+  background-color:#353639;
+  opacity:0.9;
+  color:FFF;
+  text-align:center;
+  border-bottom-left-radius:15px;
+  border-bottom-right-radius:15px;
+
+
+	}
+	
+#introduction{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%%;
+padding-bottom:0.1%%;
+border-radius: 10px;
+color:#000;
+	}
+	
+#container
+{
+	margin-left: auto;
+	margin-right: auto;
+	
+	width:300px;
+}
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
+}
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	alignment: right;}
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+
+	
+	a:link { color:#0000FF; }
+
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+}
+
+	</style>
+	</head>
+	<body>
+    
+
+
+
+       <div id="container">
+       
+       
+       <div id="introduction_headline"> 
+       <h2>aFreeRDP</br>Remote Desktop Client</h2>
+	</div>
+    <p>
+		<img src="FreeRDP_Logo.png" width="25%%"></p>
+	 <div id="introduction">
+        
+		aFreeRDP ist ein Open Source Programm
+		mit nativer Unterstützung des Remote Desktop Protocol (RDP) um einen entfernten Zugriff auf Windows Desktops zu ermöglichen.</div>
+		
+        
+		<div id="article">
+		<div id="headline"><h3>Versions Information</h3></div>
+        <p>
+		<table class="centered-table" border=0 cellspacing=1 cellpadding=3  >
+			<tr>	
+            <td>aFreeRDP Version</td>		<td>%1$s</td>		</tr>
+			<tr>	<td>System Version</td>			<td>%2$s</td>		</tr>
+			<tr>	<td>Model</td>					<td>%3$s</td>		</tr>
+		</table>
+        </p>
+		</div>
+<div id="article">
+
+            <div id="headline">
+				<h3>Credits</h3>
+            </div>
+			aFreeRDP ist ein Teil von  <a href="http://www.freerdp.com/">FreeRDP</a>
+</div>
+<div id="article"> 
+		<div id="headline">
+		<h3>Lizenz</h3>
+        </div>
+             
+		This program is free software; you can redistribute it and/or modify it under the terms of the Mozilla Public License, v. 2.0.
+        You can obtain an online version of the License from <a href="http://mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0/</a>.
+		</p>
+		<p>
+		This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+		MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+		</p>
+		<p>
+		A copy of the product's source code can be obtained from the FreeRDP GitHub repository at <a
+		href="https://github.com/FreeRDP/FreeRDP">https://github.com/FreeRDP/FreeRDP</a>.<br />
+		</p> </div>
+        </div>
+	</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_about_page/back.jpg b/client/Android/aFreeRDP/assets/de_about_page/back.jpg
new file mode 100644
index 000000000..3bf3455bf
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_about_page/back.jpg differ
diff --git a/client/Android/aFreeRDP/assets/de_about_page/background_transparent.png b/client/Android/aFreeRDP/assets/de_about_page/background_transparent.png
new file mode 100644
index 000000000..0eba5b5d2
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_about_page/background_transparent.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/back.jpg b/client/Android/aFreeRDP/assets/de_help_page/back.jpg
new file mode 100644
index 000000000..3bf3455bf
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/back.jpg differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/gestures.html b/client/Android/aFreeRDP/assets/de_help_page/gestures.html
new file mode 100644
index 000000000..3b30cf0dc
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/gestures.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100%/1.4 Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+  color:#000;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:#000;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  height:auto;
+  width:100%;
+  background-color:#353639;
+  padding-bottom:5px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:10px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:40px;
+  overflow:visible;
+  min-width:400px;
+  z-index:20;
+  
+  
+ }
+ 
+
+
+
+#content{
+	padding-top:70px;
+	z-index:-20;
+	max-width:420px;
+	
+	}
+	
+
+
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+ color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+
+	
+	
+</style>
+
+
+
+</head>
+
+<body>
+<div id="container">
+<center>
+<div id="header">
+	<a href="gestures.html"><img src="nav_gestures.png"></a>
+	<a href="toolbar.html"><img src="nav_toolbar.png"></a>
+	<a href="touch_pointer.html"><img src="nav_touch_pointer.png"></a>
+
+</div>
+
+<div id="content"> 
+<h1>Gesten</h1>
+<p>
+aFreeRDP ist für Touch Geräte entwickelt worden.
+Diese Gesten lassen sie die häufigsten Operationen mit ihren Fingern durchführen.</p>
+<p>  <img src="gestures.png"></p>
+
+</div>
+</div>
+
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/gestures.png b/client/Android/aFreeRDP/assets/de_help_page/gestures.png
new file mode 100644
index 000000000..e49a45b8f
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/gestures.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.html b/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.html
new file mode 100644
index 000000000..94d7324a7
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.html
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	color:#000;}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100% Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  
+  width:100%;
+  background-color:#353639;
+  padding-bottom:1px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:5px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:30px;
+  
+  min-width:250px;
+  z-index:20;
+  
+  
+ }
+ 
+
+
+
+#content{
+	padding-top:40px;
+	z-index:-20;
+	max-width:300px;
+	
+	}
+	
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+ color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+	
+</style>
+
+
+
+</head>
+
+
+
+
+<body>
+<div id="container">
+<center>
+<div id="header">
+
+<a href="gestures_phone.html"><img src="nav_gestures.png" height="90%"></a>
+	<a href="toolbar_phone.html"><img src="nav_toolbar.png" height="90%"></a>
+	<a href="touch_pointer_phone.html"><img src="nav_touch_pointer.png" height="90%""></a>
+
+</div>
+
+<div id="content"> 
+<h2>Gesten</h2>
+<p>
+aFreeRDP ist für Touch Geräte entwickelt worden.
+Diese Gesten lassen sie die häufigsten Operationen mit ihren Fingern durchführen.</p>
+<p>  <img src="gestures_phone.png"></p>
+
+
+</div>
+</div>
+
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.png b/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.png
new file mode 100644
index 000000000..1b90a1f65
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/gestures_phone.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/nav_gestures.png b/client/Android/aFreeRDP/assets/de_help_page/nav_gestures.png
new file mode 100644
index 000000000..ab1b36fba
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/nav_gestures.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/nav_toolbar.png b/client/Android/aFreeRDP/assets/de_help_page/nav_toolbar.png
new file mode 100644
index 000000000..703c0013a
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/nav_toolbar.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/nav_touch_pointer.png b/client/Android/aFreeRDP/assets/de_help_page/nav_touch_pointer.png
new file mode 100644
index 000000000..30e04568e
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/nav_touch_pointer.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/toolbar.html b/client/Android/aFreeRDP/assets/de_help_page/toolbar.html
new file mode 100644
index 000000000..99edaabc2
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/toolbar.html
@@ -0,0 +1,178 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	color:#FFFFFF;}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100%/1.4 Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  
+
+  color:#FFF;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  height:auto;
+  width:100%;
+  background-color:#353639;
+  padding-bottom:5px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:10px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:40px;
+  overflow:visible;
+  min-width:400px;
+  z-index:20;
+  
+  
+ }
+ 
+
+
+
+#content{
+	padding-top:70px;
+	z-index:-20;
+	max-width:420px;
+	
+	}
+	
+
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+
+	
+	
+</style>
+
+
+
+</head>
+
+
+
+
+<body>
+<div id="container">
+
+
+<center>
+
+
+<div id="header">
+
+	<a href="gestures.html"><img src="nav_gestures.png"></a>
+	<a href="toolbar.html"><img src="nav_toolbar.png"></a>
+	<a href="touch_pointer.html"><img src="nav_touch_pointer.png"></a>
+
+</div>
+
+<div id="content"> 
+
+<h1>Toolbar</h1>
+<p>
+With the toolbar you'll be able to display and hide the main tools in your session. This allows together with the touch pointer and the gestures an intuitiv workflow for remote computing on touch sensitive screens. 
+</p>
+<p><img src="toolbar.png"></p>
+
+<div id="article">
+<div id="headline">
+<h3><span style="color:white">Tastatur</span></h3></div>
+Zeige/verstecke die standard und die erweiterte Tastatur mit Funktionstasten</div>
+<div id="article">
+<div id="headline"><h3><span style="color:white">Touch Zeiger</span></h3></div>
+Zeige/verstecke den gesten gesteuerten Zeiger</div>
+<div id="article">
+<div id="headline"><h3><span style="color:white">Beenden</span></h3></div>
+Beende die aktuelle Sitzung. Seihen sie sich bewusst, dass das Beenden kein Logout ist.</div>
+
+</div>
+
+
+</div></center>
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/toolbar.png b/client/Android/aFreeRDP/assets/de_help_page/toolbar.png
new file mode 100644
index 000000000..10c23b62b
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/toolbar.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.html b/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.html
new file mode 100644
index 000000000..195f13370
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.html
@@ -0,0 +1,176 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	color:#FFFFFF;}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100% Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  
+  width:100%;
+  background-color:#353639;
+  padding-bottom:1px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:5px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:30px;
+  
+  min-width:250px;
+  z-index:20;
+  
+  
+ }
+ 
+
+
+
+#content{
+	padding-top:40px;
+	z-index:-20;
+	max-width:300px;
+	
+	}
+	
+
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+	
+</style>
+
+
+
+</head>
+
+
+
+
+<body>
+<div id="container">
+
+
+<center>
+
+
+<div id="header">
+
+<a href="gestures_phone.html"><img src="nav_gestures.png" height="90%"></a>
+	<a href="toolbar_phone.html"><img src="nav_toolbar.png" height="90%"></a>
+	<a href="touch_pointer_phone.html"><img src="nav_touch_pointer.png" height="90%""></a>
+
+</div>
+
+<div id="content"> 
+
+<h2>Toolbar</h2>
+<p>
+With the toolbar you'll be able to display and hide the main tools in your session. This allows together with the touch pointer and the gestures an intuitiv workflow for remote computing on touch sensitive screens. 
+</p>
+<p><img src="toolbar_phone.png"></p>
+
+<div id="article">
+<div id="headline">
+<h4><span style="color:white">Tastatur</h4></span></div>
+Zeige/verstecke die standard und die erweiterte Tastatur mit Funktionstasten</div>
+<div id="article">
+<div id="headline"><h4><span style="color:white">Touch Zeiger</h4></div>
+Zeige/verstecke den gesten gesteuerten Zeiger</div>
+<div id="article">
+<div id="headline"><h4><span style="color:white">Beenden</span></h4></div>
+Beende die aktuelle Sitzung. Seihen sie sich bewusst, dass das Beenden kein Logout ist.
+
+</div>
+
+
+</div></center>
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.png b/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.png
new file mode 100644
index 000000000..a01279ce0
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/toolbar_phone.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.html b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.html
new file mode 100644
index 000000000..8072a1bac
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.html
@@ -0,0 +1,164 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	color:#FFFFFF;}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100%/1.4 Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  height:auto;
+  width:100%;
+  background-color:#353639;
+  padding-bottom:5px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:10px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:40px;
+  overflow:visible;
+  min-width:400px;
+  z-index:20;
+  
+  
+ }
+ 
+
+
+
+#content{
+	padding-top:70px;
+	z-index:-20;
+	max-width:420px;
+	
+	}
+	
+
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+ color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+
+	
+	
+</style>
+
+
+
+</head>
+
+
+
+
+<body>
+<div id="container">
+
+
+<center>
+
+
+<div id="header">
+
+	<a href="gestures.html"><img src="nav_gestures.png"></a>
+	<a href="toolbar.html"><img src="nav_toolbar.png"></a>
+	<a href="touch_pointer.html"><img src="nav_touch_pointer.png"></a>
+
+</div>
+
+<div id="content"> 
+
+<h1>Touch Pointer</h1>
+<p><img src="touch_pointer.png">
+</div>
+
+</center>
+</div>
+
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.png b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.png
new file mode 100644
index 000000000..f06e3889f
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer.png differ
diff --git a/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.html b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.html
new file mode 100644
index 000000000..89d2e8de0
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.html
@@ -0,0 +1,161 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+
+<html>
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
+<title>Help</title>
+
+<style type="text/css">
+
+@charset "utf-8";
+
+
+#container{
+	
+	text-align:center;
+	color:#FFFFFF;}
+
+body{
+  margin:0;
+  padding:<length> 0 0 0;
+  font: 100% Helvetica;
+  background-image:url(back.jpg);
+  background-position:center;
+
+ 
+ }
+ 
+ #headline{
+
+  background-color:#353639;
+  opacity:0.9;
+
+  color:FFF;
+  text-align:center;
+
+
+	}
+ 
+ #article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 15px;
+border-top-left-radius:0px;
+border-top-right-radius:0px;
+color:#000;
+margin: 10px auto;
+position:relative;
+
+
+	}
+ 
+#header{
+
+  
+  width:100%;
+  background-color:#353639;
+  padding-bottom:1px;
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:5px;	
+  position: fixed;
+  top: 0;
+  left: 0;
+  height:30px;
+  
+  min-width:250px;
+  z-index:20;
+  
+  
+ }
+ 
+
+#content{
+	padding-top:40px;
+	z-index:-20;
+	max-width:300px;
+	
+	}
+	
+
+/* ~~ Element/tag selectors ~~ */
+ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
+	padding: 0;
+	margin: 0;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method.
+ */
+color:#000;
+ 
+}
+
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	
+}
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+
+
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+	
+</style>
+
+
+
+</head>
+
+
+
+
+<body>
+<div id="container">
+
+
+<center>
+
+
+<div id="header">
+
+<a href="gestures_phone.html"><img src="nav_gestures.png" height="90%"></a>
+	<a href="toolbar_phone.html"><img src="nav_toolbar.png" height="90%"></a>
+	<a href="touch_pointer_phone.html"><img src="nav_touch_pointer.png" height="90%""></a>
+
+</div>
+
+<div id="content"> 
+
+<h2>Touch Pointer</h2>
+<p><img src="touch_pointer_phone.png">
+</p>
+</div>
+
+</center>
+</div>
+
+</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.png b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.png
new file mode 100644
index 000000000..168749fd0
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_help_page/touch_pointer_phone.png differ
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/1.png b/client/Android/aFreeRDP/assets/de_welcome_page/1.png
new file mode 100644
index 000000000..30025d81a
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_welcome_page/1.png differ
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/2.png b/client/Android/aFreeRDP/assets/de_welcome_page/2.png
new file mode 100644
index 000000000..43d3a7fe5
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_welcome_page/2.png differ
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/back.jpg b/client/Android/aFreeRDP/assets/de_welcome_page/back.jpg
new file mode 100644
index 000000000..3bf3455bf
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_welcome_page/back.jpg differ
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/new_connection.png b/client/Android/aFreeRDP/assets/de_welcome_page/new_connection.png
new file mode 100644
index 000000000..dede2a28a
Binary files /dev/null and b/client/Android/aFreeRDP/assets/de_welcome_page/new_connection.png differ
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/welcome.html b/client/Android/aFreeRDP/assets/de_welcome_page/welcome.html
new file mode 100644
index 000000000..fd4cee25e
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_welcome_page/welcome.html
@@ -0,0 +1,128 @@
+<html>
+	<head>
+		<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;' />
+        
+   <style type="text/css">
+   
+   @charset "utf-8";
+body {
+	font: 100%/1.4 Helvetica;
+	background-color:#E9EBF8;
+	height: 100%; width: 100%; margin: 0;
+	background-image:url(back.jpg);
+}
+
+
+/* ~~ Element/tag selectors ~~ */
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
+}
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	alignment: right;}
+
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+	
+#number
+{
+margin-left:0%;
+opacity:0.9;
+background:#DDD;
+}
+
+#content 
+
+{
+	margin-left: auto;
+	margin-right: auto;
+	width:420px;
+	
+}
+#headline{
+  width:inherit;
+  background-color:#353639;
+
+border-radius: 15px;
+  color:FFF;
+  text-align:center;
+  border-bottom-left-radius:0px;
+  border-bottom-right-radius:0px;
+
+
+	}
+#article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 18px;
+
+
+position:relative;
+
+
+	}
+	
+#text{
+	
+	margin-left:30px;
+	position:static;
+	margin-bottom:3%;
+	margin-top:3%;	
+	}
+#button{
+	
+	padding-top:10px;
+	padding-bottom:10px;
+	}
+
+
+	
+a:link { color:#0000FF; }
+	
+	
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+
+
+
+
+
+	
+	
+   
+   </style>
+	</head>
+    
+	<body>
+    <div id="content">
+    <div id="article">
+		<div id="headline">
+		<h1>Neue Verbindung</h1>
+        </div><div id="text">
+		Geben sie ihre Verbindungseinstellungen ein - Drücken sie einfach den darunterliegenden Knopf oder wählen sie "Neue Verbindung" aus dem Applikationsmenü aus.</div>
+		<div id="button">
+		<center><a href="new_connection"><img src="new_connection.png"></a><center></a>
+		</div>
+   </div>
+</div>
+	</body>
+</html>
diff --git a/client/Android/aFreeRDP/assets/de_welcome_page/welcome_phone.html b/client/Android/aFreeRDP/assets/de_welcome_page/welcome_phone.html
new file mode 100644
index 000000000..c2a4eb74b
--- /dev/null
+++ b/client/Android/aFreeRDP/assets/de_welcome_page/welcome_phone.html
@@ -0,0 +1,121 @@
+<html>
+	<head>
+		<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;' />
+        
+   <style type="text/css">
+   
+   @charset "utf-8";
+body {
+	font: 100%/1 Helvetica;
+	background-color:#E9EBF8;
+	height: 100%; width: 100%; margin: 0;
+	background-image:url(back.jpg);
+}
+
+
+/* ~~ Element/tag selectors ~~ */
+
+h1, h2, h3, h4, h5, h6, p {
+	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
+	padding-right: 1px;
+	padding-left: 1px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
+}
+a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
+	border: none;
+	alignment: right;}
+
+
+/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
+/*a:link {
+	color:#414958;
+	text-decoration: underline;  unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
+
+
+a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
+	text-decoration: none;}
+	
+#number
+{
+margin-left:0%;
+opacity:0.9;
+background:#DDD;
+}
+
+#content 
+
+{
+	margin-left: auto;
+	margin-right: auto;
+	width:300px;
+	
+}
+#headline{
+  width:inherit;
+  background-color:#353639;
+
+border-radius: 15px;
+  color:FFF;
+  text-align:center;
+  border-bottom-left-radius:0px;
+  border-bottom-right-radius:0px;
+
+
+	}
+#article{
+
+
+background-color:#FFFFFF;
+opacity: 0.8;
+z-index:0;
+margin-bottom:3%;
+padding-bottom:0.1%;
+border-radius: 18px;
+
+
+position:relative;
+
+
+	}
+	
+#text{
+	
+	margin-left:30px;
+	position:static;
+	margin-bottom:3%;
+	margin-top:3%;	
+	}
+#button{
+	
+	padding-top:10px;
+	padding-bottom:10px;
+	}
+
+
+	
+a:link { color:#0000FF; }
+	
+	
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
+}
+
+
+   
+   </style>
+	</head>
+    
+	<body>
+    <div id="content">
+    	<div id="article">
+		<div id="headline">
+		<h2>Neue Verbindung</h2>
+        </div><div id="text">
+		Geben sie ihre Verbindungseinstellungen ein - Drücken sie einfach den darunterliegenden Knopf oder wählen sie "Neue Verbindung" aus dem Applikationsmenü aus.</div>
+		<div id="button">
+		<center><a href="new_connection"><img src="new_connection.png"></a><center></a>
+		</div>
+   </div>
+</div>
+	</body>
+</html>
