* { margin: 0; padding: 0; }

html {
	overflow-y: scroll;
	overflow-x: auto;
	background-image: url(images/hatter.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #f2f0f3;
}

body {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 90%;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 930px;
}

#fejlec {
	margin: 0;
	padding: 0 15px;
	width: 900px;
	height: 250px;
	
	background-image: url(images/fejlec_.png);
	background-repeat: no-repeat;
}

#fejlec h1 { display: none; }

#fejlec p {
	display: inline;
	margin: 0 10px 0 15px;
}

#fejlec img {
	width: 329px;
	height: 125px;
	float: right;
	border: 0;
	margin-top: 3px;
	margin-bottom: 2px;
}

#fejlec a:link, #fejlec a:visited {
	text-decoration: none;
	color: white;
}

#fejlec a:hover/*, #fejlec a:active*/ {
	text-decoration: underline;
}

div.elerhetoseg {
	float: right;
	clear: right;
	width: 100%;
	text-align: right;
}

#topmenudiv {
	padding-top: 200px;
}

/* a #topmenu egy <ul> azonosítója!!!*/

#topmenu, #topmenu ul {
	/*clear: both;*/
	padding: 0;
	margin: 0;
	list-style: none; /* listastílus kitörlése */ 
	width: 100%;
}

#topmenu li {
	float: left; /* a listaelemeket egymás mellé rakjuk */ 
	position: relative; /* és relatív pozícionáljuk, ezáltal az almenüket
							hozzájuk viszonyítva tudjuk rendezni az abszolút pozícionálással */ 
	background-color: #7e90ba;
	margin: 0 10px;
	z-index: 1;
}

#topmenu a, #topmenu a:link, #topmenu a:visited {
	display: block; /* az egyes linkeket blokk elemekké konvertáljuk
						így kitöltik a listaelemek által készített alkotott négyszögeket*/
	text-decoration: none;
	color: #000000;
	margin: 0;
	padding: 3px 7px;
	/*width: 100%;	/* a linkek így biztosan kitöltik az őket körülvevő listaelemeket */
}

#topmenu a:hover/*, #topmenu a:active*/ {
	color: #ffffff;
	background-color: #ff7f04;/*#919fb4;*/
}

#topmenu a.aktiv {
	color: #ffffff;
	background-color: #ff7f04;
	text-decoration: none;
}

/** html #topmenu a {
	width: 100%;
}*/

#topmenu ul {
	display: none; /* a legördülő listákat ne jelenítjük meg */ 
	position: absolute;
	padding: 0;
	background-color: #7e90ba;
}

#topmenu ul li {
	float: none; /* megakadályozzuk a legördülő listaelemek főmenütől örökölt balra rendeződését */ 
									/*margin-top: 1px; /* a menüelem így nem takarja el a legfelső szintű menüpont alját */
	padding: 0;
	margin: 0;
}

#topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:visited {
	background-color: #7e90ba;
	color: #ffffff;
	width: 100%;	/* a linkek így biztosan kitöltik az őket körülvevő listaelemeket */
}

#topmenu ul li a:hover/*, #topmenu ul li a:active*/ {
	background-color: #ff7f04;
	color: #000000;
}

#topmenu ul li a.aktiv {
	background-color: #ff7f04;
	color: #000000;
}

#topmenu li:hover ul {
	display: block; /* a legördülő listák megjelenítése a hover állapotban */ 
}

#tartalom {
	padding: 0 25px;	/*árnyék nélkül 0 5px volt*/
	margin-top: -63px;
	background-image: url(images/arnyek.png);
}

#fejlec_alja {
	background-image: url(images/fejlec_alja.png);
	background-repeat: no-repeat;
	height: 63px;
}

#tartalom a[href$='.pdf'] {
	background: transparent url(images/pdf.png) no-repeat center right;
	padding-right: 25px;
}

#vanmenu {
	width: 500px;		/*KÉTOLDALIHOZ; egyoldalihoz 700px*/
	margin-left: 195px;		/*árnyék nélkül mindegyik oldali 190px volt*/
	margin-right: 130px; /*KÉTOLDALI MENÜ*/
	padding-bottom: 20px;
	text-align: justify;
}

#vanmenu *:first-child {
	margin-top: 0;
}

#vanmenu a:link, #vanmenu a:visited {
	text-decoration: underline;
	color: #000080;
}

#vanmenu a:hover/*, #vanmenu a:active*/ {
	text-decoration: none;
	color: #000080;
}

#vanmenu a h3 {
	color: #000000;
}

#menuk {
	width: 170px;
	float: left;
}

#menu_bal {
	width: 190px;
	float: left;
}

#menu_jobb {
	width: 170px;
	float: right;
	list-style: none;
}

div.menu {
	width: 170px;
	background-color: #3b5c88;
	margin: 0 10px 20px 0;
}

#menu_bal div.menu {
	width: 180px;
}

#menu_jobb div.menu {
	width: 170px;
}

div.menu p {
	line-height: 31px;
	background-image: url(images/menu.png);
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
}

div.menu ul {
	list-style: none;
}

div.menu li a, div.menu li a:link, div.menu li a:visited {
	color: #ffffff;
	text-decoration: none;
	line-height: 25px;
	padding: 0 15px 0 3px;
	display: block;
	border-bottom: solid 1px white;
}

div.menu li a:hover/*, div.menu li a:active*/ {
	background-color: #919fb4;
}

div.menu li a.aktiv {
	background-color: #919fb4;
}

/*lenyíló menü*/
div.menu li a.csukva {
	background-image: url(images/csukva.png);
	background-position: right;
	background-repeat: no-repeat;
}

div.menu li a.nyitva {
	background-image: url(images/nyitva.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #919fb4;
}

div.menu li li a:link, div.menu li li a:visited {
	background-color: #ff7f04;
	color: #000000;
	padding-left: 10px;
}

div.menu li li a:hover/*, div.menu li li a:active*/ {
	background-color: #ffc48b;
	text-decoration: none;
}

div.menu li li a.aktiv {
	background-color: #ffc48b;
	color: #000000;
	padding-left: 10px;
	text-decoration: none;
}
/**/

/*második szintű lenyíló menü*/
div.menu ul ul li a.csukva {
	/*ugyan az, mintha sima menü lenne*/
}

div.menu ul ul li a.nyitva {
	background-color: #ffc48b;
}

div.menu ul ul ul li a:link, div.menu ul ul ul li a:visited {
	padding-left: 20px;
	background-color: #777777;
	color: #ffffff;
}

div.menu ul ul ul li a:hover/*, div.menu ul ul ul li a:active*/ {
	background-color: #aaaaaa;
	color: #000000;
}

div.menu ul ul ul li a.aktiv {
	padding-left: 20px;
	background-color: #aaaaaa;
	color: #000000;
}
/**/

#lablec {
	clear: both;
	padding: 5px 27px;
	font-size: 60%;
	text-align: center;
	height: 40px;
	
	background-image: url(images/arnyek_lent.png);
	background-repeat: no-repeat;
}

#lablec p {
	display: inline;
	margin: 0;
}

h2 { margin: 12px 0 24px 0; text-align: left; }

h3 { margin: 6px 0 12px 0; text-align: left; }

p { margin: 6px 0 18px; }

ul.nap {
	margin-left: 15px;
	list-style-image: url(images/ul.png);
	list-style-position: inside;
	list-style-type: square;
}

ul.nap li:hover {
	list-style-image: url(images/ul2.png);
}

ul.nap li {
	margin-bottom: 5px;
}

p.linkek {
	width: 125px;
	float: right;
	/*margin-left: 375px;
	margin-top: -50px;*/
}

a[href$='.pdf'] {
	background: transparent url(images/pdf.png) no-repeat center right;
	padding-right: 25px;
}

table.szalagfuggony_szinminta {
	width: 100%;
	text-align: center
}

table.szalagfuggony_szinminta td { padding: 5px; }

table.szalagfuggony_szinminta td:first-child { width: 245px; }

table.szalagfuggony_szinminta td td, table.szalagfuggony_szinminta td td:first-child { width: 70px; }

table.roletta_szinminta td { padding: 5px; }

table.roletta_szinminta td:first-child { width: 160px; }

table.roletta_szinminta td img {
	width: 130px;
	height: 130px;
	vertical-align: middle;
	border: 0;
}

table.roletta_szinminta td td, table.roletta_szinminta td td:first-child {
	width: 40px;
	font-size: 60%;
	text-align: center;
}

table.roletta_szinminta td td img, table.roletta_szinminta td td:first-child img {
	width: 40px;
	height: 40px;
	border: 0;
}

div.gordulo {
	width: 100%;
	height: 95px;
	overflow-x: scroll;
	overflow-y: hidden;
}

div.gordulo img {
	max-height: 80px;
	display: inline;
}

iframe {
	display: none;
}

iframe.terkep {
	display: inline;
}