.show_image {
	position:relative,
	z-index:111111111,
	}

body, select {
	color:#000000;
	font-size: 16pt;
	font-family:  SourceSerifPro;
	-webkit-text-size-adjust:none;
	background-color:#0e1a24;
	margin:0px;
	}	
	

body, table, td, .log_button, .textarea2, .textarea1, input.var300, input.var3001, select 		{font-size: 14pt;}
h1 {
	color:#000000;
	font-size: 16pt;
	font-family: SourceSerifPro ;
	line-height: 1;
	font-weight: bold;
}

a:link 		{ color:#f0c053;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
a:visited 	{ color:#f0c053;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
a:hover	 	{ color:#12aca8;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
a:active	{ color:#f0c053;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}


.video_alone {text-align:left;}
.padding_footer {padding-top:5px}
.audiocontent {
	width:80%;
	max-width: 640px;
	margin: 0 auto;
}

iframe { width: 100%;}

.margin_audio_video {
	margin-top:5px;
	float:left;
}
	
.dates_news_collapse {
	background: rgb(18,172,168,0.7);
	background:rgba(18,172,168,0.9);

	overflow: hidden;
	padding:3%;
	width:94%;
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;

}
.audio_video_container
{

	overflow: hidden;
	width:100%;
	padding-top:1%;
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;


}
.partner_div {
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	overflow: hidden;
	float:left;
	width:98%;
	padding:1%;
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;
}
.content_1_div {
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	border:1px dotted #B5BBBB;
	overflow: hidden;
	
}

.thumb{
    width:100px;
    height:100px;
    background:center;
    background-size:cover;
}

.alternator11 { 
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);

}
.alternator22 { 
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 900px)  {
#menuemobile {display:none}
.contactform {display:none}
.contact_content {width:60%;}
.contact_content2 {width:38%;}
.arrowud_mobile {display:none}
.headline_inpage {display:none}

#show_menue a:link 		{ color:#FFFFFF;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
#show_menue a:visited 	{ color:#FFFFFF;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
#show_menue a:hover	 	{ color:#9BBDFB;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}
#show_menue a:active	{ color:#FFFFFF;text-decoration: none;font-size: 16pt;font-family:  SourceSerifPro;}

.menue_lines {
 	height:15px;
}

.menuedesktop {


	top:0;
	background-color:#0e1a24;
	height:100px;
	z-index:100;
<!-- 	border:1px solid #fff; -->
	}
	
	
.menue_text {
	float:right;
	text-align:right;
	margin-top:15px;
	margin-right:5%;
}
 
#logo_big {
	z-index:1111;
	position:fixed;
	border: 0px;
	width:20% ;
	left:40%;
	top:0px;
}	

#logo_little {
	z-index:1111;
	position:fixed;
	border: 0px;	
	left:calc(50% - 75px);
	top:0px;
	display:none;
	width:150px;

}

#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;
}

#content{	
  	width: 50%;
	overflow: hidden;
	z-index: 0;
	margin: 0 auto;
}

#content1inside {	
	position:relative;
	z-index:1;
	margin:0 auto;
	width:100%;
	min-height:400px;
	padding-bottom:40px;
	padding-top:6%;
}

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

.layer_footer {
    position:fixed;
	right:1%;
	line-height:1.5;
	bottom:1%;
	width:50%;
	text-align:right;
}

 input.var3001 {
	font-family:SourceSerifPro;
	font-size:16pt;
	color:#5F5F5F;
	background:#ffffff;
	width:90%;
	border:1px solid #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
input.var300 {
	font-family:SourceSerifPro;
	font-size:16pt;
	color:#5F5F5F;
	background:#ffffff;
	width:90%;
	border:1px solid #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
.textarea2 {width:90%;font-family:SourceSerifPro; font-size:16pt; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7;-webkit-border-radius:0px;-webkit-appearance:none;   }
.textarea1 {width:90%;font-family:SourceSerifPro; font-size:16pt; color:#5F5F5F; background-color:rgb(255,255,255); border-width:1px; border-color:#D7D7D7; border-style:solid;-webkit-border-radius:0px; -webkit-appearance:none;  }
#audio_alone {
	margin-top:-12px;
}
.div_audio_page {
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	width:98%;
	padding:1%;
	overflow: hidden;
	margin-bottom:5px; 
	margin-top:2%; 
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;
	padding-top:20px;
	 }
} 
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 899px)  {
.contactformpopup {display:none}
.contact_content, .contact_content2 {width:98%;}
.menuedesktop {display:none}
.layer_footer {display:none}
#logo_big {display:none}
#logo_little {display:none}
.arrowud {display:none}

body {
	background-color:#0e1a24;
	}	

#show_menue a:link 		{ color:#f0c053;text-decoration: none;font-size: 14pt;font-family:  SourceSerifPro;}
#show_menue a:visited 	{ color:#f0c053;text-decoration: none;font-size: 14pt;font-family:  SourceSerifPro;}
#show_menue a:hover	 	{ color:#12aca8;text-decoration: none;font-size: 14pt;font-family:  SourceSerifPro;}
#show_menue a:active	{ color:#f0c053;text-decoration: none;font-size: 14pt;font-family:  SourceSerifPro;}

@media all and (orientation:portrait) {
#menuemobile {
	position:fixed;
	float:left;
	z-index:1112;
	width:100%;
	height:11%;
	top:0;
   	background:#0e1a24 url(../images/Logo_Labebe_mobil.png)  no-repeat ; 
	background-size: 85%;
	background-position-y: center;
	background-position-x: left; 
	}
}
@media all and (orientation:landscape) {
#menuemobile {
	position:fixed;
	float:left;
	z-index:1112;
	width:100%;
	height:25%;
	top:0;
   	background:#0e1a24 url(../images/Logo_Labebe_mobil.png)  no-repeat ; 
	background-size: 60%;
	background-position-y: center;
	background-position-x: left; 
}
}	

.menue_position {

	float:right;
	padding-right:3%;
	margin-top:22px
}



#content1inside {
	position:relative;
	z-index:10;
	margin:0 auto;
	width:94%;
	margin-top:30%;

}

#logo_pure {
	z-index:11;
	position:fixed;
	border: 0px;
	width:80%;
	left:1%;
	top:0px;
}	



#arrowdown {
	display:none;
	z-index:1111;
	position:fixed;
	width:50px;
	height:20px;
	right:10px;
	bottom:35px;
	border:1px solid;

   	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}




#background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:#000000;
    background-size: cover;
    background-image: url(../images/start_klein.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    
}
#background_wrap_home {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:#000000;
    background-size: cover;
    background-image: url(../images/start_klein.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
}
input.var3001 {
	font-family:SourceSerifPro;
	font-size:16pt;
	color:#5F5F5F;
	background:#ffffff;
	width:90%;
	border:1px solid #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
input.var300 {
	font-family:SourceSerifPro;
	font-size:16pt;
	color:#5F5F5F;
	background:#ffffff;
	width:90%;
	border:1px solid #D7D7D7;
	-webkit-border-radius:0px;
	-webkit-appearance:none;  
}
.textarea2 {width:90%;font-family:SourceSerifPro; font-size:16pt; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7;-webkit-border-radius:0px; -webkit-appearance:none;  }
.textarea1 {width:90%;font-family:SourceSerifPro; font-size:16pt; color:#5F5F5F; background-color:rgb(255,255,255); border-width:1px; border-color:#D7D7D7; border-style:solid;-webkit-border-radius:0px; -webkit-appearance:none;  }
#facebooktext  			{display:none;}
.div_audio_page {
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	width:96%;
	padding:2%;
	overflow: hidden;
	margin-bottom:5px; 
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;
	padding-top:20px;

	

}
.audio_text {
	margin-top:4px;
}
ol {margin:5 0 5 -60;}
ul {margin:5 0 5 35;padding: 0;}
li {margin:5 0 5 -20;padding: 0;}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#maincontainer {
	width: 100%;
	overflow: hidden;
	z-index: 0;
	margin: 0 auto;
	padding-bottom:30px;
} 
.audiohide {display:none;} 
	
	
.image_audio_video {
	width:99%;
	padding-right:1%;
	height:auto;
	float:left;}



#pageimage {
	position:fixed;
	float:left;
	width:96%;
	background-size:100% auto;
	border:0px solid #000;
}





#headline_pages {

	float:left;
	margin-right:10px;
	margin-top:-1px;
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	color:#000000;
	font-size: 16pt;
	font-family: SourceSerifPro ;
	font-weight: bold;
}

.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 #12aca8;
	border-right:1px solid #12aca8;
	border-bottom:1px solid #12aca8;
	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 #12aca8;
	border-bottom:1px solid #12aca8; 
	border-top:1px solid #12aca8;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.arrowud,.arrowud_mobile {
		width:40px;
		height:40px;
}

#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;
}


	
html {
    height:100%;
    overflow-y:scroll; /*keep scrollbar position present if FF at all times*/
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* Global align classes */

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.full {
	text-align: left
}

/* Image and table specific aligns */

img.left, table.left {
	float: left;

}

img.center, table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

img.center {
	display: block;
}

img.right, table.right {
	float: right;
	text-align: left;
}



.button  {
	font-family: Verdana, Arial;
	font-size:10pt; 
	color:#696969; 
	border-top:0px; 
	border-button:0px; 
	border-left:0px; 
	border-right:0px; 

	height:20px;
	background:#12aca8;

	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
		text-align:left;
 
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #12aca8),color-stop(1, #12aca8));
	background: -webkit-linear-gradient(center bottom , #12aca8 0%, #12aca8 100%) repeat scroll 0 0 #12aca8;  
	background: -moz-linear-gradient(center bottom , #12aca8 0%, #12aca8 100%) repeat scroll 0 0 #12aca8; 
	background: -o-linear-gradient(top, #12aca8 0%,#12aca8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #12aca8 0%,#12aca8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12aca8', endColorstr='#12aca8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #12aca8 0%,#12aca8 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#12aca8, endColorstr=#12aca8)";

	-webkit-appearance:none;
}

.button:hover   {
	font-family: Verdana, Arial;
	font-size:10pt; 
	color:#696969;
	border-top:0px; 
	border-button:0px; 
	border-left:0px; 


	height:20px;
	background:#12aca8;

	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;

	text-align:left;
 
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #12aca8));
	background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #12aca8 100%) repeat scroll 0 0 #12aca8;  
	background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #12aca8 100%) repeat scroll 0 0 #12aca8; 
	background: -o-linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12aca8', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#12aca8, endColorstr=#DDDDDD)";
	-webkit-appearance:none;
}



.button-save  {
	font-family: Verdana, Arial;
	font-size:10pt; 
	color:#696969;
	border: 1px solid #AFAEAE;;
	
	
	height:22px;
	background:#12aca8;

	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
		text-align:left;
 
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #12aca8),color-stop(1, #12aca8));
	background: -webkit-linear-gradient(center bottom , #12aca8 0%, #12aca8 100%) repeat scroll 0 0 #12aca8;  
	background: -moz-linear-gradient(center bottom , #12aca8 0%, #12aca8 100%) repeat scroll 0 0 #12aca8; 
	background: -o-linear-gradient(top, #12aca8 0%,#12aca8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #12aca8 0%,#12aca8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12aca8', endColorstr='#12aca8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #12aca8 0%,#12aca8 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#12aca8, endColorstr=#12aca8)";
	border-radius: 0px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.button-save:hover   {
	font-family: Verdana, Arial;
	font-size:10pt; 
	color:#696969;
	border: 1px solid #AFAEAE;

	
	height:22px;
	background:#12aca8;

	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;

	text-align:left;
 
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #12aca8));
	background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #12aca8 100%) repeat scroll 0 0 #12aca8;  
	background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #12aca8 100%) repeat scroll 0 0 #12aca8; 
	background: -o-linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12aca8', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #12aca8 0%,#DDDDDD 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#12aca8, endColorstr=#DDDDDD)";
	    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

@-moz-document url-prefix() {
    .button-save {
    height:23px;
  	padding-top:1px;
	padding-bottom:1px;
    }
     .button-save:hover {
    height:23px;
  	padding-top:1px;
	padding-bottom:1px;
    }
    }
 /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 @media screen and   (max-width: 600px) {

#audio_left, #audio_left_chapter {
float:left;
width:100%;

}
#video_right, #video_right_chapter {
float:left;
width:100%;
}
#audio_right, #audio_right_chapter{
float:left;
width:100%;
}
#video_left, #video_left_chapter {
float:left;
width:100%;
}
#audio_table {
	width:98%;
	padding:1%;
	background-color:#12aca8;
}
#video_table {
	width:98%;
	padding:1%;
	background-color:#12aca8;
}
#between_table 
{
	display:none;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 @media screen and   (min-width: 601px) {

#audio_table {
	width:47.6%;
	background-color:#12aca8;
	padding:1%;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#video_table {
	width:47.6%;
	background-color:#12aca8;
	padding:1%;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#between_table 
{
	width:1.9%;
	float:left;
	
}


#audio_left_chapter {
float:left;
width:49.2%;
padding-right:1%;
}
#video_right_chapter {
float:left;
width:49.2%;
}
#audio_right_chapter {
float:left;
width:49.2%;
}
#video_left_chapter {
float:left;
width:49.2%;
padding-right:1%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#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:#000000;
	font-size: 92%;
	font-family: SourceSerifPro ;
	font-weight: bold;
	
}

.headline_inchapter 
{
	color:#000000;
	font-size: 14pt;
	font-family: SourceSerifPro ;
	font-weight: bold;

	margin-bottom:5px;
	text-align:left;
	padding:1%;
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;
}
.headline_inpage,.headline_inpage_imprint {

	color:#000000;
	font-size: 14pt;
	font-family: SourceSerifPro ;
	font-weight: bold;
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);
	margin-bottom:5px;
	text-align:center;
	padding:1%;
	-webkit-border-radius:8px;
	-webkit-appearance:none;
	border-radius:8px;
}


body, table, td, .log_button, .textarea2, .textarea1, input.var300, input.var3001, select 		{font-size: 14pt;}
a:link 		{ font-size: 14pt;}
a:visited 	{ font-size: 14pt;}
a:hover	 	{ font-size: 14pt;}
a:active	{ font-size: 14pt;}
h1 			{font-size: 14pt;}


.headline {
	font-size: 14pt;
	font-weight: bold;
	text-align:left;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 @media screen and   (min-width: 551px){
#copie_send_little {display:none}
.ueberschrift_menue {
	float:left;
	margin-right:10px;
	margin-top:-1px;
	background:transparent;
	color:#000000;
	font-size: 16pt;
	font-family: SourceSerifPro ;
	font-weight: bold;
}
.headline_inchapter 
{
	color:#000000;
	font-size: 16pt;
	font-family: SourceSerifPro ;
	font-weight: bold;

	margin-bottom:5px;
	text-align:left;
	padding:2%;
	
}
.headline_inpage,.headline_inpage_imprint {

	color:#000000;
	font-size: 16pt;
	font-family: SourceSerifPro ;
	font-weight: bold;
	background: rgb(18,172,168);
	background:rgba(18,172,168 ,0.9);

	margin-bottom:5px;
	text-align:center;
	padding:1%;
	border-radius:8px;
	
16pt;
	font-weight: bold;

}
} 
 
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.margin_audio_video, .links_links {
	text-align:left;
}	

.headline {

	font-weight: bold;

}	
	
	
	
             
			@font-face {
			  font-family: "SourceSerifPro";
 				src: url('../font/SourceSerifPro-Regular.ttf') format('truetype'); 
			  font-weight: regular;
			}
	
			@font-face {
			  font-family: "SourceSerifPro";
			  src: url('../font/SourceSerifPro-Bold.ttf') format('truetype'); 

			  font-weight: bold;
			}