diff --git a/source/logic/main.ts b/source/logic/main.ts
index 08c2cd8..055421b 100644
--- a/source/logic/main.ts
+++ b/source/logic/main.ts
@@ -159,9 +159,18 @@ namespace _zeitbild.frontend_web
 				}
 			}
 		);
-		lib_plankton.zoo_page.add_nav_entry({"name": "login", "parameters": {}});
-		lib_plankton.zoo_page.add_nav_entry({"name": "events", "parameters": {}});
-		lib_plankton.zoo_page.add_nav_entry({"name": "logout", "parameters": {}});
+		lib_plankton.zoo_page.add_nav_entry(
+			{"name": "login", "parameters": {}},
+			{"label": "Login"}
+		); // TODO: translate
+		lib_plankton.zoo_page.add_nav_entry(
+			{"name": "events", "parameters": {}},
+			{"label": "Events"}
+		); // TODO: translate
+		lib_plankton.zoo_page.add_nav_entry(
+			{"name": "logout", "parameters": {}},
+			{"label": "Logout"}
+		); // TODO: translate
 		
 		// exec
 		lib_plankton.zoo_page.start();
diff --git a/source/style/main.css b/source/style/main.css
index 80cd3f7..3f1579b 100644
--- a/source/style/main.css
+++ b/source/style/main.css
@@ -5,8 +5,11 @@ html {
 }
 
 header {
+	background-color: #222;
+	/*
 	border-bottom: 2px solid #888;
 	padding-bottom: 16px;
+	 */
 	margin-bottom: 16px;
 }
 
@@ -23,8 +26,15 @@ nav > ul > li {
 }
 
 a {
+	padding: 8px;
 	text-decoration: none;
+	color: hsl(0, 0%, 87.5%);
+}
+
+a:hover {
 	color: hsl(0, 0%, 100%);
+	border-bottom: 2px solid hsl(0, 0%, 100%);
+	transition: 1s ease color;
 }
 
 .calendar {