@charset "utf-8";
/* CSS Kalıp */
a {text-decoration:none; color:#444; font:bold 12px tahoma; outline:none;}
a img {border:none;}
h1,h2,h3,h4,h5,p {margin:0px; padding:0px; font-size:100%;}
body {background:#000 url(img/bg.gif); text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#222; line-height:1.5em; }
#tasiyici {border:5px solid #1c1c1c; background:#f2f2f2 url(img/beyaz-bg.gif) repeat-x; min-height:500px; width:655px; margin:100px auto 10px auto; text-align:left;}
#icerik {padding:10px; text-align:left}
#alt {color:#555; font:bold 11px Verdana, Geneva, sans-serif; text-align:left; margin:0px auto; width:650px;}
.solkolon {float:left; width:400px;}
.sagkolon {float:right; width:220px; text-align:left}

.menu {list-style:none; display:block; margin:25px; padding:0px; height:100px;}
.menu li {float:left; width:145px; height:110px;  text-align:center; letter-spacing:1px; border-right:1px solid #ccc;}
.menu li a {font:bold 13px tahoma; text-align:center; color:#444; line-height:3em;}
.menu li a:hover {color:#C30;}
.menu li span img{text-align:center; display:block; margin:0px auto}


h1.logo {position:relative;  height:191px; width:665px;}
h1.logo a{background:url(img/logo.jpg) no-repeat; height:191px; width:665px; position:absolute; left:-5px; }

.baslik {color:#800; margin:5px 0px; padding:0px; font:bold 110% tahoma;}

.kisakim {font:bold 12px Arial, Helvetica, sans-serif; color:#333;  line-height:1.5em;}
.kisakim p {margin:5px 0px;}

.liste {margin:0px 20px; padding:0px; display:block; font:bold 12px Tahoma, Geneva, sans-serif}
.liste li {list-style-type: square; color:#444; padding:5px 0px; margin:5px 0px; border-bottom:1px solid #dddddd; }


.form {margin:0px 0px; display:inline-block; width:100%;}
.form fieldset {border:1px solid #ccc; padding:7px 5px; display:block; margin:15px 0px;}
.form legend {margin:0px 10px; padding:0px 10px; font:bold 13px tahoma; color:#400; letter-spacing:1px;}
.form p {padding:5px; overflow:hidden; display:block; margin:5px 0px;}
.form p label {color:#333; float:left; width:28%; font:bold 11px tahoma;}
.form p label sub {color:#925104; display:block; font:bold 9px tahoma; margin:3px 0px;}
.form p input, .form p textarea{border:1px solid #d5d5d5; padding:8px 5px; float:right; width:68%;}
.form p textarea {height:70px;}

.hata {padding:20px 20px 25px 60px; background:#400000 url(img/hata.gif) 5px 7px no-repeat; color:#EEE; font:bold 12px tahoma; border:5px solid #200}
.basari {padding:20px 20px 20px 60px; background:#eee url(img/referans.gif) 10px 7px no-repeat; color:#333; font:bold 12px tahoma; border:5px solid #222}

/*BAŞLANGIÇ : Thickbox*/
#TB_window{ font:12px Arial,Helvetica,sans-serif;  color:#333}
#TB_secondLine{position:absolute; bottom:-28px; left:0px; font:bold 12px tahoma;   color:#000}
#TB_window a:link{color:#666}
#TB_window a:visited{color:#666}
#TB_window a:hover{color:#000}
#TB_window a:active{color:#666}
#TB_window a:focus{color:#666}

#TB_overlay{ position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{ background-color:#000;  filter:alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75}
* html #TB_overlay{ position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_window{ position:fixed;  background:url(img/main.gif);  z-index:102;  color:#333;  display:none;  border:8px solid #b7b58f;  text-align:left;  top:50%;  left:50%;  -moz-border-radius:5px; -webkit-border-radius:5px; font:bold 12px tahoma; }

* html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_window img#TB_Image{  display:block;   margin:0}
#TB_caption{position:absolute; font:bold 12px tahoma; color:#fff; top:-25px; left:0px; opacity:.45; filter:alpha(opacity=45);   padding:0px}
#TB_closeWindow{position:absolute; top:-10px; right:-30px}
#TB_closeAjaxWindow{  padding:0;   margin-bottom:1px;   text-align:right;   float:right;   position:absolute; right:-5px; top:9px}
#TB_ajaxWindowTitle{  float:left;   padding:10px;   margin-bottom:1px}
#TB_title{  background:#b7b58f;  color:#5e5d47; font:bold 12px tahoma; height:35px; margin:0px; padding:0px;}
.t-baslik{  background:#b7b58f;  color:#5e5d47; font:bold 12px tahoma; height:15px; margin:0px; padding:10px 5px;}

#TB_ajaxContent{ clear:both;  padding:0px;  overflow:auto;  text-align:left;  line-height:1.4em}
#TB_ajaxContent.TB_modal{ padding:0px}
#TB_ajaxContent p{ padding:0px}
#TB_load{ position:fixed;  display:none;  height:30px;  width:30px;  z-index:103;  top:50%;  padding:5px; text-align:center;  left:50%;  margin:-6px 0 0 -104px}
* html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_HideSelect{ z-index:99;  position:fixed;  top:0;  left:0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity:0;  opacity:0;  height:100%;  width:100%}
* html #TB_HideSelect{     position:absolute;      height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_iframeContent{  clear:both;   border:none;   margin-bottom:-1px;   margin-top:1px;   _margin-bottom:1px}
.onceki, .sonraki{height:12px; width:12px; float:left; margin:3px}
.topres{float:left; margin:3px; width:25px; font:normal 8px tahoma; text-align:center; color:#FFF}
.sonraki{background:url(img/sonraki.png) no-repeat}
.onceki{background:url(img/onceki.png) no-repeat}
.kapatres{background:url(img/close.png) no-repeat; display:block; width:36px; height:36px;  top:-15px; right:3px; position:absolute; outline:none;}
.kapat{background:url(img/thickkapat.gif) no-repeat; display:block; width:43px; height:37px;  top:-13px; right:0px; position:absolute; outline:none;}

/*TEMİZLEME*/
.clear {clear:both;}
.clearfix {display: inline-block; height:1%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; margin:0px; padding:0px; font-size:0;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */