body { 
          background-color:#142531;
          margin:0;
          padding:0;
          width:100%;
          height:100%;
          background-image:url('img/beton.jpg');
          background-position:center center;
          font-family: Maven Pro,Trebuchet,Arial,Helvetiva,sans-serif;
          font-size: 13px;
}

#center old {
          background-image:url('../img/glas3.png');
          width: 1100px;
          height: 700px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -550px;
          margin-top: -350px;
          box-shadow: 0px 0px 20px #000000;
}

#content {
          width: 1000px;
          height: 600px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -500px;
          margin-top: -300px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.02);
}

#logo {
          width: 150px;
          height: 30px;
          position: absolute;
          top: -1px;
          left: 180px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.02);
          text-align:center;
          vertical-align:center;
          background-image:url('../img/le-off.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
}

#logo:hover {
          width: 170px;
          height: 50px;
          position: absolute;
          top: -1px;
          left: 170px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.1);
          text-align:center;
          vertical-align:center;
          background-image:url('../img/le-on.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
          cursor:pointer;
}

#toolbox1 {
          width: 30px;
          height: 30px;
          position: absolute;
          top: -1px;
          left: 840px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.02);
          text-align:center;
          vertical-align:center;
          background-image:url('../img/home-off.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
}
#toolbox1:hover {
          width: 50px;
          height: 50px;
          position: absolute;
          top: -1px;
          left: 830px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.1);
          text-align:center;
          vertical-align:center;
          background-image:url('../img/home-on.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
          cursor:pointer;
}

#toolbox2 {
          width: 30px;
          height: 30px;
          position: absolute;
          top: -1px;
          left: 890px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.02);
          background-image:url('../img/con-off.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
}
#toolbox2:hover {
          width: 50px;
          height: 50px;
          position: absolute;
          top: -1px;
          left: 880px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.1);
          background-image:url('../img/con-on.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
          cursor:pointer;
}

#toolbox3 {
          width: 30px;
          height: 30px;
          position: absolute;
          top: -1px;
          left: 940px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.02);
          background-image:url('../img/im-off.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
}
#toolbox3:hover {
          width: 50px;
          height: 50px;
          position: absolute;
          top: -1px;
          left: 930px;
          border: 1px solid rgba(255, 255, 255, 0.1);
          background-color: rgba(226, 239, 254, 0.1);
          background-image:url('../img/im-on.png');
          background-repeat:no-repeat;
          background-position:center;
          -webkit-transition: all 0.3s linear;
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -ms-transition: all 0.3s linear;
          transition: all 0.3s linear;
          cursor:pointer;
}