@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: none;
	text-decoration: none;
	background-image: url(images/navigation/item.gif);
	background-repeat: no-repeat;
	height: 23px;
	overflow: hidden;
}
.Head .Navigation li#Unternehmen a.Button,
.Head .Navigation li#Jobs a.Button,
.Head .Navigation li#Kontakt a.Button {
    display:block;
}
.Head .Navigation li#Go-Catering ,
.Head .Navigation li#Seminar-Hotellerie,
.Head .Navigation li#Betriebsverpflegung {
    display:block;
    margin: 0px;
}
.Head .Navigation li#Unternehmen a {
	background-position: 0px 0px;
	width: 136px;
}
.Head .Navigation li#Jobs a {
	background-position: -136px 0px;
	width: 48px;
}
.Head .Navigation #nav_Jobs li a {
	width: 130px;
}
.Head .Navigation li#Kontakt a {
	background-position: -184px 0px;
	width: 70px;
}

.Head .Navigation li#Unternehmen a:hover, .Head .Navigation li#Unternehmen:hover a, .Head .Navigation li#Unternehmen a.current, .Head .Navigation li#Unternehmen.current a  {
	background-position: 0px -23px;
}
.Head .Navigation li#Jobs a:hover, .Head .Navigation li#Jobs:hover a, .Head .Navigation li#Jobs a.current, .Head .Navigation li#Jobs.current a {
	background-position: -136px -23px;
}
.Head .Navigation li#Kontakt a:hover, .Head .Navigation li#Kontakt:hover a, .Head .Navigation li#Kontakt a.current, .Head .Navigation li#Kontakt.current a {
	background-position: -184px -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#Unternehmen div {
	left: 0px;	
}
.Head .Navigation li#Jobs div {
	left: 136px;
}
.Head .Navigation li#Kontakt div {
	left: 184px;
}

.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: url(images/navigation/dot.gif) 0px 0px no-repeat;
	font-weight: 400;
}
.Head .Navigation li#Unternehmen div a:hover, .Head .Navigation li#Unternehmen:hover div a, .Head .Navigation li#Unternehmen div a.current, .Head .Navigation li#Unternehmen.current div a,
.Head .Navigation li#Jobs div a:hover, .Head .Navigation li#Jobs:hover div a, .Head .Navigation li#Jobs div a.current, .Head .Navigation li#Jobs.current div a,
.Head .Navigation li#Kontakt div a:hover, .Head .Navigation li#Kontakt:hover div a, .Head .Navigation li#Kontakt div a.current, .Head .Navigation li#Kontakt.current div a
{
   background-position: 10px 6px; 
}
.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: url(images/navigation/dotcurrent.gif) 0 0 no-repeat;
}
.Head .Navigation li div ul li a span {
	margin: 0px;
	display: inline;
}