/* STRUCTURATE MENU DE REV. 01 */

.menu {
	width:727px;
	height:30px;
	background-color:#CCCCCC;
	background-image: url(../img/nav_bg_left.png);
	background-repeat: no-repeat;
	padding-left: 173px;
	margin: 0;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
	z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:30px;
}

/* style all links */
.menu a:link, .menu a:visited {
	display:block;
	font-size: 11px;
	width:140px;
	padding:5px 0px 6px 16px;
	color:black;
	text-decoration:none;
	background: url(../img/menulist.png) no-repeat;
}

.menu a.current, .menu a.current:visited {
	background-position:0 -60px; 
}

/* style the toplink hover SLIDING DOORS */
.menu a.toplink:hover, .menu a.current:hover {background-position:0 -30px; font-size:0.1em;}

/* TOPLINK (padding must be overridden) */
.menu a.toplink, .menu a.current {
	padding:0 !important;
	line-height:30px;
	background-repeat: no-repeat;
}

/* style the sublinks hover */
.menu ul ul a:hover{
	color:white;
	background: url(../img/menulistactive.png) no-repeat;
	background-color: #005A97;
}

/* Lässt Toplink ausgewählt wenn sublevel sichtbar (Firefox & Opera problem) */
.menu ul li:hover .toplink, .menu ul li:hover .current {
	background-position:0 -30px;
}

/* line height for all SUBLINKs */
.menu ul ul li {
	line-height:11px;
	/* umbruch erzwingen für sublinks in IE7 */
	clear:left;
}

/* hide the sub level list (including it`s content) */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	/* add transparency to the sublink list for opera & firefox */
	opacity:0.85;
	/* fill the sublist with white color */
	background-color:#FFFFFF;
	/* add some space on each side of the sublink  */
	padding: 0px 2px 0px 2px;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;	
}

/* optional offset submenu 5px below */
.menu li ul{
	border-top:white 5px solid;
	border-bottom:#FFFFFF 10px solid;
}

/* hide TOPLINK text in css mode, show in non CSS mode */
.menu ul li a span {
	visibility:hidden;
	text-align: center;
} 

/* SEARCHBAR INPUT */
.menu input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 101px;
	font-size: 10px;
	padding: 1px 0px 1px 5px;
	background-color: white;
	border: 1px solid #CCCCCC;
	float:left; /*IMPORTANT*/
	margin: 7px 8px 0px 7px;
	color: #003366;
}

.menu #searcharea { background:url(../img/searchfield_bg.png) no-repeat; }
.menu #searchlist { margin-left: -123px; }
.menu #searchlist a {width:180px; }