/****************** Nav bar styles **********************************************************************************************/



ul.nav,

.nav ul{

/*Remove all spacings from the list items*/

	margin: 0;

	padding: 0;

	cursor: default;

	list-style-type: none;

	display: inline-block;

	float:left;

	background-image: url(../img/navi_bg.gif);

	background-position: top left;

	background-repeat: repeat-x;

	height: 32px;



}

ul.nav{

	

}



ul.nav ul{

	background: none;

}





ul.nav>li{

	float:left;

	background-image:url(../img/trenner_navi.gif);

	background-repeat: no-repeat;

	background-position:right center;

	position: relative;

	padding: 2px 6px;

}



ul.nav> li a{

	padding: 7px 12px 9px 12px;

	font-family: arial;

	font-size: 12px;

	color: #ffffff;

	display:block;

	font-weight: bold;

	text-decoration: none;

}

ul.nav>li.last{

	background-image:none;

}



ul.nav>li:hover, 

ul.nav>li.aktiv:hover, 

ul.nav>li.aktiv{

	background-image:url(../img/navi_hover.gif);

	background-position: right center;

	background-repeat: no-repeat;

}



ul.nav>li.last,

ul.nav>li.last.aktiv

{

	background-position: left center;

}



ul.nav li>ul{

/*Make the sub list items invisible*/

	display: none;

	position: absolute;

	max-width: 40ex;

	margin-left: -6px;

}



ul.nav li:hover>ul,
#nav >li.sfhover ul{

/*When hovered, make them appear*/

	display : block;

	width: 232px;

}



ul.nav ul li a{

/*Make the hyperlinks as a block element, sort of a hover effect*/

	display: block;

	background-image: url(../img/subnavi_bg.png);

	background-repeat: no-repeat;

	background-position: top left;

	font-family: arial;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	padding: 4px 0px 4px 22px;

	height: 18px;



}

/*** Menu colors (customizable) ***/



ul.nav,

.nav ul,

.nav ul li a{

	color: #369;

}





ul.nav li:hover,

.nav ul li a:hover{

	color: #fff;

}

ul.nav ul li a:hover{

	display: block;

	background-image: url(../img/subnavi_bg_hover.png);

	background-repeat: no-repeat;

	background-position: top left;

	font-family: arial;

	color: #365067;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	padding: 4px 0px 4px 22px

}



ul.nav li:active,

.nav ul li a:active{

	background-color: #036;

	color: #fff;

}



ul.nav,

.nav ul{

	/*border: 1px solid #369;*/

}



.nav a{

	text-decoration: none;

}