/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
width: 650px; /* = Breite des Feldes */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -304px; /* = hier Feld nach LINKS oder RECHTS verschieben */
margin-top:66px; /* = hier Feld nach OBEN oder UNTEN verschieben */
overflow: hidden;}
/* 4 Felder haben unsere Links als Inhalt */
#link_1, #link_2, #link_3, #link_4 {
float:left; /* = durch float:left; platzieren sich Buttons nebeneinader */
overflow: hidden;
margin-right: 8px; /* = Abstand zwischen den Buttons */
text-align: center;}
/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt das DIV Feld aus */
width: 148px; /* = Breite des Button */
height: 20px; /* = Höhe des Button */
line-height:20px; /* = muss die Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #555555; /* = Hintergrundfarbe Link */
border-top: 1px solid #bbbbbb; /* = Rahmen oben */
border-right: 1px solid #bbbbbb; /* = Rahmen Rechts */
border-left: 1px solid #bbbbbb; /* = Rahmen Links */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
font-size:15px;
line-height:20px;
text-decoration:none;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
text-align:center;
background-color: #6f8ac4;
background-image: url(oder hier BILD-URL); }
-->
</style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://ameiseninfo-v2.de.tl/Ameiseninfo_Team.htm">Über uns</a> </div>
<div id="link_2"> <a href="http://ameiseninfo-v2.de.tl/Ameisenland.htm">Ameisenland</a> </div>
<div id="link_3"> <a href="http://ameiseninfo-v2.de.tl/Die-Suche.htm">Die Suche</a> </div>
<div id="link_4"> <a href="http://ameiseninfo-v2.de.tl/Mitglieder.htm">Mitglieder</a> </div>
</div>
