Menú con pestañas, sin imágenes


<div id="reiter1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Productos</a></li> 
<li><a href="#">Servicios</a></li>
<li><a href="#">Referencias</a></li>
<li><a href="#" class="aktiv">Contacto</a></li> 
<li><a href="#">Impreso</a></li>
</ul>
</div>


* {
margin: 0;
padding: 0;
}
#reiter1 ul {
padding: 3px 0 3px 20px; 
border-bottom: 1px solid #000;
}
#reiter1 ul li {
display: inline;
list-style: none;
}
#reiter1 ul li a {
font-weight: bold;
padding: 3px 0.5em; 
margin-right: 5px;
border: 1px solid #900;
border-bottom: none;
background-color: #f0e0c0;
color: #900;
text-decoration: none;
}
#reiter1 ul li a:hover {
background-color: #b0a080;
color: #fff;
border-color: #000;
}
#reiter1 ul li a.aktiv,
#reiter1 ul li a.aktiv:hover {
background-color: #fff;
color: #777;
border: 1px solid #000;
border-bottom: 1px solid #fff;
cursor: default;
}

Índice Capítulo 7
Contenido material adicional