* {

    font-family:Arial;
    margin:0;
    padding:0;

}
body {
    z-index: 1;
    background-image: url("../img/feld.png");
    overflow:hidden;
}
#wrapper {
    position:static;
    height:150vh;
    width:100vw;
    overflow:hidden;
}
table {
    margin-top:5px;
    margin-left:1%;
    width:98%;
    float:left;
    border-collapse:collapse;
    margin-bottom:20px;
}
td {
    height:14vw;
    width:14vw;

    border:solid black 1px;
    background-color:#fefff0;
}
.brown {
    background-color:#a39671;
}
.roll {
    height:5vh;
    width:98%;
    margin-left:1%;
    float:left;
}
img {
    height:99%;
    width:99%;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.remaining {
    width:50px;
    margin-left:10px;
    background-color:transparent;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    text-align: center;
}
#remLabel {
    margin-top:10px;
    margin-right:10px;
    float:right;
}
.info {
    top:0.5vh;
    left:1vh;
    position:absolute;
    background-color:lightyellow;
    width:97vw;
    z-index:5;
    padding-bottom:10px;
}
.def {
    border:none;
}
.locked {
    border:solid lightcoral 3px;
}
#binVal {

    margin-left:40vw;
    background-color: transparent;
    text-align: center;
    width:20vw;

}
.card {

    border-width:2vw;
    width:78vw;
    left:10vw;
    height:60vh;
    float:left;
    margin-top:5px;
    cursor: move;
    position:absolute;
    border-style: double;

}
#c_active {
    border-color:#64801f;
    background-color: #fff6d6;
    z-index:3;
    top:50vh;
}
#c_second {

    border-color:#48631e;
    background-color: #c5c5a6;
    z-index:4;
    top: 55vh;
}