/* ----- Menu ------ */

.menu {z-index:500; padding: 0; margin: 0; }

.menu li.top {display:block; float:left;}

.menu li a.pos1 {background:url(../images/m_ueberuns_0.jpg); width:245px; height:110px; display:block; text-indent:-99999px;} 
.menu li a.pos2 {background:url(../images/m_weine_0.jpg); width:245px; height:110px; display:block;text-indent:-99999px;} 
.menu li a.pos3 {background:url(../images/m_galerie_0.jpg); width:245px; height:110px; display:block;text-indent:-99999px;} 
.menu li a.pos4 {background:url(../images/m_kontakt_0.jpg); width:245px; height:110px; display:block;text-indent:-99999px;} 

.menu li.p1 {background:url(../images/m_ueberuns_1.jpg);} 
.menu li.p2 {background:url(../images/m_weine_1.jpg);} 
.menu li.p3 {background:url(../images/m_galerie_1.jpg);} 
.menu li.p4 {background:url(../images/m_kontakt_1.jpg);}  

.menu li.current a.pos1,
.menu li.current a.pos1:hover {background:url(../images/m_ueberuns_1.jpg);} 
.menu li.current a.pos2,
.menu li.current a.pos2:hover {background:url(../images/m_weine_1.jpg);} 
.menu li.current a.pos3,
.menu li.current a.pos3:hover {background:url(../images/m_galerie_1.jpg);} 
.menu li.current a.pos4,
.menu li.current a.pos4:hover {background:url(../images/m_kontakt_1.jpg);} 

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility: visible; position: relative; z-index: 200;}
.menu li:hover {position: relative; z-index: 200;}

.menu li a.top_link:hover {background:transparent;} 
.menu li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul {
	width:225px; 
	height:auto; 
	top: 110px; 
	left: 0; 
	background:url(../images/menu_back.png);
	padding: 10px 12px 17px 8px; 
	white-space:nowrap; 
	overflow: hidden;
	z-index:300;
	}

.menu :hover ul li {display: block; height: 30px; position: relative; width: auto;}

.menu :hover ul li a {
	width: auto; 
	height: 30px; 
	display: block; 
	background: transparent; 
	font-size: 14px; 
	line-height: 30px; 
	color: #fff;
	text-decoration: none;
	padding: 0 10px; 
	}

.menu :hover ul li a:hover {
	text-decoration:none;
	color: #999;
	}

/* ----- Submenu vertikal ------ */

.submenu ul {
	padding: 0;
	margin: 0;
	}

.submenu li {
	list-style-type: none; 
	line-height: 20px;
	padding: 0;
	margin: 1px 0 0 0;
	}

.submenu a, .submenu a:visited {
	width: 185px;
	display: block;
	text-decoration: none;
	background-color: #474747;
	color: #ccc;
	padding: 5px 10px 5px 10px;
	margin: 0;
	}
	
.submenu a:hover , .submenu a:active{
	background-color: #871021;
	color: #fff;
	}
	
/* ----- Links und Downloads rechts vertikal ------ */

.downlink ul {

	padding: 0;
	margin: 0;
	}

.downlink li {
	list-style-type: none; 
	font-weight: normal; 
	padding: 0;
	margin: 0;
	}

.downlink a, .downlink a:visited {
	display: block;
	color: #7AAD1B;
	background: url("../images/icon_downlink.png") 0 9px no-repeat;
	padding: 2px 5px 2px 11px;
	margin: 0;
	}

.downlink a:hover , .downlink a:active{
	color: #DD1717;
	}