body{
background-color:black;
width:auto;
height:auto;
}

.body{
background-color:black;
width:992px;
height:702px;
margin:auto;
}


#menu{
width:890px;
height:200px;
margin:auto;
}


#egy{
background-image:url(images_alap/1.gif);
width:28px;
height:187px;
float:left;
}
#egy:hover{
background-image:url(images_hover/1.gif);
width:28px;
height:187px;
float:left;
}



#ketto{
background-image:url(images_alap/2.gif);
width:28px;
height:187px;
float:left;
}
#ketto:hover{
background-image:url(images_hover/2.gif);
width:28px;
height:187px;
float:left;
}


#harom{
background-image:url(images_alap/3.gif);
width:28px;
height:187px;
float:left;
}
#harom:hover{
background-image:url(images_hover/3.gif);
width:28px;
height:187px;
float:left;
}


#negy{
background-image:url(images_alap/4.gif);
width:28px;
height:187px;
float:left;
}
#negy:hover{
background-image:url(images_hover/4.gif);
width:28px;
height:187px;
float:left;
}


#ot{
background-image:url(images_alap/5.gif);
width:29px;
height:187px;
float:left;
}
#ot:hover{
background-image:url(images_hover/5.gif);
width:29px;
height:187px;
float:left;
}


#hat{
background-image:url(images_alap/6.gif);
width:29px;
height:187px;
float:left;
}
#hat:hover{
background-image:url(images_hover/6.gif);
width:29px;
height:187px;
float:left;
}


#het{
background-image:url(images_alap/7.gif);
width:21px;
height:187px;
float:left;
}
#het:hover{
background-image:url(images_hover/7.gif);
width:21px;
height:187px;
float:left;
}


#nyolc{
background-image:url(images_alap/8.gif);
width:28px;
height:187px;
float:left;
}
#nyolc:hover{
background-image:url(images_hover/8.gif);
width:28px;
height:187px;
float:left;
}


#kilenc{
background-image:url(images_alap/9.gif);
width:27px;
height:187px;
float:left;
}
#kilenc:hover{
background-image:url(images_hover/9.gif);
width:27px;
height:187px;
float:left;
}


#tiz{
background-image:url(images_alap/10.gif);
width:29px;
height:187px;
float:left;
}
#tiz:hover{
background-image:url(images_hover/10.gif);
width:29px;
height:187px;
float:left;
}













#tizenegy{
background-image:url(images_alap/11.gif);
width:27px;
height:187px;
float:left;
}
#tizenegy:hover{
background-image:url(images_hover/11.gif);
width:27px;
height:187px;
float:left;
}


#tizenketto{
background-image:url(images_alap/12.gif);
width:29px;
height:187px;
float:left;
}
#tizenketto:hover{
background-image:url(images_hover/12.gif);
width:29px;
height:187px;
float:left;
}


#tizenharom{
background-image:url(images_alap/13.gif);
width:29px;
height:187px;
float:left;
}
#tizenharom:hover{
background-image:url(images_hover/13.gif);
width:29px;
height:187px;
float:left;
}


#tizennegy{
background-image:url(images_alap/14.gif);
width:24px;
height:187px;
float:left;
}
#tizennegy:hover{
background-image:url(images_hover/14.gif);
width:24px;
height:187px;
float:left;
}


#tizenot{
background-image:url(images_alap/15.gif);
width:27px;
height:187px;
float:left;
}
#tizenot:hover{
background-image:url(images_hover/15.gif);
width:27px;
height:187px;
float:left;
}


#tizenhat{
background-image:url(images_alap/16.gif);
width:28px;
height:187px;
float:left;
}
#tizenhat:hover{
background-image:url(images_hover/16.gif);
width:28px;
height:187px;
float:left;
}


#tizenhet{
background-image:url(images_alap/17.gif);
width:28px;
height:187px;
float:left;
}
#tizenhet:hover{
background-image:url(images_hover/17.gif);
width:28px;
height:187px;
float:left;
}


#tizennyolc{
background-image:url(images_alap/18.gif);
width:27px;
height:187px;
float:left;
}
#tizennyolc:hover{
background-image:url(images_hover/18.gif);
width:27px;
height:187px;
float:left;
}


#tizenkilenc{
background-image:url(images_alap/19.gif);
width:29px;
height:187px;
float:left;
}
#tizenkilenc:hover{
background-image:url(images_hover/19.gif);
width:29px;
height:187px;
float:left;
}


#husz{
background-image:url(images_alap/20.gif);
width:29px;
height:187px;
float:left;
}
#husz:hover{
background-image:url(images_hover/20.gif);
width:29px;
height:187px;
float:left;
}








#huszonegy{
background-image:url(images_alap/21.gif);
width:24px;
height:187px;
float:left;
}
#huszonegy:hover{
background-image:url(images_hover/21.gif);
width:24px;
height:187px;
float:left;
}


#huszonketto{
background-image:url(images_alap/22.gif);
width:27px;
height:187px;
float:left;
}
#huszonketto:hover{
background-image:url(images_hover/22.gif);
width:27px;
height:187px;
float:left;
}


#huszonharom{
background-image:url(images_alap/23.gif);
width:28px;
height:187px;
float:left;
}
#huszonharom:hover{
background-image:url(images_hover/23.gif);
width:28px;
height:187px;
float:left;
}


#huszonnegy{
background-image:url(images_alap/24.gif);
width:27px;
height:187px;
float:left;
}
#huszonnegy:hover{
background-image:url(images_hover/24.gif);
width:27px;
height:187px;
float:left;
}


#huszonot{
background-image:url(images_alap/25.gif);
width:28px;
height:187px;
float:left;
}
#huszonot:hover{
background-image:url(images_hover/25.gif);
width:28px;
height:187px;
float:left;
}


#huszonhat{
background-image:url(images_alap/26.gif);
width:29px;
height:187px;
float:left;
}
#huszonhat:hover{
background-image:url(images_hover/26.gif);
width:29px;
height:187px;
float:left;
}


#huszonhet{
background-image:url(images_alap/27.gif);
width:29px;
height:187px;
float:left;
}
#huszonhet:hover{
background-image:url(images_hover/27.gif);
width:29px;
height:187px;
float:left;
}


#huszonnyolc{
background-image:url(images_alap/28.gif);
width:24px;
height:187px;
float:left;
}
#huszonnyolc:hover{
background-image:url(images_hover/28.gif);
width:24px;
height:187px;
float:left;
}