@media print {
#metanavigation {
display:none;
}
}
/* ########################### */
/* ZMSEP_Course.f_css_defaults */
/* ########################### */
/* BO ZMSEP_Course.f_css_defaults */
.ZMSEP_Course article {
  background-color: #f2f2f2;  
}
div.zmsepCourse form {
  padding:0 20px;
}
div.zmsepCourse #nomail-1,
div.zmsepCourse #lblhasnomail-1 {
  display:none!important;
}
div.zmsepCourse label.checkbox {
  font-size:13px;
  line-height: 16px;
  margin-top:3px;
}

.bookinfo {
  margin-top:2px;
  display:block;
  font-size:12px;
  line-height:14px;
  }
div.zmsepCourse form .control-group {
  margin-bottom:10px;
  }
div.zmsepCourse form label,
div.zmsepCourse form .controls ul,
div.zmsepCourse form .controls p {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px; 
  clear: both;
}
div.zmsepCourse form .controls ul,
div.zmsepCourse form .controls p {
  padding: 5px 0;
  display: inline-block;
}
div.zmsepCourse form label.error {
  color: red;
  float: left;
  font-size: 13px;
  font-weight: bold;
}
div.zmsepCourse form label[for=username-1].error{
  color: green;
}

div.zmsepCourse div#referenten {
  float:right;
  margin-left:10px;
  padding: 20px;
  background-color: #ddd;
  width:125px;
  border:1px solid #ccc;
}
div.zmsepCourse div#referenten * {
  padding:0;
  margin:0;
}
div.zmsepCourse div#referenten h3 {
  padding-bottom:20px;
}
div.zmsepCourse div#referenten p {
  padding-top:5px;
  padding-bottom:10px;
}
div.zmsepCourse div#referenten .whoiswhoLink {
  float:right;
  margin-top:-2px;
}
/* EO ZMSEP_Course.f_css_defaults */
/* ############################### */
/* ZMSTeaserElement.f_css_defaults */
/* ############################### */

/* ####################### */
/* imagemap.f_css_defaults */
/* ####################### */
/* BO Imagemap CSS */
#dhtmltooltip {
 font-size:11px;
 line-height:1.25em;
 color:#666;
}
div.imagemapWrapper {
  position:relative;
  z-index:1;
  overflow:hidden;
}
div.imagemap {

}

div.imagemap a.zoom {
  text-decoration:none;
  border:0;
  margin-right:5px;
  margin-left:5px;
  position:relative;
  top:5px;
  display:block;
  float:left;
}
div.imagemap span.title {
  font-weight:bold;
}
div.imagemap p.caption {
  font-style:normal;
}
div.imagemap img.map {
  opacity:1;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s; 
  }
div.hover {
  position:absolute;
  z-index: -1;
  opacity:0;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s; 
  background-repeat: no-repeat;
  }
#tftooltip {
	position: absolute;
	z-index: 3000;
	border: 0px none;
  color: white;
	background-color: #00318d;;
	padding: 5px;
	opacity: 0.85;
}
#tftooltip h3, #tftooltip div { 
  margin: 0; 
}

div.fallback { 
  display:none; 
  padding:0px;
  }
div.fallback_lnks { 
  padding:20px;
  }
div.fallback_lnks a.btn { 
  width:160px;
  margin-bottom:10px;
  margin-right:10px;
  text-align:left;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-image: url('/ot-forum/zms/common/images/arrow-right-white.png');
  }
div.fallback_lnks a.btn.biv-ot { background-color: #00318d!important; }
div.fallback_lnks a.btn.beruf { background-color: #0081c7!important; }
div.fallback_lnks a.btn.vertrag { background-color: #0098aa!important; }
div.fallback_lnks a.btn.ot-world { background-color: #89ba17!important; }
div.fallback_lnks a.btn.confairmed { background-color: #ee7f00!important; }
div.fallback_lnks a.btn.verlag { background-color: #e2001a!important; }

@media (max-width: 979px) {
  div.imagemapWrapper {
    padding:0!important;
    margin:auto;
    text-align:center;
  }
  div.imagemap img.map, div.map { display:none!important; }
  div.fallback, div#areacontents { display:block!important; }
}
/* EO Imagemap CSS */
/* ###################### */
/* ZMSFile.f_css_defaults */
/* ###################### */

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

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

/* ############################### */
/* ZMSLinkContainer.f_css_defaults */
/* ############################### */
div.ZMSLinkContainer {
	background-color: #eee;
}
/* ##################### */
/* ZMSLib.f_css_defaults */
/* ##################### */

/* ################################ */
/* ZMSEP_Institution.f_css_defaults */
/* ################################ */
/* BO ZMSEP_Institution.f_css_defaults */

table.ZMSTable tbody tr.block2 td {
	background-color:#FFFFCC;
	}
table.ZMSTable tbody tr.block3 td {
	background-color:#FFCC00;
	}

/* EO ZMSEP_Institution.f_css_defaults */
/* ####################### */
/* carousel.f_css_defaults */
/* ####################### */
/* Bootstrap 2.3.2 Custom Carousel */
.carousel { 
  margin-bottom: 0px!important;
}
.carousel-control { 
  background: none; 
  }
.carousel-indicators li {
  cursor:pointer;
}
.carousel-control {
  background:none;
}
.carousel-control.right {
  right: 0px;
}
.carousel-control.left {
  left: 0px;
}

.item {
  position: relative;
}
.item-carouselItem .carousel-caption {
  background: none;
  position: absolute;
  text-align:left;
  bottom: 10%;
  width: 50%; /* default */
  left: 40%; /* default */
  
}
.item-carouselItem .carousel-caption h3 {
  color: #00318d; /* primColor */
  font-size: 16px;
  text-transform:inherit;
}
.item-carouselItem .carousel-caption h2 {
  font-style:italic;
  font-size:24px;
  color: #555;
  margin: 20px 0;
  text-transform:inherit;
}
.item-carouselItem .carousel-caption h2:before {
  content: "/// ";
  color: #00318d;
}
.item-carouselItem .carousel-caption h2:after {
  content: " ///";
  color: #00318d;
}
.carousel-caption a.btn-primary {
  text-transform: none;
}
.carousel .carousel-caption a{
  color: white;
  font-size: .8em;
}
@media (max-width: 767px) {
  .item-carouselItem .carousel-caption h3 {
    font-size: 10px;
  }
  .item-carouselItem .carousel-caption h2 {
    font-size: 12px;
  }

}
/* ####################### */
/* timeline.f_css_defaults */
/* ####################### */
/* new */
#tlinewrapper{
  position: relative; 
  overflow: hidden; 
  z-index: 5!important;
  text-align:center;
}
#tline{ }
.telem {
  position:relative;
  margin-right:10px;
  float: left;   
  height: 326px;  
  background-color: transparent;
  background-repeat: repeat;
  background-position: top left; 
}

.standard .telem,
.standard .telem .timg,
.standard .telem .tnavi  { 
  width: 990px; 
  }
#tlinewrapper.standard {
  left:-10px;
  width: 100%; 
  height: 326px; 
  }
#tlinewrapper.small {
  width: 740px; 
  /* height: 244px; */
  }
.small .telem,
.small .telem .timg,
.small .telem .tnavi { 
  width: 740px; 
  }

.telem .timg {
  position:absolute;
  overflow:hidden;
  z-index:-2;
  opacity: 0.4; 
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}
.telem.current .timg {
  opacity:1.0!important;
}
.small .telem .timg {
  opacity: 0.4;
}

.telem .tinfo {
  position: absolute;
  left:10px;
  bottom: 0px;
  width:480px;
  text-align:left;
  opacity: 0; 
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}
.telem.current {
  z-index:20;
  }
.telem.current .tinfo{   
  opacity:0.9;
}

.telem p {  
  margin:0;
  font-weight: normal;  
  color: #fff;  
  text-decoration: none;  
  font-size: 16px;
  line-height: 22px;
  }
  
.telem p.tdateline{   
  padding: 20px 47px 20px 20px;
  background-color: #00318d;
}
.telem p.tdateline .tdays{   
  color: #00318d;
}
.telem p.ttitle{
  font-family: 'Open Sans',Arial,sans;
  padding: 0px 47px 20px 20px;
  background-color: #00318d;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height:1.2em;
  position:relative;
}
.telem p.ttitle .arrow45 {
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:1000;
}
.tnavi .arrow45 {
  background-color: #00318d;
}

.telem p.tdescription{   
  padding: 20px 47px 0px 20px;
  background-color:  #00318d;
}

.telem p.tmore{   
  padding: 5px 47px 20px 20px;
  background-color: #00318d;
}
.telem p.tmore a {
  text-decoration: none;  
  color: #00318d;  
}

.telem p.tmore a:hover{
  color: #fff;
}

.telem .tnavi {
  position: absolute;
  bottom: 0;
  opacity: 0; 
  transition: opacity 0.2s;
  -moz-transition: opacity 0.2s; /* Firefox 4 */
  -webkit-transition: opacity 0.2s; /* Safari and Chrome */
  -o-transition: opacity 0.2s; /* Opera */
  }
.telem.current .tnavi {
  opacity: 1; 
}
.telem .tnavi a {
  display: inline-block;
  float:right;
  margin-left:3px;
  }
.telem .tnavi a.tlink {
  background-color: #00318d;
  color:white;
  font-family: 'Open Sans',Arial,sans;
  font-size:20px;
  height:47px;
  line-height:47px;
  padding: 0 15px;
  text-transform:uppercase;
  }
  
  
@media (max-width: 989px) {
  #tlinewrapper { left:0!important; height: 246px;}
  .telem { text-align: center; margin-right: 0px }
  .telem .tnavi { height:0px; z-index:3; position:relative; top: 5px; display:inline-block; width:500px; }
  .telem .tnavi a { margin-left:0; }
  .telem .tnavi a.tlink { display:none; }
  .telem .tinfo { /* opacity:1!important; */ top: 0px; position:relative; margin-left:0px; margin:auto; }
  .telem p.ttitle{ font-size: 1.3em }
  .telem p { font-size: 14px; }
  .telem p.tdescription { padding: 10px 20px 10px 20px; }
  .telem p.tmore { padding: 0px 47px 5px 20px; }
}
@media (max-width: 489px) {
  .telem .tnavi { width:300px; }
  .telem .tinfo { left:0; width:300px; }
  .telem p { font-size: 12px; }
  .telem p.tdateline{ padding: 10px 94px 10px 20px; line-height:1.3em; }
  .telem p.tdescription { padding: 10px 12px 0px 20px; line-height:1.3em; }
}
/* ######################### */
/* ZMSGraphic.f_css_defaults */
/* ######################### */

/*--------- .ZMSGraphic --------------*/
a.fancybox img {
	padding:1px 1px 21px 1px;
	background:transparent url(/misc_/zms/zoom.gif) bottom right no-repeat;
	background-color:transparent;
}
div.ZMSGraphic {
	background-color: transparent;
	margin: 1em 0;
}
.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 div.text {
	padding: 4px;
}
.ZMSGraphic .text {
	background-color:transparent;
	padding:.5em 1em 0em 1em;
	font-size:smaller;
	font-style:italic;
}
.ZMSGraphic .graphic {
	margin-bottom: 7px;
}
.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;
}
a.zoom img.zoom,
a.superzoom img.superzoom {
	width: 26px;
	height: 21px;
	background-position:top right;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
a.zoom img.zoom {
	background-image: url(/misc_/zms/zoom.gif);
}
a.superzoom img.superzoom {
	background-image: url(/misc_/zms/superzoom.gif);
}
/*--------- /.ZMSGraphic --------------*/

/* ############################# */
/* ZMSEP_whoiswho.f_css_defaults */
/* ############################# */
/* ajax */
.whoiswho.ajax div.personimg { 
  float:right;
  padding:0px 0px 10px 10px;
  }
.whoiswho.ajax table.table { 
  width: auto;
  border-bottom: 0 none;
  }
  
/* Page */
#whoiswho { 
  padding:20px;
  background-color:#f2f2f2;
  } 
#whoiswho table.table { 
  width: auto;
  } 

#whoiswho table.whoiswho thead th {
  padding: 5px 2px;
  text-align:left;
  background-color: #2969be;
  }
#whoiswho table.whoiswho tbody th {
  width:200px;
  padding: 5px 20px;
  background-color: #2969be;
}
#whoiswho table.whoiswho td {
  background-color: #2969be;
  padding: 5px 20px;
  }
#whoiswho div.personimg { 
  float:right;
  padding:0px 0px 10px 10px;
  }
  
#whoiswho table.neutralColorStrong {
  border-collapse: collapse;
  }
#whoiswho table.neutralColorStrong th.form-small,
#whoiswho table.neutralColorStrong td.form-small {
  font-size:14px;
  padding: 5px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;   
  }
#whoiswho table.neutralColorStrong th.form-small {
  background-color: #2969be;  
  color:white;
  }
#whoiswho table.neutralColorStrong th.form-small a span {
  font-size:14px;
  color:white!important;
  }

#whoiswho table.neutralColorStrong td.form-small {
  background-color: #f2f2f2;  
  }
  
div.whoiswhoLink {
  float:right;
}

div.tileImg a.fancybox img,
div.whoiswhoLink a.fancybox img {
  padding:0;
  background: None;
  margin-bottom:0;
  }


/* ######################################## */
/* ZMSEPCoursesTeaserElement.f_css_defaults */
/* ######################################## */
/* BO ZMSEPCoursesTeaserElement.f_css_defaults */
ul.coursesTeaserElement {
  margin:0;
  padding:0 0 0 10px;
  }
ul.coursesTeaserElement li {

  }
.ZMSTeaserElement .title span.date {
  display:block;
  font-size: 9px;
  }
/* EO ZMSEPCoursesTeaserElement.f_css_defaults */

/* ###################### */
/* tileRow.f_css_defaults */
/* ###################### */
/* BO tileRow.f_css_defaults */
.tile .arrow {
  float: right;
  height: 18px;
  position: relative;
  right: -5px;
  top: 3px;
}
.tileRow {
  margin-top:10px;
  }
.tileRow + .carousel {
  margin-top:10px;
  }
.tileRow .tile .tileRow {
  margin-top:0px;
  }

.tile {
  color: white;  
  padding-bottom: 10px;
  }
.tile > *{
  /*margin: 0;*/
}
.tile, .tile li {
  line-height:1.5em!important; /* -> bootstrap li anpassen ! */
  }
.tile h2 {
  margin-top:20px;
  margin-bottom:20px;
  color: white;
  }
.tile h2.number {
  font-size:2.5em;
  }
.span2.tile h2.lnk {
   background-position: 462px 3px;
 }
.span3.tile h2.lnk {
   background-position: 712px 3px;
 }
.tile h2 a {
  color: white;
  }
.tile.vollbild{
  position: relative;
}
@media (min-width: 768px) {
    .tile.vollbild div.tileImg {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}
.tile.vollbild img.tileImg{
  min-width: 100%;
  min-height: 100%;
  max-width: initial;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.tile.gray {
  color: #292929;   
  background-color: #f2f2f2;
  }
.tile.gray h2,
.tile.gray h2 a {
  color: #00318d;   
  }
.tile.gray > p:first-child {
  margin-top:10px;
  }
.tile.transparent {
  color: #292929;   
  background-color: transparent;
  }
.tile.transparent h2,
.tile.transparent h2 a {
  color: #00318d;   
  }
.tile.transparent > p:first-child {
  margin-top:10px;
  }
.tile.green {
  background-color: #00318d; 
  }
.tile.orange {
  background-color: #00318d;
  }
.tile.link{
  display: flex;
  align-items: center;
 justify-content: center;
  flex-direction: column;
}
.tile.link .tileLink{
  display: none;
}
.tile.blue,
.tile.link {
  background-color: #00318d; 
  }
.tile.blue a:link, 
.tile.blue a:visited,
.tile.link a:link,
.tile.link a:visited{
  color: #c3cae8;
  } 
.tile.blue h2,
.tile.blue h2 a:link, 
.tile.blue h2 a:visited,
.tile.link h2,
.tile.link h2 a:link,
.tile.link h2 a:visited {
  color: white;
  } 
.tile.blue:hover,
.tile.link:hover {
  background-color: #c3cae8;
  cursor:pointer;
  }
.tile.blue:hover a,
.tile.link:hover a {
  color: #00318d;
  }

.tile.blue .tileImg {
}

.tile.blue a:active, 
.tile.blue a:hover,
.tile.link a:active,
.tile.link a:hover,
.tile.green a:active, 
.tile.green a:hover  {
  color: white;
}

.tile p.tileDate{
  margin-top:20px;
  margin-bottom:20px;
  background-color: #00318d;
  color: #00318d;
  display:inline-block;
}
.tileImg { text-align:center; }
.tileRow.imgOnly {
  margin-top: 0px;
  background: #f2f2f2 url('/ot-forum/zms/metaobj_manager/tileRow.tileRowBG/metaobj_manager/tileRow.tileRowBG') top left repeat-y ;
  }
.tileRow.imgOnly + p {
  padding-top: 20px;
  }
.tileRow.imgOnly div.tile {
  background-color: #f2f2f2; 
/*  min-height: 0px; */
  }  

/* Picto tile / Themenwelten
 ***************************** */
.tile.twRed {background-color: #e40613}        /* OTW Themenwelt */
.tile.twGreen {background-color: #6ab023}      /* OTW Themenwelt */
.tile.twAqua {background-color: #0098a1}       /* OTW Themenwelt */
.tile.twYellow {background-color: #e3c100}     /* OTW Themenwelt */
.tile.twMagenta {background-color: #c00079}    /* OTW Themenwelt */
.tile.twLightblue {background-color: #0081c7}  /* OTW Themenwelt */

.tile.picto {
  position:relative;
  min-height:160px;
}
.tile.picto p.tileDate {
  display:none;
}
.tile.picto h2 {
  position:absolute;
  top:60px;
  width:200px;
  opacity:0.0;
  text-align:center;
  }
.span2.tile.picto h2 { width:450px; }  
.span3.tile.picto h2 { width:710px; }  
.span4.tile.picto h2 { width:950px; }  
.tile.picto:hover h2,
.tile.picto .tileImg {
  opacity:1;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  } 
.tile.picto:hover .tileImg {
  opacity:0;
  } 

.tile.picto.blue:hover {
  background-color: #00318d;   
  } 
   
.tile .ZMSGraphic {
  background-color:transparent;
  padding:20px 0px;
  }  
.tile .ZMSGraphic .graphic {
  padding:0px 20px;
  }  
.tile .ZMSGraphic .text {
  width:100%;
  }  
.footer .tileRow .tileRow .tile.blue {
  margin-bottom: 10px;
  } 
.footer .tileRow .tileRow .tile.blue h2 {
  line-height: 95px;
  text-align: center;
  margin-top:0;
  }  

.tile4over1111 {
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
  min-height:601px;
  height:601px;
  position:relative;
  }

.tile4over1111 strong, .tile4over1111 p {
  font-family: 'Open Sans',Arial,sans;  
  }
.tile4over1111 h2, .tile4over1111 h3 {
  font-family: 'Open Sans',Arial,sans;
  font-weight: 600;
  line-height:1.0em;

  }  
.tile4over1111 h2 {
  color: #00318d;
  font-size: 2.5em;
  margin:0;
  padding-top:20px;
  padding-bottom:20px;
  }
.tile4over1111 h3 {
  color: #00318d;
  font-size: 3em;
  margin:0
  padding-top:10px;
  padding-bottom:10px;
  }
  
.tile4over1111 p, .tile4over1111 strong {
  color: white;
  }  
 .tile4over1111 p {
  font-size:1.6em;
  line-height: 1.1em;
  } 
.tile4over1111 p strong {
  display:inline-block;
  font-size:1.9em;
  padding-top:60px;
  }   
.tile4over1111 p a {
  text-decoration:none !important;
  font-weight:normal!important;
  } 
.tile4over1111 p a:hover {
  text-decoration:none !important;
  color:white;
  }
.tile4over1111 .row1 { 
  position: absolute;
  top:250px; 
  }
.tile4over1111 .row2 { 
  position: absolute;
  top:440px; 
  }

.zmi .tile { padding-top:20px; padding-bottom:20px; }
.zmi .span1.tile { width:240px }
.zmi .span2.tile { width:490px }
.zmi .tile p,  .zmi .tile ol, .zmi .tile ul, 
.zmi .tile h2, .zmi .tile h3, .zmi .tile h4 { 
  padding:0 20px!important;
  }
.zmi .tile ol, .zmi .tile ul { margin-left:20px; }
.zmi .tile.blue p { color:white }
/* EO tileRow.f_css_defaults */
/* ######################## */
/* accordion.f_css_defaults */
/* ######################## */
.acc {
  margin-top:10px;
  margin-bottom:10px;
  }
.acc .panel {
  margin-bottom:10px;
  }
.acc .panel-body > div,
.acc .panel-body > p {
  padding: 0 5px;
  }
.acc .panel-heading {
  background-color: #00318d;
  cursor:pointer;
  }
.acc .panel-heading:hover {
  color: #00318d;
  background-color: #c3cae8;
  }
.acc .panel-title {
  margin-bottom:0;
  overflow:hidden;
  } 
.acc .panel-title a {
  display:block;
  width:99%;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
  background-repeat: no-repeat;
  background-position: 100% 21px;
  color: white;
  }
.acc .panel-heading a:link, 
.acc .panel-heading a:visited  {
  background-image: url('/ot-forum/zms/common/images/arrow-down-white.png');
  }  
.acc .panel-heading a.collapsed {
  background-image: url('/ot-forum/zms/common/images/arrow-right-white.png'); 
  } 
.acc .panel-heading:hover a  {
  background-image: url('/ot-forum/zms/common/images/arrow-right-00318d.png');
  color: #00318d; 
  }
.acc .panel-heading:hover a.collapsed  {
  background-image: url('/ot-forum/zms/common/images/arrow-down-00318d.png');
  color: #00318d; 
  } 
.acc .panel-body {
  color: #292929;   
  background-color: #f2f2f2;
  padding-top:20px;
  padding-bottom:20px;
  } 
.acc .panel-body table {
  clear:both;
  float:none;
  }
div.zmi .acc .panel-heading,
div.zmi .acc .panel-heading:hover {
  color: black; background-color:white;
  }
.acc.panel-group {
   clear:both;
}

/* ############################# */
/* ZMSLinkElement.f_css_defaults */
/* ############################# */
/* @see ZMSFile.f_css_defaults */
/* ################################# */
/* ZMSTeaserContainer.f_css_defaults */
/* ################################# */

/* ############################## */
/* ZMSEP_JobOffers.f_css_defaults */
/* ############################## */
#jo {
  background-color: #f2f2f2;
  padding-bottom:20px;
  }
#jo > * { padding: 0 20px; }
#jo table.ZMSTable { table-layout:fixed; }
#jo .jocompany { width:170px }
#jo .jotitle { }
#jo .joplace { width:130px }  
#jo .jodate  { width:110px; }
#jo td.jocompany img { 
  max-width:160px;
  height:auto 
  }
#jo td.jotitle span { 
  display:block; 
  margin-bottom:10px; 
  }
#jo td.jotitle a { 
  display:inline-block; margin-bottom:5px;
  }
#jo td.jotitle a.fancyBox:link {
  color: #00318d;
  }
#jo td.jotitle a.fancyBox:visited {
  color: #292929;
  }
@media (max-width: 979px) {
  #jo table.ZMSTable { table-layout:auto; }
  #jo .jocompany,
  #jo .joplace,  
  #jo .jodate  { width:auto; }
  #jo td.jocompany img { max-width:80px }
  #jo td.jotitle a { width:auto;}
}

/* ############################### */
/* ZMSEP_NewsTeaser.f_css_defaults */
/* ############################### */
/* BO NewsTeaser.f_css_defaults */
/*body.ZMSEP_NewsOverview .content article header,
body.ZMSEP_CalOverview .content article header {
  display:none;
  }*/
body.ZMSEP_CalOverview .span4.content {
  background-color: #f2f2f2;
  }
body.ZMSEP_CalOverview #titleimage {
  float:right;
  margin-left:10px;
  margin-bottom:20px;
  width:100%!important;
  height:33%!important;
  }
.rssfeed {
  color: #00318d;
  padding-left: 20px;
  background: url('/ot-forum/zms/common/images/rss_icon.png') 0 1px no-repeat; 
  font-size:15px; 
  }

#nt {
  /* min-height:490px;
  min-width:490px;  */
}
.ntHead {
  border-bottom: 1px solid white;
  height:42px;
  position:relative;
  overflow:hidden;
  }
.ntHead .rssfeed {
  position:absolute;
  top:11px; left:20px;
  }

.ntNti {
  overflow:auto; 
  }    
.ntFoot {
  border-top: 1px solid white;
  height:40px; 
  position:relative;
  }  
.ntFoot .rssfeed {
  position:absolute;
  bottom:9px; right:20px;
  }
  
 body.ZMSEP_NewsOverview .ntHead,
 body.ZMSEP_CalOverview .ntFoot {
  height:auto;
  }
 
 .newsteaser {
  background-color: #f2f2f2;
 /*  overflow:auto; */
  position:relative;
  } 
.newsteaser h2 {
  margin-top:0;
  margin-bottom:0;
  padding-top: 10px;
  padding-bottom: 10px;
  }

p.morenews {
  float:right;
  padding: 10px 15px 9px 3px!important; 
  }

.ZMSEP_NewsOverview p.morenews,
.ZMSEP_CalOverview p.morenews {
  float:left;
  padding-top: 21px !important; 
  padding-bottom: 0px;
  }
 
p.morenews a, a.more.news, 
.newsteaser a, .newsteaser a:hover  {
  text-decoration:none!important;
  font-weight:normal!important;
  }
p.morenews a:after {
  content: '\00A0\203A';
}

.newsDate {
  padding:20px;  
  font-family: 'Open Sans',Arial,sans;
  font-size: 20px;
  color:white;
  background-color: #00318d;
  }
.newsDate a.back { 
  float:right;
  }
.newsDate a.back:hover { 
  color: white;
  }
.newsTitle {
  color: #00318d;
  font-size: 30px;
  text-transform:none;
  margin-top:15px;
  }
.newsDescription {
  font-weight:bold;
  }

.nti {
  display: block;
  clear:left;
  padding:20px 0;
  border-bottom: 1px solid white;
  background-color: #f2f2f2;
  min-height:80px;
  }
.nti:last-child {
  border-bottom: 0px none;
  }
.newsContent {
  padding-top:10px;
  padding-bottom:20px;
  background-color: #f2f2f2;  
  }  
.newsContent .ZMSGraphic.floatleft {
  padding:20px 0px;
  width:240px;
  }

.newsContent p.caption {
  margin:4px 0px 0 0;
}  

.newsContent a.fancybox img {
  padding: 0;
  margin-bottom: 0;
}
.newsContent .newsText {
  clear:left;
  }

.newsLink a,
.newsFile a {
  width:180px;
  display:block;
  text-align:center;
  }

.newsGmap {
  padding-right:20px;
  }  

.ntiDate {
  float: left;
  margin: 0 20px 20px;
  color: white;
  font-family: 'Open Sans',Arial,sans;
  text-transform: uppercase;
  width:60px;
  }
table tr.nti td.ntiDateCol {
  width: 160px;
  }
table tr.nti td.ntiDateCol .ntiDate {
  margin: 0 10px 10px 0;
  }
.ntiDate span {
  display:block;
  text-align:center;
  }
.ntiDate .d {
  padding-top:10px;
  font-size: 32px;
  background-color: #00318d; 
  }
.ntiDate .m {
  padding: 5px 0;
  font-size: 16px;   
  background-color: #00318d; 
  white-space:nowrap;
  }
.ntiDate .y {
  border-top: 1px solid white;
  padding: 0 0 1px;
  font-size: 14px; 
  background-color: #2969be;
  }
div.ntiContent {
  margin-left:80px;
  }
/* CalTeaser modifier */ 
.ct .ntiDate { width: 46px; } 
.ct .ntiDate .m { font-size: 17px; }
.ct .ntiDate .y { font-size: 13px; } 
.ct  div.ntiContent { margin-left:64px } 

.co { 
  background-color: #f2f2f2;
  }
  
.co .coFilter { 
  padding: 0 20px;
  margin:0; 
  }
.co .coFilter label {
  margin-bottom:0px;
  }

.co .coFilter .filter { 
  padding: 4px 6px;
  margin-top:0px;
  }

.co .coFilter input.btn {
  margin-top:10px;
  }

.co table td {
  /* border-top: 1px solid white;
  border-bottom: 1px solid white; */
  }
.coDate { 
  /* width:160px; */
  white-space:nowrap;
  } 
.co .coDate .edate .etime { display:block }
.co .coTitle { font-weight:bold; } 
.co .coLegend { 
  padding: 0 20px;
  clear:both;
  }
.co .coLegend p { 
  font-size: 13px!important;
  }
 
.ntiCat {
  display:inline-block;
  float:left;
  margin-right:5px;
  margin-top: 2px;
  width:16px;
  height:16px;
  background: url('/ot-forum/zms/common/images/icon_newscategory.png') 16px 16px no-repeat;
  }
.ntiCat.cat0 { display:none }
.ntiCat.cat1 { background-position: 0 0; }
.ntiCat.cat2 { background-position: 0 -16px; }
.ntiCat.cat3 { background-position: 0 -32px; }
.ntiCat.cat4 { background-position: 0 -48px; }

.ct .ntiCat { margin-top: 0px; }
  
.ntiTitle {
  color: #00318d; 
  text-transform:none;
  padding-top:0; 
  margin:0;
  }
.span1 .ntiTitle {
  font-size: 15px; 
  line-height:1.1em;
  }

p.ntiText {
  padding-top: 5px;
  margin:0;  
  min-height:3em;
  }
p.ntiText > a {
  font-weight:normal!important;
  }
.span1 .ntiText {
  display: none; 
  }
a.more.news { 
  display:block; 
  padding-top: 5px;
  }

.ical24 {
  display:inline-block;
  float:left;
  margin-right:5px;
  margin-top:-3px;
  width:24px;
  height:24px;
  background: url('/ot-forum/zms/common/images/CG_ical_orange24.png') 0 0 no-repeat;
  }
.ical16 {
  display:inline-block;
  float:left;
  margin-right:5px;
  margin-top: 2px;
  width:16px;
  height:16px;
  background: url('/ot-forum/zms/common/images/CG_ical_orange16.png') 0 0 no-repeat;
  }
.ical16.inv {
  background: url('/ot-forum/zms/common/images/CG_ical_white16i.png') 0 0 no-repeat;
  }
.ical24.inv {
  background: url('/ot-forum/zms/common/images/CG_ical_white24i.png') 0 0 no-repeat;
  }
@media (max-width: 767px) {
  .ical16, .ical24 { display:none; }
  .coDate { width:80px; white-space:normal; }
  .pagination-top { display:none; }
}
/* EO NewsTeaser.f_css_defaults */
/* BO Master CSS */
body#mail {
  text-align:left;
  font-family: Arial,Helvetica,sans;
  font-size: 13px;
  }  
body#mail, 
body#mail div.ZMSFile, body#mail div.ZMSLinkElement {
  background: #FFF none;
}

div.header {
  background: transparent url('/ot-forum/zms/common/images/otw-colorline.png') 0 0 repeat-x;
  font-family: 'Open Sans',Arial,sans;
  min-height:120px; 
  }

.system-msg {
  background-color: #c3cae8;
  color: white;
  padding:20px;
  }
a {
  color: #00318d;
  text-decoration: none;
}
a:hover {
  color: #c3cae8;
}
#logo { float:left; clear:both; }
#claimlogo {
  float:right; 
  padding-top:72px; 
  margin-left:20px; 
  margin-right:10px;
  margin-bottom:10px;
  }
#headlines { 
  float:right; 
  padding-top:37px; 
  text-align:right; 
  font-family:'Open Sans',Arial,sans; 
  font-weight:600;
  font-size: 16px; 
  line-height:20px; 
  }
#headlines .headline1 { color: #00318d }
#headlines .headline2 { color: #00318d }

#metanavigation {
  display: block;
  height: 24px;
  text-align:right;
  margin-top:2px;
  }
#metanavigation ul {
  float:right;
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  white-space:nowrap;
}
#metanavigation ul li {
  display: inline-block;
  vertical-align:top;
}
#metanavigation ul li a.navbtnsmall {
  color: #474747;
  background: url('/ot-forum/zms/common/images/arrow_down_smallbtn.gif') no-repeat scroll right 9px #f2f2f2;
  display: inline-block;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 1em;
  height: 24px;
  line-height: 24px;
  padding: 0 28px 0 15px;
  text-decoration: none;
}

#metanavigation ul li a.navbtnsmall.noslide {
  background: #f2f2f2 none;
  padding: 0 15px 0 15px;
}
#metanavigation ul li a.navbtnsmall.act {
  background: url('/ot-forum/zms/common/images/arrow_up_smallbtn.gif') no-repeat scroll right 9px #f2f2f2;
  }

#metanavigation form { margin-right:10px; }
#metanavigation input#raw { margin-bottom:0; }


#otnavi {
  position:absolute;
  left:46%;
  }  
#otnavi a.navbtnsmall {
  font-family: 'Open Sans',Arial,sans-serif;
  background: #00318d none;
  color: #FFFFFF;
  font-size: 1.2em;
  height: 24px;
  line-height: 24px;
  text-transform: uppercase;
  padding:0 15px;

}
#otnavi a.navbtnsmall.act {
  background: #2969be none;
  }


/* bootstrap redefine */
.web .input-append .active,
.web .input-prepend .active {
  background-color: #f2f2f2;
  border-color: #00318d;
}
 
.web .navbar {
  background-color: #f2f2f2;
  background-image: url('/ot-forum/zms/common/images/otw-menue-bg.jpg');
  background-repeat: repeat-x;
  background-position: top center;
  font-family: 'Open Sans',Arial,Helvetica,sans;
  font-size: 21px;
  margin-bottom: 5px;
  }
.web .navbar .nav > li > a {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 18px;
  padding-top: 18px;
  text-transform: uppercase;
  border-left: 1px solid transparent;
  text-shadow: 0 1px 1px #FFFFFF;
  font-size: 19px;
  font-weight:600;
}
.web .navbar .nav > .active a,
.web .navbar .nav > li > a:hover,
.web .navbar .nav > li.open > a {
  border-color: white; 
  text-shadow: none;
}
.web .navbar .nav > li > a:focus,
.web .navbar .nav > li > a:hover,
.web .navbar .nav > .active > a,
.web .navbar .nav > .active > a:hover,
.web .navbar .nav > .active > a:focus,
.web .dropdown-menu {
  background-color: #00318d; 
}
.web .dropdown-menu li > a {
   min-width:220px; 
}

.web .navbar .nav > li.active.ZMS1 > a {
/*  border-left-color: #f2f2f2;  */
}

.web .navbar .dropdown-menu { 
  font-size: 18px;
  border: 1px solid white; 
  border-top: 0px none;
  min-width: 210px;
  }
.web .navbar .dropdown-submenu .dropdown-menu.pull-left {
  padding:0px; 
  margin-top:0px;
  border: 1px solid white;
  border-left: 0px none;
  }
  
#member { 
  background: url('/ot-forum/zms/common/images/OT-Logo-Ring_grau_t_240.png') no-repeat left bottom #f2f2f2;
  height:215px;
  min-height:215px;
  }
  
div.mnav {
  background-color: #f2f2f2; 
  }
#member div.mnav {
  background-color: transparent; 
}
.mnav {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  padding: 20px;
  margin-bottom:10px;
  }
   
.mnav.expand { display:none; }
div.mnav h3  {
  color: #00318d;
  margin:0 0 20px;
  font-size:20px;
  font-weight:600;
}  
.mnav .btn-large {
  width:200px;
  text-align:center;
  padding-left:0;
  padding-right:0;
  display:inline-block;
  }
.mnav ul {
	padding: 0;
	margin:0;
	list-style-type: none;
}

.mnav ul ul {
	margin: 0;
}
.mnav ul li {
	padding: 0; margin: 0;
	list-style-image: none;
	font-size: 18px;
	font-weight:600;
	line-height:1.3em;
	position:relative;
  padding-left: 8px;
}
.mnav ul li ul li ul li{
	font-size: 16px;
	font-weight:normal;
	line-height:1.2em;
}  
.mnav ul li > a:before {
  content: '\203A';
  position: absolute;
  left: 0px; top: 0px; 
  display: inline-block;
}
.mnav ul li > a.active {
  color: #c3cae8;
  }
/* ohne .web ! */
.nav-pills > .active > a {
  background-color: transparent;
  color: #00318d;
}
.nav-pills > .active > a:hover {
  background-color: transparent;
  color: #c3cae8;
}
.mnav.expand ul.nav-pills {	margin-top:0px; }
.mnav.expand ul.nav-pills > li > a { padding-left: 0px; }
.mnav.expand { padding:0px 20px 10px; }
/* .mnav.expand ul { margin:0px } */
.mnav.expand ul li > a:before { top:3px; }
.mnav.expand h3 { display:none; }
  
#titleimage { width:740px; height:200px; }

.web h1, .web h2, .web h3, .web h4, 
.web fieldset legend {
  font-family: 'Open Sans',Arial,sans;
  line-height:1.2em;
  text-transform: uppercase;
  font-weight:normal;
  }
.web h1 { font-size: 25px; font-weight:600}
.web h2, .web fieldset legend { font-size: 19px; font-weight:600}
.web h3 { font-size: 18px; }
.web h4 { font-size: 17px; }


header h1, header p , 
section h1, section h2, section h3, section h4,
section p, section ul, section ol, 
section > table {
  padding: 0 20px;
  margin-top: 0;
  }
section > p, section > ul, section > ol,
section > h2, section > h3, section > h4,
section > div.p {
  background-color: #f2f2f2;
  padding-bottom: 20px;
  margin:0;
  }  
section > div.ZMSGraphic {
  padding-bottom: 20px;
  }
  
header { 
  min-height:auto;
  background-color: #f2f2f2;
  }
section > ul > li, section > ol > li { 
  margin-left: 30px;
}

section p, section li, 
section td, section th { 
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 24px; 
}
section + p, section + ul, section + ol {
  padding-top: 0px;
  }

section p a { 
  text-decoration: none!important;
  color: #00318d;
  }
section p a:hover { 
  text-decoration: none!important;
  color: #c3cae8;
  }  



.tileRow + p, .tileRow + ol, .tileRow + ul,
.tileRow + h2, .tileRow + h3, .tileRow + table,
.tileRow + .ZMSTable, .tileRow + .ZMSGraphic {
  margin-top: 10px; 
  padding-top:20px;
  }
.tile div.OTFile div.title span.size {
  display: none;
}  
div.contentObj {
  padding-top: 0px;
  background-color: #f2f2f2;
  padding-bottom: 20px;
  }
div.contentObj table,
div.contentObj .tab-content {
  padding: 0 20px;
  }
div.contentObj .tab-content h2,
div.contentObj .tab-content h3,
div.contentObj .tab-content h4,
div.contentObj .tab-content ul,
div.contentObj .tab-content ol,
div.contentObj .tab-content p {
  padding-left: 0;
  } 

.whoiswho_inst.detail .image {
  float:right;
  margin:20px;
  max-width:400px;
  }
legend {
  line-height:1.3em;
}

table.ZMSTable {
  width: 100%;
  margin: 10px 0;
  border-bottom: 3px solid #00318d;
  }
  
table.ZMSTable caption, 
.web table caption {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  padding: 10px 0;
  color: #f2f2f2;
  background-color: #00318d;
  font-size: 20px;
  line-height:1.2em;
  text-transform:uppercase;
  }
.ZMSEP_ProfileManager2 table tbody tr th {
  width:30%;
  }
table.ZMSTable caption {
  padding: 20px;
  background-color: #f2f2f2;
  color: #00318d;
  text-align:left;
  }
    
table.ZMSTable th, table.ZMSTable th p {
  font-size:1.2em;
  line-height:26px;
  }
table.ZMSTable th {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  background-color: #00318d;
  color:white !important;
  vertical-align: center;
  text-align:left;
  padding:30px;
  line-height:1.2em;
  text-transform:uppercase;
  }
table.ZMSTable th h2,
table.ZMSTable th h3,
table.ZMSTable th p {
  color:white !important;
} 
.ZMSTable td {
  font-size: 16px;
  vertical-align: top;
  padding:20px 30px;
  }


table.ZMSTable h2,
table.ZMSTable h3,
table.ZMSTable p {
  padding:0; margin:0;
  }

.ZMSTable tbody tr.odd td {
  background-color: #f2f2f2;
  }
.ZMSTable tbody tr.even td {
  background-color: white;
  }
.ZMSTable tbody td {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  }
  
.web ul.nav-tabs li { 
  margin-left: 0px;
  margin-top: 2px;
}
.web ul.nav-tabs li a { 
  color: #00318d;
  background-color: #2969be; 
  font-weight:normal!important;
}

.web .nav-tabs > li > a:hover,
.web .nav-tabs > .active > a,
.web .nav-tabs > .active > a:hover {
  color:white;
  background-color: #00318d; 
  }

.web a {
  color: #00318d;
  }
.web article p > a,
.web article ul li > a {
  font-weight:600;
  }
.web a:hover {
  color: #c3cae8;
  }
.web a.btn-primary {
  color:white;
  background-color: #00318d;   
  margin-bottom: 3px;
  }  

.web a.more { white-space: nowrap; }
.web a img[src*=more] { display:none; }

.web .breadcrumb li a {
  font-family: 'Open Sans',Arial,sans;
  }


  
.span3 header h1,
.span4 header h1 {
  color: white;
  line-height: 90px;
  height:85px;
  padding: 0 20px;
  margin-bottom:0px;
  text-transform: uppercase;
  white-space: nowrap;
  /* background: #00318d url('/ot-forum/zms/common/images/ot-world_site-title-bg-verlauf.png') bottom left repeat-y; */
  background: #00318d; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzA2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2NhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #00318d 15%, #c3cae8 85%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(15%,#00318d), color-stop(85%,#c3cae8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #00318d 15%,#c3cae8 85%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #00318d 15%,#c3cae8 85%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #00318d 15%,#c3cae8 85%); /* IE10+ */
  background: linear-gradient(to right,  #00318d 15%,#c3cae8 85%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00318d', endColorstr='#c3cae8',GradientType=1 ); /* IE6-9 */ 
} 
.span3 header h1 {
  /* color: #00318d;
  line-height: 1em;
  padding: 20px;
  text-transform: uppercase; */
  } 
  
.title-bottom {
  height:5px;
  background: transparent url('/ot-forum/zms/common/images/title-bg-bottom.png') top center no-repeat;
  margin-bottom:10px;
  }

section h2, section h3, section h4 {
  color: #00318d;
  }

p.description:empty {
  display: none;
}    
p.description {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  font-size: 18px;
  font-weight:600;
  background-color: #f2f2f2;
  color: #00318d;
  line-height: 1.3em;
  padding-top: 20px;
  padding-bottom: 20px;
  margin:0;
  } 
   
p.caption {
  color: #00318d;
  font-size:12px;
  font-weight:bold;
  line-height:1.3em;
  margin:4px 10px 0 0;
}  

a.fancybox img {
  padding: 0 0 21px;
  margin-bottom: -20px;
}

.mandatory { color: #c3cae8}

footer {
  margin-top: 20px;  
  font-family: 'Open Sans',Arial,Helvetica,sans;
  }
.footer-wrapper {
  padding: 5px 0px;
  background: #f2f2f2 url('/ot-forum/zms/common/images/otw-footer-bg.png') top center no-repeat;
  }
.footer .tileRow { margin-top:0; }

.footer h2, .footer h3 {
  line-height:24px;
  padding: 0 20px;
  white-space:nowrap;
  }
.footer h2 {
  color: #00318d;
  margin-bottom:0;
  }
.footer h3 {
  color: #00318d;
  font-size:16px;
  margin:0;
  }
  
.footer .fbtn {
  padding:3px 20px 0;
}
.footer .fbtn a {
  background-color: #00318d;
  color: #FFFFFF;
  display: inline-block;
  font-size: 20px;
  padding: 11px 19px;
  text-align: center;
  text-transform: uppercase;
  width: 162px!important;
}

.copyright-wrapper {
  background: #E6E6E6 url('/ot-forum/zms/common/images/otw-copyright-bg.png') top center repeat-x;
  padding:6px 0 2px;
  }
.copyright {
  font-family: Arial,Helvetica,sans;
  padding:0 20px;
  font-size: 10px;
  line-height: 32px;
  text-transform: uppercase;
  }
.copyright .fdescription { line-height:1em; padding-top:5px; margin:0}
.copyright .left { float:left }
.copyright .right { float:right; text-align:right; white-space: nowrap}
.clearfloating { clear:both; height:0px; line-height:0px;  }

div#teaser {
  margin: 0;
  width:auto;
  font-size:inherit;
  background-color: white;
  }
div.ZMSTeaserContainer {
  padding: 0px;
}
div.ZMSTeaserElement {
  background-color: #f2f2f2;
  margin-bottom: 10px;
}

div.ZMSTeaserElement div.title a:link, 
div.ZMSTeaserElement div.title a:visited, 
div.ZMSTeaserElement div.title {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  color: #00318d;
  font-size: 20px;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight:normal;
}
div.ZMSTeaserElement div.title, 
div.ZMSTeaserElement div.text  {
  padding: 20px;
}

div.ZMSTeaserElement div.title + div.text {
  padding-top:0px;
}
div.ZMSTeaserElement div.title a:link, 
div.ZMSTeaserElement div.title a:visited {
  padding:0;
  }
div.ZMSTeaserElement div.text  {
  padding-top: 0px;
  padding-bottom: 10px;
}
div.ZMSTeaserElement div.text > a {
  display:inline-block;
  padding-bottom:10px;  
}

/* file icons within Teaser */
div.ZMSTeaserElement div.graphic {
  padding: 20px 20px 20px 20px;
  /* float:left; */
  }
div.ZMSTeaserElement div.graphic + div.title {
  padding: 0px 20px 20px 20px;
}

div.ZMSTeaserElement fieldset {
  width:auto;
  }
div.ZMSTeaserElement fieldset input[type="string"],
div.ZMSTeaserElement fieldset input[type="email"],
div.ZMSTeaserElement fieldset input[type="password"] {
  width:92%;
  color: #292929;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
  vertical-align: middle;
  }

div.ZMSTeaserElement .btn-large {
  width:200px;
  text-align:center;
  padding-left:0;
  padding-right:0;
  display:inline-block;
  }
div.ZMSTeaserElement .mmenu .btn-large {
  margin-left:20px;
} 


div.ZMSGraphic {
  margin: 0!important;
  background-color: #f2f2f2; 
  }

div.ZMSGraphic.floatleft { 
  float:left;
  margin-right:20px !important;
  margin-right:-16px; /* IE 6 */
  padding:0;
  }

div.ZMSGraphic.floatright { 
  float:right;
  margin-left:10px;
  }
div.ZMSGraphic div.text {
  padding: 0px;
}  
div.ZMSGraphic.left div.text {
  padding: 0 0 0 10px;
  float: left;
  width: 85%;
}
.modal div.ZMSGraphic {
  background-color:transparent;
  }
  
div.ZMSFile, div.ZMSLinkElement {
  background-color: #f2f2f2;
  margin: 0;
  padding:20px 20px;
  position: relative;
}
div.ZMSFile.none, div.ZMSLinkElement.none {
    border: 0px none;
}
div.ZMSFile div.title, 
div.ZMSLinkElement div.title {
    white-space: normal;
    font-size: 100%;
    line-height:20px;
  }
div.ZMSFile div.title img {
  float: left;
  margin: 3px 7px 15px 0;
}
div.ZMSFile div.title:before,
div.ZMSLinkElement div.title:before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/ot-forum/zms/common/bootstrap/img/glyphicons-halflings.png");
  background-position: 14px 14px; 
  background-repeat: no-repeat;
  margin-top: 1px;
  }
div.ZMSLinkElement div.title:before {
  background-position: -120px -72px; /* icon-share */
}
div.ZMSFile div.title:before {
  background-position: -96px -24px; /* icon-download-alt */
}
div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {
  color: #292929; 
  font-weight: bold;
  text-decoration: none;
  font-size: 100%;
}
div.ZMSFile div.text, div.ZMSLinkElement div.text,
div.ZMSFile div.description, div.ZMSLinkElement div.description {
  font-size: 100%;
  margin-left: 20px;
  }


div.OTFile {
  background-color: #f2f2f2;
  margin: 0;
  padding:20px 20px;
  }
.ZMSTeaserContainer div.OTFile {
  margin-bottom: 10px;
  }
div.OTFile div.title {
  font-weight:bold;
  }
div.OTFile div.title span.size {
  display:block;
  font-weight:normal;
  }  
div.OTFile div.text, div.OTFile div.description {
  }
div.OTFile div.file {
  margin-top:10px;
  max-width:200px; 
  }
div.OTFile div.file a,
div.OTFilePreview div.file a {
  text-decoration: none;
  text-align:center;
  display:block;
  background-color: #00318d;
  color:white;
}

#slider {
  background: url("/ot-forum/zms/common/images/otw-slidewrapper_bg.png") repeat scroll 0 0 #EEEEEE;
  z-index: 100 !important;
  overflow: hidden;
}

#slider h2 { 
  display:inline-block;
  line-height: 150px;
  color: #00318d;
  font-weight:bold;
}
#profile h2 {
  font-weight:normal;
/*  position:absolute; */
  }

#slider h3 { 
  color: #00318d;
  font-weight:600;
}

#slider .sliderelement { 
  float:right;
  margin:20px 0 20px 20px;
  display:inline-block;
  line-height:130px;
  } 
  
.sliderelement.left { 
  float:left;
  margin:20px 20px 20px 0px;
  }
#slider #langs .sliderelement .langswitch {   
  color: #292929;
  font-weight:bold;
  white-space:nowrap;
  padding-left:10px;
  }
  
.navbtnsmall img {
  vertical-align:top;
  position:relative;
  top:7px; 
}

    
.login_page #slider {
  background-image: none;
  background-color:white; 
}
.login_page #logo {
  margin:20px 0;
}
.login_page .pageelement_login {
  margin:0 20px;
  }
.login_page .btn-large, 
.login_page .btn {
  float:left;
  margin-right:20px;
}
.login_page .btn-large.otw,
.login_page .btn.otw {
  float:none; 
  }
.pageelement_login form input { 
  display: block;
  }
.pageelement_login div.inputs {
  display:table-cell;
  float:left;
}
#slider input.btn.otw[type="submit"] {
  float:right;
  height:70px;
  min-width: 70px;
  margin-left:10px;
  /* clearing by styles */
  border-radius: 3px;
  background-image: none;
  background-color: #00318d;
  color: white;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  }
  
#slider a#reqPw {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  font-size: 1em;
  border-radius: 3px;
  position:relative;
  top:-3px;
}

/* refining bootstrap */
button, .btn-large,
input[type="submit"],
input[type="reset"] {
  font-family: 'Open Sans',Arial,Helvetica,sans;
  text-transform: uppercase;
  }


.sliderelement .btn-large {
  display:inline;
}


.tooltip.fade.in { color: white!important }
.btn-mini { line-height:16px; padding:1px 4px; }



/* ---- Search ----- */
section.search {
  background-color: #f2f2f2;
  padding-top:20px;
  }
  
#slider #search input#raw { 
  margin-bottom:0;
  width:320px;
  }
#slider #search input[type="submit"] { 
  height:30px;
  } 

#btnSearch { 
  background-color: #00318d;
  padding: 3px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  } 
  

.searchForm, .searchHeader { 
  padding: 0 20px; 
  }  
.searchForm table {
  width: 100%;
}

.searchForm input.searchInput {
  width: 80%;
  margin-bottom:0; 
}
.searchHeader {
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC;
}


.searchResult span.title,
.searchResult span.title a {
    color: #00318d;
}
.searchResult span.title a:visited {
    color: #00318d;
}
.searchResult span.description {
    display: block;
}
.searchResult span.linkpath {
    display: block;
    font-size: smaller;
    line-height: 1.3em;
}
.searchResult span.linkpath a {
    color: #00318d;
}

.ac_results {
  border: 1px solid #ccc!important;
  padding: 5px;
}

.ac_results li {
    display: block;
    font: menu;
  font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 2px 5px;
}


/* --- newsletter --- */
.web div.newsletter { 
  padding: 20px; 
  background-color: #f2f2f2;
  }
.web div.newsletterItem { 
  padding-top: 10px; padding-bottom: 20px;
  background-color: #f2f2f2;
  }
  
.web div.newsletterItem .ZMSGraphic { 
  margin: 20px 0!important;
  }
  
/* --- newsletterTeaser --- */
div.newsletterTeaser .graphic {
  float:right!important;
  padding-top:14px!important;
  margin-right:14px;
}
div.newsletterTeaser div.title a {
  font-size:20px;
  line-height:20px;
}
 
div.newsletterTeaser img {
  background-color: #00318d;
  }

/* --- ZMSEP Congress templates CG --- */
div.cg { 
  background-color: #f2f2f2;
  padding: 20px;
}
div.cg .tab-content {
  overflow:inherit;
  }
div.cg h2, div.cg h3, div.cg h3,
div.cg ul, div.cg ol, div.cg p { 
  padding-left:0;
}  


/* --- infobox --- */  
div.infobox {
  background-color:transparent;
  }
div.infoboxContentEven, div.infoboxContentOdd {
  padding: 0;
}
div.infoboxContentEven p, div.infoboxContentOdd p {
  margin: 0;
}
p.infoboxtitle {
  padding: 10px 20px;
}


/* --- alert --- */  
.web .alert { 
  margin-bottom:10px; 
  margin-top:10px;
  font-size: 16px;
  line-height: 1.4em;
  }
.web .alert li { font-size: 16px }
.web .alert li a { color: #0098a1; font-weight:700 }

/* --- Countdown
   ----------------- */
#countdown { 
  float:right; 
  padding-top:21px; 
  margin-left:20px; 
  margin-right:1px;
  text-align:right;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size:12px;
  line-height:13px;
  text-transform:uppercase; 
  }
#countdown .ctitle, #countdown .desc { 
  white-space: nowrap;
  }
#countdown #counter { 
  float:right; 
  width:200px; /* 220px */
  position:relative;
  right: -5px;
  }

.cntSeparator {
  margin: 10px 2px;
  color: #FFF;
}
.desc { clear:right; }
.desc div {
  display:inline-block;
  float: right;
  width: 50px;
}

.pagenav {
  margin-top:10px;
  text-align:right;
  }
  
.pagenav a {
  background-color: #2969be;
  transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease; /* Firefox 4 */
  -webkit-transition: background-color 0.4s ease; /* Safari and Chrome */
  -o-transition: background-color 0.4s ease; /* Opera */
  -ms-transition: background-color 0.4s ease;
  }
.pagenav a:hover {
  background-color: #00318d;
  }
.pagenav a.disabled {
  display:none;
}

.zmi [class*="span"] { margin-bottom: 10px; float: none!important; }
.zmi a.btn {
  cursor: pointer !important;
  background-color: #ddd;
  border: 1px solid #aaa;
  margin: 5px 0;
  padding: 3px 10px;
  display: inline-block;
  font-size: 11px !important;
  line-height:24px;
  font-weight: bold;
  text-decoration: none;
}
.zmi a.btn.small, .zmi button.small {
  font-size: 10px !important;
  line-height:19px;
  width:auto;
  margin: 1px 0;
  padding: 1px 8px;
}
.zmi a.btn.small img.icon {
  padding: 0px;
  vertical-align: top;
  background-image: none;
}

.zmi tr.neutralColorMedium th.form-small,
.zmi tr td.neutralColorMedium { 
  background-color: #bababa!important; 
}
.zmi select.form-element {
  width: 300px;
}
div.embox {
	background-color: #00318d;
}
div.navigation {
  background-color: #f2f2f2!important;
}
a.thumb {
	padding: 0px;
	border: 0 none;
}

div.slideshow a.advance-link {
	padding: 0px; 
	border: 0 none;
}
.web .pagination {
  background-color: #f2f2f2;
  min-height: 20px;
}
.web .pagination a, 
.web .pagination span {
	color: white;
	background-color: #00318d;
	font-weight: normal;
}
.web .pagination a:hover,
.web .pagination ul > .active > a,
.web .pagination ul > .active > span,
.web .pagination a.current,
.web .pagination span.current{
	background-color: #2969be;
}
.web .pagination ul > .prev > a,
.web .pagination ul > .next > a { 
  padding:0;
  }
  
.arrow45 {
  display: inline-block;
  width: 45px; height: 45px; 
  background-color: #00318d;
  background-repeat: no-repeat;
  background-image: url('/ot-forum/zms/common/images/arrows45.png');
  background-position: -45px 0;
}
.arrow45.prev { background-position: 0 0; }
.arrow45.next { background-position: -45px 0 ; }
.arrow45.up { background-position: -45px -45px; }
.arrow45.down { background-position: 0px -45px ; }

.arrow28 {
  display: inline-block;
  width: 28px; height: 28px; 
  background-color: #00318d;
  background-repeat: no-repeat;
  background-image: url('/ot-forum/zms/common/images/arrows28.png');
  background-position: -28px 0;
}

.arrow28.prev { background-position: 0 0; }
.arrow28.next { background-position: -28px 0 ; }
.arrow28.up { background-position: -28px -28px; }
.arrow28.down { background-position: 0px -28px ; }

.arrow45.disabled,
.arrow28.disabled {
  opacity: 0.4;
  cursor:default;
}

.detail .back { 
  float:right; 
  margin: 0 20px 20px;
}
.pad { padding: 0 20px;}
form.afilter label { margin-bottom:0; margin-top:10px; }
form.afilter .inline { float:left; margin-right:20px; margin-bottom:10px}
form.afilter .btn-primary { width: 140px; }

.loading { 
  text-align: center; 
  margin:auto; 
  padding:20px 0;
  font-size:28px;
  }

/* Custom ZMSGallery styles */
div.caption {
	color: white;
}
#fancybox-content .tileRow { 
  margin:0!important;
  overflow:hidden;
  }

#fancybox-content .tileRow .tile.gray {
  background-color: white!important;
  }

table.ZMSTable.sortable thead tr .header {
	background-image: url('/ot-forum/zms/common/images/sort_small.gif');
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
	padding-left:17px;
}
table.ZMSTable.sortable thead tr .headerSortUp {
	background-image: url('/ot-forum/zms/common/images/sort_small_asc.gif');
}
table.ZMSTable.sortable thead tr .headerSortDown {
	background-image: url('/ot-forum/zms/common/images/sort_small_desc.gif');
} 

.fileTable table { table-layout:fixed }
.fileTable td.ftTitle { }
.fileTable td.ftAction { width:80px }
  
@media (min-width: 980px) { 
  /* bootstrap dropdown on hover */
  .web ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;    
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  #navigator { text-align: center; margin:auto;   }
  div.tile4over1111 { display:none; visibility:hidden; }
  /* div.span2.newsteaser { width:768px; } */
  div.ZMSTeaserElement.newsletterTeaser div.title a { font-size:12px;line-height:13px; }
  div.ZMSTeaserElement.newsletterTeaser img.title { width:75%; }
  div.ZMSTeaserElement.newsletterTeaser fieldset input[type="email"] { width: 98%; }
  div.ZMSTeaserElement .btn-large { width:145px; }
  .footer .tileRow .tileRow .tile.blue h2 { font-size:20px; line-height:89px }
}
@media (max-width: 979px) {
  #otnavi { left:20% }
  #titleimage { width:auto!important;height:auto!important}
  header h1 { line-height:60px!important; height:55px!important; }
  .teaser .mnav { display:none; }
  .mnav.expand { display:block }
  .tile h2.lnk { 
    background-position: 95% 3px!important;
    margin-top: 10px; margin-bottom:10px;
  }
  .tile p { padding-bottom:10px; }
}


@media (max-width: 767px) {
  #slider { max-height:110px!important; }
  #slider h2 { line-height: 1.2em; margin-left:20px; margin-bottom:0px; width:100%;  }
  #slider .sliderelement { line-height: 40px; margin-right:10px; margin-top:10px }
  #slider .sliderelement .btn-large { line-height: 1.2em; font-size:12px; white-space:nowrap; }
  #logo { display:block; padding-left:10px;  }
  #claimlogo { padding-top:35px; }
  #countdown { padding-top:0px; }
  #headlines { padding-top:8px; }
  #metanavigation ul li[rel=profile],
  #metanavigation ul li[rel=login] { display:none; }
  #metanavigation form { margin:5px; }
  #metanavigation input#raw { height:14px; width:140px; }
  #metanavigation #btnSearch { padding: 0}
  #navigator { text-align: center; margin:auto;   }
  div.tile4over1111 { display:none; visibility:hidden; }
  div.span2.newsteaser { width:100%; height:auto; min-height:auto;}
  div.tile { min-height:40px; padding-top:1px; padding-bottom:0px; margin-bottom:10px; }
  div.tileImg img { width:100%; display:none; }
  .tile.picto {  
    margin-bottom:10px!important; 
    text-align:left; 
    min-height:40px;
    padding:0
    }
  .tile.picto h2 { 
    opacity:1; 
    position:relative; top:10px;
    padding-bottom:20px;
    text-align:left;  
    width:auto;
    color: white; 
    background-position: 95% 3px!important;
  }
  .tile.picto h2 a { color: white!important; }
  #hlist.nav-pills { margin-top:10px; }
  #hlist.nav-pills > li > a { font-size: 14px; padding: 10px }
  .footer-wrapper { display:none; }
  .copyright .right, .copyright .left { clear:both; line-height:14px; white-space:normal; text-align:left; margin-top:8px; width:100% }
  div.ZMSTeaserElement.newsletterTeaser fieldset { clear:both; margin-top:10px; }
  div.ZMSTeaserElement.newsletterTeaser fieldset input[type="email"] { width: 97%; }
  /* scaling ZMSGraphic */
  div.ZMSGraphic { width:auto !important;  }
  div.ZMSGraphic div.graphic { width:auto!important }
  div.ZMSGraphic div.graphic img.img { /* width:100% !important; */ height:auto !important;  } 
  table.ZMSTable td, table.ZMSTable th { padding:5px!important; font-size:12px }
  table.ZMSTable td p { font-size:14px!important; }
  .rssfeed { display: none; }
}

@media (max-width: 480px) {
  #metanavigation ul li a.navbtnsmall { font-size:11px; }
  div.header { height:auto!important; min-height:0; margin-bottom:5px; }
  #slider #search input#raw { width: 240px; } 
  #logo { width:40%; padding-top:15px;  }
  #claimlogo { width:140px; padding-top:35px; }
  #otnavi { display:none!important; }
  #countdown { padding:5px  }
  #headlines { 
    float:left;
    padding: 2px 10px 5px;
    text-align:left;
    font-size:12px;
    line-height: 14px;
    }   
  #headlines .headline1 { float: left; margin-right:5px; }
  #headlines .headline2 { float: right; margin-right:5px; }
  .span4 header h1 { font-size: 1.5em; }
  header h1 { font-size: 1.4em; line-height:1.2em!important; height:auto; padding:10px 20px 2px!important; white-space:normal!important}
  div.ZMSTeaserElement.newsletterTeaser fieldset { clear:both; margin-top:10px; }
  div.ZMSTeaserElement.newsletterTeaser fieldset input[type="email"] { width: 96%; }
  .langtxt { display:none; }
}

@media print {
  #slider, #metanavigation,
  #navbar, #countdown, #headlines,
  #teaser, footer, .modal { 
    display:none!important;
  }
}

iframe {
  max-width: 100%;
}
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}
/* EO Master CSS */


/* *** BIV Colors Master *** */
.neutralColorTrans {background-color: transparent }
.neutralColorLight {background-color: #f2f2f2}
.neutralColorMedium {background-color: #525252}
.neutralColorStrong {background-color: #292929}
.primColorStrong {background-color: #00306f}
.primColorMedium {background-color: #00318d} /* BIV blue */
.primColorLight {background-color: #2969be}
.secondColorStrong {background-color: #00318d}
.secondColorMedium {background-color: #00318d} /* BIV blue */
.secondColorLight {background-color: #2969be}
.teaserColor {background-color: #c3cae8} /* BIV teaser */
.gradColorStart {background-color: #00318d} /* BIV blue */
.gradColorEnd {background-color: #c3cae8} /* BIV teaser */

.web br.clearing + h2,
.web br.clearing + h3,
.web br.clearing + h4 {
  padding-top:20px;
}

div.carousel-link {
padding: 10px 20px!important ;
}

/* ### BIV ### */
div.header {
height:148px;
}

.small { font-size:80% }
.web a:hover {
color: #00306f;
}
.web a.btn-primary {
background-color: #00318d;
}
.web a.btn-primary:hover {
color: #FFF;
}

div.mnav ul li a.active,
div.mnav ul li a:hover {
color: #00318d;
font-weight:700;
}

.newsDate a.back,
.ntiDate .y {
color: white;
}

.tile.blue:hover a,
.tile.blue:hover p,
.tile.blue:hover h2,
.tile.blue a:active,
.tile.blue a:hover,
.tile.picto.orange:hover a {
color: #00318d!important;
}
/*.tile.blue:hover h2.lnk,
.tile.picto.orange:hover h2.lnk {
background-image: url('/ot-forum/zms/common/images/arrow-right-00318d.png');
}*/
.tile h2, h2.sliderTitle {
font-size: 19px;
line-height:24px;
}
/* tf 2025-02-10 */
.tile div.ZMSGraphic div.text {
  padding: 0!important;
  font-style: normal!important;
}

.newsteaser h2, .newsteaser h2 a {
color:white;
background-color: #00318d;
}
p.morenews,
p.morenews a, p.morenews a:hover {
color:white;
background-color: transparent;
}
.web ul.nav-tabs li a {
color:white;
}

.web .table {
border-bottom:0;
}
.web .table tbody th, .web .table tbody td {
border-top: 1px solid #e2e2e2;
}

@media (max-width: 767px) {
#slider .sliderelement .btn-large { font-size:11px;padding:3px 6px; }
}
@media (max-width: 480px) {
#claimlogo { width:112px; padding-top:40px; }
}


#hlist{
  width: 100%;
}

@media(min-width: 980px){
#hlist > li.dropdown.e3775773{
  float: right;
}
}