#newsScroller {
  /*display: none;*/
   overflow:hidden;
   position:absolute;
   top:26.8%;
 margin-top: 2.8px; /*2.8px; */
  /*height: 430px;*/
  height: cal(100% - 40px); /*cal(82% - 40px); */
  width: 100%; /* calc(100%-1px);  */
 border:none;
   /* background: red;  */
  	
}

#newsScrollerPC2 {
  /*display: none;*/
   overflow:hidden;
   position:absolute;
   top:26.8%;
 margin-top: 2.8px; /*2.8px; */
  /*height: 430px;*/
  height: cal(100% - 40px); /*cal(82% - 40px); */
  width: 100%; /* calc(100%-1px);  */
 border:none;
   /* background: red;  */
  	
}


#newsScroller10001200 {
  /*display: none;*/
   overflow:hidden;
   position:absolute;
   top:26.8%;
 margin-top: 2.8px; /*2.8px; */
  /*height: 430px;*/
  height: cal(170% - 40px); /*cal(82% - 40px); */
  width: 100%; /* calc(100%-1px);  */
 border:none;
   /* background: red;  */
  	
}



#newsScroller2 {
  /*display: none; */
   overflow:hidden;
   position:relative;
 margin-top: 2.8px; /*2.8px; */
 margin-bottom:100px;
 padding-top:10px;
  /*height: 430px;*/
  height: 230%;
  width: calc(100%-1px);
 /* background-color: red; */
  	
}



#newsScrollerAuto {

   overflow:hidden;
   position:absolute;
   top:30%;
   margin-bottom:100px;

  height: 430px;
 /* height: auto;*/
  width: calc(100%-1px);
  background-color: red; 
  	
}



#newsScroller3 {
  /*display: none;*/
   overflow:hidden;
   position:relative;
 margin-top: 2.8px; /*2.8px; */
 margin-bottom:100px;
 padding-top:10px;
  /*height: 430px;*/
  height: 100%;
  width: calc(100%-1px);
 /* background-color: red; */
  	
}

#newsScroller .items {
	/* this cannot be too large */
	/*width:24000em; */
	width:100%;
	
	height: 100%;
	/*margin-top:50px;*/
	/*background-color: green;*/
	/*position:absolute;*/
}



/* 1300 - 1350 */
div.news04 {
	
  width: 0.42%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}



/* 1350 - 1400 */
div.news03 {
	
  width: 0.43%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}




/* 1400 - 1450 */
div.news02 {
	
  width: 0.44%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}


/* 1450 - 1500 */
div.news01 {
	
  width: 0.45%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}


/* 1500 - 1550 */
div.news {
	
  width: 0.46%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1550 - 1600 */
div.news2 {
	
  width: 0.47%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1600 - 1650 */
div.news3 {
	
  width: 0.48%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1650 - 1700 */
div.news4 {
	
  width: 0.51%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1700 - 1750 */
div.news5 {
	
  width: 0.52%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}
/* 1750 - 1800 */
div.news6 {
	
  width: 0.54%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1800 - 1850 */
div.news7 {
	
  width: 0.56%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}

/* 1850 - 1900 */
div.news8 {
	
  width: 0.58%; /* 1520px;*/
  height: 100%;
  /*padding: 0px 10px;*/
  float: left;
  color: #ffffff !important;
 /* background-color: blue;*/
}



.newsPhoto{
	
	width:calc(100% - 1px);
	height:100%;
	
}

.newsPhoto2{
	
	width:100%;
	height:100%;
	
}


a.news {
  color: #ffd200;
}

a.news:hover {
  color: #ffba00;
}

/* position and dimensions of the navigator */
.navi {
  height: 40px;
  width: calc(100% - 1px);
  text-align: center;
  padding-top: 10px;
  position:absolute;
  left:0px;
  top: 100px; /*-50px;*/
  background:yellow; 
  z-index:20;

}



/* items inside navigator */
.navi a {
	display:inline-block;
	width:8px;
	height:8px;
	margin:3px;
	background:url('../../img/nav/bullet.png') 0 0 no-repeat;
	font-size:1px;
}



/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}




#loader {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 100px;
  /*display:none;*/
}