diff --git a/Lora-Map/resources/admin/login.html b/Lora-Map/resources/admin/login.html
index 495f3ab..1d3c5bc 100644
--- a/Lora-Map/resources/admin/login.html
+++ b/Lora-Map/resources/admin/login.html
@@ -1,15 +1,41 @@
 ﻿<!DOCTYPE html>
 
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<html lang="de-de" xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <meta charset="utf-8" />
-    <title></title>
+  <meta charset="utf-8" />
+  <title>Lora-Map Admin</title>
+  <style type="text/css">
+    body {
+      font-family: Verdana;
+      font-size: 13px;
+    }
+    .label {
+      width: 100px;
+      display: inline-block;
+      font-weight: bold;
+    }
+    .login {
+      margin-left: 105px;
+    }
+    div {
+      margin-bottom: 5px;
+    }
+  </style>
 </head>
 <body>
+  <h1>Login to Lora-Map Admin!</h1>
   <form method="post" action="/admin/login">
-    U:<input name='user'><br>
-    P:<input type='password' name='pass'><br>
-    <input type='submit'>
+    <div class="user">
+      <span class="label">Username: </span>
+      <input name="user"/>
+    </div>
+    <div class="pass">
+      <span class="label">Password: </span>
+      <input name="pass" type="password"/>
+    </div>
+    <div class="login">
+      <input type="submit" />
+    </div>
   </form>
 </body>
 </html>
\ No newline at end of file
diff --git a/Lora-Map/resources/css/global.css b/Lora-Map/resources/css/global.css
index f890970..40e11f1 100644
--- a/Lora-Map/resources/css/global.css
+++ b/Lora-Map/resources/css/global.css
@@ -71,6 +71,7 @@ object {
   display: none;
   font-size: 11px;
   font-family: Verdana;
+  overflow: auto;
 }
 #pannels #pannels_pos {
   display: none;
diff --git a/Lora-Map/resources/index.html b/Lora-Map/resources/index.html
index ed89f22..302a257 100644
--- a/Lora-Map/resources/index.html
+++ b/Lora-Map/resources/index.html
@@ -19,7 +19,9 @@
     <div id="pannels_info">
       <!-- Shows infos about selected device here, this will be cleand by js -->
     </div>
-    <div id="pannels_admin"></div>
+    <div id="pannels_admin">
+      Teste Login...
+    </div>
     <div id="pannels_version">
       <div class="versionstring">
         Version:
diff --git a/Lora-Map/resources/js/marker.js b/Lora-Map/resources/js/marker.js
index 28a9fd8..2bd30cc 100644
--- a/Lora-Map/resources/js/marker.js
+++ b/Lora-Map/resources/js/marker.js
@@ -42,7 +42,7 @@ function parseAjaxLoc() {
       }
     }
     updateStatus();
-    updateDeviceStatus();
+    update_pannels_info();
   }
 }
 
diff --git a/Lora-Map/resources/js/menu.js b/Lora-Map/resources/js/menu.js
index e94b341..0b49c1c 100644
--- a/Lora-Map/resources/js/menu.js
+++ b/Lora-Map/resources/js/menu.js
@@ -4,6 +4,9 @@ function showHidePanel(name) {
     document.getElementById("pannels").style.display = "block";
     document.getElementById(name).style.display = "block";
     visiblePanel = name;
+    if (typeof window["update_" + name] === "function") {
+      window["update_" + name]();
+    }
   } else if (visiblePanel === name && name !== "pannels_info" || name === null) {
     document.getElementById("pannels").style.display = "none";
     if (visiblePanel !== null) {
@@ -14,29 +17,29 @@ function showHidePanel(name) {
     document.getElementById(visiblePanel).style.display = "none";
     document.getElementById(name).style.display = "block";
     visiblePanel = name;
+    if (typeof window["update_" + name] === "function") {
+      window["update_" + name]();
+    }
   }
 }
 
 var statusToDevice = null;
 function showMarkerInfo(e) {
-  showHidePanel("pannels_info");
   statusToDevice = this;
-  updateDeviceStatus();
+  showHidePanel("pannels_info");
 }
 
 function showMarkerInfoPerId(id) {
-  showHidePanel("pannels_info");
   statusToDevice = id;
-  updateDeviceStatus();
+  showHidePanel("pannels_info");
 }
 
 function showMarkerInfoMenu() {
-  showHidePanel("pannels_info");
   statusToDevice = this.getAttribute("rel");
-  updateDeviceStatus();
+  showHidePanel("pannels_info");
 }
 
-function updateDeviceStatus() {
+function update_pannels_info() {
   document.getElementById("pannels_info").innerHTML = "";
   if (serverLocation.hasOwnProperty(statusToDevice)) {
     var positionItem = serverLocation[statusToDevice];
@@ -110,4 +113,9 @@ function createOverviewElement(positionItem, id) {
   divItem.innerHTML += "<div class=\"line2\" style=\"color: red;\" id=\"overview-gps-id-" + id + "\">kein GPS-Empfang</div>";
   divItem.innerHTML += "<div class=\"line3\" id=\"overview-update-id-" + id + "\">Letzter Datenempfang: vor " + timeCalculation(positionItem["Recievedtime"], "difftext") + "</div>";
   return divItem;
+}
+
+
+function update_pannels_admin() {
+  alert("update admin");
 }
\ No newline at end of file
