html { background: white; }

.example-frame {
  position: relative;
  margin: 0;
  padding: 0;
}

.tile {
  position: absolute;
  width: 88px;
  height: 88px;
}

.wrap {
  width: 88px;
  height: 88px;
  background: transparent;
}

.content {
  display: none;
  margin: 0;
} 

#a {
}

#a { 
z-index: 2; 
}

#z:hover, #x:hover, #y:hover, #w:hover { z-index: 1; }

#z:hover .content{
 display: block; 
position: absolute;
left: 40px;
top: -13px;
z-index: 10;
}


.leipis {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
.leipis_tsini { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0077BD; text-decoration: none }
.leipis_vsini { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6699CC; text-decoration: none }
.leipis_vsini_linkki { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6699CC; text-decoration: underline}
.otsikko_vsini {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6699CC; font-weight: bold}
.leipis_linkki { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}
.otsikko_vsini_linkki { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6699CC; font-weight: bold ; text-decoration: none}
.otsikko_turkoosi { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00728B; font-weight: bold ; text-decoration: none}
.jumpmenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; clip:    rect(   ); height: 30px; width: 150px; top: 0px}

.otsikko_valk { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold ; text-decoration: none }