/* menu
-------------------------------------------------------------------------*/


/* ez folgalja magába a menüt */
div#menucontainer 
	{
              margin : 0 auto;
			  padding: 0px;
			  background: url(images/bg_menu_0.gif);	
			  width : 801px;
	}
	
	
/* a menü elemei */
div#menucontainer ul li 
	{
	 		  position: relative;
	  		  left : 14px;
	 		  display: block; /* hogy méretezhetőek legyenek */
			  float: left; /* balra floatolva, hogy egymás mellé kerüljenek */
			  height: 22px; /* beállítja a magasságot */
			  margin: 0px 14px 0px 0px; /* az egyes menüpontok közötti távolságot határozza meg */
			  background: url(images/bg_menu_0.gif);	 /* a menüelemek háttérszíne */
	}
	
	
	/* a menüelemekben lévő linkek tulajdonságai */
	div#menucontainer ul li a 
		{
		 		  display: block;
				  float: left;
				  height: 22px; /* a magasság megegyezik a LI magasságával */
				  line-height: 22px; /* 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(images/bt_center_0.gif); /* a háttérkép */
				  font-weight: bold;
				  color: #000000;
				  cursor: pointer; /* az egér fölévitelére váltson át kézre a mutató */
		}
		
		
	/* 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#menucontainer ul li a span.left,
	div#menucontainer ul li a span.right 
		{
		 		  display: block;
				  float: left;
				  width: 8px; /* szélessége megegyezik a kicsit lentebb látható bg-XXX.gif háttérképek szélességével */
				  height: 22px; /* magasság megegyezik a LI magasságával */
		}
		
		
		div#menucontainer ul li a span.left 
			{ 
			  		  background: url(images/bt_left_0.gif); 
			} /* a fülek bal oldalának háttérképe */
			
			
		div#menucontainer ul li a span.right 
			{ 
			  		  background: url(images/bt_right_0.gif); 
			} /* a fülek jobb oldalának háttérképe */
			
			
	div#menucontainer ul li a span.text 
		{
		 		  display: block;
				  float: left;
				  padding: 0px 5px; /* meghatározza a szövegek távolságát a fülek széleitől */
				  height: 22px; /* magasság megegyezik a LI magasságával */
		}
		
		
	/* a hover állapotú linkek formázásai */
	div#menucontainer ul li a:hover 
		{
		 		  text-decoration: none;
				  color: #000000;
				  background: url(images/bt_center_1.gif);
		}
		
		
		div#menucontainer ul li a:hover span.left 
			{ 
			  		  background: url(images/bt_left_1.gif) 
			} /* a fül hover állapotban ezt a háttérképet fogja megjelenítenia a fül bal oldalán */
			
			
		div#menucontainer ul li a:hover span.right 
			{ 
			  		  background: url(images/bt_right_1.gif); 
			} /* a fül hover állapotban ezt a háttérképet fogja megjeleníteni a fül jobb oldalán */