/* CSS Document */
/* CSS du menu horizontal, bieler batiste, www.magnin-sante.ch/journal
   attention au hack IEPC ça fait buger IE5 mac */



#footermenu, #navi {
	height:25px;
	background-color:#937c8c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	padding-left:25px;
	clear:both;
	margin:0px;
}

#navi {
	display:none;
	padding-bottom:0px;
}

#footermenu {
	margin-top:0px;
	padding-top:5px;
	/*margin-left:4px;*/
	text-align:center;
}

#footermenu ul, #menu ul {
	display:inline;
}

#footermenu li {
	margin-left:25px;
	list-style:none;
	width:95px;
	display:inline;
	display/**/:block;
	float:none;
	float/**/:left;
	margin:0;
	padding:0;
}

#navi li {
	width:95px;
}
	
#footermenu a, #navi a {
    color:#666666;
	font-size:95%;
	text-align:left;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:5px;
	text-decoration:none;
}

/* Links der ersten Ebene */
a#top {
	font-size:95%;
	background-image:none;
	background-color:#937c8c !important;
	text-align:center;
	color:#ffffff;
	border:0;
	margin-left:0px;
    width:auto;
	padding-top:6px;
}

/* Fixen des unteren Menüs im IE */
* html #footermenu a#top {
	margin-top:0px;
	height:25px;
}
*html #footermenu {
	padding-top:1px;
}

a:hover#top {
	background-image:url(../images/backgrounds/bg_menu-link.gif);
	background-position:left;
	background-repeat:repeat-y;
}

/* Definitionen der zweiten Menüebene */

/* Links ab zweiter Ebene mit Untermenü */
.withsub {
	/*border-right:1px solid #44416b !important;*/
}

.menu {
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:800px; /* important pour Opera7 */
}

.menu ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:auto;
    margin:0;
    padding:0;
}


.menu li ul {
    visibility:hidden;
	padding-top:2px;
}

.menu li li ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
	padding-top:0px;
    margin-left:130px;
    margin-top:-23px; /* move the sub menu verticaly */
}

	 .menu li{
		list-style:none;
		width:80px;
		height:auto;
		display:inline;
		display/**/:block;
		float:none;
		float/**/:left;
		margin:0;
		padding:0;
	}

.menu li li{
    display:block;
    float:none;
}
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
}

/* Links zweite Navigationsebene Hauptmenü oben */
.menu a {
    text-align:center;
    background: url(../images/backgrounds/bg_link.jpg);
    filter:alpha(opacity=90);
    border:0;
	/*border-bottom:1px solid #f7e9d4;*/
    display:block;
    width:130px;
    text-decoration:none;
    padding:2px;
	padding-left:0px;
    margin-top:0px;
}
    
.menu a:hover {
    background: url(../images/backgrounds/bg_hover.jpg);
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #f8e9d4;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
}

/* ######################################### */

div[id="navi"]>.menu a {
    text-align:center;
    background: url(../images/backgrounds/bg_link.png);
    border:0;
	/*border-bottom:1px solid #f7e9d4;*/
    display:block;
    width:130px;
    text-decoration:none;
    padding:2px;
	padding-left:0px;
    margin-top:1px;
}
    
div[id="navi"]>.menu a:hover {
    background: url(../images/backgrounds/bg_hover.png);
}

/* ######################################### */