.line{
    height:1px;
}
#experiment >div{float:left}
#experiment{width:100%}

#solution {
    display:none;
    position:absolute;
    left:228px;
    top:112px;
}

 
        .elem-0{left:91px;top:10px;
          position:absolute;  
            }
      
        .elem-1{left:50px;top:10px;
          position:absolute;  
            }
      
        .elem-2{left:10px;top:10px;
          position:absolute;  
            }
      
        .elem-3{left:91px;top:66px;
          position:absolute;  
            }
      
        .elem-4{left:50px;top:66px;
          position:absolute;  
            }
      
        .elem-5{left:10px;top:66px;
          position:absolute;  
            }
      
        .elem-6{left:91px;top:122px;
          position:absolute;  
            }
      
        .elem-7{left:50px;top:122px;
          position:absolute;  
            }
      
        .elem-8{left:10px;top:122px;
          position:absolute;  
            }
      
        .elem-9{left:91px;top:178px;
          position:absolute;  
            }
      
        .elem-10{left:50px;top:178px;
          position:absolute;  
            }
      
        .elem-11{left:10px;top:178px;
          position:absolute;  
            }
      
        .elem-12{left:91px;top:234px;
          position:absolute;  
            }
      
        .elem-13{left:50px;top:234px;
          position:absolute;  
            }
      
        .elem-14{left:10px;top:234px;
          position:absolute;  
            }
      
        .elem-15{left:91px;top:290px;
          position:absolute;  
            }
     #solution.equal, #solution.lighter, #solution.heavier  {
    display:block;
    font-size:33pt;
}
#solution.equal {
    background:url('../img/equal.png') no-repeat;
    width: 44px;
    height:32px
}
#solution.lighter {
    background:url('../img/unequal.png') no-repeat;
    width: 44px;
    height:32px
}
#solution.heavier { 
    background:url('../img/unequal.png') no-repeat;
    width: 44px;
    height:32px 
}

/*
#solution.equal {
   background:url('../img/hg.png') no-repeat;
}

#solution.lighter {
   background:url('../img/hg.png') no-repeat;
}

#solution.heavier  {
   background:url('../img/hg.png') no-repeat;
}
*/

.balance{
    background:url('../img/hg.png') no-repeat;
    width:519px;
    height:399px;
    position: relative;
}

#scale-bar, .base,.pan { position:absolute; }
#scale-bar{
    left:123px;
    top:252px;
    background:url('../img/sprite.png') no-repeat;
    width: 255px;
    height: 94px;
    z-index: 3;
}
.base{
    left:18px;
    top:235px;
    z-index: 2;
}
.pan img{
    position:absolute;
    left:0px; top:0px;
}

.pan .pan-surface {
    position:absolute;
    height: 23px;
    width:150px;
    left:33px;
    top:-3px;
}
#test-weight {
    width: 27px;
    height: 35px;
    position:absolute;
    left:97px;
    top:-10px;
}
#test-weight.elem-cu {
    background:url('../img/atommasse-cu.png') no-repeat;
}
#test-weight.elem-ca {
    background:url('../img/atommasse-ca.png') no-repeat;
}
#test-weight.elem-ag {
    background:url('../img/atommasse-ag.png') no-repeat;
}
#test-weight.elem-si {
    background:url('../img/atommasse-si.png') no-repeat;
}

#left-pan{
    left:5px;
    top:193px;
}
#right-pan{
    left:278px;
    top:154px;
}
.bk-elements{
    position:relative;
    background:url('../img/elemente-grau.png');
    height:399px;
    width: 149px;
    border-left:1px solid #f99d27;
    background-color: #FFEDA9}
.bk-elements img{
   margin:10px;
   float:left; 
}

label{margin-left:5px;line-height:20px}

#atoms>div{
    float:left;
    margin:10px
}

#bottom h1{
    margin:10px
}
.image-list-marker{margin-left:15px!important}
#legende h1 {
    margin:10px;
}
.legend{
    height:399px;
    border-right:1px solid #f99d27;
    background-color: #FFEDA9}
#legend div{
    line-height:21px;
    margin:8px 0 8px 0px;
}
#legend div img{width:36px;
    height:36px}
#legend{
    width:128px;
}
#legend p {
    font-size:14px;
    margin:10px 5px 0 0;
    float:right;
    width:26px;
}