diff --git a/apps/susidns/src/jsp/details.jsp b/apps/susidns/src/jsp/details.jsp
index 446d8a3bc3c7c85fd0bcedace383988bbd4e2e8f..f53d52bf2d8b6870ef31a04b3dfb10fdb6f1bfc0 100644
--- a/apps/susidns/src/jsp/details.jsp
+++ b/apps/susidns/src/jsp/details.jsp
@@ -41,12 +41,12 @@
<body>
<div class="page">
<hr>
-<div id="navi">
+<div id="navi" class="${book.getBook()}">
<a id="overview" href="index"><%=intl._t("Overview")%></a>
-<a class="abook" href="addressbook?book=private&filter=none"><%=intl._t("Private")%></a>
-<a class="abook" href="addressbook?book=local&filter=none"><%=intl._t("Local")%></a>
-<a class="abook" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
-<a class="abook" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
+<a class="abook private" href="addressbook?book=private&filter=none"><%=intl._t("Private")%></a>
+<a class="abook local" href="addressbook?book=local&filter=none"><%=intl._t("Local")%></a>
+<a class="abook router" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
+<a class="abook published" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
<a id="subs" href="subscriptions"><%=intl._t("Subscriptions")%></a>
<a id="config" href="config"><%=intl._t("Configuration")%></a>
</div>