+#header {
+ padding-left: 30px;
+ padding-top: 60px;
+}
+
+
+/* Make the menubar and the logo the same width, so the menu items are nicely
+ * centered between the logo. Note that this width is a bit more than the
+ * width of #header, so the logo and menu will "stick out" (but end up in the
+ * margin of the "window" to the right, so it will look fine). */
+#header #logo, #menubar {
+ width: 344px;
+}
+
+#menubar {
+ /* Put the logo and the menu a bit closer (they both have some empty
+ * space at the bottom resp. top). */
+ margin-top: -40px;
+}
+
+#menubar ul {