html, body
	{ 
		 margin:0; 
		 padding:0; 
 		 font-family:Arial, Helvetica, sans-serif;
		 background-image:url(../kepek/pattern.gif);
		 background-repeat:repeat;
		 background-color:#008934;
 		 font-size:12px;
		 color:#2c2c2c;
	} 


#pagewidth
	{ 
		 width:905px; 
		 text-align:left;  
		 margin-left:auto; 
		 margin-right:auto;
	}
	
 
#header
	{
		 position:relative; 
		 height:185px; 
		 width:905px;
		 background-image:url(../kepek/header.gif);
		 background-repeat:no-repeat;
	}

#flash_fejlec
	{
		position:relative;
		top:10px;
		left:500px;
		width:400px;
		height:140px;
		margin:0;
		padding:0;
	}

a 
	{
		font-weight:bold;
		color:#004a99;
		text-decoration:none;
	} 

a:hover 
	{
		text-decoration:underline;
	}

a:visited 
	{
		color:#004a99;
	} 
h1
	{
		color:#008935;
		font-size:30px;
		text-align:center;
	}
h2
	{
		color:#004a99;
		font-size:16px;
		text-align:left;
	}	
	
h3
	{
		color:#008935;
		font-size:14px;
		text-align:left;
	}

h4
	{
		color:#008935;
		font-size:12px;
		text-align:left;
	}
	
#wrapper
	{
		position:relative;
		top:0;
		left:0;
		width:905px;
		min-height:500px;
		background-image:url(../kepek/hatter.gif);
		background-repeat:repeat-y;
	} 
	
#leftcol
		{
			 width:160px; 
			 float:left; 
			 text-align:justify;
			 min-height:400px;
			 padding:0;
			 margin:0;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:11px;
			 color:#000000;
	    }
#menu
		{
		 	 position:absolute; 
			 width:150px; 
			 top:0px;
			 left:0px;
			 text-align:justify;
			 padding:0;
			 margin:0;
		}

		
#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 15px;
		}

#menu a 
		{
			font-size:12px;
			color:#004a99;
			font-weight:normal;
			text-decoration: none;
			display:block;
			float:left;
			margin:0;
			padding:0;
			width:115px;
			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:580px;
		 min-height:400px;
		 text-align:justify;
		 padding:0 15px 30px 15px;
		 margin:0;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#666666;
 	}
 
#tamogato
	{
		 float:right; 
		 display:inline; 
		 position: relative; 
		 width:110px;
		 min-height:400px;
		 text-align:center;
		 padding:0px 5px 0px 20px;
		 margin:0;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#666666;
 	}

#tamogato h3 
	{
		color:#008935;
		font-size:14px;
		text-align:center;
	}

#tamogato ul
	{ 
		list-style:none;
		width:100px;
		min-height:60px;
		padding:0;
		margin:0;
		text-align:center;
	}
#tamogato ul li
	{
		list-style:none;
		padding:0 0 20px 0;
		margin:0;
		width:100px;
		min-height:40px;
	}


	
#footer
	{
		height:50px;
		width:885px;
		background-image:url(../kepek/footer.gif);
		background-repeat:no-repeat;
		clear:both;
		color:#FFFFFF;
		text-decoration:none;
		font-size:10px;
		text-align:right;
		padding:20px 20px 0 0;
	} 
 
 
#footer a
	{ 
		font-weight:normal;
		color:#FFFFFF;
		font-size:10px;
	}
	
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0px; 
 clear: both; 
 visibility: hidden;
 }

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

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

#lapozo ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#lapozo ul li
{
	float: left;
	width: 150px;
}

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

#kontakt .tipus { width:100px; text-align:right;}
#kontakt .tartalom { width:380px; text-align:left; float:left;}


#video ul 		{list-style: none;	margin:0; padding:25px; width:550px; min-height:300px;}
#video ul li	{ width:550px;} 

#video .cim 	{color:#008935; font-size:14px; height:20px;  margin:0; padding:0; font-weight:bold;}
#video .forras	{font-size:10px; font-style:italic; color:#999999; height:10px;  margin:0; padding:0;}
#video .kod 	{text-align:center; min-height:200px;  margin:0; padding:20px;}

#szoveg { width:580px; text-align:justify; padding:10px; min-height:250px; margin:0;}

#osztaly { width:600px; padding:60px 0 10px 0; height:100px; margin:0;}

#osztaly h3, h4 { text-align:center;}

#vissza	{ text-align:center; margin:0; padding:50px 0 0 0; width:600px; height:30px;}

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