/*NYHEDER*/

.newsSiteBackground {
  width: 100%;
  background-color: white;
}

.newsSite {
  padding: 8px 16px 8px 20px;
  /*padding-bottom: 2px;
  padding-left: 2px;
  for full width page:
  padding: 8px 0 8px 8px;*/
}

.newsBox {
  position: relative;
  overflow: hidden;
  float: left;
  width: 25%;
  /*background-color:#f00;*/
  height: auto;
  border-right: 2px solid white;
  border-top: 2px solid white;
  font-family: 'Open sans', verdana, Geneve, Tahoma, sans-serif;
}

  .newsBox img {
    width: 100%;
    height: auto;
  }

.newsBoxOverlay {
  position: absolute;
  width: 100%;
  height: 110%;
  top: -10%;
  left: 0;
  background-color: rgba(17,46,53, 0.60);
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

.no-opacity .newsBoxOverlay {
  background-image: url(//gfx.prodataconsult.com/img14/casetext-no-opacity.png);
  background-repeat: repeat;
}

.newsBox:hover .newsBoxOverlay, .newsBox:active .newsBoxOverlay {
  top: 90%;
}

.newsTitle {
  position: absolute;
  top: 55%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  text-align: center;
  left: 0;
  padding: 20px;
}

.no-csstransforms .newsTitle {
  top: 10%;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.newsRead {
  /* color: #7b9ba4;  #F28B03;*/
  position: absolute;
  display: block;
  width: 100%;
  top: 4.5%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 1.1em;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.no-csstransforms .newsRead {
  top: 1%;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.newsBox, a.newsSub {
  color: white;
}

  /*a.newsBox:hover, .newsBox a:hover  {
    text-decoration: underline;
  }*/

  a.newsBox .newsRead:hover, a.newsSub:hover .newsSubRead {
    text-decoration: underline;
  }

  a.newsSub .newsSubRead {
    /*color: white; #e4edef; #7b9ba4;  #F28B03;*/
    width: 100%;
    padding: 5px 0px;
    text-decoration: underline;
  }

.newsSubTitle {
  position: absolute;
  /*top: 25%;*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  padding: 10%;
  height: auto;
}

.no-csstransforms .newsSubTitle {
  top: 0;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.newsSub {
  width: 50%;
  height: auto;
  text-align: center;
  vertical-align: middle;
  background-color: #769299; /*rgba(17, 46, 53, 0.6); #85A3AB; #112e34;*/
  float: left;
  border-right: 2px solid white;
  border-top: 2px solid white;
  position: relative;
  cursor: default;
}

/*.no-opacity .newsSub {
  background-image: url(//gfx.prodataconsult.com/img14/casetext-no-opacity.png);
  background-repeat: repeat;
}*/

.newsSubAsLink {
  cursor: pointer;
}

.newsSubPopUp {
  display: block;
  z-index: 99;
  height: 175%;
  width: 175%;
  position: absolute;
  background-color: #769299; /* rgba(17, 46, 53, 1); #85A3AB; #112e34;*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.newsSubPopUpText {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px;
}

.no-csstransforms .newsSubPopUpText {
  top: 0;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.newsSub img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.newsSubTitle b, .newsCompanyName {
  font-weight: 600;
}

.noBorder {
  border: none;
}


.newsSub:hover {
}

  .newsSub:hover .newsSubPopUp {
  }

  .newsSub:hover .newsSubTitle {
  }

/*
.newsAuto {
  -ms-touch-action: none;
  touch-action: none;
}
*/

.newsTL /*, .newsSub.newsClosed:hover .newsTL, .newsSub.newsClosed:active .newsTL*/ {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  top: -175%;
  left: -175%;
}

.newsTR /*, .newsSub.newsClosed:hover .newsTR, .newsSub.newsClosed:active .newsTR*/ {
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  top: -175%;
  right: -175%;
}

.newsBL /*, .newsSub.newsClosed:hover .newsBL, .newsSub.newsClosed:active .newsBL*/ {
  border-top: 2px solid white;
  border-right: 2px solid white;
  bottom: -175%;
  left: -175%;
}

.newsBR /*, .newsSub.newsClosed:hover .newsBR, .newsSub.newsClosed:active .newsBR*/ {
  border-top: 2px solid white;
  border-left: 2px solid white;
  bottom: -175%;
  right: -175%;
}

/*.newsSub:hover .newsTL,.newsSub:active .newsTL, */ .newsOpen .newsTL {
  top: 0;
  left: 0;
}

/*.newsSub:hover .newsTR,.newsSub:active .newsTR,*/ .newsOpen .newsTR {
  top: 0;
  right: 0;
}

/*.newsSub:hover .newsBL,.newsSub:active .newsBL,*/ .newsOpen .newsBL {
  bottom: 0;
  left: 0;
}

/*.newsSub:hover .newsBR,.newsSub:active .newsBR,*/ .newsOpen .newsBR {
  bottom: 0;
  right: 0;
}

.newsTitle h3 {
  font-size: 1.7em;
  line-height: 1.1em;
}

.newsDate {
  position: absolute;
  top: 9%;
  right: 2%;
  font-size: 9px;
  padding-top: 5px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.newsSubPopUp > .newsDate {
  top: 0%;
}

.timelineBackground {
  /* for full width
  padding: 2px 0 10px 8px;*/
  padding: 2px 0 10px 0;
  background-color: #ffffff;
}

.timelineContainer {
}

.timelineBtn {
  float: left;
  display: block;
  width: 75px;
  height: 75px;
  background-color: #112e34; /*rgba(17, 46, 53, 0.6);  #85A3AB;  /*#112e34;*/
  color: white;
  text-align: center;
  padding-top: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}

.no-opacity .timelineBtn {
  background-image: url(//gfx.prodataconsult.com/img14/casetext-no-opacity.png);
  background-repeat: repeat;
}

.timelineBtn:hover {
  text-decoration: none;
  color: white;
  background-color: #769299; /* #112e34;  #081518;*/
}

.timelineBtnActive {
  background-color: #769299; /*#91b355;*/
}

  .timelineBtnActive:hover {
    background-color:  #769299; /*#91b355;*/
  }