.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;

}
.headline_inchapter 
{
	color:#636161;
	font-size: 14pt;
	font-family: Nunito Sans ;
	font-weight: bold;
	background: rgb(245,245,245);
	margin-bottom:5px;
	text-align:left;
	
}
.headline_inpage {

	color:#636161;
	font-size: 14pt;
	font-family: Nunito Sans ;
	font-weight: bold;
	background: rgb(245,245,245);
	margin-bottom:5px;
	text-align:left;
	padding:2%
}	

.dates_news_collapse {
	background: rgb(245,245,245);
//	background:rgba(245,245,245 ,0.4);
//	border:1px dotted #B5BBBB;
	overflow: hidden;
	padding:2%;

}
.partner_div {
	background: rgb(245,245,245);
//	background:rgba(245,245,245 ,0.4);
//	border:1px dotted #B5BBBB;
	overflow: hidden;
	float:left;
	width:96%;
	padding:2%;
	

}
.content_1_div {
	background: rgb(245,245,245);
// 	background:rgba(245,245,245 ,0.4);
	border:1px dotted #B5BBBB;
	overflow: hidden;
}

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

.alternator11 { 
	background: rgb(245,245,245);
	background:rgba(245,245,245 ,0.3);

}
.alternator22 { 
	background: rgb(245,245,245);
	background:rgba(245,245,245 ,0.6);

}



@media screen and (min-width: 901px)  {
#contentmobile 	{display:none;} 
#menuemobile  	{display:none;}
#menu  	{display:none;}
#maincontainer {
	width: 900px;
	overflow: hidden;
	z-index: 0;
	margin: 0 auto;
} 
.hidetableaudio	{display:none;}

.div_audio_page {	
	width:97.5%;
	padding:1%;
	border:1px dotted #B5BBBB;
	overflow: hidden;
	margin-bottom:5px;
	background: rgb(245,245,245);
}	
.image_audio_video {
	width:100%;
	height:auto;
	float:left;
}
body {
    height:100%;
    margin:0;
    padding:0;  

<!--     background:#E9E9E9 url(../images/background.....jpg) fixed; -->
	background-size:100% auto;
}
  
#header {

	width:700px;
	height:100px;
    background: url(../images/header.jpg) ;
	background-size:100% auto;
	border:0px solid #000;
}


#menue {
	
	z-index:1000;
	width:197px;
	float:right;
	text-align:left;
	border:0px solid #000;
}
#menuecontainer {
	margin-top:0px;
	margin-left:3px;
	z-index:1000;
	width:197px;

	float:left;
	text-align:left;
	border:0px solid #000;
}

#pageimage {
	float:left;
	width:100%;
	height:300px;
	background-size:100% auto;
	border:0px solid #000;
}
#headline_pages {

	float:left;
	width:97%;

	background:#F5F5F5;
	padding:1%;
	padding-left:2%;
	color:#636161;
	font-size: 14pt;
	font-family: Nunito Sans ;
	font-weight: bold;
}
#content1  {
	
	background-color:#E9E9E9;
	min-height:400px;
	width:700px;
	float:left;
   	hyphens: auto; 
    text-align: justify;
	border:0px solid #000;
}
#content1inside {

	background-color:#E9E9E9;
	margin-top:5px;

	float:left;
	width:100%;
	padding:0%;
}

#footer {
	width:100%;
	z-index: 151;
    height:28px; 
	padding-top:0px;
    margin-top:0px;
	border:0px solid #000;
    float:left;/*IE8 needs a floated parent for the fixed div to kill RP/AP bug*/
}
#footerwrapper {
	width:100%;
	float:left;
    text-align:center;
	z-index: 121;
    bottom:0px; 	
   	border:0px solid #000; 
}   
} 




@media screen and (max-width: 900px)  {	
#contentdesktop {display:none;} 
#menuecontainer {display:none;} 
#menuebottom 	{display:none;} 
#menue  			{display:none;}
#maincontainer {
	width: 96%;
	overflow: hidden;
	z-index: 0;
	margin: 0 auto;
} 
.audiohide {display:none;} 
	
.div_audio_page {

	width:98.3%;
	padding:0.5%;
	border:1px dotted #B5BBBB;
	overflow: hidden;
	margin-bottom:5px; 

}	
.image_audio_video {
	width:100%;
	height:auto;
	float:left;}

body {
    height:100%;
    margin:0;
    padding:0;  

    background:#E9E9E9 url(../images/background.....jpg) fixed;
}
  
#header {

	float:left;
	z-index:13000;
	width: 80%;
    background:#E9E9E9 url(../images/header_mobile.jpg) ;
	background-size:100% auto;
	border:0px solid #000;
}
#menuemobile {

	float:left;
	z-index:13000;
	width: 19%;
	margin-left:1%;
   	background:#f5f5f5;
	
	border:0px solid #000;
}
#pageimage {
	float:left;
	width:100%;
	height:300px;
	background-size:100% auto;
	border:0px solid #000;
}

#menue {
	position:relative;
	z-index:1000;
	width:197px;
	top:20px;
	float:right;
	text-align:left;
	border:0px solid #000;
}
#menuecontainer {

	margin-left:3px;
	z-index:1000;
	width:197px;

	float:left;
	text-align:left;
	border:0px solid #000;
}


#headline_pages {

	float:left;
	width:97%;

	background:#DDDDDD;
	padding:1%;
	padding-left:2%;
	color:#636161;
	font-size: 14pt;
	font-family: Nunito Sans ;
	font-weight: bold;
}
#content1  {
	
	z-index:-1;
	background:#DDDDDD;
	min-height:400px;
	width:100%;
	float:left;
	hyphens: auto; 
    text-align: justify;
	border:0px solid #000;
}
#content1inside {
	z-index:-1;

	margin-top:5px;
	background:#DDDDDD;
	float:left;
	width:100%;
//	padding:2%;
}

 
}  












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


.menueFooter {font-weight:normal;}

body {


	color:#636161;
	font-size: 12pt;
	font-family:  Nunito Sans;
	-webkit-text-size-adjust:none;
}

tr {
	vertical-align:top;
}

td {
	
	color:#636161;
	font-size: 12pt;
	font-family:  Nunito Sans;
}

pre {
	
	color:#636161;
	font-size: 12pt;
	font-family:  Nunito Sans;
}

hr {
  border-top: 1px dotted #B5BBBB;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  color: #c6e2eb;
  background-color: #c6e2eb;
  height: 0px;
  width:100%;
}

.tablerow1 {
	background-color: #BBBBBB;
}

.tablerborder {
	border:1px Solid #BBBBBB;
}

thead {
	background-color: #FFBBBB;
}

tfoot {
	background-color: #BBBBFF;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img {
	border-style:solid;
	border-width:0px;
}
/* Basic formats */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* Global align classes */

.left {
	text-align: inherit;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.full {
	text-align: justify
}

/* Image and table specific aligns */

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

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

img.center {
	display: block;
}

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


h1 {
	color:#636161;
	font-size: 14pt;
	font-family: Nunito Sans ;
	line-height: 1.5;
	font-weight: bold;
}
h2 {font-size:10pt;font-family:Georgia;}


.content {
	color:#636161;
	font-size: 12pt;
	font-family:  Nunito Sans;
	
	
	line-height: 1.5;
	
		margin-top:10px;
		vertical-align:top;
	    text-align:left;

}/*add large bottom margin to induce scrolling for demo*/



a:link 		{ color:#426781;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
a:visited 	{ color:#426781;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
a:hover	 	{ color:#BD383E;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}
a:active	{ color:#426781;text-decoration: none;font-size: 12pt;font-family:  Nunito Sans;}

.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:#D3D3D3;

	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, #D3D3D3),color-stop(1, #ffffff));
	background: -webkit-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff;  
	background: -moz-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; 
	background: -o-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#D3D3D3)";
	border-radius: 4px;
}

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


	height:20px;
	background:#D3D3D3;

	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, #ffffff));
	background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff;  
	background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; 
	background: -o-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#DDDDDD)";
}

.log_button {font-family:Verdana,sans-serif; font-size:9pt;color:##E5DCDC; border-width:1px; border-color:#6E7B8B; border-style:solid;background-color:#E5DCDC }

input.var3001 {
	font-family:Nunito Sans;
	font-size:12pt;
	color:#5F5F5F;
	background:#ffffff;
	width:400px;
	border:1px solid #D7D7D7;
}
input.var300 {
	font-family:Nunito Sans;
	font-size:12pt;
	color:#5F5F5F;
	background:#ffffff;
	width:400px;
	border:1px solid #D7D7D7;
}
.textarea2 {width:400px;font-family:Nunito Sans; font-size:12pt; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7 }
.textarea1 {width:400px;font-family:Nunito Sans; font-size:12pt; color:#5F5F5F; background-color:rgb(255,255,255); border-width:1px; border-color:#D7D7D7; border-style:solid; }

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

	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, #D3D3D3),color-stop(1, #ffffff));
	background: -webkit-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff;  
	background: -moz-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; 
	background: -o-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#D3D3D3)";
	border-radius: 4px;
}

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

	
	height:22px;
	background:#D3D3D3;

	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, #ffffff));
	background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff;  
	background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; 
	background: -o-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#DDDDDD)";
}

@-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:#F5F5F5;
}
#video_table {
	width:98%;
	padding:1%;
	background-color:#F5F5F5;
}
#between_table 
{
	display:none;
}
#audio_video_alone {

	background-color:#F5F5F5;
}
}
 @media screen and   (min-width: 601px) {

#audio_table {
	width:47.6%;
	background-color:#F5F5F5;
	padding:1%;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#video_table {
	width:47.6%;
	background-color:#F5F5F5;
	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:98%;
	padding:1%;
	background-color:#F5F5F5;
} 

 
 
  @media screen and   (max-width: 550px) {
#copie_send_big {display:none}
.textarea1 {width:215px}
input.var300  {width:215px}
input.var3001 {width:215px}
.textarea2 {width:215px}

  }
 @media screen and   (min-width: 551px) {
#copie_send_little {display:none}

 } 
 @font-face {
    font-family: 'DistrictThin';
    src: url('../font/DistProTh.otf');
    font-family: 'Garamond';
    src: url('../font/AGaramondPro-Regular.otf');
    font-family: 'DistrictThin';
    src: url('../font/AGaramondPro-Bold.otf');
}
.headline {
	font-size: 12pt;
	font-weight: bold;
	text-align:left;
}
.margin_audio_video, .links_links {

	text-align:left;

}	
 /* scroll to top */
 @media screen and   (min-width: 900px) {
.scrollup{
 width:126px;
 height:29px;
 text-indent:-9999px;
 opacity:0.6;
 position:fixed;
 z-index:999999;
 bottom:5px;
 left:40%;
 display:none;
 background: url('../images/icon_top_left.png') no-repeat;
 }
 }
  @media screen and   (max-width: 899px) {
.scrollup{
 width:121px;
 height:29px;
 text-indent:-9999px;
 opacity:0.7;
 position:fixed;
 bottom:5px;
 right:10px;
 display:none;
 background: url('../images/icon_top_left.png') no-repeat;
 }
 }
 
 	@font-face { 
    font-family: 'Nunito Sans';
	src: url('../font/NunitoSans-Regular.otf');
             }