@charset "UTF-8"; 



body {

	background-color: #00688B;

}


div#wrapper2
{
	/*margin: 30px 30px 30px auto;*/
	max-width: 1600px;
	max-height: 800px;
	height: auto;
	float: left;
	font-family: 'Ruda', sans-serif;
	background-color: #00688B;
	text-decoration: none;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	right: auto;
	
	border: 0;
}


/* intro styles */

/*#blitz1
{
	height: auto;
	max-width: 40%;
	/*background-color: #000000;*/
/*	float: left;
	overflow: hidden;
	margin-right: auto;

    position: relative; 

    -moz-animation-name: blitzanim;
    -moz-animation-duration: 5;
    -moz-animation-timing-function: ease-in;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 10;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;    

    -webkit-animation-name: blitzanim;
    -webkit-animation-duration: 5;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;    

    animation-name: blitzanim;
    animation-duration: 5;	
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-iteration-count: 10;
    animation-direction: normal;
    animation-play-state: running;	
}

.blitzimg2
{
	
}

.bleierlogoimg
{
	
}

@keyframes blitzanim {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}


@-moz-keyframes blitzanim {
    0% {
        -moz-transform: scale(0);
        opacity: 0;

    }
    100% {
        -moz-transform: scale(2);
        opacity: 1;
    }
}

@-webkit-keyframes blitzanim 
{
    0% { 
    	-webkit-transform: scale(0.1); 
    	opacity: 0.0;
    }
    
    50% {
    	opacity: 1.0;
    }
    
    100% {
    	-webkit-transform: scale(1.2); 
    	opacity: 0.0;
    }
}*/

#blitzimg
{
	height: 	auto;
	max-width: 	70%;
	position: 	absolute;
	left: 		13%;
	top:		0%;
	background-color: #00688B;
	
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	
	float: top;
	
	overflow:  visible;
	
	opacity: 0;
	
	z-index: 1;
	
	-webkit-transform: translateZ(0);
	
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	-moz-backface-visibility: hidden;
   	backface-visibility: hidden;

/*    -moz-animation-name: blitzanim;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: bounce;
    -moz-animation-play-state: running; 
    -moz-animation-fill-mode: forwards;          

    -webkit-animation-name: blitzanim;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: bounce;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;    

    animation-name: blitzanim;
    animation-duration: 2s;	
    animation-timing-function: ease-out;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-direction: bounce;
    animation-play-state: running;
    animation-fill-mode: forwards;   */    
    
    border: 0px;
}


#logoimg
{
	height: 	auto;
	max-width: 	70%;
	position: 	absolute;
	top:		0%;
	left:		12%;
	
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	
	overflow:  visible;
	
	opacity: 0;
	
	z-index: 10;
	
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	-moz-backface-visibility: hidden;
   	backface-visibility: hidden;
   	
   	-webkit-transform: translateZ(0);

/*    -moz-animation-name: blitzanim;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;    
    -moz-animation-fill-mode: forwards;   
    
    -webkit-animation-name: blitzanim;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;    

    animation-name: blitzanim;
    animation-duration: 5s;	
    animation-timing-function: ease-out;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
	animation-fill-mode: forwards;       */
    
    border: 0px;
}

@-moz-keyframes blitzanim {
    0% { /*-moz-transform3d: scale(0.1);*/    opacity: 0; }
    100% { /* -moz-transform3d: scale(1); */  opacity: 1; }
}

@-webkit-keyframes blitzanim {
    0% { /* -webkit-transform: scale(0.1); */ opacity: 0; }
    100% { /* -webkit-transform: scale(1); */ opacity: 1; }
}

@keyframes blitzanim {
    0% { /* transform: scale(0); */   opacity: 0; }
    100% { /* transform: scale(1); */ opacity: 1; }
}           
/* ----------------- */

/* ende styling Referenzen */