@media screen {
/*---------------------
	NAVIGATION
-----------------------*/
.Head .Navigation {
	position: absolute;
	top: 86px;
	left: 380px;
	width: 580px;
	z-index:10;
}
.Head .Navigation li {
	float: left;
	line-height: 23px;
	display: block;
	margin: 0px 2px 0px 0px;
}
.Head .Navigation li a.Button {
	color: #ffffff;
	display: block;
	text-decoration: none;
	background-image: url(images/navigation/item.gif);
	background-repeat: no-repeat;
	height: 23px;
	overflow: hidden;
}
.Head .Navigation li#Speisen a {
	background-position: 0px 0px;
	width: 86px;
}
.Head .Navigation li#Wein a {
	background-position: -86px 0px;
	width: 62px;
}
.Head .Navigation li#Kaffee a {
	background-position: -148px 0px;
	width: 102px;
}
.Head .Navigation li#Veranstaltungen a {
	background-position: -250px 0px;
	width: 137px;
}
.Head .Navigation li#Das-Lokal a {
	background-position: -388px 0px;
	width: 99px;
}
.Head .Navigation li#Speisen a:hover, .Head .Navigation li#Speisen:hover a, .Head .Navigation li#Speisen a.current, .Head .Navigation li#Speisen.current a  {
	background-position: 0px -23px;
}
.Head .Navigation li#Wein a:hover, .Head .Navigation li#Wein:hover a, .Head .Navigation li#Wein a.current, .Head .Navigation li#Wein.current a {
	background-position: -86px -23px;
}
.Head .Navigation li#Kaffee a:hover, .Head .Navigation li#Kaffee:hover a, .Head .Navigation li#Kaffee a.current, .Head .Navigation li#Kaffee.current a {
	background-position: -148px -23px;
}
.Head .Navigation li#Veranstaltungen a:hover, .Head .Navigation li#Veranstaltungen:hover a, .Head .Navigation li#Veranstaltungen a.current, .Head .Navigation li#Veranstaltungen.current a {
	background-position: -250px -23px;
}
.Head .Navigation li#Das-Lokal a:hover, .Head .Navigation li#Das-Lokal:hover a, .Head .Navigation li#Das-Lokal a.current, .Head .Navigation li#Das-Lokal.current a {
	background-position: -388px -23px;
}
.Head .Navigation li a span {
	display: block;
	margin: 23px 0px 0px 0px;
}
.Head .Navigation li div {
	position: absolute;
	top: 23px;
	background: url(images/blank.gif) repeat 0px 0px;
	padding:10px 0px 0px 0px;
}
.Head .Navigation li#Speisen div {
	left: 0px;	
}
.Head .Navigation li#Wein div {
	left: 88px;
}
.Head .Navigation li#Kaffee div {
	left: 152px;
}
.Head .Navigation li#Veranstaltungen div {
	left: 233px;
}
.Head .Navigation li#Das-Lokal div {
	left: 372px;
}
.Head .Navigation li div span.Top, .Head .Navigation li div span.Bottom, .Head .Navigation li div div.Middle {
	display: block;
	width: 173px;
}
.Head .Navigation li div span.Top, .Head .Navigation li div span.Bottom {
	height: 6px;
	overflow: hidden;
}
.Head .Navigation li div span.Top {
	background: url(images/navigation/belowtop.png) no-repeat right 0px;
}
.Head .Navigation li div span.Bottom {
	background: url(images/navigation/belowbottom.png) no-repeat 0px 0px;
}
.Head .Navigation li div ul {
	top: 0px;
	left: 0px;
	width: 173px;
	position: relative;
	
}
.Head .Navigation li div div.Middle {
	background: url(images/navigation/belowside.png) repeat-y 0px 0px;
	position: static;
	padding:0px 0px 0px 0px;
}
.Head .Navigation li div ul li {
	float: none;
	padding: 0px 0px 0px 0px;
}
.Head .Navigation li div ul li a {
	color: #420502;
	text-decoration: none;
	line-height: 1.3em;
	padding: 0px 0px 5px 20px;
	text-transform: lowercase;
	display: block;
	background-image: url(images/navigation/dot.gif);
	background-repeat: no-repeat;
	font-weight: 400;
}
.Head .Navigation li#Speisen div ul li a, .Head .Navigation li#Wein div ul li a, .Head .Navigation li#Kaffee div ul li a, .Head .Navigation li#Veranstaltungen div ul li a, .Head .Navigation li#Das-Lokal div ul li a,
.Head .Navigation li#Speisen div ul li a:hover, .Head .Navigation li#Wein div ul li a:hover, .Head .Navigation li#Kaffee div ul li a:hover, .Head .Navigation li#Veranstaltungen div ul li a:hover, .Head .Navigation li#Das-Lokal div ul li a:hover, 
.Head .Navigation li.current#Speisen div ul li a, .Head .Navigation li.current#Wein div ul li a, .Head .Navigation li.current#Kaffee div ul li a, .Head .Navigation li.current#Veranstaltungen div ul li a, .Head .Navigation li.current#Das-Lokal div ul li a{
	background-position: 9px 5px;
	width: 147px;
}
.Head .Navigation li div ul li.current a, .Head .Navigation li div ul li a:hover {
	color: #1e1e1e;
	font-weight: 700;
	background-image: url(images/navigation/dotcurrent.gif);
}
.Head .Navigation li div ul li a span {
	margin: 0px;
	display: inline;
}
}