/* menu
-------------------------------------------------------------------------*/
/* ez folgalja magába a menüt */
div#menu {
 	height: 30px;
	width: 663px;
  	margin-right: 6px;
	
	padding: 0px;
	background-image: url(/Biobolt_images/menu/menu_center.jpg);
	background-repeat: repeat-x;
  	font-size: 14px!important;
  	text-align: center;
	clear: right;
	float: right;
   /*background-color:  LIMEGREEN;*/


}



div#menu ul {
	margin: 0;
	padding: 0;
}
/* a menü elemei */
div#menu ul li {
	margin: 0;
	padding: 0;
	display: block; /* hogy méretezhetőek legyenek */
	float: left !important;/* balra floatolva, hogy egymás mellé kerüljenek */
	height: 30px; /* beállítja a magasságot */
	margin: 0px 0px 0px 0px; /* az egyes menüpontok közötti távolságot határozza meg */
	background-color: #ffcc00; /* a menüelemek háttérszíne */
}
	/* a menüelemekben lévő linkek tulajdonságai */
div#menu ul li a {
		display: block;
		float: left !important;
		height: 30px; /* a magasság megegyezik a LI magasságával */
		line-height: 30px; /* a sor magassága megegyezik a LI magasságával */
		vertical-align: middle; /* ez rendezi be a szöveget vertikálisan a sor közepére */
		background: url(/Biobolt_images/menu/menu_center.jpg); /* a háttérkép */
		font-weight: bold;
		color: #45521A;
		cursor: pointer; /* az egér fölévitelére váltson át kézre a mutató */
    	text-decoration: none;
		}
	/* a LI-ken belül található elemek, melyek a linket (A-t) közrefogják. Ezek gyakorlatilag a fülek 1-1 oldalai */

div#menu ul li a span.left,
div#menu ul li a span.right {
	display: block;
	float: left !important;
	width: 10px; /* szélessége megegyezik a kicsit lentebb látható bg-XXX.gif háttérképek szélességével */
	height: 30px; /* magasság megegyezik a LI magasságával */
}
/* a fülek bal oldalának háttérképe */
div#menu ul li a span.left { 
	background-image: url(/Biobolt_images/menu/menu_left.jpg); 
} 
/* a fülek jobb oldalának háttérképe */
div#menu ul li a span.right { 
	background-image: url(/Biobolt_images/menu/menu_right.jpg); 
} 

div#menu ul li a span.text {
	display: block;
	float: left;
	padding: 0px;
	padding-left: 0px; /* meghatározza a szövegek távolságát a fülek széleitől */
	height: 30px; /* magasság megegyezik a LI magasságával */
}
		
/* a hover állapotú linkek formázásai */
div#menu ul li a:hover {
	text-decoration: underline;
	color: #ffffff;
	background: url(/Biobolt_images/menu//menu_a_center.jpg);
}

div#menu ul li a:hover span.left { background-image: url(/Biobolt_images/menu/menu_a_left.jpg); } /* a fül hover állapotban ezt a háttérképet fogja megjelenítenia a fül bal oldalán */

div#menu ul li a:hover span.right { background-image: url(/Biobolt_images/menu/menu_a_right.jpg); } /* a fül hover állapotban ezt a háttérképet fogja megjeleníteni a fül jobb oldalán */