body
  {
  overflow: hidden;
  }
div.content
  {
  height: 100%;
  overflow: auto;
  }

/* Modify these position values to move menus around */
#mtddm1_position 
{
     position:absolute;<!-- positie tekst -->
    left: 40px;
    top`; 100px;
}
#mtddm2_position 
{
    position:absolute;
    left: 40px;
    top: 150px;
}

/* First Menu Row */
#mtddm1
{
    margin: 0;
    padding: 0;
    z-index: 2;
}

#mtddm1 li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    z-index: 2;
    font: bold 11px verdana
}

#mtddm1 li a
{
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 60px;
    background: #000000;
    color: #FFCC66;
    text-align: center;
    z-index: 2;
    text-decoration: none
}

#mtddm1 li a:hover
{
    background: #000000;
    z-index: 2
}

#mtddm1 div
{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    z-index: 2;
    background: #000000;
    border: 1px solid #FFCC66} <!-- rand van het dropdown menu -->

    #mtddm1 div a
    {
        position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #000000;
        color: FFCC66;
        z-index: 2;
        font: 11px verdana
    }

    #mtddm1 div a:hover
    {
        background: #000000;
        z-index: 2;
        color: FFCC66
    }               
}

/* Second Menu Row */
#mtddm2
{
    margin: 0;
    padding: 0;
    z-index: 2;
}

#mtddm2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    z-index: 3;
    font: bold 11px verdana 

}
#mtddm2 li a
{
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 60px;
    background: #000000;
    color: FFCC66;
    text-align: center;
    z-index: 2;
    text-decoration: none
}
#mtddm2 li a:hover
{
    background: #000000;
    z-index: 2
}
#mtddm2 div
{
   position: absolute; 
   visibility: hidden;
    margin: 0;
    padding: 0;
    z-index: 2;
    background: #000000;
    border: 1px solid #FFCC66}

    #mtddm2 div a
    {
        position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #000000;
        color: FFCC66;
        z-index: 2;
        font: 11px verdana
    }
    #mtddm2 div a:hover
    {
        background: #000000;
        z-index: 2;
        color: FFCC66
    }               
}