#divslide {
  height:405px;
  width:100%;/*
  background-image:url('images/imgBackgroundSlideSmall.webp');
  background-position:center center;*/
  background-image: none;
  border-top:1px solid #dadada;
}
#divslides {
  margin-left:auto;
  margin-right:auto;
}
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {
/*	float:left;*/
	position:relative;
	overflow:hidden;
	border:1px solid #fff;
	background:#fff;
  margin:0px;
}
#slider ul {
  position:absolute; 
  list-style:none; 
  top:0px; 
  left:0; 
  padding:0px; 
  margin:0px;
}
#slider li {
  float:left; 
  padding:0px; 
  margin:0px;
}
#divslides, #slider, #slider li {
	width:1230px;
	height:405px;
}
.pagination {
/*  float:left;*/ 
  list-style:none; height:15px; 
  margin: 4px 0px 0 8px;
  position: absolute;
  padding: 0px;
  bottom: 16px;
  left: 5px;
  margin: 0px 0px 0 8px;
  z-index: 2;
}
.pagination li {
	float:left;
	cursor:pointer;
	padding:0px 6px 2px 6px;
	background:#7aba43;
	border:1px solid #fd640c;
	margin:0 4px 0 0;
	text-align:center;
	color:#FFFFFF;
  min-width:25px;
}
.pagination li:hover {
/*	background:#da2234;*/
  background:#fd640c;
/*	border:2px solid #da2234;*/
  border:1px solid #fd640c;
	color:#FFFFFF
}
li.current {/*border:2px solid #da2234; background:#da2234;*/border:1px solid #fd640c;background:#fd640c;}

li#contentslide {
  width:725px; 
  height:294px; 
  padding:15px 15px 15px 15px
}
#contentslide h1 {
  font:22px Georgia,Verdana; 
  margin-bottom:15px; 
  color:#036
}

@media only screen and (max-width: 1230px) {
  #divslides, #slider, #slider li {
    height:337px;width:1024px;
  }
  #divslide {
    height:337px;
  }
}
@media only screen and (max-width: 1024px) {
  #divslides, #slider, #slider li  {
    height:252px;width:768px;
  }
  #divslide {
    height:252px;
  }
}

@media only screen and (max-width: 768px) {
  #divslides, #slider, #slider li  {
    height:178px;width:541px;
  }
  #divslide {
    height:178px;
  }
}
@media only screen and (max-width: 541px) {
  #divslides {
    display:none;
  }
  #divslide {
    background-image:none;
    display:none;
  }
  #divslide img {
    width:541px;
  }
}
@media only screen and (max-width: 360px) {
  #divslides {
    display:none;
  }
  #divslide {
    background-image:none;
    display:none;
  }
  #divslide img {
    width:360px;
  }
}