body{background-color: #fff; font-family: Arial;}
body{background-color: #fff; font-family: Arial;}

div.scroll {

      overflow-y:scroll;
      height:400px;
}

table.scrolldown { 
    border-collapse:collapse; 
    border-radius: 5px;
} 
   
dene {border: 5px solid #ddd;border-radius: 6px;}
baslik {
 font-family: Arial; 
 font-size: 16px; 
 color: #54647A; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 padding-top: 10px; 
 padding-bottom: 10px;
 padding-right: 0px; 
 padding-left: 0px; 
 text-align: center; 
 line-height: 30px;
 }
 
baslikM {
 font-family: Arial; 
 font-size: 16px; 
 color: #679db8; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 line-height: 30px;
 }

baslikM2 {
 font-family: Arial; 
 font-size: 16px; 
 color: #87BdD8; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 line-height: 30px;
 }
 
 baslikM3 {
 font-family: Arial; 
 font-size: 16px; 
 color: #14243A; 
 font-weight: bold;
 text-decoration: underline;  
 display: block; 
 }

navR a {
 font-family: Arial; 
 font-size: 16px; 
 color: #FF0000; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 padding-top: 5px; 
 padding-bottom: 5px;
 padding-right: 0px; 
 padding-left: 0px; 
 text-align: right; 
 line-height: 20px;
 }
navR a:hover {color:#FF0000;}
navR #first:hover {}
navR #last:hover {}


nav2 a {
 font-family: Arial; 
 font-size: 16px; 
 color: #54647A; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 padding-top: 5px; 
 padding-bottom: 5px;
 padding-right: 0px; 
 padding-left: 0px; 
 text-align: left; 
 line-height: 20px;
 }
nav2 a:hover {color:#14243A;}
nav2 #first:hover {}
nav2 #last:hover {}


nav a {
 font-family: Arial; 
 font-size: 16px; 
 color: #54647A; 
 font-weight: bold;
 text-decoration: none;  
 display: block; 
 padding-top: 10px; 
 padding-bottom: 10px;
 padding-right: 0px; 
 padding-left: 0px; 
 text-align: center; 
 line-height: 30px;
 }
nav a:hover {color:#14243A;}
nav #first:hover {}
nav #last:hover {}
#middle {}
#middle2 {margin-top:10px;}
#slider {float: left; width: 650px; height: 400px;}
.newback {background: #efefef; margin-bottom: 10px;}
.newback  h4{border-radius: 6px; color: white; margin: 0;padding: 10px;font-weight: bold;font-size: 15px;font-family: Arial; background: linear-gradient(to bottom,  #035588 0%,#0777B6 100%); width: 150px;}
#news {margin: 0; width: 880px; padding: 10px;}
#newscontent {float: left; width: 440px; height: auto; margin-bottom: 10px;}
.newsback {width: 420px; background-color: #efefef;}
#newscontent h4 {color: white; margin: 0;padding: 10px;font-weight: bold;font-size: 14px;font-family: Arial; background: linear-gradient(to bottom,  #035588 0%,#0777B6 100%); width: 350px; border-radius: 6px;}
#newscontent p {margin: 0; padding: 10px; font-size: 14px; font-family: Arial; background-color: #fff; width: 380px}

#content-wrap {/*border-right: 1px solid #efefef; border-left: 1px solid #efefef; */background-color: #fff; float: left; width: 898px;}
#content{float: left;margin: 10px 10px 10px 10px; width: 880px;}
#contentHaber2{float: left;margin: 10px 10px 10px 10px; width: 880px;}
#contenthaber{float: left;margin: 10px 10px 10px 10px; width: 880px;font-family: Arial;font-size: 13px;}
.back {width: 880px; background-color: #efefef; border-radius: 6px;}
#content h4 { border-radius: 6px; color: white; margin: 0;padding: 10px;font-weight: bold;font-size: 15px;font-family: Arial; background: linear-gradient(to bottom,  #035588 0%,#0777B6 100%); width: 350px;}
#contentHaber2 h4 { border-radius: 6px; color: white; margin: 0;padding: 10px;font-weight: bold;font-size: 15px;font-family: Arial; background: linear-gradient(to bottom,  #035588 0%,#0777B6 100%); width: 550px;}
#content p {margin: 0;padding: 10px;font-size: 14px;font-family: Arial;background-color: #fff;}
#contentHaber2 p {margin: 0;padding: 10px;font-size: 14px;font-family: Arial;background-color: #fff;}
.clear{clear: both;}
#right{float: right; background-color: #fff; width: 220px; margin-bottom: 10px; }
#right h3 {border-radius: 6px; margin: 0;padding: 10px;font-weight: bold;font-size: 15px;font-family: Arial;background: linear-gradient(to bottom,  #035588 0%,#0777B6 100%); color: white;}
.ann{height: 220px; background-color: #efefef;}
marquee p {border-bottom: 2px solid #efefef;}

#media-wrap {margin-top: 10px; width: 900px; height: 150px;}
#media {float: left; margin: 5px; border: 1px solid #ddd; width: 212px; height: 140px;}
footer {/*border: 1px solid #efefef;*/ padding: 10px; background-color: #fff; width: 878px; height: 80px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; font-size: 14px;}
footer p { float: left; width: 900px; text-align: center;}
#media img{width: 214px; height: 141px}
.img {float: right; width: 330px;}
.img img {height: 50px; padding: 10px;}
/*
table {border: 0px solid #ddd;border-radius: 6px;}
tr{border:none;}
td{border: 1px solid #eee; padding: 3px}
.buton{padding: 5px; width: 100px;}
input {border-radius: 5px; border: 1px solid #ddd}*/
.tas {border: 1px solid #eee}
.tas td{border: 1px solid #ddd; padding: 3px;border-radius: 6px;}
.tas tr{border:none;}
.tas input {border-radius: 5px; border:1px solid #bbb; padding:3px}
textarea{resize:none;border-radius: 6px;}

* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}