/* CSS Document */

.box
{
		width: 650px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 100px;
/*		background-color: rgba(130,130,130,1.00); */
		position: relative;
		font-family: Arial, Chesterfield, Evita;
		text-align:center;

}
.tile
{
		background-color: rgba(140,140,140,1.00);
		width: 300px;
		position: absolute;
}

/* Layout per tile */

#tile1 /* Yoda #2 Billede */
{
		top: 50px;
		left: 0px;
		width: 300px;
		height: 424px;
		background-image: url(../dsf/Yoda_2-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile1:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile2 /* Yoda #3 Billede */
{
		top: 50px;
		left: 350px;
		width: 300px;
		height: 424px;
		background-image: url(../dsf/Yoda_3a-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile2:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile3 /* Yoda #2 Tekst */
{
		top: 474px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile4 /* Yoda #3 Tekst */
{
		top: 474px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile5 /* The Tatooine Suns #1 Billede */
{
		top: 624px;
		left: 0px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_1-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile5:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile6 /* The Tatooine Suns #2 Billede */
{
		top: 624px;
		left: 350px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_2-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile6:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile7 /* The Tatooine Suns #1 Tekst */
{
		top: 1074px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile8 /* The Tatooine Suns #2 Tekst */
{
		top: 1074px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile9 /* The Tatooine Suns #3 Billede */
{
		top: 1224px;
		left: 0px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_3-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile9:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile10 /* The Tatooine Suns #4 Billede */
{
		top: 1224px;
		left: 350px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_4-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile10:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile11 /* The Tatooine Suns #3 Tekst */
{
		top: 1674px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile12 /* The Tatooine Suns #4 Tekst */
{
		top: 1674px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile13 /* The Tatooine Suns #5 Billede */
{
		top: 1824px;
		left: 0px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_5-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile13:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile14 /* The Tatooine Suns #6 Billede */
{
		top: 1824px;
		left: 350px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_6-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile14:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile15 /* The Tatooine Suns #5 Tekst */
{
		top: 2274px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile16 /* The Tatooine Suns #6 Tekst */
{
		top: 2274px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile17 /* The Tatooine Suns #7 Billede */
{
		top: 2424px;
		left: 0px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_7-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile17:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile18 /* The Tatooine Suns #8 Billede */
{
		top: 2424px;
		left: 350px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_8-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile18:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
#tile19 /* The Tatooine Suns #7 Tekst */
{
		top: 2874px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile20 /* The Tatooine Suns #8 Tekst */
{
		top: 2874px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
#tile21 /* The Tatooine Suns #9 Billede */
{
		top: 3024px;
		left: 0px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_9-1.jpg);
	    border-radius: 12px;
		-webkit-transition: all 0.7s; /*chrome*/
		-moz-transition: all 0.7s; /*firefox*/
		-ms-transition: all 0.7s; /*ie/EDGE*/
		-o-transition: all 0.7s; /*other*/
		transition: all 0.7s;
	    z-index: 1;
}
#tile21:hover
{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
/* #tile22
{
		top: 3024px;
		left: 350px;
		width: 300px;
		height: 450px;
		background-image: url(../dsf/TTS_6-1.jpg);
	    border-radius: 12px;
} */
#tile23 /* The Tatooine Suns #9 Tekst */
{
		top: 3474px;
		left: 0px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
}
/* #tile24
{
		top: 3474px;
		left: 350px;
		width: 300px;
		height: 100px;
	    border-radius: 12px;
} */