some small improvements of the gui

interface/web/themes/default/css/navigation/nav_top.css

@@ -24,19 +24,25 @@
 	}
 	
 	#topNav li {
-		display: inline;
+		display: inline-block;
 		margin: 0 2px 0 0;
 	}
 	
 	#topNav a {
-		padding: 0 1.5em;
-		text-decoration: none;
-		color: black;
-		background: #d3d3d3;
+		background-color: #D3D3D3;
+		background-position: center top;
+		background-repeat: no-repeat;
+		color:black;
+		display:block;
+		height:20px;
+		padding-top:68px;
+		text-align:center;
+		text-decoration:none;
+		width:97px;
 	}
 	
 	#topNav a:hover {
-		background: #fc0;
+		background-color: #fc0;
 		color: #540;
 	}
 	
@@ -46,7 +52,39 @@
 	#topNav #topNav_current a {
 		padding-bottom: 2px;
 		font-weight: bold;
-		color: #ff6600;
-		background: #ffffff;
+		color: black;
+		background-color: #ffffff;
+	}
+
+	.topnav-admin {
+		background-image: url('../../icons/x64/system.png') !important;
+	}
+
+	.topnav-client {
+		background-image: url('../../icons/x64/client.png') !important;
+	}
+
+	.topnav-mail {
+		background-image: url('../../icons/x64/email.png') !important;
+	}
+
+	.topnav-monitor {
+		background-image: url('../../icons/x64/monitor.png') !important;
+	}
+
+	.topnav-sites {
+		background-image: url('../../icons/x64/sites.png') !important;
+	}
+
+	.topnav-dns {
+		background-image: url('../../icons/x64/dns.png') !important;
+	}
+
+	.topnav-tools {
+		background-image: url('../../icons/x64/tools.png') !important;
+	}
+
+	.topnav-help {
+		background-image: url('../../icons/x64/help.png') !important;
 	}
 }
\ No newline at end of file

interface/web/themes/default/css/screen/basemod.css

@@ -74,7 +74,7 @@
 	
 	/* (en) adjustment of main navigation */
 	/* (de) Anpassung der Hauptnavigation */
-	#nav ul { margin-left: 200px; }
+	#nav ul { margin-left: 20px; }
 	#nav_main { background: #9a9a9a repeat-x top left; }
 	
 	#main { background: #fff;padding:10px 0; }

interface/web/themes/default/templates/topnav.tpl.htm

 <ul id="topmenu">
 <tmpl_loop name="nav_top">
 <tmpl_if name="active">
-  <li id="topNav_current"><a href="#"><tmpl_var name="title"></a></li>
+  <li id="topNav_current"><a href="#" class="topnav topnav-<tmpl_var name='module'>"><tmpl_var name="title"></a></li>
 <tmpl_else>
-  <li><a href="#" onClick="capp('<tmpl_var name='module'>')"><tmpl_var name="title"></a></li>
+  <li><a href="#" onClick="capp('<tmpl_var name='module'>')" class="topnav topnav-<tmpl_var name='module'>"><tmpl_var name="title"></a></li>
 </tmpl_if>
 </tmpl_loop>
 </ul>