/**************************************************************************
* This style sheet is prepared to be used with a LyraT4 template
* with a similar filename.
***************************************************************************/
body{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	color: #444444;
	background-color: #F3F3F3;
	height: 99%;
}

#Curtain { background-color: gray; color: white; font-size: 14pt; }


/******************************************************************
* Some IDs created by the LyraT4 TemplateBuilder
*******************************************************************/
/* INSERT ****************************************************************************/

.ltxBand{	
	position: relative;
	display:block;
	/*color: #777 !important;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.ltxBand .ltxLayer{
	max-width: 900px;
	margin-left:auto;
	margin-right:auto;
}

	.ltxResponsive.ltxTH0 .menuTrigger.openByClick>div.menuFrame
	{
		display: inline;
		float: right;
	}
	
	.ltxResponsive.ltxTH0 .menuTrigger.openByClick .menuClose {
		display: block;
	}

	body.ltxEditing .ltxResponsive.ltxTH0 .menuTrigger.openByClick>div.menuFrame{
		display: none !important;
	}

.menuClose {
	display: none;
	color: silver;
	text-align: right;
	text-decoration: none;
	padding: 6px;
	font-size: 16px;
	font-weight: bold;
}
.menuClose:hover {
	color: white;
}

.ltxTH0 .menuSymbol {
	display: block;
}

.ltxResponsive.ltxTH0 .menuTrigger>div.menuFrame
/*.ltxResponsive.ltxTH0 .menuTrigger>ul*/
{
	left: 0px;
/*	right: 0px; */
	top: 0px;
	z-index: 20;
	position: absolute;
	display: none;
	box-shadow: 10px 10px 30px grey;
	background-color: #2C2C3E;
}

.ltxResponsive.ltxTH0 .menuTrigger li{
	display: block;
	float: none;
}

.ltxResponsive.ltxTH0 #mainMenu li > a,
.ltxResponsive.ltxTH0 #mainMenu li > a.active {
    height: 50px;
    /*padding: 0px 15px;*/
    line-height: 50px;
	border-top: 1px #EEE solid;
}


	#globSidebarR { 
		font-size: 10px;
		background-color: #FFEBA7;
		margin-left: 3%;
	}
	#globSidebarR .dynElement{
		border: 1px silver solid;
		margin: 2%;
		background-color: white;
		border-radius: 5px;
	}
	#globSidebarR .ltx-img{
		border: none;
	}
	
	#globSidebarR .caption{
		font-size: 14px;
		background-color: gray;
		color: white;
		text-align: center;
	}	

/*@media (min-device-width: 400px){*/
@media (min-width: 400px){
	.ltxBand .ltxLayer{
		padding: 0 20px;
	}
	
	#sectToolbar .languageFlags{
		position: absolute;
		bottom: 15%;
		right: 10px;
	}
	
	/*
	.ltxResponsive.ltxTH0 .menuTrigger:hover>div,
	.ltxResponsive.ltxTH0 .menuTrigger:hover>ul
	{
		display: block;
	}
	body.ltxEditing .ltxResponsive.ltxTH0 .menuTrigger:hover>ul,
	body.ltxEditing .ltxResponsive.ltxTH0 .menuTrigger:hover>div{
		display: none !important;
	}
	*/

	.pageTitle { 
			padding: 0px 6px;
			font-weight: normal;
			font-size: 34px;	
			margin-right: 2%;
	}
	#sectContent{
		margin-right: 2%;
	}
	#bandContent td.sidebarRight {
		max-width: 180px;
		min-width: 100px;
		width: 20%;
		background-color: #FFEBA7;
	}

	/*//////////////// sidebar /////////////////////////*/
	#globSidebarR { 
		font-size: 10px;
		margin-left: 3%;
	}

	#slaveSidebarRight{
		display: none;
	}
		
	#bandFooter { 
		border-top: 30px solid #736352;
		margin-bottom: 30px;
	}

}
/* END min-device-width: 400px *************************************/

/*@media (max-device-width: 400px){*/
@media (max-width: 400px){
	.ltxBand .ltxLayer{
		padding: 0 4px;
	}
	
	#sectToolbar .languageFlags{
		position: absolute;
		bottom: 15%;
		right: 0px;
	}

	.pageTitle { 
			padding: 0px 3px;
			font-weight: normal;
			font-size: 28px;	
		margin-right: 0;
	}
	
	#sectContent{
		margin-right: 0;
	}


	#bandContent td.sidebarRight {
		max-width: 180px;
		min-width: 0px;
		width: 0;
	}

	/***
	#globSidebarR{
		display: none;
	}
	**********/
	
	#slaveSidebarRight{
		display: block;
	}
	
	#globSidebarR { 
		font-size: 11px;
		margin-left: 0;
		margin-top: 15px;
	}
	
	#slaveSidebarRight .ltx-element-pos{
		width: 42%;
		float: left;
		display: inline;
	}
	
	#bandFooter { 
		border-top: 18px solid #736352;
		margin-bottom: 6px;
	}

}

.float-left{
	float:left;
}
.float-right{
	float:right;
}

#bandToolbar{
	background-color: #fff;
}

#bandNavigation{
	background-color: #736352;
	font-size:13px;
}

#sectNavigation .tmpLogo{
	margin-top:4px;
	margin-bottom:auto;
}

#sectNavigation .tmpLogo img{
	border: 2px gray solid;
	border-radius: 7px;
}

.sticky-wrapper .tmpLogo{
	display: none;
	
}

.sticky-wrapper.locked .ltxBand {
	z-index: 800;	
	box-shadow: 0px 2px 10px gray;
}

.sticky-wrapper.locked .tmpLogo{
	display: inline;
}

#sectToolbar{
	
	font-size:12px;
}

#sectToolbar div.logo {
	max-width: 450px;
	width: 80%;
}

#sectToolbar div.logo img{
	width: 100%;
}


#sectToolbar .languageFlags tr{
	background: transparent;
}
#sectToolbar .languageFlags img{
	opacity: 0.7;
}

#sectToolbar .languageFlags td.active{
	background: transparent;
}

#sectToolbar .languageFlags td.active img{
	opacity: 1;
	border: 2px silver solid;
}
/*//////////////////////////// Main Menu /////////////////////////////////////////*/
#mainMenu{
	padding:0;
	margin:0;
}
#mainMenu > li{
	width:auto;
	background-color:transparent;
	margin:0;
	padding:0;
}
#mainMenu > li:hover{
	background-color: #5F4F45;	
  color: #eeeeee;
}

#mainMenu > li > a,
#mainMenu > li > a.active {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 50px;
    padding: 0px 15px;
    line-height: 50px;
    color: #eeeeee;
    font-size: 13px;
    font-weight: 300;
    width:auto;
}
#mainMenu > li > a {
    text-transform: uppercase;
}

#bandContent, #bandFooter {
	background-color: transparent;
}
#bandContent .ltxLayer{
	background-color: #fff;
  box-shadow: 2px 0px 0px 0px #DDD;
	padding-top: 8px;
	padding-bottom: 20px;
}

	#localMid .ltx-img { max-height: 400px }

#localMid ul.ltx-listField{
	margin-left: 40px;
}

#localMid .ltx-table {
	width: auto;
	margin: 2px 8px;
}
#localMid .ltx-table .ltx-colFirst{
	text-align: right;
	padding: 0 8px;
	width: 30%;
}
#mainMenu { /**/ }
.pageTitle { 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-shadow: 1px 1px gray;
	color: #C6C6C6;
	text-align: left;
}
#pageTitle{
	border-bottom: 1px #C6C6C6 solid;	
}

#bandFooter .ltxLayer{
	background-color: rgb(200, 200, 200);
  box-shadow: 2px 0px 0px 0px #A7A7A7;
}
#sectFooter {
	padding: 4px 8px;
}
#sectFooter>span{
	float: left;
	margin: 3px 0px;
}
#FooterLeft{
	padding:0;
	float: left;
	margin: 0px;
}
#FooterLeft>li{
	list-style:none outside;
	float:left;
	margin:0;
	padding: 0;
	width: auto;
	white-space: nowrap;
}

#FooterLeft .divider {
	margin: 0px 8px !important;	
}

#FooterLeft li.ltxCreateNewElement {
	margin: 0px 12px !important;
}

#FooterLeft a:visited,
#FooterLeft a:link{
	text-decoration:none;
	/*color: #777;*/
	white-space: nowrap;
	color: inherit;
}
#FooterLeft a:hover{
	text-decoration:underline;
}


#sectNavigation .menuSymbol {
	width: 30px;
	height: 30px;
}
	
.ltxResponsive.ltxTH0 #mainMenu{
	background-color: #736352;
}

.ltxResponsive.ltxTH0 #mainMenu li a{
	height: 40px;
	line-height: 40px;
  padding: 0px 8px;

}

	
/* END INSERT ********************** do not remove this line! ************************/

/**************************************************************************
*	Responsive Menu
**************************************************************************/
.menuSymbol {
	display: none;
	border-style: solid;
	border-width: 1px;
	border-color: white gray gray white; 
	background-color: transparent;
	border-radius: 3px;
	margin: 1px;
}

.ltxTH0 .menuSymbol {
	display: block;
}

.ltxResponsive.ltxTH0 .menuTrigger>div,
.ltxResponsive.ltxTH0 .menuTrigger>ul
{
	left: 0px;
	top: 0px;
	z-index: 20;
	position: absolute;
	display: none;
	box-shadow: 10px 10px 30px grey;
}

.ltxResponsive.ltxTH0 .menuTrigger li{
	display: block;
	float: none;
}

#sectNavigation.ltxTH0 .tmpLogo {
	margin-top: 0;
}
.ltxResponsive.ltxTH0 .tmpLogo img{
	height: 30px;
}
/************* END Responsive **********************/

/**************************************************************************
*	Bread Crumbs
**************************************************************************/
ul.ltxBreadCrumbs{
	padding:0;
}
ul.ltxBreadCrumbs li{
	list-style:none outside;
	float:left;
	margin:0;
}
ul.ltxBreadCrumbs li:after {
	content:"/";
	margin: 0px 5px !important;
}
ul.ltxBreadCrumbs li.active:after {
	content:"";
	margin: 0 !important;
}
ul.ltxBreadCrumbs a:visited,
ul.ltxBreadCrumbs a:link{
	text-decoration:none;
	color: #777;
}
ul.ltxBreadCrumbs a:hover{
	text-decoration:underline;
}

/******************************************************************
* Class definitions in element templates
*******************************************************************/

/*///////////// anchors //////////////////////////////////////////*/
.dynElement a:link, .dynElement a:visited { color: black; text-decoration: none }
.dynElement a:hover  { color: black; text-decoration: underline }
.dynElement a.active:hover { text-decoration: none }

/***************** field definitions ******************************/

/*///////////// listField //////////////////////////////////////////*/
ul.ltx-listField{
	/**/
}

.ltx-listField li.ltx-idxFirst,
.ltx-listField li.ltx-idxOdd,
.ltx-listField li.ltx-idxEven{
	/**/
}

/*///////////// tableField //////////////////////////////////////////*/
table.ltx-table{
	/**/
	width:100%;
}

.ltx-table	tr.ltx-idxFirst,
.ltx-table	tr.ltx-idxEven{
	/**/
}
.ltx-table	tr.ltx-idxOdd{
	background-color:#EFEFEF;
}
.ltx-table	td.ltx-colFirst{
	/*border-bottom: 2px navy solid;*/
	font-weight: bold;
}
.ltx-table	td.ltx-colIdxOdd{
	border-left: 1 darkgray solid;
	border-right:1 darkgray solid;
	padding: 0 4px 0 4px;
}

/*///////////// elemText2Columns //////////////////////////////////////////*/
.ltx-2Cols .ltx-leftCol {
		width: 50%;
		/*min-width: 200px;*/
		float: left;	
}

.ltx-2Cols .ltx-rightCol {
		overflow: hidden;
		float: none;
		width: auto;
}

.ltx-2Cols .ltx-leftCol {
	padding-right: 8px !important;
}

/*//////////////////// elemDownload ////////////////////////////*/
.ltxDownload > div {
    float: left;
    width: auto;
    margin-right: 12px;
}
.ltxDownload .filesize{
	font-size: 90%;
	margin-left: 6px;
}
.ltxDownload .file {
	/**/
}
/** obsolete *********************
table.ltx-2Cols {
	width: 100%;
}
.ltx-2Cols td {
    width: 50% !important;
    background-color: inherit !important;
    color: inherit !important;
    padding: 0 !important;
}
*********************************/


/*///////////// imageField //////////////////////////////////////////*/
/**
.ltx-img{
	border: 5px gray double;
	margin-right: 5px;
}
**/
.ltx-img-legend { 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: center 
}


.ltxEmbedded {
	margin: 2px 10px 0 10px;
}

/*///////////// Caption and Headline //////////////////////////////////////////*/

.dynElement .caption,
.dynElement .ltx-headline
{
	margin-top: 8px;
	margin-bottom: 4px;
	font-weight: bold;
}

.ltx-headline { 
	font-size: 16px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none;
	border-bottom: 4px navy solid;
	margin-top: 20px !important;
}

/*///////////// elements inside a responsive container //////////////////////////////////////////*/

.ltxResponsive.ltxTHC.ltxTH0 .ltx-2Cols .ltx-leftCol,
.ltxResponsive.ltxTHC.ltxTH0 .ltx-2Cols .ltx-rightCol
{
		display: block;
		clear: both;
		overflow: inherit;
		width: auto;
		float: none;
}

/* embedded img */
.ltxResponsive.ltxTHC.ltxTH0 div.ltxEmbedded{
	max-width: 100% !important;
	width: 100% !important;;
	align-content: center;
	text-align: center;
}

.ltxResponsive.ltxTHC.ltxTH0 div.ltxEmbedded .ltx-img-legend{
	max-width: 100% !important;
	width: 100%;
	text-align: center;
}