/*	---------------------------------------------------------

 	Essentials
*/
.apple { 
    margin: 0 0 0 50px;
    padding: 0;
    height: 36px;

}
#navi{ 
    background: url("../Bilder/nav_bg.png");
    height: 46px;
    padding-top:10px;
}





/*	---------------------------------------------------------

 	Optional but recommended
*/
.apple ul { width: 150px; }





/*	---------------------------------------------------------

 	Theming
*/



/* 		All items 			*/
.apple li a {
    text-decoration: none;
}
.apple li a, 
.apple li span { 
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 10px 0 15px;
    height: 20px;
}

.apple li.first > a, 
.apple li.first > span {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.apple li.last > a, 
.apple li.last > span {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}



/*		Topitems			*/

.apple > li > a, 
.apple > li > span { 	
    /*background: url(../applenavbg.png) no-repeat transparent;*/
    padding: 5px 15px 0px 15px;
    text-align: center;
    font-weight: bold;
    font-size: 12.1px;
   /* width: 95px;*/
    height: 31px;

}

/*			standard		*/
.apple li > a, 
.apple li > span	{
    background-position: 0 0;
    color: #fff;
    /*text-shadow: 0 1px 1px white; */}

/*			onmouseover	+ current page	*/
.apple li.hover > a, 
.apple li.hover > span,
.apple li > span.selected {
    background-position: 0 -38px;
    color: #74b6ff;
    text-shadow: 0 -1px 1px #333; }

.apple li > span.selected {
    background-position: 0 -114px;	}

/*		Subitems			*/

.apple ul {
    -moz-box-shadow: 0 2px 5px #666;
    -webkit-box-shadow: 0 2px 5px #666;
    box-shadow: 0 2px 5px #666;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    background-color: #ddd;
}


/*			standard		*/
.apple ul li > a, 
.apple ul li > span {
    color: #333;
    font-size: 13px;
}

/*			onmouseover		*/
.apple ul li.hover > a, 
.apple ul li.hover > span {				background-color: #028dc3; }

/*			current page + current page onmouseover	*/
.apple ul li > span.selected,
.apple ul li.hover > span.selected { 	background-color: #999; }