/* do not show things while loading
 will be switched by jquery afterwards
*/
div.anim_container {
	visibility: hidden;
}

.page {
    margin-left: auto;
    margin-right: auto;
    background-image: url("static/bg_front.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    width: 1024px;
    height: 2417px;

}


.fahnen_anim {
    height: auto;
    left: 336px;
    position: absolute;
    top: 172px;
    width: 197px;
}

.fahne {
	position:absolute;
	opacity: 0.0;
}

div.anim img.active{
	opacity: 1.0 !important;
}

#anim1 {
	opacity: 1.0;
}

.car {
	width: 100px;
	height: auto;
	position: absolute;
}

.car1_anim {
	left: 380px; /* 520 */
	top: 550px; /* 710 */
	position: absolute;
	width: 100px;
	height: auto;
}

.car1 {
	position:absolute;
	width:100px;
	opacity: 0.0;
}
	
.active_car1 {
	opacity: 1.0 !important;
}

.car2_anim {
	left: 450px; /* 580 */
	top: 550px; /* 690 */
	position: absolute;
	width: 100px;
	height: auto;
}


.car2 {
	position:absolute;
	width:100px;
	opacity: 0.0;
}
	
.active_car2 {
	opacity: 1.0 !important;
}

.ship_anim {
	position: absolute;
	left: 480px;
	top: 810px;
	width: 100px;
	height: auto;
}

.ship {
	position:absolute;
	opacity: 0.0;
}

.active_ship {
	opacity: 1.0 !important;
}

.menschen_anim {
	position: absolute;
	left: 700px;
	top: 1810px;
	width: 120px;
	height: auto;
}

.menschen {
	position: absolute;
	opacity: 0.0;
}

.active_menschen {
	opacity: 1.0!important;
}

.flag1_anim {
    height: auto;
    left: 380px;
    position: absolute;
    top: 990px;
    width: 100px;
}

.flag1 {
	position:absolute;
	opacity: 0.0;
	width: 100%;
	height: auto;
}

.active_flag1 {
	opacity: 1.0 !important;
}

.flag2_anim {
    height: auto;
    left: 645px;
    position: absolute;
    top: 1560px;
    width: 100px;
}

.flag2 {
	position:absolute;
	opacity: 0.0;
	width: 100%;
	height: auto;
}

.active_flag2 {
	opacity: 1.0 !important;
}

#dreieck1 {
    height: auto;
    left: 444px;
    position: absolute;
    top: 1005px;
    width: 30px;
		    transform: rotate(34deg);
       -moz-transform: rotate(34deg);
	-webkit-transform: rotate(34deg);
}
#dreieck2 {
    height: auto;
	left: 177px;
    top: 988px;
    position: absolute;
    width: 30px;
		    transform: rotate(208deg);
       -moz-transform: rotate(208deg);
	-webkit-transform: rotate(208deg);
}
#dreieck3 {
height: auto;
    left: 551px;
    position: absolute;
    top: 1302px;
    width: 30px;
			    transform: rotate(293deg);
           -moz-transform: rotate(293deg);
	-webkit-transform: rotate(293deg);
}