.menu {
font-family: arial, sans-serif; 
width:800px; 
position: relative; 
margin:0; 
font-size:12px; 
margin:2px 0 100px 0; 
z-index:100;

}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color: ;
width:100px; 
height:20px;
padding-right:7px;
text-align:left; 
color: #880000; /*alap font color*/
font-weight:normal;
border-bottom:0px solid #fff; 
line-height:20px; 
font-size:11px; 
overflow:hidden;

}

.menu ul {
position:absolute;
top:80px;
left: 23px;
padding:0; 
margin:0;
list-style-type: none;

 
}

.menu ul li {
float:left; 
margin-right:3px; 
position:relative;


}

.menu ul li ul {
display: none;
border-bottom:0px solid #fff;

}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;

}

.menu ul li:hover ul {
display:block; 
position: absolute; 
top:18px; 
left:0; 
width:108px;
background:; /*almenu hatter szin*/
background-image:url(../pics/Menubgr1.png) /*almenu hatter kep*/



}

.menu ul li:hover ul li a.hide {
background:  ;/* al almenü color */
color:#fff; /* al almenü font color */

}

.menu ul li:hover ul li:hover a.hide {
background:  ;/* al almenü color */
color: #FFFF33; /* al almenü font color */

}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {

display:block; 
background: ; /* almenü  color */
color: #3194c3; /* almenü  font color  zold*/
}
.menu ul li:hover ul li a:hover {
text-decoration:underline;
background: ; /* almenü kijeloles  hover color */
color: #CC3300; /* almenü font hover color */
font-size:11px; /* hover font meret*/


}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:108px; 
top:0;
}

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