<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<html>
<head>

<title>Masa Tenisi Salonu - Oyun ve Antrenman İmkanı</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1254">
<META http-equiv=content-type content="text/html;charset=x-mac-turkish">
<meta http-equiv="Content-Language" content="tr">
<meta name="description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta name="keywords" content="masa tenisi, masa tenisi salonu, masa tenisi oynamak, spor salonu, antrenman, masa tenisi dersi, masa tenisi kiralama, masa tenisi özel ders, özel ders, masa tenisi okulu, altyapı">
<link rel='alternate' hreflang='tr' href='https://forehandspin.com/fbvmtsk/hakkimizda/default.asp?DIL=1' />
<link rel='alternate' hreflang='en' href='https://forehandspin.com/fbvmtsk/en/hakkimizda/default.asp?DIL=1' />
<link rel='alternate' hreflang='ru' href='https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=1' />
<link rel='canonical' href='https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=1' />

<meta name="author" content="Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta property="og:title" content="Masa Tenisi Salonu - Oyun ve Antrenman İmkanı">
<meta property="og:description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta property="og:image" content="https://forehandspin.com/fbvmtsk/images/forehandspin.jpg">
<meta property="og:url" content="https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=1">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Masa Tenisi Salonu - Oyun ve Antrenman İmkanı">
<meta name="twitter:description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta name="twitter:image" content="https://forehandspin.com/fbvmtsk/images/forehandspin.jpg">

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü",
  "url": "https://forehandspin.com",
  "logo": "https://forehandspin.com/images/logo.png",
  "sameAs": [
    "https://www.facebook.com/forehandspin",
    "https://twitter.com/forehandspin"
  ]
}
</script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/xmlhttp.js"></script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/rating.js"></script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/layout/scripts/jquery.min.js"></script>
<script src="https://forehandspin.com/fbvmtsk/html2canvas.js"></script>

<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/ie5.js"></script>

<style>
.yui3-button1 {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    *font-size: 100%;
    /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 0.0em 0.45em;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	width:100%;
    /* Presentation */
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}

.yui3-button1-hover,
.yui3-button1:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
}

.img_normal { /* Image sticks to the left */
	width:auto;
	margin:5px 15px 5px 5px;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

.imgshadow1 { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

    #memberList {
        width: 100%;
        height: 300px;
        border: 1px solid #ccc;
        overflow-y: scroll;
        padding: 0px;
        margin: 0px;
        }
	body
		{
		margin:0; padding:0;
		font-family: Arial, Sans-Serif;
		font-face:Arial, font-family:Arial, verdana, Helvetica, sans-serif;
	
		font-size:9px;
		color:#000001;
		}
	
	body {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;  /* Sayfa boyutlarını düzgün şekilde hesaplamak için */
	    width: 100%;
	    max-width: 100%;
		background: linear-gradient(to bottom right, #dce7f9, #f4f6fc);  /* Yumuşak zemin rengi */
	}

	/* Ana container (sayfa içeriği) */
	.container {
	    width: 100%;
	    max-width: 100%;  /* Sayfanın en geniş hali 600px olacak */
	    margin: 0 auto;    /* Ortalamayı sağlıyor */
	    padding: 0px;     /* İçeriğin kenarlardan uzak olması için padding */
	    box-sizing: border-box;
	}
	
	/* Resimler ve diğer genişliklerin taşmaması için */

	img {
	    max-width: 100%;
	    height: auto;
	}

	/* Taşan öğeleri sığdırmak için */
	table, .content, .images {
	    max-width: 100%;
	    overflow-x: auto;
	}

	a {
		color: #000000;
		outline:none;
		text-decoration:none;
		}
	
	a.kinda-link:hover { cursor: pointer; }
	
	#cssmenu,
	#cssmenu ul,
	#cssmenu li,
	#cssmenu a {
	  border: none;
	  line-height: 1;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu {
	  height: 38px;
	  display: block;
	  border: 1px solid;
	  border-radius: 5px;
	  width: auto;
	  border-color: #080808;
	  margin: 0;
	  padding: 0;
	}

	#cssmenu1,
	#cssmenu1 a {
	  border: none;
	  line-height: 1;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu1 {
	  height: 38px;
	  display: block;
	  border: 1px solid;
	  border-radius: 5px;
	  width: auto;
	  border-color: #080808;
	  margin: 0;
	  padding: 0;
	  background: #080808;
	  color: #ffffff;
	}

	#cssmenu > ul {
	  list-style: inside none;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu > ul > li {
	  list-style: inside none;
	  float: left;
	  display: inline-block;
	  position: relative;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu.align-center > ul {
	  text-align: center;
	}
	#cssmenu.align-center > ul > li {
	  float: none;
	  margin-left: -3px;
	}
	#cssmenu.align-center ul ul {
	  text-align: left;
	}
	#cssmenu.align-center > ul > li:first-child > a {
	  border-radius: 0;
	}
	#cssmenu > ul > li > a {
	  outline: none;
	  display: block;
	  /border-right: 1px solid #080808;
	  position: relative;
	  text-align: center;
	  text-decoration: none;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	  font-family: Arial, Helvetica, sans-serif;
	  color: #ffffff;
	  padding: 10px 20px;
	}
	#cssmenu > ul > li:first-child > a {
	  border-radius: 5px 0 0 5px;
	}
	#cssmenu > ul > li > a:after {
	  content: "";
	  position: absolute;
	  border-right: 1px solid;
	  top: -1px;
	  bottom: -1px;
	  right: -2px;
	  z-index: 99;
	  border-color: #3c3c3c;
	}
	#cssmenu ul li.has-sub:hover > a:after {
	  top: 0;
	  bottom: 0;
	}
	#cssmenu > ul > li.has-sub > a:before {
	  content: "";
	  position: absolute;
	  top: 16px;
	  right: 6px;
	  border: 5px solid transparent;
	  border-top: 5px solid #ffffff;
	}
	#cssmenu > ul > li.has-sub:hover > a:before {
	  top: 19px;
	}
	#cssmenu > ul > li.has-sub:hover > a {
	  padding-bottom: 14px;
	  z-index: 999;
	  border-color: #3f3f3f;
	}
	#cssmenu ul li.has-sub:hover > ul,
	#cssmenu ul li.has-sub:hover > div {
	  display: block;
	}
	#cssmenu > ul > li.has-sub > a:hover,
	#cssmenu > ul > li.has-sub:hover > a {
	  background: #3f3f3f;
	  border-color: #3f3f3f;
	}
	#cssmenu ul li > ul,
	#cssmenu ul li > div {
	  display: none;
	  width: auto;
	  position: absolute;
	  top: 36px;
	  background: #3f3f3f;
	  border-radius: 0 0 5px 5px;
	  z-index: 999;
	  padding: 10px 0;
	}
	#cssmenu ul li > ul {
	  width: 200px;
	}
	#cssmenu ul ul ul {
	  position: absolute;
	}
	#cssmenu ul ul li:hover > ul {
	  left: 100%;
	  top: -10px;
	  border-radius: 5px;
	}
	#cssmenu ul li > ul li {
	  display: block;
	  list-style: inside none;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  font-size: 9px;
	}
	#cssmenu ul li > ul li a {
	  outline: none;
	  display: block;
	  position: relative;
	  font: 10pt Arial, Helvetica, sans-serif;
	  font-size: 9px;
	  color: #ffffff;
	  text-decoration: none;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	  margin: 0;
	  padding: 8px 20px;
	}
	#cssmenu,
	#cssmenu ul ul > li:hover > a,
	#cssmenu ul ul li a:hover {
	  background: #3c3c3c;
	  background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
	  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
	}
	#cssmenu > ul > li > a:hover {
	  background: #080808;
	  color: #ffffff;
	}
	#cssmenu ul ul a:hover {
	  color: #ffffff;
	}
	#cssmenu > ul > li.has-sub > a:hover:before {
	  border-top: 5px solid #ffffff;
	}

    .customTable {
        border-collapse: collapse;
        border-radius: 10px;
        overflow: hidden;
        padding: 0; /* Ekstra boşlukları kaldırmak için padding sıfırlama */
        margin: 0;  /* Ekstra boşlukları kaldırmak için margin sıfırlama */
    }
	.imgshadow { /* Better style on light background */
		background:#FFFFFF;
		padding:4px;
		border:1px solid #777777;
		margin-top:5px;
		-moz-box-shadow:0px 0px 5px #666666;
		-webkit-box-shadow:0px 0px 5px #666666;
		box-shadow:0px 0px 5px #666666;
	}

	.container {
	    width: 100%;
	    max-width: 100%; /* Tam genişlikte olmasını sağlamak için max-width: 100% */
	    margin: 0 auto; 
	    padding: 0; 
	    box-sizing: border-box;
	}
	
	.header-image {
	    width: 100%;         /* Ekran genişliğiyle tam uyumlu */
	    height: 100vh;        /* Ekranın tam yüksekliğine yayılır */
	    object-fit: cover;    /* Resmin kutuyu doldururken oranlarını korur */
	}
	
	/* Küçük ekranlarda düzenlemeler */
	@media (max-width: 600px) {
	    .header-image {
	        height: 100vh;    /* Küçük ekranlarda da ekranın tamamını kapsar */
	    }
	}
	.customTable {
	    border-collapse: collapse;
	    margin: 20px 0;
	    font-size: 18px;
	    text-align: left;
	}
	.headerRowA {
	    background-color: #4CAF50;
	    color: white;
	}
	.customTable th, .customTable td {
	    padding: 12px 15px;
	    border-bottom: 1px solid black;
	}
	.customTable tr:nth-child(even) {
	    background-color: #f2f2f2;
	}
	.customTable tr:hover {
	    background-color: #e1e1e1;
	}

        .hover-buton {
            display: inline-block;
            padding: 5px 10px;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .hover-buton::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0056b3;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.3s ease;
            z-index: 0;
        }

        .hover-buton:hover::before {
            transform: scaleX(1);
            transform-origin: left;
        }

        .hover-buton:hover {
            color: #fff;
        }

        .hover-buton span {
            position: relative;
            z-index: 1;
        }
        .banner {
            display: flex;
            align-items: center;
            border: 2px solid #000000;
            border-radius: 8px;
            overflow: hidden;
            margin: 20px auto;
            width: 90%;
            max-width: 800px;
        }

        /* Soldaki resim alanı */
        .banner-image {
            flex: 1;
            height: 100%;
            max-width: 150px;
            overflow: hidden;
        }

        .banner-image img {
            width: 100%;
            height: auto;
        }

        /* Sağdaki içerik alanı */
        .banner-content {
            flex: 2;
            padding: 20px;
            text-align: left;
        }

        .banner-content h2 {
            margin: 0;
            font-size: 24px;
            color: #333;
        }

        .banner-content p {
            font-size: 16px;
            color: #666;
            margin: 10px 0;
        }

        /* Alt bağlantılar */
        .banner-links a {
            display: inline-block;
            margin-right: 10px;
            padding: 8px 12px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            text-decoration: none;
        }

        .banner-links a:hover {
            background-color: #0056b3;
        }

	    .custom-button {
	      display: inline-block;
	      padding: 5px 10px;
	      font-size: 16px;
	      font-weight: bold;
	      color: #fff;
	      background-color: #007bff; /* Mavi renk */
	      border: none;
	      border-radius: 5px;
	      text-decoration: none;
	      cursor: pointer;
	      transition: background-color 0.3s ease, transform 0.2s ease;
	    }
	
	    .custom-button:hover {
	      background-color: #0056b3; /* Daha koyu mavi */
	      transform: scale(1.05); /* Hafif büyüme efekti */
	    }
	
	    .custom-button:active {
	      background-color: #003f7f; /* Daha koyu aktif mavi */
	      transform: scale(0.95); /* Hafif küçülme efekti */
	    }




/* Banner */
.bannerx {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.bannerx img {
    width: 100%;
    height: auto;
    display: block;
}

/* Banner Üzerindeki Yazı */
.banner-text {
    position: absolute;
    top: 70%; /* Yazıyı aşağıda tut */
    left: 50%; /* Yatayda tam ortalama */
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 2.5vw;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    width: 98%; 
    max-width: 1600px;
    word-wrap: break-word;
    line-height: 1.2; /* Satır yüksekliği sabit */
}
.banner-text p {
    font-size: 1.5vw;
    margin-top: 10px;
}

/* Banner Üzerindeki Yazı */
.banner-text1 {
    position: absolute;
    top: 20%; /* Yazıyı yukarıda tut */
    left: 50%; /* Yatayda tam ortalama */
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 0.5vw;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    width: 98%; 
    max-width: 1600px;
    word-wrap: break-word;
    line-height: 1.2; /* Satır yüksekliği sabit */
}
.banner-text1 p {
    font-size: 0.5vw;
    margin-top: 10px;
}

/* Logo */
.logo {
    position: absolute;
    top: 10%; /* Resmin üst kısmına göre konumlandır */
    left: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 15vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 50px; /* Çok dar ekranlarda minimum boyut */
}
.logo img {
    width: 100%;
    height: auto; /* Oranları korur */
}

/* Logo */
.logo1 {
    position: absolute;
    top: 10%; /* Resmin üst kısmına göre konumlandır */
    right: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 5vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}
.logo1 img {
    width: 100%;
    height: auto; /* Oranları korur */
}

/* Logo */
.logo2 {
    position: absolute;
    top: 40%; /* Resmin üst kısmına göre konumlandır */
    right: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 5vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}

.language-flags {
    position: absolute;
    top: 20px; /* Üstten 20px boşluk */
    right: 20px; /* Sağdan 20px boşluk */
    display: flex;
    gap: 10px; /* Bayraklar arasında boşluk */
}

.language-flags img {
    width: 40px; /* Bayrak genişliği */
    height: auto; /* Oranlarını koru */
    border-radius: 5px; /* Köşeleri yuvarlat */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.language-flags img:hover {
    transform: scale(1.1); /* Üzerine gelince büyüsün */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* Daha belirgin gölge */
}

.dilmenu {
    position: absolute;
    top: 5px; /* Resmin üst kısmına göre konumlandır */
    right: 50%; /* Sol kenara göre konumlandır */
    left: 50%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 13vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}

.logo2 img {
    width: 100%;
    height: auto; /* Oranları korur */
}


/* Tablolar için dış kapsayıcı */
.responsive-wrapper {
    width: 100%; /* Kapsayıcı genişliği her zaman %100 */
    overflow-x: auto; /* Gerekirse yatay kaydırma */
}

/* Tablo */
table {
    border-collapse: collapse; /* Hücre kenarlarını birleştirir */
    margin: 0px 0; /* Dış boşluk */
    font-size: 1.2rem; /* Responsive font */
}

/* Hücreler */
table th, table td {
    border: 0px solid #ccc; /* Kenarlık */
    padding: 0px; /* İç boşluk */
}

/* Responsive Resimler */
table img {
    max-width: 100%; /* Resmin genişliği hücresine uyar */
    height: auto; /* Oranları korur */
}

/* Mobil Ayarlar */
@media (max-width: 480px) {
    /* Banner Text */
    .banner-text {
        font-size: 3vw;
        width: 90%;
    }
    .banner-text p {
        font-size: 2.5vw;
    }

    /* Logo */
    .logo {
        width: 15vw; /* Mobilde logoyu biraz büyüt */
    }
    .logo1, .logo2 {
        width: 8vw; /* Mobilde logoyu biraz büyüt */
    }

    /* Table */
    table {
        font-size: 1rem; /* Küçük ekranlarda font boyutunu küçült */
        width: 100%; /* Mobilde tabloyu genişlet */
    }

    /* Contact Section */
    .contact-section {
        padding: 20px 0; /* Mobilde padding küçült */
    }

    .containerb {
        width: 90%; /* İçerik genişliği biraz arttır */
    }

    .contact-section h2 {
        font-size: 28px; /* Başlık boyutunu mobilde küçült */
    }

    .contact-details {
        display: block; /* Flex yerine blok yap */
        text-align: center;
    }

    .contact-item {
        width: 100%; /* Mobilde her öğe tam genişlikte */
        margin-bottom: 15px;
    }

    .contact-item h4 {
        font-size: 18px;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%; /* Form öğeleri genişlesin */
        padding: 12px;
    }

    .contact-form button {
        width: 100%; /* Buton genişlesin */
        padding: 12px;
    }

    .footer-menu a {
        font-size: 12px;
        margin: 0 10px;
    }

    /* Çalışma saatleri için font boyutu */
    .working-hours h4 {
        font-size: 20px;
    }

    .working-hours p {
        font-size: 14px;
    }
}
/* Tablo sarmalayıcı */
.responsive-container {
    width: 100%; /* Genişlik her zaman tam genişlikte */
    overflow-x: auto; /* Gerekirse yatay kaydırma */
    display: block; /* İçerikleri blok halinde tut */
}

/* Küçük ekranlar için */
@media (max-width: 480px) {
    .responsive-container table {
        font-size: 0.9rem; /* Font boyutunu küçült */
    }
    .responsive-container table th, 
    .responsive-container table td {
        padding: 6px; /* İç boşluğu küçült */
    }
}

.tb1h, .tb2h, .tb3h, .tb4h, .tb2bh, .tb3bh, .tb4bh{font-size:1px; overflow:hidden; display:block;}
.tb1h {height:1px; background:#000000; margin:0 5px;}
.tb2h, .tb2bh {height:1px; background:#4CAF50; border-right:2px solid #000000; border-left:2px solid #000000; margin:0 3px;}
.tb3h, .tb3bh {height:1px; background:#4CAF50; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 2px;}
.tb4h, .tb4bh {height:2px; background:#4CAF50; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 1px;}
.tb2bh, .tb3bh, .tb4bh {background: #4CAF50;}
.theadh {background: #4CAF50; border-right:1px solid #000000; border-left:1px solid #000000;}
.theadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.tcontenth {padding-top:0px; padding-bottom:0px; background: #4CAF50; border-right:1px solid #000000; border-left:1px solid #000000;}
.tcontenth div {margin-left: 0px;margin-top: 0px;}

/* Genel Stiller */
* {
    box-sizing: border-box;
}

/* Panel Stili */
.containera {
    /*background: #ffffff;  /* Panelin arka planı beyaz */
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);  /* 3 boyutlu panel efekti */
    max-width: 1200px;
    width: 96%;
    text-align: center;
    background-color: #ffffff;  /* Panelin beyaz olması için */
    background-image: linear-gradient(145deg, #ffffff, #f1f3f8); /* Panelin arka planı */
}

h1 {
    color: #333;
    margin-top: 12px;
    margin-bottom: 5px;
}

/* Breadcrumbs için stil */
.breadcrumbs {
    font-size: 18px;
    font-family: Arial, sans-serif;
}

.breadcrumbs a {
    color: #007BFF;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* Dropdown için stil */
#dropdownMenu {
    padding: 5px 10px;
    font-size: 16px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    position: relative; /* Dinamik açıklama için referans */
}

.imgshadow {
    width: calc(33.33% - 20px);  /* 3'e bölme */
    max-width: 300px;
    height: auto;
    object-fit: cover;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s, box-shadow 0.3s;
}

.imgshadow:hover {
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.6);
}

/* Dinamik açıklama stili */
.dynamic-caption {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
    pointer-events: none; /* Kullanıcı etkileşimini engeller */
    max-width: 300px; /* Resim genişliğiyle uyumlu */
    text-align: center;
    font-size: 14px;
}

.btn-link {
    background-color: #007bff; /* Buton rengi */
    color: white; /* Yazı rengi */
    padding: 6px 10px; /* İç boşluk */
    text-decoration: none; /* Altı çizili olmasın */
    border-radius: 5px; /* Köşeleri yuvarlat */
    display: inline-block; /* Satır içi blok */
    font-weight: bold; /* Kalın yazı tipi */
    text-align: center; /* Metni ortala */
    cursor: pointer; /* Tıklanabilir simge */
}

.btn-link:hover {
    background-color: #0056b3; /* Hover rengi */
    transform: scale(1.05); /* Hoverda biraz büyüt */
}

/* Modal Stilleri */
.modal {
    display: none; 
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center; 
    align-items: center;
}

/* Modal İçeriği */
.modal-content11 {
    display: block; /* Flex yerine block yerleşimi */
    width: 90vw;   /* Genişlik olarak ekranın %90'ı */
    height: 90vh;  /* Yükseklik olarak ekranın %90'ı */
    max-width: 90vw;  /* Maksimum genişlik olarak %90 */
    max-height: 90vh; /* Maksimum yükseklik olarak %90 */
    object-fit: contain;  /* Oranları koruyarak yerleştir */
    animation: growIn 0.5s ease-in-out forwards;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.8);
    text-align: center; /* Yazıyı ortalayalım */
}

#modalCaption {
    color: white;
    text-align: center;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.7); /* Koyu bir arka plan rengi */
    padding: 10px 20px; /* Yatay ve dikey padding */
    border-radius: 10px; /* Köşeleri yuvarlatmak için */
    position: absolute; /* Resmin alt kısmında sabit tutmak için */
    bottom: 80px; /* Resmin altına biraz boşluk bırakmak için */
    left: 50%; /* Ortalamak için */
    transform: translateX(-50%); /* Yatayda tam ortalamak için */
    width: auto; /* Yazının genişliğine göre ayarlanacak */
    max-width: 90%; /* Genişliği çok fazla abartmamak için bir sınır ekleyin */
    box-sizing: border-box; /* Padding'in de genişliğe dahil edilmesini sağlamak için */
}
.modal-content {
    width: 90vw;  /* Genişlik olarak ekranın %90'ı */
    height: 90vh;  /* Yükseklik olarak ekranın %90'ı */
    max-width: 90vw;  /* Maksimum genişlik olarak %90 */
    max-height: 90vh; /* Maksimum yükseklik olarak %90 */
    object-fit: contain;  /* Oranları koruyarak yerleştir */
    animation: growIn 0.5s ease-in-out forwards;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.8);
    position: relative; /* Modal içeriği pozisyonunu kontrol et */
}

/* Modalda büyüyen resimler için imgshadow efektini uygula */
#modalImage {
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Hover ile büyüyen resme etkisi */
#modalImage:hover {
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.6);
}
/* Ok Stilleri */
/* Okların pozisyonu */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: blue;
    font-size: 40px;
    font-weight: bold;
    user-select: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10; /* Okların resmin üstünde olmasını sağlar */
}
.prev {
    left: 20px;
}

.next {
    right: 20px;
}

.prev:hover, .next:hover {
    color: #f00;  /* Üzerine gelince renk değişimi */
}
/* Büyüyerek Gelme Animasyonu */
@keyframes growIn {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* Kapatma Butonu */
.close {
    position: absolute;
    top: 20px;
    right: 40px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    z-index: 10; /* Okların resmin üstünde olmasını sağlar */
}

.close:hover {
    color: #f00;
}

@media (max-width: 768px) {
    .modal-content {
        width: 100vw; /* Ekranın tamamını kapsar */
        height: auto;  /* Yükseklik otomatik olarak ayarlanır */
    }

    .prev, .next {
        font-size: 30px; /* Okları daha küçük yap */
    }

    .close {
        font-size: 35px; /* Close butonunu biraz daha küçük yap */
    }
    .imgshadow {
        width: calc(100% - 10px);  /* Tek sütun */
    }
}

@media (max-width: 500px) {
    .imgshadow {
        width: calc(50% - 15px);  /* 2 sütuna geç */
    }
}

</style>

<script>
function AjaxForm(id,cikti,hedef) {
	var aktifform  = document.getElementById(id);
	var ekranayaz  = document.getElementById(cikti);
	var ciktiver   = new String("");
	var name, value;
		for(var I = 0; I < aktifform.elements.length; I++){
			name  = aktifform.elements[I].name;
			value = aktifform.elements[I].value;
			ciktiver += escape(name) +'='+ encodeURIComponent(value) +'&';
		}
	var nesneiste = new yeni_nesne();
		nesneiste.open("post", hedef, true);
		nesneiste.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-9");
		nesneiste.send(ciktiver);
		nesneiste.onreadystatechange = function() {
			if (nesneiste.readyState == 4 && nesneiste.status == 200) {
				document.getElementById
				ekranayaz.innerHTML = nesneiste.responseText;
			}
			else { ekranayaz.innerHTML = '';
				 }
		}
	return false;
}

function fetchData(div1Id, div2Id) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                try {
                    // Gelen veriyi ayır
                    var responseData = xhr.responseText.split("|");

                    // Gelen içerikleri ilgili div'lere yerleştir
                    document.getElementById(div1Id).innerHTML = responseData[0];  // İlk içerik (div1)
                    document.getElementById(div2Id).innerHTML = responseData[1];  // İkinci içerik (div2)
                } catch (error) {
                    console.error("Veri işlenirken hata oluştu:", error);
                    document.getElementById(div1Id).innerHTML = "Veri işlenirken hata oluştu.";
                    document.getElementById(div2Id).innerHTML = "Veri işlenirken hata oluştu.";
                }
            } else {
                document.getElementById(div1Id).innerHTML = "Veriler yüklenirken bir hata oluştu.";
                document.getElementById(div2Id).innerHTML = "Veriler yüklenirken bir hata oluştu.";
            }
        }
    };

    xhr.open("POST", "/fbvmtsk/site/oyuncular.asp", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

    // Parametreleri gönder
    var params = "div1=" + encodeURIComponent(div1Id) + "&div2=" + encodeURIComponent(div2Id);
    xhr.send(params);
}
</script>

<script>
        // Satır tıklama fonksiyonu
        function satirTikla(url) {
            window.location.href = url;
        }

</script>
<script>
	function getOyuncuDetay(params, param3) {
	    const values = [];
	    const divElements = document.querySelectorAll('.box');
	
	    // Her div'in içeriğini al
	    divElements.forEach((div) => {
	        values.push(div.innerHTML);
	    });
	
	    const xhr = new XMLHttpRequest();
	    xhr.open("POST", "oyuncudetay.asp", true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // İçerik tipini değiştirdik
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4 && xhr.status === 200) {
	            const response = JSON.parse(xhr.responseText);
	            for (let i = 0; i < divElements.length; i++) {
	                divElements[i].innerHTML = response["deger" + (i + 1)];
	            }
	        }
	    };
	    
	    // JSON verisini formata uygun hale getir
	    const dataToSend = {
	        values: values,
	        params: params,
	        param3: param3 // Yeni parametreyi ekliyoruz
	    };
	
	    xhr.send("data=" + encodeURIComponent(JSON.stringify(dataToSend)));
	}
</script>
<script>
    function getOyuncuDetay1(params) {
        const values = [];
        const divElements = document.querySelectorAll('.box');

        // Her div'in içeriğini al
        divElements.forEach((div) => {
            values.push(div.innerHTML);
        });

        const xhr = new XMLHttpRequest();
        xhr.open("POST", "oyuncudetay.asp", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // İçerik tipini değiştirdik
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                const response = JSON.parse(xhr.responseText);
                for (let i = 0; i < divElements.length; i++) {
                    divElements[i].innerHTML = response["deger" + (i + 1)];
                }
            }
        };
        // JSON verisini formata uygun hale getir
        xhr.send("data=" + encodeURIComponent(JSON.stringify({ values: values, params: params })));
    }
</script>
<script>
	function loadContent(param1, param2, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}

	function loadContentTablo(param1, param2, param3, param4,param5, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2) + "&param3=" + encodeURIComponent(param3) + "&param4=" + encodeURIComponent(param4) + "&param5=" + encodeURIComponent(param5);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}


	function loadContent3(param1, param2, param3, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2) + "&param3=" + encodeURIComponent(param3);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}

	function loadContent1(param1, param2, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                // İçerik, belirtilen targetDiv içine yükleniyor
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                // Hata durumunda kullanıcıya bilgi veriliyor
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	    // Dinamik sayfa adresi ile istek gönderiliyor
	    xhr.open("POST", pageUrl + "&param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2), true);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	    xhr.send();

	    // Hedef div görünür hale getiriliyor
	    document.getElementById(targetDiv).style.display = "block";
	}

</script>
<script>
    function fetchResult(query) {
        if (query.length === 0) {
            document.getElementById("result").innerHTML = ""; // Boşsa sonucu temizle
            return;
        }

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("GET", "/fbvmtsk/site/process.asp?q=" + encodeURIComponent(query), true);
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // Sonucu div içerisine yerleştir
                document.getElementById("result").innerHTML = xhr.responseText;
                document.getElementById("kaytan1").value = xhr.responseText;
            }
        };
        xhr.send();
    }
</script>
</head>
<style>
/* Genel Button Stilleri */
.yui3-button1a, .yui3-button1.success18 {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Seçili (Aktif) Sayfa Butonu */
.pagecurrent {
    background-color: #ff5733; /* Yeni renk: Kırmızımsı turuncu */
    color: white;  /* Yazı rengini beyaz yapıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    border-radius: 5px;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    cursor: pointer;
}

/* Diğer Buton Stilleri */
.yui3-button.success18 {
    background-color: #007bff;
    color: #ffffff;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    border-radius: 5px;
}

.yui3-button1a.success1 {
    background-color: #007bff;
    color: #ffffff;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    cursor: pointer;
    transition: background-color 0.3s ease;
}
</style>
<div id='detaydiv' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>

	<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
	
		<div align="center">
			<table border="0" width="1920" cellspacing="0" cellpadding="0">
				<tr>
					<td align="center">
																<table border="0" width='100%' cellspacing="0" cellpadding="0" bgcolor="#3f3f3f">
											<tr>
												<td align="left">
													<table border="0" width="100%" cellspacing="0" cellpadding="0">
														<tr>
															<td align="left">
																<div id='cssmenu'>
																	<ul>
																		<li class='active has-sub'><a href="#">Ana Sayfa</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Ana Sayfa</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Hakkımızda</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/hakkimizda/default.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Tarihçe</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/hakkimizda/tuzuk.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Dernek Tüzüğü</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/hakkimizda/yonetimkurulu.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Yönetim Kurulu</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/hakkimizda/digerkurullar.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Diğer Kurullar</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Alt Yapı</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/altyapi/default.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Masa Tenisi Okulu</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/altyapi/egitmenler.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Antrenör</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/altyapi/takvim.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Takvim</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/altyapi/resimler.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Albüm</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/kulup/kuluplistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Kulüpler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/oyuncular/oyunculistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Oyuncular</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/uyeler/uyelistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Üyeler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Dil Ayarları</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar1.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 1</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar2.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 2</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar3.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 3</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar4.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 4</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																			</ul>
																		</li>
																	</ul>
																	<ul>
																		<li class='active has-sub'><a href="#">Turnuvalar</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Turnuva Listesi</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Aktif</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/turnuvalar/carsamba_masa_tenisi_turnuvasi.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Çarşamba</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/turnuvalar/pazar_masa_tenisi_turnuvasi.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Pazar</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																			</ul>
																		</li>
																	</ul>
																	<ul>
																		<li class='active has-sub'><a href="#">İstatistikler</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/kulup/kulupsalondakiler.asp?F_CATEG=2">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Salondakiler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Ratingler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Maçlar</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Oyuncular</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Üyeler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																			</ul>
																		</li>
																	</ul>
																</div>
															</td>
															
														</tr>
													</table>
												</td>
											</tr>
										</table>

					    <div class="bannerx">
							<img src="https://forehandspin.com/fbvmtsk/images/abc.jpg" alt="Banner Resmi">
						    <div class="banner-text">
						        <h1><font color=yellow><b>Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü</b></font></h1>
						    </div>
							<div class="logo">
						        <img src="https://forehandspin.com/fbvmtsk/images/logomuz2.png" alt="Logo">
						    </div>
							<div class="logo1">
								
		   				        <a href="https://forehandspin.com/fbvmtsk/kulup/velipenceresia.asp"><img src="https://forehandspin.com/fbvmtsk/images/members4.png" alt="Logo"></a>
		   				        <br>
		   				        <a href="https://forehandspin.com/fbvmtsk/kulup/velipenceresi.asp"><img src="https://forehandspin.com/fbvmtsk/images/members4.png" alt="Logo"></a>
							</div>
							<div class="logo2">
								
							</div>
							<div class='dilmenu language-flags'>
								<table width="180" border="0" cellspacing="0" cellpadding="0">
									<tr>
										
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=250"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/us.gif"></a>
										</td>
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=192"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/ru.gif"></a>
										</td>
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=1"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/tr.gif"></a>
										</td>
										
										</td>
									</tr>
								</table>
							</div>
							
						</div>
					</td>
				</tr>
			</table>
		    <div id="playerNames">
		    </div>
	<div id='filterDiv_Online' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<div id='filterDiv_Offline' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<div id='filterDiv_yabancidil' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<style>
.yui3-button {
    /* Structure */
    display: inline-block;
    *display: absolute; /*IE 6/7*/
    zoom: 1;
    font-size: 60%;
    *font-size: 60%;
    /*IE 6/7 - To reduce IE's oversized button text*/
    padding: 0.4em 0.7em 0.45em;
    *padding: 0.1em 0.1em 0.1em; /*IE 6/7 - To reduce IE's oversized button text*/
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;


    /* Presentation */
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, 

    from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
    height: 22px;
}

.loginboxdiv73{
margin:0px;
height:21px;
width:73px;
background:url('https://forehandspin.com/ximge/resim1/kutu73.png') no-repeat bottom;
}

.loginboxdiv73A{
margin:0px;
height:21px;
width:73px;
background:url('https://forehandspin.com/ximge/resim1/kutu73.png') no-repeat bottom;
}

.loginbox73
{
background:none;
border:0px none;
width:60px;
height:21px;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; padding-left:6px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
</style>

	<table border='0' width="98%" cellspacing="0" cellpadding="0">
		<tr>
			<td width="5"></td>
			<td width="75" align="center">
				<form METHOD="POST" id="menuuyebilgileri" name="menuuyebilgileri" action="" style="font-size: 0pt; word-spacing: 0; margin: 0; padding: 0;">
					<input type="hidden" name="UyeIslem" id="UyeIslem" value="Login">
					<table border='0' width="100%" cellspacing="0" cellpadding="0">
						<tr>
							<td width="75" align="center">
								<div class="loginboxdiv73">
									<font size="2">
									<input type="text" class="loginbox73" name="U1" tabindex="0" value="" size="20">
									</font>
								</div>
							</td>
							<td width="10" align="left"></td>
							<td width="75" align="center">
								<div class="loginboxdiv73">
									<font size="2">
									<input type="password1" class="loginbox73" name="U2" tabindex="1" value="" size="20">
									</font>
								</div>
							</td>
							<td width="10" align="left"></td>
							<td width="75" align="center" width="50">
								<a href="#" class='yui3-button alert' onclick="document.getElementById('menuuyebilgileri').submit();"><b>Giriş</b></a>
							</td>
						</tr>
					</table>
				</form>
			</td>
			<td width="10" align="left"></td>
			<td width="10" align="left">
				<a href="#" onclick="document.getElementById('lostpassword1').style.display='block'" class='yui3-button alert'><b>Şifre??</b></a>
			</td>
			<td width="10" align="left"></td>
			<td width="10" align="left">
				
				<a href="?OLAY=0" class="yui3-button alert"><b>Yeni</b></a>
			</td>
			<td></td>
			<td width="5" align="left">
			</td>
		</tr>
	</table>

    <div class="content">
        <div class="section">
		<table border="0" width="800">
			<tr>
				<td>
				</td>
				<td width="100" align="right">
				</td>
			</tr>
		</table>
		<table border="0" width="800">
			<tr>
				<td width="800" align="center">
				    <!-- Insert your responsive header image here -->
				</td>
			</tr>
			<tr>
				<td align="center" width="800">

</div>

<script type="text/javascript">
	function handleEvent()
	{
	var handleEvent = event.srcElement;
	}
</script>
<div align="center">
    <div class="page-header">
        <div class="breadcrumbs">
            <a href="https://forehandspin.com/fbvmtsk//default.asp">Ana Sayfa</a> > 
            <a href="default.asp">Hakkımızda</a><br>
            <select id="dropdownMenu" onchange="navigateToPage()">
                <option value="tarihce">Tarihçe</option>
                <option value="tuzuk">Dernek Tüzüğü</option>
                <option value="yonetimkurulu">Kurullar</option>
            </select>
        </div>
    </div>
</div>

<script>
// Sayfa yüklendiğinde doğru seçeneği seçili yapacak fonksiyon
window.onload = function() {
    var currentPage = window.location.pathname;
    var dropdown = document.getElementById('dropdownMenu');
    
// Sayfa yoluna göre doğru seçeneği işaretliyoruz
    if (currentPage.includes('default')) {
        dropdown.value = 'tarihce';
    } else if (currentPage.includes('tuzuk')) {
        dropdown.value = 'tuzuk';
    } else if (currentPage.includes('yonetimkurulu')) {
        dropdown.value = 'yonetimkurulu';
    }};

// Seçilen değeri alıp, ilgili sayfaya yönlendiren fonksiyon
function navigateToPage() {
    var selectedValue = document.getElementById('dropdownMenu').value;

    switch (selectedValue) {
        case 'tarihce':
            window.location.href = 'default.asp';
            break;
        case 'tuzuk':
            window.location.href = 'tuzuk.asp';
            break;
        case 'yonetimkurulu':
            window.location.href = 'yonetimkurulu.asp';
            break;
        default:
            break;
    }
}
</script>
<script>
document.getElementById("menuIcon").addEventListener("click", function () {
    var menu = document.getElementById("dropdownMenu");
    menu.classList.toggle("menu-visible");
});

// Menü dışında bir yere tıklanınca kapansın
document.addEventListener("click", function (event) {
    var menu = document.getElementById("dropdownMenu");
    if (!event.target.closest("#menuIcon") && !event.target.closest("#dropdownMenu")) {
        menu.classList.remove("menu-visible");
    }
});
</script>

<div class="containera">
    <div class="content" align="center">
    	<table border="0">
    		<tr>
    			<td>
					<a href="default.asp" class="btn-link">Tarihçe</a>
    			</td>
    			<td width="10"></td>
    			<td>
					<a href="tuzuk.asp" class="btn-link">Dernek Tüzüğü</a>
    			</td>
    			<td width="10"></td>
    			<td>
					<a href="yonetimkurulu.asp" class="btn-link">Kurullar</a>
    			</td>
    		</tr>
    	</table>
<div id='filterDiv_dil' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>

    <h1>Tarihçe</h1>
<p align="justify">
Ülkemizde Veteran oluşumu 1990 senelerine dayanır. O tarihlerde bütün sporcular Veteran Derneği çatısı altında, Fenerbahçe burnunda, Galatasaray ve Fenerbahçe Tesislerinde faaliyetlerimizi sürdürmekte idi. Hep birlikte VETERAN olayını yaymaya ve bu sporu geniş kitlelere duyurmaya, üye kazanmaya çalışıyorduk. 1997 senesinde Galatasaray kulübü Masa Tenisi şubesini kapattı ve salonu su topu sporuna devretti. Böylece salondan yararlanan Masa Tenisçiler açıkta kaldılar ve kendilerine salon aramaya başladılar. Zira Fenerbahçe Spor Kulübü Tesisi bütün üyelere cevap verecek büyüklükte değildi. Burada Fenerbahçe’ye gelenler ve gelmeyenler diye, ufak ufak bir ayrım oluşmaya başladı. Bu arada Veteran Derneğinin olağan genel kurul süresi geldi. Arkadaşların bir bölümü, beni derneğin başkanlığa aday gösterdi ve hoş olmayan bir seçim sonunda, 1 oy farkla seçimi kaybettim. Seçimi kazanan arkadaşlar, bu durumda kendilerinin derneğin hakimi olduklarını, benim gerekirse başka bir dernek kurabileceğimi ihsas ettiren konuşmalar yapmaya başladılar. Benden rahatsız olduklarını anlayınca da bütün çalışmalarımı orada bırakıp, 1999 senesinde, Fenerbahçe yönetim kurulundan izin alarak, “FENERBAHÇE VETERAN MASA TENİSÇİLERİ DERNEĞİNİ” kurdum. 2005 Yılına kadar faaliyetlerimizi, Fenerbahçe Spor kulübü çatısı altında sürdürdük. Veteranların ödedikleri aylıklar kulübe büyük destek oldu. Ayrıca eski milli oyuncuları alt yapı sporcuları ile oynatarak, alt yapının tecrübe kazanmasında ve başarısında Veteranların büyük payı olmuştur. 2005 Yılında Fenerbahçe Spor Kulübündeki görevim bitince, biz de açıkta kaldık. Arkadaşların istekleri doğrultusunda, Moda Belediye Tesislerinde, 50 civarında arkadaşla toplanarak durum değerlendirmesi yaptık. Bütün arkadaşlar, o toplantıda bana güvendiklerini, hepsinin arkamda olduklarını ve bir salon ayarlayarak, aynı şekilde devam etmemi, bunca emekten sonra pes etmememi isteyerek beni yüreklendirdiler. Birlikte salon aramaya başladık. Salon ararken hiçbir zaman bodrumda, kolonlar arasında bir salon istemedim. Masa Tenisi artık Bodrumdan kurtulmalıydı.Üç ay boyunca Anadolu Yakasında gezmediğim yer kalmadı, hiçbir yer içime sinmedi. Artık ümidim kalmamışken, Kadıköy Belediyesinde Eğitim ve Kültür Müdürü olan Başkan yardımcımız Nesibe Müsevitoğlu, Kadıköy Kaymakamlığında da aynı dönemde görev yapmaktaydı ve bizim için araştırmalar yapıyordu. Nesibe Müsevitoğlu Göztepe Oto sanayindeki şu andaki okulumuzun spor salonunun kiraya verileceği haberini getirdi ve hemen gidip baktım. Salon berbat vaziyette idi, ama diğer yönleri ile tam istediğim gibiydi. Derhal Milli Eğitim, Okul Müdürü, Kaymakamlık izinlerini alarak 3 yıl ödemesiz yap işlet devret sistemiyle okulu kiraladık. Yine inşaata başladık ve önce eğri büğrü olan yer döşemelerini düzgün hale getirdik. Tavandan radyan sistem ile salon kaloriferini yaptırdık ve ışık düzenini uluslararası standartlara getirdik. Soyunma odası duşlar ve kafeterya bölümü için yan tarafa tesis yapmamız gerekiyordu ve buraya Kadıköy Belediyesi destek verecekti. Proje hazırladık ve onaya sunduk. Her şey tamam derken, tam onay sırasında Büyükşehir Belediyesi bu bölgeyi ıslah alanı ilan ettiği için Kadıköy Belediyesi inşaat yapmaktan vazgeçti. Biz yine pes etmedik, bu sefer buranın masrafı da bize kaldı ve inşaatına başladık. Her yere para gidiyordu. Para yetmedi ve sıkıştım, biraz destek istedim, kimseden ses çıkmadı. Toplantı yaptım, durumu anlattım ve cazip şekle gelsin diye, salon bitince 3 yıl salondan ücretsiz istifade etmeleri için herkesten 1000.- TL istedim. 30 Arkadaşım bu parayı ödediler. Bir miktarını da bankadan kredi alarak inşaatı bitirdik ve güzel bir açılış yaptık. Kaymakam, Milli Eğitim Müdürü, okulun bağışını yapan, rahmetli Halil Türkkan, çevre okul müdürleri ve protokol mensupları açılışa katıldılar. Yapılan konuşmalarda derneğimizden övgü ile bahsedildi ve bunun herkese örnek olması istendi. Masa tenisi camiasında, Türkiye Hudutları dahilinde kendi imkanları ile meydana getirilmiş böyle bir tesis bulunmamaktadır. Bütün dernek üyesi arkadaşlarımız bununla gurur duyabilirler.</p>
<p align="justify">
Faaliyete geçer geçmez, ilk iş derneğimizi bütün branşlarda faaliyet gösterebilecek şekilde yeni tüzük hazırlayarak, 1473 kulüp no.su ile spor kulübü şekline soktuk. İstersek futbol takımı bile kurabiliriz. Alt yapı için antrenör ekibimizi kurduk, liglerde oynayacak takım faaliyetlerine başladık. Elimizdeki üyelerden topladığımız aylıklardan başka paramız olmamasına karşın, birçok oyuncumuzu başka kulüplere gitmelerine neden olduk. Batuhan, Tarık Ulucak kardeşler İBB’ ye, Gülpenbe Özkaya Fenerbahçe’ye gittiler. Bu oyuncularımız için her hangi bir para talebimiz olmadı. Bunların hepsi şu anda Milli Takımda oynamaktalar. Daha birçok yetiştirdiğimiz oyuncumuzu çeşitli kulüplere dağıttık. Dernek içinde yaptığımız RATİNG turnuvaları PAZAR turnuvaları, Çevre illerde de dikkat çekti ve çalışmalarımız örnek oldu. Turnuvalarımıza katılan BURSA’LI dostlarımız, sonunda bizi kardeş kulüp ilan ederek sistemimizi, aynen uyguladılar. Ayrıca birkaç derneğin kurulmasında da öncülük ettik. 2000 Yılında Kadıköy Belediyesi birlikteliği ile başlattığımız Uluslar arası Veteran Masa Tenisi Turnuvalarını o günden bu güne aralıksız başarı ile devam ettirmekteyiz. Öz geçmişimde de bahsettiğim gibi, Masa Tenisi camiasında hiçbir dönemde hazıra konmadım. Hep maddi ve manevi faaliyet içinde oldum. Çünkü masa tenisinin alt yapısı yok. Bunu bizler emeğimizle oluşturuyoruz. ARTIK YORULDUM YETER !!!!!!!!!! Şu an derneğimiz yönetim kurulu genç ve faal arkadaşlardan kurulu, hepsi derneği daha yukarılara taşımak için uğraşıyorlar. Kız Takımımız Özcan Köm, Erkek Takımımız Bülent Nömer Sponsorluğunda 1. Ligde mücadelelerini sürdürmektedirler. Antrenörlerimiz, Sedat Taşkın ve Ünal Civak alt yapı çalışmalarının başında bulunmaktadırlar. Kulüp üyelerimiz, dernek çatısı altında herkesin eşit olduğu, kişinin sosyal imkanlarının derneğin dışında kalması gerektiğinin bilincindeler. Tenkitten başka hiçbir iş yapmayan kişilere karşı kulaklarımızı kapattık. Bu insanlar, bu güne kadar serçe parmaklarını dahi taşın altına koymayan, kendi ego dünyalarında yaşayan kişiler olarak görüyoruz.</p>
<p align="justify">
Dernek üyesi arkadaşlar, yalnızca derneği yüceltmek için faaliyetlerde bulunma bilincindeler. Aksini düşünenlerin zaten dernek içinde yerleri yoktur. Dernek üyelerimizin katılmış oldukları çeşitli turnuvalarda, isimlerinin karşısında Fenerbahçe Veteran üyesi yazısını görmek bizleri memnun etmektedir. Herkes her şeyi takip ediyor, çok taraflı olmak bazen sakıncalı durumlar yaratıyor. Herkes dostunu arkadaşını yanında görmek istiyor. Unutmayalım ki kişilerin demokratik hakları olduğu kadar derneklerin de demokratik hakları var. Üyelerimiz aylık ve yıllık ödentilerini zamanında yapıyorlar derneğin ayakta kalması için bunun gerekli olduğunu biliyorlar. Çevremizde yapılan turnuvalar bizim turnuvamızla çakıştığı takdirde, derneğimizin turnuvasını tercih ederek, kulübümüzü benimsediğini ve birlik beraberlik sinyalleri vererek, ileriye dönük kulübümüzün her yönüyle güçleneceğinin sinyalini vermektedirler. Her gün daha güçlenen derneğimiz için yeni şartlara uygun, yeni bir tüzük hazırlığı içindeyiz. Kadromuz iyice oturunca, yeni olağan genel kurulda bütün üyelerimizin hak sahibi olacakları, değişerek başkanlık yapılacağı bir sisteme geçeceğiz. Tüzük detaylarını daha sonra sizlere bildireceğiz. Bundan sonra da masa tenisi sporunun yaşaması ve yaşatılması için sizlerle el ele mücadelemizi sürdüreceğiz. Yediden yetmişe herkesi kulübümüz masa tenisi oynamaya bekliyoruz.</p>
<p align="center">
Saygılarımla</p>
<p align="center">
Savaş Pravuştalı</p>
</p>
	</div>
</div>
<!-- Modal -->
<div class="modal" id="imageModal">
    <span class="close">&times;</span>
    <span class="prev">&#10094;</span>  <!-- Sol ok -->
    <img class="modal-content" id="modalImage">
    <div id="modalCaption"></div> <!-- Açıklama burada -->
    <span class="next">&#10095;</span>  <!-- Sağ ok -->
</div>

<script src="script.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var currentPage = window.location.pathname;
        var navItems = document.querySelectorAll('.nav-item');

        navItems.forEach(function(item) {
            if (item.getAttribute('href') === currentPage) {
                item.classList.add('active');  // Aktif sayfa stilini ekleyin
            }
        });
    });
</script>
					
				</td>
			</tr>
		</table>
<!-- İletişim Paneli Başlangıcı -->
<style>
.contact-section {
    background-color: #2c3e50;
    color: white;
    padding: 20px 0;
}

.containerb {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.contact-section h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.contact-details {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.contact-item {
    width: 50%;
}

.contact-item h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-item p a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.contact-item p a:hover {
    color: #1abc9c;
}

.contact-item1 {
    width: 100%;
}

.contact-item1 h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-item1 p a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.contact-item1 p a:hover {
    color: #1abc9c;
}

.social-links a {
    margin: 0 10px;
}

.social-links img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
}

.social-links img:hover {
    transform: scale(1.2);
}

.map iframe {
    border: none;
    width: 100%;
    height: 250px;
    margin-top: 20px;
}

.working-hours {
    margin-top: 20px;
    color: #ccc;
}

.working-hours h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.working-hours p {
    font-size: 16px;
}

.contact-form {
    background: #34495e;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.contact-form h4 {
    color: white;
    margin-bottom: 15px;
}

.contact-form input, 
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: none;
    border-radius: 5px;
}

.contact-form button {
    background: #1abc9c;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact-form button:hover {
    background: #16a085;
}

.chat-button {
    display: inline-block;
    background: #25D366;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 20px;
}

.chat-button:hover {
    background: #1ebc5a;
}

.footer-menu {
    margin-top: 20px;
}

.footer-menu a {
    color: #ccc;
    margin: 0 15px;
    text-decoration: none;
    font-size: 14px;
}

.footer-menu a:hover {
    color: white;
}</style>
<p></p>
<footer class="contact-section">
    <div class="containerb">
        <h2>İletişim</h2>
        <div class="contact-details">
            <div class="contact-item1">
                <h4>Adres</h4>
                <p><a>1071 Kadıköy, Fikirtepe, Hızırbey Cd. No:115,<br>34720 Kadıköy/İstanbul, Türkiye</a></p>
            </div>
		</div>
        <div class="contact-details">
            <div class="contact-item">
                <h4>Telefon</h4>
                <p><a href="tel:+902165651251">+90 216 565 12 51</a></p>
            </div>
        </div>
        <div class="contact-details">
            <div class="contact-item">
                <h4>E-posta</h4>
                <p><a href="mailto:fenerbahce.veteran@gmail.com">fenerbahce.veteran@gmail.com</a></p>
            </div>
        </div>

        <div class="social-links">
            <a href="https://www.facebook.com/groups/110656826765/?ref=ts&fref=ts"><img src="https://img.icons8.com/ios-filled/50/000000/facebook.png" alt="Facebook"></a>
            <a href="#"><img src="https://img.icons8.com/ios-filled/50/000000/instagram.png" alt="Instagram"></a>
            <a href="#"><img src="https://img.icons8.com/ios-filled/50/000000/twitter.png" alt="Twitter"></a>
        </div>

		<div class="map">
		    <iframe 
		        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3011.5556282544985!2d29.049849977260045!3d40.99121037135296!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac78cef1fbec9%3A0x5e61827618f243b9!2zMTA3MSBLYWTEsWvDtnk!5e0!3m2!1str!2str!4v1733639289591!5m2!1str!2str" 
		        width="100%" 
		        height="250" 
		        style="border:0;" 
		        allowfullscreen="" 
		        loading="lazy" 
		        referrerpolicy="no-referrer-when-downgrade">
		    </iframe>
		</div>

        <div class="working-hours">
            <h4>Çalışma Saatleri</h4>
            <p>Pazartesi - Cuma: 09:00 - 23:00<br>
            Cumartesi: 10:00 - 23:00<br>
            Pazar: 10:00 - 23:00
            </p>
			<div align="center">
				<table border="0" width="95%">
					<tr>
						<td colspan="3" align="left" valign="top"><b>BANKA HESAP BİLGİLERİMİZ</b>
													</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>BANKA HESAP ADI</b></td>
						<td width="10" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">FENERBAHÇE VETERAN MASA TENİSÇİLERİ SPOR 
						KULÜBÜ</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>BANKA ADI</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">TÜRKİYE İŞ BANKASI</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>ŞUBE ADI</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">NAİTİLUS AVM İSTANBUL</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>ŞUBE KODU</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">1209</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>HESAP NO</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">0221588</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>IBAN</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">TR05&nbsp;0006&nbsp;4000&nbsp;0011&nbsp;2090&nbsp;2215&nbsp;88</td>
					</tr>
				</table>
			</div>
		</div>

        <form class="contact-form">
            <h4>Bize Ulaşın</h4>
            <input type="text" placeholder="Adınız" required>
            <input type="email" placeholder="E-posta" required>
            <textarea placeholder="Mesajınız" required></textarea>
            <button type="submit">Gönder</button>
        </form>

        <a href="https://wa.me/901234567890" target="_blank" class="chat-button">Canlı Destek</a>

        <div class="footer-menu">
            <a href="/hakkimizda">Hakkımızda</a>
            <a href="/hizmetler">Hizmetlerimiz</a>
            <a href="/sss">Sık Sorulan Sorular</a>
            <a href="/gizlilik-politikasi">Gizlilik Politikası</a>
        </div>
    </div>
</footer>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
        </div>
    </div>
	</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const galleries = document.querySelectorAll(".gallery"); // Tüm gallery'leri seç
    const dynamicCaption = document.createElement("div");
    dynamicCaption.classList.add("dynamic-caption");
    document.body.appendChild(dynamicCaption);

    galleries.forEach(gallery => {
        gallery.addEventListener("mouseover", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                const captionText = e.target.dataset.caption;
                const rect = e.target.getBoundingClientRect();
                dynamicCaption.textContent = captionText;
                dynamicCaption.style.display = "block";
                dynamicCaption.style.top = `${rect.bottom + window.scrollY + 10}px`;
                dynamicCaption.style.left = `${rect.left + window.scrollX}px`;
            }
        });

        gallery.addEventListener("mousemove", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                const rect = e.target.getBoundingClientRect();
                dynamicCaption.style.top = `${rect.bottom + window.scrollY + 10}px`;
                dynamicCaption.style.left = `${rect.left + window.scrollX}px`;
            }
        });

        gallery.addEventListener("mouseout", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                dynamicCaption.style.display = "none";
            }
        });
    });
});

</script>

</body>
</html>