* {
	outline: none;
}

body {
	padding: 0;
	margin: 0;
	background: #181818 url('bgpat.jpg') center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #999;
	text-align: center;
}

h2 {
	text-align: left;
	font-family: Arial Black, Gadget, sans-serif;
	padding: 0.5em 50% 0 0;
	margin: 0;
	color: #181818;
}

img {
	border: none;
}

p {
	text-align: justify;
	padding: 1em 1em 0;
	margin: 0;
}

a, a:visited {
	font-weight: bold;
	font-variant: small-caps;
	color: #181818;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
}

#fejlec {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 100%;
}

#quotes {
	width: 950px;
	height: 21px;
}

#oldal {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 100%;
	background: #bbb /*url('pgpat.jpg')*/ center top;
	color: #181818;
}

.cikk {
	padding: 1em;
}

.cikk div.r12 {
	float: right;
	width: 50%;
}
.cikk div.r13 {
	float: right;
	width: 33%;
}
.cikk div.r14 {
	float: right;
	width: 25%;
}
.cikk div.r23 {
	float: right;
	width: 67%;
}
.cikk div.l12 {
	float: left;
	width: 50%;
}
.cikk div.l13 {
	float: left;
	width: 33%;
}
.cikk div.l14 {
	float: left;
	width: 25%;
}
.cikk div.l23 {
	float: left;
	width: 67%;
}

#footer {
	font-size: 0.75em;
	padding: 1em 1em;
	clear: both;
}

#footer p {
	text-align: center;
}

.ia:hover {
	background: transparent;
}

/*************************/
/* CSS Drop-Down Menüsor */
/*************************/
#menu { /* Menüsor kerete */
	background: #181818 url('menu_off.jpg') repeat-x;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1.5em;
	font-size: 0.7em;
}

.menuitem { /* Menüelem kerete */
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width: 10em;
	height: 1.5em;
	overflow: hidden;
}

#mi01 {
	left: 0.5em;
}

#mi02 {
	left: 10.5em;
}

#mi03 {
	left: 20.5em;
}

#mi04 {
	left: 30.5em;
}

#mi05 {
	left: 40.5em;
}

#mi06 {
	left: 50.5em;
}

.menuitem ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menuitem li {
	margin: 0;
	padding:0;
}

.submenu li {
	position: relative;
}

/* 2-class selector to have higher weight than ".menuitem ul" */
.submenu .subsubmenu {
	position: absolute;
	top: 0;
	left: 10em;
	width: 10em;
	display: none;
}

.menuitem:hover {
	height: 10em;
	overflow: visible;
}

.submenu li:hover > .subsubmenu {
	display: block;
}

#menu a {
	display: block;
	margin: 0;
	text-align: center;
	text-decoration: none;
	color: #bbb;
}

#menu a:hover {
	color: #ffd800
}

.menuitem a { /* Fõmenü link */
	background: #181818 url('menu_off.jpg') repeat-x;
	font-weight: bold;
	padding: 0.2em 0.5em;
	valign: middle;
}

.menuitem a:hover {
	background: #000 url('menu_on.jpg') repeat-x;
}

.menuitem ul a { /* 1. szintû almenü link */
	border-top: 1px solid #444;
	border-bottom: 1px solid #181818;
	background: #181818 url('submenu_off.jpg') repeat-y;
	font-weight: normal;
	padding: 0.4em 0.5em 0.4em;
}

.menuitem ul a:hover {
	border-top: 1px solid #000;
	border-bottom: 1px solid #181818;
	background: #000 url('submenu_on.jpg') repeat-y;
}

.menuitem ul ul a { /* 2. szintû almenü link */
	/*background: blue;*/
}

.menuitem ul ul ul a { /* 3. szintû almenü link */
	/*background: violet;*/
}

.menuitem ul ul ul ul a { /* 4. szintû almenü link */
	/*background: orange;*/
}

/* MINTA MENÜ **
<ul id="menu">
	<li class="menuitem" id="mi01"><a href="/">Item 1</a>
		<ul class="submenu">
			<li><a href="/">Subitem 1.1</a></li>
			<!--li><a href="/">Subitem 1.2</a>
				<ul class="subsubmenu">
					<li><a href="/">Subitem 1.2.1</a></li>
					<li><a href="/">Subitem 1.2.2</a>
						<ul class="subsubmenu">
							<li><a href="/">Subitem 1.2.2.1</a></li>
							<li><a href="/">Subitem 1.2.2.2</a>
								<ul class="subsubmenu">
									<li><a href="/">Subitem 1.2.2.2.1</a></li>
									<li><a href="/">Subitem 1.2.2.2.2</a></li>
									<li><a href="/">Subitem 1.2.2.2.3</a></li>
									<li><a href="/">Subitem 1.2.2.2.4</a></li>
								</ul>
							</li>
							<li><a href="/">Subitem 1.2.2.3</a></li>
							<li><a href="/">Subitem 1.2.2.4</a></li>
						</ul>
					</li>
					<li><a href="/">Subitem 1.2.3</a></li>
					<li><a href="/">Subitem 1.2.4</a></li>
				</ul>
			</li-->
			<li><a href="/">Subitem 1.3</a></li>
			<li><a href="/">Subitem 1.4</a></li>
		</ul>
	</li>
	<li class="menuitem" id="mi02"><a href="/">Item 2</a>
		<ul class="submenu">
			<li><a href="/">Subitem 2.1</a></li>
			<li><a href="/">Subitem 2.2</a></li>
			<li><a href="/">Subitem 2.3</a></li>
		</ul>
	</li>
	<li class="menuitem" id="mi03"><a href="/">Item 3</a>
		<ul class="submenu">
			<li><a href="/">Subitem 3.1</a></li>
			<li><a href="/">Subitem 3.2</a></li>
			<li><a href="/">Subitem 3.3</a></li>
			<li><a href="/">Subitem 3.4</a></li>
		</ul>
	</li>
</ul>
*/