Redesign menu.

mamweb/static/css/mamweb.css

@@ -58,8 +58,8 @@ h2 {
 #header {
 	position: relative;
 	font-size: 250%;
-	background: url("../images/header-bg.png") no-repeat left top;
-	height: 353px;
+	background: url("../images/header-archiv.png") no-repeat left top;
+	height: 255px;
 	top: -1px;
 }
 #header img.logo {
@@ -85,9 +85,10 @@ h2 {
 
 #menu {
 	position: relative;
-	top: -1px;
-	background: url("../images/menu-bg-vertical.png") no-repeat left top, url("../images/menu-bg-horizontal.png") repeat-x left top;
-	background-color: #ffb52d;
+	top: -10px;
+	z-index: 10;
+	background: url("../images/menu-bg.png") no-repeat left top;
+	height: 60px;
 }
 #menu ul {
 	padding: 0px;
@@ -97,12 +98,12 @@ h2 {
 	display: inline-block;
 	border-radius: 0px;
 	
-	padding: 0px;
+	padding: 6px 0px 0px 0px;
 	width: 16.66%;
 	min-width: 140px;
 	text-align: center;
 	
-	font-size: 130%;
+	font-size: 140%;
 	font-weight: 400;
 	font-variant: small-caps;
 	border-bottom-left-radius: 8px;
@@ -112,24 +113,27 @@ h2 {
 	display: block;
 	padding: 8px 10px;
 	color: #006400;
+	height: 48px;
 }
 #menu a:hover {
-	background: url("../images/submenu-bg-vertical.png") no-repeat left top, url("../images/submenu-bg-horizontal.png") repeat-x left top;
-	background-color: #ffa500;
+	background: url("../images/menu-bg-selected.png") no-repeat left -7px;
+	background-size: 100% 68px;
 	text-decoration: none;
 	color: #003c00;
 }
-#menu li.selected {
-	border-bottom-left-radius: 0px;
-	border-bottom-right-radius: 0px;
-	background-color:#cc9024;
+#menu li.selected a {
+	background: url("../images/menu-bg-selected.png") no-repeat left -7px;
+	background-size: 100% 68px;
+	text-decoration: none;
+	color: #003c00;
+	z-index: 15px;
 }
 
 #submenu {
 	position: relative;
-	top: -1px;
-	background: url("../images/submenu-bg-vertical.png") no-repeat left top, url("../images/submenu-bg-horizontal.png") repeat-x left top;
-	background-color: #ffa500;
+	top: -15px;
+	background: url("../images/submenu-bg.png") no-repeat left top;
+	height: 60px;
 }
 #submenu ul {
 	padding: 0px 15px;
@@ -137,8 +141,9 @@ h2 {
 	font-weight: 400;
 }
 #submenu li {
-	padding: 6px 20px;
+	padding: 3px 20px;
 	display: inline-block;
+	height: 40px;
 }
 #submenu li>a {
 	color: #003c00;
@@ -148,8 +153,9 @@ h2 {
 	color: #3c003c;
 }
 #submenu li.selected {
-	background-color: #cc8400;
-	
+	background: url("../images/submenu-bg-selected.png") no-repeat center 1px;
+	background-size: 100% 100%;
+	/*background-color: #cc8400;*/
 }
 /*#submenu li:first-child {
 	border-top-left-radius: 7px;