* {margin: 0; padding: 0; border: 0;}
ul{margin: 15px;}

.hir_cim {font-weight: bold; font-size: 12px;}
.news_title { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.news_short_text { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.news_full_text { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: none; TEXT-DECORATION: none}
.news_standard { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: none; TEXT-DECORATION: none}
.news_alert { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #FF0000; FONT-WEIGHT: none; TEXT-DECORATION: none}
.news_admin_standard { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: none; TEXT-DECORATION: none}
.news_admin_alert { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #FF0000; FONT-WEIGHT: none; TEXT-DECORATION: none}
.news_admin_sub_title { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.gallery_name{font-weight: bold; font-size: 12px;}
/*.hir_kep{width: 442px;}*/
#hir{clear: both; width: 440px; height: 144px; background: url(../images/hir_hatter.jpg) no-repeat center top; text-align: left;}

#hir_kiskep{
margin: 0 auto; 
width: 140px;
height: 144px;
text-align: center;
float: left;}

.hir_kiskep_table{width: 140px; height: 138px; text-align: center;}
#hir_szoveg{margin: 5 3 0 2px; width: 294px; height: 124px; float: right;}
#hir_link{width: 294px; height: 20px; float right; text-align: right;float: right;}
#hir_link a {border: 1px solid #a6c6db; margin-right: 1px; background: #bce1fb; padding: 1 1 0 12px; color: #442f74; text-decoration: none; font-weight: bolder; font-size: 10px; height: 14px; /*width: 70px;*/ display: block; float: right;}
.kep {border: 1px solid #3D6EA8;}

body {color: #442f74; background: white; font: 12px arial, sans-serif; text-align: center;}

#munkalap{text-align: left;}

.hatter{border: 0px solid black; margin: 0; background: url("../images/hatter.jpg") repeat-y 20 top;}
.hatter_nyito{border: 0px solid black; margin: 0; background: url("../images/hatter_nyito.jpg") repeat-y 20 top;}
.fent_b{width:20px;height:20px;background:url(../images/hatter_sarok_1.jpg) no-repeat;}
.fent{height:20px;background:url(../images/hatter_fent.jpg) repeat-x;}
.fent_j{width:20px;height:20px;background:url(../images/hatter_sarok_2.jpg) no-repeat;}
.bal{width:20px;height:100%;background: url(../images/hatter_bal.jpg) repeat-y;}
.jobb{width:20px;height:100%;background: url(../images/hatter_jobb.jpg) repeat-y;}
.lent_b{width:20px;height:20px;background: url(../images/hatter_sarok_4.jpg) no-repeat;}
.lent{height: 20px;background: url(../images/hatter_lent.jpg) repeat-x;}
.lent_j{width:20px;height: 20px;background: url(../images/hatter_sarok_3.jpg) no-repeat;}
#fent_bal{float:left; height: 20px; width:80px; background: url(../images/hatter_fent_b.jpg) left;}
#fent_jobb{float:right; height: 20px; width:80px; background: url(../images/hatter_fent_j.jpg) right;}
#lent_bal{float:left; height: 20px; width:80px; background: url(../images/hatter_lent_b.jpg) left;}
#lent_jobb{float:right; height: 20px; width:80px; background: url(../images/hatter_lent_j.jpg) right;}
#bal_fel{width:20px;_height: 50%; background: url(../images/hatter_bal_f.jpg) no-repeat top;}
#bal_le{width:20px;_height: 50%; background: url(../images/hatter_bal_l.jpg) no-repeat bottom;}
#jobb_fel{width:20px;_height: 50%; background: url(../images/hatter_jobb_f.jpg) no-repeat top;}
#jobb_le{width:20px;_height: 50%; background: url(../images/hatter_jobb_l.jpg) no-repeat bottom;}

#menu_resz{float: left; width: 270px; color: #442f74; /*#3D6EA8;*/ _position: relative;  background: url("../images/logo_hatter.jpg") repeat right top ;}
#menu_resz_jobb{width: 220px; height: 100%; color: #442f74; /*#3D6EA8;*/ _position: relative;  background: url("../images/logo_hatter_jobb.jpg") repeat left top ;; vertical-align: top !important;}
#menu {	margin: 0px 0px 20px 0px; width: 200px; _height: auto; min-height: auto; font-size: 11px; font-weight: bolder; text-align: left;}
#menu_jobb {margin: 23px 0px 0px 0px; width: 215px; _height: auto; min-height: auto; font-size: 11px; font-weight: bolder; text-align: left; z-index: 1;}
#menu_narancs{width: 270px; background: url("../images/menu_narancs.jpg") repeat-y right top;}

#menu_info
{
	background: #0052A6 url("../images/menu_narancs.jpg") repeat-y right top;
	width: 100%;
	height: 150px;
	font-size: 12px;
	font-weight: normal;
	float: left;
}

.jobb_info{
/*height: 100%; width: 100%; background: url('{{$home}}images/logo_hatter_jobb.jpg') repeat left top;*/
	background: #0052A6;
}

.jobb_info div{
	width: 100%;
	height: 100%;
	border-left: 1px solid white;
}

#menu_info_szov
{
	padding: 4px 4px 4px 4px;
	color: white;
}

#menu_info_szov a
{
	color: #fff;
}


.ablak_hatter{
background: url("../images/ablak_hatter.jpg") repeat left top;
text-align: center;
margin: 0;
float:right;}

#ablak{
margin: 0;
min-height: 495px;
_height: 495px;
width: 476px;/*688px;*/
}

#ablak_nyito{
margin: 0;
min-height: 495px;
_height: 100%;
width: 476px;/*688px;*/
background: url("../images/ablak_nyito.jpg") repeat-x center top;}

#szoveg
{
	margin: 50 8px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-WEIGHT: none;
	TEXT-DECORATION: none;
}

#fejlec
{
	padding: 11px 0px 11px 0px;
/*	background: url("../images/fejlec_hatter.jpg") repeat left top;*/
	/*background-color: rgb(0,223,209);*/
	width: auto;
	height: auto;
	color: #442f74;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#idezet
{
	padding-top: 4px 0 4px 0;
	background: #0052A6;
	height: 24px;
	color: white;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
}

#lablec{clear: both;}

.lab_bal{margin-left: 5px; position: relative; top: 5px;}
.lab_jobb{margin-right: 5px; position: relative; top: 5px;}


#logo
{
margin:  10 0 0 6px;
font-size: 15px;
font-weight: bold;
width: 260px;
height: 94px;
}

.logo_div{float: right; width: 184px;}

/*
#logo img
{
margin:  0px 0px 20px 0px;
}
*/

.fejlec_cim{
/*background-color: rgb(0,223,209);*/
background: rgb(0,223,209) url('../images/topmenubg.jpg') left top;
margin:  0px;
font-size: 15px;
font-weight: bold;
height: 41px;
line-height: 41px;
text-align: left;
width: auto;
}

.fejlec_cim div{
position: relative;
right: 190px;
}

#logo_jobb
{
margin:  10px 0 0 6px;
font-size: 15px;
font-weight: bold;
width: 215px;
height: auto;
}

#logo img{float: left;}

.logo_kicsi{font-size: 11px; font-weight: bold;}

#zaszlo{
height: 24px;
width: 228px;
background: #0052A6;
margin: 15 0 0 4;
clear: left;}

#zaszlo img{
margin: 4 0 0 20px;
cursor: pointer;}

#kepgaleria{
	float: right;
	margin-top: 85px;}

#kepgaleria a{
cursor: pointer;}

/*dl, dd, ul, dt{list-style-type: none;}
li {list-style-type: disc;}*/

#menu ul
{
	margin: 0 0 0 15;
	list-style-type: none;
	height: auto;
}
	
	#menu ul li
	{
		cursor: pointer;
		padding: 0 0 0 0;
		vertical-align: middle !important;
		margin: 0;
	}
	
	#menu ul li.level2
	{
		cursor: pointer;
		padding: 0 0 0 20;
		vertical-align: middle !important;
		margin: 0;
	}
	
	#menu ul li a
	{
		display: block;
		padding: 10px 0 10px 30px;
		text-decoration: none;
		color: #442f74;
		border-bottom: 1px solid white;
		background: transparent url("../images/menu_kep.jpg") no-repeat 0px 10px;
	}
	
	#menu ul li ul
	{
		list-style-type: none;
		height: auto;
		margin:	0 0 0 20px;
	}
	
	#menu ul li ul li
	{
		cursor: pointer;
		padding: 0 0 0 0;
		vertical-align: middle !important;
		margin: 0;
	}
	
	#menu ul li ul li a
	{
		display: block;
		padding: 10px 0 10px 30px;
	}
	
#menu_jobb ul
{
	margin: 0 0 0 0;
	list-style-type: none;
	height: auto;
}
	
	#menu_jobb ul li
	{
		cursor: pointer;
		padding: 0 0 0 0;
		vertical-align: middle !important;
		margin: 0;
	}
	
	#menu_jobb ul li.level2
	{
		cursor: pointer;
		padding: 0 0 0 20;
		vertical-align: middle !important;
		margin: 0;
	}
	
	#menu_jobb ul li a
	{
		display: block;
		padding: 10px 0 10px 30px;
		text-decoration: none;
		color: #442f74;
		border-bottom: 1px solid white;
		background: transparent url("../images/menu_kep.jpg") no-repeat 0px 10px;
		margin:	0 0 0 10px;
	}
	
	#menu_jobb ul li ul
	{
		margin:	0 0 0 30px;
		list-style-type: none;
		height: auto;
	}
	
	#menu_jobb ul li ul li a
	{
		padding: 10px 0 10px 30px;
	}
	
#menu2
{
	/*background-color: rgb(0,223,209);*/
	background: rgb(0,223,209) url('../images/topmenubg.jpg') left top;
	width: auto;
	height: 41px;
	border-bottom: 1px dotted #fff;
	border-top: 1px solid rgb(0,193,189);
}

#menu2 ul{
padding:0;
margin:0;
}
#menu2 li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
z-index: 100;

}
#menu2 li a
{
background: rgb(0,223,209) url("../images/menu_kep.jpg") no-repeat 11px 9px;
/*background: rgb(0,223,209) url('../images/topmenubg.jpg') left top;*/
padding: 0px 8px 0px 38px;
margin: 0px 0px 0px 0px;
height: 41px;
line-height: 41px;
overflow: hidden;
display: block;
border-bottom: 0px dotted #fff;
border-right: 1px solid #fff;
text-decoration:none;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #442f74;
float: left;
} 

#menu2 li a:hover
{
	background-color: rgb(0,203,189);
}

#menu2 li a#almenu128{border-right: 0px solid #fff;}

#menu2 ul ul
{
	position: absolute;
	left: 0px;
	top: 42px;
	visibility: hidden;
	width: 250px;
	z-index: 100;
}
/*
#menu2 ul li:hover ul
{
	visibility: visible;
}
*/
#menu2 ul li ul a
{
	width: 250px;
	background-color: rgb(0,223,209);
	font-size: 10px;
	z-index: 100;

}

div.s5{width:100%;height:5px;overflow:hidden;float:none;clear:both;}
div.s10{width:100%;height:10px;overflow:hidden;float:none;clear:both;}
div.s15{width:100%;height:15px;overflow:hidden;float:none;clear:both;}
div.s20{width:100%;height:20px;overflow:hidden;float:none;clear:both;}

div.pager a{display: inline !important;}

/*#menu ul{margin: 0;}
#menu dt
{
	cursor: pointer;
	padding: 5 5 5 15;
	height: auto;
	border-bottom: 1px solid white;
	list-style-position: outside;
}
#menu ul{margin: 0 0 0 0;}

#menu li.elso{_margin: 0 0 0 0px;}

#menu li
{
	cursor: pointer;
	border-bottom: 1px solid white;
	list-style: url("../images/menu_kep.jpg");
	list-style-position: outside;
	padding: 5 5 5 5;
	vertical-align: middle !important;
}

#menu dd, dt
{
	margin: 0px;
	padding: 0;
	border: 0px solid gray;
}

#menu li a, #menu dt a 
{
	text-decoration: none;
	border: none;
	height: auto;
	margin: 0 0 0 0;
}

#menu li a:hover, #menu dt a:hover
{
	background: url("../images/menu_hatter.jpg") repeat-y;
}

.fo
{
	margin: 0 5 0 0;
	vertical-align: middle !important;
}*/