<style type="text/css"><!--
/* Feld für das Menu */
#Menu_Box {
width: 650px; /* Breite */
position: absolute;
left: 53%; /* = NICHT ÄNDERN ! */
margin-left: -304px; /* nach LINKS + RECHTS verschieben */
margin-top: 210px; /* nach OBEN + UNTEN verschieben */
overflow: hidden;}
/* die 4 DIV Felder */
#link_1, #link_2, #link_3, #link_4 {
float: left; /* Buttons nebeneinander */
text-align: center;
margin-right: 5px; /* Abstand zwischen Buttons */
overflow: hidden; }
/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt Feld aus */
width: 130px; /* = Breite des Button */
height: 21px; /* = Höhe des Button */
line-height: 20px; /* = muss Höhe bekommen, die auch height hat */
margin-top: 20px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #00000 ; /* = Linkfarbe */
font-size: 15px; /* = Link Textgroeße */
font-family: Century Gothic; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color:#cccccc ;
/* = Hintergrundfarbe Link */
border: 1px solid #000000; /* = Rahmen */
-moz-border-radius-topleft: 0px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 0px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
font-size: 20px;
margin-top: 18px;
padding-top: 5px;
padding-bottom: 5px;
color: #00000;
font-weight: bold;
background-color: #ccccc; }
--></style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://blog-pic.de.tl/Home.htm">Home</a></div>
<div id="link_2"> <a href="http://blog-pic.de.tl/G.ae.stebuch.htm">Gästebuch</a> </div>
<div id="link_3"> <a href="http://blog-pic.de.tl/Kontakt.htm">Kontakt</a> </div>
<div id="link_4"> <a href="http://blog-pic.de.tl/Partner.htm">Partner</a> </div>
</div>
