/*
/////////////////////// ÁLTALÁNOS FORMÁZÁSOK ///////////////////
*/
		body
		{
		background-image: url('new_hatter_szin.png');
		background-color: #0F1F36;
		padding: 0px;
		margin: 0px;
		text-align: center;
		}

		div.hatter_egesz
		{
		background-image: url('new_hatter.png');
		background-repeat: repeat-x;
		background-position: top left;
		padding: 0px;
		margin: 0px;
		text-align: center;
		}

		img
		{
		border-style: none;
		}

		form
		{
		display:inline;
		}
		
/*
/////////////////////// OSZLOP ÉS LÁBLÉC FORMÁZÁSOK ///////////////////
*/

		td.baloszlop
		{
		padding: 5px 5px 10px 10px;
		text-align: left;
		font-family: Verdana;
		font-size: 12px;
		color: #3d5d8a;
		line-height: 2em;
		vertical-align: middle;
		}
		
		td.fooszlop
		{
		background-image: url('hatter_svarci.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #FFFFFF;
		padding: 10px 0px 0px 0px;
		text-align: center;
		}
		
		td.jobboszlop
		{
		padding: 5px 10px 10px 5px;
		text-align: center;
		font-family: Verdana;
		font-size: 12px;
		color: #3d5d8a;
		}
		
		td.lablec
		{
		padding: 5px;
		font-family: Verdana;
		font-size: 12px;
		color: #FFFFFF;
		}


		img.balcim
		{
		display: block;
		margin: 2px auto 6px -10px;
		}

		img.jobbcim
		{
		display: block;
		margin: 2px -10px 6px auto;
		}

/*
/////////////////////// MENÜ FORMÁZÁSOK ///////////////////
*/

		img.fomenu
		{
		margin: 0px 0px 0px 25px;
		}

		div.menu_jelzo
		{
		margin-top: -14px;
		margin-left: 30px;
		margin-bottom: 0px;
		text-align: left;
		}

		div.almenucim
		{
		margin-top: 0px;
		margin-left: 30px;
		margin-bottom: 0px;
		text-align: left;
		font-family: Verdana;
		font-size: 14px;
		color: #3D5D8A;
		}

		a.csoportmenu
		{
		text-decoration: none;
		color: #3D5D8A;
		}
		a.csoportmenu:hover
		{
		text-decoration: underline;
		}

		div.almenusor
		{
		margin-top: 5px;
		margin-left: 45px;
		margin-bottom: 0px;
		text-align: left;
		font-family: Verdana;
		font-size: 12px;
		color: #6F6F6F;
		}

		a.almenu
		{
		color: #B53710;
		text-decoration: none;
		padding: 1px 5px 1px 1px;
		}
		a.almenu:hover
		{
		background-color: #B53710;
		color: #FFFFFF;
		}

/*
/////////////////////// HÍR PANEL FORMÁZÁSOK ///////////////////
*/

		div.hirdatum
		{
		text-align: right;
		font-style: italic;
		}


		a.linkhir
		{
		color: #3D5D8A;
		text-decoration: none;
		display: block;
		margin: 2px 0px 6px 0px;
		padding: 5px 10px;
		}
		a.linkhir:hover
		{
		background-color: #FFFFFF;
		}

/*
/////////////////////// FORM FORMÁZÁSOK ///////////////////
*/

		.keresesform
		{
		border: 0px none #FFFFFF;
		background-color: #FFFFFF;
		padding: 4px;
		margin: 0px 0px 4px 0px;
		font-family: Verdana;
		font-size: 12px;
		color: #3D5D8A;
		}

		.izform
		{
		border: 1px solid #7A1D00;;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Verdana;
		font-size: 12px;
		color: #7A1D00;
		}

/*
/////////////////////// REKLÁM PANEL FORMÁZÁSOK ///////////////////
*/

		img.reklam
		{
		display: block;
		margin: auto auto;
		}

/*
/////////////////////// LINK FORMÁZÁSOK ///////////////////
*/

		a.link0
		{
		color: #3D5D8A;
		text-decoration: none;
		}
		a.link0:hover
		{
		text-decoration: underline;
		}

		a.link1
		{
		color: #B53710;
		text-decoration: none;
		}
		a.link1:hover
		{
		text-decoration: underline;
		}

		a.belso
		{
		color: #B53710;
		text-decoration: none;
		}
		a.belso:hover
		{
		text-decoration: underline;
		}
		
/*
/////////////////////// KOSÁR FORMÁZÁSOK ///////////////////
*/

		div.kosar_egesz
		{
		font-family: Verdana;
		font-size: 12px;
		color: #3D5D8A;
		}	

		.darabmezo
		{
		width: 25px;
		border: 1px solid #3D5D8A;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Verdana;
		font-size: 12px;
		color: #3D5D8A;
		text-align: right;
		}

		a.linkKosar
		{
		color: #B53710;
		xborder: 1px solid #B53710;
		background-color: #FFFFFF;
		text-decoration: none;
		}
		a.linkKosar:hover
		{
		background-color: #B53710;
		color: #FFFFFF;
		}
/*
/////////////////////// TERMÉK FORMÁZÁSOK ///////////////////
*/

		div.termek_egesz
		{
		width: 95%;
		border: 1px solid #3D5D8A;
		padding: 10px;
		font-family: Verdana;
		margin: 0px auto 20px auto;
		text-align: left;
		}

		div.termek_nev
		{
		text-align: left;
		font-size: 18px;
		color: #7A1D00;
		margin: 10px 0px;
		}

		div.termek_uj
		{
		margin-top: -24px;
		}

		a.termek_nev
		{
		color: #7A1D00;
		text-decoration:none;
		vertical-align: middle;
		}
		a.termek_nev:hover
		{
		text-decoration:underline;
		}

		div.termek_gyarto
		{
		text-align: left;
		font-size: 12px;
		font-style: italic;
		color: #7A1D00;
		margin: 10px 0px;
		}

		div.termek_szoveg
		{
		text-align: justify;
		line-height: 1.5em;
		font-size: 12px;
		color: #3D5D8A;
		margin: 10px 0px;
		}

		div.termek_ar
		{
		text-align: left;
		font-size: 14px;
		color: #7A1D00;
		margin: 10px 0px;
		}

		div.termek_also
		{
		text-align: left;
		font-size: 14px;
		color: #B53710;
		margin: 10px 0px;
		clear: both;
		}

		img.termek_kep
		{
		float: right;
		margin: 10px 0px 10px 10px;
		}

		img.termek_kep_bal
		{
		float: left;
		margin: 10px 10px 10px 0px;
		}

		a.kosarba
		{
		display: block;
		text-align: center;
		width: 35%;
		border: 0px solid #B53710;
		padding: 9px 6px;
		color: #B53710;
		text-decoration: none;
		font-weight: bold;
		vertical-align: middle;
		}
		a.kosarba:hover
		{
		border: 1px solid #B53710;
		padding: 8px 5px;
		}

		a.bovebb
		{
		float:right;
		color: #B53710;
		text-decoration: none;
		}
		a.bovebb:hover
		{
		text-decoration: underline;
		}

		div.termek_hsz1
		{
		width:44%;
		border: 3px solid #e6ecf4;
		font-family: Verdana;
		text-align: left;
		font-size: 12px;
		line-height: 1.5em;
		color: #3D5D8A;
		background-color: #dbe3ec;
		margin: 0px 0px 10px 0px;
		padding:5px 15px 5px 5px;
		}
		
		div.termek_hsz2
		{
		width: 90%;
		border: 10px solid #e6ecf4;
		font-family: Verdana;
		text-align: left;
		font-size: 12px;
		line-height: 1.5em;
		color: #3D5D8A;
		background-color: #dbe3ec;
		margin: 0px auto 20px auto;
		padding: 10px;
		}
		
		div.termek_hsz3
		{
		border: none;
		font-family: Verdana;
		text-align: left;
		font-size: 10px;
		line-height: 1.5em;
		color: #3D5D8A;
		background-color: #e6ecf4;
		margin: 10px;
		padding: 10px;
		}

		div.termek_hsz_nev
		{
		font-size: 12px;
		font-weight: bold;
		color: #B53710;
		}

		div.termek_hsz_datum
		{
		font-size: 10px;
		font-style: italic;
		text-align: right;
		color: #666666;
		}

		div.termekcsoport_leiras
		{
		position: relative;
		padding: 5px;
		margin: 10px;
		border: 1px solid #009922;
		font-family: Verdana;
		color: #009922;
		font-size: 12px;
		line-height: 1.3em;
		text-align: justify;
		}

/*
/////////////////////// LAPOZÓ RÉSZ FORMÁZÁSOK ///////////////////
*/


		div.lapozo
		{
		width: 95%;
		border-style: none;
		padding: 10px;
		font-size: 14px;
		font-family: Verdana;
		color: #3D5D8A;
		margin: 20px 0px 10px 0px;
		text-align: left;
		line-height: 2em;
		clear:both;
		}

		a.laplink
		{
		padding: 2px 4px;
		color: #B53710;
		text-decoration: none;
		}
		a.laplink:hover
		{
		color: #FFFFFF;
		background-color: #B53710;
		}

		span.lapaktiv
		{
		padding: 2px 4px;
		text-decoration: none;
		border: 1px solid #3D5D8A;
		}

		div.rendezo
		{
		width: 95%;
		border-style: none;
		padding: 10px;
		font-size: 14px;
		font-family: Verdana;
		color: #3D5D8A;
		margin: 20px 0px -30px 0px;
		text-align: left;
		line-height: 2em;
		clear:both;
		}

/*
/////////////////////// TERMÉKEK LISTÁZÓ PANEL///////////////////
*/

		a.focsoport
		{
		display: list-item;
		list-style-image: url('felsorolas1.png');
		list-style-position: outside;
		color: #B53710;
		text-decoration: none;
		vertical-align: middle;
		}
		a.focsoport:hover
		{
		text-decoration: underline;
		}

		a.alcsoport
		{
		display: list-item;
		list-style-image: url('felsorolas2.png');
		list-style-position: outside;
		color: #B53710;
		text-decoration: none;
		vertical-align: middle;
		}
		a.alcsoport:hover
		{
		text-decoration: underline;
		}

		a.aktivfocsoport
		{
		display: list-item;
		list-style-image: url('felsorolas1.png');
		list-style-position: outside;
		color: #FFFFFF;
		padding: 1px 5px;
		*padding: 1px 2px;
		background-color: #3D5D8A;
		text-decoration: none;
		vertical-align: middle;
		}
		a.aktivcsoport:hover
		{
		text-decoration: underline;
		}

		a.aktivalcsoport
		{
		display: list-item;
		list-style-image: url('felsorolas2.png');
		list-style-position: outside;
		color: #FFFFFF;
		padding: 1px 5px;
		*padding: 1px 2px;
		background-color: #3D5D8A;
		text-decoration: none;
		vertical-align: middle;
		}
		a.aktivcsoport:hover
		{
		text-decoration: underline;
		}

/*
/////////////////////// NYITÓ PANEL///////////////////
*/

		div.nyito_panel
		{
		width: 95%;
		border: 1px solid #3D5D8A;
		padding: 10px;
		font-family: Verdana;
		margin: 20px 0px;
		text-align: left;
		}

		div.nyito_cim
		{
		vertical-align: middle;
		text-align: left;
		font-size: 23px;
		color: #3D5D8A;
		margin: 10px 0px;
		}

		div.nyito_szoveg
		{
		text-align: justify;
		line-height: 1.5em;
		font-size: 12px;
		color: #3D5D8A;
		margin: 10px 0px;
		}

		div.hiba_panel
		{
		width: 95%;
		border: 2px solid #FF0000;
		padding: 10px;
		font-family: Verdana;
		color: #AA0000;
		font-size: 14px;
		margin: 20px 0px;
		text-align: justify;
		line-height: 1.5em;
		font-weight: bold;
		}


/*
/////////////////////// REGISZTRÁCIÓ ÉS KOSÁR ///////////////////
*/


		fieldset
		{
			border: 1px solid #3D5D8A;
			padding: 20px 5px;
			margin: 10px 0px 20px 0px;
			text-align: left;
			font-family: Verdana;
			font-size: 12px;
			color: #3D5D8A;
			clear:both;
		}

		legend
		{
			margin: 0px 10px;
			*margin-bottom: 20px;
			padding: 0px 10px;
			font-family: Verdana;
			font-size: 14px;
			color: #3D5D8A;
		}

		div.sor
		{
			clear:both;
			vertical-align:middle;
			line-height:1.5em;
			margin: 5px 0px;
		}

		div.kozep
		{
			clear: both;
			vertical-align: middle;
			line-height: 1.7em;
			margin: 10px 0px;
			padding: 0px 30px;
			text-align: center;
		}

		div.felirat
		{
			width:45%;
			text-align:right;
			float:left;
			margin-right:10px;
		}

		.regmezo
		{
			width: 200px;
			border: 1px solid #3D5D8A;
			background-color: #FFFFFF;
			padding: 2px;
			font-family: Verdana;
			font-size: 12px;
			color: #3D5D8A;
			text-align: left;
		}

		.reghiba
		{
			color: #FF0000;
			font-style: italic;
			font-weight: bold;
			border-style: none;
		}

		div.elkuldve_panel
		{
			width: 95%;
			border: 2px solid #77BB77;
			padding: 10px;
			font-family: Verdana;
			color: #008800;
			font-size: 14px;
			margin: 20px 0px;
			text-align: justify;
			line-height: 1.5em;
			font-weight: bold;
		}

		div.latogatok
		{
			font-size: 11px;
			line-height: 1.2em;
			text-align: left;
			color: #3D5D8A;
			margin: 10px;
			padding: 10px;
			/*border: 1px solid #FF0000;*/
			background-color: #e6ecf4;
		}