#topnavi {
	padding:0 0 0 15px; 
	margin:0px;
	list-style:none;
	/* 
	font:11px Arial, sans-serif;
	*/ 
	font-family:tahoma, verdana, sans-serif;
	font-size:12px;
	position:relative;
	background:url("../images/navleiste-repeat.gif");
	background-repeat:repeat-x;
	height:34px;	
}

#topnavi ul { 
	padding:0px; 
	margin:0px; 
	list-style:none; 
	float:left; 
	color:black;
	background-color:#FFFFFF; 
	border-top:1px solid white;
}
#topnavi li {
	float:left;
}

* html #topnavi ul li {
	margin-left:0px;
}

#topnavi li li {
	float:none; 	
	border-bottom:1px solid #BBBBBB;
	/* 
		border-right:1px solid gray;
	*/
}
#topnavi li.end {
	border-bottom:1px solid gray;
}
#topnavi li a {
	display:block; 
	float:left;
	/* 
		color:white;
	*/ 
	color:black;
	height:34px; 
	padding:0 25px 0 5px; 
	line-height:34px; 
	text-decoration:none; 
	white-space:nowrap;
	/*	 
	font-weight:bold;
	*/
}
#topnavi li li a {
	display:block; 
	height:19px; 
	line-height:19px; 
	float:none;
  /* 
	 padding:0 25px 0 5px;
  */ 
  padding:0 0 0 5px;
	font-weight:normal; 
	letter-spacing:1px;
	color:black;
}
#topnavi li:hover,
#topnavi li a:hover {
	position:relative; 
	z-index:200;
}
#topnavi li:hover ul {
	left:0; 
	top:33px; 
	z-index:300;
}
#topnavi ul {
	position:absolute; 
	left:-10000px; 
	top:-10000px;
}
#topnavi li:hover li:hover > ul {
	left:-5px; 
	margin-left:100%; 
	top:-1px; 
	z-index:300;
}
#topnavi li:hover > ul ul {
	position:absolute; 
	left:-10000px; 
	top:-10000px; 
	width:auto; 
}
#topnavi li a.title:hover  {
	color:gray;
}
#topnavi li li:hover > a {
	color:black; 
	background-color:#E1E1E6;
}

/* Special case for IE7 */
#topnavi li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */
/* Special case for IE6 */
* html #topnavi li {behavior: expression(this.onmouseover=new Function("this.className+=' ie60_hover'"),this.onmouseout=new Function("this.className = this.className.replace('ie60_hover','')"),this.style.behavior=null);}
* html #topnavi li li {
	float:left;
}
* html #topnavi ul {
	width:2px;
}
#topnavi li.ie60_hover {
	position:relative; z-index:200;
}

#topnavi li.ie60_hover ul {
	left:0; 
	top:33px; 
	z-index:300;
}

/*zeite ebene hover*/
#topnavi li.ie60_hover li.ie60_hover a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover a {
	color:black; 
	background-color:#E1E1E6;
}
/*zweite ebene default*/
#topnavi li.ie60_hover li.ie60_hover li a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li a,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li a {
	color:black; 
	background-color:#FFFFFF;
}

#topnavi li.ie60_hover li.ie60_hover ul,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover ul,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover ul,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover ul {
	left:100%;
	margin-left:0px;
	top:-1px;
}

#topnavi li.ie60_hover ul ul,
#topnavi li.ie60_hover li.ie60_hover ul ul,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover ul ul,
#topnavi li.ie60_hover li.ie60_hover li.ie60_hover li.ie60_hover ul ul {
	position:absolute; 
	left:-10000px; 
	top:-10000px;
}

#topnavi li li:hover > a.img {
	color:black; 
	background-color:transparent;
}

#topNavi li ul, #topnavi li ul li ul,  #topnavi li ul li ul li ul{
	width:180px !important;
}
#topNavi li ul li, #topnavi li ul li ul li,  #topnavi li ul li ul li ul li{
	width:180px !important;
}
* html #topNavi li ul li a, * html #topnavi li ul li ul li a,  
* html #topnavi li ul li ul li ul li a{
	width:180px !important;
}
#topnavi li ul li ul li ul li{
	float:left !important;
}

.rssSymbol{
	width:15px; 
	height:15px;
	margin-top:9px;
	background:url(../images/feed-icon15x15.png);
	background-repeat:no-repeat;
}

.topMenuDiv{
	margin-bottom:29px;
	z-index:50;
	text-align:left;
}

* html .topMenuDiv{
	margin-bottom:30px;
	position:relative;
}	

.menuInfo{
	margin-right:5px; 
	margin-top:-59px; 
	float:right;
	position:relative;
	z-index: 201;
}

* html .menuInfo{
	margin-top:-67px;
}

.menuClear{
	clear: both;
}
* html .menuClear{
	margin-top: -70px;
}

#header_user_info{
	text-align:left;
}
/* Mein Saal Menue */

#myHallMenu ul {
	background-image: url(../images/border-myhall-bottom-right.gif);
	height:20px !important;
	width:71px !important;
	left:50px !important;
}

* html #myHallMenu ul{
	left:25px !important;
	/*
		MUSS MINDESTENS 100 SEIN, DA SONST FEHLER IN IE6 ??
		width:85px !important;
	*/
	width:100px !important;
	background-repeat: no-repeat;
	height:20px !important;
	padding-left:0px;
}

#myHallMenu ul li{
	margin-top: -30px; 
	margin-left: 15px;
}


* html #myHallMenu ul li{
	margin-top: 0px; 
	margin-left: 10px;
	padding-left:0px;
}


#myHallMenu ul li a{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	margin-left: -15px;
	margin-top: -5px;
}


/*opera hack*/
@media screen and (min-width: 0px){ #myHallMenu ul li a {margin-left: 0px;}}

* html #myHallMenu ul li a{
	padding-left:0px;
	margin-left:0px;
	margin-top: 0px;
	line-height:20px;
	height:20px;
}

#myHallMenu ul li ul{
	background-image: none;
	width:240px !important;
	margin-left:-70px;
	margin-top:-5px;
}

* html #myHallMenu ul li ul{
	margin-top:-15px;
	margin-left:-30px;
}

/*opera hack*/
@media screen and (min-width: 0px){ #myHallMenu ul li ul {margin-left:-33px;}}

#myHallMenu ul li ul li{
	background-color:#FFFFFF;
	width:240px !important;
	margin-top: 0px;
	margin-left: 0px;
}

* html #myHallMenu ul li ul li{
	padding-left:5px;
}

#myHallMenu ul li ul li a{
	font-family:Tahoma, Verdana;
	font-weight:normal;
	font-site:8pt;
	margin-left:0px;
}

* html #myHallMenu ul li ul li a{
	width:240px !important;
	line-height:15px !important;
	height:15px !important;
}

/* FF 2 */
.thron a img, x:-moz-any-link {
    margin-top:27px;
}
.thronHalloffame a img, x:-moz-any-link {
    margin-top:34px;
}
/* FF 3 */
.thron a img, x:-moz-any-link, x:default {
	margin-top:3px;
}
.thronHalloffame a img, x:-moz-any-link, x:default {
	margin-top:0px;
}

/* Safari, Opera */
/*  auch FF 3.5  */
@media screen and (min-width:0px){
	.menuInfo{
		margin-top:-130px;
		margin-bottom:57px;
	}
	.topMenuDiv{
		margin-bottom:103px;
	}	
	/* Mein Saal Menue */
	#myHallMenu ul {
		width:71px !important;
		left:30px !important;
	}
	#myHallMenu ul li{
		margin-left:10px;
		margin-top:-25px;
		height: 20px !important;
	}
	#myHallMenu ul li a{
		margin-top: 25px;
		line-height: 20px !important;
		height: 20px !important;
	}	
	#myHallMenu ul li ul{
		width:240px !important;
		margin-top:10px;
	}
	#myHallMenu ul li ul li{
		padding-top:0px;
		margin-bottom: 0px;
	}
	#myHallMenu ul li ul li a{
		margin-top: 0px;
		line-height: 20px !important;
		height: 20px !important;
	}
	
	/* FF 3 => FF 3.5 */
	.menuInfo, x:-moz-any-link, x:default {
		margin-top:-58px;
		margin-bottom:0px;
	}
    .topMenuDiv, x:-moz-any-link, x:default {
    	margin-bottom: 29px;
	}	
	#myHallMenu ul, x:-moz-any-link, x:default {
		width:71px !important;
		left:30px !important;
		margin-height: -20px;
	}
	#myHallMenu ul li a, x:-moz-any-link, x:default {
		margin-top: 0px;
	}
	#myHallMenu ul li ul, x:-moz-any-link, x:default {
		margin-top:-15px;
	}
	.thronHalloffame a img, x:-moz-any-link, x:default {
		margin-top:-35px;
	}
}

/* Safari */
@media all and (min-width:0px) {
    :root body:not(:root:root) .topMenuDiv { 
    	margin-bottom:42px; 
    }
    :root body:not(:root:root) .menuInfo { 
    	margin-top:-72px;
    	margin-bottom: 0px; 
    }
    
    /* Mein Saal Menue */
    :root body:not(:root:root) #myHallMenu ul {
		width:71px !important;
		left:50px !important;
	}
    :root body:not(:root:root) #myHallMenu ul li{
		padding-top:5px;
		padding-left: 10px;
		margin-left: -15px;
		margin-top: -55px;
	}
	:root body:not(:root:root) #myHallMenu ul li ul {
		margin-top: 15px;
		margin-left: -15px;
	}
	:root body:not(:root:root) #myHallMenu ul li ul li{
		padding-top:0px;
		padding-left: 5px;
		margin-top: 0px;
	}
	:root body:not(:root:root) .thron a img{
		margin-top:6px;
	}
	:root body:not(:root:root) .thronHalloffame a img{
		margin-top:-33px;
	}
}
