body
{
	background: black;
	overflow: hidden;
}
#karakter{
	height: 120;
	width: 120;
	position: fixed;
	left: 0px;
	bottom: 0px;
	transform: scaleX(1), rotateY(1);
	z-index: 5;
}

#háttér{
	height: 800px;
	width: 1200px;
	position: fixed;
	left: 0px;
	top: 0px;
}

#bezar
{
	position: relative;
    top: -250px;
    left: 0px;
    width: 60px;
    height: 42px;
    background-color: transparent;
	visibility: hidden;
    z-index: 20;
}
#puzzle{
	position: fixed;
	left: 0;
	top: 0;
	width: 1200px;
	height: 800px;
	
	background-repeat: no-repeat;
}
#puzzlePiece1
{
	
	width: 200;
	height: 200;
	z-index: 11;
}
#puzzlePiece2
{
	
	width: 200;
	height: 200;
	z-index: 11;
}
#puzzlePiece3
{
	
	width: 200;
	height: 200;
	z-index: 11;
}#puzzlePiece4
{
	
	width: 200;
	height: 200;
	z-index: 11;
}


#Elem1{
	height: 100;
	width: 100;
	position: fixed;
	left: 0px;
	top: 0px;
}
#Elem1Kép{
	visibility: hidden;
	height: 100;
	width: 100;
}
#Elem2{
	height: 100;
	width: 100;
	position: fixed;
	left: 0px;
	top: 0px;
}
#Elem2Kép{
	height: 100;
	width: 100;
	border: 2px;
}
#Elem3{
	
	height: 110;
	width: 140;
	position: fixed;
	left: 0px;
	top: 0px;
}
#Elem3Kép{
	position: relative;
	left: 35px;
	height: 70;
	width: 70;
}
#Elem4{
	height: 100;
	width: 100;
	position: fixed;
	left: 0px;
	top: 0px;
}
#Elem4Kép{
	height: 100;
	width: 100;
}
#Elem5{
	height: 100;
	width: 100;
	position: fixed;
	left: 0px;
	top: 0px;
}
#Elem5Kép{
	height: 100;
	width: 100;
}

#gomb1{
	background-image: url("hatter.png");
	width: 200px;
	height: 50;
	position: relative;
	top: 30;
	left: 30;
}
#gomb1text{
	position: relative;
	top: 11;
	left: 30;
	font-family: 'Times New Roman', Times, serif;
	font-size: 25px;
}
#gomb2{
	background-image: url("hatter.png");
	width: 200px;
	height: 50;
	position: relative;
	top: -20;
	left: 370;
}
#gomb2text{
	position: relative;
	top: 11;
	left: 30;
	font-family: 'Times New Roman', Times, serif;
	font-size: 25px;
}
#gomb3{
	background-image: url("hatter.png");
	width: 200px;
	height: 50;
	position: relative;
	left: 30;
	top: 0;
}
#gomb3text{
	position: relative;
	top: 11;
	left: 30;
	font-family: 'Times New Roman', Times, serif;
	font-size: 25px;
}
#gomb4{
	background-image: url("hatter.png");
	width: 200px;
	height: 50;
	position: relative;
	left: 370;
	top: -50;
}
#gomb4text{
	position: relative;
	top: 11;
	left: 30;
	font-family: 'Times New Roman', Times, serif;
	font-size: 25px;
}

#ajto
{
	position: fixed;
	left: 900px;
	top: 400px;
	visibility: hidden;
}
#kerdes
{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
}
#question
{
	width: 600px;
	height: 200px;
	position: fixed;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 10;
}
#info
{
	width: 239px;
	height: 165px;
	position: fixed;
	top: 0px;
	left: 0px;
	background-image: url("info.png");
	background-color: transparent;
	outline: none;
	border: 0;
	visibility: visible;
	background-repeat: no-repeat;
}
#text
{
	font-size: 25px;
	font-family: 'Times New Roman', Times, serif;
	position: relative;
	top: 15px;
	left: 0px;
	visibility: hidden;
	z-index: 10;
	width: 240px;
	height: 140px;
	margin:auto;
	text-align: center;
}
#mozgas
{
	font-size: 25px;
	font-family: 'Times New Roman', Times, serif;
	position: relative;
	top: -125px;
	left: 0px;
	visibility: hidden;
	z-index: 10;
	width: 240px;
	height: 140px;
	margin:auto;
	text-align: center;
}
#széf
{
    background-color: transparent;
    background-image: url("szef.png");
    background-repeat: no-repeat;
	visibility: hidden;
    width: 705px;
    height: 516px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 18;
}
#enter
{
	position: relative;
    top: -285px;
    left: 560px;
    width: 60px;
    height: 42px;
    background-color: transparent;
    z-index: 20;
}
#exit
{
	position: relative;
    top: -743px;
    left: 22px;
    width: 60px;
    height: 42px;
    background-color: transparent;
    z-index: 20;
}
#kod
{
    position: relative;
    top: 55px;
    left: 500px;
    width: 343px;
    height: 80px;
    background-color: transparent;
    z-index: 15;
    color: green;
    text-align: right;
    font-size: 80px;
    max-width: 157;
    overflow: hidden;
}
#delete
{
    position: relative;
    top: -245px;
    left: 380px;
    width: 60px;
    height: 42px;
    background-color: transparent;
    z-index: 20;
}
#kod1
{
    position: relative;
    top: 120px;
    left: 372px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod2
{
    position: relative;
    top: 57px;
    left: 464px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod3
{
    position: relative;
    top: -5px;
    left: 556px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod4
{
    position: relative;
    top: 15px;
    left: 372px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod5
{
    position: relative;
    top: -48px;
    left: 464px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod6
{
    position: relative;
    top: -110px;
    left: 558px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod7
{
    position: relative;
    top: -91px;
    left: 372px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod8
{
    position: relative;
    top: -155px;
    left: 464px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod9
{
    position: relative;
    top: -215px;
    left: 558px;
    width: 72px;
    height: 62px;
    background-color: transparent;
    z-index: 20;
}
#kod0
{
    position: relative;
    top: -203px;
    left: 470px;
    width: 60px;
    height: 42px;
    background-color: transparent;
    z-index: 20;
}

#teszt{
	z-index: 20;
	position: fixed;
	top: 250;
}

#mission
{
	z-index: 20;
	position: relative;
	top: 450px;
	left: 20px;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 100px;
	font-family: myFirstFont;
	text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000;
	/*-webkit-text-stroke-width: 4px;
	-webkit-text-stroke-color: black;*/
}

@font-face
{
	font-family: myFirstFont;
	src: url(pricedow.ttf);
}