/*************************************************/
/*   'Menu.html' formazasa                 		 */
/*************************************************/


.banner 	{
	background-image: url(images/Banner_v1.png);
	background-repeat: no-repeat;
	height:120px;	width:700px;
	background-position: right;
	}

.Babafalva {
	background-color: #FFFFFF;
	width: 700px; height:120px;
	align: right;
	background-image: url(images/Banner_v1.png);	
	}
				

.tarsoldal 	{
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	text-align: center;
	color: #FFFFFF;	background-color: #70A9ED;	width:700px;
	padding-top: 3px;	padding-bottom: 3px;			
	} 

.tarsoldal a:link, .tarsoldal a:active, .tarsoldal a:visited
		{	color: #FFC66D;	text-decoration: none;	}

.tarsoldal a:hover 		{
	color: #1A60B3;
	background-color: #FFC66D;
} 


/***************************************************/

/*   Horizontalis menu formazasa  				   */

/***************************************************/

.menu 		{	float:left;
				width:700px;
				background-image: url(images/Fomenu_bg4.png); 		background-repeat: repeat-x; 
				border-top-width: 0px;	border-top-style: solid;	border-top-color: #FFFFFF;
			}

.menu ul 	{	padding:0; 	margin:0;	list-style-type:none;}

.menu ul li {
	float:left;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	}


.menu ul li a, .menu ul li a:visited 	{
	float:left; display:block; text-decoration:none;
	color:#1A60B3; padding:0px 16px; 
	line-height:25px; height:30px; 
	border-bottom:3px solid #fff; 
	}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover		{border-color:#00FFFF; 	color:#00FFFF; 	background:#FFE2B5;}
.menu ul li a.menutwo:hover		{border-color:#00FFFF; 	color:#00FFFF; 	background:#FFE2B5;}
.menu ul li a.menuthree:hover	{border-color:#00FFFF; 	color:#00FFFF; 	background:#FFE2B5;}
.menu ul li a.menufour:hover	{border-color:#00FFFF; 	color:#00FFFF;	background:#FFE2B5;}
.menu ul li a.menufive:hover	{border-color:#00FFFF; 	color:#00FFFF; 	background:#FFE2B5;}
.menu ul li a.menusix:hover		{border-color:#00FFFF; 	color:#00FFFF;	background:#FFE2B5;}
.menu ul li a.menuseven:hover	{border-color:#00FFFF; 	color:#00FFFF;	background:#FFE2B5;}

.menu ul li:hover a.menuone		{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menutwo		{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menuthree	{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menufour	{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menufive	{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menusix		{border-color:#FF6600; color:#FF6600;}
.menu ul li:hover a.menuseven	{border-color:#FF6600; color:#FF6600;}

.menu ul li ul {	display: none;}

.menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}



/* specific to non IE browsers */

.menu ul li:hover ul 		{

	display:block;
	position:absolute;
	top:32px;
	margin-top:1px;
	left:0;
	width:154px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999; /* <--- menu keret szine: legalso cella alja */

}

								

.menu ul li:hover ul.endstop	{left:-92px;}
.menu ul li:hover ul li ul 		{display: none;}

.menu ul li:hover ul li a 		{
	display:block;
	color:#1A60B3; 
	height:auto; 	width:120px;
	line-height:15px;
	padding:4px 16px;
	font-size: 12px;
	background-color: #FFC66D ; /* <--- 3ik szintu menu (honapok) hatterszine */
	border-top-width: 1px; 		border-right-width: 1px;	border-bottom-width: 1px;		border-left-width: 1px;
	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;		border-left-style: solid;
	border-top-color: #9999FF;	border-right-color: #999999;border-bottom-color: #CCCCCC;	border-left-color: #9999CC;
	}


.menu ul li:hover ul li a.drop {
	background-color: #FFC66D; /* <-- ez az "evek" menu hatterszine */
	font-size: 12px;
	background-position: 3px 8px;
	}


/* "Honapok" kegordulo menu */
.menu ul li:hover ul li a:hover{
	color:#FF6600;	font-size: 12px;	font-weight: bold;
	background-color: #FFE2B5;	
	background-repeat: no-repeat;	background-position: 3px 8px;
	z-index: 5;
	}

								
.menu ul li:hover ul li a:hover.drop {
	background-color: #FFE2B5; /* <-- ez az "evek" menu "hover" szine*/
	background-position: 3px 8px;
	}


.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:153px;
	top:-1px;
}

.menu ul li:hover ul li:hover ul.left {left:-153px;}





/* specific to IE5.5 and IE6 browsers */

.menu ul li a:hover ul {display:block;position:absolute;top:30px; top:33px; background:#fff;left:0; border-bottom:1px solid #000;}

.menu ul li a:hover ul.endstop {left: -92px;}

.menu ul li a:hover ul li a {display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;}

.menu ul li a:hover ul li a.drop {background:#ccd no-repeat 3px 8px; padding-bottom:4px;}

.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

.menu ul li a:hover ul li a:hover {color:#000; background: #ccd url(images/bullet.gif) no-repeat 3px 8px;}

.menu ul li a:hover ul li a:hover.drop { background: #ccd url(images/bullet.gif) no-repeat 3px 8px;}

.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:153px;}

.menu ul li a:hover ul li a:hover ul.left {left:-153px;}