/* initializalas
-------------------------------------------------------------------------*/
/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, input, select, fieldset {font-size: 11.5px; font-family: Tahoma, Verdana, Arial; color: #000000; }
body {background-color: #333333; }

/* 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: 12px; }
ul, ol {list-style: none; }

/* a linkek kez alakot kapjanak mindenhol */
form label {cursor: pointer; }
address {font-style:; color:#000066; }

/* a linkek alapertelmezett alahuzasat szunteti meg */
:link,a:visited {text-decoration: none; color:#000099;}


/* 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 1px 0px 0px;
	padding: 0px;
	position: center;
	left: 0px;
        right: 0px;
	}

/* a menü elemei */
div#container ul li {
	display: block; /* hogy méretezhetőek legyenek */
	float: right; /* balra floatolva, hogy egymás mellé kerüljenek */
	height: 20px; /* beállítja a magasságot */
	margin: 0px 0px 0px 0px; /* az egyes menüpontok közötti távolságot határozza meg */
	}

	/* a menüelemekben lévő linkek tulajdonságai */
	div#container ul li a {
		display: block;
		float: left;
		height: 20px; /* a magasság megegyezik a LI magasságával */
		line-height: 20px; /* 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(bgcenter.gif); /* a háttérkép */
		font-weight: bold;
		font-size: 11px;
		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#container ul li a span.left,
	div#container ul li a span.right {
		display: block;
		float: left;
		width: 11px; /* szélessége megegyezik a kicsit lentebb látható bg-XXX.gif háttérképek szélességével */
		height: 20px; /* magasság megegyezik a LI magasságával */
		}
		div#container ul li a span.left { background: url(bgleft.gif); } /* a fülek bal oldalának háttérképe */
		div#container ul li a span.right { background: url(bgright.gif); } /* a fülek jobb oldalának háttérképe */
	div#container 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: 20px; /* magasság megegyezik a LI magasságával */
		}
	/* a hover állapotú linkek formázásai */
	div#container ul li a:hover {
		text-decoration: nome;
		color: #ffffff;
		background: url(bgcenterred.gif);
		}
		div#container ul li a:hover span.left { background: url(bgleftred.gif); } /* 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(bgrightred.gif); } /* a fül hover állapotban ezt a háttérképet fogja megjeleníteni a fül jobb oldalán */