.anasayfa {
width: 120px;
height: 40px;
background: url(images/menu/ase.gif) top left no-repeat;
float: right
}
a.anasayfa {
display: block;
width: 120px;
height: 40px;
background: url(images/menu/ase.gif) top left no-repeat;
text-decoration: none;
}
a:hover.anasayfa {
background-position:0 -40px;
text-decoration: none;
}
.tasar {
width: 140px;
height: 40px;
background: url(images/menu/tasar.gif) top left no-repeat;
float: right
}
a.tasar {
display: block;
width: 140px;
height: 40px;
background: url(images/menu/tasar.gif) top left no-repeat;
text-decoration: none;
}
a:hover.tasar {
background-position:0 -40px;
text-decoration: none;
}
.gelis {
width: 155px;
height: 40px;
background: url(images/menu/ana.gif) top left no-repeat;
float: right
}
a.gelis {
display: block;
width: 155px;
height: 40px;
background: url(images/menu/ana.gif) top left no-repeat;
text-decoration: none;
}
a:hover.gelis {
background-position:0 -40px;
text-decoration: none;
}
.grafik {
width: 160px;
height: 40px;
background: url(images/menu/gafik.gif) top left no-repeat;
float: right
}
a.grafik {
display: block;
width: 160px;
height: 40px;
background: url(images/menu/gafik.gif) top left no-repeat;
text-decoration: none;
}
a:hover.grafik {
background-position:0 -40px;
text-decoration: none;
}
.sanal {
width: 145px;
height: 40px;
background: url(images/menu/sanal.gif) top left no-repeat;
float: right
}
a.sanal {
display: block;
width: 145px;
height: 40px;
background: url(images/menu/sanal.gif) top left no-repeat;
text-decoration: none;
}
a:hover.sanal {
background-position:0 -40px;
text-decoration: none;
}
.cd {
width: 145px;
height: 40px;
background: url(images/menu/cd.gif) top left no-repeat;
float: right
}
a.cd {
display: block;
width: 145px;
height: 40px;
background: url(images/menu/cd.gif) top left no-repeat;
text-decoration: none;
}
a:hover.cd {
background-position:0 -40px;
text-decoration: none;
}
.ilet {
width: 95px;
height: 40px;
background: url(images/menu/ilet.gif) top left no-repeat;
float: right
}
a.ilet {
display: block;
width: 95px;
height: 40px;
background: url(images/menu/ilet.gif) top left no-repeat;
text-decoration: none;
}
a:hover.ilet {
background-position:0 -40px;
text-decoration: none;
}
<!-- Alt menü-->
ul#minitabs{   
padding-top:100px;    
background: #000;    
text-align:center;    
list-style: none;    
margin: 0;    
padding: 16px 0;    
border-bottom: 10px solid #000;    
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;    
text-align: center;    
white-space: nowrap;
}
ul#minitabs li{    
display: inline;    
margin: 0 3px;
}
ul#minitabs a{    
text-decoration: none;    
padding: 0 0 3px;    
border-bottom: 4px solid #000;    
color: #000;
}
ul#minitabs a#current{    
border-color: #0CA4E0;    
color: #0CA4E0;
}
ul#minitabs a:hover{    
border-color: #0CA4E0;    
color: #333333;
}
<!-- Alt menü-->