﻿body    {background: url('../../images/ana_arkaplan_ust1.jpg') repeat-x top; font-family: Tahoma, Sans-Serif; font-size: 11px; margin: 0; padding: 0;}
input, select, textarea  {border: solid 1px Gray; margin: 0; padding: 2px; font-family: Tahoma, sans-serif; font-size: 11px; color: #666666;}
.logo  {width: 220px; height: 107px; display: block; background: url('../../images/ana_logo.jpg');}
table {border: none 0px;}
hr {border: solid 1px #858D9D;}
a:link, a:visited {color: #30343D; text-decoration: none;}
a:hover {text-decoration: underline;}

/* ====== Arama ====== */
#arama1          {margin: 12px 0 0 375px;}
#arama          {margin: 12px 0 0 515px;}
#arama .orta, #arama1 .orta    {width: 195px; height: 33px; background: url('../../images/ana_arama_orta.jpg') repeat-x;}
#arama .sol, #arama1 .sol     {width: 100%; height: 33px; background: url('../../images/ana_arama_sol.jpg') no-repeat left;}
#arama .sag, #arama1 .sag     {width: 100%; height: 33px; background: url('../../images/ana_arama_sag.jpg') no-repeat right;}
#arama .icerik, #arama1 .icerik  {padding: 7px;}
#arama .btn, #arama1 .btn     {margin: 0; padding: 0; src: url('../../images/ana_arama_btn.jpg');}

/* ====== Üst Menü ====== */
#ustmenu1           {width: 570px; height: 37px; margin-top: 12px;}
#ustmenu            {width: 690px; height: 37px; margin-top: 12px;}
#ustmenu a:link, #ustmenu a:visited, #ustmenu1 a:link, #ustmenu1 a:visited {float: left; text-decoration: none; line-height: 37px; display: block; padding: 0 10px 0 10px; text-align: center; font-family: Tahoma, Sans-Serif; font-size: 12px; color: #FFF; font-weight: bold;}
#ustmenu a:hover, #ustmenu1 a:hover    {color: Orange;}
#ustmenu .ara, #ustmenu1 .ara       {float: left; width: 4px; height: 37px; background: url('../../images/ana_ustmenu_ara.jpg') no-repeat; margin: 0 7px 0 7px;}

/* ====== Orta ====== */
#orta {float: left; width: 563px; padding: 0 7px 0 7px; margin-top: 10px;}
#orta .baslik {font-family: Arial, Sans-Serif;  font-size: 13px; font-weight: bold; padding: 0 5px 5px 5px; color: #30343D;}
#orta .icerik {width: 543px; text-align: justify; margin: 15px 10px 10px 10px; line-height: 16px;}

/* ====== Sol ====== */
#sol        {width: 220px;  margin-top: 10px; font-size: 11px; font-family: Tahoma, Sans-Serif;}
#sol .orta  {width: 100%; background: url('../../images/ana_sol_orta.jpg') repeat-y;}
#sol .ust   {width: 100%; background: url('../../images/ana_sol_ust.jpg') no-repeat top;}
#sol .alt   {width: 100%; background: url('../../images/ana_sol_alt.jpg') no-repeat bottom;}
#sol .menu  {padding: 15px; color: #FFF;}
#sol .menu a:link, #sol .menu a:visited {text-decoration: none; color: #FFF;}
#sol .menu a:hover, #sol .menu span:hover {color: #30343D;}

#dugme  {margin: 10px 3px 4px 5px;}
#dugme a:link, #dugme a:visited {display: block; margin: 3px 0 3px 0;}
#dugme img {border: none;}
#dugme .btn_wat, #dugme .btn_camp, #dugme .btn_intern {display: block;}

/* ====== Kategori Düğme ====== */
#ana_wat,#ana_camp, #ana_intern {float: left; width: 264px; height: 121px; margin: 10px 0 0 2px;}
#ana_wat a:link, #ana_wat a:visited, 
#ana_camp a:link, #ana_camp a:visited, 
#ana_intern a:link, #ana_intern a:visited  {display: block; width: 261px; height: 121px; margin: auto; padding: 0; text-decoration: none;}
#ana_wat a:link, #ana_wat a:visited {background: url('../../images/ana_btn_wat1.jpg');}
#ana_wat a:hover                    {background: url('../../images/ana_btn_wat.jpg');}
#ana_camp a:link, #ana_camp a:visited {background: url('../../images/ana_btn_camp1.jpg');}
#ana_camp a:hover                    {background: url('../../images/ana_btn_camp.jpg');}
#ana_intern a:link, #ana_intern a:visited {background: url('../../images/ana_btn_intern1.jpg');}
#ana_intern a:hover                    {background: url('../../images/ana_btn_intern.jpg');}

/* ====== Alt ====== */
#alt1        {width: 800px; margin-top: 10px; margin-bottom: 15px;}
#alt        {width: 930px; margin-top: 10px; margin-bottom: 15px;}
#alt .orta, #alt1 .orta  {width: 100%; height: 36px; background: url('../../images/ana_alt_orta.jpg') repeat-x;}
#alt .sol, #alt1 .sol   {width: 100%; height: 36px; background: url('../../images/ana_alt_sol.jpg') no-repeat left;}
#alt .sag, #alt1 .sag   {width: 100%; height: 36px; background: url('../../images/ana_alt_sag.jpg') no-repeat right;}
#alt .icerik, #alt1 .icerik {line-height: 36px; text-align: center; color: #FFF;}
#alt a:link, #alt a:visited, #alt1 a:link, #alt1 a:visited {text-decoration: none; color: #FFF; padding: 0 5px 0 5px;}
#alt a:hover, #alt1 a:hover {text-decoration: underline;}

/* ====== Form ====== */
.satir	{vertical-align: middle; clear: both; margin: 5px 0 5px 0; line-height: 18px; color: #666666;}
.satir .etiket	{float: left; width: 150px; text-align: right; margin: 0 10px 0 20px;}
.satir input {margin-right: 5px;}

/* ====== Mesaj Kutu ====== */
.mesaj_kutu .ust_bar {height: 26px; background: url(../../images/mesaj_ust.png) no-repeat bottom;}
.mesaj_kutu .orta_bar {background: url(../../images/mesaj_orta.png) repeat-y center; padding: 5px 40px 5px 40px;}
.mesaj_kutu .alt_bar {height: 25px; background: url(../../images/mesaj_alt.png) no-repeat top; padding: 20px 25px 0 25px;}
.modal_arkaplan {background-color: black; filter: alpha(opacity=70); opacity: 0.7;}
.modal_resim {width: 55px; padding-bottom: 10px;}
.modal_mesaj {width: 245px; padding-left: 10px; font-size: 14px;}
.modal_dugme {text-align: center; padding-top: 10px; background: url('../../images/ayrac_yatay1.png') no-repeat top;}
