*:focus {
    outline: 0;
}
#hilfe-start {
	position:fixed;
	z-index:100;
	height:90px
	width:220px;
	right:10px;
	bottom:80px;
	border:1px solid;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.fancybox-overlay {
    z-index: 1000000;
}
.content_album_artist a:link,.content_email a:link,.content_page a:link				{ color:#4A79A7;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
.content_album_artist a:visited,.content_email a:visited, .content_page a:visited 	{ color:#4A79A7;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
.content_album_artist a:hover,.content_email a:hover, .content_page a:hover	 		{ color:#6894C1;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
.content_album_artist a:active,.content_email a:active,.content_page a:active		{ color:#4A79A7;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}



#style_language, nav {
    margin:0;
    padding:0;
  	position:relative;  
	color: #225dab;
	font-family: Nunito Sans;
	font-size: 14pt;
	line-height: 1.3;
  	left: 1%;
  	z-index: 1;
}
nav ul {
  margin: 0;
  padding: 0;
}
 nav ul li {
  display: table-cell;
  padding:0 0 0 13;
} 



#style_language a, nav ul li a{
  color: #225dab;
  text-decoration: none; 
  transition: all 0.3s ease-in-out;
}
#style_language a:hover, nav ul li a:hover {
  color: #758ECD;
}
#style_language .active a, nav ul .active a {
  color: #758ECD;
<!--   border-bottom: 3px solid #758ECD; -->
}
body {
	background-color:#fff;
	height: 100%;
  	width: 100%;
  	margin: 0;
  	display: flex;
  	flex-flow: column;
  	background: rgb(237, 237, 237);	
}

html,body, a:link,a:visited,a:visited,a:active;a:hover  {
    margin:0;
    padding:0;
	font-family: Nunito Sans;
	font-size:90%;
	text-decoration:none
}
td {
    margin:0;
    padding:0;
	font-family: Nunito Sans;
	font-size:80%;
}



.layer {
    background-color: rgba(248, 247, 216, 0.7);    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 1px 2000px rgba(208, 208, 208, 0.54);
}

.footerwrapper {
	position:relative;
	bottom: 0;
	float:left;
	width:100%;
	min-height: 250px;
	flex-grow : 1;
	border:0px solid;
	background: rgb(237, 237, 237);	

	
	
	}
.footer_left {  
	width:42%;
	float:left;
	left:1%;
	line-height:1.5;
	padding:2% 4% 4% 4% ;
	border:0px solid;
	font-weight: 100;
	color:#225abd;
	font-size:100%
}
.footer_left a:link  {
	font-size:100%
	color:#225abd;
}

.footer_right {
	width:42%;
	float:right;
	right:1%;
	line-height:1.5;
	padding:2% 4% 4% 4% ;
	border:0px solid;
	color:#225abd;
	font-size:100%;
	text-align:right;
	font-weight: 100;
}
.footer_right a:link {
	font-size:100%
	color:#225abd;
}

.footer_right a:link,.footer_right a:visited, .footer_left a:link, .footer_left a:visited   {
	text-decoration:none;
	color:#225abd;
}

.footer_right a:hover,.footer_left a:hover {
	color:#758ECD;
}
.bg_content {
<!-- 
	background-color:rgb(222,222,222);
	background: url(../images/background_content.jpg) fixed center;
 -->

}
.dates_news_collapse {
	background: rgb(255,255,255);

	border:1px dotted #B5BBBB;
	overflow: hidden;
	padding:3%;
	width:94%;
	margin-left:-1px;
	<!-- height:100%; -->
}
<!-- 
.content_page {
	padding:3% 4% 3% 4%;
	top:80px;
	background-color:rgb(240,240,240);

	width:92%;


}
 -->
.content_email {
	top:80px;
	background-color:rgb(240,240,240);

}
.headline_inpage{
	text-align:center;
	background-color:#225DAB;
	color:#fff;
	font-size: 120%;
	padding-top:7px;padding-bottom:7px;
	margin-top:90px;
	font-weight: 300;
}
.headline_inpage_2{
	float:left;
	width:100%;
	padding-top:7px;padding-bottom:7px;
	background-color:#225DAB;
	color:#225dab;
	font-size: 120%;
	font-weight: 300;	
}
.cat_color {
	padding-top:7px;padding-bottom:7px;
	color:#fff;
	font-size:120%;
	font-weight: 300;
	background-color:#963620;
	width:100%;
}
.fancybox-overlay {
    z-index: 100;
}

body, select {

	color:#1F1E1E;
	font-size: 12pt;
	font-family:  Nunito Sans;
	-webkit-text-size-adjust:none;
<!-- 	background-color:#ffffff; -->
}


h1 {
	text-align:left;
	color:#171616;
	font-size: 14pt;
	font-family: Nunito Sans ;
	line-height: 0;
	font-weight: normal;
}

h3  {
    padding:0px;
    line-height: 1;
	color: #171616;
	font-family: Nunito Sans;
	font-size: 14pt;
	font-weight: normal;
}
h4  {
    padding:0px;
    line-height: 1;
	color: #171616;
	font-family: Nunito Sans;
	font-size: 12pt;
	font-weight: 400;
}
.img_news {
	float:right;
	width:400px;
	margin-top:-10px;
	padding-left:2%
}
input.var3001 {
	font-family:Nunito Sans;
	font-size:100%;
	color:#5F5F5F;
	background:#ffffff;
	width:100%;
	border:1px dotted #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
input.var300 {
	font-family:Nunito Sans;
	font-size:100%;
	color:#5F5F5F;
	background:#ffffff;
	width:100%;
	border:1px dotted #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
.textarea2 {width:90%;font-family:Nunito Sans; font-size:100%;color:#5F5F5F; background-color:rgb(255,255,255); border:1px dotted #D7D7D7;-webkit-border-radius:0px;-webkit-appearance:none;   }
.textarea1 {width:90%;font-family:Nunito Sans; font-size:100%;color:#5F5F5F; background-color:rgb(255,255,255); border-width:1px; border-color:#D7D7D7; border-style:dotted;-webkit-border-radius:0px; -webkit-appearance:none;  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media   (min-width: 981px) {


	.header_heigth {height:90px;background-color:#ededed}

	.placeholder {height:90px}
	#menuemobile {display:none;}
	#jssor_1 {top:80px;}
	#background_style {background: url(../images/background.jpg) no-repeat center;background-size: cover;}
	#image_logo {
		background: url(../images/logo.gif) no-repeat center;
		background-size: cover;
		height:70px;
		width:425px;
		margin-top:10px;
		float:left;
		position:fixed;
		}
	#content {
		background-color:rgb(237,237,237);
<!-- 		background: url(../images/background_content.jpg) fixed center; -->
		background-size: cover;
		margin-top:80px;

	}
	.menue_position {
	float:right;
	padding-right:3%;
	margin-top:32px
	}
	
.arrowlr {
		width:20px;
		height:50px;
}
#previous {
	z-index:1111;
	position:fixed;
	width:20px;
	height:50px;
	left:0;
	top:50%;
	margin-top:-25px;
	border-top:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
   	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}
#next {
	z-index:1111;
	position:fixed;
	width:20px;
	height:50px;
	right:0;
	top:50%;
	margin-top:-25px;
	border-left:1px solid;
	border-bottom:1px solid;
	border-top:1px solid;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.arrowud {
		width:50px;
		height:20px;
}

#arrowup {
	display:none;
	z-index:1111;
	position:fixed;
	width:50px;
	height:20px;
	left:85%;
	margin-left: -25px;
	bottom:0px;
	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#arrowdown {
	display:none;
	z-index:1111;
	position:fixed;
	width:50px;
	height:20px;
	left: 0;
right: 0;
margin: auto;

	bottom:0px;
	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
   	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	
}

@media  (max-width: 980px)  {

	
	.headline_inpage{margin-top:70px;}
	.header_heigth {height:70px}
	.placeholder {height:70px}
	.menue_position {
	float:right;
	padding-right:3%;
	margin-top:22px
	}
		
	#content {
		background-color:rgb(222,222,222);
<!-- 		background: url(../images/background_content.jpg) fixed center; -->
		background-size: cover;
		
	


	}
	#jssor_1 {top:48px}
	#background_style {background: url(../images/background.jpg) no-repeat center;background-size: cover;}
	.headline_inpage {font-size:150%}
	.cat_color {font-size:150%}
	.menuedesktop {display:none}

	#image_logo {
		background: url(../images/logo_mobil.gif) no-repeat center;
		background-size: cover;
		height:70px;
		width:371px;
		float:left;
		position:fixed;
		}

<!-- 
	.img_news {
		float:right;
		width:102%;
		margin-top:-10px;
		margin-top:-10px;
		padding-bottom:2%;
	}
 -->

	body {
		height:100%;
		margin:0;
		padding:0; 
		background:#fff;
 
	  }

	input.var3001 {
		font-family:Nunito Sans;
		font-size:100%;
		color:#5F5F5F;
		background:#ffffff;
		width:100%;
		border:1px solid #D7D7D7;
		-webkit-border-radius:0px;
		-webkit-appearance:none;  
	}
	input.var300 {
		font-family:Nunito Sans;
		font-size:100%;
		color:#5F5F5F;
		background:#ffffff;
		width:100%;
		border:1px solid #D7D7D7;
		-webkit-border-radius:0px;
		-webkit-appearance:none;  
	}
	.textarea2 {width:100%;font-family:Nunito Sans; font-size:100%; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7;-webkit-border-radius:0px; -webkit-appearance:none;  }
	.textarea1 {width:100%;font-family:Nunito Sans; font-size:100%; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7;-webkit-border-radius:0px; -webkit-appearance:none;  }

	/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



	#menuemobile {

		position:fixed;
		float:left;
		z-index:13000;
		right:3%;
		top:2%;
		background:transparent;
		border:0px solid #000;
	}
	#arrowdown {
		display:none;
		z-index:1111;
		position:fixed;
		width:50px;
		height:20px;
		right:10px;
	//	margin-left: -25px;
		bottom:35px;
		border:1px solid;
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.arrowlr {
			width:20px;
			height:50px;
	}
	#previous {
		z-index:1111;
		position:fixed;
		width:20px;
		height:50px;
		left:0;
		top:50%;
		margin-top:-25px;
		border-top:1px solid #d3d3d3;
		border-right:1px solid #d3d3d3;
		border-bottom:1px solid #d3d3d3;
		opacity: 0.4;
		filter: alpha(opacity=40); /* For IE8 and earlier */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;

	}
	#next {
		z-index:1111;
		position:fixed;
		width:20px;
		height:50px;
		right:0;
		top:50%;
		margin-top:-25px;
		border-left:1px solid #d3d3d3;
		border-bottom:1px solid #d3d3d3; 
		border-top:1px solid #d3d3d3;
		opacity: 0.4;
		filter: alpha(opacity=40); /* For IE8 and earlier */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.arrowud {
			width:50px;
			height:20px;
	}

	#arrowup {
		display:none;
		z-index:1111;
		position:fixed;
		width:50px;
		height:20px;
		left:85%;
		margin-left: -25px;
		bottom:0px;
		border-left:1px solid;
		border-right:1px solid;
		border-top:1px solid;
		opacity: 0.4;
		filter: alpha(opacity=40); /* For IE8 and earlier */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}



}


 /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#audio_video_alone {
	width:100%;
	padding:0%;
}  
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  @media screen and   (max-width: 550px) {
	#copie_send_big {display:none}
	.ueberschrift_menue {
		float:left;
		margin-right:10px;
		margin-top:3px;
		background:transparent;

		color:#171616;
		font-size: 92%;
		font-family: Nunito Sans ;
		font-weight: normal;
	
	}

	body, table, td, .log_button	{font-size: 11pt;}

.lilalink  {

	font-size:11pt;

}


	.headline { 
		font-size: 11pt;
		font-weight: bold;
		text-align:left;
	}
}
@media screen and   (min-width: 561px) {

	
		#slider_mobil {	background-size: 0}
		#slider_mobil2 {display:none;}
}

@media screen and   (max-width: 560px) {
		jssor_1 {display:none}
		#slider_mobil {background-size: cover}
		#slider_desktop {display:none}
		#image_logo {
		background: url(../images/logo_mobil_mini.gif) no-repeat center;
		background-size: cover;
		height:70px;
		width:300px;
		float:left;
		position:fixed;
		}	
}	

	@font-face { 
    font-family: 'Nunito Sans';
	src: url('../font/NunitoSans-Regular.otf');
             }	
             
.submenue_produkte {display:none}
.submenue_styles {display:none}
	
@media screen and   (max-width: 1024px) {
 nav ul li {
  padding:0 0 0 9;
} 
}