html, body
	{ 
		 margin:0; 
		 padding:0; 
 		 font-family:Arial, Helvetica, sans-serif;
		 background-image:url(../kepek/hatter.gif);
		 background-repeat:repeat-x;
		 background-color:#8a9dc3;
	} 

a 
	{
		font-weight:bold;
		color:#4f4f4f;
		text-decoration:none;
		 font-size:11px;
	} 

a:hover 
	{
		text-decoration:underline;
		font-size:11px;
	}

a:visited 
	{
		font-size:11px;
		color:#4f4f4f;
	} 
h3
	{
		color:#1F3C78;
		font-size:14px;
		text-align:left;
	}

h4
	{
		color:#1F3C78;
		font-size:12px;
		text-align:left;
	}
	
#pagewidth
	{ 
		 width:850px; 
		 text-align:left;  
		 margin-left:auto; 
		 margin-right:auto;
		 background-color:#8a9dc3;
		 background-image:url(../kepek/hatter2.gif);
		 background-repeat:repeat-y;
	} 
 
#header
	{
		 position:relative; 
		 height:245px; 
		 width:850px;
		 background-color:#00599c;
		 background-image:url(../kepek/top_hatter.jpg);
		 background-repeat:repeat;
	}

#datum
	{
		 position:absolute; 
		 top:181px;
		 left:340px;
		 height:20px; 
		 width:300px;
		 font-size:11px;
		 color:#FFFFFF;
	}	
	 
 
#leftcol
		{
			 position:relative; 
			 width:180px; 
			 float:left; 
			 text-align:justify;
			 padding:10px;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:11px;
			 color:#000000;
	    }
		
#menu ul 
		{
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: normal;
		}

#menu ul li 
		{
			list-style: none;
			background-image:url(../kepek/menu_hatter.gif);
			background-repeat:no-repeat;
			height:30px;
			padding:0 0 0 5px;
		}

#menu a 
		{
			font-size:12px;
			color:#1F3C78;
			font-weight:normal;
			text-decoration: none;
			display: block;
			float: left;
			margin:0;
			width:170px;
			text-align:left;
			height:30px;
		}

#menu a:hover 
	{
		text-decoration:underline;
	}

#menu .current_page_item a 
	{
		text-decoration:none;
		font-weight:bold;
		
	}	

#menu .current_page_item21 a 
	{
		text-decoration:none;
		padding-left:15px;
	}	

#menu .current_page_item21 a:hover
	{
		text-decoration:underline;
		padding-left:15px;
	}		
#menu .current_page_item22 a 
	{
		text-decoration:none;
		font-weight:bold;
		padding-left:15px;
	}			   
 
#maincol
	{
		 float:right; 
		 display:inline; 
		 position: relative; 
		 width:600px;
		 min-height:400px;
		 text-align:justify;
		 padding:0px 30px 30px 20px;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:11px;
		 color:#7e7e7e;
 	}
 
#footer
	{
		 height:75px;
		 width:850px;
		 background-image:url(../kepek/footer.gif);
		 background-repeat:no-repeat;
		 background-color:#8a9dc3; 
		 clear:both;
	} 
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0px; 
 clear: both; 
 visibility: hidden;
 }
 
#hirek  ul	  {list-style:none; margin:0px; padding:40px 0px 0px 0px; width:600px; min-height:150px;}
#hirek  ul li { float:left; width:180px; min-height:150px;}

#album ul 	{ list-style:none; margin:0; padding:0; width:600px; min-height:150px;}
#album ul li 	{ float:left; width:120px; padding:10px 0 0 0; text-align:center; min-height:150px;}  

#galeria ul 	{ list-style:none; margin:0; padding:0; width:600px; min-height:150px;}
#galeria ul li 	{ float:left; width:150px; padding:10px 0 0 0; text-align:center; min-height:150px;}   

#gallery ul 	{ list-style:none; margin:0; padding:0; width:600px; min-height:150px;}
#gallery ul li 	{ float:left; width:150px; padding:10px 0 0 0; text-align:center; min-height:150px;}
#gallery img	{ border::solid 1px #4f4f4f;}

#kontakt ul 	{list-style: none;	margin:0; padding:0;text-align:left; width:500px; min-height:10px;}
#kontakt ul li	{float: left; min-height:10px; margin:0;} 

#kontakt .cim 		{width:460px; text-align:left; float:left; font-size:13px; padding:20px; color:#000066; font-weight:bold;}
#kontakt .tipus 	{width:110px; text-align:right; padding-right:10px;}
#kontakt .tartalom 	{width:380px; text-align:left; float:left; padding:0;}
#kontakt .nev 		{width:380px; text-align:left; float:left; color:#1F3C78; font-size:12px; padding:10px 0 0 0;  font-weight:bold;}
#kontakt .terkep		{width:500px; min-height:300px; padding-top:15px; text-align:center;}

#kontakt  a { font-weight:bold; color:4f4f4f; text-decoration:none; font-size:11px;} 
#kontakt  a:hover { text-decoration:underline; font-size:11px;}
#kontakt  a:visited { font-size:11px; color:#4f4f4f;} 
 
#nyitvatartas ul 	{ width:400px; min-height:10px; padding:0; margin:0;}
#nyitvatartas ul li	{ float:left; margin:0;}

#nyitvatartas .nap 	  { width:110px; padding-right:10px; text-align:right;}
#nyitvatartas .nyitva { width:135px; padding-right:5px; text-align:center;}

#reg ul		{list-style: none;	margin: 0;	padding: 0;	text-align: left;	width: 530px; padding:8px; height:30px;}
#reg ul li  {float:left; }

#reg .megnevez  { width:155px; font-size:13px; height:30px; text-align:right; padding-right:5px;}
#reg .megnevezp  { width:155px; font-size:13px; height:30px; text-align:right; padding-right:5px; color:#FF0000;}
#reg .adat 		{ width:350px; color:#000000; height:30px;}
#reg .adat2		{ width:350px; font-style:italic; font-weight:bold; color:#000000; font-size:13px; height:30px;}
#reg .adat3 	{ width:350px; color:#000000; min-height:40px}

#forum ul		{list-style: none; margin-top:10; padding:0; width: 550px; min-height:65px;  border:1px #1F3C78 dashed;}
#forum ul li	{list-style:none;}
#forum .nick0	{width:140px; height:17px; float:left; margin:10; padding:3px 0 0 10px; background-color:#F1F0FF; text-align:left; font-weight:bold; border-bottom:1px dotted #aaaaaa;}
#forum .datum0	{width:390px; height:17px; float:left; margin:10; padding:3px 10px 0 0; background-color:#F1F0FF; text-align:right; font-style:italic; border-bottom:1px dotted #aaaaaa;}
#forum .nick1	{width:140px; height:17px; float:left; margin:10; padding:3px 0 0 10px; background-color:#EEEEEE; text-align:left; font-weight:bold; border-bottom:1px dotted #aaaaaa;}
#forum .datum1	{width:390px; height:17px; float:left; margin:10; padding:3px 10px 0 0; background-color:#EEEEEE; text-align:right; font-style:italic; border-bottom:1px dotted #aaaaaa;}
#forum .szoveg	{width:530px; min-height:40px; text-align:justify; margin:0; padding:10px 10px 0 10px;}

#comment ul 	{list-style:none; margin:0; padding:0; width:500px; height:300px; background-color:#eeeeee; border:1px #1F3C78 dashed;}
#comment ul li	{list-style:none; margin-top:5px; padding:0; float:left;}
#comment .cim		{ width:120px; text-align:right; height:20px;  font-weight:bold;}
#comment .adat		{ width:375px; text-align:left;  height:20px; margin-left:5px;}
#comment .cim2		{ width:120px; text-align:right; height:200px; font-weight:bold;}
#comment .szoveg	{ width:375px; text-align:left;  height:200px;  margin-left:5px;}
#comment .gomb		{ height:30px; text-align:center; width:500px;}
#comment .fejlec	{ height:30px; text-align:center; width:500px; font-weight:bold;}

#hatarozatok_ev		{width:700px; min-height:25px; text-align:center; }
#hatarozatok_ev ul		{list-style:none; width:700px; margin:0; padding:0; min-height:25px;}
#hatarozatok_ev ul li	{list-style:none; width:70px; margin:0; padding:0; height:25px; float:left; text-align:center; font-size:18px;}
#hatarozatok_ev a		{font-size:18px;}

#dontesek			{width:700px; min-height:25px; text-align:left;}
#dontesek ul		{list-style:none; width:700px; margin:0; padding:0; min-height:50px; font-weight:bold;}
#dontesek ul li	{list-style:none; margin:2px 0 2px 0; padding:2px;  height: 23px; float:left; }
#dontesek .verseny	{ width:688px; height:48px; color:#000099; font-size:14px; padding-top:10px; margin-top:10px; border-top:1px dashed #999999;}

#dokument		{width:600px; min-height:150px; margin:0; padding:0;}
#dokument ul 	{list-style:none; margin:0; padding:0; width:600px; min-height:160px;}
#dokument ul li {float:left; width:120px; padding:10px 0 0 0; margin:0; text-align:center; min-height:150px; } 

#dokument a img	{ border:0;}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}