diff --git a/Vocaluxe/Vocaluxe.csproj b/Vocaluxe/Vocaluxe.csproj
index 4cd230af..0ce49fa2 100644
--- a/Vocaluxe/Vocaluxe.csproj
+++ b/Vocaluxe/Vocaluxe.csproj
@@ -340,6 +340,9 @@
       <CustomToolNamespace>css</CustomToolNamespace>
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
+    <Content Include="Website\img\logout.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
     <Content Include="Website\img\music.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
diff --git a/Vocaluxe/Website/img/logout.png b/Vocaluxe/Website/img/logout.png
new file mode 100644
index 00000000..28480926
Binary files /dev/null and b/Vocaluxe/Website/img/logout.png differ
diff --git a/Vocaluxe/Website/index.html b/Vocaluxe/Website/index.html
index c3a400da..4915a7b3 100644
--- a/Vocaluxe/Website/index.html
+++ b/Vocaluxe/Website/index.html
@@ -89,6 +89,13 @@
                         <p>Configure user rights</p>
                     </a>
                 </li>
+                <li>
+                    <a href="#login" data-transition="slidefade">
+                        <img src="img/logout.png">
+                        <h2>Logout</h2>
+                        <p>Closes the session</p>
+                    </a>
+                </li>
             </ul>
         </div>
         <!-- /content -->
diff --git a/Vocaluxe/Website/js/main.js b/Vocaluxe/Website/js/main.js
index e3a6f9e5..7f114cfd 100644
--- a/Vocaluxe/Website/js/main.js
+++ b/Vocaluxe/Website/js/main.js
@@ -354,6 +354,14 @@ function initPageLoadHandler() {
         $(this).data('promise', promise);
     });
 
+    //pageLoadHandler for login
+    $(document).on('pagebeforeshow', '#login', function () {
+        ownProfileId = -1;
+        profileIdRequest = -1;
+        songIdRequest = -1
+        sessionId = "";
+    });
+
 }
 
 function initLoginPageHandler() {