body {font: 14px Arial; color:#fff; margin: auto; background-position: 50% 0; background-repeat:no-repeat; background-color: #fff;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {padding: 0; margin: 0; border: 0; list-style: none}
a {text-decoration: none}
*:focus {outline: 0}
.clear {clear: both}

#genel {width: 960px; height: 837px; margin: 0 auto;}
#genel2 {width: 960px; height: 1616px; margin: 0 auto;}
#genel3 {width: 960px; height: 1086px; margin: 0 auto;}

#ust {width: 960px; height: 210px; margin: 0 auto; position:relative;}
.logo {width:186px; height:56px; position: absolute; top: 30px; left: 386px}
.kroki a {font-size: 12px; color: #fff; position: absolute; right: 70px; top: 14px}
.kroki a:hover {opacity: 0.7}
.kroki a img {padding-right: 5px}
.anasayfa a {font-size: 12px; color: #fff; position: absolute; right: 130px; top: 12px}
.anasayfa a:hover {opacity: 0.7}
.anasayfa a img {padding-right: 5px}
.facebook a {width: 27px; height: 27px; background: url(../images/facebook.png); position: absolute; right: 148px; top: 85px;}
.facebookyazi a span{font-size: 12px;  color: #fff; position: absolute; right: 146px; top: 114px;}
.facebook a:hover {width: 30px; position: absolute; right: 147px;background: url(../images/facebook2.png)}
.facebook a img {padding: 5px}
.twitter a {width: 27px; height: 27px; background: url(../images/twitter.png);color: #fff; position: absolute; right: 98px; top: 85px;}
.twitteryazi a span{font-size: 12px; color: #fff; position: absolute; right: 91px; top: 114px;}
.twitter a:hover {width: 30px; position: absolute; right: 97px; background: url(../images/twitter2.png)}
.twitter a img {padding: 0 0 5px 8px}
#menu {width: 564px; height: 58px; background: url(../images/menu.png); overflow: hidden; position: absolute; top: 120px; left: 198px}
#menu li {float: left}
#menu li a {display: block; height: 58px; text-indent: -9999px}
#menu li a:hover {background: url(../images/menu.png);}
#menu li.m1 a {width: 112px}
#menu li.m2 a {width: 113px}
#menu li.m3 a {width: 113px}
#menu li.m4 a {width: 113px}
#menu li.m5 a {width: 113px}
#menu li.m1 a:hover {background-position: 0 -58px }
#menu li.m2 a:hover {background-position: 452px -58px }
#menu li.m3 a:hover {background-position: 339px -58px }
#menu li.m4 a:hover {background-position: 226px -58px }
#menu li.m5 a:hover {background-position: 113px -58px }

#orta {width: 960px; height: 280px; margin: 0 auto; position:relative;}
#slidergenel {width: 644px; height: 244px; margin: 0 auto}
.slider li  {width: 644px; height: 244px; overflow: hidden; float:left;}
.slider li span{color: #fff; font-size: 20px; font-family: Trebuchet MS; position: absolute; bottom: 56px; left: 190px}
.sayfa {position: absolute; bottom: 6px; right: 440px; z-index: 1;}
.sayfa a {display: block; float: left; padding: 6px 6px; margin-left: 5px; background: #fe00be;}
.sayfa a.aktif, .sayfa a:hover {background: #000;}
.sayfa_buton a {display: block; float: left;}
.sayfa_buton a:hover {opacity: 0.5}
.sayfa_buton {position: absolute; left: 0; bottom: 140px;}
.golge img {width: 685px; height: 58px; position: absolute; left: 138px; bottom: 0; z-index: -999}

#footer {width: 960px; height: 347px; position: relative;}
.ust_baslik1 span {font-size: 12px; color: #fff; position: absolute; left: 125px; top: 18px }
.ust_baslik2 a {position: absolute; left: 409px; top: 26px;}
.ust_baslik2 a:hover {opacity: 0.6}
.ust_baslik3 span {font-size: 12px; color: #fff; position: absolute; left: 750px; top: 18px }
.baslik1 a {font-size: 12px; font-weight: bold; color: #9900cc; position: absolute; left: 68px; top: 64px }
.baslik1 a:hover {opacity: 0.7}
.baslik1 a img {padding-right: 8px}
.baslik2 a {font-size: 12px; font-weight: bold; color: #9900cc; position: absolute; left: 68px; top: 86px }
.baslik2 a:hover {opacity: 0.7}
.baslik2 a img {padding-right: 8px}
.baslik3 a {font-size: 12px; font-weight: bold; color: #9900cc; position: absolute; left: 68px; top: 108px }
.baslik3 a:hover {opacity: 0.7}
.baslik3 a img {padding-right: 8px}
.devam {font-size: 12px; color: #9900cc; position: absolute; left: 68px; top: 136px }
.devam2 {font-size: 40px; position: absolute; left: 234px; top: 122px; opacity: 0 }
.biz_nerdeyiz a {font-size: 12px; color: #9900cc; position: absolute; right: 486px; top: 100px}
.biz_nerdeyiz a:hover {opacity: 0.7}
.biz_nerdeyiz a img {padding-left: 20px}
.tanitim_filmi a {font-size: 12px; color: #9900cc; position: absolute; right: 398px; top: 115px}
.tanitim_filmi a:hover {opacity: 0.7}
.tanitim_filmi a img {padding-left: 16px}
.telefon img {width: 87px; height: 72px; position: absolute; left: 434px; bottom: 34px;}
#sayfa2 {width: 246px; height: 116px; position: absolute; right: 44px; top: 52px;}
#dinamikalan2 {width: 200px ;height: 116px; overflow: hidden; position: absolute; left: 23px;}
.dinamikalan2 ul li {width: 158px; height: 160px}
.sayfa_buton2 {position: absolute; bottom: 70px; left: 0;}
.sayfa_buton2 a#onceki2 {position: absolute;left: 0}
.sayfa_buton2 a#sonraki2 {position: absolute; left: 232px }

#orta_icerik {width: 960px; height: 500px; margin: 0 auto; position:relative; }
#footer_icerik {width: 960px; height: 127px; position: relative;}

.hakkimizda_resim img {position: absolute; right: 180px; top: 400px}
.hakkimizda_baslik span {font-size: 15px; font-weight: bold; color: #9900CC; position: absolute; left: 180px; top: 44px}
.hakkimizda_icerik span {width: 560px; font-size: 12px; color: #000; position: absolute; left: 200px; top: 70px}
.hakkimizda_telefon img {width: 87px; height: 72px; position: absolute; left: 434px; bottom: -218px;}

.neden_etud_b span {font-size: 15px; font-weight: bold; color: #9900CC; position: absolute; left: 180px; top: 44px}
.neden_etud span b {color: #9900CC;}
.neden_etud span {width: 560px; font-size: 12px; color: #000; position: absolute; left: 200px; top: 70px}
.neden_etud_telefon img {width: 87px; height: 72px; position: absolute; left: 434px; bottom: -744px;}

.nedenbiz_resim img {position: absolute; right: 180px; top: 60px}
.nedenbiz_baslik span {font-size: 15px; font-weight: bold; color: #9900CC; position: absolute; left: 180px; top: 44px}
.nedenbiz_icerik span {width: 360px; height: 200px; font-size: 12px; color: #000; position: absolute; left: 200px; top: 70px}
.nedenbiz_icerik span b {color: #9900CC;}

.vizyon_baslik span {font-size: 12px; font-weight: bold; color: #9900CC; position: absolute; left: 200px; top: 400px}
.vizyon_icerik span {width: 360px; font-size: 12px; color: #000; position: absolute; left: 200px; top: 424px}
.misyon_baslik span {font-size: 12px; font-weight: bold; color: #9900CC; position: absolute; left: 200px; top: 526px}
.misyon_icerik span {width: 360px; font-size: 12px; color: #000; position: absolute; left: 200px; top: 550px}

.galeri_baslik span {font-size: 15px; font-weight: bold; color: #9900CC; position: absolute; left: 180px; top: 44px}
ul.galeri {width: 664px; position: absolute; top: 80px; left: 182px}
ul.galeri li a{margin: 0 10px 10px 0; float: left}
ul.galeri li a img{width: 110px; height: 88px}

ul.galeri_bt {position: absolute; bottom: 0px; right: 186px}
ul.galeri_bt li {background: #9900cc; margin-right: 5px; float:left}
ul.galeri_bt li a{padding: 5px; color: #fff;}

.haberler_baslik  img {position: absolute; left: 180px; top: 44px;}
.haberler_baslik span {position: absolute; left: 226px; top: 54px; font-size: 15px; font-weight: bold; color: #9900CC;}

ul.bizden_haberler {position: absolute; top: 85px; left:180px;}
ul.bizden_haberler li img{margin-top: 5px; }

ul.bizden_haberler2 {position: absolute; top: 85px; left:180px;}
ul.bizden_haberler2 li {width: 400px; margin-left: 160px; padding: 20px 0 60px 0; color: #9900cc; font-size: 12px; }

.iletisim_baslik span {font-size: 15px; font-weight: bold; color: #9900CC; position: absolute; left: 180px; top: 44px}
.iletisim_baslik2  img {position: absolute; left: 200px; top: 90px;}
.iletisim_baslik2 span {position: absolute; left: 246px; top: 104px; font-size: 15px; font-weight: bold; color: #9900CC;}
.iletisim_baslik3  img {position: absolute; left: 520px; top: 90px;}
.iletisim_baslik3 span {position: absolute; left: 566px; top: 104px; font-size: 15px; font-weight: bold; color: #9900CC;}
.maps {width: 270px; height: 152px; position: absolute; left: 200px; top: 140px}
.iletisim_baslik4 span {position: absolute; left: 200px; top: 220px; font-size: 15px; color: #9900CC;}
.adres span {width: 250px; position: absolute; left: 200px; top: 140px; font-size: 12px; color: #000;}
.telefon span {width: 250px; position: absolute; left: 460px; top: 140px; font-size: 12px; color: #000;}
.form {width: 245px; height: 220px; position: absolute; left: 520px; top: 140px}

#film {position:absolute; top: 50px; left: 68px}