#cards {
    width: 850px;
    height: 560px;
}

#cards[data-layout=flower] {
    width: 850px;
    height: 560px;
}

#cards[data-layout=spider] {
    width: 850px;
    height: 560px;
}

#cards[data-layout=cloud] {
    width: 850px;
    height: 560px;
}

#cards[data-layout=fourHills] {
    width: 850px;
    height: 560px;
}

.card {
    border-radius: 7px;
    height: 70px;
    width: 55px;
    background: transparent url('../../images/games/mahjong/mahjong-210-classic.png');
}

#gameScene{
    position: absolute;
    top:0;
    left: 0;
}
div#cards[data-layout="turtle"] {
    left: 10px;
    top: 20px;
}
div#cards[data-layout="spider"] {
    left: 15px;
    top: 20px;
}
div#cards[data-layout="flower"] {
    left: 95px;
    top: 35px;
}
div#cards[data-layout="cloud"], div#cards[data-layout="bug"], div#cards[data-layout="fourHills"] {
    left: 25px;
    top: 20px;
}

.cardZahl1 {background-position: 0 0}
.cardZahl2 {background-position: -56px 0; }
.cardZahl3 {background-position: -112px 0;}
.cardZahl4 {background-position: -168px 0;}
.cardZahl5 {background-position: -224px 0;}
.cardZahl6 {background-position: -280px 0;}
.cardZahl7 {background-position: -336px 0;}
.cardZahl8 {background-position: -392px 0;}
.cardZahl9 {background-position: -448px 0;}

.cardBambus1 {background-position: -0 -70px;}
.cardBambus2 {background-position: -56px -70px;}
.cardBambus3 {background-position: -112px -70px;}
.cardBambus4 {background-position: -168px -70px;}
.cardBambus5 {background-position: -224px -70px;}
.cardBambus6 {background-position: -280px -70px;}
.cardBambus7 {background-position: -336px -70px;}
.cardBambus8 {background-position: -392px -70px;}
.cardBambus9 {background-position: -448px -70px;}

.cardMuenze1 {background-position: -0 -140px;}
.cardMuenze2 {background-position: -56px -140px;}
.cardMuenze3 {background-position: -112px -140px;}
.cardMuenze4 {background-position: -168px -140px;}
.cardMuenze5 {background-position: -224px -140px;}
.cardMuenze6 {background-position: -280px -140px;}
.cardMuenze7 {background-position: -336px -140px;}
.cardMuenze8 {background-position: -392px -140px;}
.cardMuenze9 {background-position: -448px -140px;}

.cardNordwind {background-position: -504px 0;}
.cardSuedwind {background-position: -560px  0;}
.cardOstwind {background-position: -616px 0;}
.cardWestwind {background-position: -672px 0;}

.cardFruehling {background-position: -504px -70px;}
.cardSommer {background-position: -560px -70px;}
.cardHerbst {background-position: -616px -70px;}
.cardWinter {background-position: -672px -70px;}

.cardBambus {background-position: -504px -140px;}
.cardPflaume {background-position: -560px -140px;}
.cardOrchidee {background-position: -616px -140px;}
.cardChrysantheme {background-position: -672px -140px;}

.cardDracheGruen {background-position: -728px 0;}
.cardDracheRot {background-position: -728px -70px;}
.cardDracheWeiss {background-position: -728px -140px;}


.image {
    height: 38px;
    width: 40px;
    border: none;
    background-color: transparent;
    background-image:  url('../../images/games/mahjong/application_icons_small.png');
}


.menu {background-position: 0 0}
.undo {background-position: -120px 0}
.new {background-position: -160px 0}
.hint {background-position: -200px 0}
.theme {background-position: -240px 0}