/** Yeni kodlar **/
/** Body böyle olur ben ole rasgele bısıler verdım sen yazı stılını rengını degıstırısın  **/
html, body, div {	font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666666; padding: 0; margin: 0; }
body { background: url(../tr/images/bg.jpg) #fff repeat-y center; }

/** Tüm divleri içinde barındıran taşıyıcı yani senin anaframe dediğin şey aslında budur **/
#conteiner { width: 985px; margin: 0 auto; background: url(../tr/images/itb_ana.jpg) #fff repeat-y top left; }

.menufont{font-size: xx-small; font-weight: bold; color: White; }

.linkler A{ text-decoration: none; display: block; color:#ffffff; font-weight: bold; }
.linkler A:hover { text-decoration: underline; display: block; color:#000000;  font-weight: bold; }
.linkler A:visited { text-decoration: none; display: block; color:#ffffff; font-weight: bold; }

.linkler_s A{ text-decoration: none; display: block; color:#666666;  }
.linkler_s A:hover { text-decoration:underline; display: block;  color:#000000; }
.linkler_s A:visited {  display: block; color:#666666; }

#sol_logo{ float:left; margin-left: 0px; width: 272px; height: 97px; background: url(../tr/images/sol_ust.jpg);}
#orta_logo{ vertical-align: bottom; padding-top: 45px; float: left; margin-left: 272px; margin-top: -97px; width: 488px; height: 52px; background: url(../tr/images/sol_ust_menu.jpg);}
/** tamam seni anlıom birazn önce ayırmak istion ama önce bir ust navigasyon alanın olcak  **/
#header { float: none; width: 985px; w\idth: 985px; }
#header #sol_logo{ float:left; margin-left: 0px; width: 272px; height: 97px; background: url(../tr/images/sol_ust.jpg);}
#header #orta_logo{ vertical-align: bottom; padding-top: 45px; float: left; margin-left: 272px; margin-top: -97px; width: 488px; height: 52px; background: url(../tr/images/sol_ust_menu.jpg);}
#header #orta_logo #ust_menuler1{ float: left; width: 100px; margin-top: 72px; height: 20px; margin-left: 55px; padding-top: 8px; font-size: xx-small; font-weight: bold; color: White; }
#header #orta_logo #ust_menuler2{ float: left; width: 100px; margin-top: 72px; height: 20px; margin-left: 13px; padding-top: 8px; font-size: xx-small; font-weight: bold; color: White; }
#header #orta_logo #ust_menuler3{ float: left; width: 100px; margin-top: 72px; height: 20px; margin-left: 35px; padding-top: 8px; font-size: xx-small; font-weight: bold; color: White; }
#header #sag_logo{float:right; margin-top: -97px; width: 225px; height: 97px; background: url(../tr/images/sag_ust_tab.jpg);}

/** Bu kısım ayırmak istediğin alanı oluşturur **/
#content { width: 196px; position: relative; }
 


#content #sag_navigasyon { float: right; width: 196px; w\idth: 196px; height: 1100px; margin-top: 3px; }

#content #sag_navigasyon #aralik{ width: 196px; margin-left: 10px; height:1px; background: url(../tr/images/menu_ara.jpg); background-repeat: no-repeat;}
#content #sag_navigasyon #istatik_tablo{ padding: 9px 3px 3px 30px; width: 165px; margin-left: 0px; height: 20px; background: url(../tr/images/istatistiki_tablolar.jpg); background-repeat: no-repeat; background-position:bottom; color: White;}
#content #sag_navigasyon #kisa_menu{ text-align:left;  padding-left: 40px; width: 151px; margin-left: 0px; margin-top:1px; height: 20px; background: url(../tr/images/kisa_menu.jpg); background-repeat: no-repeat; background-position:bottom; color: White; }
#content #sag_navigasyon #kisa_menu A { padding: 3px 3px 5px 3px; height: 10px; text-decoration: none; display: block; color:#ffffff; font-weight: bold; }
#content #sag_navigasyon #kisa_menu A:hover { background:#177BB9; color:#FFFFFF; font-weight: bold; }
#content #sag_navigasyon #uzun_menu{ text-align:left;  padding-left: 20px; width: 171px; margin-left: 0px;  margin-top:1px; height: 20px; background: url(../tr/images/genis_menu.jpg); background-repeat: no-repeat; background-position:bottom; color: White; font-weight: bold;}
#content #sag_navigasyon #uzun_menu A { padding: 3px 3px 5px 3px; height: 10px; text-decoration: none; display: block; color:#ffffff; font-weight: bold; }
#content #sag_navigasyon #uzun_menu A:hover { background:#177BB9; color:#FFFFFF; font-weight: bold; }

#content #sag_navigasyon #bultenler{ text-align:left; margin-left: 15px;  margin-top: 10px; width: 183px; height: 280px;}
#content #sag_navigasyon #bultenler #b_baslik{ width: 183px; height: 21px; background: url(../tr/images/bultenler_baslik.jpg); background-repeat: no-repeat;}
#content #sag_navigasyon #bultenler #b_orta{ width: 183px; background: url(../tr/images/bultenler_orta.jpg);}
#content #sag_navigasyon #bultenler #b_orta #b_o_baslik{ margin-bottom: 2px; width: 183px; height: 13px;}
#content #sag_navigasyon #bultenler #b_orta #b_o_baslik_acik{color: White; padding: 2px 3px 2px 3px; margin: 2px 3px 2px 3px; width: 170px; height: 14px; background: url(../tr/images/bulten_acik.jpg);}
#content #sag_navigasyon #bultenler #b_orta #b_o_baslik_koyu{color: White; padding: 2px 3px 2px 3px; margin: 2px 3px 2px 3px; width: 170px; height: 14px; background: url(../tr/images/bulten_koyu.jpg);}
#content #sag_navigasyon #bultenler #b_orta #b_o_baslik_bilgi{font-weight: bold; margin-top: 1px; width: 165px; height: 13px; float: right; font-size: x-small; color: Black;}
#content #sag_navigasyon #bultenler #b_alt{ width: 183px; height: 14px; background: url(../tr/images/bultenler_alt.jpg); background-repeat: no-repeat;}

#content #sag_navigasyon #doviz{ margin-left: 15px; margin-top: 10px; width: 183px; height: 150px;}
#content #sag_navigasyon #doviz #d_baslik{ width: 183px; height: 22px; background: url(../tr/images/doviz_baslik.jpg); background-repeat: no-repeat;}
#content #sag_navigasyon #doviz #d_orta{ width: 183px; background: url(../tr/images/doviz_orta.jpg);}
#content #sag_navigasyon #doviz #d_orta #borsa_baslik{ width: 183px; height: 20px;}
#content #sag_navigasyon #doviz #d_orta #borsa_baslik #imkb{ float: left; width: 61px; height: 20px; background: url(../tr/images/tcmb.jpg);}
#content #sag_navigasyon #doviz #d_orta #borsa_baslik #alis{ float: left; width: 61px; height: 20px; background: url(../tr/images/alis.jpg);}
#content #sag_navigasyon #doviz #d_orta #borsa_baslik #satis{ float: left; width: 61px; height: 20px; background: url(../tr/images/satis.jpg);}
#content #sag_navigasyon #doviz #d_orta #bar_koyu{color: White; padding: 5px 2px 2px 5px; width: 176px; height: 15px; background: url(../tr/images/doviz_orta_koyu.jpg);}
#content #sag_navigasyon #doviz #d_orta #bar_acik{color: White; padding: 5px 2px 2px 5px; width: 176px; height: 15px; background: url(../tr/images/doviz_orta_ac.jpg);}
#content #sag_navigasyon #doviz #d_alt{padding: 5px 2px 2px 2px; text-align: center; color: White; margin-bottom:0px; width: 178px; height: 20px; background: url(../tr/images/doviz_alt.jpg);}

#content #sag_navigasyon #link{ text-align:left; margin-left: 15px; margin-top: 10px; width: 183px; height: 150px;}
#content #sag_navigasyon #link #l_baslik{ width: 183px; height: 22px; background: url(../tr/images/linkler_baslik.jpg); background-repeat: no-repeat;}
#content #sag_navigasyon #link #l_orta{ width: 173px; padding-left:10px; background: url(../tr/images/bultenler_orta.jpg);}
#content #sag_navigasyon #link #l_alt{ width: 183px; height: 14px; background: url(../tr/images/bultenler_alt.jpg); background-repeat: no-repeat;}



#content #sol_icerik { float: left; width: 760px; w\idth: 760px; height: 100%; }
#content #sol_icerik #buyuk_resim{ float: right; width: 760px; w\idth: 760px; text-align: right; }
#content #sol_icerik #genel_icerik{ float: right; width: 760px; w\idth: 760px; height:1000px; padding: 10px 0px 0 0px; }
#content #sol_icerik #genel_icerik_eksayfalar{ float: right; width: 760px; w\idth: 760px; padding: 10px 60px 0 30px; text-align: center; }
#content #sol_icerik #genel_icerik_haberanket{ float: left; width: 273px; w\idth: 273px; height: 700px; }

#content #sol_icerik #genel_icerik_uzunbanner{ float: left; width: 190px; w\idth: 190px; height: 820px; text-align: center; }
/** genel bilgilerin bulunduğu bölüm**/
#content #sol_icerik #genel_icerik_kutular{ float: left; width: 275px; w\idth: 275px; padding: 0px 5px 0 5px;  }

/** Dergi İçin Yapılan Panel **/
#dergi{ width: 275px; height: 151px; background: url(../tr/images/borsa_dergi.jpg); }
#dergi #dergiresim{ float: left; margin-top: 15px; text-align: center; margin-left: 5px; width: 75px; height: 102px; background-color: White; padding: 3px 2px 2px 2px; }
 #dergi #download{ float: right; margin-top: 10px; text-align:left; margin-right: 10px; width: 145px; height: 23px; }
#dergi #bilgi{ float: right; margin-top: 60px; text-align: left; margin-right: 6px; width: 165px; height: 30px; font-size: x-small; color: Black; }
/** Dergi İçin Ypılan Bölümün Sonu **/


/** Dergi İçin Yapılan Panel **/
#dergi2{ width: 273px; height: 149px; background: url(../tr/images/zeytin.jpg); }
#dergi2 #dergiresim2{ float: left; margin-top: 15px; text-align: center; margin-left: 5px; width: 75px; height: 102px; background-color: White; padding: 3px 2px 2px 2px; }
 #dergi2 #download2{ float: right; margin-top: 10px; text-align:left; margin-right: 5px; width: 119px; height: 24px; }
#dergi2 #bilgi2{ float: right; margin-top: 60px; text-align: left; margin-right: 6px; width: 165px; height: 30px; font-size: x-small; color: Black; }
/** Dergi İçin Ypılan Bölümün Sonu **/

#kucuk_ok{float: left; margin-left: 8px;  margin-top: 6px; width: 6px; background-position: right; height: 10px; background: url(../tr/images/ok.jpg); background-repeat: no-repeat;}
#mavi_ok{float: left; margin-left: 8px;  margin-top: 6px; width: 6px; background-position: right; height: 10px; background: url(../tr/images/mavi_ok.jpg); background-repeat: no-repeat;}

/** ehaberleşme İçin Yapılan Panel **/
 #ehaberlesme{ width: 274px; height: 133px;}
 #ehaberlesme #baslik{ width: 274px; height: 36px;  background: url(../tr/images/ehaberlesme_baslik.jpg); }
#ehaberlesme #orta{ width: 274px;  background: url(../tr/images/ehaberlesme_orta.jpg); }
#ehaberlesme #alt{ width: 274px; height: 18px;  background: url(../tr/images/ehaberlesme_alt.jpg); }
#ehaberlesme #orta #e_h_logo{ background: url(../tr/images/ehaberlesme_logo.jpg); background-repeat: no-repeat; float: left; margin-top: 5px; text-align: center; margin-left: 0px; width: 68px; height: 55px; background-color: White; padding: 2px 2px 2px 2px; }
#ehaberlesme #orta #bilgi{ float: right; margin-top: 5px; text-align: left; margin-right: 3px; width: 180px; font-size: x-small; color: Black; }
/** ehaberleşme İçin Ypılan Bölümün Sonu **/

/** ehaberleşme İçin Yapılan Panel **/
 #kalite{margin-top:10px; color:black; width: 174px; text-align:left; height: 89px; background: url(../tr/images/kalite.gif); padding-right:5px; background-repeat:no-repeat; padding-left:95px; padding-top:60px; }


/** ehaberleşme İçin Ypılan Bölümün Sonu **/

/** ehaberleşme İçin Yapılan Panel **/
#haber{ width: 273px; height:300px;}
#haber #baslik{ width: 273px; height: 34px;  background: url(../tr/images/haberler_baslik.jpg); }
#haber #orta{ width: 273px; padding: 3px 3px 3px 3px; vertical-align: top; }
#haber #hucre{ float: right; margin-right: 5px; margin-top: 3px;  width: 250px;}
#haber #h_alt{ float:right; width: 273px; height: 31px; margin-top:2px;  background: url(../tr/images/haber_link.jpg); }
#haber #h_alt #link1{ margin-top: 3px; margin-left: 19px; width: 50px; height: 20px; float: left; }
#haber #h_alt #link2{ margin-top: 3px; margin-left: 13px; width: 80px; height: 20px; float: left; }
#haber #h_alt #link3{ margin-top: 3px; margin-left: 14px; width: 75px; height: 20px; float: left; }
#haber #bitis{ float:right; width: 82px; height:27px; margin-top:2px; padding-top:3px; padding-left:24px;  background: url(../tr/images/haber_link.jpg); background-position:right; }
/** ehaberleşme İçin Ypılan Bölümün Sonu **/

/** ehaberleşme İçin Yapılan Panel **/
#yorum{ width: 273px; }
#yorum #baslik{ width: 273px; height: 34px;  background: url(../tr/images/piyasayorum.jpg); }
#yorum #orta{ text-align:center; width: 100%; padding: 10px 10px 10px 10px; height: 20px;  background: url(images/anket_orta.jpg); background-repeat:repeat-y; }
#yorum #bitis{ width: 273px; height: 15px;  background: url(images/anket_alt.jpg); }
/** ehaberleşme İçin Ypılan Bölümün Sonu **/

/** anket İçin Yapılan Panel **/
#l_anket{ width: 273px;}
#l_anket #a_baslik{ width: 273px; height: 35px;  background: url(images/anket_baslik.jpg); }
#l_anket #a_orta{ width: 273px; height: 170px;  background: url(images/anket_orta.jpg); }
#l_anket #a_orta #secim{ float: right; margin-top: 5px; text-align: center; margin-right: 8px; width: 245px; height: 110px;  padding: 2px 2px 2px 2px; }
#l_anket #a_orta #sonuclar{ float: left; margin-top: 3px; text-align: center; margin-left: 8px; width: 90px; height: 20px; }
#l_anket #a_orta #oyver{ float: right; margin-top: 3px; text-align: left; margin-right: 6px; width: 95px; height: 20px; }
#l_anket #a_alt{ width: 273px; height: 15px;  background: url(images/anket_alt.jpg); }
/** anket İçin Yapılan Bölümün Sonu **/

/** faq İçin Yapılan Panel **/
 #l_faq{ width: 273px; height: 250px;}
#l_faq #f_baslik{ width: 273px; height: 35px;  background: url(images/sorular_baslik.jpg); }
#l_faq #f_orta_gri{ width: 273px; height: 36px;  background: url(images/sorular_gri_orta.jpg); }
#l_faq #f_orta_beyaz{  width: 273px; height: 36px;  background: url(images/anket_orta.jpg); }
#l_faq #hucre{ float: right; margin-right: 5px; margin-top: 4px;  width: 250px; height: 32px;}
#l_faq #f_orta_buton{ width: 273px; height: 25px;  background: url(images/anket_orta.jpg); }
#l_faq #f_orta #secim{ float: left; margin-top: 5px; text-align: center; margin-left: 8px; width: 255px; height: 85px;  padding: 2px 2px 2px 2px; }
#l_faq #f_orta_buton #devami{ float: right; margin-top: 3px;  margin-right: 8px; width: 95px; height: 22px; }
#l_faq #f_orta #oyver{ float: right; margin-top: 3px; text-align: left; margin-right: 6px; width: 95px; height: 20px; }
#l_faq #f_alt{ width: 273px; height: 15px;  background: url(images/anket_alt.jpg); }
/** faq İçin Yapılan Bölümün Sonu **/


/** tamam tabi her sayfanın birde footer i vardır adres gibi bilgileri yazmak için bızımkının buyuklugunu bılmıyorum **/
#footer { height: 120px; width: 980px; position: relative; clear: both; background: url(images/itb_ana.jpg.jpg); }
#footer #background { width: 985px; background: url(images/itb_ana.jpg.jpg) repeat-y top left;  height: 108px;}
#footer #background #logo { float: left; height: 108px; width: 305px; background: url(images/logolar.jpg); background-repeat: no-repeat; background-position: top; background-position: left; }
#footer #background #link { margin: 0px 0px 0px 155px; padding-top: 35px; width: 150px; font-size: xX-small; font-weight: bold;}
#footer #background #cubuk { margin-top: -1px; float: right; height: 75px; width: 7px; background: url(images/cubuk.jpg); background-repeat: no-repeat; background-position: center;  }
#footer #background #adres { float: left; padding: 10px 0px 0px 20px; width: 150px; font-size: xX-small; font-weight: bold;}
#footer #background #bildirim { color: Black; float: right; padding: 10px 20px 10px 20px; width: 190px; font-size: xX-small; font-weight: bold;}
#footer #background #cmflogo { float: right; margin-top:20px; margin-right:10px; width: 100px; height: 90px; background-position: left; background-position:bottom; background: url(images/cmflogo.jpg); background-repeat: no-repeat;}

/* Nav */
#menu { width: 200px; margin-top: 0px; }
#menu UL { padding: 0px; font-size: 1em; margin: 0px; list-style-type: none; }
#menu LI { padding: 0px; margin: 0px; border-bottom: #bdbb9f 0px dashed; }
#menu A { padding: 3px 5px 3px 10px; height: 12px; text-decoration: none; background-color: White; display: block; color:#3592D7; font-weight: bold; }
#menu A:hover { background:#3592D7; color:#FFFFFF; font-weight: bold; }

.text{
	font : 8pt/11pt verdana;
	color : Black;
}
.textb{
	font : 8pt/11pt verdana;
	color : Black;
	font-weight : bold;
}
.textj{
	font : 8pt/11pt verdana;
	color : Black;
	text-align : justify;
}

#oneriSikayet tr td { padding:3px;}
.oneriText { width:250px; }