@charset "utf-8";
/* CSS Document */

/* initializalas
-------------------------------------------------------------------------*/
/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, input, select, fieldset {font-size: 8px; font-family: Arial, Tahoma, Verdana; color: #000000; }
body {background-color: #ffffff; }
/* heading es egyeb formazasok, melyek mas alapertelmezett margokkal birnak az egyes bongeszokben */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }
/* alapertelmezett betumeret ezeknel az elemeknel */
h1, h2, h3, h4, h5, h6, pre, code {font-size: 10px; }
ul, ol {list-style: none; }
/* a linkek kez alakot kapjanak mindenhol */
form label {cursor: pointer; }
address {font-style: normal; }
/* a linkek alapertelmezett alahuzasat szunteti meg */
:link,:visited { text-decoration: none;  }
/* linkelt kepek keretezesenek megszuntetese */
a img,:link img,:visited img {border: none; }
/* a bordert nullazzuk fieldset eseteben */
fieldset {border: none; }
/* float-olt elemek utan hasznalatos clear */
div.clear, span.clear {clear: both; font-size: 0px; }



/* menu
-------------------------------------------------------------------------*/
 
/* ez folgalja magába a menüt */
div#container {
	margin: 0px;
	padding: 0px;
	}
 
/* a menü elemei */
div#container ul li {
	display: block; /* hogy méretezhetőek legyenek */
	float: left; /* balra floatolva, hogy egymás mellé kerüljenek */
	height: 47px; /* beállítja a magasságot */
	background-color: #ffcc00; /* a menüelemek háttérszíne */	
font-size: 11px; font-family: Arial, Tahoma, Verdana; color: #ffffff; }
 
	/* a menüelemekben lévő linkek tulajdonságai */
	div#container ul li a {
		display: block;
		float: left;
		height: 47px; /* a magasság megegyezik a LI magasságával */
		/* line-height: 47px; */ /* 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/menu_loop.jpg); /* a háttérkép */
		font-weight: bold;
		color: #ffffff;
		cursor: pointer; /* az egér fölévitelére váltson át kézre a mutató */
font-size: 11px; font-family: Arial, Tahoma, Verdana; color: #ffffff; 
		}
 
	/* 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#container ul li a span.left,
	div#container ul li a span.right {
		display: block;
		float: left;
		width: 14px; /* szélessége megegyezik a kicsit lentebb látható bg-XXX.gif háttérképek szélességével */
		height: 47px; /* magasság megegyezik a LI magasságával */
		}
		div#container ul li a span.left { background: url(images/menu_loop.jpg) } /* a fülek bal oldalának háttérképe */
		div#container ul li a span.right { background: url(images/menu_loop.jpg); } /* a fülek jobb oldalának háttérképe */
	div#container ul li a span.text {
		display: block;
		float: left;
		padding: 0px 0px; /* meghatározza a szövegek távolságát a fülek széleitől */
		height: 47px; /* magasság megegyezik a LI magasságával */
		}
	/* a hover állapotú linkek formázásai */
	div#container ul li a:hover {

		color: #ffffff;
		background: url(images/gomb_loop.jpg);
font-size: 11px; font-family: Arial, Tahoma, Verdana; color: #ffffff; 
		}
		div#container ul li a:hover span.left { background: url(images/gomb_eleje.jpg) } /* a fül hover állapotban ezt a háttérképet fogja megjelenítenia a fül bal oldalán */
		div#container ul li a:hover span.right { background: url(images/gomb_zaro.jpg); } /* a fül hover állapotban ezt a háttérképet fogja megjeleníteni a fül jobb oldalán */

.menu {padding-top: 10px;}