/* CSS Document */

/*********************************************************Menü*****************************************************************/

#menu {
background-image:url(../hatter/menuhatter.gif);
width: 870px;
height: 28px;
position: relative; left: 0px;
/*font-variant: small-caps;*/
}

div #menu {
margin: 0px;
padding: 0px;
background-color: #ffffff;
}
	
div #menu ul {
margin-left: 0px;
}
 

div #menu ul li {
display: block; /* hogy méretezhetőek legyenek */
float: left; /* balra floatolva, hogy egymás mellé kerüljenek */
height: 27px; /* beállítja a magasságot */
margin: 0px 0px 0px 0px; /* az egyes menüpontok közötti távolságot határozza meg */
}
 
div #menu ul li a {
display: block;
float: left;
height: 27px; /* a magasság megegyezik a LI magasságával */
line-height: 27px; /* a sor magassága megegyezik a LI magasságával */
vertical-align: middle; /* ez rendezi be a szöveget vertikálisan a sor közepére */
background: url(../hatter/menukozep.jpg); /* a háttérkép */
background-repeat: no-repeat;
font-weight: bold;
color: #ffffff;
cursor: pointer; /* az egér fölévitelére váltson át kézre a mutató */
text-decoration: none;
}
 
	
div #menu ul li a span.left,
div #menu ul li a span.right {
display: block;
float: left;
width: 11px; 
height: 27px; /* magasság megegyezik a LI magasságával */
}
div #menu ul li a span.left { background: url(../hatter/menubal.jpg); background-repeat: no-repeat;  } 
div #menu ul li a span.right { background: url(../hatter/menujobb.jpg); background-repeat: no-repeat; } 
		
div #menu ul li a span.text {
display: block;
float: left;
padding: 0px 5px; /* meghatározza a szövegek távolságát a fülek széleitől */
height: 27px; /* magasság megegyezik a LI magasságával */
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

div #menu ul li a:hover {
text-decoration: underline;
color: #ffffff;
background: url(../hatter/menukozeph.jpg);
background-repeat: no-repeat;
}
div #menu ul li a:hover span.left { background: url(../hatter/menubalh.gif); background-repeat: no-repeat; } 
div #menu ul li a:hover span.right { background: url(../hatter/menujobbh.jpg); background-repeat: no-repeat; } 
		
/*******************************************************Menü vége****************************************************************/


/*******************************************************Almenü eleje*************************************************************/
#almenu {
background-image:url(../hatter/almenuhatter.gif);
width: 870px;
height: 35px;
position: relative; left: 0px; 
 
/*font-variant: small-caps;*/
}

div #almenu {
margin: 0px;
padding: 0px;
background-color: #ffffff;
/*margin-top: -12px;*/
}

div #almenu ul {
margin-left: 260px;

}

div #almenu ul li {
display: block; /* hogy méretezhetőek legyenek */
float: left; /* balra floatolva, hogy egymás mellé kerüljenek */
height: 28px; /* beállítja a magasságot */
margin: 0px 1px 0px 1px; /* az egyes menüpontok közötti távolságot határozza meg */
}

div #almenu ul li a {
display: block;
float: left;
height: 28px; /* a magasság megegyezik a LI magasságával */
line-height: 28px; /* a sor magassága megegyezik a LI magasságával */
vertical-align: middle; /* ez rendezi be a szöveget vertikálisan a sor közepére */
background: url(../hatter/almenuikonkozep.jpg); /* a háttérkép */
background-repeat: no-repeat;
font-weight: bold;
color: #113366;
cursor: pointer; /* az egér fölévitelére váltson át kézre a mutató */
text-decoration: none;
}

div #almenu ul li a span.left,
div #almenu ul li a span.right {
display: block;
float: left;
width: 11px; 
height: 28px; 
}

div #almenu ul li a span.left { background: url(../hatter/almenuikon.jpg); background-repeat: no-repeat;  } 
div #almenu ul li a span.right { background: url(../hatter/almenuikonjobb.jpg); background-repeat: no-repeat; } 

div #almenu ul li a span.text {
display: block;
float: left;
padding: 0px 0px; /* meghatározza a szövegek távolságát a fülek széleitől */
height: 28px; /* magasság megegyezik a LI magasságával */
font-size: 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

div #almenu ul li a:hover {
text-decoration: underline;
color: #5577AA;
background: url(../hatter/almenuikonkozeph.jpg);
background-repeat: no-repeat;
}
div #almenu ul li a:hover span.left { background: url(../hatter/almenuikonh.jpg); background-repeat: no-repeat; } 
div #almenu ul li a:hover span.right { background: url(../hatter/almenuikonjobbh.jpg); background-repeat: no-repeat; }
		

/*******************************************************Almenü vége**************************************************************/



/*******************************************************Contheader**************************************************************/
#contheader {
/*background-color: #990000;*/
background-image:url(../hatter/contheader.gif);
width: 870px;
height: 43px;
position: relative; left: 0px;
margin-top: -7px;
font-variant: small-caps;
}