/* Copyright: Xavier ten Hove. */

.TranslateBackgroundUp_3D
{
	background-image: 
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-1.gif), 
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-2.gif), 
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-3.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-4.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-1.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-2.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-3.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-4.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-1.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-2.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-3.gif),
		url(../Media/WebDesign/Backgrounds/StarFieldAnimation/3D/Starfield_3D_V1-4.gif)
	;


	background-position: 
		  0px 0px, 
		 10px 0px, 
		 20px 0px, 
		 30px 0px, 
		 40px 0px,
		 50px 0px,
		 60px 0px,
		 70px 0px,
		 80px 0px,
		 90px 0px,
		100px 0px,
		110px 0px
	;

	background-size: 
		 427px, 
		 512px, 
		 768px, 
		 853px, 
		1024px, 
		1109px, 
		1194px, 
		1364px, 
		1449px,
		1534px,
		1619px
	;

	
	background-repeat: repeat;
	animation-name: K_MovingBackground;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}														 
.TranslateBackgroundUp_3D_Speed0  { animation-duration:   100s; }
.TranslateBackgroundUp_3D_Speed1  { animation-duration:   200s; }
.TranslateBackgroundUp_3D_Speed2  { animation-duration:   300s; }
.TranslateBackgroundUp_3D_Speed3  { animation-duration:   400s; }
.TranslateBackgroundUp_3D_Speed4  { animation-duration:   500s; }
.TranslateBackgroundUp_3D_Speed5  { animation-duration:   600s; }
.TranslateBackgroundUp_3D_Speed6  { animation-duration:   700s; }
.TranslateBackgroundUp_3D_Speed7  { animation-duration:   800s; }											 
.TranslateBackgroundUp_3D_Speed8  { animation-duration:   900s; }
.TranslateBackgroundUp_3D_Speed9  { animation-duration:  1000s; }
.TranslateBackgroundUp_3D_Speed10 { animation-duration:  1100s; }
.TranslateBackgroundUp_3D_Speed11 { animation-duration:  1200s; }													 
.TranslateBackgroundUp_3D_Speed12 { animation-duration:  1300s; }
.TranslateBackgroundUp_3D_Speed13 { animation-duration:  1400s; }
.TranslateBackgroundUp_3D_Speed14 { animation-duration:  1500s; }
.TranslateBackgroundUp_3D_Speed15 { animation-duration:  1600s; }													 
.TranslateBackgroundUp_3D_Speed16 { animation-duration:  1700s; }
.TranslateBackgroundUp_3D_Speed17 { animation-duration:  1800s; }
.TranslateBackgroundUp_3D_Speed18 { animation-duration:  1900s; }
.TranslateBackgroundUp_3D_Speed19 { animation-duration:  2000s; }
.TranslateBackgroundUp_3D_Speed20 { animation-duration:  2100s; }
.TranslateBackgroundUp_3D_Speed21 { animation-duration:  2200s; }
.TranslateBackgroundUp_3D_Speed22 { animation-duration:  2300s; }
.TranslateBackgroundUp_3D_Speed23 { animation-duration:  2400s; }											 
.TranslateBackgroundUp_3D_Speed24 { animation-duration:  2500s; }
.TranslateBackgroundUp_3D_Speed25 { animation-duration:  2600s; }
.TranslateBackgroundUp_3D_Speed26 { animation-duration:  2700s; }
.TranslateBackgroundUp_3D_Speed27 { animation-duration:  2800s; }													 
.TranslateBackgroundUp_3D_Speed28 { animation-duration:  2900s; }
.TranslateBackgroundUp_3D_Speed29 { animation-duration:  3000s; }
.TranslateBackgroundUp_3D_Speed30 { animation-duration:  3100s; }
.TranslateBackgroundUp_3D_Speed31 { animation-duration:  3200s; }												 
.TranslateBackgroundUp_3D_Speed32 { animation-duration:  3300s; }
.TranslateBackgroundUp_3D_Speed33 { animation-duration:  3400s; }
.TranslateBackgroundUp_3D_Speed34 { animation-duration:  3500s; }													 
.TranslateBackgroundUp_3D_Speed35 { animation-duration:  3600s; }
.TranslateBackgroundUp_3D_Speed36 { animation-duration:  3700s; }
.TranslateBackgroundUp_3D_Speed37 { animation-duration:  3800s; }
.TranslateBackgroundUp_3D_Speed38 { animation-duration:  3900s; }
.TranslateBackgroundUp_3D_Speed39 { animation-duration:  4000s; }
.TranslateBackgroundUp_3D_Speed40 { animation-duration:  4100s; }
.TranslateBackgroundUp_3D_Speed41 { animation-duration:  4200s; }
.TranslateBackgroundUp_3D_Speed42 { animation-duration:  4300s; }
.TranslateBackgroundUp_3D_Speed43 { animation-duration:  4400s; }
.TranslateBackgroundUp_3D_Speed44 { animation-duration:  4500s; }
.TranslateBackgroundUp_3D_Speed45 { animation-duration:  4600s; }
.TranslateBackgroundUp_3D_Speed46 { animation-duration:  4700s; }
.TranslateBackgroundUp_3D_Speed47 { animation-duration:  4800s; }
.TranslateBackgroundUp_3D_Speed48 { animation-duration:  4900s; }
.TranslateBackgroundUp_3D_Speed49 { animation-duration:  5000s; }
.TranslateBackgroundUp_3D_Speed50 { animation-duration:  5100s; }
.TranslateBackgroundUp_3D_Speed51 { animation-duration:  5200s; }
.TranslateBackgroundUp_3D_Speed52 { animation-duration:  5300s; }
.TranslateBackgroundUp_3D_Speed53 { animation-duration:  5400s; }
.TranslateBackgroundUp_3D_Speed54 { animation-duration:  5500s; }
.TranslateBackgroundUp_3D_Speed55 { animation-duration:  5600s; }
.TranslateBackgroundUp_3D_Speed56 { animation-duration:  5700s; }
.TranslateBackgroundUp_3D_Speed57 { animation-duration:  5800s; }
.TranslateBackgroundUp_3D_Speed58 { animation-duration:  5900s; }
.TranslateBackgroundUp_3D_Speed59 { animation-duration:  6000s; }
.TranslateBackgroundUp_3D_Speed60 { animation-duration:  6100s; }
.TranslateBackgroundUp_3D_Speed61 { animation-duration:  6200s; }
.TranslateBackgroundUp_3D_Speed62 { animation-duration:  6300s; }
.TranslateBackgroundUp_3D_Speed63 { animation-duration:  6400s; }
.TranslateBackgroundUp_3D_Speed64 { animation-duration:  6500s; }
.TranslateBackgroundUp_3D_Speed65 { animation-duration:  6600s; }
.TranslateBackgroundUp_3D_Speed66 { animation-duration:  6700s; }
.TranslateBackgroundUp_3D_Speed67 { animation-duration:  6800s; }
.TranslateBackgroundUp_3D_Speed68 { animation-duration:  6900s; }
.TranslateBackgroundUp_3D_Speed69 { animation-duration:  7000s; }
														 
.TranslateBackgroundUp_3D_Speed70 { animation-duration:  7100s; }
.TranslateBackgroundUp_3D_Speed71 { animation-duration:  7200s; }
.TranslateBackgroundUp_3D_Speed72 { animation-duration:  7300s; }
.TranslateBackgroundUp_3D_Speed73 { animation-duration:  7400s; }
.TranslateBackgroundUp_3D_Speed74 { animation-duration:  7500s; }
.TranslateBackgroundUp_3D_Speed75 { animation-duration:  7600s; }
.TranslateBackgroundUp_3D_Speed76 { animation-duration:  7700s; }
.TranslateBackgroundUp_3D_Speed77 { animation-duration:  7800s; }
.TranslateBackgroundUp_3D_Speed78 { animation-duration:  7900s; }
.TranslateBackgroundUp_3D_Speed79 { animation-duration:  8000s; }

.TranslateBackgroundUp_3D_Speed80 { animation-duration:  8100s; }
.TranslateBackgroundUp_3D_Speed81 { animation-duration:  8200s; }
.TranslateBackgroundUp_3D_Speed82 { animation-duration:  8300s; }
.TranslateBackgroundUp_3D_Speed83 { animation-duration:  8400s; }
.TranslateBackgroundUp_3D_Speed84 { animation-duration:  8500s; }
.TranslateBackgroundUp_3D_Speed85 { animation-duration:  8600s; }
.TranslateBackgroundUp_3D_Speed86 { animation-duration:  8700s; }
.TranslateBackgroundUp_3D_Speed87 { animation-duration:  8800s; }
.TranslateBackgroundUp_3D_Speed88 { animation-duration:  8900s; }
.TranslateBackgroundUp_3D_Speed89 { animation-duration:  9000s; }

.TranslateBackgroundUp_3D_Speed90 { animation-duration:  9100s; }
.TranslateBackgroundUp_3D_Speed91 { animation-duration:  9200s; }
.TranslateBackgroundUp_3D_Speed92 { animation-duration:  9300s; }
.TranslateBackgroundUp_3D_Speed93 { animation-duration:  9400s; }
.TranslateBackgroundUp_3D_Speed94 { animation-duration:  9500s; }
.TranslateBackgroundUp_3D_Speed95 { animation-duration:  9600s; }
.TranslateBackgroundUp_3D_Speed96 { animation-duration:  9700s; }
.TranslateBackgroundUp_3D_Speed97 { animation-duration:  9800s; }
.TranslateBackgroundUp_3D_Speed98 { animation-duration:  9900s; }
.TranslateBackgroundUp_3D_Speed99 { animation-duration: 10000s; }
@keyframes K_MovingBackground
{
	from{background-position: 0 0;}
	to{background-position: -3% -10000%;}
}


.SpaceShip
{
	height: 64px; 
	width: 64px; 
	background-color: lawngreen;

	animation-name: K_FlyingSpaceShip;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes K_FlyingSpaceShip
{
	from { transform: translateY(0); }
    to { transform: translateY(-5000%); }
}


.GrowAnimation 
{
    -webkit-transition-property: -webkit-transform;
    -webkit-animation-name: growAnimation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
    -moz-animation-name: growAnimation;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes growAnimation 
{
    50%  
	{
        -webkit-transform:scale(0.5);
    }
    100%
	{
        -webkit-transform:scale(1);
    }
}


.Stars
{
	width:  32px;
	padding-right: 5px;
}

.RotateElement
{
	animation-name: spin;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 5s;

	-webkit-animation-name: spin;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
}
@keyframes spin 
{
	from
	{
		transform: rotateY(0deg);
		moz-transform: rotateY(0deg); /* Firefox */
		ms-transform: rotateY(0deg);  /* Microsoft Browsers */
	}
	to
	{
		transform: rotateY(360deg);
		moz-transform: rotateY(360deg);  /* Firefox */
		ms-transform: rotateY(360deg);   /* Microsoft Browsers */
	}
}
@-webkit-keyframes spin
{
	from{-webkit-transform: rotateY(0deg);}
	to{-webkit-transform: rotateY(360deg);}
}

.RotateElementWhenHover:hover
{
	animation-name: spin;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 5s;

	-webkit-animation-name: spin;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
}
@keyframes spin 
{
	from
	{
		transform: rotateY(0deg);
		moz-transform: rotateY(0deg); /* Firefox */
		ms-transform: rotateY(0deg);  /* Microsoft Browsers */
	}
	to
	{
		transform: rotateY(360deg);
		moz-transform: rotateY(360deg);  /* Firefox */
		ms-transform: rotateY(360deg);   /* Microsoft Browsers */
	}
}
@-webkit-keyframes spin
{
	from{-webkit-transform: rotateY(0deg);}
	to{-webkit-transform: rotateY(360deg);}
}



/* OLD 2D background: ========================================>*/
.TranslateBackgroundUp_Speed1 
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;
	animation-name: K_MovingBackground;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed2
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield3D-Test.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 45s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed3
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 60s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed4
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 90s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed5
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 150s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed6
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 300s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.TranslateBackgroundUp_Speed7
{
	background-image: url("../Media/WebDesign/Backgrounds/StarFieldAnimation/Starfield2.gif");
	background-repeat: repeat;
	background-position: 0px 0px;

	animation-name: K_MovingBackground;
	animation-duration: 400s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
/* <======================================== OLD 2D background.*/




/*
	.TranslateBackgroundUp_3D_Speed0  { animation-duration: 1s;   }
.TranslateBackgroundUp_3D_Speed1  { animation-duration: 3s;   }
.TranslateBackgroundUp_3D_Speed2  { animation-duration: 5s;   }
.TranslateBackgroundUp_3D_Speed3  { animation-duration: 8s;   }
.TranslateBackgroundUp_3D_Speed4  { animation-duration: 10s;  }
.TranslateBackgroundUp_3D_Speed5  { animation-duration: 15s;  }
.TranslateBackgroundUp_3D_Speed6  { animation-duration: 20s;  }
.TranslateBackgroundUp_3D_Speed7  { animation-duration: 25s;  }
.TranslateBackgroundUp_3D_Speed8  { animation-duration: 30s;  }
.TranslateBackgroundUp_3D_Speed9  { animation-duration: 35s;  }
.TranslateBackgroundUp_3D_Speed10 { animation-duration: 40s;  }
.TranslateBackgroundUp_3D_Speed11 { animation-duration: 45s;  }
.TranslateBackgroundUp_3D_Speed12 { animation-duration: 50s;  }
.TranslateBackgroundUp_3D_Speed13 { animation-duration: 55s;  }
.TranslateBackgroundUp_3D_Speed14 { animation-duration: 60s;  }
.TranslateBackgroundUp_3D_Speed15 { animation-duration: 65s;  }
.TranslateBackgroundUp_3D_Speed16 { animation-duration: 70s;  }
.TranslateBackgroundUp_3D_Speed17 { animation-duration: 75s;  }
.TranslateBackgroundUp_3D_Speed18 { animation-duration: 80s;  }
.TranslateBackgroundUp_3D_Speed19 { animation-duration: 85s;  }
.TranslateBackgroundUp_3D_Speed20 { animation-duration: 90s;  }
.TranslateBackgroundUp_3D_Speed21 { animation-duration: 95s;  }
.TranslateBackgroundUp_3D_Speed22 { animation-duration: 100s; }
.TranslateBackgroundUp_3D_Speed23 { animation-duration: 105s; }
.TranslateBackgroundUp_3D_Speed24 { animation-duration: 110s; }
.TranslateBackgroundUp_3D_Speed25 { animation-duration: 115s; }
.TranslateBackgroundUp_3D_Speed26 { animation-duration: 120s; }
.TranslateBackgroundUp_3D_Speed27 { animation-duration: 125s; }
.TranslateBackgroundUp_3D_Speed28 { animation-duration: 130s; }
.TranslateBackgroundUp_3D_Speed29 { animation-duration: 135s; }
.TranslateBackgroundUp_3D_Speed30 { animation-duration: 140s; }
.TranslateBackgroundUp_3D_Speed31 { animation-duration: 145s; }
.TranslateBackgroundUp_3D_Speed32 { animation-duration: 150s; }

*/