@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400;
  			src: local('Fira Sans Regular'), local('FiraSans-Regular'),
			url('../fonts/fira-sans-v8-latin-regular.woff2') format('woff2'),
    		url('../fonts/fira-sans-v8-latin-regular.woff') format('woff');		}
    		
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600;
  			src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       		url('../fonts/fira-sans-v8-latin-600.woff2') format('woff2'),
       		url('../fonts/fira-sans-v8-latin-600.woff') format('woff');			}
       		
@font-face { font-family: 'Muli'; font-style: normal; font-weight: 300;
  			src: local('Muli Light'), local('Muli-Light'),
			url('../fonts/muli-v11-latin-300.woff2') format('woff2'),
			url('../fonts/muli-v11-latin-300.woff') format('woff'); 					}
       		
@font-face { font-family: 'Muli'; font-style: normal; font-weight: 400;
  			src: local('Muli Regular'), local('Muli-Regular'),
       		url('../fonts/muli-v11-latin-regular.woff2') format('woff2'),
       		url('../fonts/muli-v11-latin-regular.woff') format('woff');			}
       		
       		
* 				{ margin:0; padding:0; }

img 			{ border:none; background-repeat:no-repeat;}

body 			{background-color:#f8f5ee;}



#radionavi_bg  	{ position:fixed; margin-left:auto; margin-right:auto; left:0px; right:0px; top:0px; 
				height:32px; margin-top:0px; width:1000px; background-color:#dfdcd7; z-index:200;}
			 	  
#hiddennavi     { position:relative; margin-left:auto; margin-right:auto; left:0px; right:0px; max-width:860px; min-width:340px; z-index:199 }

#radionavi     	{ position:fixed; margin-left:auto; margin-right:auto; left:0px; right:0px; max-width:860px; min-width:340px; z-index:211 }

#whiteline     	{ position:relative; margin-left:auto; margin-right:auto; left:0px; right:0px; top:0px; 
				height:1px; width:1000px; margin-top:32px; background-color:#999999; z-index:220;}


#supersized-loader {position:relative; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; 
					text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized { display:block; position:relative; z-index:-40; width:100%; height:100%; bottom:0px; left:0px; right:0px; top:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; overflow:hidden;  border-style:solid; border-width:0px; border-color:#ff0000; background-color:#f8f5ee;}

#supersized img { position:relative; z-index:-30; bottom:0px; left:0px; right:0px; top: 0px; width:auto; height:auto; max-width:1000px; max-height:290px;  margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; overflow:hidden; display:block; outline:none; border-style:solid; border-width:0px; border-color:#000000; background-color:#f8f5ee; background-repeat:no-repeat;}


#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

#supersized li { display:block; list-style:none; z-index:-25; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:auto; background:#f8f5ee;}
#supersized a { width:100%; height:auto; display:block;}
#supersized li.prevslide { z-index:-20;}
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#f8f5ee; url(../img/progress.gif) no-repeat center center; width:100%; height:auto; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


#prevslide, #nextslide { position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide { left:10px; background:url('../img/back.png'); }
#nextslide{ right:10px; background:url ('../img/forward.png'); }
#prevslide:active, #nextslide:active { margin-top:-19px; }
#prevslide:hover, #nextslide:hover { cursor:pointer; }


#video    		{ position:relative; clear:both; z-index:200; overflow:visible;
				height:400px; margin-left:auto; margin-right:auto; width:640px; top:30px;}

								
#jf-logo 		{ position:absolute;  margin-top:-30px; margin-left:auto; margin-right:auto;
				left:0px; right:0px; width:850px; max-width:100%;  z-index:185; overflow:hidden;  
				border-style:solid; border-width:0px; border-color:#ff00ff; }	
				
#logo_inner		{ position:relative; z-index:190; float:left;
				width:356px; max-width:94%; margin-top:73px; margin-right:0px; ; 
				border-style:solid; border-width:0px; border-color:#ff00ff; }	
						
#logo_inner2	{ position:relative; z-index:191; float:right;
				width:236px; max-width:94%; height:auto; margin-top:0px; margin-right:0px; ; 
				border-style:solid; border-width:0px; border-color:#00ffff; }			
		

		
#copy		    { position:relative; z-index:138; overflow:hidden;
				margin-left:auto; margin-right:auto; margin-top:0px; left:0px; right:0px; width:100%; height:auto; 
				border-style:solid; border-width:0px; border-color:#ff0000; }					

#copykasten		{ position:relative; margin-left:auto; margin-right:auto; margin-top:30px;
				left:0px; right:0px; max-width:850px; height:auto; z-index:140; overflow:hidden;  
				border-style:solid; border-width:0px; border-color:#ff0000;}
	
	
	
	
#ls				{ position:relative; z-index:145; float:left;
				width:356px; max-width:94%; height:auto; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;
				border-style:solid; border-width:0px; border-color:#0000ff; }
				
				
#topic			{ position:relative; z-index:150; max-width:100%;
				 height:auto; margin-top:70px; margin-left:0px; margin-right:0px; padding-bottom:20px; 
				text-align:right; letter-spacing:0px; font:400 1.5em 'Muli', Verdana, Arial, sans-serif; color:#888888; line-height:1,0em;  
				border-style:solid; border-width:0px; border-color:#00ff00; }
				


#subnavi    	{ position:relative; margin-right:0px; margin-left:0; width:356px; max-width:100%; margin-top:6px; margin-bottom:20px;
				text-align:right; height:auto; z-index:152; overflow:hidden;
				border-style:solid; border-width:0px; border-color:#ff0000; }


#subnavi table	{ float:right; margin-right:0px; width:auto;}
				
#subnavi td	    { border-style:solid; border-width:0px 0px 9px 0px; border-color:#f8f5ee; background-color:#dbe1c3;
				font:600 0.9em 'Fira Sans', Verdana, Arial, sans-serif; color:#8b8888; letter-spacing:0.1em; text-align:right;
				line-height:1.3em; padding:5px 7px 4px 17px; overflow:hidden; margin-right:0px; width:auto;}
				
#subnavi td a   		{text-decoration: none; color: #5a800f; }
#subnavi td a:hover 	{text-decoration: none; color: #8b8888; }
#subnavi td a:active 	{text-decoration: none; color: #ffffff; }


#subnavitext			{ position: relative; width: 356px; float:right; height:auto; margin-right:2px; margin-top:15px;
				 		font:400 1.0em 'Fira Sans', Verdana, Arial, sans-serif; color:#444444; line-height:1.6em; 
				 		text-align:right; border-style:solid; border-width:0px; border-color:#cccccc;  z-index:158; }
				 
#subnavitext a		    {text-decoration: none; color: #8b8888; }
#subnavitext a:hover 	{text-decoration: none; color: #5a800f; }
#subnavitext a:active 	{text-decoration: none; color: #ffffff; }


#bildserie a img		    { border: 0px ; padding: 2px; margin: 6px 6px 6px 1px; }
#bildserie a img:hover 		{ border: 1px solid #5a800f; padding: 2px; margin: 5px 5px 5px 0; }
#bildserie a img:active 	{ border: 1px solid #5a800f; padding: 2px; margin: 5px 5px 5px 0; }



#kleiner_absatz {line-height:10px;}	

#content		{ position: relative; z-index:160; width: 440px; max-width:88%; float:right; height:auto; margin-right:15px; margin-left:20px;
				 font:400 0.9em 'Fira Sans', Verdana, Arial, sans-serif; color:#444444; line-height:1.4em; 
				 border-style:solid; border-width:0px; border-color:#cccccc; }			 
				 
#content hr 	{ width:430px; color:#5a800f; background-color:#afd06f; height:1px; margin-bottom:10px; margin-top:10px;
  				margin-left:0px; text-align:left; border:0px; }		
  				
#content img	{ border: 0px; max-width:97%; height:auto; 
				width: auto\9; /* ie8 */ }	 
				 
#content ul  	{ list-style-image:url(../pics/list-punkt.png); margin-left:20px; }
#content ol  	{ margin-left:15px; }
#content li  	{ padding-bottom: 10px; }

#content b  	{ font:600 1.0em 'Fira Sans', Verdana, Arial, sans-serif;}

#content h1 	{ font:600 1.1em 'Fira Sans', Verdana, Arial, sans-serif; color:#5a800f; padding-top: 1.1em; padding-bottom: 2px;}

#content h4 	{ font:400 1.1em 'Fira Sans', Verdana, Arial, sans-serif; color:#5a800f; padding-top: 0.8em; padding-bottom: 0.3em;}

#content h1 b	{ font:600 1.0em 'Fira Sans', Verdana, Arial, sans-serif; color:#444444;}

#content a		    {text-decoration: none; color: #8b8888; }
#content a:hover 	{text-decoration: none; color: #5a800f; }
#content a:active 	{text-decoration: none; color: #ffffff; }


#linkkiste    		{ position:relative; margin-right:0px; margin-left:0; max-width:300px; margin-top:6px; text-align:right;
					height:auto; z-index:154; overflow:hidden; border-style:solid; border-width:0px; border-color:#ff0000; }

#linkkiste table	{  margin-right:0px; width:auto;}
				
#linkkiste td	    { border-style:solid; border-width:0px 0px 8px 0px; border-color:#f8f5ee; background-color:#dbe1c3;
					font:600 0.95em 'Fira Sans', Verdana, Arial, sans-serif; color:#5a800f; letter-spacing:0.1em; text-align:left;
					line-height:1.3em; padding:5px 16px 6px 16px; overflow:hidden; width:auto; margin-left:0px;}
				
#linkkiste td a   		{text-decoration: none; color: #8b8888; }
#linkkiste td a:hover 	{text-decoration: none; color: #5a800f; }
#linkkiste td a:active 	{text-decoration: none; color: #ffffff; }

#jf-social 		{ position:fixed; bottom:8px; left:12px; display:block; width:200px; height:34px; z-index:182; 
				opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);}

#bottom-navi 		{ position:fixed; bottom:4px; right:0px; z-index:185; }
					
#buttoon			{ display:inline-block; z-index:186; background-color:#e9ecd3; float:left; padding:6px 20px 4px 20px; margin:0px 0px 0px 2px;
					font:400 0.75em 'Fira Sans', Verdana, Arial, sans-serif; color:#5a800f; letter-spacing:0.08em; text-align:center; 
					opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90);}
					
#buttoon a 			{text-decoration: none; color: #555555; }
#buttoon a:hover 	{text-decoration: none; color: #7d7e7f; }
#buttoon a:active 	{text-decoration: none; color: #ffffff; }