/* Horizontal Carousel */
#orta-alan {
  float: left;
  width: 960px;
  height: 170px;
}
#orta-alan img {
border:0px;
}
#orta-alan .container {
  float: left;
  width: 860px;
  height: 170px;
  position: relative;    
  overflow: hidden;
}

#orta-alan ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 170px;
}                      

#orta-alan ul li {
  width: 420px;
  height: 170px;
  padding:5px;
  background:url(images/orta-li.png) center center no-repeat;
  list-style:none;   
  float:left;
}

#orta-alan ul li:hover {
  background:url(images/orta-li-hover.png) center center no-repeat;
}

#orta-alan .previous_button {
  float:left;  
  width: 50px;
  height: 170px;
  background: url(images/geri2.png);
  z-index: 100;
  cursor: pointer;
}

#orta-alan .previous_button_over {
  background: url(images/geri3.png);
}

#orta-alan .previous_button_disabled {
  background: url(images/geri.png);
  cursor: default;
}

#orta-alan .next_button {
  float:left;  
  width: 50px;
  height: 170px;
  background: url(images/ileri2.png);
  z-index: 100;
  cursor: pointer;
}

#orta-alan .next_button_over {
  background: url(images/ileri3.png);
}

#orta-alan .next_button_disabled {
  background: url(images/ileri.png);
  cursor: default;
}

#orta-alan .resim {
width:155px;
height:130px;
margin:10px;
float:left;
}

#orta-alan h3 {
margin:0px;
padding:5px;
}

#orta-alan h3 a {
font-size:100%;
color:#356aa0;
}

#orta-alan h3 a:hover {
color:#777;
}

#orta-alan .icerik {
font-size:90%;
float:left;
width:220px;
}

#orta-alan .icerik p{
padding:0px;
margin:0px;
}

#orta-alan img {
border:3px solid #c8c8c9;
}