#GermLayer {
  float: right;
  display: inline;
  width: 71%;
  height: auto;
  padding: 0em 0em 0.5em 0em;
  margin: 0.1em 0em 1.5em 0em;
}


#GermLayerPicture  {
    position:relative;
        width: 89.2%;
    height:  14.86em;
    margin-left: 5.35%;
margin-right: 5.35%;
margin-top: 0.5em;
margin-bottom: 0.5em;
border: 1px solid #000;
}

#GermLayerPicture img {
    position: absolute;
        width: 100%;
    height:  14.86em;
}

#GermLayerPicture  ul {
    margin: 0em;
    padding: 0em;
    list-style: none;
}

#GermLayerPicture  a {
    position: absolute;
    font-size: 1.8em;
font-weight: 500;
    color: #000;
    text-decoration: none;
}


#GermLayerPicture  a:visited {
    color: #000;
    text-decoration: none;
}

#GermLayerPicture a:hover,
#GermLayerPicture a:focus,
#GermLayerPicture a:active {
color: #FF0000;
    text-decoration: none;

}






#GermLayerPicture .mesoderm a {
    width: 21%;
    height: 81.5%;
    top: 4.5%;
    left: 1.6%;
}

#GermLayerPicture .mesoderm a img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0em;
    left: 0em;
}



#GermLayerPicture .mesectoderm a {
    width: 21%;
    height: 81.5%;
    top: 4.5%;
    left: 27%;
}



#GermLayerPicture .endoderm a {
    width: 21%;
    height: 81.5%;
    top: 4.5%;
    left: 52.5%;
}


#GermLayerPicture .ectoderm a {
    width: 21%;
    height: 81.5%;
    top: 4.5%;
    left: 77%;
}


#GermLayerPicture .mesoderm a img,
#GermLayerPicture .mesectoderm a img,
#GermLayerPicture .endoderm a img,
#GermLayerPicture .ectoderm a img
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0em;
    left: 0em;
}

.mesoderm .legend {
left: 12%;
bottom: -17%;
}
.mesectoderm .legend {
bottom: -17%;
}
.endoderm .legend {
left: 10%;
bottom: -17%;
}
.ectoderm .legend {
bottom: -17%;
left: 15%;
}