div.responsive-med {
  display: none;
}

.med {
    margin-left: 1px;
}

#application li, #startup li, #running li, #closing li {
    position: absolute;
    display: inline-block;
    background: none !important;
}

#application li a, #startup li a, #running li a, #closing li a {
    font-size: 85%;
    line-height: 120%;
    color: #2b2b2b !important;
    white-space: nowrap;
    position: absolute;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
}

#application li a:hover, #startup li a:hover, #running li a:hover, #closing li a:hover {
  text-decoration: underline;
}

ul#application {
    background: url("/english/for-employees/support/research/funding/units/med/css/application.gif") no-repeat 0 0;
    width: 740px;
    height: 307px;
}

ul#startup {
    background: url("/english/for-employees/support/research/funding/units/med/css/startup.gif") no-repeat 0 0;
    width: 738px;
    height: 586px;
}

ul#running {
    background: url("/english/for-employees/support/research/funding/units/med/css/running.gif") no-repeat 0 0;
    width: 738px;
    height: 238px;
}

ul#closing {
    background: url("/english/for-employees/support/research/funding/units/med/css/closing.gif") no-repeat 0 0;
    width: 738px;
    height: 142px;
}

#application #step1 {
    left: 117px;
    top: 120px;
}

#application #step2 {
    left: 135px;
    top: 37px;
}

#application #step3 {
    left: 125px;
    top: 220px;
}

#application #step4 {
    left: 305px;
    top: 120px;
}

#application #step5 {
    left: 360px;
    top: 7px;
}

#application #step6 {
    left: 245px;
    top: 7px;
}

#application #step7 {
    left: 417px;
    top: 127px;
}

#application #step8 {
    left: 545px;
    top: 127px;
}

#startup #step1 {
    left: 78px;
    top: 10px;
}

#startup #step2 {
    left: 207px;
    top: 17px;
}

#startup #step3 {
    left: 68px;
    top: 80px;
}

#startup #step4 {
    left: 270px;
    top: 135px;
}

#startup #step5 {
    left: 191px;
    top: 320px;
}

#startup #step6 {
    left: 345px;
    top: 355px;
}

#startup #step7 {
    left: 465px;
    top: 355px;
}
#startup #step8 {
    left: 570px;
    top: 355px;
}
#startup #step9 {
    left: 525px;
    top: 445px;
}
#startup #step10 {
    left: 55px;
    top: 312px;
}
#startup #step11 {
    left: 533px;
    top: 542px;
}

#running #step1 {
    left: 125px;
    top: 37px;
}
#running #step2 {
    left: 125px;
    top: 80px;
}
#running #step3 {
    left: 125px;
    top: 123px;
}
#running #step4 {
    left: 125px;
    top: 166px;
}
#running #step5 {
    left: 313px;
    top: 101px;
}
#running #step6 {
    left: 422px;
    top: 94px;
}
#running #step7 {
    left: 530px;
    top: 87px;
}
#closing #step1 {
    left: 146px;
    top: 25px;
}
#closing #step2 {
    left: 255px;
    top: 8px;
}
#closing #step3 {
    left: 342px;
    top: 8px;
}
#closing #step4 {
    left: 440px;
    top: 16px;
}
#closing #step5 {
    left: 552px;
    top: 8px;
}

@media only screen and (max-width: 15.5cm) and (orientation : portrait),
       only screen and (max-width: 17.5cm) and (orientation : landscape) {
  div.responsive-med {
     display: block !important;
  }
  div.responsive-med img {
     width: 100% !important;
     height: auto !important;
  }
  ul.med {
    display: none !important;
  }    
}


/* NEW */

.med {
  position: relative;
}

.med li:before {
    display: none;
}

body:not(.js) #main .med {
  margin: 0;
}

body:not(.js) #main .med li {
  font-size: 14px;
  padding-left: 10px;
}

#main .med li {
  margin: -0px 0 0 -0px;
}