body {
  font-family: "Open Sans",Arial,sans-serif;
  font-size: 15px;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loading {
  width:100%;
  text-align:center;
  margin:auto;
}
label.error { color:red; font-style:italic; font-size:smaller; line-height:1.1em; }

a.href_more {
  float:right;
}
p.description {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 16px;
  }
  
.imageCredits .icTitle {
  display:inline-block;
  color:white;
  }
.imageCredits .icItem {
  display:inline-block;
  color:white;
  margin-right:5px;
  }
  
a.fancybox:after {
  font-family: 'Glyphicons Halflings';
  content:"\e015"; /* zoom-in */
  color: #959595;
	padding:0 0 21px 0;
}

a.fancyimg:after {
  font-family: 'Glyphicons Halflings';
  content:"\e105"; /* eye-open */
  color: #959595;
	padding:0 3px; 
}
a.fancybox, a.fancyimg { 
  text-decoration:none;
}

.floatright {
  float: right;
  margin-left: 15px;
}
.floatleft {
  float: left;
  margin-right: 15px;
}
div.ZMSGraphic {
	background-color: transparent;
	margin-bottom:15px;
}
.zmi div.ZMSGraphic {
	margin:0;
}
div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin-right:2em;
}
div.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
}
div.ZMSGraphic .alignleft {
	margin-right:10px;
}
div.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
}
div.graphic {
	max-width:100% !important;
}
div.graphic.alignleft {
	float:left;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic .text {
	background-color:transparent;
	font-size:smaller;
	margin-top: -1.5em!important;
}

.ZMSGraphic.center div.graphic  {
	margin:0 auto;
}
.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:15px;
}
.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
}
/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important;
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

/* font awesome fixes */
.header .dropdown > a:after, 
.header .dropdown-submenu > a:after,
#topcontrol:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  }
.sky-form .checkbox input + i:after {
  top: 1px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  }
  
@media (max-width: 991px) {
  .floatright {
    float: none;
    margin-left: inherit;
  }
  .floatleft {
    float: none;
    margin-right: inherit;
  }
  .ZMSGraphic .graphic {
	  text-align:center;
	  margin:auto;
  }
  .ZMSGraphic .text  {
	  text-align:center!important;
	  margin-top:4px!important;
  }

  a.fancybox:after {
    float:right;
  }
  .header .navbar-toggle {
    clear: both;
  }
}

@media (max-width: 787px) {
  .header .topbar ul.loginbar > li {
    padding-bottom: 0;
    display: block;
    white-space:nowrap;
    line-height:initial;
  }
}

div.ZMSFile, div.ZMSLinkElement {
  background-color: #ece9e9;
  margin:15px 0 30px 0;
  padding:10px;
}

div.ZMSFile.none, div.ZMSLinkElement.none {
  border: 0px none;
}
div.ZMSFile div.title, 
div.ZMSLinkElement div.title {
  white-space: normal;
  line-height: 20px;
}
div.ZMSFile div.title img {
  float: left;
  margin: 5px 7px 15px 0;
}

div.ZMSLinkElement div.title:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  content: "\f35d";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width:23px;
  }
div.ZMSFile div.title:before {
  /* content: "\f0ed"; */
}
div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {
  font-weight: bold;
  text-decoration: none;
  font-size: 15px;
  display: inline-block;
  margin-top: 3px;
}
div.ZMSFile div.text, div.ZMSLinkElement div.text,
div.ZMSFile div.description, div.ZMSLinkElement div.description {
  font-size: 100%;
  margin-left: 23px;
  }

.btile div.ZMSFile div.title,
.btile div.ZMSFile div.title a:link,
.btile div.ZMSFile div.title a:visited {

}
.btile div.ZMSFile div.description {
  font-size: 12px;
}

.ZMSTeaserContainer {
	margin-bottom: 20px;
}
.ZMSTeaserElement {
	padding-bottom:0.5em;
}
.ZMSTeaserElement .graphic img {
  /* width:100% */
  }
.ZMSTeaserElement .title {
	color: #7e8998;
	font-weight:bold;
	padding:4px 4px 1px 10px;
}
.ZMSTeaserElement .text {
	color: #7e8998;
	padding:1px 4px 1px 10px;
}

.btileTitle {
  /* min-height:50px; */
  }
.btileImg {
  width:100%; 
  }
  
.btileDescription {
  margin-top:10px;
  text-align:justify; 
  }

#search_results h2 {
  margin: 10px 0 0;
  }
#search_results h2.ZMSFile a:before {
  font-family: 'Glyphicons Halflings';
  content:"\e202"; /* save-file; */
  line-height: 1em;
  }

#search_results .breadcrumb {
  padding:0;
  margin-bottom:5px;
  top:0;
  font-size: smaller;
  }
.pagination li:first-child a:before {
  font-family: 'Glyphicons Halflings';
  content:"\e079"; /* chevron-left */
  line-height: 1em;
}
.pagination li:last-child a:after {
  font-family: 'Glyphicons Halflings';
  content:"\e080"; /* chevron-right */
  line-height: 1em;
}

/*  Highlight (Search-Result) */
.highlight {
	background-color: #feda8f;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4 */
	border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
	padding:1px;
	margin:1px;
}