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:280px;
		 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;}

.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;}
}