/* ================================

navi-inline.css 

Horizontale Navigation basierend auf display:inline  

================================ */ 

@media screen {

  .site-nav {
	background: #333;
	padding: 0.5em;
	margin: 0.2em 0;
}

.site-nav-list {
	padding: 0;
	margin: 0;
}

.site-nav-list > li {
	display: inline-block;
	margin-right: 1em;
}

/* durch oben css-Eigenschaft defnieren: .site-nav-list > li !*/
.navi-oben {
	float: right;
}

.site-nav-list a {
	color: #FFFFFF;
	text-decoration: none;
}

.ui-menu-list {
	float: right;
}

.ui-menu .ui-menuitem{
	padding-bottom: 1.6em !important;
	border: none !important;
}

.ui-menu .ui-menuitem-link{
	/*font-weight: bold !important;*/
	font-size:1.1em;
	/*font-family: 'bundesserifweb' !important;*/
}
.ui-menubar .ui-menuitem-link {
    /*font-family: 'bundesserifweb' !important;*/
}

.ui-menu .ui-menuitem:hover{
	border-bottom: 5px solid #23614E !important;
	background-color: transparent !important;
}

/* Das kleine Dreieck fuer Menuitem entfernen*/
li.mysubmenu-header > a > .ui-icon-triangle-1-s{
	display: none !important;    
}

li.mysubmenu-header > ul > li > a{
	width: 100% !important;
}

/*li.mysubmenu-header > ul > li > a:hover{
	background-color: transparent !important;
}*/

li.mysubmenu-header > ul > li:hover{
	background-color: #eee !important; 
}

li.mysubmenu-header > ul > .ui-menuitem:hover{
	color: #23614E !important;
	background-color: #eee;
	border-bottom: 0px solid #eee !important;
}

li.mysubmenu-header > ul > .ui-menuitem{
	padding-bottom: 0.5em !important;
}


/* Dropdown-Menu-Breite */
ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}

.ui-panel.ui-widget{
	background-color: #F2F2F2;
}

.ui-panel.ui-widget.meinpanel{
	background-color: #F2F2F2;
}

/* damit bei hover das ganze nicht nach unten verrutscht */
.ui-menu.ui-menubar.ui-widget{
 	height: 40px !important;
 	padding-bottom: 4.1em;
 }
 
.ui-widget-content{
	border: none;
}

/* Menubar: Unterstrich rechteckig */
.meinmenu .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -khtml-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

}

/* Menubar: Unterstrich rechteckig */
.meinmenu .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -khtml-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

}

.meinmenu .ui-state-hover{
	background-color: #FAFAFA;
}




} /* Ende @media */