/* Grundeinstellungen */

body {margin: 0; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; overflow-y: scroll;; background-color: #000000}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #00aaee;}


img {
    max-width: 100%;
    height: auto;
}


/* Gerüst */

#kopflinie  {  z-index: 10;width: 100%;background:#000000;position: fixed; top: 0; font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #00AAEE; ;  padding-left: 10%; padding-top: 15px; padding-bottom: 15px}
#kopflinietitel { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FF99FF;}
#kopflinietitel a{ text-decoration: none; color: #FF99FF;}
#kopflinietitel a:hover { text-decoration: underline; color: #FF99FF;}




#kopf {  text-align: center; background:#0066cc; height: 50px; max-height: 50px; width: 100%; }
#kopfhead   { position: absolute; top:120px; width: auto;  max-height: 200px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: xx-large; color: #FF99FF; }
.kopfhead   { font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #FF99FF; ; word-spacing: normal}



/* 1 Block */

#block {  
 
    width: 100%;
    height: 100%;
     overflow: hidden;}	 

#video {opacity: 0.3;
     position: fixed;
	 top: 0;
    width: auto;
    height: 100%;
z-index: -1;
overflow: hidden;
	 
    
}

#bildraster {  
 position: fixed;
    width: 100%;
    height: 100%;
    top: 50px;
	bottom: 0;
    left: 0px;
    z-index: 0; 
     background:  url(../pic/raster.png)repeat top left;;
     overflow: hidden;}	 

#bildtext { position: absolute;  z-index: 5; left:10%;
   
    top: 20%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75px; color: #ffffff; background-color: #00AAEE; opacity: 0.9; padding: 10px; text-shadow: 1px 1px 3px #333333;}
	
#bildtextklein { position: absolute;  z-index: 5; left:10%;
   
    top: 35%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 35px; color: #ffffff;background-color:  #FF99FF; opacity: 0.9;  padding: 10px; text-shadow: 1px 1px 3px #333333}
	
#textfeld { position: absolute;  z-index: 5; left:10%;font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #FFFFFF;
   
    top: 50%; width: 80%; text-align: center; text-shadow: 1px 1px 1px #000;}	 

#pfeil { width: 100%; text-align: center; position: absolute;  z-index: 5; 
   
    top: 80%; }
			
	 
	
/* 2 Block */

#blockzwo {  
 
    width: 100%;
    height: 100%;
     overflow: hidden;}	 
	 
#bildrasterzwo {  
 position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
	bottom: 0;
    left: 0px;
    z-index: 0; 
     background:transparent  url(../pic/raster.png)repeat top left;;
     overflow: hidden;}	 

#textfeldzwo { position: absolute;  z-index: 5; left:10%;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
   
    top: 150%; width: 80%; text-align: center; text-shadow: 1px 1px 1px #000;}

#bildtextkleinzwo { position: absolute;  z-index: 5; left:10%;
   
    top: 135%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 35px; color: #ffffff;background-color:  #FF99FF; opacity: 0.9;  padding: 10px; text-shadow: 1px 1px 3px #333333}	


#videozwo { opacity: 0.5;
     position: inerhit;
	 top: 0;
    width: auto;
    height: 100%;
z-index: -1;
overflow: hidden;
	 
    
}

#bildtextzwo { position: absolute;  z-index: 5; left:10%;
   
    top: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75px; color: #ffffff; background-color: #00AAEE; opacity: 0.9; padding: 10px}	
	
#pfeilzwo { width: 100%;text-align: center; position: absolute;  z-index: 5; 
   
    top: 180%; }
	
	
	
/* 3 Block */

#blockdrei {  
 
    width: 100%;
    height: 100%;
     overflow: hidden;}	 
	 
#bildrasterdrei {  
 position: absolute;
    width: 100%;
    height: 100%;
    top: 200%;
	bottom: 0;
    left: 0px;
    z-index: 0; 
     background: transparent url(../pic/raster.png)repeat top left;;
     overflow: hidden;}	 

#textfelddrei { position: absolute;  z-index: 5; left:10%;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
   
    top: 250%; width: 80%; text-align: center; text-shadow: 1px 1px 1px #000;}
	
#textfelddrei a{ position: absolute;  z-index: 5; left:10%;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
   
    top: 250%; width: 80%; text-align: center; text-shadow: 1px 1px 1px #000;}

#videodrei { opacity: 0.5;
     position: inerhit;
	 top: 0;
    width: auto;
    height: 100%;
z-index: -1;
overflow: hidden;
	 
    
}

#bildtextdrei { position: absolute;  z-index: 5; left:10%;
   
    top: 220%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75px; color: #ffffff; background-color: #00AAEE; opacity: 0.9; padding: 10px}	
	
#bildtextkleindrei { position: absolute;  z-index: 5; left:10%;
   
    top: 235%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 35px; color: #ffffff;background-color:  #FF99FF; opacity: 0.9;  padding: 10px; text-shadow: 1px 1px 3px #333333}
	
#pfeildrei { width: 100%;text-align: center; position: absolute;  z-index: 5; 
   
    top: 280%; }



	
	

		


/* Navigation */

#navioben  {   padding-left: 10px; word-spacing: 10px; display: inline; width: 100%; top: 0; font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #00AAEE;  ; text-align: right}

#navioben  a{  color: #00AAEE;text-decoration: none}

#navioben  a:hover {  color: #00AAEE; text-decoration: underline}