diff --git a/app/views/pages/_form.html.haml b/app/views/pages/_form.html.haml
index 18bac913..a4e87c74 100644
--- a/app/views/pages/_form.html.haml
+++ b/app/views/pages/_form.html.haml
@@ -2,21 +2,85 @@
%h2 Vorschau
#preview= render :partial => 'body'
-#wiki-syntax-help{:style => "float:right"}
+#wiki-syntax-help
%p
- %b Schnelle Formatierungshilfe
- %br/
- :plain
- [[Foodsoft Wiki Seite]]
- [http://addresse.net Externe Seite]
- ==Erste Überschrift==
- ===Unterüberschrift===
- ''kursiv''
- '''Fett'''
- * Erster Listenpunkt
- * Zweiter Listenpunkt
- ** Unterpunkt
- = link_to "Tabellen", "http://www.mediawiki.org/wiki/Help:Tables", :target => '_blank'
+ .box_title
+ %h2 Schnelle Formatierungshilfe
+ .column_content
+ %table(frame="void")
+ %tbody
+ %tr
+ %td(colspan=2)
+ %b Zeichenformatierung
+ %tr
+ %td
+ %i kursiv
+ %td
+ %pre
+ ''kursiv''
+ %tr
+ %td
+ %b fett
+ %td
+ %pre '''Fett'''
+ %tr
+ %td
+ Keine Wiki-
Formatierung
+ %td
+ %pre <nowiki>text</nowiki>
+ %tr
+ %td(colspan=2)
+ %b Block-Formatierung
+ %tr
+ %td
+ Überschriften
+ %td
+ %pre
+ \= Ebene 1 =
+ %pre
+ \== Ebene 2 ==
+ %pre
+ \=== Ebene 3 ===
+ %pre
+ \==== Ebene 4 ====
+ %tr
+ %td
+ Listen mit Punkten
+ %td
+ %pre
+ * Erster Punkt
+ %pre
+ ** Zweiter Punkt
+ %tr
+ %td
+ Listen mit Zahlen
+ %td
+ %pre
+ 1. Ersten Punkt
+ %pre
+ 1. Zweiter Punkt
+ %tr
+ %td(colspan=2)
+ %b Link-Formatierung
+ %tr
+ %td
+ Wiki-Links
+ %td
+ %pre
+ [[Foodsoft Wiki Seite]]
+ %tr
+ %td
+ Externe Links
+ %td
+ %pre
+ [http://addresse.net Externe Seite]
+ %tr
+ %td(colspan=2)
+ %b Tabellenformatierung
+ %tr
+ %td
+ Siehe
+ = link_to "Tabellen", "http://www.mediawiki.org/wiki/Help:Tables", :target => '_blank'
- form_for @page do |f|
= f.error_messages
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 4902b73f..f4afe1ec 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -466,3 +466,8 @@ a.new_wiki_link {
color: black; }
#wiki_content span.editsection {
display: none; }
+
+#wiki-syntax-help {
+ float: right; }
+ #wiki-syntax-help table {
+ border-color: #78b74e; }
diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css
index 67387f2b..022c7588 100644
--- a/public/stylesheets/print.css
+++ b/public/stylesheets/print.css
@@ -467,6 +467,11 @@ a.new_wiki_link {
#wiki_content span.editsection {
display: none; }
+#wiki-syntax-help {
+ float: right; }
+ #wiki-syntax-help table {
+ border-color: #78b74e; }
+
#logininfo, #header, #footer {
display: none; }
diff --git a/public/stylesheets/sass/main.sass b/public/stylesheets/sass/main.sass
index baf7730b..6290358c 100644
--- a/public/stylesheets/sass/main.sass
+++ b/public/stylesheets/sass/main.sass
@@ -511,4 +511,9 @@ a.new_wiki_link
h1, h2, h3, h4, h5
color: black
span.editsection
- display: none
\ No newline at end of file
+ display: none
+
+#wiki-syntax-help
+ float: right
+ table
+ border-color: #78b74e