@charset "utf-8";
body {
    margin: 0;
    padding: 0;
}

#dictionaryItemContainer {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    width: 500px;
    height: 280px;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: 'Arial', Helvetica, sans-serif;
    overflow: hidden;
}

#bg {
    width: 500px;
    height: 280px;
    position: absolute;
    overflow: hidden;
    background: url("../media/background.png") no-repeat;
    left: 0px;
    top: 0px;
	z-index: 1;
}

#girisAnimation {
    width: 500px;
    height: 280px;
    position: absolute;
	left: 0px;
    top: 0px;
	z-index: 1;
}

#earthAnimation {
    width: 250px;
    height: 250px;
    position: absolute;
	left: 124px;
    top: 18px;
	z-index: 0;
}

.Buttons {
    position: absolute;
}

#beforeButton {
    width: 70px;
    height: 27px;
    position: absolute;
    overflow: hidden;
    background: url("../media/before.png") no-repeat;
    left: 5px;
    top: 245px;
}

#beforeButton:active {
    background: url("../media/beforeclick.png") no-repeat;
}

.ClickDivs {
    width: 45px;
    height: 43px;
    position: absolute;
}

#clickdiv_0 {
    left: 18px;
    top: 122px;
	z-index: 0;
}

#clickdiv_1 {
    left: 241px;
    top: 214px;
	z-index: 0;
}

#clickdiv_2 {
    left: 431px;
    top: 121px;
	z-index: 0;
}

#clickdiv_3 {
    left: 240px;
    top: 35px;
	z-index: 0;
}

.BigImages {
    width: 500px;
	height: 280px;
    position: absolute;
	z-index: 0;
}

#bigImage_0 {
    left: -6px;
    top: 2px;
	background: url("../media/21haziran0001.png") no-repeat;
}

#bigImage_1 {
    left: 0px;
    top: 3px;
	background: url("../media/23eylul.png") no-repeat;
}

#bigImage_2 {
    left: 1px;
    top: 5px;
	background: url("../media/21aralik.png") no-repeat;
}

#bigImage_3 {
    left: 3px;
    top: -1px;
	background: url("../media/21mart.png") no-repeat;
}