---------------FONTS----------------------------
/*Font change for H2 */
			@font-face {
			font-family: 'Lato-Bold';
			src: url('../fonts/Lato-Bold.ttf');
			}
			@font-face {
			font-family: 'Lato';
			src: url('../fonts/Lato-Regular.ttf');
			}
			@font-face {
			font-family: 'Lato-Light';
			src: url('../fonts/Lato-Thin.ttf');
			}
--------------------------------------------------------------
a:link
		{	color:#CECEF6;
			text-decoration:none;
			font-family: sans-serif;
		}
a:visited
		{
			color:#CECEF6;
			text-decoration:none;
			font-family: sans-serif;
		}	
a:hover
		{
			color:#eeeeee;
			text-decoration:blink;
			font-family: sans-serif;
		}
a:active 
		{
			color:#ffffff;
			text-decoration:none;
			font-family: Lato-Light;
		}

p.profile		{
						font-size:19px;
					}
h2.news
					{
						font-family: Lato;					
						position: relative;
    					left: 230px;
    					top: -80px;
						text-align: left;
						width:800px;
						color:#ffffff;
					}
h2					{
					color:#ffffff;	
					}
h1	
					{
						text-align: center;
						color:red;
					}
p					{
						font-family: Lato;			
						font-size:19px;
						color:#ffffff;
					}

.newspics           {
                        margin:15px;
                        corner-radius:40px;
                        float:left;
                    }

div#Container {
              position:relative;left:0px;top:0px;
              margin-left:auto;
              margin-right:auto;
              border-width:1px;
              }
/*Header + Deko Style-----------------------------------------------------------------------------*/
div#Header {
           position:relative;left:0px;top:0px;
           Background-color:#000000;
           background-image:url(../bilder/Header_back.jpg);
           height:413px;width:1280px;
           margin-left:auto;
           margin-right:auto;
           }
img#navigator1 {
              border-style:none;
				  position:relative;left:21px;top:80px;
               }
img#navigator2 {
              border-style:none;
				  position:relative;left:523px;top:86px;
               }
div#body
           {
           background-color:#000000;
           position:relative;left:0px;top:0px;     
           background-repeat:no-repeat;
           height:750px;width:1280px;
           margin-left:auto;
           margin-right:auto;
           }
map#map1
                 {
                 position:relative;left:-150px;top:0px;
                 }

div#countdown
                 {
                 position:relative;left:441px;top:-8px;
					  width:300px;                 
                 }

body       {
           background-color:black;
           }
/*--------------------Social Media Box---------------------------------------*/
div#SocialMediaBox
		{    
   		 position: relative;
   		 top: -70px;
    		 left: 520px;
    		 width: 380px;
    	}

/*----------------------NEWS STYLE ----------------------------------*/

div.date		{
				 display: inline;
				 color: red;
				}

p#news
						{
						    position:relative;left:230px;top:-95px;
					        width:850px;
						}
div#newsbody
           {
           background-color:#000000;
           position:relative;left:0px;top:0px;        
           background-repeat:no-repeat;
           height:3350px;width:1280px;
           margin-left:auto;
           margin-right:auto;
           }						

 /*----------------------MEDIA ----------------------------------*/
audio					{
						position:relative;left:105px;top:0px;
						} 
 div#player
 						{
						 position:relative;left:387px;top:-125px;
						 height:50px;width:500px;						
 						}
 div#info
 						{
						 position:relative;left:330px;top:50px;
						 height:100px;width:350px;
						 text-align: center; 
					    color:#FFFFFF;						
 						}
 img#diashow1
 						{
						 position:absolute;;left:30px;top:45px;
						 height:200px;width:200px;					
 						}
 img#diashow2
 						{
						 position:absolute;;left:30px;top:260px;
						 height:200px;width:200px;					
 						}
 img#diashow3
 						{
						 position:absolute;;right:30px;top:45px;
						 height:200px;width:200px;					
 						}
 img#diashow4
 						{
						 position:absolute;;right:30px;top:260px;
						 height:200px;width:200px;					
 						}
 /*----------------------Impressum Styles ----------------------------------*/
div#impressum p
					{
					 position:relative;left:10px;top:30px;
					 width:840px;	
					 margin-left:auto;
                margin-right:auto;				
					}
 /*-------------------------Footer Styles----------------------------*/
div#footer
					{ 	
					  font-size:13px;		   			 	  	  
 			 	  	  position:relative;left:0px;top:0px;
        			  background-image:url(../bilder/Footer_back.jpg);
        		     height:157px;width:1280px;
                 margin-left:auto;
                 margin-right:auto;
               }

div#footer p
						{
							position:relative;left:0px;top:80px;							
							font-family: Lato-Light;                 
                     font-size:13px;
							text-align: center; 
							color:#707070;
						}
/*-------------------------DIE BAND Styles----------------------------*/
div#Band
                  {
                   background-color:#000000;
                   position:relative;left:0px;top:0px;
                   height:1330px;width:980px;
                   margin-left:auto;
                   margin-right:auto;
                  }
div#clari
						{
						position:absolute;left:160px;top:0px;
                  height:203px;width:150px;
                  background-color:#030303;
                  background-image:url(../bilder/portrait_clari2.jpg);
                  
						}
div#lars
						{
						position:absolute;left:350px;top:0px;
                  height:203px;width:150px;
                   background-color:#030303;
                   background-image:url(../bilder/Portrait_lars4.jpg);
						}
div#franky
						{
						position:absolute;left:530px;top:0px;
                  height:203px;width:194px;
                   background-color:#030303;
                   background-image:url(../bilder/Portrait_franky4.jpg);
						}
div#danni
						{
						position:absolute;left:755px;top:0px;
                   height:202px;width:150px;
                    background-color:#030303;
                    background-image:url(../bilder/portrait_danny3.jpg);
						}
div#phil
						{
						position:absolute;left:940px;top:0px;
                   height:203px;width:150px;
                    background-color:#030303;
                    background-image:url(../bilder/portrait_phil3.jpg);
						}
iframe#dieband
						{
					    position:relative;left:190px;top:210px;
                   height:600px;width:850px;
						}
/*----------------------------------kontakt-------------------------*/
p#kontakt		{					
					 position: relative;
    				 color: #ffffff;
					 width:560px;    				
    				}
div#kontakt_box
               {
                font-size:20px;	
                position:relative;left:510px;top:-100px;
                width:300px;    		
               }
div#kontakt_text
               {
                font-family: Lato; 	
                color: #ffffff;	
					}
/*----------------------------------Landing-Page-------------------------*/
div#LandingPage img
					{
						position: relative;
						left:300px;
						
					}
div#LandingPage p
					{	
						text-align: center;
						position: absolute;
						left:329px;
						width: 350px;
					}
					
div#SocialMediaBoxVertikal
					{
						position: absolute;
						top:425px;
						left:-307px;
						width:200px;
					}
a#Homelink          {
                        position: absolute;
                        top:25px;
                        left:70px;
                        width:200px;
                    }
a#Songlink          {
                        position: absolute;
                        top:100px;
                        left:70px;
                        width:200px;
                    }
.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}