/***************stage area******************/
.txt{position:absolute}
.woche-1{left:150px;top:430px}
.woche-2{left:40px;top:160px}
.woche-3{left:370px;top:80px}
.woche-4{left:510px;top:370px}
 #stage>div{
     position:absolute
     text-align:center;
 }
 .hg{
     background-image:url('../img/menstruationszyklus-bg.png');
     width:601px;
     height:524px;
     position:absolute;
     margin:0px!important
 }
 
 .oval{
          position:absolute;
          background:url(../img/oval.png) no-repeat;
          width:82px; 
          height:87px;
}
.smallrect{
    position:absolute;
    border:2px solid #606aab;
    width:110px;
    height:50px;
}
/***************aside area******************/
#aside>div{
     margin-left:5px
 }
.bk1-element{
     background-color:#606aab;
     color:#fff;
     text-align:center;
     width:106px;
     height:46px;
     line-height:22px;
     margin:10px 8px 36px;
 }
 .bk-element-right{
     position:absolute;
     z-index:1
 }
 #gelbkoerper{left:62px;top:40px}
 #schleimhaut{left:62px;top:123px}
 #rueckbildung{left:62px;top:207px}
.box div { display:inline-block }
.fill-box.box1{
    height:272px
}

.fill-box{
   position:relative;
   margin-top:10px;
   width:184px;
   height:187px
}
.fill-box img{
    margin:7px;
}

.odd{line-height:43px;z-index:0}
/***************hightlight area******************/

.oval.highlight{background-image:url(../img/oval-highlight.png)}

.smallrect.highlight{
    background-color:#ccc;
}
.highlight {
          opacity:1;
}
.ui-draggable {
          cursor:move;
}
.s1{left:26px;top:22px}
.s2{left:460px;top:22px}
.s3{left:231px;top:156px}
.s4{left:26px;top:450px}
.s5{left:460px;top:450px}
.s6{left:231px;top:450px}
#oval-1{left:66px;top:78px}
#oval-2{left:420px;top:78px}
#oval-3{left:66px;top:360px}
#oval-4{left:420px;top:360px}