/* this is the main UL element*/
.dropdown{
	position:absolute;
	top:50px;
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	width:480px;
}

/* these are the inner menus*/
.dropdown *{
	margin:0;
	padding:0;
	list-style:none;
}

.dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.dropdown ul li {
	width:			100%;
}
.dropdown li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.dropdown li{
	height:50px;
	float:			left;
	position:		relative;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#000;
	display:		block;
	position:		relative;
}

.dropdown li a{
	background:url(/nav/menu.gif) 0 0 no-repeat;
	height:50px;
	padding:0;
	margin:0;
	float:left;
	text-indent:-19999px;
	display:block;
	clear:both;
	outline:none;
}

a#theater { width:108px;  background-position:0 0; }
a#spielplan { width:96px;  background-position:-108px 0; }
a#info   { width:54px; background-position:-204px 0; }
a#kulturwerkstatt       { width:157px;  background-position:-258px 0; }
a#archiv           { width:65px;  background-position:-415px 0; }

a#theater:hover, a#theater:active, a#theater.active { background-position:0px -50px; }
a#spielplan:hover, a#spielplan:active, a#spielplan.active { background-position:-108px -50px; }
a#info:hover, a#info:active, a#info.active { background-position:-204px -50px; }
a#kulturwerkstatt:hover, a#kulturwerkstatt:active, a#kulturwerkstatt.active { background-position:-258px -50px; }
a#archiv:hover, a#archiv:active, a#archiv.active { background-position:-415px -50px; }

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	height:auto;
	float:none;
}

* html .dropdown ul {
	background-color:#e1e1e1;
}

.dropdown ul li a{
	display:block;
	height:20px;
	padding:5px;
	margin:0;
	background:none;
	background-color:#e1e1e1;
	color:#000;
	text-indent:0;
	font-size:12px;
	text-align:left;
}

.dropdown ul li a:hover{
	background-color:#fff;
}

.dropdown ul.theaterdown li a    { width:98px; }
.dropdown ul.spielplandown li a    { width:86px; }
.dropdown ul.kwdown li a{ width:157px; }
.dropdown ul.infodown li a  { width:45px; }





.dropdown li:hover ul,
.dropdown li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		99;
}
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}