#aside>div{margin-bottom:10px!important}
td {
    text-align: center;
}

table {
    //table-layout:fixed;
    margin-left:12px;
    width:174px;
}
 td .values{width:7px;height:12px;padding-left:7px}
.el{position:absolute;}
.hydrogen{top:285px;left:434px;z-index:2}
.sulphur{top:285px;left:402px;z-index:3}
.magnesium{top:285px;left:371px;z-index:1}
.reaction, .reaction-correct{position:absolute}
.reaction1{top:170px;left:134px}
.reaction2{top:170px;left:280px}
.reaction3{top:170px;left:426px}
.smallrect, .middlerect, .bigrect, .middlebig{
position:absolute;
padding:0px!important
}
.smallrect{
    width:43px;
    height:48px;
}
.middlerect{
    width:76px;
    height:48px;
}
.bigrect{
    width:144px;
    height:48px;
}
.middlebig{
    width:109px;
    height:48px;
}
.line-ov{border-bottom:1px solid #f99d27;height:1px;margin-left:0!important;overflow:hidden;display:block;margin-bottom:0px!important}
#legende h1 {
    margin-left:0px;
}
#legend div{
    line-height:21px;
    margin:5px 0 5px 0px;
}

#legend p {
    margin-left:20px;
    width:93px;
}
 
.fill-box img{margin-top:5px}
.bk1{cursor:move}
.bk2{cursor:move;opacity:0}
.bk3{cursor:move;opacity:0}
.disabled{cursor:default}

.video-control,#bgimage { position:absolute; top:0px; left:0px; }

label{width:150px}
.target {
    position:absolute;
    width:101px;
    height:79px;
    padding:0px!important;
}
.target.highlight, .smallrect.highlight, .middlerect.highlight, .middlebig.highlight,.bigrect.highlight{
	//background-color:#ccc !important
}
.fill-box{
    background-color:#fff;
    position:relative;
   border:2px solid #f99d27;
	width:171px;
	height:175px;
	margin-top:15px;
}
/*draggable elements*/
#h1,#o1,#o2,#ss1,#n1,#mg1{
	position:absolute;
}
#h1{
	left:62px;
	top:10px;
}
#o1{
	left:42px;
	top:95px;
}
#o2{
	left:48px;
	top:10px;
}
#ss1{
	left:14px;
	top:95px;
}
#n1{
	left:32px;
	top:95px;
}
#mg1{
	left:42px;
	top:10px;
}
/*target elements*/
#s1 {
	left:467px;
    top:285px;
}

#s2 {
	left:434px;
    top:408px;
}
#s3 {
    left:467px;
    top:408px;
}
#m1 {
	left:434px;
    top:316px;
}

#m2 {
	left:434px;
    top:442px;
}

#m3 {
	left:402px;
    top:314px;
}

#m4 {
	left:469px;
    top:314px;
}

#m5 {
	left:403px;
    top:442px;
}
#m6 {
    left:470px;
    top:442px;
}
#m7 {
    left:437px;
    top:285px;
}
#m8 {
    left:504px;
    top:285px;
}
#m9 {
    left:372px;
    top:409px;
}
#m10 {
    left:440px;
    top:409px;
}
#m11 {
    left:505px;
    top:409px;
}
#mb1 {
    left:371px;
    top:317px;
}
#mb2 {
    left:471px;
    top:317px;
}
#mb3 {
    left:372px;
    top:442px;
}
#mb4 {
    left:472px;
    top:442px;
}
#b1 {
    left:403px;
    top:409px;
}

.reaction-formula {
    top:167px;
    left:492px;
    position:absolute;
}