.expander {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    width: 250px;
    z-index: 99;
    transition: left .8s cubic-bezier(0.5, -0.5, 0.5, 1.5);
    background-color: #fff;
    
}

.expander_closed {
    left: -250px;
}

.expander > .menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 100;
}

.expandbutton {
    background-color: #000;
}

.expander > .menu .expandbutton {
    position: absolute;
    top: 50%;
    right: -19px;
    cursor: pointer;
    padding: 15px 2px;
    color: #fff;
    z-index: 11;
    border: 0px solid #004b63;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-top-right-radius: 5px;
    box-shadow: 2px 0px 2px rgba(0,0,0,.75);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.75);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;

}

.expander > .menu .expandbutton:hover {
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);

}

.expander > .body {
    position: relative;
    top: 5%;
    padding: .1em .3em;
    overflow: hidden;
}