diff --git a/docs/_images/Agenda_01.png b/docs/_images/Agenda_01.png
new file mode 100644
index 000000000..120a0fd03
Binary files /dev/null and b/docs/_images/Agenda_01.png differ
diff --git a/docs/_images/Agenda_02.png b/docs/_images/Agenda_02.png
new file mode 100644
index 000000000..fadb7774f
Binary files /dev/null and b/docs/_images/Agenda_02.png differ
diff --git a/docs/_images/Agenda_03.png b/docs/_images/Agenda_03.png
new file mode 100644
index 000000000..054c0b8c0
Binary files /dev/null and b/docs/_images/Agenda_03.png differ
diff --git a/docs/_images/Agenda_04.png b/docs/_images/Agenda_04.png
new file mode 100644
index 000000000..987c62654
Binary files /dev/null and b/docs/_images/Agenda_04.png differ
diff --git a/docs/_images/Agenda_05.png b/docs/_images/Agenda_05.png
new file mode 100644
index 000000000..38fd98b75
Binary files /dev/null and b/docs/_images/Agenda_05.png differ
diff --git a/docs/_images/Agenda_06.png b/docs/_images/Agenda_06.png
new file mode 100644
index 000000000..64c1c01b8
Binary files /dev/null and b/docs/_images/Agenda_06.png differ
diff --git a/docs/_images/Motion_01.png b/docs/_images/Motion_01.png
new file mode 100644
index 000000000..e8cec916b
Binary files /dev/null and b/docs/_images/Motion_01.png differ
diff --git a/docs/_images/Motion_02.png b/docs/_images/Motion_02.png
new file mode 100644
index 000000000..0edce3a9a
Binary files /dev/null and b/docs/_images/Motion_02.png differ
diff --git a/docs/_images/Motion_04.png b/docs/_images/Motion_04.png
new file mode 100644
index 000000000..96b218eba
Binary files /dev/null and b/docs/_images/Motion_04.png differ
diff --git a/docs/_images/Motion_05.png b/docs/_images/Motion_05.png
new file mode 100644
index 000000000..b6c0cfced
Binary files /dev/null and b/docs/_images/Motion_05.png differ
diff --git a/docs/_images/Motion_06.png b/docs/_images/Motion_06.png
new file mode 100644
index 000000000..b33b35eba
Binary files /dev/null and b/docs/_images/Motion_06.png differ
diff --git a/docs/_images/Motion_07.png b/docs/_images/Motion_07.png
new file mode 100644
index 000000000..b5c209bc1
Binary files /dev/null and b/docs/_images/Motion_07.png differ
diff --git a/docs/_static/openslides_docs_style.css b/docs/_static/openslides_docs_style.css
new file mode 100644
index 000000000..40e50b5d3
--- /dev/null
+++ b/docs/_static/openslides_docs_style.css
@@ -0,0 +1,8 @@
+/*
+ * Extra style for OpenSlides documentation
+ */
+
+.screenshot {
+    width: 30%;
+    border: 2px solid;
+    margin-bottom: 10px;}
diff --git a/docs/conf.py b/docs/conf.py
index 992c20d41..243efb378 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -93,7 +93,7 @@ pygments_style = 'sphinx'
 # a list of builtin themes.
 html_theme = 'bootstrap'
 html_theme_path = sphinx_bootstrap_theme.get_html_theme_path()
-# html_style = 'style.css'
+html_style = 'openslides_docs_style.css'
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
diff --git a/docs/de/Agenda.rst b/docs/de/Agenda.rst
index 61013aecf..a10a2b2f6 100644
--- a/docs/de/Agenda.rst
+++ b/docs/de/Agenda.rst
@@ -11,11 +11,9 @@ Einen neuen Tagesordnungspunkt erstellen
 Um einen neuen Punkt auf die Tagesordnung zu setzen, klicken Sie unter dem
 Menüpunkt „Tagesordnung“ auf den rechts oben befindlichen blauen Button „Neu“.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_01.png
    :class: screenshot
 
-.. Menüseite Tagesordnung ohne Einträge (keine TOPS)
-
 Es öffnet sich eine Seite, auf der Sie den neuen Eintrag bearbeiten können.
 Erforderliche Angaben für die Erstellung eines neuen Tagesordnungspunktes
 sind der „Titel“ und der „Typ“. Unterschieden wird bei den Typen nach einem
@@ -73,11 +71,9 @@ der Maus horizontal und vertikal an die gewünschte Position zu verschieben.
 Die geänderte Reihenfolge muss am Ende im oben erscheinenden Dialog
 bestätigt werden.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_02.png
    :class: screenshot
 
-.. Menüseite mit mehreren TOPS, auch Unterpunkte, die verschoben sind, oben Dialogfeld Bestätigen
-
 
 Projizierung
 ------------
@@ -91,11 +87,9 @@ oder auf der Tagesordnungsseite auf den Projektor-Button in der oberen Zeile
 rechts. Projiziert werden nur die Haupttagesordnungspunkte, nicht die
 Unterpunkte.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_03.png
    :class: screenshot
 
-.. Projektorbild der TO (3 TOPS)
-
 Sie haben die Möglichkeit, auch einzelne Tagesordnungspunkte mit ihren
 dazugehörigen Texten anzeigen zu lassen. Nutzen Sie dafür den
 Projektor-Button |projector|, der sich auf dem Dashboard links neben den
@@ -126,11 +120,9 @@ Redner. Die Einblendung erscheint nur auf Folien von Tagesordnungspunkten.
 
 .. |checkbox| image:: ../_images/checkbox.png
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_04.png
    :class: screenshot
 
-.. Projektorbild mit Einblendung Rednerliste (ein alter, ein aktueller, 5 neue Redner)
-
 
 Die Rednerliste verwalten
 -------------------------
@@ -158,11 +150,9 @@ setzen.
 Um die Reihenfolge von Rednern zu ändern, verschieben Sie sie mit der Maus
 an die gewünschte Position. Bestätigen Sie danach Ihre Änderungen.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_05.png
    :class: screenshot
 
-.. Rednerliste mit einigen Rednern, die verschoben wurden, mit Dialogfeld
-
 Wenn eine Person mit ihrem Redebeitrag beginnt, klicken Sie auf den Button
 „Rede beginnen“ |microphone|. Sie wird nun als aktueller Redner angezeigt.
 Ist der Redebeitrag zu Ende, können Sie dies mit dem Button „Rede beenden“
@@ -171,11 +161,6 @@ beginnen“ |microphone| aufrufen.
 
 .. |microphone| image:: ../_images/microphone.png
 
-.. image:: ../_images/Platzhalter.png
-   :class: screenshot
-
-.. Rednerliste mit aktuellem redner und kommenden rednern
-
 Auf dem Dashboard finden Sie im Widget „Rednerliste“ zwei weitere Buttons,
 um den obersten Redner des aktuell ausgewählten Tagesordnungseintrags
 aufzurufen beziehungsweise den aktuellen Redebeitrag dieses Punktes zu
@@ -184,11 +169,9 @@ beenden.
 Die Einstellung, wie viele letzte Redner projiziert werden sollen, finden
 Sie im Menüpunkt „Konfiguration“ in der oberen Leiste unter „Tagesordnung“.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Agenda_06.png
    :class: screenshot
 
-.. Konfiguration der Tagesordnung
-
 
 CSV-Export der Rednerlisten
 ---------------------------
diff --git a/docs/de/Motion.rst b/docs/de/Motion.rst
index e4a76c9a3..3d231127f 100644
--- a/docs/de/Motion.rst
+++ b/docs/de/Motion.rst
@@ -57,11 +57,9 @@ werden:
 .. __: #arbeitsablauf-und-status
 .. __: #versionierung
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_01.png
    :class: screenshot
 
-.. Konfiguration des Antragssystems
-
 
 Strukturierung von Anträgen
 ---------------------------
@@ -130,11 +128,9 @@ verwalten“ von einem bestimmten Status aus bestimmte andere Status
 ausgewählt und angeklickt werden. Mit dem roten Button „Status
 zurücksetzen“ können Sie auf den Ausgangsstatus zurückspringen.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_02.png
    :class: screenshot
 
-.. Antragsseite eines bestimmten Antrags mit komplexem Arbeitsablauf (viele Status), Status muss zugelassen sein
-
 Beim einfachen Arbeitsablauf kann bei der Verwaltung eines eingereichten
 Antrags zwischen „angenommen“, „abgelehnt“ und „nicht entschieden“ gewählt
 werden. Beim komplexen Arbeitsablauf ist der Antrag zunächst
@@ -159,7 +155,7 @@ in der folgenden Übersicht:
 .. image:: ../_images/Platzhalter.png
    :class: screenshot
 
-.. handgemalte Übersicht
+.. handgemalte Übersicht (Motion_03.png)
 
 
 Versionierung
@@ -172,11 +168,9 @@ Antragsversion an. Sie können auf der Antragsseite mehrere Versionen
 miteinander vergleichen. Wählen Sie dazu je einen Knopf links und rechts
 aus und klicken Sie auf den Button „Unterschied“.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_04.png
    :class: screenshot
 
-.. Antragsseite eines bestimmten Antrags mit 3 Versionen, Punkte bei Unterschied links oben und rechts unten
-
 Nur eine der Versionen eines Antrags gilt in OpenSlides als zugelassene
 Version. Diese wird auf dem Projektor angezeigt und in der Antragsseite mit
 einem grünen Haken markiert. Klicken Sie auf einen grauen Haken-Button, um
@@ -203,11 +197,9 @@ Seite eines Antrags auf den Projektor-Button in der oberen Zeile rechts.
 
 .. |projector| image:: ../_images/projector.png
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_05.png
    :class: screenshot
 
-.. Projektorbild mit Antrag und Text
-
 Zu jedem Antrag können Sie über einen Link („Neuer Tagesordnungseintrag“)
 in der oberen Leiste des betreffenden Antrags („Mehr Aktionen“) auch einen
 eigenen Eintrag in der Tagesordnung erstellen, der direkt mit der
@@ -227,11 +219,9 @@ erfasst“. Sollten Sie bei abgegebene Stimmen einen Wert eintragen,
 berechnet OpenSlides automatisch die prozentualen Anteile der übrigen
 Stimmzahlen. Klicken Sie am Ende auf ``Speichern`` oder ``Übernehmen``.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_06.png
    :class: screenshot
 
-.. Abstimmungsformular mit den Abstimmungswerten -1, 15, 3, -2, -2
-
 In der Abstimmungsansicht können Sie außerdem eventuell benötigte
 Abstimmungszettel als PDF |printer| abrufen. Nachträglich können Sie
 Abstimmungsergebnisse eingeben oder korrigieren, indem Sie auf der
@@ -252,10 +242,9 @@ Person als Antragsteller eingetragen werden soll, falls die CSV-Datei in
 einer Zeile keinen gültigen Antragsteller enthält. Die weiteren Hinweise
 auf der Import-Seite müssen beachtet werden.
 
-.. image:: ../_images/Platzhalter.png
+.. image:: ../_images/Motion_07.png
    :class: screenshot
 
-.. Anträge importieren mit Auswahl (bsp-datei) und antragsteller
 
 PDF
 ---