.sprite {
    background-image: url(images/spritesheet1.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-bizanc_ {
    width: 359px;
    height: 223px;
    background-position: -5px -5px;
}

.sprite-bizanc_bizanc {
    width: 359px;
    height: 223px;
    background-position: -374px -5px;
}

.sprite-bizanc_frank {
    width: 359px;
    height: 223px;
    background-position: -743px -5px;
}

.sprite-bizanc_hun {
    width: 359px;
    height: 223px;
    background-position: -1112px -5px;
}

.sprite-bizanc_roman {
    width: 359px;
    height: 223px;
    background-position: -1481px -5px;
}

.sprite-bizanc_visi {
    width: 359px;
    height: 223px;
    background-position: -1850px -5px;
}

.sprite-frank_ {
    width: 114px;
    height: 68px;
    background-position: -5px -238px;
}

.sprite-frank_bizanc {
    width: 114px;
    height: 68px;
    background-position: -129px -238px;
}

.sprite-frank_frank {
    width: 114px;
    height: 68px;
    background-position: -253px -238px;
}

.sprite-frank_hun {
    width: 114px;
    height: 68px;
    background-position: -377px -238px;
}

.sprite-frank_roman {
    width: 114px;
    height: 68px;
    background-position: -501px -238px;
}

.sprite-frank_visi {
    width: 114px;
    height: 68px;
    background-position: -625px -238px;
}

.sprite-github {
    width: 30px;
    height: 30px;
    background-position: -2219px -5px;
}

.sprite-gmail {
    width: 30px;
    height: 30px;
    background-position: -2219px -45px;
}

.sprite-hun_ {
    width: 451px;
    height: 371px;
    background-position: -749px -238px;
}

.sprite-hun_bizanc {
    width: 451px;
    height: 371px;
    background-position: -1210px -238px;
}

.sprite-hun_frank {
    width: 451px;
    height: 371px;
    background-position: -1671px -238px;
}

.sprite-hun_hun {
    width: 451px;
    height: 371px;
    background-position: -5px -619px;
}

.sprite-hun_roman {
    width: 451px;
    height: 371px;
    background-position: -466px -619px;
}

.sprite-hun_visi {
    width: 451px;
    height: 371px;
    background-position: -927px -619px;
}

.sprite-linkedin {
    width: 30px;
    height: 30px;
    background-position: -2219px -85px;
}

.sprite-roman_ {
    width: 357px;
    height: 281px;
    background-position: -1388px -619px;
}

.sprite-roman_bizanc {
    width: 357px;
    height: 281px;
    background-position: -1755px -619px;
}

.sprite-roman_frank {
    width: 357px;
    height: 281px;
    background-position: -1388px -910px;
}

.sprite-roman_hun {
    width: 357px;
    height: 281px;
    background-position: -1755px -910px;
}

.sprite-roman_roman {
    width: 357px;
    height: 281px;
    background-position: -5px -1201px;
}

.sprite-roman_visi {
    width: 357px;
    height: 281px;
    background-position: -372px -1201px;
}

.sprite-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -2219px -125px;
}

.sprite-stage10_arrow {
    width: 175px;
    height: 104px;
    background-position: -739px -1201px;
}

.sprite-stage12_arrow {
    width: 134px;
    height: 90px;
    background-position: -2132px -238px;
}

.sprite-stage1A {
    width: 900px;
    height: 480px;
    background-position: -924px -1201px;
}

.sprite-stage1gallia {
    width: 900px;
    height: 480px;
    background-position: -5px -1691px;
}

.sprite-stage1german {
    width: 900px;
    height: 480px;
    background-position: -915px -1691px;
}

.sprite-stage1italia {
    width: 900px;
    height: 480px;
    background-position: -2276px -5px;
}

.sprite-stage1pannonia {
    width: 900px;
    height: 480px;
    background-position: -2132px -495px;
}

.sprite-stage2back {
    width: 900px;
    height: 480px;
    background-position: -2122px -985px;
}

.sprite-stage3_arrow {
    width: 55px;
    height: 162px;
    background-position: -3042px -495px;
}

.sprite-stage6 {
    width: 201px;
    height: 174px;
    background-position: -1834px -1475px;
}

.sprite-stage7_arrow {
    width: 166px;
    height: 43px;
    background-position: -5px -495px;
}

.sprite-tumblr {
    width: 30px;
    height: 30px;
    background-position: -181px -495px;
}

.sprite-twitter {
    width: 30px;
    height: 30px;
    background-position: -221px -495px;
}

.sprite-visi_ {
    width: 152px;
    height: 163px;
    background-position: -3032px -985px;
}

.sprite-visi_bizanc {
    width: 152px;
    height: 163px;
    background-position: -3032px -1158px;
}

.sprite-visi_frank {
    width: 152px;
    height: 163px;
    background-position: -739px -1331px;
}

.sprite-visi_hun {
    width: 152px;
    height: 163px;
    background-position: -3032px -1331px;
}

.sprite-visi_roman {
    width: 152px;
    height: 163px;
    background-position: -5px -1504px;
}

.sprite-visi_visi {
    width: 152px;
    height: 163px;
    background-position: -167px -1504px;
}






.sprite2 {
    background-image: url(images/spritesheet2.png);
    background-repeat: no-repeat;
   display: block;
}

.sprite-bizanc {
    width: 40px;
    height: 50px;
    background-position: -5px -5px;
}

.sprite-bizanc_info {
    width: 100px;
    height: 124px;
	float:left;
	margin-right: 10px;
    background-position: -55px -5px;
}

.sprite-bizanc_small {
    width: 40px;
    height: 50px;
    background-position: -165px -5px;
}

.sprite-frank {
    width: 28px;
    height: 43px;
    background-position: -215px -5px;
}

.sprite-frank_info {
    width: 100px;
    height: 153px;
	float:left;
	margin-right: 13px;
    background-position: -253px -5px;
}

.sprite-frank_small {
    width: 33px;
    height: 50px;
    background-position: -363px -5px;
}

.sprite-hun {
    width: 300px;
    height: 251px;
    background-position: -406px -5px;
}

.sprite-hun_small {
    width: 70px;
    height: 59px;
    background-position: -716px -5px;
}

.sprite-roman {
    width: 60px;
    height: 51px;
    background-position: -796px -5px;
}

.sprite-roman_info {
    width: 100px;
    height: 85px;
	float:left;
	margin-right: 13px;
    background-position: -716px -74px;
}

.sprite-roman_small {
    width: 44px;
    height: 37px;
    background-position: -165px -66px;
}

.sprite-stage10_aetius {
    width: 228px;
    height: 228px;
    background-position: -5px -266px;
}

.sprite-stage12_theuderich {
    width: 288px;
    height: 321px;
    background-position: -243px -266px;
}

.sprite-stage14_leo {
    width: 360px;
    height: 391px;
    background-position: -866px -5px;
}

.sprite-stage3_attila {
    width: 360px;
    height: 470px;
    background-position: -541px -406px;
}

.sprite-stage3_honoria {
	width: 100px;
	height: 100px;
	
	background-position: -320px -144px;
	background-size: 435px auto;
}

.sprite-honoria {
    width: 288px;
    height: 288px;
    background-position: -911px -406px;
}

.sprite-stage3_krimhilda {
    width: 100px;
    height: 100px;
    background-position: -5px -704px;
}

.sprite-stage3_reka {
    width: 100px;
    height: 101px;
    background-position: -115px -704px;
}

.sprite-stage7_aetius {
    width: 100px;
    height: 100px;
    background-position: -225px -704px;
}

.sprite-stage7_brutus {
    width: 100px;
    height: 100px;
    background-position: -335px -704px;
}

.sprite-stage7_florian {
    width: 100px;
    height: 100px;
    background-position: -911px -704px;
}

.sprite-visi {
    width: 40px;
    height: 62px;
    background-position: -1209px -406px;
}

.sprite-visi_info {
    width: 100px;
    height: 154px;
	float:left;
	margin-right: 13px;
    background-position: -1021px -704px;
}

.sprite-visi_small {
    width: 33px;
    height: 51px;
    background-position: -1209px -478px;
}






.sprite3 {
    background-image: url(images/spritesheet3.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-arrow {
	width: 15px;
	height: 102px;
	background-position: -5px -5px;
	background-size: 2570.5px 1580px;
}

.sprite-cruxNote {
	width: 34.5px;
	height: 23px;
	background-position: -2px 0px;
	background-size: 217px 133px;
}

.sprite-cruxScore {
	width: 796px;
	height: 181px;
	background-position: -655px -5px;
	background-size: 3906px 2402px;
}

.sprite-delete {
	width: 57px;
	height: 35px;
	background-position: -524px -5px;
	background-size: 1395px 858px;
}

.sprite-forditas-01 {
	width: 14px;
	height: 22px;
	background-position: -227px -1px;
	background-size: 542px 333px;
	display: inline-block;
}

.sprite-forditas-02 {
	width: 12px;
	height: 22px;
	background-position: -240px -1px;
	background-size: 542px 333px;
	display: inline-block;
}

.sprite-forditas-03 {
	width: 11px;
	height: 22px;
	background-position: -252px -1px;
	background-size: 542px 333px;
	display: inline-block;
}

.sprite-fullscreen {
	width: 47px;
	height: 47px;
	background-position: -1709px -3px;
	background-size: 3500px 2161px;
}

.sprite-hunok_dallama-01 {
	width: 155px;
	height: 83px;
	
	background-size: 3515px 2161px;
	background-position: -1768px -4px;
}

.sprite-hunok_dallama-02 {
	width: 155px;
	height: 83px;
	background-size: 3515px 2161px;
	background-position: -1930px -4px;
}

.sprite-hunok_dallama-03 {
	width: 155px;
	height: 83px;
	background-position: -1717px -91px;
	background-size: 3515px 2161px;
}

.sprite-hunok_dallama-04 {
	width: 155px;
	height: 83px;
	background-position: -1879px -91px;
	background-size: 3515px 2161px;
}

.sprite-hunok_dallama-05 {
	width: 92px;
	height: 83px;
	background-position: -2093px -4px;
	background-size: 3515px 2161px;
}

.sprite-hunok_dallama-06 {
	width: 24px;
	height: 83px;
	background-position: -2191px -5px;
	background-size: 3515px 2161px;
}

.sprite-piano {
    width: 825px;
    height: 293px;
    background-position: -809px -247px;
}

.sprite-playBtn {
    width: 25px;
    height: 22px;
    background-position: -2835px -126px;
}

.sprite-playBtn_white {
    width: 278px;
    height: 248px;
    background-position: -1644px -247px;
}

.sprite-stage11 {
	width: 748px;
	height: 74px;
	background-position: -3px -186px;
	background-size: 1663px 1023px;
}
.sprite-stage13_1 {
	width: 719px;
	height: 70px;
	background-position: -3px -179.8px;
	background-size: 1585px 975px;
}

.sprite-stage11_4 {
	width: 399px;
	height: 150px;
	background-position: -5px -227px;
	background-size: 1403px 863px;
}

.sprite-stage13_3 {
	width: 712px;
	height: 155px;
	background-position: -25px -448px;
	background-size: 1630px 1002px;
}

.sprite-stage4_p1 {
	width: 735px;
	height: 80px;
	background-position: -1390px -178px;
	background-size: 3513px 2161px;
}

.sprite-stage4_p2 {
	width: 735px;
	height: 80px;
	background-position: -1295px -246px;
	background-size: 3276px 2014px;
}

.sprite-stage4_p3 {
	width: 735px;
	height: 72px;
	background-position: -1000px -515px;
	background-size: 3268px 2009px;
}

.sprite-stage4_p4 {
    width: 1085px;
    height: 112px;
    background-position: -1494px -883px;
}

.sprite-stage8_d1 {
	width: 446px;
	height: 90px;
	background-position: -501px -346px;
	background-size: 1650px 1015px;
}

.sprite-stage8_d2 {
	width: 448px;
	height: 90px;
	background-position: 1px -603px;
	background-size: 1650px 1015px;
}

.sprite-stage8_d3 {
	width: 453px;
	height: 90px;
	background-position: -453px -603px;
	background-size: 1650px 1015px;
}

.sprite-stage8_d4 {
	width: 602px;
	height: 91px;
	background-position: 3px -708px;
	background-size: 1650px 1015px;
}

.sprite-stage8_m1 {
	width: 438px;
	height: 90px;
	background-position: -5px -818px;
	background-size: 1650px 1015px;
}

.sprite-stage8_m2 {
	width: 444px;
	height: 90px;
	background-position: -458px -810px;
	background-size: 1650px 1015px;
}

.sprite-stage8_m3 {
	width: 444px;
	height: 90px;
	background-position: -5px -913px;
	background-size: 1650px 1015px;
}

.sprite-stage8_m4 {
	width: 603px;
	height: 90px;
	background-position: -1037px -5px;
	background-size: 1650px 1015px;
}

.sprite-stage9_1 {
	width: 696px;
	height: 160px;
	background-position: -813px -147px;
	background-size: 1540px 947px;
}

.sprite-stage9_2 {
	width: 713px;
	height: 91px;
	background-position: -708px -414px;
	background-size: 1562px 960px;
}

.sprite-violinClef {
	width: 536px;
	height: 762px;
	background-position: -1069px -237px;
	background-size: 1173px 721px;
}


.sprite4 {
    background-image: url(images/spritesheet4.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-markBad {
	width: 50px;
	height: 50px;
	background-position: -5px -5px;
	background-size: 114px auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -2px;
}

.sprite-markGood {
	width: 100px;
	height: 100px;
	background-position: -117px -7px;
	background-size: 218px auto;
	margin-left: auto;
	margin-right: auto;
}

.sprite-playBtn {
    width: 25px;
    height: 22px;
    background-position: -859px -5px;
}

.sprite-playBtn_white {
    width: 278px;
    height: 248px;
    background-position: -5px -432px;
}