#box a {
color:#ffffff;
text-decoration:none;
display:block;
height:24px;
width:16px;
}

#box a:hover {
color:black;
}

#box a span {display:none;}

#box a:hover span {
font-size:3em;
position:relative; top:0px; left:50px; z-index:1;
display:block;
color:black;
background:transparent;
padding:2px;
border:0px dotted black;

}

body {
   margin:0px;
   text-align:center;
   font-family: arial,helvetica,sans-serif;
}
p.foot {
   font-size:5pt;
   margin-left:auto; 
   margin-right:auto;
   text-align:center;
   margin-top:30px;
   margin-bottom:10px;
}
.navi {
   position: fixed;
   left: 10px;
   width: 100px;
   top: 30px;
}
.navi table {
    margin-left:auto;
    margin-right:auto;
}
img {
   border:0;
}
table {
    text-align:center;
    margin:0;
    border-spacing:0px
}
body td { 
     padding-left: 13px;
     padding-right: 13px;
     padding-bottom: 7px;
     padding-top: 7px 
}
.navi td { 
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-top: 3px; 
}
a:visited, a:link, a:focus {
   color:#000000;
   text-decoration: none
}
a:hover{
   color:#f00000;
   text-decoration: underline
}
div.bgscroll {
  margin:20px 20px 20px 250px; width:35em; border:1px solid red;
  background-image:url(herzbg.jpg); background-repeat:no-repeat; background-position:center center;
  background-attachment:scroll;
}