/*
	  			<div id="v_holder" class="haeder-animation-basic-block">

					<div class="haeder-animation-block fruehling-sonne"></div>
					<div class="haeder-animation-block fruehling-sonne-2"></div>
					<div class="haeder-animation-block fruehling-front"></div>
					<div class="haeder-animation-block fruehling-blueten"></div>
					<div class="haeder-animation-block fruehling-blumen"></div>
					<div class="haeder-animation-block fruehling-schatten"></div>

	  			</div>
*/


#v_holder{
	height:100%;
	width:100%;
	position: relative;
}

.haeder-animation-block{
	height:100%;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}

.haeder-animation-basic-block{
		background-image:	url(../images/RostockFruehling/silhuette.png);
		background-size:	100% auto;/*6*/
		background-position:	center bottom;
		background-repeat:no-repeat;
}

.fruehling-sonne{
		background-image:	url(../images/RostockFruehling/sonne1.png) ;/*7*/
		background-size:	 30% auto;/*7*/
		background-position:	19% 3%;		/*7*/
		background-repeat:no-repeat;
		
		animation:opacity_sonne 25s infinite linear;
		
		-webkit-animation-name: opacity_sonne;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}
.fruehling-sonne-2{
		background-image:	url(../images/RostockFruehling/sonne3.png) ;/*7*/
		background-size:	 30% auto;/*7*/
		background-position:	19% 3%;		/*7*/
		background-repeat:no-repeat;
		
		animation:opacity_sonne_2 25s infinite linear;
		
		-webkit-animation-name: opacity_sonne_2;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.fruehling-schatten{
		background-image:		url(../images/RostockFruehling/baumschatten.png)  ;/*0*/
		background-size:	 		100% auto;/*0*/
		background-position:	center bottom;/*0*/
		background-repeat:	no-repeat;
		animation:					opacity_sonne 25s infinite linear; 
		-webkit-animation-name: opacity_sonne;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.fruehling-blueten{
		background-image:		url(../images/RostockFruehling/blueten_4.png)  , url(../images/RostockFruehling/alternate/blumen1.png);/*0*/
		background-size:	 		100% auto;/*0*/
		background-position:	center bottom;/*0*/
		background-repeat:	no-repeat;
		animation:					opacity_blueten 25s infinite linear; 
		
		-webkit-animation-name: opacity_blueten;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.fruehling-blumen{
		background-image:		url(../images/RostockFruehling/alternate/blumen2.png)   ;/*0*/
		background-size:	 		100% auto;/*0*/
		background-position:	center bottom;/*0*/
		background-repeat:	no-repeat;
		animation:					opacity_blumen 25s infinite linear; 
		
		-webkit-animation-name: opacity_blumen;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.fruehling-front{
		background-image:
		url(../images/RostockFruehling/alternate/huegel.png),	/*1*/
		url(../images/RostockFruehling/wolke4.png),	 /*2*/
		url(../images/RostockFruehling/wolke4.png),	 /*2*/
		url(../images/RostockFruehling/wolke3.png),	 /*3*/
		url(../images/RostockFruehling/wolke2.png),	/*4*/
		url(../images/RostockFruehling/wolke1.png);	/*5*/
		background-repeat:no-repeat;
		animation:fruehling 25s infinite linear; 
		-webkit-animation-name: fruehling;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
		
		background-size:

	100% auto,/*1*/
	25% auto,/*2*/	
	25% auto,/*2*/
	25% auto,/*3*/
	25% auto,/*4*/
	20% auto;/*5*/
	
		background-position:

		center bottom,/*1*/
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
}




/*
@-webkit-keyframes mymove {
    from {background-position: -250% 60%, center center;}
    to {background-position: 450% 50%, center center;}
}

/* Standard syntax *//*
@keyframes mymove {
    from { background-position: -250% 10%, center center;}
    to {background-position: 450% 50%, center center;}
}
*/

@-webkit-keyframes opacity_sonne{
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0.4;
		animation-timing-function: linear;}
	    30%    {opacity:0.6;
		animation-timing-function: linear;}
	    40%    {opacity:0.9;
		animation-timing-function: linear;}
	    50%    {opacity:8;
		animation-timing-function: linear;}
	    60%    {opacity:0.6;
		animation-timing-function: linear;}
	    80%    {opacity:1;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@keyframes opacity_sonne {
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0.4;
		animation-timing-function: linear;}
	    30%    {opacity:0.6;
		animation-timing-function: linear;}
	    40%    {opacity:0.9;
		animation-timing-function: linear;}
	    50%    {opacity:8;
		animation-timing-function: linear;}
	    60%    {opacity:0.6;
		animation-timing-function: linear;}
	    80%    {opacity:1;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_sonne_2{
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
			5%{
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0;
		animation-timing-function: linear;}
	    30%    {opacity:0;
		animation-timing-function: linear;}
	    35%    {opacity:1;
		animation-timing-function: linear;}
	    40%    {opacity:0;
		animation-timing-function: linear;}
	    45%    {opacity:1;
		animation-timing-function: linear;}
	    50%    {opacity:0;
		animation-timing-function: linear;}
	    55%    {opacity:1;
		animation-timing-function: linear;}
	    60%    {opacity:1;
		animation-timing-function: linear;}
	    65%    {opacity:0;
		animation-timing-function: linear;}	
		70%    {opacity:1;
		animation-timing-function: linear;}
	    80%    {opacity:0;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@keyframes opacity_sonne_2 {
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
			5%{
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0;
		animation-timing-function: linear;}
	    30%    {opacity:0;
		animation-timing-function: linear;}
	    35%    {opacity:1;
		animation-timing-function: linear;}
	    40%    {opacity:0;
		animation-timing-function: linear;}
	    45%    {opacity:1;
		animation-timing-function: linear;}
	    50%    {opacity:0;
		animation-timing-function: linear;}
	    55%    {opacity:1;
		animation-timing-function: linear;}
	    60%    {opacity:1;
		animation-timing-function: linear;}
	    65%    {opacity:0;
		animation-timing-function: linear;}	
		70%    {opacity:1;
		animation-timing-function: linear;}
	    80%    {opacity:0;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_blueten{
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0.2;}
	    30%    {opacity:0.6;}
	    40%    {opacity:0.9;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@keyframes opacity_blueten {
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0.2;}
	    30%    {opacity:0.6;}
	    40%    {opacity:0.9;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_blumen{
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0;}
	    30%    {opacity:0.2;}
	    40%    {opacity:0.6;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@keyframes opacity_blumen {
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0;}
	    30%    {opacity:0.2;}
	    40%    {opacity:0.6;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@-webkit-keyframes fruehling {
    0%   {
		background-position:
		center bottom, /*1*/
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
	}
	10%{
		background-position:

		center bottom,/*1*/
		110% 0%,			/*2*/
		10% 0%,			/*2*/
		140% 0%,			/*3*/
		122% 70%,		/*4*/
		86% 60%;		/*5*/
	}
	
	20%{
		background-position:

		center bottom,/*1*/
		100% 0%,			/*2*/
		0% 0%,			/*2*/
		120% 0%,			/*3*/
		104% 70%,		/*4*/
		72% 60%;		/*5*/

	}
	30%{
		background-position:

		center bottom,/*1*/
		90% 0%,			/*2*/
		-10% 0%,			/*2*/
		100% 0%,			/*3*/
		86% 70%,		/*4*/
		58% 60%;		/*5*/

	}
	40%{
		background-position:

		center bottom,/*1*/
		80% 0%,			/*2*/
		-20% 0%,			/*2*/
		80% 0%,			/*3*/
		68% 70%,		/*4*/
		44% 60%;		/*5*/
	}
	50%{
		background-position:

		center bottom,/*1*/
		70% 0%,			/*2*/
		-30% 0%,			/*2*/
		60% 0%,			/*3*/
		50% 70%,		/*4*/
		30% 60%;		/*5*/
	}
	60%{
		background-position:

		center bottom,/*1*/
		60% 0%,			/*2*/
		-40% 0%,			/*2*/
		40% 0%,			/*3*/
		32% 70%,		/*4*/
		16% 60%/*5*/

	}
	70%{
		background-position:

		center bottom,/*1*/
		50% 0%,			/*2*/
		-40% 0%,			/*2*/
		20% 0%,			/*3*/
		14% 70%,		/*4*/
		2% 60%;		/*5*/

	}
	80%{
		background-position:

		center bottom,/*1*/
		40% 0%,			/*2*/
		-40% 0%,			/*2*/
		-0% 0%,			/*3*/
		-4% 70%,		/*4*/
		-12% 60%;		/*5*/

	}
	90%{
		background-position:

		center bottom,/*1*/
		30% 0%,			/*2*/
		-40% 0%,			/*2*/
		-20% 0%,			/*3*/
		-22% 70%,		/*4*/
		-26% 60%;		/*5*/

	}
	
    100%  {
		background-position:

		center bottom,/*1*/
		20% 0%,			/*2*/
		-40% 0%,			/*2*/
		-40% 0%,			/*3*/
		-40% 70%,		/*4*/
		-40% 60%;		/*5*/

	}
}

/* Standard syntax */


@keyframes fruehling {
    0%   {
		background-position:

		center bottom,/*1*/
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
	}
	10%{
		background-position:

		center bottom,/*1*/
		110% 0%,			/*2*/
		10% 0%,			/*2*/
		140% 0%,			/*3*/
		122% 70%,		/*4*/
		86% 60%;		/*5*/
	}
	
	20%{
		background-position:

		center bottom,/*1*/
		100% 0%,			/*2*/
		0% 0%,			/*2*/
		120% 0%,			/*3*/
		104% 70%,		/*4*/
		72% 60%;		/*5*/

	}
	30%{
		background-position:

		center bottom,/*1*/
		90% 0%,			/*2*/
		-10% 0%,			/*2*/
		100% 0%,			/*3*/
		86% 70%,		/*4*/
		58% 60%;		/*5*/

	}
	40%{
		background-position:

		center bottom,/*1*/
		80% 0%,			/*2*/
		-20% 0%,			/*2*/
		80% 0%,			/*3*/
		68% 70%,		/*4*/
		44% 60%;		/*5*/
	}
	50%{
		background-position:

		center bottom,/*1*/
		70% 0%,			/*2*/
		-30% 0%,			/*2*/
		60% 0%,			/*3*/
		50% 70%,		/*4*/
		30% 60%;		/*5*/
	}
	60%{
		background-position:

		center bottom,/*1*/
		60% 0%,			/*2*/
		-40% 0%,			/*2*/
		40% 0%,			/*3*/
		32% 70%,		/*4*/
		16% 60%/*5*/

	}
	70%{
		background-position:

		center bottom,/*1*/
		50% 0%,			/*2*/
		-40% 0%,			/*2*/
		20% 0%,			/*3*/
		14% 70%,		/*4*/
		2% 60%;		/*5*/

	}
	80%{
		background-position:

		center bottom,/*1*/
		40% 0%,			/*2*/
		-40% 0%,			/*2*/
		-0% 0%,			/*3*/
		-4% 70%,		/*4*/
		-12% 60%;		/*5*/

	}
	90%{
		background-position:

		center bottom,/*1*/
		30% 0%,			/*2*/
		-40% 0%,			/*2*/
		-20% 0%,			/*3*/
		-22% 70%,		/*4*/
		-26% 60%;		/*5*/

	}
	
    100%  {
		background-position:

		center bottom,/*1*/
		20% 0%,			/*2*/
		-40% 0%,			/*2*/
		-40% 0%,			/*3*/
		-40% 70%,		/*4*/
		-40% 60%;		/*5*/

	}
}
*/