#navi_wrapper {border:0px;
	background-color:#303030;
	width:960px; 
	height:50px;
	font-weight:bold;
	font-size:14px;
	font-family:"Century Schoolbook","Century Schoolbook L",serif;
	color:white}
#navi_wrapper * {border:0;
	text-align:center}
#navi,#monateNav,#uberNav {list-style-type:none}
#navi {margin:0; 
	padding:0;
	height:20px;
	width:960px;}
/* Die folgenden Eigenschaften fuer <li> sind ein Fix fuer den Staircase-Bug in IE6 und 7 */

#navi li {display:inline;}
#monateNav li {display:inline;}
#uberNav li {display:inline;}

#navi * a {display:block;
	float:left;
	width:110px;
	height:20px;
	color:white;
	text-decoration:none;
	letter-spacing:0.2em;
	margin:0 5px;
	padding:0;
	background-image:url(../bilder/buttons/Navi-rot-neu.png)}

/* Das !important ist wichtig, um den Hover-Effekt zu erhalten nachdem mit JavaScript 
   das Hintergrundbild geändert wurde */

#navi * a:hover {background-image:url(../bilder/buttons/Navi-rot-aktiv-neu.png) !important}
#navi > li {margin:0;
	padding:0}
#subNavi {margin:0 5px;
	height:30px;
	width:950px;
	background:url(../bilder/buttons/Subnavi-bg-rot.png) repeat-x;}
#subNavi ul {display:none}
#monateNav {margin:0;
	padding:0; 
	height:30px}
#monateNav * a {display:block;
	float:left;
	width:86px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	color:white;
	text-decoration:none;
	background:url(../bilder/buttons/SubnavTrenner.png) right no-repeat}
#monateNav * a:hover {color:#1699c5}

#uberNav {margin:0;
	padding:0; 
	height:30px}
#uberNav * a {display:block;
	float:left;
	width:105px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	color:white;
	text-decoration:none;
	background:url(../bilder/buttons/SubnavTrenner.png) right no-repeat}
#uberNav * a:hover {color:#1699c5}