.menu {
		width:745px;
		height:30px;
		position:relative;
		z-index:100;
		font-family:arial, sans-serif;
		text-align:left;
		}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
		padding:10;
		margin:0;
		list-style-type:none;
		}
.menu ul ul {
			width:125px;
			}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
		float:left;
		width:135px;
		position:relative;
		}

/* style the links for the top level */
.menu a, .menu a:visited {
						display:block;
						font-size:12px;
						text-decoration:none;
						color:#ffff00;
						width:115px;
						height:30px;
						background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button.gif") no-repeat left top;
						padding-left:10px;
						line-height:30px;
						font-weight:bold;
						}
						
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
												background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button.gif") no-repeat left top;
												}

/* style the second level hover */
.menu ul ul a.drop:hover{
						background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button_aktiv.gif") no-repeat left top;
						color:#014da1;						
						}
.menu ul ul :hover > a.drop {
							background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button_aktiv.gif") no-repeat left top;
							color:#014da1;						
							}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
			visibility:hidden;
			position:absolute;
			height:0;
			top:30px;
			left:-40px;
			width:115px;
			}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
										background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button.gif") no-repeat left top;
										color:#ffff00;
										height:auto;
										line-height:17px;
										padding:5px 10px;
										width:115px;
										}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
									color:#014da1;
									background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button_aktiv.gif") no-repeat left top;
									}
.menu :hover > a, .menu ul ul :hover > a {
										color:#014da1;
										background:url("http://kreativ.es/fileadmin/vorlagen/linda-werke.de/images/button_aktiv.gif") no-repeat left top;
										}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
										visibility:visible;
										}