@charset "ISO-8859-1";

			/* start geändert 2-7-18*/

            /* Serifenschrift */
			@font-face
			{
			font-family:Junction 02;
			src:url('../fonts/Junction 02/Junction 02.woff') format('woff');
			}
            /* Schreibschrift */
			@font-face
            {
    		font-family:Desyrel;
            src:url('../fonts/Desyrel/desyrel-webfont.woff') format('woff');
            }


			/* Text-------------------------------------------------- */ 
			
			/* span */           
			.titel-links 
			{
			font:normal 1.2em Verdana; 
			color:#FFFFFF;
            line-height: 1.7;
			} 

            /* span */
            .titel-songs 
			{
			font:bold 2.2em Verdana; 
			color:#FFFFFF;
            line-height: 1.7;
			}
			
			/* span */           
			.withinsound   
			{
			font:bold 2.2em 'Desyrel'; 
			color:rgb(82,144,246);
			}
			
			/* span */
			.text-white    
			{
 			font:bold 1.1em Verdana; 
			color:rgb(255,255,255);
            line-height: 1.6;
			}
						
			/* span */
			.text-person  
			{
			font:normal 0.9em Verdana; 
			color:#2F4F4F;
            line-height: 1.5
			}
			
			/* span */
			.text-kontakt   
			{
			font:bold 0.9em Verdana ; 
			color:rgb(0,0,0);
			}
			
			
			/* span */
			.text-fuss   
			{
			font:bold 0.75em Desyrel; 
			color:#717b7b; 
			}

			
			/* Blocks------------------------------------------------ */ 
			
			/* div linksseitig */
            
			.videoblock
			{ 
			z-index:1;
			background-color:rgb(47,47,47);
			position:absolute; 
			top:210px; 
			left:10px; 
			width:70%;
			height:auto; 
			border:0px solid black; 
			padding:0px 0px 0px 0px;
			margin-left:0px; 
			text-align:center; 
			}


			.soundblock
			{ 
			z-index:1;
			background-color:rgb(47,47,47);
			position:absolute; 
			top:55px; 
			left:10px; 
			width:70%;
			height:auto; 
			border:0px solid black; 
			padding:20px 0px 20px 0px;
			margin-left:0px; 
			text-align:center; 
			}

            .archivelanderblock
			{ 
			z-index:1;
			background-color:rgba(247, 148, 0, 0.86);
			position:absolute; 
			top:210px; 
			left:10px; 
			width:70%;
			height:auto; 
			border:0px solid black;
            border-radius:20px;
			padding:20px 0px 20px 0px;
			margin-left:0px; 
			text-align:center; 
			}
			



			/* Rechtsblock -------------------------------------------*/
			/* div rechts oben 1 */                      
			.headername 
			{ 
			z-index:1;
			background-color:white;
			position:absolute; 
			top:40px; 
			left:72%; 
			width:23%; 
			height:auto;			
			margin:0px; 
			border:0px solid red; 
			padding:0px 0px 0px 0px;
			text-align:center;
			}
			
						
			/* div rechts 2*/           
			.headersubtitle 
			{  
			z-index:1;
            background: linear-gradient(to right, rgb(14, 80, 229) , rgb(65, 206, 53));
			position:absolute; 
			top:155px; 
			left:72%; 
			width:23%; 
			height:auto;
			margin:0px; 
			border:0px solid red;
            border-radius:0px;
			padding:5px 1px 5px 1px;
			text-align:center; 
			}            
					
			
			/* div rechts 3 */
			.personblock
			{ 
			z-index:1;
			background-color:white;
			position:absolute; 
			top:210px; 
			left:72%; 
			width:23%; 
			height:auto;
			margin:0px;
			border:0px solid red;
			padding:0px 0px 0px 0px;
			text-align:left; 
			}
						
			
			/* div rechts unten 4 */            
			.footer    
            {  
			z-index:1;
			background-color:white; 
			position:absolute;
			top:800px; 
			left:72%; 
			width:23%; 
			height:auto;
			margin:0px;
			border:0px solid red;
			padding:2px 1px 1px 2px;
			text-align:right;
			}                
	       
            /* eof */