/* CSS Dosyası

/* Boşlukları Sıfırla */

*{
  margin: 0px;
  padding: 0px;
}
body{
  background-color: gray;
}
/* EN DIŞ ÇERÇEVE KISMI - BEYAZ ÇERÇEVE / DOUBLE ÇİZGİLİ */
#sayfa{
  width: 1460px;
  height: 2800px;
  border-style: double;
  border-width: 10px;
  border-color:white;
  background-color: gray;
  margin: auto;
}
 /* Benner-Başlık Kısmı : DÜZCE DİYANET İZCİLİK SPOR KULÜBÜ - ANASAYFA VE İLETİŞİM ARASI TÜM SEKMELERİN KODLARI */
 #benner{
  width: 1440px;
  min-height: 215px  ;
  border-style: double;
  border-width: 10px;
  background-color: rgb(158, 153, 153);
  border-color: rgb(203, 42, 42);
  margin: auto;
}
/* Logo İkonu - DÜZCE DİYANET İZCİLİK SPOR KULÜBÜ LOGO  */
#logo{
  width: 200px;
  height: 200px  ;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  background-color: aqua;
  border-radius: 100px;
  position: relative;
  top:5px;
  left: 5px;
  float: left;  
}

.metin1{
font-size: 67px;
font-family:Georgia, 'Times New Roman', Times, serif;
position: relative;
top: 65px;
left: 25PX;
  }

 /* Sosyal Medya İkonları */
 #sosyal{
    width: 220px;
    height: 40px  ;
    border-style: none;
    border-width: 1px;
    border-color: gray;
    background-color:rgb(158, 153, 153);
    float: right;
    position: relative;
    top: 80px;
    right: 10px;
  }
  #ikon{
    float:left;
    margin-left: 5px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
 }

 
 /* Anamenü Kodları ANASAYFA-İLETİŞİM ARASI TABLE KISMI */
 #anamenü{
   width: 1440px;
   height:66px ;
   border-style: double;
   border-width: 10px;
   border-color: rgb(203, 42, 42);
   background-color:rgb(158, 153, 153);
   margin: auto;  
   position: relative;
   top: 5px;
    
 }
 
 #anamenü ul{
 list-style-type: none;
 }
 
 #anamenü ul li{
 border-style: solid;
 border-width: 1px;
 border-radius: 5px;
 border-color: rgb(12, 12, 233);
 background-color:rgb(135, 179, 245);
 padding: 2px;
 margin-left: 3px;
 text-align: center;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 14px;
       /* Ana Sekmelerin Center Ayarlamaları */
       position: relative;
       left: 8px;
       top: 20px;
       float: left;
 
 }
 
 #anamenü ul a{
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 text-decoration: none;
 font-weight: bolder;
 text-align: center;
 }
 
 #anamenü ul a:link{
   color:maroon;
 }
 #anamenü ul a:visited{
   color:bisque;
 }
 #anamenü ul a:hover{
   color: chartreuse;
   text-decoration: underline;
 }
 #anamenü ul a:active{
   color: red;
 }
 .anamenü12{
   width: 95px;
 }
 .diyanetizcilik12{
   width: 128px;
 }
 .protokoller12{
   width: 170px;
 }
 
 .yonetimkurulu12{
   width: 135px;
 }
 .liderlerimiz12{
   width: 110px;
 }
 .kamplarımız12{
   width: 108px;
 }
 /* .bölgekamplarımız12{
   width: 135px;
 } */
 .merkezlerimiz12{
   width: 125px;
 }
 .kulüplerimiz12{
   width: 110px;
 }
 .haberler12{
   width: 88px;
 }
 .izciol12{
   width: 75px;
 }
 .izciliğintarihçesi12{
   width: 130px;
 }
 .duyurular12{
   width: 90px;
 }
 .iletişim12{
   width: 85px;
 }
 /* Anaresim ve açıklama kısmı */
 .acıklama{
  font-size: 25px;                
  color: black;
  text-align: center;
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-style: italic; 
  }
  .anaresim{
      width: 900px;
  }

  /* DÜZDİSK RESİM BÖLÜMÜ */
  .diyanetizcilikduzdisk{
    width: 350px;
    border-radius: 25px;
    position: relative;
    top: 15px;
}
 /* İçerik ve Yan menü Kodları */
#icerik{
    width: 1140px;
    min-height: 900px  ;
    border-style: double;
    border-width: 10px;
    border-color:rgb(203, 42, 42);
    background-color:rgb(158, 153, 153);
    float: left;
    position: relative;
   
    top: 10px;

}

#yanmenü{
    width: 275px;
    height: 900px  ;
    border-style: double;
    border-width: 10px;
    border-color:rgb(203, 42, 42);
    background-color:rgb(158, 153, 153);
    position: relative;
    left:5px;
    top: 12px;
    float: left;
}
/* .video1{
    height: 430px;
    position: relative;
    top: 5px;
    left: 80px;
} */
.video2{
    height: 430px;
    position: relative;
    top: 10px;
    left: 16px;
}
.video3{
    height: 430px;
    position: relative;
    top: 20px;
    left: 16px;
}