/*
menu from Jano
http://www.hszk.bme.hu/~hj130/css/list_menu/meh_menu/mehhu.html
*/


/*
header_menu: 
plusz elem hozzáadásánál a width + padding értéke egyezzen meg a menüelemek szélességének szummájával.
*/
#header_menu { 
    margin: 0;margin-left: 1px;
    padding: 0;
    padding-left:66px; 
    width: 622px;
    height:31px;	/* kell mert belul csak floatolt elemek vannak es nem feszitik ki a magassagot hogy hatterszin latszodjon */
	background-color:#BF0707;
	background-image:url('../images/menu/background.gif');
}

#header_menu ul, #header_menu li {
    margin: 0;
    padding: 0;
}

#header_menu li {
    float: left;
    height: 31px;
    list-style-type: none;
    overflow: hidden;
    position: relative;
	background-repeat:no-repeat;
	margin-left:3px;
}

#header_menu li a{
	display:block;
	height:31px;
}

#header_menu h1 a span, #header_menu li a span {
	position:absolute;
	top:0;
	left:0;
    height: 31px;
	background-position:0 0;	
	cursor:pointer;
}

/* 
kell dummy a:hover be tenni valami valtozast
kulonben a gyerek valtozast nem hajtja vegre 
mouse out-kor szoveg szin valtozas pont jo,
ha nincsenek kepek akkor ez a visszajelzes es
nem a kepcsere 
*/

#header_menu li a {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

#header_menu li a:hover, #header_menu li.aktiv a {
	color:#1B72BF;
	background-color:#FFF;
}

#header_menu li a:hover span, #header_menu li.aktiv a span {
	background-position:0 -31px;
}

#header_menu li.magunkrol, 
#header_menu li.magunkrol a span {
    width: 75px;
    background-image: url("../images/menu/menu_magunkrol.gif");
}

#header_menu li.berendezeseink,
#header_menu li.berendezeseink a span {
    width: 110px;
    background-image: url("../images/menu/menu_berendezeseink.gif");
}

#header_menu li.alkalmazas, 
#header_menu li.alkalmazas a span {
    width: 79px;
    background-image: url("../images/menu/menu_alkalmazas.gif");
}

#header_menu li.akciok, 
#header_menu li.akciok a span {
    width: 49px;
    background-image: url("../images/menu/menu_akciok.gif");
}

#header_menu li.valaszolunk, 
#header_menu li.valaszolunk a span {
    width: 87px;
    background-image: url("../images/menu/menu_valaszolunk.gif");
}

#header_menu li.miertjo, 
#header_menu li.miertjo a span {
    width: 131px;
    background-image: url("../images/menu/menu_miertjo.gif");
}

#header_menu li.kapcsolat, 
#header_menu li.kapcsolat a span {
    width: 70px;
    background-image: url("../images/menu/menu_kapcsolat.gif");
}