diff --git a/labswp_2019_sose_geocaching_frontend/build.gradle b/labswp_2019_sose_geocaching_frontend/build.gradle
index 0965012..816bdf3 100644
--- a/labswp_2019_sose_geocaching_frontend/build.gradle
+++ b/labswp_2019_sose_geocaching_frontend/build.gradle
@@ -16,6 +16,13 @@ node {
 
 war {
     from 'web/' // adds a file-set to the root of the archive
+    from('manual') {
+        into 'manual'
+    }
+//    with {
+//        from('manual')
+//        into 'manual'
+//    }
     webInf { from 'WEB-INF' } // adds a file-set to the WEB-INF dir.
     webXml = file('WEB-INF/web.xml') // copies a file to WEB-INF/web.xml
     baseName = 'buga19geocaching'
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/quasar.conf.js b/labswp_2019_sose_geocaching_frontend/frontend/quasar.conf.js
index ae72d80..9858ac5 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/quasar.conf.js
+++ b/labswp_2019_sose_geocaching_frontend/frontend/quasar.conf.js
@@ -117,12 +117,14 @@ module.exports = function (ctx) {
         ? { // Base URL for API-Calls: DEV
           API: JSON.stringify('http://localhost:8080'),
           //API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19geocaching'),
-          USER_API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19usermanagement')
+          USER_API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19usermanagement'),
+          MANUAL_URI: JSON.stringify('http://localhost:3333')
         }
         : { // Base URL for API-Calls: PRODUCTION (build)
           //API: JSON.stringify('http://localhost:8080'),
           API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19geocachingbackend'),
-          USER_API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19usermanagement')
+          USER_API: JSON.stringify('https://seserver.se.hs-heilbronn.de:9443/buga19usermanagement'),
+          MANUAL_URI: JSON.stringify('/manual/index.html')
         }
     },
 
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/layouts/MyLayout.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/layouts/MyLayout.vue
index 1522443..74cc8d1 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/layouts/MyLayout.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/layouts/MyLayout.vue
@@ -193,6 +193,20 @@
             <q-item-label>Login</q-item-label>
           </q-item-section>
         </q-item>
+        <q-item
+          clickable
+          class="text-grey"
+          v-ripple
+          tag="a"
+          to="/Manual"
+        >
+          <q-item-section avatar>
+            <q-icon name="info"/>
+          </q-item-section>
+          <q-item-section>
+            <q-item-label>Hilfe</q-item-label>
+          </q-item-section>
+        </q-item>
 
 
         <!--        <q-item-->
@@ -239,6 +253,7 @@
     name: "MyLayout",
     data() {
       return {
+        manualURI: process.env.MANUAL_URI,
         leftDrawerOpen: this.$q.platform.is.desktop,
         clickCounter: 0,
       };
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Manual.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Manual.vue
new file mode 100644
index 0000000..5051e8e
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Manual.vue
@@ -0,0 +1,45 @@
+<template>
+    <div ref="contentView">
+      <iframe :src="URI" id="myIframe" scrolling="no" frameborder="0"
+              :style="{ height: mapHeight+'px' }" class="relative-position full-width">
+      </iframe>
+    </div>
+</template>
+
+<style>
+  /*
+    .my-list-card-item
+      padding-left: 8px
+  */
+</style>
+<script>
+  export default {
+    data() {
+      return {
+        mapHeight: 0,
+        URI: process.env.MANUAL_URI
+      }
+    },
+    destroyed() {
+      window.removeEventListener('resize', this.matchHeight)
+    },
+    computed: {
+    },
+    async created() {
+      window.addEventListener('resize', this.matchHeight);
+    },
+    mounted() {
+      this.matchHeight();
+    },
+    methods: {
+      matchHeight() {
+        console.log("matchHeight");
+        const heightWindow = window.innerHeight;
+        const heightBar = document.getElementById('toolbar').clientHeight;
+        // console.log("heightWindow="+heightWindow);
+        // console.log("heightBar="+heightBar);
+        this.mapHeight = heightWindow - heightBar;
+      },
+    }
+  }
+</script>
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Overview.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Overview.vue
index 712ba53..a67c6e3 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Overview.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Overview.vue
@@ -93,9 +93,11 @@
                     </q-list>
                   </q-btn-dropdown>
                   <div v-if="!hasAdminState">
-                    <q-btn @click="startCache(cache.id)" unelevated
-                           :color="getColorClass(cache)"  icon="arrow_forward"
-                           label="Starten" size="" />
+                    <q-btn @click="openCache(cache)" unelevated
+                           :color="getColorClass(cache)"
+                           :label="getOpenCacheLabel(cache)"
+                           icon="arrow_forward"
+                           size="" />
                   </div>
                 </q-item>
               </q-expansion-item>
@@ -197,9 +199,11 @@
                               </q-list>
                             </q-btn-dropdown>
                             <div v-if="!hasAdminState">
-                              <q-btn @click="startCache(cache.id)" unelevated
-                                     :color="getColorClass(cache)"  icon="arrow_forward"
-                                     label="Starten" size="" />
+                              <q-btn @click="openCache(cache)" unelevated
+                                     :color="getColorClass(cache)"
+                                     :label="getOpenCacheLabel(cache)"
+                                     icon="arrow_forward"
+                                     size="" />
                             </div>
                           </q-item>
                         </q-expansion-item>
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
index 20c7c2c..7ffffb2 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true"
-             data-projection="EPSG:4326" style="height: 200px" v-if="!cameraActive">
+             data-projection="EPSG:4326" style="height: 200px" v-if="!cameraActive && renderready">
              <vl-view :zoom.sync="zoom" :center.sync="center" :rotation.sync="rotation"></vl-view>
 
              <vl-feature ref="marker">
@@ -74,6 +74,7 @@ Vue.use(VueLayers);
         rotation: 0,
         geolocPosition: undefined,
         filteredStations: [],
+        renderready: false
       }
     },
     beforeRouteUpdate(to, from, next) {
@@ -134,7 +135,8 @@ Vue.use(VueLayers);
               for( let i=0; i< stationIndex; i++){
                 this.filteredStations.push(this.cache.stationen[i])
               }
-              this.center = [this.station.longitude, this.station.lattitude]
+              this.center = [this.station.longitude, this.station.lattitude];
+              this.renderready = true;
           })
         }
       },
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/router/routes.js b/labswp_2019_sose_geocaching_frontend/frontend/src/router/routes.js
index 35e002d..bfd5d23 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/router/routes.js
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/router/routes.js
@@ -10,7 +10,6 @@ const routes = [
     }
   },
   {
-
     path: "/overview/",
     component: () => import("layouts/MyLayout.vue"),
     children: [{ path: "", component: () => import("pages/Overview.vue") }],
@@ -20,6 +19,16 @@ const routes = [
       onlyAdmin: false,
     }
   },
+  {
+    path: "/manual/",
+    component: () => import("layouts/MyLayout.vue"),
+    children: [{ path: "", component: () => import("pages/Manual.vue") }],
+    meta: {
+      public: true,  // Allow access to even if not logged in
+      onlyWhenLoggedOut: false,
+      onlyAdmin: false,
+    }
+  },
   {
     path: "/cache/",
     component: () => import("layouts/MyLayout.vue"),
diff --git a/labswp_2019_sose_geocaching_frontend/manual/1.-Anmelden_42893657.html b/labswp_2019_sose_geocaching_frontend/manual/1.-Anmelden_42893657.html
new file mode 100755
index 0000000..52ae997
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/1.-Anmelden_42893657.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 1. Anmelden</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 1. Anmelden
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Hierfür ist ein registriertes Konto im zentralen Usermanagement nötig. Wenn Sie <a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a> im Kapitel &quot;Für BuGa-Besuchende&quot; abgeschlossen haben, sollten Sie ein solches Konto haben. Außerdem wenn Sie bereits ein Konto auf BuGa-FlowerTours oder BuGa-Blumenwiki haben, können Sie dieses hier auch verwenden.</p><p>Sollten Sie sich gerade auf GeoCaching registriert haben, sind die folgenden Schritte für Sie nicht sichtbar, da Sie bereits angemeldet sind, allerdings werden Sie nach spätestens 24 Stunden abgemeldet, daher wird es empfohlen dennoch die folgenden Informationen genau zu lesen. (Mehr dazu in <a href="Abmelden_42893671.html">Abmelden</a>)</p><p>Auf das Anmeldeformular gelangen Sie auf zwei verschiedenen Wegen:</p><ol><li>Sie wählen &quot;Login&quot; in der Navigationsleiste aus</li><li>Sie wählen &quot;Starten&quot; in einem aufgeklappten Cache in der &quot;Alle Caches&quot;-Übersicht aus</li></ol><p>Geben Sie Ihre registrierte E-Mail-Adresse und Ihr Passwort, das Sie bei der Konto-Erstellung vergeben haben, jeweils in die dafür vorgesehenen Textfelder ein. Erst wenn beide Felder ausgefüllt sind, ist der &quot;Login&quot;-Knopf auswählbar.</p><p>Sollten die Daten inkorrekt sein, wird dies als Fehlermeldung ausgegeben.</p><p>Wenn die eingegebenen Daten korrekt sind, werden Sie auf die &quot;Alle Caches&quot;-Übersicht weitergeleitet und Sie können einen Cache starten. (Mehr dazu in <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>)</p><p>Mobilansicht des Anmeldeformulars:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893657/42894164.png" data-image-src="attachments/42893657/42894164.png" data-unresolved-comment-count="0" data-linked-resource-id="42894164" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_21-3-33.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893657" data-linked-resource-container-version="7"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893657/42894160.png">image2019-6-24_21-2-20.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893657/42894161.png">image2019-6-24_21-2-42.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893657/42894162.png">image2019-6-24_21-3-10.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893657/42894164.png">image2019-6-24_21-3-33.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/1.-Cache-erstellen_42893683.html b/labswp_2019_sose_geocaching_frontend/manual/1.-Cache-erstellen_42893683.html
new file mode 100755
index 0000000..7167d4f
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/1.-Cache-erstellen_42893683.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 1. Cache erstellen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893627.html">III. Für Administrierende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 1. Cache erstellen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Als Administrierender können Sie Caches in der Cache Übersicht anlegen. (Mehr dazu im Kapitel &quot;Für Besuchende&quot; in <a href="2.-Caches_42893665.html">2. Caches</a>)</p><p>Um einen neuen Cache anlegen zu können, müssen Sie als Administrierender eingeloggt sein und unter &quot;Alle Caches&quot; den Knopf &quot;+ neuer Cache&quot; auswählen: </p><p><br/></p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="65" src="attachments/42893683/42894078.png" data-image-src="attachments/42893683/42894078.png" data-unresolved-comment-count="0" data-linked-resource-id="42894078" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_17-56-43.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893683" data-linked-resource-container-version="7"></span></p><p>Dieser Knopf befindet sich unter der Liste an bereits verfügbaren Caches, ggf. müssen Sie scrollen.</p><p>Nach Auswahl des o.g. Knopfes erscheint das Formular zur Erstellung eines neuen Cache.</p><p>Sie werden aufgefordert dem neuen Cache einen Namen zu geben, der für alle Nutzenden in der Cache Übersicht angezeigt wird.</p><p>Der Punktewert, der danach erfragt wird, ist die Rangpunktebelohnung, die man bei Abschluss eines Caches erhält. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="42893676.html">3. Cache durchf&uuml;hren</a>)</p><p>Für die Beschreibung ist ein Textfeld vorgesehen, in diesem kann man den Text auch <strong>fett,</strong> <em>kursiv </em>oder <u>unterstrichen</u>. Die Beschreibung ist für Nutzende sichtbar, wenn sie einen Cache in der Übersicht auswählen und aufklappen.</p><p>Die Belohnung wird dem Cachenden angezeigt, wenn er die letzte Station eines Cache gefunden hat, daher sollte die Belohnung ein kurzer Spruch zur Motivation oder mit Ratschlägen sein.</p><p>Ein Cache besteht aus mehreren Stationen, mindestens allerdings zwei, darauf wird auch im Formular hingewiesen. Eine Station kann über den Knopf &quot;Station hinzufügen +&quot; hinzugefügt werden. (Mehr dazu in <a href="2.-Station-erstellen_42893685.html">2. Station erstellen</a>)</p><p>Eine Endstation wird automatisch generiert, allerdings muss man die Koordinaten dieser Station noch entsprechend anpassen. (Mehr dazu in <a href="2.-Station-erstellen_42893685.html">2. Station erstellen</a>)</p><p>Sollten Fehler bei der Eingabe passiert sein, werden auf diese bei Auswahl von &quot;Cache speichern&quot; hingewiesen. Wenn alle Felder korrekt ausgefüllt sind, lässt sich der Cache speichern.</p><p>Wenn der Cache nicht gespeichert werden soll, kann man die Erstellung eines neuen Caches abbrechen, indem man den roten &quot;Abbrechen&quot;-Knopf auswählt. Man gelangt zurück zu &quot;Alle Caches&quot;, welche unverändert ist.</p><p>Nachdem der Cache gespeichert wurde, wird man zurück in &quot;Alle Caches&quot; weitergeleitet. In der Übersicht ist nun bereits der neue Cache sichtbar und steht allen Cachenden zur Verfügung.</p><p>Da die Cachenden zur Durchführung des neuen Caches auch QR-Codes brauchen, die sie scannen können, muss man diese auch nach Cache-Erstellung an den Positionen der gespeicherten Stationen verstecken.</p><p>Die QR-Codes können hierfür bereits in der Anwendung generiert werden. Hierzu wählen Sie den neu erstellten Cache aus und klappen diesen auf. Neben dem &quot;Starten&quot; Knopf befindet sich ein Dropdown-Menü, in welchem &quot;QR-Codes&quot; zur Verfügung steht:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="184" src="attachments/42893683/42894103.png" data-image-src="attachments/42893683/42894103.png" data-unresolved-comment-count="0" data-linked-resource-id="42894103" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_18-58-6.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893683" data-linked-resource-container-version="7"></span></p><p>Dort sind alle nötigen QR-Codes aller Stationen verfügbar.</p><p><br/></p><p>Mobilansicht des Formulars (obere Hälfte):</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893683/42894093.png" data-image-src="attachments/42893683/42894093.png" data-unresolved-comment-count="0" data-linked-resource-id="42894093" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_18-28-9.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893683" data-linked-resource-container-version="7"></span></p><p><br/></p><p>Mobilansicht des Formulars (obere Hälfte):</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893683/42894091.png" data-image-src="attachments/42893683/42894091.png" data-unresolved-comment-count="0" data-linked-resource-id="42894091" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_18-27-34.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893683" data-linked-resource-container-version="7"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893683/42894078.png">image2019-6-24_17-56-43.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893683/42894090.png">image2019-6-24_18-27-3.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893683/42894091.png">image2019-6-24_18-27-34.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893683/42894093.png">image2019-6-24_18-28-9.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893683/42894103.png">image2019-6-24_18-58-6.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/1.-Startseite-aufrufen_42893636.html b/labswp_2019_sose_geocaching_frontend/manual/1.-Startseite-aufrufen_42893636.html
new file mode 100755
index 0000000..460fdc7
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/1.-Startseite-aufrufen_42893636.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 1. Startseite aufrufen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893623.html">I. Für BuGa-Besuchende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 1. Startseite aufrufen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 23, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Öffnen Sie Ihren Internet-Browser und geben Sie in der Adressleiste </p><p><a class="external-link" href="https://seserver.se.hs-heilbronn.de:9443/buga19geocaching/#/" rel="nofollow">https://seserver.se.hs-heilbronn.de:9443/buga19geocaching/#/</a> </p><p>ein. Nachdem Sie die Eingabetaste gedrückt haben, ist die Startseite von BuGa-GeoCaching zu sehen.</p><p>Auf der Startseite erhalten Sie Informationen zu dem GeoCaching-Angebot, worum es sich dabei handelt und wie es grob funktioniert. Außerdem kann man direkt zu den Caches navigieren, indem man &quot;Zu den Caches&quot; auswählt. <em>Dazu mehr in <a href="2.-Caches_42893665.html">2. Caches</a>.</em></p><p>Auf der Desktop-Ansicht ist die Navigationsleiste automatisch geöffnet, in der Mobilansicht ist sie geschlossen. Man öffnet die Navigationsleiste, indem man den Menü-Knopf in der oberen rechten Ecke des Bildschirms auswählt, dies gilt für beide Ansichten. <em>Dazu mehr in <a href="Die-Navigationsleiste_42893642.html">Die Navigationsleiste</a>.</em></p><p>Desktop-Ansicht:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="250" src="attachments/42893636/42893640.png" data-image-src="attachments/42893636/42893640.png" data-unresolved-comment-count="0" data-linked-resource-id="42893640" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_15-18-13.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893636" data-linked-resource-container-version="5"></span></p><p>Mobilansicht:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="250" width="140" src="attachments/42893636/42893638.png" data-image-src="attachments/42893636/42893638.png" data-unresolved-comment-count="0" data-linked-resource-id="42893638" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_13-41-56.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893636" data-linked-resource-container-version="5"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893636/42893637.png">image2019-6-23_13-41-11.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893636/42893638.png">image2019-6-23_13-41-56.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893636/42893640.png">image2019-6-23_15-18-13.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/2.-Cache-starten_42893673.html b/labswp_2019_sose_geocaching_frontend/manual/2.-Cache-starten_42893673.html
new file mode 100755
index 0000000..63a2ccf
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/2.-Cache-starten_42893673.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 2. Cache starten</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 2. Cache starten
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Bitte beachten Sie, dass Sie mit einem Konto, das in dem zentralen Usermanagement registriert ist, angemeldet sein müssen, um folgende Schritte durchführen zu können.</p><p>Ein Cache kann auf verschiedenen Wegen gestartet werden:</p><ol><li>Sie wählen &quot;Starten&quot; in einem aufgeklappten Cache in der &quot;Alle Caches&quot;-Übersicht aus (sowohl in der Liste als auch auf der Karte möglich)</li><li>Sie finden auf der BuGa eine Startstation und scannen den QR-Code mit dem &quot;QR-Code Scanner&quot;, der in der Navigationsleiste zu finden ist</li></ol><p><br/></p><p>Wenn Sie, wie in 2. beschrieben die Startstation bereits gefunden und gescannt haben, können Sie direkt das nächste Kapitel lesen: <a href="42893676.html">3. Cache durchf&uuml;hren</a></p><p>Sollten Sie über den &quot;Starten&quot;-Knopf einen Cache gestartet haben, werden Sie zu einer Informationsseite weitergeleitet, die erklärt, wie GeoCaching auf der BuGa funktioniert.</p><p>Im oberen Teil des Bildschirms wird eine Karte angezeigt, auf der die Startstation, die es zu finden gilt, markiert ist. Unterhalb der Karte befindet sich der Name des Caches (im u.g. Beispiel &quot;Wolfszipfel&quot;). Weiter darunter befindet sich die Anleitung, wie GeoCaching funktioniert. Ganz unten wird ein &quot;QR-Code scannen&quot;-Knopf angezeigt. Wenn dieser ausgewählt wird, aktiviert sich die Kamera und man kann einen QR-Code scannen, sogar ohne einen installierten QR-Code Scanner auf dem Smartphone zu haben.</p><p>Bitte beachten Sie, dass der QR-Code Scanner Probleme hat einzelne QR-Codes zu erkennen, wenn mehrere nebeneinander liegen.</p><p><br/></p><p>Der &quot;Starten&quot;-Knopf in einem aufgeklappten Cache:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="152" src="attachments/42893673/42894188.png" data-image-src="attachments/42893673/42894188.png" data-unresolved-comment-count="0" data-linked-resource-id="42894188" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_21-38-55.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893673" data-linked-resource-container-version="5"></span></p><p><br/></p><p>Mobilansicht der Cache starten-Informationsseite:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893673/42894190.png" data-image-src="attachments/42893673/42894190.png" data-unresolved-comment-count="0" data-linked-resource-id="42894190" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_21-39-56.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893673" data-linked-resource-container-version="5"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893673/42894188.png">image2019-6-24_21-38-55.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893673/42894190.png">image2019-6-24_21-39-56.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/2.-Caches_42893665.html b/labswp_2019_sose_geocaching_frontend/manual/2.-Caches_42893665.html
new file mode 100755
index 0000000..b3ce7f1
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/2.-Caches_42893665.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 2. Caches</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893623.html">I. Für BuGa-Besuchende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 2. Caches
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Hier gelangen Sie automatisch hin, wenn Sie</p><ol><li>sich soeben mit Ihrem Konto angemeldet haben.</li><li>über die Navigationsleiste &quot;Alle Caches&quot; ausgewählt haben.</li><li>auf der Startseite &quot;Zu den Caches&quot; ausgewählt haben.</li></ol><p>Hier finden Sie alle verfügbaren Caches. Sie sind in der Listenansicht, wenn Sie auf die Seite gelangen. Man kann auf die Kartenansicht wechseln, indem man den Tab &quot;Karte&quot; auswählt.</p><p>In der Kartenansicht werden die Startstationen aller verfügbaren Caches angezeigt (Mehr dazu in <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>). Wenn Sie Ihrem Browser gewähren Ihre Standortdaten nutzen zu dürfen, wird Ihre Position als blauer Kreis dargestellt, dies gilt auch für alle Kartendarstellungen, die in folgenden Kapiteln erwähnt werden.</p><p>In beiden Ansichten kann man die Caches ausklappen, um weitere Informationen über sie zu erhalten. Sollte man in der Kartenansicht sein, muss man vorher den jeweiligen Marker auf der Karte auswählen, danach kann man ebenso die selben Daten sehen, wie in der Listenansicht.</p><p>Wenn Sie &quot;Starten&quot; in einem der Caches auswählen und nicht angemeldet sind, werden Sie automatisch zur Anmeldemaske weitergeleitet (Mehr dazu in <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>). Sollten Sie angemeldet sein, werden Sie auf die Startposition des ausgewählten Caches hingewiesen.</p><p>Sollten Sie angemeldet sein, sehen Sie die Caches in der Listenansicht, wie auch in der Kartenansicht in Farben hinterlegt, die für Ihren Bearbeitungsstatus stehen:</p><ol><li>schwarz (bzw. blau in der Kartenansicht): der Cache wurde noch nicht angefangen</li><li>gelb: der Cache wurde angefangen, allerdings noch nicht abgeschlossen</li><li>grün: der Cache wurde bereits abgeschlossen</li></ol><p><br/></p><p>Mobilansicht der Cache-Liste, als angemeldeter Nutzender:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893665/42893711.png" data-image-src="attachments/42893665/42893711.png" data-unresolved-comment-count="0" data-linked-resource-id="42893711" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_17-34-9.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893665" data-linked-resource-container-version="8"></span></p><p><br/></p><p>Mobilansicht der Cache-Karte, als angemeldeter Nutzender:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893665/42893709.png" data-image-src="attachments/42893665/42893709.png" data-unresolved-comment-count="0" data-linked-resource-id="42893709" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_17-32-46.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893665" data-linked-resource-container-version="8"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893665/42893706.png">image2019-6-23_17-32-0.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893665/42893708.png">image2019-6-23_17-32-12.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893665/42893709.png">image2019-6-23_17-32-46.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893665/42893711.png">image2019-6-23_17-34-9.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/2.-Station-erstellen_42893685.html b/labswp_2019_sose_geocaching_frontend/manual/2.-Station-erstellen_42893685.html
new file mode 100755
index 0000000..ad79820
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/2.-Station-erstellen_42893685.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 2. Station erstellen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893627.html">III. Für Administrierende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 2. Station erstellen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Wenn Sie eine Station erstellen möchten, müssen Sie einen neuen Cache erstellen und &quot;Station erstellen +&quot;-Knopf auswählen. (Mehr dazu in <a href="1.-Cache-erstellen_42893683.html">1. Cache erstellen</a>)</p><p>In das Textfeld wird das Rätsel eingetragen, das zur nächsten Station führen soll. Eine Endstation wird niemals Rätsel enthalten, da nach einer Endstation keine weitere Station folgt zu der ein Rätsel führen könnte.</p><p>Unter dem Rätsel wird die aktuelle Station auf der Karte markiert, hierzu gibt es 3 Eingabemöglichkeiten:</p><ol><li>In den Textfeldern unterhalb der Karte die Koordinaten händisch eintragen. Der Breitengrad muss hierbei zwischen 49 und 50 liegen, der Längengrad zwischen 9 und 10. Bitte beachten Sie, dass die Nachkommastellen mit einem Punkt (.) getrennt werden und nicht wie im deutschen Standard mit einem Komma (,).</li><li>Die Karte ziehen und skalieren. Der Marker bleibt immer zentriert auf der Karte, sobald man nach dem Ziehen der Karte loslässt, wird der Marker an die zentrale Position gesetzt.</li><li>Die eigene Position nutzen. Mit der Auswahl des GPS-Knopfes, rechts von den beiden Textfeldern zur Eingabe von Breiten- und Längengrad, wird, sofern der Anwendung Zugriff auf die Standortinformationen des Nutzenden gewährt wurde, der aktuelle Standort als Position der Station gesetzt. TIPP: Man kann trotzdem die Karte ziehen und skalieren, sodass der Marker präziser an der gewünschten Position steht.</li></ol><p>Nachdem das Rätsel zum Finden der nächsten Station und die Position der aktuellen Station eingetragen sind, kann die Station gespeichert werden, hierzu den &quot;Speichern&quot;-Knopf auswählen. Wenn keine neue Station erstellt werden soll, kann man diese Station auch wieder verwerfen mit Auswahl des &quot;Verwerfen&quot;-Knopfes.</p><p>Bitte beachten Sie, dass wenn Sie fehlerhafte Koordinaten eingetragen haben, erst bei Speichern des gesamten Caches eine Fehlermeldung ausgegeben wird. In dieser wird auch beschrieben in welcher Station die fehlerhaften Daten liegen.</p><p>GPS-Knopf:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="41" src="attachments/42893685/42894152.png" data-image-src="attachments/42893685/42894152.png" data-unresolved-comment-count="0" data-linked-resource-id="42894152" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_20-44-6.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893685" data-linked-resource-container-version="7"></span></p><p><br/></p><p>Mobilansicht (obere Hälfte):</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893685/42894145.png" data-image-src="attachments/42893685/42894145.png" data-unresolved-comment-count="0" data-linked-resource-id="42894145" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_20-41-44.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893685" data-linked-resource-container-version="7"></span></p><p><br/></p><p>Mobilansicht (untere Hälfte):</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893685/42894149.png" data-image-src="attachments/42893685/42894149.png" data-unresolved-comment-count="0" data-linked-resource-id="42894149" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_20-42-46.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893685" data-linked-resource-container-version="7"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894140.png">image2019-6-24_20-20-57.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894141.png">image2019-6-24_20-21-42.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894143.png">image2019-6-24_20-41-32.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894145.png">image2019-6-24_20-41-44.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894147.png">image2019-6-24_20-42-30.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894149.png">image2019-6-24_20-42-46.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893685/42894152.png">image2019-6-24_20-44-6.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/3.-TOP10-Rangliste_42893668.html b/labswp_2019_sose_geocaching_frontend/manual/3.-TOP10-Rangliste_42893668.html
new file mode 100755
index 0000000..e45d532
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/3.-TOP10-Rangliste_42893668.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 3. TOP10-Rangliste</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893623.html">I. Für BuGa-Besuchende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 3. TOP10-Rangliste
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 23, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Hier können Sie sehen, welche 10 Nutzer die meisten Punkte beim Cachen gesammelt haben.</p><p>Wenn der Tab &quot;Team&quot; ausgewählt wird, oder auf der Fläche, in der die Rangliste angezeigt wird, mit dem Finger von rechts nach links gewischt wird, gelangen Sie zu den 10 Team, sofern so viele vorhanden sind, die die meisten Punkte erreicht haben. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="4.-Das-Profil-und-Teams_42893681.html">4. Das Profil und Teams</a>)</p><p>Man kann, um zum Tab &quot;Solo&quot; zu gelangen diesen Tab entweder auswählen oder auf der Fläche, in der die Rangliste angezeigt wird, von links nach rechts wischen.</p><p>Sollten Sie angemeldet sein, wird Ihre eigene Position als 11. Position in der Rangliste angezeigt, wenn Sie nicht in den TOP10 sind. Ihre Position, Ihre E-Mail-Adresse und Ihre Punktzahl ist in grüner Schrift geschrieben.</p><p>Bei Auswahl der eigenen E-Mail-Adresse gelangen Sie zu Ihrem Profil. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="4.-Das-Profil-und-Teams_42893681.html">4. Das Profil und Teams</a>)</p><p><br/></p><p>Mobilansicht der Solo-TOP10:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893668/42893715.png" data-image-src="attachments/42893668/42893715.png" data-unresolved-comment-count="0" data-linked-resource-id="42893715" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_21-37-9.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893668" data-linked-resource-container-version="9"></span></p><p><br/></p><p>Mobilansicht der Solo-TOP10 mit eigener Position:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893668/42893722.png" data-image-src="attachments/42893668/42893722.png" data-unresolved-comment-count="0" data-linked-resource-id="42893722" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_21-39-4.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893668" data-linked-resource-container-version="9"></span></p><p><br/></p><p>Mobilansicht der Team-TOP10:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893668/42893726.png" data-image-src="attachments/42893668/42893726.png" data-unresolved-comment-count="0" data-linked-resource-id="42893726" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_21-39-55.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893668" data-linked-resource-container-version="9"></span></p><p><br/></p><p><br/></p><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893715.png">image2019-6-23_21-37-9.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893717.png">image2019-6-23_21-37-48.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893719.png">image2019-6-23_21-38-0.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893721.png">image2019-6-23_21-38-10.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893722.png">image2019-6-23_21-39-4.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893724.png">image2019-6-23_21-39-34.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893668/42893726.png">image2019-6-23_21-39-55.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/4.-Das-Profil-und-Teams_42893681.html b/labswp_2019_sose_geocaching_frontend/manual/4.-Das-Profil-und-Teams_42893681.html
new file mode 100755
index 0000000..b95f074
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/4.-Das-Profil-und-Teams_42893681.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 4. Das Profil und Teams</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 4. Das Profil und Teams
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 25, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p><span style="color: rgb(23,43,77);">Bitte beachten Sie, dass Sie mit einem Konto, das in dem zentralen Usermanagement registriert ist, angemeldet sein müssen, um folgende Schritte durchführen zu können.</span></p><p><span style="color: rgb(23,43,77);">Auf das Profil gelangt man auf verschiedenen Wegen:</span></p><ol><li>Man wählt &quot;Profil&quot; in der Navigationsleiste aus</li><li>Man wählt das &quot;Profilbild&quot;-Icon aus, das stets rechts oben neben dem Menü-Icon ist, welches das Navigationsmenü öffnet</li><li>Man wählt seine eigene E-Mail-Adresse in der TOP10-Rangliste aus</li></ol><p>Im Profil wird Ihr bei der Registrierung eingegebener Name angezeigt, darunter Ihre E-Mail-Adresse, Ihren aktuellen Rang in der TOP10-Rangliste und Ihren Teamnamen, falls Sie aktuell in einem Team sind. Teamnamen sind einzigartig, sodass man keine 2 Teams mit dem gleichen Namen finden wird.</p><p>Wenn Sie sich aktuell in keinem Team befinden, befindet sich darunter ein Textfeld zur Eingabe eines Teamnamen zur Erstellung eines eigenen Teams. Allerdings kann auch ein anderer Cachender Sie zu seinem Team einladen. Solche Teameinladungen finden Sie unter &quot;Teameinladungen&quot; aufgelistet, rechts daneben ein Knopf zur Annahme einer Einladung. Man kann niemanden einladen, der kein Konto im zentralen Usermanagement hat. (Wie man sich ein solches Konto anlegen kann, finden Sie hier heraus: <a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a>)</p><p>Nachdem man einem Team beigetreten ist, erhält man Zugang zu einem weiteren Tab &quot;Team&quot;. Sie können keine neuen/weiteren Einladungen empfangen bzw. annehmen, solange Sie Mitglied in einem Team sind.</p><p>Im &quot;Team&quot;-Tab kann für das gesamte Team ein Status gesetzt werden, welcher von jedem Teammitglied gelesen werden kann, hier kann man sich zum gemeinsamen Cachen verabreden o.Ä.</p><p>Darunter ist eine Liste aller Teammitglieder, wobei sich weiter darunter ein Textfeld befindet zur Eingabe einer E-Mail-Adresse eines Cachenden, den Sie in Ihr Team einladen möchten. Nach Auswahl des &quot;Einladen&quot;-Knopfes, rechts neben dem Textfeld, wird der Cachende eine Einladung in seinem Profil vorfinden können, die dieser annehmen oder ablehnen kann, nachdem er das Team aufgeklappt hat.</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="97" src="attachments/42893681/42894254.png" data-image-src="attachments/42893681/42894254.png" data-unresolved-comment-count="0" data-linked-resource-id="42894254" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-25_10-58-17.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893681" data-linked-resource-container-version="8"></span></p><p>Am unteren Rand befindet sich der rote &quot;Team verlassen&quot;-Knopf, mit welchem Sie Ihr aktuelles Team verlassen können. Wenn keine Cachende in einem Team verbleiben, wird die Gruppe gelöscht.</p><p>Mobilansicht eines Beispiel-Profils, wenn dieser aktuell in keinem Team ist:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893681/42894249.png" data-image-src="attachments/42893681/42894249.png" data-unresolved-comment-count="0" data-linked-resource-id="42894249" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-25_10-22-57.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893681" data-linked-resource-container-version="8"></span></p><p><br/></p><p>Mobilansicht eines Beispiel-Teams, das Test Cachender erstellt hat:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893681/42894253.png" data-image-src="attachments/42893681/42894253.png" data-unresolved-comment-count="0" data-linked-resource-id="42894253" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-25_10-48-27.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893681" data-linked-resource-container-version="8"></span></p><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893681/42894249.png">image2019-6-25_10-22-57.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893681/42894253.png">image2019-6-25_10-48-27.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893681/42894254.png">image2019-6-25_10-58-17.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/4.-Konto-anlegen_42893660.html b/labswp_2019_sose_geocaching_frontend/manual/4.-Konto-anlegen_42893660.html
new file mode 100755
index 0000000..4856770
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/4.-Konto-anlegen_42893660.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 4. Konto anlegen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893623.html">I. Für BuGa-Besuchende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 4. Konto anlegen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 25, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Sie können sich ein eigenes Konto anlegen, wenn Sie in der Navigationsleiste &quot;Registrieren&quot; auswählen oder in der Anmeldemaske &quot;Registrieren&quot; auswählen. Um diese Knöpfe auswählen zu können, dürfen Sie aktuell nicht bereits mit einem Konto angemeldet sein.</p><p>Das Formular benötigt Ihren vollständigen Namen, Ihre E-Mail-Adresse, Ihre wiederholte E-Mail-Adresse, sowie ein Passwort und die Wiederholung des Passworts.</p><p>Sollten die Felder nicht korrekt befüllt sein, wird in roter Schrift eine Meldung unter dem betroffenen Feld ausgegeben.</p><p>Nachdem Sie das Formular vollständig ausgefüllt haben, wählen Sie den grünen &quot;Registrieren&quot;-Knopf im unteren Teil der Ansicht aus. Dieser Knopf ist nicht auswählbar, solange das Formular nicht vollständig ausgefüllt ist.</p><p>Sie werden automatisch mit Ihrem neuen Konto angemeldet und zur Cache-Übersicht weitergeleitet, nachdem Sie &quot;Registrieren&quot; ausgewählt haben.</p><p>Bitte beachten Sie, dass Sie bei der Registrierung automatisch damit Ihr Einverständnis geben mit Ihrer E-Mail-Adresse in der TOP10-Rangliste sichtbar zu werden.</p><p><br/></p><p>Mobilansicht des leeren Registrierungsformulars:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893660/42893731.png" data-image-src="attachments/42893660/42893731.png" data-unresolved-comment-count="0" data-linked-resource-id="42893731" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_22-9-51.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893660" data-linked-resource-container-version="7"></span></p><p><br/></p><p>Mobilansicht des mit Beispieldaten ausgefüllten Registrierungsformulars:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893660/42894261.png" data-image-src="attachments/42893660/42894261.png" data-unresolved-comment-count="0" data-linked-resource-id="42894261" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-25_12-2-19.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893660" data-linked-resource-container-version="7"></span></p><p><br/></p><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893660/42893729.png">image2019-6-23_21-49-40.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893660/42893731.png">image2019-6-23_22-9-51.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893660/42894261.png">image2019-6-25_12-2-19.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893623.html b/labswp_2019_sose_geocaching_frontend/manual/42893623.html
new file mode 100755
index 0000000..5138821
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893623.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : I. Für BuGa-Besuchende</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : I. Für BuGa-Besuchende
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Inhalt:</p><p><a href="1.-Startseite-aufrufen_42893636.html">1. Startseite aufrufen</a></p><p><a href="2.-Caches_42893665.html">2. Caches</a></p><p><a href="3.-TOP10-Rangliste_42893668.html">3. TOP10-Rangliste</a></p><p><a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a></p><p><br/></p><p>Zusatzkapitel:</p><p><a href="Die-Navigationsleiste_42893642.html">Die Navigationsleiste</a></p>
+                    </div>
+
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893625.html b/labswp_2019_sose_geocaching_frontend/manual/42893625.html
new file mode 100755
index 0000000..27a5688
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893625.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : II. Für Cachende</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : II. Für Cachende
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <ul class="inline-task-list" data-inline-tasks-content-id="42893625"><li class="checked" data-inline-task-id="12">einloggen</li><li class="checked" data-inline-task-id="13">ausloggen</li><li class="checked" data-inline-task-id="14">per qr code einer startstation mit qr scanner cache starten</li><li class="checked" data-inline-task-id="15">cache von website aus starten - in liste und karte</li><li class="checked" data-inline-task-id="16">cachen + cache beenden → rangliste betrachten</li><li data-inline-task-id="17">mit nicht abgeschlossenen cache fortfahren</li><li data-inline-task-id="18">Belohnung beendeter caches erneut ansehen</li><li data-inline-task-id="19">profil betrachten - namen ändern und so was</li><li data-inline-task-id="20">team anlegen</li><li data-inline-task-id="21">teameinladung versenden</li><li data-inline-task-id="22">team verlassen</li></ul><p><br/></p><p>Es wird dringend empfohlen das Kapitel &quot;Für Besuchende&quot; <a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a> vorher zu lesen und zu bearbeiten, bevor Sie weiterlesen, sollten Sie dies noch nicht getan haben.</p><p><br/></p><p>Inhalt:</p><p><a href="1.-Anmelden_42893657.html">1. Anmelden</a></p><p><a href="2.-Cache-starten_42893673.html">2. Cache starten</a></p><p><a href="42893676.html">3. Cache durchf&uuml;hren</a></p><p><a href="4.-Das-Profil-und-Teams_42893681.html">4. Das Profil und Teams</a></p><p><br/></p><p>Zusatzkapitel:</p><p><a href="Abmelden_42893671.html">Abmelden</a></p><p><a href="Angefangene-und-beendete-Caches_42893679.html">Angefangene und beendete Caches</a></p>
+                    </div>
+
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893627.html b/labswp_2019_sose_geocaching_frontend/manual/42893627.html
new file mode 100755
index 0000000..efa385e
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893627.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : III. Für Administrierende</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : III. Für Administrierende
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Administrierende haben Zusatzfunktionen, um auf diese zugreifen und nutzen zu können, muss man sich als Administrierenden anmelden. Nachfolgend finden Sie Anmeldedaten als Administrierender:</p><p>E-Mail-Adresse: <a class="external-link" href="mailto:admin@geocaching.de" rel="nofollow">admin@geocaching.de</a></p><p>Passwort: superadmin</p><p><br/></p><p>Wie man sich an- und abmeldet finden Sie im Kapitel &quot;Für Cachende&quot; in <a href="1.-Anmelden_42893657.html">1. Anmelden</a></p><p><br/></p><p>Inhalt:</p><p><a href="1.-Cache-erstellen_42893683.html">1. Cache erstellen</a></p><p><a href="2.-Station-erstellen_42893685.html">2. Station erstellen</a></p><p><a href="42893687.html">3. Caches bearbeiten / l&ouml;schen</a></p><p><a href="42893690.html">4. Rangpunkte zur&uuml;cksetzen</a></p><p><br/></p>
+                    </div>
+
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893676.html b/labswp_2019_sose_geocaching_frontend/manual/42893676.html
new file mode 100755
index 0000000..4748077
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893676.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 3. Cache durchführen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 3. Cache durchführen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 25, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p><span style="color: rgb(23,43,77);">Bitte beachten Sie, dass Sie mit einem Konto, das in dem zentralen Usermanagement registriert ist, angemeldet sein müssen, um folgende Schritte durchführen zu können.</span></p><p><span style="color: rgb(23,43,77);">Sie sollten <a href="2.-Cache-starten_42893673.html">2. Cache starten</a> durchgelesen haben, bevor Sie hier weiterlesen.</span></p><p><span style="color: rgb(23,43,77);">Nachdem Sie die Startstation des gestarteten Caches gefunden haben, beginnt das richtige GeoCaching.</span></p><p>Die Karte zentriert auf die zuletzt gefundene Station, diese ist mit einem roten Marker gekennzeichnet (siehe Mobilansicht Teil 1). Allerdings werden auch alle vergangenen Stationen angezeigt, diese Marker sind grau (siehe Mobilansicht Teil 2).</p><p>Unter dem Namen des Caches steht, welche Station man gerade gefunden hat und wie viele Stationen noch zu finden sind. Darunter befindet sich das Rätsel, welches zur nächsten Station, bzw. zum nächsten QR-Code, führen soll.</p><p>Der &quot;QR-Code scannen&quot;-Knopf funktioniert genauso, wie in <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>. </p><p>Nachdem alle Stationen, bzw. QR-Codes, gefunden und gescannt wurden, gelangt man zur Endansicht (siehe Mobilansicht Teil 3). Ihrem Konto werden Rangpunkte gutgeschrieben, sodass Ihr Rang in der TOP10-Rangliste steigt. Sie erhalten einen motivierenden Spruch oder eine Weisheit als Belohnung und können sich entweder zur TOP10-Rangliste oder zu &quot;Alle Caches&quot;-Übersicht navigieren lassen.</p><p>Ein Cache muss nicht an einem Tag vollständig durchgeführt werden, man kann Caches auch pausieren und an einem anderen Tag, auf der man auf der BuGa ist, fortfahren. Der Fortschritt wird gespeichert. Außerdem können Sie eine Belohnung erneut ansehen, wenn Sie dies möchten. (Mehr dazu in <a href="Angefangene-und-beendete-Caches_42893679.html">Angefangene und beendete Caches</a>)</p><p><br/></p><p><span style="color: rgb(23,43,77);">Mobilansicht (Teil 1):</span></p><p><span style="color: rgb(23,43,77);"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893676/42894205.png" data-image-src="attachments/42893676/42894205.png" data-unresolved-comment-count="0" data-linked-resource-id="42894205" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_21-55-58.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893676" data-linked-resource-container-version="10"></span></span></p><p><br/></p><p><span style="color: rgb(23,43,77);">Mobilansicht (Teil 2):</span></p><p><span style="color: rgb(23,43,77);"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893676/42894207.png" data-image-src="attachments/42893676/42894207.png" data-unresolved-comment-count="0" data-linked-resource-id="42894207" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_21-57-40.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893676" data-linked-resource-container-version="10"></span></span></p><p><br/></p><p><span style="color: rgb(23,43,77);">Mobilansicht (Teil 3):</span></p><p><span style="color: rgb(23,43,77);"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893676/42894210.png" data-image-src="attachments/42893676/42894210.png" data-unresolved-comment-count="0" data-linked-resource-id="42894210" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_22-8-3.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893676" data-linked-resource-container-version="10"></span></span></p><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893676/42894205.png">image2019-6-24_21-55-58.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893676/42894207.png">image2019-6-24_21-57-40.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893676/42894210.png">image2019-6-24_22-8-3.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893687.html b/labswp_2019_sose_geocaching_frontend/manual/42893687.html
new file mode 100755
index 0000000..967e49b
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893687.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 3. Caches bearbeiten / löschen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893627.html">III. Für Administrierende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 3. Caches bearbeiten / löschen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Wenn man als Administrierenden angemeldet ist, kann man bereits vorhandene Caches bearbeiten und auch löschen.</p><p>Hierzu muss man in der &quot;Alle Caches&quot;-Übersicht sein. Wählen Sie den zu löschenden oder zu bearbeitenden Cache aus und klappen Sie diesen Cache auf. Rechts neben dem &quot;Starten&quot;-Knopf befindet sich ein Dropdown-Menü:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="184" src="attachments/42893687/42894129.png" data-image-src="attachments/42893687/42894129.png" data-unresolved-comment-count="0" data-linked-resource-id="42894129" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_19-53-57.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893687" data-linked-resource-container-version="6"></span></p><p>Wählen Sie in diesem Menü die gewünschte Funktion aus.</p><p><u>Bearbeiten:</u></p><p>Wenn Sie &quot;Bearbeiten&quot; auswählen, werden Sie in ein Formular weitergeleitet, die der &quot;Cache-Erstellung&quot; (mehr dazu in <a href="1.-Cache-erstellen_42893683.html">1. Cache erstellen</a> und <a href="2.-Station-erstellen_42893685.html">2. Station erstellen</a>) ähnelt, allerdings sind alle Daten des ausgewählten Caches in die entsprechenden Felder eingetragen. Diese kann man nun editieren.</p><p>Nachdem alle gewünschten Datenänderungen vorgenommen wurden, können Sie den &quot;Cache speichern&quot;-Knopf auswählen. Sie werden nun zur Liste &quot;Alle Caches&quot; weitergeleitet.</p><p><br/></p><p><u>Löschen:</u></p><p>Wenn Sie &quot;Löschen&quot; auswählen, erscheint ein Dialogfeld, das eine erneute Bestätigung erfragt, ob dieser Cache wirklich gelöscht werden soll: </p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="159" src="attachments/42893687/42894131.png" data-image-src="attachments/42893687/42894131.png" data-unresolved-comment-count="0" data-linked-resource-id="42894131" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_20-0-2.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893687" data-linked-resource-container-version="6"></span></p><p>Nach dieser erneuten Bestätigung wird der Cache aus der Cache-Übersicht verschwinden, der Cache ist gelöscht. <u>ACHTUNG: DIESER VORGANG IST NICHT RÜCKGÄNGIG ZU MACHEN.</u></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893687/42894129.png">image2019-6-24_19-53-57.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893687/42894130.png">image2019-6-24_19-59-48.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893687/42894131.png">image2019-6-24_20-0-2.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/42893690.html b/labswp_2019_sose_geocaching_frontend/manual/42893690.html
new file mode 100755
index 0000000..4be601f
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/42893690.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : 4. Rangpunkte zurücksetzen</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893627.html">III. Für Administrierende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : 4. Rangpunkte zurücksetzen
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Wenn Sie als Administrierender angemeldet sind, können Sie die komplette TOP10-Rangliste oder die Punktzahl eines bestimmten Nutzers zurücksetzen. Im Nachfolgenden wird erklärt, wie dies funktioniert:</p><p>Besuchen Sie die TOP10-Rangliste und scrollen Sie. In der Solo-TOP10 wird unter der letzten Position der Rangliste ein Textfeld und zwei Knöpfe zum Zurücksetzen der Rangliste angezeigt:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" height="224" src="attachments/42893690/42894114.png" data-image-src="attachments/42893690/42894114.png" data-unresolved-comment-count="0" data-linked-resource-id="42894114" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_19-17-30.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893690" data-linked-resource-container-version="8"></span></p><p>Wenn Sie die Punktzahl eines bestimmten Nutzenden zurücksetzen möchten, können Sie dessen E-Mail-Adresse in das dafür vorgesehene Feld eintragen und den Knopf &quot;Punkte des Nutzers zurücksetzen&quot; auswählen. <u><span style="color: rgb(0,51,102);">ACHTUNG: DIESER VORGANG KANN NICHT RÜCKGÄNGIG GEMACHT WERDEN.</span></u></p><p><span style="color: rgb(0,51,102);">Sollten Sie die gesamte Rangliste zurücksetzen wollen und damit die gesammelten Rangpunkte der Cachenden löschen wollen, wählen Sie den Knopf &quot;Gesamte Rangliste zurücksetzen&quot; aus. <u>ACHTUNG: DIESER VORGANG KANN NICHT RÜCKGÄNGIG GEMACHT WERDEN.</u></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893690/42894107.png">image2019-6-24_19-11-9.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893690/42894109.png">image2019-6-24_19-12-43.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893690/42894111.png">image2019-6-24_19-17-20.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893690/42894114.png">image2019-6-24_19-17-30.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/Abmelden_42893671.html b/labswp_2019_sose_geocaching_frontend/manual/Abmelden_42893671.html
new file mode 100755
index 0000000..68b65a3
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/Abmelden_42893671.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : Abmelden</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : Abmelden
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Man kann über verschiedene Wege von seiner aktuellen Sitzung abgemeldet werden:</p><ol><li>Nach 24 Stunden ab dem Zeitpunkt der Anmeldung wird die Sitzung automatisch beendet</li><li>Man wählt über die Navigationsleiste &quot;Logout&quot; aus</li></ol><p><br/></p><p>Bitte beachten Sie, dass man nicht unangemeldet einen Cache durchführen kann.</p>
+                    </div>
+
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/Angefangene-und-beendete-Caches_42893679.html b/labswp_2019_sose_geocaching_frontend/manual/Angefangene-und-beendete-Caches_42893679.html
new file mode 100755
index 0000000..9aa094b
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/Angefangene-und-beendete-Caches_42893679.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : Angefangene und beendete Caches</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893625.html">II. Für Cachende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : Angefangene und beendete Caches
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 24, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p><span style="color: rgb(23,43,77);">Bitte beachten Sie, dass Sie mit einem Konto, das in dem zentralen Usermanagement registriert ist, angemeldet sein müssen, um folgende Schritte durchführen zu können.</span></p><p><span style="color: rgb(23,43,77);">In der Navigationsleiste kann &quot;Meine Caches&quot; ausgewählt werden. Man wird zu einer Cache-Übersicht weitergeleitet, die im Tab &quot;Angefangen&quot; alle gestarteten Caches anzeigt, und im Tab &quot;Beendet&quot; alle bereits abgeschlossenen Caches anzeigt.</span></p><p><span style="color: rgb(23,43,77);">In beiden Tabs können die Caches aufgeklappt werden, wie es auch in der &quot;Alle Caches&quot;-Übersicht möglich ist. (Mehr dazu in <a href="2.-Caches_42893665.html">2. Caches</a>)</span></p><p><span style="color: rgb(23,43,77);">Beim Aufklappen eines angefangenen Caches, erhält man einen Fortschrittsbalken, der anzeigt, wie viele Stationen in diesem Cache bereits gefunden wurden.</span></p><p><span style="color: rgb(23,43,77);">Unterhalb des Fortschrittsbalken kann man den Cache nun mit dem &quot;Fortfahren&quot;-Knopf weiter durchführen. Im Dropdown-Menü, welches rechts neben dem &quot;Fortfahren&quot;-Knopf bzw. bei den beendeten Caches rechts vom &quot;Belohnung&quot;-Knopf, kann man einen Cache zurücksetzen, sodass man ihn erneut durchführen kann:</span></p><p><span style="color: rgb(23,43,77);"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="86" src="attachments/42893679/42894230.png" data-image-src="attachments/42893679/42894230.png" data-unresolved-comment-count="0" data-linked-resource-id="42894230" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_22-54-37.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893679" data-linked-resource-container-version="3"></span></span></p><p><br/></p><p><span style="color: rgb(23,43,77);">Mobilansicht:</span></p><p><span style="color: rgb(23,43,77);"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893679/42894227.png" data-image-src="attachments/42893679/42894227.png" data-unresolved-comment-count="0" data-linked-resource-id="42894227" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-24_22-49-36.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893679" data-linked-resource-container-version="3"></span></span></p><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893679/42894227.png">image2019-6-24_22-49-36.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893679/42894230.png">image2019-6-24_22-54-37.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/Bedienungsanleitung_42893462.html b/labswp_2019_sose_geocaching_frontend/manual/Bedienungsanleitung_42893462.html
new file mode 100755
index 0000000..ef47cf5
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/Bedienungsanleitung_42893462.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : Bedienungsanleitung</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : Bedienungsanleitung
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 23, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Nachfolgend finden Sie die Bedienungsanleitung zur Webanwendung von BuGa-Geocaching.</p><p>Die Bedienungsanleitung ist unterteilt in mehrere Kapitel, die sich an die verschiedenen Nutzergruppen richtet: Besuchende, Cachende und Administrierende. In den Kapiteln wird unter Anderem auf andere Kapitel oder auf Zusatzkapitel verwiesen. Sie können selbst entscheiden, ob Sie Zusatzkapitel lesen möchten. Diese Zusatzkapitel erkennen Sie daran, dass diese in der Navigation nicht nummeriert sind.</p><p>Zum einfacheren Verständnis sind Bilder der Anwendung in den jeweiligen Kapiteln vorhanden. Bitte beachten Sie, dass die Bilder der Desktop-Ansicht im Vivaldi-Browser erstellt wurden und daher leichte Differenzen im Aussehen der Webanwendung in Ihrem Browser vorhanden sein können. Die Mobilansicht wurde anhand eines Google Pixel 2 erstellt und können daher ebenfalls Differenzen in der Skalierung aufweisen. Die Webanwendung passt sich automatisch Ihrer Auflösung an Ihrem Mobilgerät an und skaliert dementsprechend mit.</p><p>Nachfolgend ein Beispiel, um dies zu verdeutlichen:</p><p>Google Pixel 2:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893462/42893649.png" data-image-src="attachments/42893462/42893649.png" data-unresolved-comment-count="0" data-linked-resource-id="42893649" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_15-36-4.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893462" data-linked-resource-container-version="4"></span></p><p>iPhone X:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893462/42893648.png" data-image-src="attachments/42893462/42893648.png" data-unresolved-comment-count="0" data-linked-resource-id="42893648" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_15-35-38.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893462" data-linked-resource-container-version="4"></span></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893462/42893645.png">image2019-6-23_15-26-12.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893462/42893646.png">image2019-6-23_15-27-17.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893462/42893648.png">image2019-6-23_15-35-38.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893462/42893649.png">image2019-6-23_15-36-4.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/Die-Navigationsleiste_42893642.html b/labswp_2019_sose_geocaching_frontend/manual/Die-Navigationsleiste_42893642.html
new file mode 100755
index 0000000..c3bd420
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/Die-Navigationsleiste_42893642.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>LabSWP_2019_SoSe_Geocaching : Die Navigationsleiste</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <div id="breadcrumb-section">
+                        <ol id="breadcrumbs">
+                            <li class="first">
+                                <span><a href="index.html">LabSWP_2019_SoSe_Geocaching</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a></span>
+                            </li>
+                                                    <li>
+                                <span><a href="42893623.html">I. Für BuGa-Besuchende</a></span>
+                            </li>
+                                                </ol>
+                    </div>
+                    <h1 id="title-heading" class="pagetitle">
+                                                <span id="title-text">
+                            LabSWP_2019_SoSe_Geocaching : Die Navigationsleiste
+                        </span>
+                    </h1>
+                </div>
+
+                <div id="content" class="view">
+                    <div class="page-metadata">
+                        
+        
+    
+        
+    
+        
+        
+            Created by <span class='author'> Katharina Will</span>, last modified on Jun 23, 2019
+                        </div>
+                    <div id="main-content" class="wiki-content group">
+                    <p>Die Navigationsleiste kann stets im oberen rechten Bildschirmrand auf- oder zugeklappt werden. Dazu wählt man den Menü-Knopf aus.</p><p>Über die Navigationsleiste gelangt man schnell und einfach auf die Startseite der Anwendung, zur Übersicht über alle Caches, zur TOP10-Rangliste und zu weiteren Funktionen. Im Folgenden wird anhand der Beispielbilder erklärt, welcher Menü-Punkt Sie wohin weiterleitet.</p><p>Diese weiteren Funktionen sind abhängig davon, ob man zur Zeit angemeldet ist oder nicht. </p><p>Sind Sie gerade nicht angemeldet, erhalten Sie folgende Ansicht der Navigationsleiste (hier in der Mobilansicht):</p><p><br/></p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893642/42893699.png" data-image-src="attachments/42893642/42893699.png" data-unresolved-comment-count="0" data-linked-resource-id="42893699" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_16-31-3.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893642" data-linked-resource-container-version="7"></span></p><ol><li>Startseite: Sie werden zur Startseite der Anwendung weitergeleitet.</li><li>Alle Caches: Sie werden zur Übersicht aller vorhandenen Caches weitergeleitet. (Mehr dazu in <a href="2.-Caches_42893665.html">2. Caches</a>)</li><li>TOP 10 Rangliste: Sie werden zur Rangliste weitergeleitet, die die 10 Spieler mit den meisten Gesamtpunkten zeigt. (Mehr dazu in <a href="3.-TOP10-Rangliste_42893668.html">3. TOP10-Rangliste</a>)</li><li>Registrieren: Sie werden zu einem Registrierungsformular weitergeleitet, um sich ein eigenes Konto im zentralen Usermanagement anzulegen. (Mehr dazu in <a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a>)</li><li>Login: Sie werden zum Anmeldeformular weitergeleitet, in welchem Sie, sollten Sie bereits ein existierendes Konto haben, sich einfach anmelden können. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="1.-Anmelden_42893657.html">1. Anmelden</a>)</li></ol><p><br/></p><p>Wenn Sie aktuell angemeldet sind, werden Sie diese Ansicht erhalten:</p><p><br/></p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image confluence-thumbnail" height="250" src="attachments/42893642/42893697.png" data-image-src="attachments/42893642/42893697.png" data-unresolved-comment-count="0" data-linked-resource-id="42893697" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-6-23_16-29-52.png" data-base-url="https://confluence-student.it.hs-heilbronn.de" data-linked-resource-content-type="image/png" data-linked-resource-container-id="42893642" data-linked-resource-container-version="7"></span></p><ol><li>Startseite: Sie werden zur Startseite der Anwendung weitergeleitet.</li><li>QR-Code Scanner: Sie werden zum QR-Code Scanner weitergeleitet. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>)</li><li>Alle Caches: Sie werden zur Übersicht aller vorhandenen Caches weitergeleitet (Mehr dazu in <a href="2.-Caches_42893665.html">2. Caches</a>).</li><li>Meine Caches: Sie werden zur Liste angefangener und beendeter Caches weitergeleitet. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="Angefangene-und-beendete-Caches_42893679.html">Angefangene und beendete Caches</a>)</li><li>TOP 10 Rangliste: Sie werden zur Rangliste weitergeleitet, die die 10 Spieler mit den meisten Gesamtpunkten zeigt. (Mehr dazu in <a href="3.-TOP10-Rangliste_42893668.html">3. TOP10-Rangliste</a>)</li><li>Profil: Sie werden zu Ihrem eigenen Profil weitergeleitet. (Mehr dazu im Kapitel &quot;Für Cachende&quot; in <a href="4.-Das-Profil-und-Teams_42893681.html">4. Das Profil und Teams</a>)</li><li>Logout: Sie melden sich von Ihrer aktuellen Sitzung ab und werden zum Anmeldeformular weitergeleitet.</li></ol><p><br/></p>
+                    </div>
+
+                                        <div class="pageSection group">
+                        <div class="pageSectionHeader">
+                            <h2 id="attachments" class="pageSectionTitle">Attachments:</h2>
+                        </div>
+
+                        <div class="greybox" align="left">
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893642/42893695.png">image2019-6-23_16-29-35.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893642/42893697.png">image2019-6-23_16-29-52.png</a> (image/png)
+                                <br/>
+                                                            <img src="images/icons/bullet_blue.gif" height="8" width="8" alt=""/>
+                                <a href="attachments/42893642/42893699.png">image2019-6-23_16-31-3.png</a> (image/png)
+                                <br/>
+                                                    </div>
+                    </div>
+                    
+                                                      
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893645.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893645.png
new file mode 100755
index 0000000..8b841ec
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893645.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893646.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893646.png
new file mode 100755
index 0000000..34e7905
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893646.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893648.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893648.png
new file mode 100755
index 0000000..34e7905
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893648.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893649.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893649.png
new file mode 100755
index 0000000..eae9415
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893462/42893649.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893637.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893637.png
new file mode 100755
index 0000000..cbbf16a
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893637.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893638.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893638.png
new file mode 100755
index 0000000..55139b5
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893638.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893640.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893640.png
new file mode 100755
index 0000000..575e62d
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893636/42893640.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893695.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893695.png
new file mode 100755
index 0000000..28fffa4
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893695.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893697.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893697.png
new file mode 100755
index 0000000..28fffa4
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893697.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893699.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893699.png
new file mode 100755
index 0000000..6537422
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893642/42893699.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894160.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894160.png
new file mode 100755
index 0000000..86d2c8a
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894160.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894161.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894161.png
new file mode 100755
index 0000000..68a28c0
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894161.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894162.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894162.png
new file mode 100755
index 0000000..08fbd20
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894162.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894164.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894164.png
new file mode 100755
index 0000000..08fbd20
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893657/42894164.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893729.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893729.png
new file mode 100755
index 0000000..a5edd68
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893729.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893731.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893731.png
new file mode 100755
index 0000000..15d047a
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42893731.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42894261.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42894261.png
new file mode 100755
index 0000000..653eaa9
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893660/42894261.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893706.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893706.png
new file mode 100755
index 0000000..f46550d
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893706.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893708.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893708.png
new file mode 100755
index 0000000..f46550d
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893708.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893709.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893709.png
new file mode 100755
index 0000000..a26291f
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893709.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893711.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893711.png
new file mode 100755
index 0000000..1016110
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893665/42893711.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893715.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893715.png
new file mode 100755
index 0000000..11dec8d
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893715.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893717.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893717.png
new file mode 100755
index 0000000..0b3fd4e
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893717.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893719.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893719.png
new file mode 100755
index 0000000..0b3fd4e
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893719.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893721.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893721.png
new file mode 100755
index 0000000..0b3fd4e
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893721.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893722.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893722.png
new file mode 100755
index 0000000..9466f0d
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893722.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893724.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893724.png
new file mode 100755
index 0000000..1b19afe
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893724.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893726.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893726.png
new file mode 100755
index 0000000..1b19afe
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893668/42893726.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894188.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894188.png
new file mode 100755
index 0000000..9f5c39f
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894188.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894190.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894190.png
new file mode 100755
index 0000000..1d93a61
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893673/42894190.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894205.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894205.png
new file mode 100755
index 0000000..94c9e33
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894205.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894207.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894207.png
new file mode 100755
index 0000000..333a60a
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894207.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894210.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894210.png
new file mode 100755
index 0000000..03565ef
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893676/42894210.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894227.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894227.png
new file mode 100755
index 0000000..4f25175
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894227.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894230.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894230.png
new file mode 100755
index 0000000..57fc739
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893679/42894230.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894249.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894249.png
new file mode 100755
index 0000000..0554017
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894249.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894253.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894253.png
new file mode 100755
index 0000000..5e1d104
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894253.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894254.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894254.png
new file mode 100755
index 0000000..d44f597
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893681/42894254.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894078.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894078.png
new file mode 100755
index 0000000..922f173
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894078.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894090.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894090.png
new file mode 100755
index 0000000..600ad22
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894090.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894091.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894091.png
new file mode 100755
index 0000000..6f8509f
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894091.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894093.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894093.png
new file mode 100755
index 0000000..195f3de
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894093.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894103.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894103.png
new file mode 100755
index 0000000..8831fdc
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893683/42894103.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894140.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894140.png
new file mode 100755
index 0000000..59f8da9
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894140.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894141.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894141.png
new file mode 100755
index 0000000..441d701
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894141.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894143.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894143.png
new file mode 100755
index 0000000..183f97c
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894143.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894145.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894145.png
new file mode 100755
index 0000000..183f97c
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894145.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894147.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894147.png
new file mode 100755
index 0000000..e9644c7
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894147.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894149.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894149.png
new file mode 100755
index 0000000..e9644c7
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894149.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894152.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894152.png
new file mode 100755
index 0000000..14c7ec8
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893685/42894152.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894129.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894129.png
new file mode 100755
index 0000000..d5334e8
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894129.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894130.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894130.png
new file mode 100755
index 0000000..f749380
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894130.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894131.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894131.png
new file mode 100755
index 0000000..f591da0
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893687/42894131.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894107.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894107.png
new file mode 100755
index 0000000..4610fe7
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894107.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894109.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894109.png
new file mode 100755
index 0000000..4610fe7
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894109.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894111.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894111.png
new file mode 100755
index 0000000..91ce633
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894111.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894114.png b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894114.png
new file mode 100755
index 0000000..91ce633
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/attachments/42893690/42894114.png differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/images/icons/bullet_blue.gif b/labswp_2019_sose_geocaching_frontend/manual/images/icons/bullet_blue.gif
new file mode 100755
index 0000000..25bfa0c
Binary files /dev/null and b/labswp_2019_sose_geocaching_frontend/manual/images/icons/bullet_blue.gif differ
diff --git a/labswp_2019_sose_geocaching_frontend/manual/index.html b/labswp_2019_sose_geocaching_frontend/manual/index.html
new file mode 100755
index 0000000..ee750f6
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/index.html
@@ -0,0 +1,172 @@
+
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Geocaching2019 (LabSWP_2019_SoSe_Geocaching)</title>
+        <link rel="stylesheet" href="styles/site.css" type="text/css" />
+        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    </head>
+
+    <body class="theme-default aui-theme-default">
+        <div id="page">
+            <div id="main" class="aui-page-panel">
+                <div id="main-header">
+                    <h1 id="title-heading" class="pagetitle">
+                        <span id="title-text">Space Details:</span>
+                    </h1>
+                </div>
+
+                <div id="content">
+                    <div id="main-content" class="pageSection">
+                    <table class="confluenceTable">
+                        <tr>
+                            <th class="confluenceTh">Key</th>
+                            <td class="confluenceTd">Geocaching2019</td>
+                        </tr>
+                        <tr>
+                            <th class="confluenceTh">Name</th>
+                            <td class="confluenceTd">LabSWP_2019_SoSe_Geocaching</td>
+                        </tr>
+                        <tr>
+                            <th class="confluenceTh">Description</th>
+                            <td class="confluenceTd"></td>
+                        </tr>
+                        <tr>
+                            <th class="confluenceTh">Created by</th>
+                            <td class="confluenceTd">volkmann (Mar 14, 2019)</td>
+                        </tr>
+                    </table>
+                    </div> 
+                    <br/>
+                    <br/>
+
+                    <div class="pageSection">
+                        <div class="pageSectionHeader">
+                            <h2 class="pageSectionTitle">Available Pages:</h2>
+                        </div>
+                            <ul>
+                        <li>
+                <a href="Bedienungsanleitung_42893462.html">Bedienungsanleitung</a>
+
+                            <ul>
+                    <li>
+                <a href="42893623.html">I. Für BuGa-Besuchende</a>
+
+                            <ul>
+                    <li>
+                <a href="1.-Startseite-aufrufen_42893636.html">1. Startseite aufrufen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="2.-Caches_42893665.html">2. Caches</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="3.-TOP10-Rangliste_42893668.html">3. TOP10-Rangliste</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="4.-Konto-anlegen_42893660.html">4. Konto anlegen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="Die-Navigationsleiste_42893642.html">Die Navigationsleiste</a>
+
+                    </li>
+            </ul>
+            </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="42893625.html">II. Für Cachende</a>
+
+                            <ul>
+                    <li>
+                <a href="1.-Anmelden_42893657.html">1. Anmelden</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="2.-Cache-starten_42893673.html">2. Cache starten</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="42893676.html">3. Cache durchführen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="4.-Das-Profil-und-Teams_42893681.html">4. Das Profil und Teams</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="Abmelden_42893671.html">Abmelden</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="Angefangene-und-beendete-Caches_42893679.html">Angefangene und beendete Caches</a>
+
+                    </li>
+            </ul>
+            </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="42893627.html">III. Für Administrierende</a>
+
+                            <ul>
+                    <li>
+                <a href="1.-Cache-erstellen_42893683.html">1. Cache erstellen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="2.-Station-erstellen_42893685.html">2. Station erstellen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="42893687.html">3. Caches bearbeiten / löschen</a>
+
+                    </li>
+            </ul>
+                    <ul>
+                    <li>
+                <a href="42893690.html">4. Rangpunkte zurücksetzen</a>
+
+                    </li>
+            </ul>
+            </li>
+            </ul>
+            </li>
+            </ul>
+                    </div>
+
+                </div>             </div> 
+            <div id="footer" role="contentinfo">
+                <section class="footer-body">
+                    <p>Document generated by Confluence on Jun 26, 2019 12:05</p>
+                    <div id="footer-logo"><a href="http://www.atlassian.com/">Atlassian</a></div>
+                </section>
+            </div>
+        </div>     </body>
+</html>
diff --git a/labswp_2019_sose_geocaching_frontend/manual/styles/site.css b/labswp_2019_sose_geocaching_frontend/manual/styles/site.css
new file mode 100755
index 0000000..d7d3322
--- /dev/null
+++ b/labswp_2019_sose_geocaching_frontend/manual/styles/site.css
@@ -0,0 +1,4305 @@
+
+
+@import './imports/global';
+
+/**
+ * RESET
+ */
+html, body, p, div, h1, h2, h3, h4, h5, h6, img, pre, form, fieldset {
+    margin: 0;
+    padding: 0;
+}
+ul, ol, dl {
+    margin: 0;
+}
+img, fieldset {
+    border: 0;
+}
+@-moz-document url-prefix() {
+    img {
+        font-size: 0;
+    }
+    img:-moz-broken {
+        font-size: inherit;
+    }
+}
+
+/* https://github.com/necolas/normalize.css */
+/* Customised to remove styles for unsupported browsers */
+// HTML5 display definitions
+// ==========================================================================
+// Correct `block` display not defined for `details` or `summary` in IE 9/10/11 and Firefox.
+// Correct `block` display not defined for `main` in IE 9/10/11.
+details,
+main,
+summary {
+    display: block;
+}
+
+// 1. Correct `inline-block` display not defined in IE 9.
+// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+audio,
+canvas,
+progress,
+video {
+    display: inline-block; // 1
+    vertical-align: baseline; // 2
+}
+
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+// Address `[hidden]` styling not present in IE 8/9/10.
+// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+[hidden],
+template {
+    display: none;
+}
+
+// Prevent iOS defaulting to push-button which ignores many styles unless a bg image is set
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+    -webkit-appearance: button;
+}
+
+
+@import './imports/global';
+
+/**
+ * TYPOGRAPHY - 14px base font size, agnostic font stack
+ */
+body {
+    color: @aui-text-color;
+    font-family: @aui-font-family;
+    font-size: @aui-font-size-medium;
+    font-weight: @aui-font-weight-normal;
+    line-height: unit(20 / @aui-font-size-medium);
+    letter-spacing: @aui-font-letter-spacing;
+}
+
+/* International Font Stacks*/
+[lang|=en] {
+    font-family: @aui-font-family;
+}
+
+[lang|=ja] {
+    font-family: @aui-font-family-ja;
+}
+
+/* Default margins */
+p,
+ul,
+ol,
+dl,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+pre,
+form.aui,
+table.aui,
+.aui-tabs,
+.aui-panel,
+.aui-group {
+    margin: @aui-grid 0 0 0;
+}
+
+/* No top margin to interfere with box padding */
+p:first-child,
+ul:first-child,
+ol:first-child,
+dl:first-child,
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child,
+blockquote:first-child,
+pre:first-child,
+form.aui:first-child,
+table.aui:first-child,
+.aui-tabs:first-child,
+.aui-panel:first-child,
+.aui-group:first-child {
+    margin-top: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: @aui-text-color;
+}
+
+/* Headings: desired line height in px / font size = unitless line height */
+h1 {
+    #aui.typography.h700();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h2 {
+    #aui.typography.h600();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h3 {
+    #aui.typography.h500();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+h4 {
+    #aui.typography.h400();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+h5 {
+    #aui.typography.h300();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+h6 {
+    #aui.typography.h200();
+    margin: (@aui-grid * 2) 0 0 0;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+    margin-top: 0;
+}
+/* Nice styles for using subheadings */
+h1 + h2,
+h2 + h3,
+h3 + h4,
+h4 + h5,
+h5 + h6 {
+    margin-top: @aui-grid;
+}
+/* Increase the margins on all headings when used in the group/item pattern ... */
+.aui-group > .aui-item > h1:first-child,
+.aui-group > .aui-item > h2:first-child,
+.aui-group > .aui-item > h3:first-child,
+.aui-group > .aui-item > h4:first-child,
+.aui-group > .aui-item > h5:first-child,
+.aui-group > .aui-item > h6:first-child {
+    margin-top: (@aui-grid * 2);
+}
+/* ... unless they're the first-child */
+.aui-group:first-child > .aui-item > h1:first-child,
+.aui-group:first-child > .aui-item > h2:first-child,
+.aui-group:first-child > .aui-item > h3:first-child,
+.aui-group:first-child > .aui-item > h4:first-child,
+.aui-group:first-child > .aui-item > h5:first-child,
+.aui-group:first-child > .aui-item > h6:first-child {
+    margin-top: 0;
+}
+
+/* Other typographical elements */
+small {
+    color: @aui-small-text-color;
+    font-size: @aui-font-size-small;
+    line-height: unit(16 / @aui-font-size-small);
+}
+code,
+kbd {
+    font-family: @aui-code-font-family;
+}
+var,
+address,
+dfn,
+cite {
+    font-style: italic;
+}
+cite:before {
+    content: "\2014 \2009";
+}
+blockquote {
+    border-left: @aui-border-width @aui-border-style @aui-border-color;
+    color: @aui-blockquote-text-color;
+    margin-left: (@aui-grid * 2 - 1);
+    padding: @aui-grid (@aui-grid * 2);
+}
+blockquote > cite {
+    display: block;
+    margin-top: @aui-grid;
+}
+q {
+    color: @aui-quote-text-color;
+}
+q:before {
+    content: open-quote;
+}
+q:after {
+    content: close-quote;
+}
+abbr {
+    border-bottom: 1px @aui-abbr-border-color dotted;
+    cursor: help;
+}
+
+/* Deprecated header styles; to be removed in AUI 8.0 */
+.aui-page-header-hero .aui-page-header-main h1,
+.aui-page-header-hero .aui-page-header-main h2,
+.aui-page-header-marketing .aui-page-header-main h1,
+.aui-page-header-marketing .aui-page-header-main h2 {
+    #aui.typography.h800();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+.aui-page-header-hero .aui-page-header-main p,
+.aui-page-header-marketing .aui-page-header-main p {
+    #aui.typography.h600();
+    margin: (@aui-grid * 3) 0 0 0;
+}
+
+
+@import './imports/global';
+
+/**
+ * LINK
+ */
+
+
+a {
+    color: @aui-link-color;
+    text-decoration: @aui-link-decoration;
+}
+
+a:hover {
+    color: @aui-link-color-hover;
+    text-decoration: @aui-link-decoration-active;
+}
+
+a:focus,
+a:active {
+    text-decoration: @aui-link-decoration;
+}
+
+a:active {
+    color: @aui-link-color-active;
+}
+
+
+@import './imports/global';
+
+/**
+ * PAGE LAYOUT
+ */
+.aui-header,
+#footer {
+    clear: both;
+    float: left;
+    width: 100%;
+}
+
+#content {
+    box-sizing: border-box;
+    clear: both;
+    position: relative;
+}
+
+#content:before {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+#footer .footer-body a {
+    color: @aui-footer-body-link-text-color;
+}
+
+#footer .footer-body > ul,
+#footer .footer-body > p {
+    margin: @aui-grid 0 0 0;
+}
+
+#footer .footer-body > ul:first-child,
+#footer .footer-body > p:first-child {
+    margin: 0;
+}
+
+#footer .footer-body > ul {
+    display: block;
+    font-size: 0;
+    list-style: none;
+    padding: 0;
+}
+
+#footer .footer-body > ul > li {
+    display: inline-block;
+    font-size: @aui-font-size-small;
+    line-height: unit(20 / @aui-font-size-small);
+    padding: 0;
+    white-space: nowrap;
+}
+
+#footer .footer-body > ul > li + li {
+    margin-left: @aui-grid;
+}
+
+#footer .footer-body > ul > li:after {
+    content: "\b7"; /* mid dot */
+    margin-left: @aui-grid;
+    speak: none;
+}
+
+#footer .footer-body > ul > li:last-child:after {
+    display: none;
+}
+
+/**
+ * DEFAULT THEME SPACING
+ */
+
+#content {
+    margin: 0;
+    padding: 0;
+}
+
+/**
+ * PAGE DESIGN
+ */
+body {
+    background: @aui-background-color;
+    color: @aui-text-color;
+}
+
+#footer .footer-body {
+    color: @aui-footer-body-text-color;
+    font-size: @aui-font-size-small;
+    line-height: unit(20 / @aui-font-size-small);
+    margin: (@aui-grid * 2) 0;
+    padding: 0 @aui-grid (@aui-grid * 2 + 1) @aui-grid;
+    min-height: 44px; /* margin + height of image, means footer is just as high if no footer link present */
+    text-align: center;
+}
+
+/**
+ * CONTENT PANEL
+ */
+#content > .aui-panel {
+    background: @aui-panel-bg-color;
+    margin: (@aui-grid * 2) 0 0 0;
+    padding: (@aui-grid * 2);
+    border-color: @aui-border-color;
+    border-style: @aui-border-style;
+    border-width: @aui-border-width 0;
+}
+
+#content > .aui-page-header {
+    padding: (@aui-grid * 2);
+}
+
+#content > .aui-page-header + .aui-panel {
+    margin-top: 0;
+}
+
+#content > .aui-page-header:first-child {
+    margin-top: 0;
+}
+
+.aui-panel + .aui-panel {
+    margin-top: (@aui-grid * 2);
+}
+
+/*! AUI Page Panel */
+.aui-page-panel {
+    background: @aui-panel-bg-color;
+    border: @aui-border-width @aui-border-type @aui-border-color;
+    border-left-width: 0;
+    border-right-width: 0;
+    box-sizing: border-box;
+    clear: both;
+    display: block;
+    margin: (@aui-grid * 2) 0 0 0;
+    padding: 0;
+    position: relative;
+    width: 100%;
+}
+
+.aui-page-panel-inner {
+    border-spacing: 0;
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+}
+
+.aui-page-panel-nav,
+.aui-page-panel-content,
+.aui-page-panel-item,
+.aui-page-panel-sidebar {
+    box-sizing: border-box;
+    display: table-cell;
+    padding: (@aui-grid * 2);
+    vertical-align: top;
+}
+
+.aui-page-panel-nav {
+    border-right: @aui-border-width @aui-border-type @aui-border-color;
+    width: @aui-page-nav-width;
+
+    .aui-navgroup ~ .aui-page-panel &,
+    .aui-sidebar ~ .aui-page-panel &,
+    .aui-page-header ~ .aui-page-panel & {
+        background: @ak-color-N0;
+    }
+
+    // Standalone
+    .aui-page-panel & {
+        background: @aui-sidebar-background-color;
+    }
+}
+
+.aui-page-panel-sidebar {
+    width: @aui-page-sidebar-width;
+}
+
+.aui-page-panel-item {
+    padding: 0;
+}
+
+.aui-page-panel-nav ~ .aui-page-panel-sidebar {
+    width: (@aui-page-sidebar-width - 5);
+}
+
+/* Page Panel Interops */
+.aui-page-header + .aui-page-panel,
+.aui-navbar + .aui-page-panel {
+    margin-top: 0;
+}
+
+.aui-navbar + .aui-page-panel {
+    border-top: none;
+}
+
+.aui-page-panel-nav > .aui-nav-vertical,
+.aui-page-panel-nav > .aui-navgroup-vertical {
+    margin-left: -(@aui-grid);
+    margin-right: -(@aui-grid);
+
+    /* tree indication for nested aui-nav's.
+       it is expected that these are always expanded and no icons are added to the nav items. */
+    .aui-nav .aui-nav {
+        margin-top: 0;
+        padding: 0 0 0 (@aui-grid * 2);
+
+        > li {
+            position: relative;
+
+            &::before,
+            &::after {
+                background-color: @aui-border-color;
+                content: "";
+                left: -(@aui-grid / 2);
+                position: absolute;
+            }
+
+            &::before {
+                bottom: 0;
+                top: 0;
+                width: @aui-nav-subtree-indicator-width;
+            }
+
+            &::after {
+                height: @aui-nav-subtree-indicator-width;
+                top: @aui-font-size-medium;
+                width: (@aui-grid / 2);
+            }
+            &:last-child::before,
+            &.aui-nav-more::before {
+                bottom: 50%;
+            }
+        }
+    }
+}
+
+.aui-page-panel-content > .aui-navgroup-horizontal {
+    margin-left: -(@aui-grid * 2);
+    margin-right: -(@aui-grid * 2);
+}
+.aui-navgroup-horizontal + .aui-page-panel {
+    border-top: 0;
+    margin-top: 0;
+}
+.aui-page-panel-content > .aui-navgroup-horizontal:first-child {
+    margin-top: -(@aui-grid * 2);
+}
+
+/**
+ * Page variations
+ */
+.aui-page-focused .aui-page-header,
+.aui-page-focused .aui-page-panel,
+.aui-page-focused #footer .footer-body,
+.aui-page-notification .aui-page-header,
+.aui-page-notification .aui-page-panel,
+.aui-page-notification #footer .footer-body,
+.aui-page-fixed .aui-header-inner,
+.aui-page-fixed .aui-page-header-inner,
+.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-fixed .aui-page-panel-inner,
+.aui-page-fixed #footer .footer-body,
+.aui-page-hybrid .aui-page-header,
+.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-hybrid .aui-page-panel-inner,
+.aui-page-hybrid #footer .footer-body {
+    margin-left: auto;
+    margin-right: auto;
+    width: @aui-page-width-xlarge;
+}
+
+/* extra width so left edge of hoverable content aligns with left edge of content while inactive. On hover, the hover affordance does extend outside the alignment but this looks better than the other way around. */
+.aui-page-fixed .aui-header-inner,
+.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
+.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner {
+    width: (@aui-page-width-xlarge + (@aui-grid * 2));
+}
+
+.aui-page-focused,
+.aui-page-size {
+    &-small {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-small;
+        }
+    }
+    &-medium {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-medium;
+        }
+    }
+    &-large {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-large;
+        }
+    }
+    &-xlarge {
+        .aui-page-header,
+        .aui-page-panel,
+        #footer .footer-body {
+            width: @aui-page-width-xlarge;
+        }
+    }
+}
+
+.aui-page-focused,
+.aui-page-notification {
+    .aui-page-panel {
+        border-radius: @aui-border-radius-medium;
+        border-width: @aui-border-width;
+    }
+}
+
+.aui-page-fixed .aui-page-panel-inner,
+.aui-page-fixed #content > .aui-page-header {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.aui-page-fixed .aui-page-panel-nav:first-child,
+.aui-page-fixed .aui-page-panel-content:first-child,
+.aui-page-fixed .aui-page-panel-item:first-child,
+.aui-page-fixed .aui-page-panel-sidebar:first-child,
+.aui-page-hybrid .aui-page-panel-nav:first-child,
+.aui-page-hybrid .aui-page-panel-content:first-child,
+.aui-page-hybrid .aui-page-panel-item:first-child,
+.aui-page-hybrid .aui-page-panel-sidebar:first-child {
+    padding-left: 0;
+}
+
+.aui-page-fixed .aui-page-panel-nav:last-child,
+.aui-page-fixed .aui-page-panel-content:last-child,
+.aui-page-fixed .aui-page-panel-item:last-child,
+.aui-page-fixed .aui-page-panel-sidebar:last-child,
+.aui-page-hybrid .aui-page-panel-nav:last-child,
+.aui-page-hybrid .aui-page-panel-content:last-child,
+.aui-page-hybrid .aui-page-panel-item:last-child,
+.aui-page-hybrid .aui-page-panel-sidebar:last-child {
+    padding-right: 0;
+}
+
+/* reset to 100% inside page panel */
+.aui-page-panel .aui-page-header {
+    width: auto;
+}
+
+.aui-page-panel .aui-page-header-inner {
+    width: 100%;
+}
+
+/**
+ * TABS AS FIRST CHILD IN CONTENT
+ * Explicitly sets bg to white, changes horizontal hovers to work on grey.
+ * Remember these extend the standard component styles.
+ */
+
+#content > .aui-tabs {
+    margin: (@aui-grid * 2);
+
+    > .tabs-pane {
+        padding-top: (@aui-grid * 2);
+        padding-bottom: (@aui-grid * 2);
+    }
+}
+
+/**
+ * AUI Forms inside of a focused page
+ */
+
+.aui-page-focused .aui-page-panel-content > h2:first-child,
+.aui-page-notification .aui-page-panel-content > h1:first-child {
+    border-bottom: @aui-border-width @aui-border-type @aui-border-color;
+    margin-bottom: (@aui-grid * 2);
+    padding-bottom: (@aui-grid * 2);
+}
+
+.aui-page-notification {
+    .aui-page-panel {
+        margin-top: @aui-page-notification-panel-margin-top;
+    }
+
+    .aui-page-panel-content {
+        color: @aui-color-medium-gray;
+        padding: @aui-page-notification-content-padding;
+        text-align: center;
+
+        .aui-page-notification-description {
+            font-size: @aui-font-size-xlarge;
+        }
+
+        form.aui .text {
+            margin-right: @aui-page-notification-panel-content-form-text-margin-right;
+        }
+    }
+
+    &-details {
+        margin: 0 auto;
+        max-width: @aui-page-notification-details-min-width;
+        width: @aui-page-width-xlarge;
+
+        &-header {
+            color: @aui-color-medium-gray;
+            margin: @aui-page-notification-details-header-top-margin auto 0;
+            position: relative;
+            text-align: center;
+
+            &-expander {
+                display: flex;
+                align-items: center;
+                align-content: center;
+                justify-content: center;
+
+                &::before,
+                &::after {
+                    border-top: 1px solid @aui-border-color;
+                    content: '';
+                    display: block;
+                    flex: 1;
+                }
+
+                .aui-expander-trigger {
+                    background-color: @aui-button-default-bg-color;
+                    display: inline-block;
+                    padding: @aui-page-notification-details-header-expander-trigger-padding;
+                    position: relative;
+                }
+            }
+        }
+    }
+}
+
+.aui-page-focused .aui-page-panel-content > form.aui .buttons-container {
+    border-top: @aui-border-width @aui-border-type @aui-border-color;
+    margin-top: (@aui-grid * 2);
+    padding-top: (@aui-grid * 2);
+}
+
+// responsive layout mixins
+.aui-responsive-layout-full-width() {
+    .aui-page-header,
+    .aui-page-panel {
+        #aui.box-sizing(border-box);
+        width: 100%;
+    }
+
+    .aui-page-panel {
+        margin-top: 0;
+    }
+}
+
+.aui-responsive-layout-remove-borders() {
+    .aui-page-panel {
+        border-radius: 0;
+        border-left: 0;
+        border-right: 0;
+    }
+}
+
+#aui.responsive-small({
+    .aui-page-fixed,
+    .aui-page-hybrid {
+        #content > .aui-page-header,
+        .aui-page-panel-inner,
+        .aui-header-inner,
+        .aui-navgroup-horizontal .aui-navgroup-inner,
+        #footer .footer-body {
+            #aui.box-sizing(border-box);
+            width: 100%;
+        }
+    }
+
+    .aui-page-header-inner {
+      display: block;
+      width: 100%;
+    }
+
+    .aui-page-header-actions {
+        display: block;
+        width: auto;
+        text-align: left;
+        margin-top: (@aui-grid  * 2);
+        padding-left: 0;
+        padding-right: (@aui-grid * 2)
+    }
+});
+
+#aui.responsive-medium({
+    .aui-page-hybrid {
+        .aui-page-header,
+        .aui-page-panel-inner,
+        .aui-page-fixed .aui-header-inner,
+        .aui-navgroup-horizontal .aui-navgroup-inner {
+            #aui.box-sizing(border-box);
+            width: 100%;
+        }
+    }
+});
+
+#aui.responsive-large({
+    .aui-page-fixed,
+    .aui-page-hybrid {
+        #content > .aui-page-header,
+        .aui-page-panel-inner {
+            padding-left: (@aui-grid * 2);
+            padding-right: (@aui-grid * 2);
+        }
+    }
+
+    .aui-page-panel-content,
+    .aui-page-panel-sidebar {
+        display: block;
+        padding-left: 0;
+        padding-right: 0;
+        width: auto;
+    }
+
+    .aui-page-fixed .aui-header-inner,
+    .aui-page-fixed .aui-page-header-inner,
+    .aui-page-fixed .aui-page-panel-inner,
+    .aui-page-fixed #footer .footer-body {
+        box-sizing: border-box;
+        width: 100%;
+    }
+});
+
+// General responsive layout breakpoints
+html.aui-responsive {
+
+    // so that text in the footer wraps correctly
+    #footer .footer-body > ul > li {
+        white-space: normal;
+    }
+
+    // Focused page responsive layout breakpoints
+    @media screen and (max-width: 400px) {
+        .aui-page-focused-small {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 600px) {
+        .aui-page-focused-medium {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 800px) {
+        .aui-page-focused-large {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+
+    @media screen and (max-width: 980px) {
+        .aui-page-focused-xlarge {
+            .aui-responsive-layout-full-width();
+            .aui-responsive-layout-remove-borders();
+        }
+    }
+}
+
+@import 'imports/global';
+
+@atlassian-logo-neutral-image: 'images/logos/atlassian/atlassian-horizontal-neutral.svg';
+@atlassian-logo-blue-image: 'images/logos/atlassian/atlassian-horizontal-blue.svg';
+
+@atlassian-logo-image-width: 127px; // todo when we can use LESS > 1.7.0: image-width(@atlassian-logo-neutral-image);
+@atlassian-logo-image-height: 24px; // todo when we can use LESS > 1.7.0: image-height(@atlassian-logo-neutral-image);
+
+#footer-logo {
+    margin-top: (@aui-grid * 2);
+
+    a {
+        background: url(@atlassian-logo-neutral-image) center center no-repeat;
+        background-size: @atlassian-logo-image-width @atlassian-logo-image-height;
+        display: block;
+        height: @atlassian-logo-image-height;
+        margin: 0 auto;
+        overflow: hidden;
+        text-align: left;
+        text-indent: -9999em;
+        width: @atlassian-logo-image-width;
+
+        &:focus,
+        &:hover,
+        &:active {
+            background-image: url(@atlassian-logo-blue-image);
+        }
+    }
+}
+
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="127px" height="24px" viewBox="0 0 127 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Atlassian horizontal blue gradient - small</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="99.684716%" y1="15.8138128%" x2="39.8444399%" y2="97.4388388%" id="linearGradient-1">
+            <stop stop-color="#0052CC" offset="0%"></stop>
+            <stop stop-color="#2684FF" offset="92.3%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="24px-Horizontal-(small)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Atlassian-horizontal-blue-gradient---small" fill-rule="nonzero">
+            <g id="Atlassian-horizontal-white" transform="translate(0.000000, 4.000000)">
+                <path d="M4.6033507,7.7415462 C4.50957588,7.6201426 4.3584869,7.5560564 4.20495059,7.57256003 C4.05141427,7.58906365 3.917762,7.68375669 3.8525286,7.82225208 L0.0479986399,15.3478991 C-0.0224704299,15.4873506 -0.0149375884,15.6529572 0.0679072777,15.7855827 C0.150752144,15.9182083 0.297097063,15.9989432 0.454684033,15.998958 L5.75229639,15.998958 C5.92564841,16.0029397 6.08507766,15.9054418 6.15898179,15.7502521 C7.30174396,13.4140168 6.60918965,9.86178149 4.6033507,7.7415462 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+                <path d="M7.39063705,0.891423913 C5.46206553,3.82726548 5.23947901,7.55116585 6.80486739,10.6914239 L9.35889922,15.745071 C9.43591592,15.8974796 9.59335546,15.9937607 9.76558462,15.9937769 L15.0622457,15.9937769 C15.2198326,15.9937621 15.3661776,15.9130272 15.4490224,15.7804016 C15.5318673,15.6477761 15.5394001,15.4821695 15.4689311,15.342718 C15.4689311,15.342718 8.34313705,1.24130627 8.16405278,0.888600384 C8.09180217,0.742100172 7.94121255,0.649401501 7.77644974,0.650003005 C7.61168692,0.650604509 7.46179289,0.744400164 7.39063705,0.891423913 L7.39063705,0.891423913 Z" id="Shape" fill="#2684FF"></path>
+                <path d="M69.5182669,6.92795441 C69.5182669,8.79148382 70.3920459,10.2710132 73.809868,10.9241897 C75.8490028,11.3477191 76.2761414,11.6733662 76.2761414,12.3458368 C76.2761414,12.9990132 75.8480515,13.4218368 74.4118099,13.4218368 C72.675931,13.3909586 70.9747568,12.935538 69.4599991,12.0961897 L69.4599991,15.1314838 C70.4893174,15.6310132 71.8485028,16.1881897 74.373044,16.1881897 C77.9461676,16.1881897 79.3638586,14.6117191 79.3638586,12.2688956 M79.3638586,12.2688956 C79.3638586,10.0594838 78.1792388,9.02183676 74.8391864,8.31124853 C72.9943568,7.90771912 72.5477163,7.504425 72.5477163,6.92795441 C72.5477163,6.19854265 73.2079261,5.89054265 74.4313118,5.89054265 C75.9072706,5.89054265 77.3637275,6.332425 78.7424148,6.94724853 L78.7424148,4.04607206 C77.4204099,3.45076937 75.9806039,3.15540879 74.5283455,3.18160147 C71.227059,3.18160147 69.5182669,4.60324853 69.5182669,6.92795441" id="Shape" fill="#0052CC"></path>
+                <polygon id="Shape" fill="#0052CC" points="115.419998 3.38000011 115.419998 16.0025883 118.138607 16.0025883 118.138607 6.37717659 119.284461 8.93223541 123.129421 16.0025883 126.547243 16.0025883 126.547243 3.38000011 123.828635 3.38000011 123.828635 11.5261178 122.799317 9.16282364 119.711599 3.38000011"></polygon>
+                <rect id="Rectangle-path" fill="#0052CC" x="95.1600037" y="3.38000011" width="2.97118165" height="12.6225882"></rect>
+                <path d="M91.7338614,12.2688956 C91.7338614,10.0594838 90.5492415,9.02183676 87.2091891,8.31124853 C85.3643595,7.90771912 84.9177191,7.504425 84.9177191,6.92795441 C84.9177191,6.19854265 85.5779288,5.89054265 86.8013146,5.89054265 C88.2772734,5.89054265 89.7337303,6.332425 91.1124176,6.94724853 L91.1124176,4.04607206 C89.7904126,3.45076937 88.3506066,3.15540879 86.8983483,3.18160147 C83.5970618,3.18160147 81.8882696,4.60324853 81.8882696,6.92795441 C81.8882696,8.79148382 82.7620486,10.2710132 86.1798707,10.9241897 C88.2190056,11.3477191 88.6461442,11.6733662 88.6461442,12.3458368 C88.6461442,12.9990132 88.2180543,13.4218368 86.7818127,13.4218368 C85.0459337,13.3909586 83.3447595,12.935538 81.8300018,12.0961897 L81.8300018,15.1314838 C82.8593202,15.6310132 84.2185056,16.1881897 86.7430468,16.1881897 C90.3161704,16.1881897 91.7338614,14.6117191 91.7338614,12.2688956" id="Shape" fill="#0052CC"></path>
+                <polygon id="Shape" fill="#0052CC" points="46.4399986 3.38000011 46.4399986 16.0025883 52.5469387 16.0025883 53.5084762 13.2743531 49.4304443 13.2743531 49.4304443 3.38000011"></polygon>
+                <polygon id="Shape" fill="#0052CC" points="34.3699989 3.38000011 34.3699989 6.10800011 37.6712854 6.10800011 37.6712854 16.0025883 40.6617311 16.0025883 40.6617311 6.10800011 44.1960888 6.10800011 44.1960888 3.38000011"></polygon>
+                <path d="M30.0382061,3.38000011 L26.1190431,3.38000011 L21.6700001,16.0025883 L25.0676068,16.0025883 L25.6983259,13.876706 C27.2516873,14.3279669 28.9034214,14.3279669 30.4567828,13.876706 L31.0875019,16.0025883 L34.4858222,16.0025883 L30.0382061,3.38000011 Z M28.0785057,11.6004707 C27.525056,11.600439 26.974457,11.5220766 26.4434402,11.3677648 L28.0785057,5.85929423 L29.7135712,11.3696472 C29.1824609,11.5233221 28.6318637,11.6010503 28.0785057,11.6004707 L28.0785057,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+                <path d="M63.0679689,3.38000011 L59.1490438,3.38000011 L54.7000008,16.0025883 L58.098321,16.0025883 L58.7290401,13.876706 C60.2824015,14.3279669 61.9341356,14.3279669 63.487497,13.876706 L64.1182161,16.0025883 L67.5165363,16.0025883 L63.0679689,3.38000011 Z M61.1085064,11.6004707 C60.5550567,11.600439 60.0044576,11.5220766 59.4734408,11.3677648 L61.1085064,5.85929423 L62.7435719,11.3696472 C62.2124616,11.5233221 61.6618644,11.6010503 61.1085064,11.6004707 L61.1085064,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+                <path d="M108.837969,3.38000011 L104.919044,3.38000011 L100.470001,16.0025883 L103.868321,16.0025883 L104.499041,13.876706 C106.052402,14.3279669 107.704136,14.3279669 109.257497,13.876706 L109.888217,16.0025883 L113.286775,16.0025883 L108.837969,3.38000011 Z M106.877318,11.6004707 C106.323868,11.600439 105.773269,11.5220766 105.242252,11.3677648 L106.877318,5.85929423 L108.512383,11.3696472 C107.981273,11.5233221 107.430676,11.6010503 106.877318,11.6004707 L106.877318,11.6004707 Z" id="Shape" fill="#0052CC"></path>
+            </g>
+        </g>
+    </g>
+</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="127px" height="24px" viewBox="0 0 127 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Atlassian horizontal neutral gradient - small</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="99.6748896%" y1="15.817685%" x2="44.6567732%" y2="90.8767901%" id="linearGradient-1">
+            <stop stop-color="#505F79" offset="0%"></stop>
+            <stop stop-color="#7A869A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="24px-Horizontal-(small)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Atlassian-horizontal-neutral-gradient---small" fill-rule="nonzero">
+            <g id="Atlassian-horizontal-white" transform="translate(0.000000, 4.000000)">
+                <path d="M4.6033507,7.7415462 C4.50957588,7.6201426 4.3584869,7.5560564 4.20495059,7.57256003 C4.05141427,7.58906365 3.917762,7.68375669 3.8525286,7.82225208 L0.0479986399,15.3478991 C-0.0224704299,15.4873506 -0.0149375884,15.6529572 0.0679072777,15.7855827 C0.150752144,15.9182083 0.297097063,15.9989432 0.454684033,15.998958 L5.75229639,15.998958 C5.92564841,16.0029397 6.08507766,15.9054418 6.15898179,15.7502521 C7.30174396,13.4140168 6.60918965,9.86178149 4.6033507,7.7415462 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+                <path d="M7.39063705,0.891423913 C5.46206553,3.82726548 5.23947901,7.55116585 6.80486739,10.6914239 L9.35889922,15.745071 C9.43591592,15.8974796 9.59335546,15.9937607 9.76558462,15.9937769 L15.0622457,15.9937769 C15.2198326,15.9937621 15.3661776,15.9130272 15.4490224,15.7804016 C15.5318673,15.6477761 15.5394001,15.4821695 15.4689311,15.342718 C15.4689311,15.342718 8.34313705,1.24130627 8.16405278,0.888600384 C8.09180217,0.742100172 7.94121255,0.649401501 7.77644974,0.650003005 C7.61168692,0.650604509 7.46179289,0.744400164 7.39063705,0.891423913 L7.39063705,0.891423913 Z" id="Shape" fill="#7A869A"></path>
+                <path d="M69.5182669,6.92795441 C69.5182669,8.79148382 70.3920459,10.2710132 73.809868,10.9241897 C75.8490028,11.3477191 76.2761414,11.6733662 76.2761414,12.3458368 C76.2761414,12.9990132 75.8480515,13.4218368 74.4118099,13.4218368 C72.675931,13.3909586 70.9747568,12.935538 69.4599991,12.0961897 L69.4599991,15.1314838 C70.4893174,15.6310132 71.8485028,16.1881897 74.373044,16.1881897 C77.9461676,16.1881897 79.3638586,14.6117191 79.3638586,12.2688956 M79.3638586,12.2688956 C79.3638586,10.0594838 78.1792388,9.02183676 74.8391864,8.31124853 C72.9943568,7.90771912 72.5477163,7.504425 72.5477163,6.92795441 C72.5477163,6.19854265 73.2079261,5.89054265 74.4313118,5.89054265 C75.9072706,5.89054265 77.3637275,6.332425 78.7424148,6.94724853 L78.7424148,4.04607206 C77.4204099,3.45076937 75.9806039,3.15540879 74.5283455,3.18160147 C71.227059,3.18160147 69.5182669,4.60324853 69.5182669,6.92795441" id="Shape" fill="#505F79"></path>
+                <polygon id="Shape" fill="#505F79" points="115.419998 3.38000011 115.419998 16.0025883 118.138607 16.0025883 118.138607 6.37717659 119.284461 8.93223541 123.129421 16.0025883 126.547243 16.0025883 126.547243 3.38000011 123.828635 3.38000011 123.828635 11.5261178 122.799317 9.16282364 119.711599 3.38000011"></polygon>
+                <rect id="Rectangle-path" fill="#505F79" x="95.1600037" y="3.38000011" width="2.97118165" height="12.6225882"></rect>
+                <path d="M91.7338614,12.2688956 C91.7338614,10.0594838 90.5492415,9.02183676 87.2091891,8.31124853 C85.3643595,7.90771912 84.9177191,7.504425 84.9177191,6.92795441 C84.9177191,6.19854265 85.5779288,5.89054265 86.8013146,5.89054265 C88.2772734,5.89054265 89.7337303,6.332425 91.1124176,6.94724853 L91.1124176,4.04607206 C89.7904126,3.45076937 88.3506066,3.15540879 86.8983483,3.18160147 C83.5970618,3.18160147 81.8882696,4.60324853 81.8882696,6.92795441 C81.8882696,8.79148382 82.7620486,10.2710132 86.1798707,10.9241897 C88.2190056,11.3477191 88.6461442,11.6733662 88.6461442,12.3458368 C88.6461442,12.9990132 88.2180543,13.4218368 86.7818127,13.4218368 C85.0459337,13.3909586 83.3447595,12.935538 81.8300018,12.0961897 L81.8300018,15.1314838 C82.8593202,15.6310132 84.2185056,16.1881897 86.7430468,16.1881897 C90.3161704,16.1881897 91.7338614,14.6117191 91.7338614,12.2688956" id="Shape" fill="#505F79"></path>
+                <polygon id="Shape" fill="#505F79" points="46.4399986 3.38000011 46.4399986 16.0025883 52.5469387 16.0025883 53.5084762 13.2743531 49.4304443 13.2743531 49.4304443 3.38000011"></polygon>
+                <polygon id="Shape" fill="#505F79" points="34.3699989 3.38000011 34.3699989 6.10800011 37.6712854 6.10800011 37.6712854 16.0025883 40.6617311 16.0025883 40.6617311 6.10800011 44.1960888 6.10800011 44.1960888 3.38000011"></polygon>
+                <path d="M30.0382061,3.38000011 L26.1190431,3.38000011 L21.6700001,16.0025883 L25.0676068,16.0025883 L25.6983259,13.876706 C27.2516873,14.3279669 28.9034214,14.3279669 30.4567828,13.876706 L31.0875019,16.0025883 L34.4858222,16.0025883 L30.0382061,3.38000011 Z M28.0785057,11.6004707 C27.525056,11.600439 26.974457,11.5220766 26.4434402,11.3677648 L28.0785057,5.85929423 L29.7135712,11.3696472 C29.1824609,11.5233221 28.6318637,11.6010503 28.0785057,11.6004707 L28.0785057,11.6004707 Z" id="Shape" fill="#505F79"></path>
+                <path d="M63.0679689,3.38000011 L59.1490438,3.38000011 L54.7000008,16.0025883 L58.098321,16.0025883 L58.7290401,13.876706 C60.2824015,14.3279669 61.9341356,14.3279669 63.487497,13.876706 L64.1182161,16.0025883 L67.5165363,16.0025883 L63.0679689,3.38000011 Z M61.1085064,11.6004707 C60.5550567,11.600439 60.0044576,11.5220766 59.4734408,11.3677648 L61.1085064,5.85929423 L62.7435719,11.3696472 C62.2124616,11.5233221 61.6618644,11.6010503 61.1085064,11.6004707 L61.1085064,11.6004707 Z" id="Shape" fill="#505F79"></path>
+                <path d="M108.837969,3.38000011 L104.919044,3.38000011 L100.470001,16.0025883 L103.868321,16.0025883 L104.499041,13.876706 C106.052402,14.3279669 107.704136,14.3279669 109.257497,13.876706 L109.888217,16.0025883 L113.286775,16.0025883 L108.837969,3.38000011 Z M106.877318,11.6004707 C106.323868,11.600439 105.773269,11.5220766 105.242252,11.3677648 L106.877318,5.85929423 L108.512383,11.3696472 C107.981273,11.5233221 107.430676,11.6010503 106.877318,11.6004707 L106.877318,11.6004707 Z" id="Shape" fill="#505F79"></path>
+            </g>
+        </g>
+    </g>
+</svg>
+
+@import './imports/global';
+
+.aui-avatar-size(@type, @size) {
+    &.aui-avatar-@{type},
+    &.aui-avatar-@{type} .aui-avatar-inner {
+        height: @size;
+        max-width: @size;
+        max-height: @size;
+        width: @size;
+    }
+}
+
+.aui-avatar-border-size(@type, @size, @border-radius: (@size * @aui-avatar-border-radius-ratio)) {
+    &.aui-avatar-@{type} {
+        border-radius: @border-radius;
+
+        .aui-avatar-inner {
+            border-radius: @border-radius;
+        }
+    }
+}
+
+// AUI avatar component
+.aui-avatar {
+    box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    vertical-align: text-bottom;
+
+    &-inner {
+        display: flex;
+        justify-content: center;
+        align-content: center;
+
+        border-radius: 100%;
+        overflow: hidden;
+    }
+
+    & img {
+        display: block;
+        height: 100%;
+        margin: auto;
+        width: 100%;
+    }
+
+    .aui-avatar-size(xsmall, @aui-avatar-size-xsmall);
+    .aui-avatar-size(small, @aui-avatar-size-small);
+    .aui-avatar-size(medium, @aui-avatar-size-medium);
+    .aui-avatar-size(large, @aui-avatar-size-large);
+    .aui-avatar-size(xlarge, @aui-avatar-size-xlarge);
+    .aui-avatar-size(xxlarge, @aui-avatar-size-xxlarge);
+    .aui-avatar-size(xxxlarge, @aui-avatar-size-xxxlarge);
+
+    // Project avatars - circular and different sizes
+    &-project {
+        .aui-avatar-border-size(xxxlarge, @aui-avatar-size-xxxlarge, 12px);
+        .aui-avatar-border-size(xxlarge, @aui-avatar-size-xxlarge, 6px);
+        .aui-avatar-border-size(xlarge, @aui-avatar-size-xlarge, 6px);
+        .aui-avatar-border-size(large, @aui-avatar-size-large, 3px);
+        .aui-avatar-border-size(medium, @aui-avatar-size-medium, 3px);
+        .aui-avatar-border-size(small, @aui-avatar-size-small, 2px);
+        .aui-avatar-border-size(xsmall, @aui-avatar-size-xsmall, 2px);
+    }
+}
+
+
+@import './imports/global';
+
+/**
+ * AUI Page Header
+ */
+
+.aui-page-header-inner {
+    border-spacing: 0;
+    box-sizing: border-box;
+    display: table;
+    table-layout: auto;
+    width: 100%;
+}
+
+.aui-page-header-image,
+.aui-page-header-main,
+.aui-page-header-actions {
+    box-sizing: border-box;
+    display: table-cell;
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    vertical-align: top;
+}
+/* collapse the cell to fit its content */
+.aui-page-header-image {
+    width: 1px;
+    white-space: nowrap;
+}
+.aui-page-header-main {
+    vertical-align: middle;
+}
+.aui-page-header-image + .aui-page-header-main {
+    padding-left: @aui-grid;
+}
+.aui-page-header-actions {
+    padding-left: (@aui-grid * 2);
+    text-align: right;
+    vertical-align: middle;
+}
+.aui-page-header-main > h1,
+.aui-page-header-main > h2,
+.aui-page-header-main > h3,
+.aui-page-header-main > h4,
+.aui-page-header-main > h5,
+.aui-page-header-main > h6 {
+    margin: 0;
+}
+.aui-page-header-actions > .aui-buttons {
+    /* spaces out button groups when they wrap to 2 lines */
+    margin-bottom: (@aui-grid / 2);
+    margin-top: (@aui-grid / 2);
+    vertical-align: top;
+    white-space: nowrap;
+}
+/* Avatar overrides */
+.aui-page-header-image .aui-avatar {
+    vertical-align: top;
+}
+
+
+
+.panel,
+.alertPanel,
+.infoPanel {
+    color: #333;
+    padding: 0;
+    margin: 10px 0;
+    border: 1px solid #ddd;
+    overflow: hidden;
+    border-radius: 3px;
+}
+
+.alertPanel, .infoPanel, .panelContent {
+    padding: 10px;
+}
+
+.alertPanel {
+    border-color: #c00;
+}
+
+.infoPanel {
+    border-color: #69c;
+}
+
+.panelHeader {
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    background-color: #f7f7f7;
+}
+
+/* basic panel (basicpanel.vmd) style */
+.basicPanelContainer {
+    border-width: 1px;
+    border-style: solid;
+    margin-top: 2px;
+    margin-bottom: 8px;
+    width: 100%;
+}
+
+.basicPanelContainer:first-child {
+    margin-top: 0;
+}
+
+.basicPanelTitle {
+    padding: 10px;
+    margin: 0;
+    background-color: #f0f0f0;
+    border-bottom: 1px solid #ddd;
+}
+
+.basicPanelBody {
+    padding: 5px;
+    margin: 0;
+}
+
+
+@import "colors.less";
+
+/* PDL master.less */
+/* Generic */
+fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.smalltext {
+    font-size: 12px;
+    color: @mediumGray;
+}
+
+#title-text {
+    margin: 0;
+    font-size: 28px;
+}
+
+#title-text a:hover{
+    text-decoration: none;
+}
+
+body.error-page #main {
+    padding-top: 0;
+}
+
+body.error-page #main-header {
+    margin: 0 -20px;
+    padding: 20px;
+    border-bottom: 1px solid #ccc;
+    background-color: #f5f5f5;
+}
+
+#main-header,
+#preview-header {
+    margin-bottom: 20px;
+}
+
+#preview-header #title-text {
+    color: #333;
+    margin-top: 10px;
+}
+
+a img {
+    border: 0;
+}
+
+.hidden {
+    display: none;
+}
+/* End generic */
+
+/* Main body */
+
+/* if space-ia is on, we want width to be auto*/
+.ia-splitter .aui-page-panel {
+    width: auto;
+}
+/* end main body */
+
+/* Header */
+#quick-search-submit {
+    display: none;
+}
+
+#quick-search {
+    margin: 0;
+}
+
+#quick-search.quick-search-loading:after {
+    display: none;
+}
+
+.aui-nav-link span + span {
+    margin-left: 5px;
+}
+/* End header */
+
+/* Generic Admin sidebar (or vertical navigation) */
+.aui-nav-vertical li a:link,
+.aui-nav-vertical li a:focus,
+.aui-nav-vertical li a:visited,
+.aui-nav-vertical li a:active  {
+    color: #666;
+}
+
+/* End generic admin sidebar/vertical nav*/
+
+/* Space Admin sidebar */
+.in-page-menu {
+  padding: 10px;
+}
+
+.in-page-menu-content {
+    border-left: 1px solid #CCC;
+    padding: 0 0 20px 10px;
+}
+
+/* End Space Admin sidebar */
+
+/*Global messages above the header*/
+#messageContainer {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#messageContainer li {
+    display: block;
+}
+
+#messageContainer .aui-message {
+    margin: 0;
+    border-radius: 0;
+}
+/*End global messages above the header*/
+
+#breadcrumbs li.hidden-crumb {
+    display: none;
+}
+
+/* Metadata stuff just below page title*/
+.page-metadata ul {
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+.page-metadata ul li {
+    list-style: none;
+    float: left;
+    padding: 0 5px 0 0;
+    margin: 0;
+    line-height: 1.5;
+}
+
+.page-metadata ul a.page-tinyurl span {
+    float: left;
+    height: 16px;
+    width: 10px;
+    text-indent: -9999em;
+}
+
+.page-metadata ul a.action-view-attachments span.page-metadata-attachments-count {
+    margin-left: 3px;
+}
+/* End metadata stuff*/
+
+/* Page content */
+#main {
+    margin: 0;
+    padding: 20px;
+    clear: both;
+    min-height: 600px;
+}
+
+#title-heading {
+    margin: 0;
+    padding: 0;
+}
+
+#title-text a {
+    color: #172B4D;
+}
+
+.navBackgroundBox {
+    padding: 5px;
+    font-size: 22px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.simple-confirmation > form > .buttons-container {
+    padding-left: 0;
+    margin-top: 20px;
+}
+
+/* aui-page-layout.css makes this clear, which stuffs up
+ the multi-column layout of space admin sidebar */
+
+#content {
+    clear: none !important;
+}
+
+#content::before {
+    display: none !important;
+}
+
+/* end aui-page-layout.css overrides */
+
+/*End page content*/
+
+/* Page footer */
+
+.aui-layout #footer .footer-body > ul > li.print-only {
+    display: none;
+}
+/* End page footer */
+
+#com-atlassian-confluence .hidden {
+    display: none;
+}
+
+/* Progress Page */
+
+/* This doesn't and shouldn't be a table */
+
+#status {
+    margin: 10px 0;
+}
+
+#status table {
+    margin: 10px 0;
+}
+
+#taskProgressBar {
+    background: #ebf2f9;
+    /* This border radius will not
+       work while it's still a table */
+    border-radius: 3px;
+}
+
+#taskGreenBar {
+    background: #3b7fc4;
+}
+
+#status .smalltext {
+    text-align: center;
+    color: @mediumGray;
+}
+
+#content {
+    /* Override aui-page-layout.css */
+    position: static !important;
+}
+
+hr {
+    border: none;
+    border-bottom: 1px solid #ccc;
+}
+
+#bloglist {
+    display: none;
+}
+
+/* Child Pages styling (mainly for the benefit of doctheme) */
+.children-show-hide.icon {
+    display: none;;
+}
+
+.child-display {
+    padding: 2px 2px 2px 12px;
+    display: block;
+}
+
+/*
+ * Page history
+ * This is the css for the warning at the top of the page when viewing the page history
+ */
+#page-history-warning {
+    margin-bottom: 20px;
+}
+
+.page-history-view a:before {
+    display: inline-block;
+    content: "·";
+    padding: 0 10px;
+}
+
+.page-history-view a:before:hover {
+    text-decoration: none;
+}
+
+.page-history-view a:first-child:before {
+    display: none;
+    content: '';
+    padding: 0;
+}
+
+.version-navigation-block {
+    padding-top: 10px;
+}
+
+.current-version-margin {
+    display: inline-block;
+    padding-left: 10px;
+}
+
+.current-version-margin:first-child {
+    padding: 0;
+}
+/* End page history */
+
+/* Alternative pages */
+.alternative-page-list {
+    list-style: none;
+    padding-left: 30px;
+    line-height: 20px;
+}
+
+.alternative-page-list .excerpt {
+    margin-left: 20px;
+}
+/* End alternative pages */
+
+/* People directory*/
+.page-section,
+.page-group {
+    display: table;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-section .page-group {
+    display: table-row;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-item {
+    display: table-cell;
+    margin: 0;
+    min-width: 256px; /* grid minimum */
+    padding: 0 0 0 16px;
+    vertical-align: top;
+}
+
+/*People directory*/
+body.people .dashboard {
+    margin-top: 0;
+}
+body.people .dashboard-group > div {
+    margin-top: 0;
+}
+
+body.people #main {
+    padding: 0;
+}
+
+body.people #main-header {
+    padding: 20px;
+    margin-bottom: 0;
+    background-color: #f5f5f5;
+}
+
+.people-directory .dashboard-section {
+    display: table;
+    width: 100%;
+}
+
+body.people .dashboard-group > .aui-page-panel {
+    border-bottom: 0;
+}
+
+body.people .dashboard-group .aui-page-panel .aui-page-panel-nav {
+    height: 523px; /* 600px (#main:min-height) - #main-header:height */
+}
+
+body.people .dashboard-group .aui-navgroup-inner {
+    margin-left: -10px;
+}
+
+body.people .active-tab > a {
+    color: #333;
+    font-weight: bold;
+}
+
+#people-search-title-bar {
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+#people-search-title-bar h2 {
+    float: left;
+}
+
+body.people #people-search {
+    margin-top: 0;
+    text-align: right;
+}
+
+.people-directory .aui-tabs > .tabs-menu {
+    padding: 0 30px;
+}
+
+.people-directory .greybox {
+    position: relative;
+    margin: 0;
+}
+
+.people-directory .greyboxfilled {
+    width: 100%;
+}
+
+body.people #people-search input {
+    vertical-align: top;
+}
+
+body.people #people-search .field-group {
+    display: inline-block;
+    width: auto;
+    padding: 0 10px 0 0;
+    margin: 0;
+}
+
+body.people .aui-message.error {
+    margin-bottom: 10px;
+}
+
+body.people .greybox #peoplelist .profile-macro {
+    margin: 10px 40px 20px 0;
+}
+
+#people-search .field-group {
+    padding-left: 0;
+}
+
+body.people .blank-experience-people {
+    margin-top: 50px;
+}
+
+.blank-experience-people {
+    min-height: 100px;
+    background: url(../../../images/icons/people-empty-placeholder.png) no-repeat right bottom;
+}
+
+.watches .tableview-action-icon {
+    text-align: right;
+}
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+.blank-experience-page {
+    background: url('../../images/icons/pages-empty-placeholder.png') no-repeat right bottom;
+}
+
+/*Blog Role*/
+
+.blog-post-listing {
+    position: relative;
+    padding: 30px 20px 20px 68px;
+    margin-top: -10px;
+}
+
+#link-browser-tab-items + .blog-post-listing {
+    padding-top: 10px;
+}
+
+#link-browser-tab-items + .blog-post-listing .logoBlock {
+    top: 10px;
+}
+
+.blog-post-listing + .blog-post-listing {
+    border-top: 1px solid #ccc;
+    margin-top: 0;
+}
+
+.logoBlock,
+.blogHeading {
+    display: inline-block;
+}
+
+.userLogo,
+img.userLogo{
+    width: 48px;
+    height: 48px;
+    border-radius: 3px;
+}
+
+.userLogoLink {
+    display: inline;
+}
+
+.logo-heading-block {
+    margin-bottom: 20px;
+}
+
+
+.logoBlock {
+    position: absolute;
+    left: 0px;
+    top: 30px;
+}
+
+.userLogoLink {
+    line-height: 30px;
+}
+
+#title-heading .userLogoLink {
+    float: left;
+}
+
+.logo-heading-block .userLogo {
+    width: 48px;
+    border-radius: 3px;
+    display: inline-block;
+}
+
+span.blogHeading {
+    display: block;
+}
+
+.blogHeading .page-metadata {
+    line-height: 16px !important;
+    margin: 2px 10px 0 0;
+}
+
+a.blogHeading {
+    font-size: 24px;
+}
+
+.blog-post-listing > .wiki-content {
+    padding: 0px !important;
+}
+
+
+.blog-post-listing .endsection {
+    clear:both;
+    margin-top: 20px;
+}
+/* End blog role*/
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+
+/* alphabet list */
+#squaretab {
+    margin-left: 0;
+    padding-left: 0;
+    white-space: nowrap;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+#squaretab li {
+    display: inline;
+    list-style-type: none;
+}
+
+#squaretab a {
+    padding: 5px 7px 3px 7px;
+    border: 1px solid;
+}
+
+#squaretab a:link,
+#squaretab a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+
+#squaretab a:hover {
+    text-decoration: none;
+}
+
+.admin-sidebar-group ~ .admin-sidebar-group {
+	margin-top: 20px;
+}
+
+/* CONFDEV-13482: Override .aui-page-panel */
+#main.aui-page-panel {
+	border-top: 0;
+}
+
+.recently-updated-concise .update-item {
+    .update-item-desc, .update-item-changes {
+        font-size: 12px;
+        margin-left: 5px;
+        line-height: 20px;
+    }
+}
+
+/* consistent placeholder text color */
+::-webkit-input-placeholder {
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 18- */
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 19+ */
+    color: #999;
+}
+:-ms-input-placeholder {
+    color: #999;
+}
+
+/* End PDL master.less */
+
+.default-macro-spinner {
+    width: 40px;
+    height: 40px;
+    position: relative;
+}
+@import "colors.less";
+
+/* wiki-content.css */
+
+/**
+ * AUI Overrides
+ * see /includes/css/aui-overrides.css
+ */
+.rounded-corners (@radius: 5px) {
+  -moz-border-radius: @radius;
+  -webkit-border-radius: @radius;
+  border-radius: @radius;
+}
+
+.wiki-content {
+  .header, .footer, .cell {
+    margin: 8px 0;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    .rounded-corners;
+  }
+
+  .columnLayout {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    *clear: both;
+
+    .cell {
+      vertical-align: top;
+    }
+    .cell.aside {
+      width: 29.9%;
+    }
+    .cell.sidebars {
+      width: 19.9%;
+    }
+  }
+
+  .cell {
+     display: table-cell;
+     padding: 0 10px;
+  }
+
+  .innerCell {
+    overflow-x: auto;
+  }
+
+  .placeholder {
+    background: #f5f5f5;
+    border: 1px dotted #ccc;
+    color: @mediumGray;
+    font-style: italic;
+    margin: 0;
+    padding: 10px;
+
+    .activation-content {
+      display:none;
+    }
+    .display-content {
+      display: inherit;
+    }
+  }
+
+  li > ul,
+  li > ol,
+  ul > ul,
+  ol > ol {
+    margin-top: 0;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol,
+  ol ol ol ol,
+  ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: decimal;
+  }
+
+  ol ol,
+  ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-alpha;
+  }
+
+  ol ol ol,
+  ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol,
+  ol ol ol ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-roman;
+  }
+
+  /* these styles are copied from aui-page-typography.css in AUI 5.4. This will retain the heading styles for user
+   * generated content when upgrading to use AUI 5.7 and ADG 2.0. This is brittle because not every property is
+   * explicitly declared here. If AUI 5.8 sets h1 text-transform: uppercase; it will break the default styles */
+  h1 {
+    font-size: 24px;
+    font-weight: normal;
+    line-height: 1.25; /* 30px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h2 {
+    font-size: 20px;
+    font-weight: normal;
+    line-height: 1.5; /* 30px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h3 {
+    font-size: 16px;
+    line-height: 1.5; /* 24px equiv line-height */
+    margin: 30px 0 0 0;
+  }
+  h4 {
+    font-size: 14px;
+    line-height: 1.42857142857143; /* 20px equiv line-height */
+    margin: 20px 0 0 0;
+  }
+  h5 {
+    color: #5E6C84;
+    font-size: 12px;
+    line-height: 1.66666666666667;
+    margin: 20px 0 0 0;
+    text-transform: uppercase;
+  }
+  h6 {
+    color: #5E6C84;
+    font-size: 12px;
+    line-height: 1.66666666666667;
+    margin: 20px 0 0 0;
+  }
+  h1:first-child,
+  h2:first-child,
+  h3:first-child,
+  h4:first-child,
+  h5:first-child,
+  h6:first-child {
+    margin-top: 0;
+  }
+  /* Nice styles for using subheadings */
+  h1 + h2,
+  h2 + h3,
+  h3 + h4,
+  h4 + h5,
+  h5 + h6 {
+    margin-top: 10px;
+  }
+  /* End styles copied from aui-page-typography.css in AUI 5.4 */
+
+  /* Confluence specific typography overrides on top of AUI 5.4 typography */
+  h3 {
+    font-weight: bold;
+  }
+  h5 {
+    font-size: 14px;
+  }
+  h5, h6 {
+    text-transform: none;
+  }
+  h1 + h1,
+  h2 + h2,
+  h3 + h3,
+  h4 + h4,
+  h5 + h5,
+  h6 + h6 {
+    margin-top: 10px;
+  }
+  /* End Confluence specific typography overrides on top of AUI 5.4 typography */
+
+  .confluence-content-image-border {
+    border: 1px solid black;
+  }
+
+  div.error > span.error {
+    color: #333;
+    padding: 6px 10px;
+    position: relative;
+    background: #fffdf6;
+    border: 1px solid #ffeaae;
+    .rounded-corners;
+  }
+
+/* CONFDEV-6137 Welcome to the world of browser hacks
+ We're targeting IE8 compatibility mode which means IE7
+ hacks. This updates the page-layout to be floated rather
+ than table layout which is not supported in compat mode.
+ These styles are only applied to IE8 compat mode */
+  .columnLayout,
+  .cell,
+  .header,
+  .footer {
+    *display: block;
+    *float: left;
+    *width: 100%;
+  }
+
+  .innerCell {
+    *border: 2px dashed #ccc;
+    *margin: 8px 4px;
+    *padding: 4px 8px;
+  }
+
+  /* Text Placeholders */
+  .text-placeholder {
+    background: #f5f5f5;
+    color: #707070;
+    font-style: italic;
+    min-width: 10px; /* So that it is visible when empty */
+    display: block;
+  }
+
+  .text-placeholder.selected {
+    color: #333
+  }
+
+  .aui-lozenge {
+    padding: 3px 5px 2px 5px;
+  }
+}
+
+.contentLayout .innerCell > *:first-child,
+.contentLayout2 {
+  .innerCell > *:first-child {
+    margin-top: 0;
+  }
+}
+
+.contentLayout2 .columnLayout {
+  margin-bottom: 8px;
+}
+
+
+.view .wiki-content .cell:first-child,
+.content-preview .wiki-content .cell:first-child {
+  padding: 0;
+}
+
+/* CONF-23497 - Work around rendering issue in Webkit and IE9. Works fine for IE8 and Firefox. */
+li[style*='text-align: center'],
+li[style*='text-align: right'] {
+  list-style-position: inside;
+}
+
+/* CONFDEV-7754 - Workaround for some unwanted onDemand styling.
+   Remove once JSTDEV-1730 is fixed. See CONFDEV-7799.
+   Will have a side-effect of breaking any footers in themes that
+   do not use the default font-family or font-size.
+   #main selector is to prevent this rule applying within the RTE iframe.
+   */
+#main .wiki-content .footer p, #main .wiki-content .footer a {
+  font-family: arial,sans-serif;
+  font-size: 14px;
+}
+
+.wiki-content .cell,
+.mceContentBody.wiki-content .cell,
+.twoColumns .cell,
+.threeColumns .cell,
+.twoColumns .large,
+.mceContentBody.wiki-content .header,
+.mceContentBody.wiki-content .footer,
+.threeColumns .large {
+  *border: 0;
+  *margin: 0;
+  *padding: 0;
+  *overflow: hidden;
+}
+
+.twoColumns .cell {
+  *width: 49.9%;
+}
+
+.threeColumns .cell {
+  *width: 33.3%;
+}
+
+.twoColumns .large {
+  *width: 69.9%;
+}
+
+.threeColumns .large {
+  *width: 59.9%;
+}
+
+div.aside + div.large,
+div.large + div.aside,
+div.large + div.sidebars,
+.twoColumns div.cell + div.cell,
+.threeColumns div.cell + div.cell + div.cell {
+  *float: right;
+}
+
+/* Page Layouts 2 */
+/* Section types: single, two-equal, two-left-sidebar, two-right-sidebar, three-equal, three-with-sidebars */
+
+.two-equal .normal {
+  *width: 49.9%;
+}
+
+.two-left-sidebar .normal,
+.two-right-sidebar .normal {
+  *width: 69.9%;
+}
+
+.three-equal .cell {
+  *width: 33.3%;
+}
+
+.three-with-sidebars .normal {
+  *width: 59.9%;
+}
+
+.two-equal div.cell + div.cell {
+  *float: right;
+}
+
+.three-equal, .three-with-sidebars {
+  div.cell + div.cell + div.cell {
+    *float: right;
+  }
+}
+
+/* CONFDEV-13804: Temporary workaround, remove once fixed in the plugin (WDAY-1641). */
+#mw-container div.mw-no-notifications div.subheading p {
+  line-height: 24px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+/* "less" transformation does not work in Soy templates, so we can't include other *.less files
+    So there was a special file was introduced for email notifications, so we have two files:
+    1. tables.less - styles for UI
+    2. tables-for-emails.css - styles for email notifications
+    So these both files should be updated in case of changes
+ */
+@import "colors.less";
+
+.confluenceTable {
+    border-collapse: collapse;
+}
+
+.confluenceTh,
+.confluenceTd {
+    border: 1px solid @adg-N50-karl;
+    padding: 7px 10px; /* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
+    vertical-align: top;
+    text-align: left;
+    min-width: 8px; /* CONF-39943: set table cell min-width to which cursor can be focused */
+}
+
+/* Lists in tables */
+.confluenceTable ol,
+.confluenceTable ul {
+    margin-left: 0;
+    padding-left: 22px; /* CONFDEV-12589: default left padding is far too wide */
+}
+
+/* all tables should have a top margin of 10px */
+.confluenceTable, .table-wrap {
+    margin: 10px 0 0 0;
+    overflow-x: auto;
+}
+
+/* an exception to above rule for tables that are first child */
+.confluenceTable:first-child, .table-wrap:first-child {
+    margin-top: 0;
+}
+
+/* Background colors */
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh > p,
+table.confluenceTable td.confluenceTd.highlight, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-grey,
+table.confluenceTable th.confluenceTh.highlight-grey > p,
+table.confluenceTable td.confluenceTd.highlight-grey,
+table.confluenceTable td.confluenceTd.highlight-grey > p {
+    background-color: @adg-N20-grams-hair;
+}
+
+table.confluenceTable th.confluenceTh.info, /* deprecated */
+table.confluenceTable th.confluenceTh.info > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.info > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-blue,
+table.confluenceTable th.confluenceTh.highlight-blue > p,
+table.confluenceTable td.confluenceTd.highlight-blue,
+table.confluenceTable td.confluenceTd.highlight-blue > p {
+    background-color: @adg-B50-pixie-dust;
+}
+
+table.confluenceTable th.confluenceTh.success, /* deprecated */
+table.confluenceTable th.confluenceTh.success > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.success > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-green,
+table.confluenceTable th.confluenceTh.highlight-green > p,
+table.confluenceTable td.confluenceTd.highlight-green,
+table.confluenceTable td.confluenceTd.highlight-green > p {
+    background-color: @adg-G50-the-smell;
+}
+
+table.confluenceTable th.confluenceTh.warning, /* deprecated */
+table.confluenceTable th.confluenceTh.warning > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.warning > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-red,
+table.confluenceTable th.confluenceTh.highlight-red > p,
+table.confluenceTable td.confluenceTd.highlight-red,
+table.confluenceTable td.confluenceTd.highlight-red > p {
+    background-color: @adg-R50-rosie;
+}
+
+table.confluenceTable th.confluenceTh.note, /* deprecated */
+table.confluenceTable th.confluenceTh.note > p, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note, /* deprecated */
+table.confluenceTable td.confluenceTd.highlight.note > p, /* deprecated */
+table.confluenceTable th.confluenceTh.highlight-yellow,
+table.confluenceTable th.confluenceTh.highlight-yellow > p,
+table.confluenceTable td.confluenceTd.highlight-yellow,
+table.confluenceTable td.confluenceTd.highlight-yellow > p {
+    background-color: @adg-Y50-james-blonde;
+}
+
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh > p {
+    font-weight: bold;
+}
+
+table.confluenceTable th.confluenceTh.nohighlight, /* deprecated */
+table.confluenceTable th.confluenceTh.nohighlight > p {
+    /* deprecated */
+    font-weight: normal;
+    background-color: transparent;
+}
+
+table.confluenceTable td.confluenceTd img,
+table.confluenceTable td.confluenceTd .confluence-embedded-file-wrapper img,
+table.confluenceTable th.confluenceTh .confluence-embedded-file-wrapper img {
+    max-width: none;
+}
+
+table.confluenceTable td.numberingColumn {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+}
+/*
+    Styles for macros bundled in Renderer.
+*/
+.searchMacro {
+    font-size: 10pt;
+    margin: 10px 0;
+}
+
+.searchMacro .result {
+    margin-top: 3px;
+    padding: 0 5px 5px 5px;
+    border-bottom: 1px solid #ddd;
+}
+
+.searchMacro .resultSummary {
+    margin-bottom: 7px;
+}
+
+.rssMacro {
+    font-size: 10pt;
+}
+
+.rssMacro table {
+    margin: 10px 0;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.rssMacro table th,
+.rssMacro table td {
+    border: 1px solid #ccc;
+    padding: 4px;
+}
+
+.rssMacro table th {
+    background: #f0f0f0;
+}
+
+/* Code styles */
+.code {
+    border-width: 1px;
+    border-style: solid;
+}
+
+.code, .preformatted {
+    background-color: #fff;
+    overflow: auto;
+}
+
+.code pre, .preformatted pre { /* needs 'pre' to override TinyMCE style */
+    font-family:"Courier New", Courier, monospace;
+    line-height: 1.3;
+}
+
+/* The code macro classes are overridden by the fixed width theme so have been
+   made more specific. */
+
+.wiki-content .code-keyword {
+  color: #000091;
+  background-color: inherit;
+}
+
+.wiki-content .code-object {
+  color: #910091;
+  background-color: inherit;
+}
+
+.wiki-content .code-quote {
+  color: #009100;
+  background-color: inherit;
+}
+
+.wiki-content .code-comment {
+  color: #808080;
+  background-color: inherit;
+}
+
+.wiki-content .code-xml .code-keyword {
+  color: inherit;
+  font-weight: bold;
+}
+
+.wiki-content .code-tag {
+  color: #000091;
+  background-color: inherit;
+}
+
+/* Recently Updated Styles */
+.recentlyUpdatedItem {
+	border-bottom: #f0f0f0 1px solid;
+	border-top: #f0f0f0 1px solid;
+	margin: 10px 0 0 0;
+	padding: 0;
+	border-spacing: 0;
+	width: 100%;
+    text-decoration: none;
+    border-collapse: collapse;
+}
+
+.recentlyUpdatedItem td {
+    padding: 10px;
+    border-bottom: #f0f0f0 1px solid;
+    vertical-align: top;
+}
+
+.recentlyUpdatedItem .authorAndDate {
+	background-color: #f0f0f0;
+	width: 25%;
+}
+
+.recentlyUpdatedItem .date {
+    margin-top: 4px;
+    font-size: 90%;
+    color: #666;
+}
+
+.recentlyUpdatedItem .profilePic {
+    float: right;
+    background-color: #f0f0f0;
+    margin: 0 2px;
+}
+
+.recentlyUpdatedItem .twixie {
+    padding: 10px 0 0 4px;
+}
+
+.recentlyUpdatedItem td.icon {
+    padding: 8px 0 0 1px;
+}
+
+.recentlyUpdatedItem .details {
+    padding-left: 7px;
+}
+
+.recentlyUpdatedItem .summary, .recentlyUpdatedItem .thumbnail {
+    margin-top: 3px;
+    color: #666;
+}
+
+.moreRecentlyUpdatedItems {
+    text-align: right;
+    margin-top: 10px;
+    font-size: 10pt;
+}
+
+@import "colors.less";
+
+/*Style of <time> in both view & editor mode*/
+
+/*Note: Must use a class selector (not ID) as colours will be changed by inline-tasks plugin and thus they
+  must get precedence */
+
+.wiki-content time {
+  padding: 0 6px 1px 5px;
+  margin: 0 1px; /*fix cursor is hidden at beginning of time node in FF and end of time node in Webkit*/
+  background-color: @adg-N30-northeast-snow;
+  color: @adg-N500-mcfanning;
+  border-radius: 3px;
+  white-space: nowrap;
+
+  resize: none;
+  outline: 0 none;
+
+  -webkit-touch-callout: all;
+  -webkit-user-select: all;
+  -khtml-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+  user-select: all;
+}
+
+.wiki-content time:focus{
+  outline: 0 none;
+}
+
+/*
+we must use this technique: use pseduo :before
+should not use bg css in time element, because user can set cursor at beginning of time element and type anything,
+but input content is outside of time element
+*/
+.wiki-content time:before{
+  content: "";
+  width: 1.143em; /* 16px */
+  height: 1.143em; /* 16px */
+  padding: 0;
+  margin-right: 5px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  background-size: 1em; /* 14px width/height */
+  /* Combining the below three properties into a single "background" property disallows scaling of the icon */
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2397A0AF' fill-rule='evenodd'%3E%3Cpath d='M3 6v7h10V6H3zm9-3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V2a1 1 0 1 1 2 0v1h4V2a1 1 0 0 1 2 0v1z' fill-rule='nonzero'/%3E%3Cpath d='M4 9h2V7H4zm0 3h2v-2H4zm3-3h2V7H7z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+
+
+/*PDL icons.css*/
+.icon,
+.icon-container {
+    display: inline-block;
+    height: 16px;
+    min-width: 16px;
+    text-align: left;
+    text-indent: -9999em;
+    background-repeat: no-repeat;
+    background-position: left center;
+    font-size: 0;
+    vertical-align: text-bottom; /* allows icon to be vertically middle aligned to nearby text */
+}
+
+.search-result-title .icon {
+    position: absolute;
+    left: -26px;
+    top: 4px;
+}
+
+.search-result-title .icon img {
+    width: 16px;
+    height: 16px;
+    left: 0;
+}
+
+.icon-container > * {
+    text-indent: 0;
+    font-size: 14px;
+    margin-left: 24px;
+}
+
+img.emoticon {
+    vertical-align: text-bottom;
+    width: 16px;
+    height: 16px;
+}
+
+.icon-edit {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVUlEQVQoz2NgIAcUpBW8K/hfsKpAEJf0fyhchV8aCAlIF7zDL/2/II2O0oJ4pYEKQpFdjiENVNBRUF5wBiptjC1wzhQogV2BXRqo4F3BbqApLgw0AQCBhnfEgf2VHQAAAABJRU5ErkJggg==);
+}
+
+.aui-button > .icon-edit {
+    padding-right: 6px;
+}
+
+#labels-section .icon-edit {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAASklEQVQoz2NgoAkoMMYvPbPgf8E7nIrA0iD4Dr80CBrjl55JZ2kXvNJABR0F5QVncEoDFawqEAQqwSUNVPAOqL+jIBR34ApSEHEAoZNTWJsXIJoAAAAASUVORK5CYII=);
+}
+
+.icon-remove-fav {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAgElEQVQoz41RSRHAIBDDAhawgAUsYIF3ZOAJC1jAAhboAlPKPd18liSzF4wNAQPDboGAcJM1EkGfDa4Y3ElWRc5QPW0JDr6JLzyxpOW50wWmlo5bMbZWkBtLhOwn4ZMlgo8b8KUC352ox3guWqjS9svWGzqIkov6mj9JTy0D+xcP2z2f/6cFFckAAAAASUVORK5CYII=) no-repeat right top;
+}
+
+.icon-add-fav {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA4klEQVQoz31RMQqDQBD0LX7Bt+QL9kqQq4QggnBVSourbAQRAhdIcZ112hQphICQJmHNDyarCcYc6G6zezPszs45zl8UeZE7axEjxgpcZgIRymyRIElxSlqAKz9CRzfaovJnz8rkZ0kphWCA0KItmBIg5Un5WRnWzQ0aulBPGAloX9ydKGHaeFPlC+zx+IKf7ElC/FbVGwGJ50TpRrjezJRoV+A6ERoS0O7fBdoNcZ8IF5ZsEQaLHqRpx04eWa6w7VImZRUhlFEmQIIdV5aHASRpb6gPnuQVlp+xNbLMVj9tHm+oBsKYaoGVtwAAAABJRU5ErkJggg==) no-repeat right top;
+}
+
+/*animated gif*/
+.icon-wait {
+    background: url(../../images/icons/wait.gif) no-repeat left top;
+}
+
+.icon-refresh {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAoElEQVQoFa3BQXHDMBQFwE/BFErBFETBFHxeGKIgCqFgCqYQCqLwmmnqmRyS6aW7VaVp9WA1RMRdt9TFplfZRZy67i6mr3rSHTYxbfVLNy31ZIgp1nphqYtDxKhPTBFxs9U74nTodq3+iabrDlPqHc0wRaQ+MUQcdfFVL6xiiltdTMNSPzRT7A69Lk4xdd0pYq/S7XWx6O4iYljrQdPqL9/pwHQAAyEFYgAAAABJRU5ErkJggg==);
+}
+
+.expand-control-icon,
+#children-section.children-hidden a.children-show-hide.icon,
+.icon-section-closed {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAALElEQVQoz2NgGGSg4EzBTPwKOgr+F6ThVzKTsJK7Bf/JN4GgG4C+6GAYigAASNYUTGaVYwsAAAAASUVORK5CYII=);
+}
+
+.expand-control-icon.expanded,
+#children-section.children-showing a.children-show-hide.icon,
+.icon-section-opened {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2NgGGag4ExBB5TVUXAGm4KOgv8FM4H0TAiNTUkaUOouEKfhtiYNr/SQBQAsPRRMJnnlygAAAABJRU5ErkJggg==);
+}
+
+a.content-type-status span,
+div.content-type-status,
+span.content-type-status,
+.icon-status {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAy0lEQVQoz5XPMYrCQBjF8ZwlV8hZcoXUjwGJTDdYRBYsLaZKZeEuK0iahbR7CGFJYWM5go1Y/S0ccBJkwde+H2++ybIkP3nbOwwGg2U9dEXaZvvSsqDjBJz5pcHSlQlwrLnwzJUWRwIMR8b5wzyAKqHS4bmNwDfzCIJQvy8tH3HlxgGPYesfACHUt4Vjg8cyw9CEXR1f1xBJvQoGx9dyV4++qEKDUFDRhDj6ZrQU6oWq13UVL+AlUa6QgKB8CnxSIzQ9clIjpuDz/4U77zDaEho7C94AAAAASUVORK5CYII=);
+    background-repeat: no-repeat;
+}
+
+/*NON PDL icons (To be updated)*/
+.icon-add-page {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgoDIomFnwv2AmPgX/QZAmCsB2o8OZGDrRISETVtHXFyhuWcVAXwAAzDhOqi+KwO8AAAAASUVORK5CYII=);
+}
+
+.icon-add-page-disabled {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPMMAMzMzPf39+bm5tbW1sPDw////+7u7r6+vt7e3rW1taysrKampgAAAAAAAAAAAAAAACH5BAUUAAwALAAAAAAQABAAQARkUMhJBbsXlcB7GAQhKAQiFJtXCEM7XMNWdcNxXCeqo4IRWLiNYUgcIgiAjLBoGCQSiMUBEdtZUS9G7ir4YbQo5mroBV/DQ6DGwyYEEspfJTEwAQSEGNtzGChgBUxiWS6Fhi0XEQA7);
+}
+
+.icon-recently-updated-page {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACGUlEQVR42pWSS28SURiG+Skm7ly5duPKvf6DCoWmEqX/wHItsUYXxp2XRpRhBga0F25VqbpQN6aSNDFN1URM1AJlKMOZK339zgANHcXEJ3lzTibnPOf7zhzPmPnbbzB36xUCN1/Cv/wCgeXn8N3YxOVkBd6lMmYSJaxs1C96puGnjdMov/+KjnKI8IMtPFzfDv5V0O5q4FjWAKpmoNPT0ewwfP+l4P7aNn23wBgjSQ3he1snJafE/dC5tRbOb7RRbOiwbZIwEwpJWgrDyvpHcEzThKqquCO9xd3su+B48wUKxjkt7WO3a8OwbDDdIpGFR6U6OIPBAJqmOZKZiIyxIEbBZNKfNVp8BJPaMUwbQnUHwuYO5NonPHu9i9qHb/CGc8eCS25B/cByBDaF2nGq6Wvm8F4UFRxfNIvJOwifkZs4W2gitcew96UBMV+lVJCRq8jkKXIFT7JlpMQSOP4YVTCJblj4F7wSyxqGE4hlTwp88VVwxELVOV0aj1SFIJch5MtIUwWPxSI48/GcSxB7imkcDf/AqAp7JJBcgmgBBD+N934cgXpPy6Xh6VIRqVEFwcQfgjw4fWZCM0wYpuVEpznTDPT6OpTDPr1OFZxrSfcdRHIg+OtzFquMx3DGbq+PdqeHny0FjR8H4CwkJbcgi/8htOQSzEZEeBcz8F6nLArwOUljlsZAOI25iIArUQFX4wJCiQwWKB7iN4oVwIAKUPY0AAAAAElFTkSuQmCC);
+}
+
+.icon-group {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAn0lEQVR4AYXPQQ3DMAxAUVMwhVAohVIohZz/rRRCYRRKIRRGwRRCwWtXS9bUSMs/+kVx5PegdPyso8iVcFdYKUiMb5KAinFgVDxLUDAUQRlz0M7kW8dmT1ReAYx1vqTRUA4akiVYGSwIFWXHGWdOYEExlvAbnrHdoMUGz18M9AJGCdBikO0XcCR6P4Ahea/gkxYhok7BnkDpj3FHhT99AOcV5bz26Bu6AAAAAElFTkSuQmCC);
+}
+
+.icon-trackback {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAA5+C9jo2G9/omd5l27mSpyrwEC0PXWudej0+zG0IEaUYLS80OTz8YCPryeeLYO6g0bDL4XzWvf7/SORK+Do8DikOIzSjMbW1UTBLVW2V5n/ZoPxV1zcPXeIrPD48KXGtDGoMSqrHIqun/b6/YiYuKa1weTx+nCAn16nbh+bGHO6fdrt+EW1SHOMre/3/DuzPDGxM4mZrNns2Tq3JvX89bvE1////2t8m3CCp4OTtHqJq4r2XKu1xnSzdOT06c7U4Z6ytiylMODy6On0+tPl4nuMte//76a3xEq4SYyZtOb37wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUADYALAAAAAAQABAAAAe1gDaCg4SFgiQkOQ0dOD8eBwGGJIQ4DT8PAD2Fk4ISOJ8yKQmagw2DEhIUJx4pHCkepZ2oNTUXIQQzH4M6Nj4ZPi4kFiAQGxgTKoIdHjARLwwkEkgRGjsOR4IlBjsaESwFNjQvETBEJ4IoFRgbEEEKgkoZQi43gjwiMwQhQAs2qBIu6A1i5cpDBxsjArpAUG9QjwQpZAiwoRCBiQGFegB4kMTGkI8mVmAsFOBAjBsoUzY0xFJQIAA7);
+}
+.icon-mail {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABkUlEQVR4AcXST4hSQRwH8O+bHqJGSwtBREtQdE6CIAo6CR02gqhT1L1A6NCpQ4cOQUSniI6dIi9Bhy2KhECQolAro6DMlAp9hun6ttTnezPzbYdS0BBJD33gBzPMH+Y3fDEvCzPYderGZvzWtvYmkgxHN4JaQ6+XQZrxcD6yppWClMF6+VB+AOw5e5vvv7b4r96Uatx+/CqF1+tggxC4/6ICt9PHNK21LpKplxDCgtfrArtP36TxutTgvaefWK67DKSiUppGX2rW3YA9X/LDlwZvPcjySbZIY/HwRWLnyes02j89flvt8lHuMwuV7zS8gHTWSKnJfNHh3fQ7VpxVOs0fNBbiF2jjj0jIxqaoQDy2hEyhBLVjESrwsGALSGmjWqviyIEYlAZ8qTEglFIY5yOMh5lXGEg9K6CPCMaZs1g6cW1iCyvpnKmJLUQOnSe2Hbsy8yeGDp4jth69zI/VNleel80rOE3T7fDO4zzflh3a+xO0tixfokkZTdo4mjwO0vdXStVwj2XtO4N5CAD/94Jf/IjNWQWaCu8AAAAASUVORK5CYII=);
+}
+
+.icon-show-more {
+    background-image: url(data:image/gif;base64,R0lGODlhDAAMAKEDAGRkZJ6ensHBwf///yH5BAEKAAMALAAAAAAMAAwAAAIjnAcJxyixmgEvSgqZSnVTAYYgBARm8Jzk1ilaJU1wXGa0exQAOw==);
+}
+.icon-show-less {
+    background-image: url(data:image/gif;base64,R0lGODlhDAAMAKEDAGRkZJ6ensHBwf///yH5BAEKAAMALAAAAAAMAAwAAAIVnI+py30Ao4yiWhtg2LzPDzniSBoFADs=);
+}
+
+.icon-people-directory span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACCElEQVR42rVSS6tSURi1TiMxlCAc3ARFxfSoXA++3w98i28FH6ipWAYSEgo6EPsFDSIaBBE0aNK4X1CTBkGNmwRB0bjJrWD1fQdq4o26RBsW53DOt9Zea+2t+K/L6XSVXS7XnVAo9Npud6fPSHbeqtcbmEwmWC6XaDSa8Hi8r1qtlvBXApLkeT6bXcdiscB8Psdms0GlUoUoOpN/JJtMpstkG+PxGJ1OB91uF71eD6PRCDab7d6ppFQqtavX629qtdrDeDx+1eWSThqNBprNJtrttoxqtQqr1bo+IAcCARNlw263w3a7Rb/ff2y1ik+z2SzZroBEZUSjURgMBu9PHoBz8kskErkxHA4xm82wWq0wGAze0uBtcoJ8Po9isQgS490/0bhwIOD1eg2lUomzsggLPBJFUWU0Gt8lk0lkMhkEg0HodLqbPH8gwCuRSLygnFzaV8ru5m9ms/mu3+8HOeHd+XnhtwK5XO4+OyB8Xq/XF7Va7UKv15+ws3A4jFgsBrvd/mC/318CcP4X8fj4OOh2u19yWdPpVD7ro6Mr3xwOBwqFAiRJgs/n4zJZiEv8YrFYnhHKAATOzw2zdVBm0B0AxZFtswgNyvbpSsuFsst0Oi3/02g0TxSckQl8RGq1GlwauQLlPwCLMZHjlMtlqFSq7wpq9j3t/IF2+ahUKnFWKARBuPYv+AENIQe8Xo67ZAAAAABJRU5ErkJggg==);
+}
+
+.icon-rss-feed-small span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiklEQVR4AYWRoa7DMAxF8wv9U9PQ0NHQ0tLRSkPlYaGhpaEPnsV6JrWy9h7oc2VLDrLIR5gzJkvwY68EQcmDuWLCfwrpRrAccyGzUkypM6HwJg1OW/VjxUGkoVm9cIJ1Ix3oXhASFc020Lz8kRtCta5mvwp/2iFZtwHtKlQ60W7J7E645fFZj+/+ArQ1iZLN9n6PAAAAAElFTkSuQmCC);
+}
+
+.icon-create-user-macro span.icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVQ4y2NISUkxBuL/RGJjBnQAktiwYQNYwf379/FikBq8BhACOA2AYZgidAyyAKcByAaR5QJ0A3DZTh8XkBUL6AYQmybISg/5W/P/M3QyQGh8BoBobBik+f//K2AamwE4kzTMZhCe+S0XzsbqEqwAqLjpZRwGxuoSbABsUxgDGEdcsIeziXcBkkssD2oSbzM6SJuZBrYZTEMBABbrsiDsDoD0AAAAAElFTkSuQmCC);
+}
+
+.icon-remove {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOElEQVQoz2NgIAUU/IfCd7gUvEOlUaTguv9jNYegAlIcCIfDU8FdNAV30RUYF+xGkt5dYExkAAIAkDqa2DO/hCIAAAAASUVORK5CYII=);
+}
+
+.icon-tick {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAxUlEQVR42q2TQQsBcRDFfachIkRKykHJyWVPvhMisiIl5aDk5OLkO/15oynTW7KtqV/TzP+999/d2txfSsYSPQkpgUfNIMi5H+Q++glo4fEBt+g7hw4M6DpzwHX4mX1bDSjTcsBlkMyupWIr03LAqRdk08AS3c3vZVoOOHb9Y67rZLY9tBRg72mVaF5VoVM4YNt0JjIvyqoxOCCuBZmXkm7GHucODlhWXsyK7ltgxp6gAAiNaQGH6LYjOGCSTwMFZPqZMvEAnpXvZz3qUlcAAAAASUVORK5CYII=);
+}
+
+.icon-cross {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPklEQVR4Aa2TPYrCcBDFBRExKlgIKgGRIGJhYSM2CoKNZQRBsEplZWEj2LmFvUfwCB7BI3iUmWW/P9i3zoMI8m921x34ERje/JhJSOJfShKJuzP4FZzhMIGh2+2PiPNXAl2voasVdDiEVKuQTgc6n0OnU0ijwZ6GoeWIK1gsoP0+npdLfByPeN3tIK0WtFDA++HA3sNgAB2PmXUFUQSdzTjwJQKrxzDksJU9uUUUEVcwmRBpNjloRRH4NDE3jHOuYDS6IL6Pt/0ecdnqEgRXGVfQ64F0u5BsFp+nE+Li+6hU4gxxBe02kWIRL5sNrEzCM+ItSqVLzhXU61DfZzC++75W41e5eg9BwKwrKJchmQxvt0/2FEU8RTzPTrAeZZrPM+sKcjnoWSCpFCSZhKbTYM/znJ7hCP4EBbf/TLfxDcX1CCmVYhzWAAAAAElFTkSuQmCC);
+}
+
+.icon-opts {
+    background-image: url(data:image/gif;base64,R0lGODdhEAAQAPZMANjX2O7u7s/b/cLBwk2DuVlwflO491K493HE+Juxwd2SkswzM////5uwwZuxwJvV+oiIh8bn/HaOmHqgpm+HkXOLlGqXxXuToebDw1mLtGB3g2yDjWR7hmh/inLD+HO36X/J+XiRm4SWn3/K+aq90uKrq8TW6JHR+nqSnnSIk8jP1IDK+XmiyrzM6JLR+vn5+bfH4Lq6uZuwwMjV9NLR0tp/f/f398PR7rDC2Z+0xaS5y7bH4b3M6KPZ+nLE+KPY+lK3962trIuhsMzY+bHC2czZ+aTZ+p+0xsfV9IugsMLR76S4y3uTowAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAEAAQAAAHuIAmFgSEhYaEFiYsHz0uKyMrICAjJ0YnPx8sGQgRDwgePgifD50RCBkTB0AGBwcGr6yurhMXAra3uLgXKENMvr/AvkUoIUhMA8jJykwzIRI3TAHSASXT0kxKEhU80RgBCgs0yQBMLRUUMEwYC+AKQRDwMUw7FBs40TXsAS8M/TZMRDZ0IBGNmrVpTEh04KCj4EGESzhoOBKsIpMcGkQkaZDAQQOPCWQkGOlAiAgVKQqoXMlSZQoVgQAAOw==);
+}
+
+.icon-stop-watching {
+    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAYElEQVQoz2NgoB8oUCqYWfCu4D8QvgOylNClO8BSyLADISlYsBtDGgR3FwhCpM/AhJrufn339V3TXbiSM0AlCOmC/1/f/QfCr++QTDlDhAJCVqC6AgVCpInwJlEBRUsAAP3sq7etYofPAAAAAElFTkSuQmCC);
+}
+
+.icon-start-watching {
+    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAuklEQVQoz72QLQpCQRSF71rcwmzhbcF9XAaUCWITmT7lBYNgsk0SETRYpxlMN70oHgTBYjgGFZ9i1VO/A+dH5H/KLlmgpzIwWXYfeFYHDrnBGQesERk4nbfwZNVnxhERnsqIExboMdkDJwssICK0aEedWgRREO6WJyaU6kREtFISxB4DJpNknrt3Q9e3DSLJBtziigg1rbS6R2zRf7Woi2fGBRH6reRz5phrNGiwxIj+fWb7KP/9qF/qBpqJq0pmijfwAAAAAElFTkSuQmCC);
+}
+
+.icon-info {
+    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOZcAPhqRq84OMdycvLf358PD+O5uZ4MDMdzc/l1Uvp9W/////yXefyOb8w5Jv2fg/qFZfuOb/uFZb5cXPhvS/p9XOVhR/zTxvRlQ/lvS/6njM5BLf2Xef+0mt6Ng//Rwv6tk/2gg/mMb+NTN/uwnP+8pf7s5v/QwPXLwtZ0aNZxZfV9X/JkQs47J/2qkv3Dsv6/rPvGtv/o4Oh5Y/27qeh8Zf/Uxf+ymv2ni/7OwP/39fy1o/yli/6xmf+5ov/t6PmFZ/2XevaHafl1U/l0U/ufh/p8W/2ynP/59/luTP6uk/RqSPuNbv3Owfl+XvWJbPqSd/+9qPRqR/65o/qFZP65of6ymfluS9h1aPzHuP3Zz/7TxdhzZf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFwALAAAAAAQABAAAAfXgFyCXAUCAQQEAQIFg4MDBwYdJyUlJx0GBwOOEigWJiQcHCQmFigSmlwHKR49H1A1WjZJVB4pB4QGWFUZHwoxRz4ZNzwwBoVXLQ4gDkYgLwpSDg4tW4YyGxsLQAsLOAo73As0h0EQDAwQEDMKLufmTogqEVMRD0s5TPUP9SqJFQkJiiQgouBHAgoAKVRQpAHBEAQImuiASFGIhkUGlEyYgCFElhBWMCCZEMVYqgYAUo5QMCJlyga3uAyQ0OBCyicuLzQ45QgSCxErVohggQlVo0KHEi1qFAgAOw==);
+}
+
+.icon-marketplace {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACeklEQVQ4y2NgwAL88mf4KnvVrAwoml3rmz8jtmbGDiMGYkHzgn1hwnYlHxLql4Q1z9nNNGnNcW3NoOYLi3dfUiaoecnuS7y8lvkfiidujoWJtczfy2efMmGBTVLfUoIG5HSvi2I3zfmT17M+0DaxN9MkqmO2QVjrMgXP6qNSrhU3OhcdEMapuXbWTk9e4+z74o6lN63jezKTm5bZ5Xevkyrq2yCcUL80QMKx9CGPRf7b4gmbNLAa4FswaxqDYux/m8S+JbmdaxW9cqZlqPjUreMyz3vGZJD5T8iu+KGsW+WRkNI5gVgN0Atpnsegl/af1TjrH6dZ7ncGrZT/ICzuWHZLzLH0fu+ywzJ+BbPqgDGTh9UASefyjUz6Gf8ZtFP/e+RMa2+cs9vcIKJ9X0HvhsCIqoUdIDUqfvW3nNMnVWM1QD+87RBIM6Nu2n/1gIYDILHFe66aaQc0npi5+azR0n3XDBjUk/67pE+eiNUAeY/qEwx66f9ZjLL+M2gm/4+tW9oPEl+25wrvjnOPWIGuOcygnvhf1bd+M1YDgPF/jskwE2wAzBDrhL6lqw5e59l88h6/rHv1PVCYSLtWnMZqgKhj6XVGgwy4AYx6Gf+BrjrjWzCz4dD1lzw9K47YMOum/RO2L76D1QAR+5IHyAYw6KT9z+teZ5/eujIsqHTuFHBAu1Q8BIr/xGoAj0XeC1gYMBtm/WcCGpbWvMIwtHxeFRtQTN2/4QAwIX2Qdq08htWA7K61PgLWBc8ZdFL/M4CiExgbgrZFz0UdSm5rBzUt8syempvRtkq7dvp2ZpzJuWH2LlWgTbslHMtOWcb1tPjlz/RNrFsiii//AAB8nwgZ24hxQwAAAABJRU5ErkJggg==);
+}
+
+.icon-blog-large,
+.icon-blogpost-large {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAB6klEQVRYw+2YMWvDMBCF/Z/6W/o/zA1BZCheAjWlQyCLhyyBBIIpHTzGc9euWTx5KKXwlmA6dHgdjGNZdWJJdrb6Ji36pLv3ZOmCwPjWh4hiHavi9S5w+RYQCmecD4aiYsiQii/31tOvD0LhFiV+wGIoKoQMKS6IiMK9xdRNhAz5RKHi/tEKIJzxwxFwwjOFwm1iBZjzxxHA4htPtgjhnPbTNwAWJ1uEL8B6Fz6ALzSaiocRPoAMXYTiFeu5ApYMe2JVTAao0IcQTgb4GyfMbgtgof4BEwI2qM/7JVMccQNAV3yK6dlSNwHUkaLCTQEhFd8xESBDhoRRD2SDSVX0hRwmJualVHnL9GhALiFG+SDDMMKxyBE30ItaQg3UwktFEd/QImINkWMymcYs0RRdaaI1zTfCB60DSlxOk5MPEioD0qQq1xDdPTir6Nj5LapzouILe/CS6buW9YgNuIVO4ANdnhnMO4V+mHsbrdRWXBvsDSbSEVAhR64dz62P61JX53FCD0AF1Vlv34RNoZc+gFaIrVsTo9AbdMejAW2S+scjU6RLswuYqMj/F68gCITK6RHoAXB7xvZdEK5e3yMKt6MAOwgfONBK2Fm2Esz4RAqhcH2waIYoi3aIGTMKhQsMNkRc2jndiHpW/wvq3C3j5KdB0wAAAABJRU5ErkJggg==');
+}
+
+.icon-content-template-large {
+    background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+VGVtcGxhdGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRGVzaWduIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVGVtcGxhdGUiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNTQiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTktQ29weS0xOSIgZmlsbD0iIzAwNjVGRiI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yNCIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMtQ29weS0yIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjM3NzM3NSwzLjU4NDcgTDEzLjM3MjYyNSwwLjYxNTMgQzEyLjk3MzEyNSwwLjIyMDUgMTIuNDMzMzc1LDAgMTEuODcwMjUsMCBMMi4xMjUsMCBDMC45NTIsMCAwLDAuOTQwOCAwLDIuMSBMMCwxOC45IEMwLDIwLjA1OTIgMC45NTIsMjEgMi4xMjUsMjEgTDE0Ljg3NSwyMSBDMTYuMDQ4LDIxIDE3LDIwLjA1OTIgMTcsMTguOSBMMTcsNS4wNjk0IEMxNyw0LjUxMjkgMTYuNzc2ODc1LDMuOTc5NSAxNi4zNzczNzUsMy41ODQ3IiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjctQ29weSIgZmlsbD0iIzAwNjVGRiIgeD0iMyIgeT0iNyIgd2lkdGg9IjUiIGhlaWdodD0iNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMTgiIGZpbGw9IiMwMDY1RkYiIHg9IjkiIHk9IjciIHdpZHRoPSI1IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zMy1Db3B5LTIzIiBmaWxsPSIjMDA2NUZGIiB4PSI5IiB5PSIxMCIgd2lkdGg9IjUiIGhlaWdodD0iMiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMjQiIGZpbGw9IiMwMDY1RkYiIHg9IjMiIHk9IjEzIiB3aWR0aD0iMTEiIGhlaWdodD0iMiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTMzLUNvcHktMjUiIGZpbGw9IiMwMDY1RkYiIHg9IjMiIHk9IjE2IiB3aWR0aD0iMTEiIGhlaWdodD0iMiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+}
+
+.icon-blank-page-large {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABFUlEQVRYw+3YsWrDMBSFYb9Tn6XvIe5ghAdvgZTQoZClg0d7CJQMHf0smjqUEriLCR0y/J08xDHRlZtABuns+myuDNYpislq+hoxZxv2T0XKWqkglFTReDwOh+fj2bx90wtCq196UkIsR3U4JIWoEXaGrcc4HBsET7c2AULJdyIw6CuC0L6bgIpTIkD41Y2VECrs248AYbASSwHzWywBDjqeqZc4sQT41HPCc+XTSwXecDPZhpsBR50jhJsBlxm0vC9A8BnIQAYeCHCk5fGAPOQ85DzkPOQ85DzkOwI+6RK4AEi7xl7mcP33vUZo/wV0KtREqoTOWCVM86M7FYSmN5Qh3lCHTFMiCCuNFiIpdc556pmn/wM4KkViCznJbQAAAABJRU5ErkJggg==');
+}
+
+.subheading .rss-icon,
+.subheading .email-notification-icon{
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiklEQVR4AYWRoa7DMAxF8wv9U9PQ0NHQ0tLRSkPlYaGhpaEPnsV6JrWy9h7oc2VLDrLIR5gzJkvwY68EQcmDuWLCfwrpRrAccyGzUkypM6HwJg1OW/VjxUGkoVm9cIJ1Ix3oXhASFc020Lz8kRtCta5mvwp/2iFZtwHtKlQ60W7J7E645fFZj+/+ArQ1iZLN9n6PAAAAAElFTkSuQmCC) no-repeat left center;
+    float: right;
+    height: 16px;
+    width: 16px;
+    text-decoration: none;
+    line-height: 0;
+}
+
+.subheading .email-notification-icon {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAgUlEQVQoz2NgoBgUdBT8xwM7GIDEzAIlrFpdCnYX/AcpEAQyXNAkBYEmrwKSIAVg7hmgYQhpYxgfqgCsZDdQUBDqqrswE+EKwEreAWEoWKEx3CwUE4wLyoEuKgfydheEoiiASIMFlKDKkd2AkEYLn5kwBTMhjsMSDqtACgiFJO0BADTadnUTnqCdAAAAAElFTkSuQmCC) no-repeat left center;
+    margin-right: 5px;
+}
+
+.icon-order-alphabetical {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAl0lEQVR4AX2RMRHDMAxFRSEUQkEUTOFR6KytFETBFEzBFEohFEoh1Z0Ge1DqN2jQu9O/b8mHAlIhJJ2JLOw2SXIIE0cfBeCN4s9C58PkohY4GEjgaC28AgkUr4SaXaDhCWd94qQFcFELCT0j2rCWJ2KOVZRn0BAO+5qH4DF1FdW3DjRWd64zg65/2JS2Qg6iRwK0/s2//ABfc4q5jXZhygAAAABJRU5ErkJggg==);
+}
+
+.icon-undo {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAjUlEQVQoFa3BQW2EABQFwG8BC7WABSysBc4j41tYC1jAAhawgIXXkrYJaZb20pmqv5lM9cFoERG7NtQ3D11lFrFpbReHsT5pq1kcHvVFi8NQJ08RMdWFFl0nq4i1frDb6+QQEYtHXWipk9is2myqCy31G4vUPaNY6o7BJqZ6xWC2i2e9JiK67mizt/o377RxXKGhGxsFAAAAAElFTkSuQmCC);
+}
+#tab-navigation {
+    margin: 16px -10px;
+    padding: 0 10px;
+}
+
+.tab-navigation {
+    list-style: none;
+    display: block;
+    margin: 0 0 -1px;
+    padding: 0;
+    overflow: hidden;
+}
+.tab-navigation .tab {
+    float: left;
+    display: inline;
+    /* font-weight: bold;   */
+    margin: 0 5px -1px 0;
+}
+.tab-navigation .tab a {
+    padding: .3em .4em;
+    text-decoration: none;
+    display: block;
+    -moz-border-radius-topleft: 3px;
+    -moz-border-radius-topright: 3px;
+    -webkit-border-top-left-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+.tab-navigation .notab {
+    margin: 1px 1px 0 1px;
+    padding: .3em;
+    float: left;
+}
+
+/* Make the following more specific, so they aren't overriden by themes. */
+ul.tab-navigation .current a {
+    color: #000;
+    background-color: #fff;
+    border-bottom-color: #fff; /* IE */
+}
+ul.tab-navigation .current a:hover {
+    color: #000;
+    background-color: #fff;
+    border-bottom-color: #fff; /* IE */
+}
+
+/* PDL menu.css*/
+.content-navigation {
+    float: right;
+    position: relative;
+    margin-top: 1px; /* To align the menu items with the page banner */
+}
+
+.content-navigation .ajs-menu-bar {
+    margin-right: -10px;
+}
+
+/* content-navigation elements are <li>'s */
+.content-navigation .ajs-menu-item,
+.content-navigation .ajs-button {
+    padding-left: 5px;
+}
+
+/* Customisations for navigation menu bar
+   Would like to kill these styles if we ever use icon font in all the places, for now we need to reserve
+   padding in case developers are using a background-image, but they should define their own padding!
+ */
+
+.content-navigation .ajs-menu-bar .ajs-button span,
+.content-navigation .ajs-menu-bar .ajs-menu-item .ajs-menu-title span {
+    padding-left: 21px;
+}
+
+/* These styles reset styles intended to allow for padding if using background-image icons since we are using font icons
+   If we move to only icon font then we can remove these styles, but they override styles needed for developers
+   to use background images
+ */
+.content-navigation .ajs-menu-bar .ajs-button a > span > span.aui-icon,
+.content-navigation .ajs-menu-bar .ajs-menu-item a > span > span.aui-icon {
+    margin-left: -21px;
+    padding-left: 0px;
+}
+/* end allows usage of icon-font */
+
+.ajs-menu-bar .ajs-menu-item,
+.ajs-menu-bar .ajs-button {
+    float: left;
+    list-style: none;
+    position: relative;
+}
+
+/* styles copied from old menu.css */
+.ajs-menu-bar,
+.ajs-menu-bar .ajs-drop-down a,
+.ajs-menu-bar .ajs-drop-down a span {
+    display: block;
+    margin: 0;
+    padding: 0 0 0 20px;
+}
+.ajs-menu-bar .ajs-menu-item .trigger span {
+    background-position: 100% 50%;
+    background-repeat: no-repeat;
+}
+
+.ajs-menu-bar .ajs-button span {
+    background-repeat: no-repeat;
+}
+
+.ajs-menu-bar .ajs-drop-down ul,
+.ajs-menu-bar ul.ajs-drop-down {
+    border-top: solid 1px #e1e1e1;
+    margin: 0;
+    padding: 5px 0;
+    position: relative;
+    list-style: none;
+}
+.ajs-menu-bar .ajs-menu-item div.ajs-drop-down a {
+    background-position: .5em 50%;
+    background-repeat: no-repeat;
+    border: none;
+    display: block;
+    line-height: 2;
+    margin: 0;
+    padding: 0 1em 0 28px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.ajs-menu-bar .ajs-drop-down {
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    background-color: #fff; /* system colour - not derived from colour scheme */
+    border: solid 1px #c1c1c1;
+    font-weight: normal;
+    min-width: 192px;
+    padding: 0;
+    position: absolute;
+    left: 0;
+    white-space: nowrap;
+    z-index: 1000;
+}
+
+/*End PDL menu.css*/
+
+@import "colors.less";
+
+/* PDL master.less */
+/* Generic */
+fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.smalltext {
+    font-size: 12px;
+    color: @mediumGray;
+}
+
+#title-text {
+    margin: 0;
+    font-size: 28px;
+}
+
+#title-text a:hover{
+    text-decoration: none;
+}
+
+body.error-page #main {
+    padding-top: 0;
+}
+
+body.error-page #main-header {
+    margin: 0 -20px;
+    padding: 20px;
+    border-bottom: 1px solid #ccc;
+    background-color: #f5f5f5;
+}
+
+#main-header,
+#preview-header {
+    margin-bottom: 20px;
+}
+
+#preview-header #title-text {
+    color: #333;
+    margin-top: 10px;
+}
+
+a img {
+    border: 0;
+}
+
+.hidden {
+    display: none;
+}
+/* End generic */
+
+/* Main body */
+
+/* if space-ia is on, we want width to be auto*/
+.ia-splitter .aui-page-panel {
+    width: auto;
+}
+/* end main body */
+
+/* Header */
+#quick-search-submit {
+    display: none;
+}
+
+#quick-search {
+    margin: 0;
+}
+
+#quick-search.quick-search-loading:after {
+    display: none;
+}
+
+.aui-nav-link span + span {
+    margin-left: 5px;
+}
+/* End header */
+
+/* Generic Admin sidebar (or vertical navigation) */
+.aui-nav-vertical li a:link,
+.aui-nav-vertical li a:focus,
+.aui-nav-vertical li a:visited,
+.aui-nav-vertical li a:active  {
+    color: #666;
+}
+
+/* End generic admin sidebar/vertical nav*/
+
+/* Space Admin sidebar */
+.in-page-menu {
+  padding: 10px;
+}
+
+.in-page-menu-content {
+    border-left: 1px solid #CCC;
+    padding: 0 0 20px 10px;
+}
+
+/* End Space Admin sidebar */
+
+/*Global messages above the header*/
+#messageContainer {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#messageContainer li {
+    display: block;
+}
+
+#messageContainer .aui-message {
+    margin: 0;
+    border-radius: 0;
+}
+/*End global messages above the header*/
+
+#breadcrumbs li.hidden-crumb {
+    display: none;
+}
+
+/* Metadata stuff just below page title*/
+.page-metadata ul {
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+.page-metadata ul li {
+    list-style: none;
+    float: left;
+    padding: 0 5px 0 0;
+    margin: 0;
+    line-height: 1.5;
+}
+
+.page-metadata ul a.page-tinyurl span {
+    float: left;
+    height: 16px;
+    width: 10px;
+    text-indent: -9999em;
+}
+
+.page-metadata ul a.action-view-attachments span.page-metadata-attachments-count {
+    margin-left: 3px;
+}
+/* End metadata stuff*/
+
+/* Page content */
+#main {
+    margin: 0;
+    padding: 20px;
+    clear: both;
+    min-height: 600px;
+}
+
+#title-heading {
+    margin: 0;
+    padding: 0;
+}
+
+#title-text a {
+    color: #172B4D;
+}
+
+.navBackgroundBox {
+    padding: 5px;
+    font-size: 22px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.simple-confirmation > form > .buttons-container {
+    padding-left: 0;
+    margin-top: 20px;
+}
+
+/* aui-page-layout.css makes this clear, which stuffs up
+ the multi-column layout of space admin sidebar */
+
+#content {
+    clear: none !important;
+}
+
+#content::before {
+    display: none !important;
+}
+
+/* end aui-page-layout.css overrides */
+
+/*End page content*/
+
+/* Page footer */
+
+.aui-layout #footer .footer-body > ul > li.print-only {
+    display: none;
+}
+/* End page footer */
+
+#com-atlassian-confluence .hidden {
+    display: none;
+}
+
+/* Progress Page */
+
+/* This doesn't and shouldn't be a table */
+
+#status {
+    margin: 10px 0;
+}
+
+#status table {
+    margin: 10px 0;
+}
+
+#taskProgressBar {
+    background: #ebf2f9;
+    /* This border radius will not
+       work while it's still a table */
+    border-radius: 3px;
+}
+
+#taskGreenBar {
+    background: #3b7fc4;
+}
+
+#status .smalltext {
+    text-align: center;
+    color: @mediumGray;
+}
+
+#content {
+    /* Override aui-page-layout.css */
+    position: static !important;
+}
+
+hr {
+    border: none;
+    border-bottom: 1px solid #ccc;
+}
+
+#bloglist {
+    display: none;
+}
+
+/* Child Pages styling (mainly for the benefit of doctheme) */
+.children-show-hide.icon {
+    display: none;;
+}
+
+.child-display {
+    padding: 2px 2px 2px 12px;
+    display: block;
+}
+
+/*
+ * Page history
+ * This is the css for the warning at the top of the page when viewing the page history
+ */
+#page-history-warning {
+    margin-bottom: 20px;
+}
+
+.page-history-view a:before {
+    display: inline-block;
+    content: "·";
+    padding: 0 10px;
+}
+
+.page-history-view a:before:hover {
+    text-decoration: none;
+}
+
+.page-history-view a:first-child:before {
+    display: none;
+    content: '';
+    padding: 0;
+}
+
+.version-navigation-block {
+    padding-top: 10px;
+}
+
+.current-version-margin {
+    display: inline-block;
+    padding-left: 10px;
+}
+
+.current-version-margin:first-child {
+    padding: 0;
+}
+/* End page history */
+
+/* Alternative pages */
+.alternative-page-list {
+    list-style: none;
+    padding-left: 30px;
+    line-height: 20px;
+}
+
+.alternative-page-list .excerpt {
+    margin-left: 20px;
+}
+/* End alternative pages */
+
+/* People directory*/
+.page-section,
+.page-group {
+    display: table;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-section .page-group {
+    display: table-row;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.page-item {
+    display: table-cell;
+    margin: 0;
+    min-width: 256px; /* grid minimum */
+    padding: 0 0 0 16px;
+    vertical-align: top;
+}
+
+/*People directory*/
+body.people .dashboard {
+    margin-top: 0;
+}
+body.people .dashboard-group > div {
+    margin-top: 0;
+}
+
+body.people #main {
+    padding: 0;
+}
+
+body.people #main-header {
+    padding: 20px;
+    margin-bottom: 0;
+    background-color: #f5f5f5;
+}
+
+.people-directory .dashboard-section {
+    display: table;
+    width: 100%;
+}
+
+body.people .dashboard-group > .aui-page-panel {
+    border-bottom: 0;
+}
+
+body.people .dashboard-group .aui-page-panel .aui-page-panel-nav {
+    height: 523px; /* 600px (#main:min-height) - #main-header:height */
+}
+
+body.people .dashboard-group .aui-navgroup-inner {
+    margin-left: -10px;
+}
+
+body.people .active-tab > a {
+    color: #333;
+    font-weight: bold;
+}
+
+#people-search-title-bar {
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+#people-search-title-bar h2 {
+    float: left;
+}
+
+body.people #people-search {
+    margin-top: 0;
+    text-align: right;
+}
+
+.people-directory .aui-tabs > .tabs-menu {
+    padding: 0 30px;
+}
+
+.people-directory .greybox {
+    position: relative;
+    margin: 0;
+}
+
+.people-directory .greyboxfilled {
+    width: 100%;
+}
+
+body.people #people-search input {
+    vertical-align: top;
+}
+
+body.people #people-search .field-group {
+    display: inline-block;
+    width: auto;
+    padding: 0 10px 0 0;
+    margin: 0;
+}
+
+body.people .aui-message.error {
+    margin-bottom: 10px;
+}
+
+body.people .greybox #peoplelist .profile-macro {
+    margin: 10px 40px 20px 0;
+}
+
+#people-search .field-group {
+    padding-left: 0;
+}
+
+body.people .blank-experience-people {
+    margin-top: 50px;
+}
+
+.blank-experience-people {
+    min-height: 100px;
+    background: url(../../../images/icons/people-empty-placeholder.png) no-repeat right bottom;
+}
+
+.watches .tableview-action-icon {
+    text-align: right;
+}
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+.blank-experience-page {
+    background: url('../../images/icons/pages-empty-placeholder.png') no-repeat right bottom;
+}
+
+/*Blog Role*/
+
+.blog-post-listing {
+    position: relative;
+    padding: 30px 20px 20px 68px;
+    margin-top: -10px;
+}
+
+#link-browser-tab-items + .blog-post-listing {
+    padding-top: 10px;
+}
+
+#link-browser-tab-items + .blog-post-listing .logoBlock {
+    top: 10px;
+}
+
+.blog-post-listing + .blog-post-listing {
+    border-top: 1px solid #ccc;
+    margin-top: 0;
+}
+
+.logoBlock,
+.blogHeading {
+    display: inline-block;
+}
+
+.userLogo,
+img.userLogo{
+    width: 48px;
+    height: 48px;
+    border-radius: 3px;
+}
+
+.userLogoLink {
+    display: inline;
+}
+
+.logo-heading-block {
+    margin-bottom: 20px;
+}
+
+
+.logoBlock {
+    position: absolute;
+    left: 0px;
+    top: 30px;
+}
+
+.userLogoLink {
+    line-height: 30px;
+}
+
+#title-heading .userLogoLink {
+    float: left;
+}
+
+.logo-heading-block .userLogo {
+    width: 48px;
+    border-radius: 3px;
+    display: inline-block;
+}
+
+span.blogHeading {
+    display: block;
+}
+
+.blogHeading .page-metadata {
+    line-height: 16px !important;
+    margin: 2px 10px 0 0;
+}
+
+a.blogHeading {
+    font-size: 24px;
+}
+
+.blog-post-listing > .wiki-content {
+    padding: 0px !important;
+}
+
+
+.blog-post-listing .endsection {
+    clear:both;
+    margin-top: 20px;
+}
+/* End blog role*/
+
+/* Blank experience */
+.blank-experience-container {
+    border: 1px solid #CCC;
+    border-radius: 3px;
+    width: 65%;
+    margin: 100px auto;
+    padding: 30px;
+}
+
+.blank-experience-container p {
+    color: @mediumGray;
+    line-height: 24px;
+    font-size: 16px;
+    width:70%;
+    margin-top:0;
+    margin-bottom:26px;
+}
+
+.blank-experience-blog {
+    background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom;
+}
+
+/* alphabet list */
+#squaretab {
+    margin-left: 0;
+    padding-left: 0;
+    white-space: nowrap;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+#squaretab li {
+    display: inline;
+    list-style-type: none;
+}
+
+#squaretab a {
+    padding: 5px 7px 3px 7px;
+    border: 1px solid;
+}
+
+#squaretab a:link,
+#squaretab a:visited {
+    color: #fff;
+    text-decoration: none;
+}
+
+#squaretab a:hover {
+    text-decoration: none;
+}
+
+.admin-sidebar-group ~ .admin-sidebar-group {
+	margin-top: 20px;
+}
+
+/* CONFDEV-13482: Override .aui-page-panel */
+#main.aui-page-panel {
+	border-top: 0;
+}
+
+.recently-updated-concise .update-item {
+    .update-item-desc, .update-item-changes {
+        font-size: 12px;
+        margin-left: 5px;
+        line-height: 20px;
+    }
+}
+
+/* consistent placeholder text color */
+::-webkit-input-placeholder {
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 18- */
+    color: #999;
+}
+::-moz-placeholder {
+    /* Firefox 19+ */
+    color: #999;
+}
+:-ms-input-placeholder {
+    color: #999;
+}
+
+/* End PDL master.less */
+
+.default-macro-spinner {
+    width: 40px;
+    height: 40px;
+    position: relative;
+}
+.icon, .icon-container {
+    font-size: 14px;
+}
+
+/* placeholder component styles */
+form.aui textarea.placeholded,
+form.aui input.placeholded {
+    color: #999;
+}
+
+
+@import "colors.less";
+
+html body { /* HACK: Temporary fix for CONF-15412 */
+    overflow: visible;
+}
+/* IE7 fix for CONFDEV-1056 */
+body.dashboard {
+    *min-width: 1000px;
+}
+img {
+    -ms-interpolation-mode: bicubic;
+}
+
+#breadcrumbs {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+#breadcrumbs li {
+    white-space: nowrap;
+}
+* html #breadcrumbs li {
+    background-image: url(../../../images/decoration/white_breadcrumbs_indicator.gif); /* IE6 */
+}
+* html .page-metadata {
+    height: 1.2em; /* IE6 */
+}
+#breadcrumbs li {
+    background-position: 3px 12px;
+}
+form {
+    margin: 0;
+    padding: 0;
+}
+.tab-navigation .tab {
+    float: left;
+    display: inline;
+    font-weight: bold;
+    margin: 0 5px 0 0;
+    position: relative;
+}
+.tab-navigation .tab a {
+    display: inline-block; /* anchors were making tabs very wide in Clickr theme in IE */
+}
+a.icon {
+    height: 16px;
+}
+#tree-div {
+    min-height: 300px;
+    height: auto !important;
+    height: 300px;
+}
+h1 #content-title {
+    margin: 0;
+    display: block;
+    width: 90%; /* 93% and upwards breaks at least one of the IEs */
+}
+
+h1 span.title-text {
+    height: 1%;
+}
+
+h1.pagetitle {
+    width: auto;
+}
+
+h1.pagetitle img.logo {
+    *margin-bottom: 0;
+}
+
+#tab-navigation,
+.tab-navigation {
+    zoom: 1;
+}
+.has-sidebar #content .code {
+    _clear: both; 
+    _overflow: auto; 
+}
+.menu-section-list li a:visited,
+.menu-section-list li a:hover {
+    color: #666;
+}
+.menu-section-list li.active a:visited {
+    color: #fff;
+}
+
+/* Don't remove or dropdowns may break in IE6. CONF-17932 */
+* html #header-menu-bar .hidden {
+    width: 12em;
+}
+
+* .bloglistitems{
+    list-style-type: none;
+    padding-left: 1em;
+    padding-right: 1em;
+    margin-top: 0.5em;
+    margin-bottom: 0;
+    padding-bottom: 0.5em;
+    margin-left: 0;
+}
+
+* .blogmonthnavigation{
+    border:1px solid @ashGray;
+    position:relative;
+    text-decoration:none;
+    display: inline-block;
+    width: 10em;
+    font-size: 0.85em;
+    text-align:center;
+    margin: 0 -0.5em 1em 1em;
+    padding: 0.2em 0.4em;
+}
+
+#page-diffs .diff {
+    *margin-right: 1em;
+}
+
+/* Dashboard in divs - IE6, 7. Reduce size by 1% to avoid dropped columns. */
+div.dashboard .dashboard-group {
+    *display: block;
+    *float: left;
+}
+div.dashboard .dashboard-group.left {
+    *width: 34%;
+}
+div.dashboard .dashboard-group.right {
+    *width: 64%;
+}
+
+/* @end Dashboard in divs */
+
+
+
+
+
+h1, h2, h3, h4,
+.wiki-content h1,
+.wiki-content h2,
+.wiki-content h3,
+.wiki-content h4,
+.pagetitle,
+.steptitle,
+.substeptitle,
+.formtitle,
+table.confluenceTable td.confluenceTd.highlight,
+table.confluenceTable td.confluenceTd.highlight > p,
+table.confluenceTable th.confluenceTh,
+table.confluenceTable th.confluenceTh > p,
+.wiki-content .tablesorter-header-inner,
+table.admin th,
+.form-element-large,
+.form-element-small,
+#toolbar #format-dropdown .format-h1 a,
+#toolbar #format-dropdown .format-h2 a,
+#toolbar #format-dropdown .format-h3 a,
+#toolbar #format-dropdown .format-h4 a {
+    color: #172B4D;
+}
+
+h5, h6,
+.wiki-content h5,
+.wiki-content h6,
+#toolbar #format-dropdown .format-h5 a,
+#toolbar #format-dropdown .format-h6 a {
+    color: #5E6C84;
+}
+
+#format-dropdown .mce_formatPreview.mce_blockquote a {
+    border-left-color: #FFFFFF;
+}
+
+.wiki-content h1,
+.wiki-content h2 {
+ 	border-bottom-color: #FFFFFF;
+}
+
+.wiki-content-preview {
+    border-left-color: #FFFFFF;
+    border-right-color: #FFFFFF;
+}
+
+.pageSectionHeader {
+    border-bottom-color: #DFE1E6;
+}
+
+.panel {
+    border-color: #FFFFFF;
+}
+
+.panelHeader,
+.menuheading,
+.pageheader,
+.sectionbottom {
+    border-bottom-color: #FFFFFF;
+}
+
+.topRow {
+    border-top-color: #FFFFFF;
+}
+
+.tabletitle, .pageSectionHeader {
+	border-bottom-color: #FFFFFF;
+}
+
+blockquote {
+    border-left-color: #FFFFFF;
+}
+
+a,
+a:visited,
+a:focus,
+a:hover,
+a:active,
+a.blogHeading {
+    color: #35A2B0;
+}
+
+.acs-side-bar-space-info a,
+.acs-side-bar .tip a,
+.ia-secondary-container a {
+    color: #35A2B0;
+}
+
+.aui-nav-vertical li a:link,
+.aui-nav-vertical li a:focus,
+.aui-nav-vertical li a:visited,
+.aui-nav-vertical li a:active {
+    color: #35A2B0;
+}
+
+.wiki-content a,
+.wiki-content a:link,
+.wiki-content a:visited,
+.wiki-content a:focus,
+.wiki-content a:hover,
+.wiki-content a:active {
+    color: #35A2B0;
+}
+
+.ia-secondary-content .acs-tree-item .navigation-pseudo-link {
+    color: #35A2B0;
+}
+
+a.visitable:visited {
+    color: #333;
+}
+
+.createlink,
+a.createlink,
+a.createlink:link,
+a.createlink:visited,
+a.createlink:active,
+a.createlink:hover {
+    text-decoration: underline;
+    color: #6D1806;
+}
+
+.unresolved,
+a.unresolved,
+a.unresolved:link,
+a.unresolved:visited,
+a.unresolved:active,
+a.unresolved:hover {
+    text-decoration: underline;
+    color: #828282;
+}
+
+.not-permitted,
+a.not-permitted,
+a.not-permitted:link,
+a.not-permitted:visited,
+a.not-permitted:hover,
+a.not-permitted:active {
+    color: #cc0000;
+}
+
+.grey,
+a.grey,
+a.grey:link,
+a.grey:visited,
+a.grey:hover,
+a.grey:active {
+    color: #666;
+}
+
+#tinymce.wiki-content a,
+#tinymce.wiki-content a:link,
+#tinymce.wiki-content a:visited,
+#tinymce.wiki-content a:focus,
+#tinymce.wiki-content a:hover,
+#tinymce.wiki-content a:active {
+	color: #35A2B0 !important;
+}
+
+#tinymce.wiki-content>p {
+    word-wrap: break-word;
+}
+
+#tinymce.wiki-content a.createlink {
+    color: #6D1806  !important; }
+
+#tinymce.wiki-content a.unresolved {
+    color: #828282 !important; }
+
+#tinymce.wiki-content a.not-permitted {
+    color: #cc0000 !important; }
+
+h1 a:link,
+h1 a:visited,
+h1 a:focus,
+h1 a:hover,
+h1 a:active {
+    color: #35A2B0;
+    border-bottom-color: #172B4D;
+}
+
+.spacenametitle-printable,
+.spacenametitle-printable a,
+.spacenametitle-printable a:visited {
+    color: #999999;
+}
+
+.tableview th {
+    color: #172B4D;
+    border-bottom-color: #FFFFFF;
+}
+
+.navBackgroundBox {
+    background: #DFE1E6;
+    color: #505F79;
+}
+
+.previewBoxTop,
+.previewContent,
+.previewBoxBottom,
+.functionbox {
+    border-color: #FFFFFF;
+}
+
+.smalltext-blue {
+    color: #FFFFFF;
+}
+
+.tabnav,
+.comment .tabnav,
+ul.tabnav {
+    border-bottom-color: #DFE1E6;
+}
+
+.tabnav .tabs a {
+    border-color: #DFE1E6;
+    background: #DFE1E6;
+}
+
+.tabnav .tabs a:link,
+.tabnav .tabs a:visited {
+    color: #505F79;
+}
+.tabnav .tabs a:hover {
+    color: #ffffff;
+    background: #172B4D;
+    border-color: #172B4D;
+}
+
+#squaretab a {
+    border-color: #DFE1E6;
+}
+
+#squaretab a:link,
+#squaretab a:visited {
+    background-color: #DFE1E6;
+    color: #505F79;
+}
+
+#squaretab a:hover {
+    color: #ffffff;
+    background-color: #172B4D;
+    border-color: #172B4D;
+}
+
+table.blogcalendar {
+    border-color: #FFFFFF;
+}
+
+.blogcalendar th.calendarhead,
+a.calendarhead,
+a.calendarhead:link,
+a.calendarhead:visited,
+a.calendarhead:hover {
+    background-color: #DFE1E6;
+    color: #505F79;
+}
+
+.searchGroupHeading {
+    background-color: #DFE1E6;
+    color: #505F79;
+}
+
+.topBar {
+    background-color: #208081;
+}
+
+.basicPanelContainer {
+    border-color: #DFE1E6;
+}
+
+.greynavbar {
+    border-top-color: #DFE1E6
+}
+
+div.license-personal {
+   background-color: #208081;
+   color: #505F79;
+}
+
+div.license-personal a {
+   color: #505F79;
+}
+
+#header {
+    background-color: #208081;
+}
+
+#header a,
+#breadcrumbs {
+    color: #DEEBFF;
+}
+
+.breadcrumbs {
+ 	border-color: #FFFFFF;
+}
+
+.tab-navigation .tab a {
+    background-color: #DFE1E6;
+    border: 1px solid #DFE1E6;
+    color: #505F79;
+}
+.tab-navigation .tab a:hover {
+    color: #ffffff;
+    background-color: #172B4D;
+    border-bottom-color: #172B4D;
+}
+
+.tabletitle, .heading-text-color {
+    color: #172B4D;
+}
+
+ol.autocompleter li.focused {
+	background: #35A2B0;
+	color: #172B4D;
+}
+
+
+.diff-navigation a.version-navigation {
+    background-color: #ddd;
+}
+
+.diff-navigation a.version-navigation:hover {
+    background-color: #bbb;
+}
+
+.diff-navigation a.version-navigation.all:hover {
+    background-color: transparent;
+}
+
+
+.tasklist .task.complete .signoff { color: #008004; }
+.tasklist .task.incomplete .signoff { color: #cc0000; }
+
+
+
+#move-page-dialog .ui-tree li a.highlighted {
+    background-color: #DFE1E6;
+    color: #505F79;
+}
+
+
+
+a:not(.aui-button,.aui-dialog2-header-close) {
+    color: #35A2B0;
+}
+
+.aui-toolbar .aui-buttons .toolbar-item-link:hover button.toolbar-trigger,
+.aui-toolbar .aui-buttons .toolbar-item-link button.toolbar-trigger,
+.aui-navgroup-horizontal .aui-nav > li a,
+.aui-dialog .dialog-page-menu li.page-menu-item button.item-button,
+body.spaces .aui-tabs > .tabs-menu .menu-item a,
+body.spaces .aui-tabs > .tabs-menu .menu-item a:link,
+body.spaces .aui-tabs > .tabs-menu .menu-item a:visited {
+    color: #35A2B0;
+}
+
+.aui-nav-vertical li.active a,
+.aui-nav-vertical li.active a:hover {
+    color: #172B4D;
+    background-color: #35A2B0;
+}
+
+#com-atlassian-confluence .aui-dd-parent .aui-dropdown .dropdown-item a,
+.aui-dropdown2 .aui-dropdown2-section li a {
+    color: #172B4D;
+}
+
+.aui-dialog .dialog-button-panel a.button-panel-link {
+    color: #35A2B0;
+}
+
+.aui-button.aui-button-link {
+    color: #35A2B0;
+}
+
+.aui-dropdown2-in-header.aui-style-default a,
+.aui-dropdown2-in-header.aui-style-default a:visited,
+.aui-dropdown2-in-header.aui-style-default a:link,
+.aui-dropdown2-in-header.aui-style-default:hover a,
+.aui-dropdown2-in-header.aui-style-default:hover a:visited,
+.aui-dropdown2-in-header.aui-style-default:hover a:link{
+    color: #172B4D;
+}
+
+.aui-dropdown2.aui-style-default:hover .aui-dropdown2-checkbox,
+.aui-dropdown2.aui-style-default:hover .aui-dropdown2-radio,
+.aui-dropdown2.aui-style-default:hover a {
+    color: #172B4D;
+}
+
+.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):focus,
+.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover,
+.aui-dropdown2.aui-style-default:hover a.active:not(.aui-dropdown2-disabled),
+.aui-dropdown2.aui-style-default:hover .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover {
+    color: #172B4D;
+    background-color: #35A2B0;
+}
+
+#com-atlassian-confluence .aui-dd-parent a.perms-dropdown-trigger:hover,
+#com-atlassian-confluence .aui-dd-parent a.perms-dropdown-trigger:focus,
+#com-atlassian-confluence .aui-dd-parent .aui-dropdown .dropdown-item.active a,
+.ajs-menu-bar .ajs-menu-item li.active a,
+.aui-dd-parent .aui-dropdown li.active,
+.ajs-menu-bar .ajs-menu-item.opened .ajs-drop-down li.active a,
+.ajs-content-hover .popup-follow a:hover {
+    color: #172B4D;
+    background-color: #35A2B0;
+}
+
+.ajs-menu-bar .ajs-menu-item.opened a.trigger {
+    background-color: #35A2B0;
+}
+
+/*************** NEW HEADER COLORS ***************/
+#header .aui-header {
+    background-color: #208081;
+    color: #DEEBFF;
+}
+
+.aui-header .aui-dropdown2-trigger:hover,
+.aui-header .aui-dropdown2-trigger.active,
+#header .aui-header .aui-nav-link.active,
+#header .aui-header .aui-nav-imagelink.active,
+#header .aui-header .aui-nav-imagelink:focus,
+#header .aui-header .aui-nav-imagelink:hover,
+#header .aui-header a:focus,
+#header .aui-header a:hover,
+#header .aui-header a:active {
+    background-color: #35A2B0;
+    border-color: #35A2B0;
+    color: #DEEBFF;
+}
+
+.aui-header .aui-dropdown2-trigger.active::after,
+.aui-header .aui-dropdown2-trigger:hover::after {
+    border-top-color: #DEEBFF;
+}
+
+.aui-header .aui-dropdown2-trigger::after {
+    border-top-color: #DEEBFF;
+}
+
+.aui-header .aui-dropdown2-trigger,
+#header .aui-header .aui-nav-link ,
+#header .aui-header .aui-nav-imagelink,
+#header .aui-header a {
+    color: #DEEBFF;
+}
+
+#header .aui-header .aui-dropdown2 {
+    border-color: #208081;
+}
+#header .aui-header .aui-dropdown2 li.separator {
+    border-top-color: #208081;
+}
+
+#header .aui-header .aui-dd-parent .aui-dropdown a:focus,
+#header .aui-header .aui-dd-parent .aui-dropdown a:hover,
+#header .aui-header .aui-dd-parent .aui-dropdown a:active,
+#header .aui-header .aui-dd-parent .aui-dropdown li.active a {
+    color: #172B4D;
+    background-color: #35A2B0;
+}
+
+#header .aui-header li.aui-nav a.aui-nav-link a{
+    color: #172B4D;
+}
+
+#app-switcher.aui-dropdown2.aui-style-default .active,
+.aui-dropdown2-trigger.app-switcher-trigger:hover,
+.aui-dropdown2.aui-style-default .active {
+    background-color: #35A2B0;
+    color: #172B4D;
+}
+
+
+#header .aui-header .aui-nav .aui-button-primary {
+    background-color: #35A2b0;
+    color: #ffffff;
+}
+
+#header .aui-header .aui-nav .aui-button-primary:hover,
+#header .aui-header .aui-nav .aui-button-primary:focus {
+    filter: brightness(1.2);
+    color: #ffffff;
+}
+
+.aui-header .aui-quicksearch input[type='text'],
+.aui-header .aui-quicksearch input[type='text'][type='text']:focus {
+    background: rgba(9, 30, 66, 0.48)
+}
+
+    .aui-header .aui-quicksearch:after,
+    .aui-header .aui-quicksearch input[type='text'],
+    .aui-header .aui-quicksearch input[type='text'][type='text']:focus {
+        color: #DEEBFF;
+    }
+
+#header .aui-header .aui-nav .aui-button-primary:active {
+    background-color: #35A2b0;
+    color: #ffffff;
+}
+
+
+/* @group labels */
+
+.aui-label {
+    background-color: #F2F2F2;
+}
+
+.tag-cloud .aui-label a:link,
+.tag-cloud .aui-label a:visited {
+    color: #35A2B0;
+}
+
+/* @end */
+
+
+
+/* @group Diff colours */
+
+.diff-tag-added {
+    background-color: #93c49f;
+}
+
+.diff-tag-removed {
+    background-color: #df9898;
+}
+
+.diff-html-added {
+    background-color: #ddfade;
+    border-color: #93c49f;
+}
+
+.diff-html-removed {
+    background-color: #ffe7e7;
+    border-color: #df9898;
+}
+
+.diff-html-changed {
+    background-color: #d6f0ff;
+    border-color: #9eb6d4;
+}
+
+.diff-html-added img {
+    border-color: #93c49f;
+}
+
+.diff-html-removed img {
+    border-color: #df9898;
+}
+
+.diff-html-changed img {
+    border-color: #9eb6d4;
+}
+
+.diff-image-overlay,
+.wiki-content .diff-image-overlay {
+    color: #535353;
+}
+
+.diff-image-overlay.diff-removed-image {
+    background-color: #ffe7e7;
+}
+
+.diff-image-overlay.diff-added-image {
+    background-color: #ddfade;
+}
+
+.diff-image-overlay.diff-changed-image {
+    background-color: #d6f0ff;
+}
+
+.diff-macro {
+    border-color: #ddd;
+    background-color: #f0f0f0;
+}
+
+.diff-macro .diff-macro-title {
+    background-color: transparent;
+}
+
+.diff-macro .diff-macro-properties {
+    border-color: #ddd;
+}
+
+.diff-macro .diff-macro-properties,
+.diff-macro .diff-macro-properties th,
+.diff-macro .diff-macro-properties td {
+    background-color: #fafafa;
+    background: rgba(255,255,255,0.5);
+}
+
+.diff-macro .diff-macro-body {
+    background-color: #fff;
+    border: 1px solid #ddd;
+}
+
+.diff-macro.diff-html-added,
+.diff-macro.diff-html-added .diff-macro-body {
+    background-color: #ddfade;
+    border-color: #93c49f;
+}
+
+.diff-macro.diff-html-removed,
+.diff-macro.diff-html-removed .diff-macro-body {
+    background-color: #ffe7e7;
+    border-color: #df9898;
+}
+
+.diff-macro.diff-html-changed,
+.diff-macro.diff-html-changed .diff-macro-body {
+    background-color: #d6f0ff;
+    border-color: #9eb6d4;
+}
+
+.diff-macro.diff-html-added .diff-macro-body,
+.diff-macro.diff-html-removed .diff-macro-body,
+.diff-macro.diff-html-changed .diff-macro-body {
+    background-color: #fff;
+}
+
+/* @end Diff colours */
+
+@import "colors.less";
+
+/* PDL default-theme.less */
+#breadcrumbs {
+    padding: 0;
+    margin: 0;
+    font-size: 0;
+}
+
+#breadcrumbs li {
+    display: inline-block;
+    font-size: 14px;
+    color: @charcoal;
+}
+
+#breadcrumbs li:before {
+    content: "/";
+    display: inline-block;
+    padding: 0 2px 0 6px;
+}
+
+#breadcrumbs li:first-child:before {
+    display: none;
+}
+
+#ellipsis {
+    cursor: pointer;
+}
+
+.page-metadata {
+    margin: -15px 0 20px;
+}
+
+.page-metadata ul {
+    padding: 0;
+    list-style-type: none;
+    line-height: 16px;
+}
+
+.page-metadata,
+.page-metadata ul li a:link,
+.page-metadata ul li a:focus,
+.page-metadata ul li a:hover,
+.page-metadata ul li a:active,
+.page-metadata ul li a:visited{
+    font-size: 12px;
+    color: @adg-N300-clooney;
+    line-height: 1.5;
+    font-weight: 300;
+}
+
+.page-metadata .modified{
+    margin-left:5px;
+}
+
+.has-sidebar #content.edit form.markup,
+.has-sidebar .wiki-content,
+.has-sidebar.active-wikimarkup .errorBox{
+    margin-right: 17em;
+}
+
+.has-sidebar #content.space {
+    margin-right: 18em;
+}
+#sidebar,
+.sidebar {
+    clear: right;
+    float: right;
+    width: 16em;
+    margin-left: 10px;
+    padding: 10px;
+}
+
+.content-preview #main {
+    min-height: 0;
+}
+
+body.popup-window,
+body.content-preview,
+.content-preview.aui-theme-default {
+    background-color: #fff; /* override aui-theme-default background */
+}
+
+.content-preview.aui-theme-default #main.aui-page-panel {
+    border: 0;
+}
+
+#title-heading.with-breadcrumbs img {
+    margin-right:  10px;
+    float: left;
+}
+
+.edit-link {
+    float: right;
+}
+/* End PDL default-theme.less */
+
+
+.recently-updated .waiting-image {
+    vertical-align: text-bottom;
+    display: none;
+}
+
+.loading .waiting-image {
+    display: inline;
+}
+
+.recently-updated ul {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+}
+
+/* Override h2 top margin for non-pdl (pdl already has no margin)*/
+.recently-updated > h2 {
+    margin-top: 0;
+}
+
+/* This class is assigned to the container of Confluence's .icon
+ * This is better than floating .icon, since floating a DIV containing the .icon allows us to preserve any line-height
+ * on the icon, making it easier to line up with text near it
+ */
+.update-item-icon {
+    float: left;
+}
+
+.update-item-details {
+    padding-left: 21px; /* 16px icon + 5px padding */
+    margin-right: 10px;
+}
+
+.recently-updated .results-container {
+    margin-top: 10px;
+}
+
+.more-link-container {
+    margin-top: 10px;
+    padding-top: 7px;
+    border-top: 1px solid #ccc;
+}
+
+.recently-updated.macro-blank-experience {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALsAAAD4CAMAAACDgmeaAAAAGFBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHBwcHDJYMTAAAAACHRSTlMAESIzRFVmd1lsqD8AAAS2SURBVHja7d3hbtwgEARgBlj8/m/cNO3dVIpSnwEzNy37s1Ljr5P11saWSQsLQP5LAUhvWESfF2DJZgFqdp9b30N0j/kd3ayVfMKd+IT78UG5mZ5wIz7lbnrKHfWg3E2PvLwgl5catfTqxZnXdrQqyJ7yAftxHJH7S9nnJSKKwE76CL6ULLAj68uYnv3kLAFdac/Z1Y5sa0e2ted3Kr/QWXPo5aPWmR/HmpN6ba0ukz8PNqdh2nG0a6t1wHPdD7hmb4+rzzm9Hq3F6BIjcJf97PdYyyl71q1vfRxsyWyke5b/gn2Zm/5Z9sVw8sftspUIDNsVcIY/ZJcvXfXbdXLqO+1SOfU9drzzEvk8OuWr9LPolK/TO9AJet2ulZ/rp9EFD28ndQwUj5596JSd2uXyc70fnfiBjiFdhB+mJ1F9e+h3Dp35fvPHCvpl/Fy6vozp2HRFGdPhS0/GdPjS09wVWE3s43SUiKX2iR1TI6JIYh9v9hwfhXX2bro+eLzyHCm9WmDwitjjOKJ0xM7gqyB2PjctPXQGn1XdHq1F6b/FK8uCx/l7AldDjFWna/eM0c9JTF4U4Jw0iF03J9FN189JdHeMfk7eEDvnpGHsnJMGsWvmZHfs+jmJm2LnnDSIXTAnu2PXz0ncFjvnpFfsrDuD745dPydxZ+yck4Z2Bu/XMpyTBrGvnJPojl0/J9Edu35OXm6ZNzpdF7QM56RfyzB4PzvnpGHLcE762TknDVuGc9LAvuJ0xbKW4ZzUt7s++HUtwzmpt+vn5LqW4Zw0PFU5J/3sPF3Vdv2cxNJTlXPS71TlnDS0c0762TknTe3gyWpnTxnPIYE59i77+HiDjZ104m3spBNvYyedeB/7rMMIXp7FrON8fVPpdvu03+/XD5r8iU9G9jiOVjML236T/eRFVAs7a9svzsj9f9PNdtRiek2AGhGwvBYr8bOK4TVwjl902N175Poprw+qzz0ffsv5A12WsFHi0eksjzW9wkZnWayl5mCjC+yCRhfbKY9RuWDQsNEldggaXW7PbHSVPQsaXXuy8qpLakf3gxk2ulnDZza6T8Oztn1Bw4vsu2lE9t002z69aTzt/k2Dbd9Nc2K3apodvMhuHDx28CK7cfDYwe/gL1c2xmfjrsEOXlNwxmfjrsHJpro2wXNTXQ88XtlU1yT4Ei2qS8vjlU11YTlqiN+fNt6flL4YfH7T4DdeU3gZvz+8vzc8IN64bbIxHhb4PIqHMN++rtHj4b73lCUeXXut6fXMNfnh8a/tLXiO1+vRsQ+oyV6aLMc9TIl/Jz2M9+z9D/ZKZsFvj2oW/PYGZ8FyT3b+ZRkfozc+yCI9Zmw9lnsLg/Ae+zie/Nlw2m/Ek49L7nkrc8Tf7wfdU+zEjxeAcTbtM/ClRrn8j8An+DqZ391IM/C1HVHzoirxeOg7uNbHr6ess7fjaLSPRl+jRVmXe2PuQ3huybaqeLTUjddXulzO9gRfO/F6u68+GeJp99UnY3waKMjttnokDZ6vMA7RJXq+wjgi1+j5CmO/XKovEbX0ytX6UkqvXK9Xy6mHo5z8RXCv8HEi14cvhJNvCScfnnD6Pd30W7pZAPqXivV1tuqL6+gfhgR/YaTH2YEAAAAASUVORK5CYII=)
+        right no-repeat;
+}
diff --git a/labswp_2019_sose_geocaching_frontend/settings.gradle b/labswp_2019_sose_geocaching_frontend/settings.gradle
index 3a69dd8..1001923 100644
--- a/labswp_2019_sose_geocaching_frontend/settings.gradle
+++ b/labswp_2019_sose_geocaching_frontend/settings.gradle
@@ -1,2 +1,2 @@
-rootProject.name = 'labswp_2019_sose_geocaching_frontend'
+cdrootProject.name = 'labswp_2019_sose_geocaching_frontend'