body{margin:0px; padding: 0 0 20px 0; background: #ffffff url(hatter.jpg) repeat-x top left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
img{border:none;}
table{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
form{padding: 0px; margin: 0px;}
a{text-decoration: none; outline: none; }
h1{}


.munkalap_bal{background: url(hatter_bal.jpg) no-repeat top left; margin: 0px auto; width: 910px;}
.munkalap_jobb{background: url(hatter_jobb.jpg) no-repeat top right; width: 910px;}
.munkalap{text-align: left; background: url(lent_hatter_y.jpg) repeat-y top left; width: 910px; overflow: hidden;}

.fejlec{background: url(fejlec.jpg) no-repeat top left; width: 910px; margin: 0px; height: 130px;}
.fejlec img{margin-top: 0px;}

div.menu div.flash{
	width:		910px;
	height:		260px;
	overflow:	hidden;
	position:	absolute;
	z-index:	10 !important;
	}

/*.menu{background: url(almenu_hatter.jpg) repeat-y top right; width: 910px; display: table;}*/
.menu{background: transparent; width: 910px;}
/*.menu_hatter{background: url(menu_hatter_y.jpg) repeat-y top left;}*/
.menu_hatter{
	background: transparent url('csillag-bg.jpg') no-repeat left top !important;
	}
/*.menu_bal{float: left; background: url(menu_hatter_y.jpg) repeat-y top left;}*/
.menu_bal{
	width:		285px;
	position:	absolute;
	z-index:	100 !important;
	height:		auto;
	overflow:	hidden;
	}

.menu_bal a{
	display:		block;
	float:			none;
	width:			263px;
	height:			23px;
	background:		transparent url('../leftMenu-a-bg.jpg') no-repeat left top;
	color:			#343434;
	font-size:		16px;
	margin:			0;
	padding:		6px 0 0 22px;
	font-weight:	bold;
	}
	/*.menu_bal a span{visibility:hidden;}*/
	
	.menu_bal a:hover, .menu_bal a:focus{
		background-position: 0 -58px; color:#fff;
		}
	.menu_bal a.active, .menu_bal a:active{
		background-position: 0 -29px; color:#fff;cursor:default;
		}

.menu_jobb{
	width:		200px;
	height:		261px;
	background:	#f9a705;
	position:	absolute;
	z-index:	100;
	left:		260px;
	color:		#444;
	}
	
	.menu_jobb span{
		display:		block;
		width:			100%;
		font-size:		14px;
		font-weight:	bold;
		}
	
	.menu_jobb a{
		display:			block;
		width:				180px;
		height:				auto;
		font-size:			11px;
		color:				#000;
		text-decoration:	none;
		border-bottom:		1px dotted #fff;
		margin:				0;
		padding:			5px 10px 5px 10px;
		}
		
		.menu_jobb a:hover, .menu_jobb a:focus, .menu_jobb a.active{
			background:	#444;
			color:		#fff;
			}
		.menu_jobb a.level2{
			width:			160px;
			border-left:	5px solid #444;
			background:		#ccc;
			padding:		5px 10px 5px 25px;
			}
			.menu_jobb a.level2:hover, .menu_jobb a.level2:focus, .menu_jobb a.level2.active{
				background:#444;
				color:#fff;
				}

/*
.menu_jobb a.almenu{color: #fff; font-size: 16px; padding: 0px; text-align: left; display: block; width: 400px;}
.menu_jobb a.almenu:hover{color: #323232;}
.menu_jobb a.almenu2{color: #fff; font-size: 13px; padding: 0px; text-align: left; display: block; width: 400px; text-indent: 20px;}
.menu_jobb a.almenu2:hover{color: #323232;}
*/

.menu_bal a.almenu{color: #fff; font-size: 14px; padding: 3px 0px 3px 0px; text-align: left;}
.menu_bal a.almenu:hover{color: #fa6700;}
.menu_box{color: #fff; font-size: 20px; line-height: 22px; font-weight: bold; padding: 0px 0px 0px 20px; width: 260px;}
.menu_box span{color: #fff; font-size: 20px; line-height: 30px; font-weight: bold;}

.fent_hatter{clear: both; height: 260px; background: url(fent_hatter.jpg) no-repeat top left;}

.tartalom{
	margin:	261px 0 0 0;
	background: url(hatter_tartalom_y.jpg) repeat-y top left;
	clear: both;
	color: #fff;
	line-height: 150%;
	font-size: 12px;
	border-top:5px solid #343434
	}
.tartalom2{background: url(hatter_tartalom.jpg) no-repeat bottom left; min-height: 260px; color: #fff; line-height: 150%; font-size: 12px;}
.tartalom_lent{background: url(hatter_tartalom_lent.jpg) no-repeat bottom left; height: 77px; color: #fff; font-size: 12px;}
.tartalom_lent img{margin: 10px 0px 0px 9px;}
.tartalom_lent div{margin: 0px 10px 0px 10px;}

.szoveg{padding: 20px;}
.tartalom h1{color: #fff; font-size: 18px;}
.tartalom a{color: #fead01; font-size: 12px;}
.tartalom a:hover{color: #fa6700;}

.lablec{background: url(lent_hatter.jpg) no-repeat top left; height: auto; font-size:10px}
.lablec_menu{color: #666; padding: 15px 10px 15px 10px; font-size:10px}
.lablec_copy{text-align: left; color: #666; font-size:10px; padding: 0 10px 0 10px}
.lablec_menu a{color: #666; font-size: 10px;}
.lablec_menu a:hover{color: #fa6700;}


div.level2MenuDiv{
	width:			200px;
	height:			auto;
	margin:			0;
	padding:		0;
	background:		#transparent;
	color:			#fff;
	position:		absolute;
	z-index:		1000;
	}
	
	div.level2MenuDiv a{
		display:			block;
		width:				175px;
		height:				auto;
		padding:			5px 15px 5px 10px;
		margin:				0 0 0 0;
		color:				#444;
		text-decoration:	none;
		text-align:			left;
		border-left:		10px solid #444;
		border-right:		1px solid #999;
		border-bottom:		1px dotted #999;
		background:			#fff;
		font-size:			14px;
		}
		div.level2MenuDiv a.first{
			border-top:		1px dotted #999;
			}
		
		div.level2MenuDiv a:hover, div.level2MenuDiv a:focus, div.level2MenuDiv a:active, div.level2MenuDiv div.element a:hover, div.level2MenuDiv div.element a:focus{
			background:	#fdab01;
			color:		#000;
		border-left:		10px solid #fdab01;
			}
	
	div.level2MenuDiv div.element{width:210px !important;}
			
	div.level2MenuDiv div.element a{
		display:			block;
		width:				170px;
		height:				auto;
		padding:			5px 15px 5px 20px;
		margin:				0 0 0 0;
		color:				#444;
		text-decoration:	none;
		text-align:			left;
		border-left:		10px solid #fdab01;
		border-right:		1px solid #999;
		border-bottom:		1px dotted #999;
		background:			#fff;
		font-size:			14px;
		}
		
/* ADDONS */

/***************************************
Non floated divs, spacers, clearings
***************************************/

	div.clear	{ display: block; width: 100%; height: 1px; float: none; clear: both; overflow: hidden; }
	
	div.s5		{ display: block; width: 100%; height: 5px; float: none; clear: both; overflow: hidden; }
	div.s10		{ display: block; width: 100%; height: 10px; float: none; clear: both; overflow: hidden; }
	div.s15		{ display: block; width: 100%; height: 15px; float: none; clear: both; overflow: hidden; }
	div.s20		{ display: block; width: 100%; height: 20px; float: none; clear: both; overflow: hidden; }
	
/***************************************
Cursor options
***************************************/

	.link{ cursor:	pointer !important; }