/************ Genel Tanımlı Classlar *************************/

.yok { display:none;}
.clr, .clear {clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.kose1{position:absolute; border-left:3px solid #4c5a6d;  border-top:3px solid #4c5a6d; left:-2px; top:-2px; width:20px; height:20px;}
.kose2{position:absolute; border-right:3px solid #4c5a6d;  border-top:3px solid #4c5a6d; right:-2px; top:-2px; width:20px; height:20px;}
.kose3{position:absolute; border-left:3px solid #4c5a6d;  border-bottom:3px solid #4c5a6d; left:-2px; bottom:-2px; width:20px; height:20px;}
.kose4{position:absolute; border-right:3px solid #4c5a6d;  border-bottom:3px solid #4c5a6d; right:-2px; bottom:-2px; width:20px; height:20px;}

.radius{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.radius-top{ -webkit-border-top-right-radius:7px; -moz-border-radius-topright:7px; border-top-right-radius:7px; -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; border-top-left-radius:7px;}
.radius-bottom{ -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; border-bottom-left-radius:7px;}
.radius-left{ -webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px; border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; border-bottom-left-radius:7px;}
.radius-right{ -webkit-border-top-right-radius:7px; -moz-border-radius-topright:7px; border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px;}

.gradient
{      background: #EEEEEE; 
       background: -webkit-linear-gradient(top, #EEEEEE, #CCD1D4); 
       background: -moz-linear-gradient(top, #EEEEEE, #CCD1D4);
       background: -o-linear-gradient(top, #EEEEEE, #CCD1D4);
       background: -ms-linear-gradient(top, #EEEEEE, #CCD1D4);
       background: linear-gradient(top, #EEEEEE, #CCD1D4);
       }

.transparent { background:url(../cms/images/transparent.png) repeat;}
.transparent2 { background:url(../cms/images/overlay.png) repeat;}

/*************** Notifications ***************/

.notification {border: 1px solid; background-position: 10px 11px !important; padding: 12px 0 5px 40px; margin:10px 0;
                background-repeat: no-repeat !important; font-size: 12px; width: 99.8%; min-height:20px;}
.attention { background: #fffbcc url(../cms/images/icons/exclamation.png); border-color: #e6db55;  color: #666452; }
.information { background: #dbe3ff url(../cms/images/icons/information.png); border-color: #a2b4ee; color: #585b66; }
.success { background: #d5ffce url(../cms/images/icons/tick_circle.png); border-color: #9adf8f; color: #556652;  }
.error {  background: #ffcece url(../cms/images/icons/cross_circle.png); border-color: #df8f8f; color: #665252; }

 /********** PopUp Stilleri ********/

div#popup a.kapat{width:25px; height:29px; background:url(../cms/images/x.png) no-repeat; position:absolute; left:98%; top:-15px; z-index:99999;}
div#popup-bck { background:url(../cms/images/overlay.png) repeat; position:fixed; width:100%; height:100%; top:0; left:0; z-index:99998;}
div#popup { width:700px; margin-left:-350px; position:absolute; left:50%; top:40px; z-index:99999;}
div#popup img{ width:100%;}
.popup_goster{ border:0; position:fixed; background:url(../images/kampanya.png) no-repeat; width:70px; height:75px; bottom:0; right:0; cursor:pointer; z-index:999; text-indent:100px;}

div#popup #slider3 { width:700px; height: 500px; overflow:hidden; padding: 0; float:left; }
div#popup #slider3 .viewport { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; }
div#popup #slider3 .disable { visibility: hidden; }
div#popup #slider3 .overview { list-style: none; position: absolute; left: 0; top: 0; width: 700px; height: 500px; }
div#popup #slider3 .overview li{ float: left; margin:0; padding: 0; height: 500px; width: 700px;}
div#popup #slider3 .buttons { background:url(../tinycarousel/buttons.png) no-repeat scroll 0 -38px transparent; display: block; text-indent: -999em; width: 39px; height: 37px; overflow: hidden; position:absolute; left:420px; top:20px; }
div#popup #slider3 .next { background-position: 0 0; left:350px;}

#anket h1{ font-size:15px;}
#anket input[type=Radio]{ width:30px; text-align:center; float:left; margin-bottom:10px;}
#anket input[type=Button]{ margin-left:30px; cursor:pointer;}
#anket .sonuc{ width:100%; height:31px;}
#anket .sonuc .sonuc_bar{ height:15px; padding:3px; margin:5px 0; background-color:#F15A29; color:#fff; text-align:left; font-size:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

 /********** İçerik Sayfalama Stilleri ********/ 
div.sayfalama{ margin:30px;}
div.sayfalama span{ display:block; float:left; margin-right:5px; width:80px; font-size:12px; height:20px; padding-top:5px;}
div.sayfalama a{ display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#333; border:1px solid #aaa; margin:0 2px; float:left;}
div.sayfalama a.selected,
div.sayfalama a:hover{ color:#000; border-color:#000;}

 /********** İçerik Dil iconları ********/ 
div#langs {float:right; padding:10px;}
a.english {display:block;width:17px;height:14px;background:url(../cms/images/flags.png) no-repeat -23px 0;text-indent:-9999px;float:left;margin-right:6px;}
a:hover.english {background-position:-23px -14px;}
a.english.aktif {background-position:-23px -14px;}
a.turkce {display:block;width:17px;height:14px;background:url(../cms/images/flags.png) no-repeat -47px 0;text-indent:-9999px;float:left;margin-right:6px;}
a:hover.turkce {background-position:-47px -14px;}
a.turkce.aktif {background-position:-47px -14px;}


/********** Accordion Menü ****************/
 .yanmenu{ margin:0; padding:0; width: 265px; float: left; list-style:none;}
 .yanmenu li { padding: 0; border: none; margin-top: 3px; margin-bottom: 3px;}
 .yanmenu ul { width:93%; margin-left:7%;  list-style:none; }
 .yanmenu ul li{margin-left: 8px;}
 
 .yanmenu a{padding: 5px 5px 5px 20px; text-decoration: none; display: block; color: #333; position: relative; font-size:13px; font-weight:bold;}
 .yanmenu a.dcjq-parent{ /*background:url(../images/li-main-pointer.png) no-repeat left center;*/  }
 .yanmenu a.dcjq-parent:hover {}
 .yanmenu a.dcjq-parent.active {}

 .yanmenu a.dcjq-parent.active { background:url(../images/c-pointer-selected.png) no-repeat left 5px;}
 .yanmenu a:hover {}
 .yanmenu a.active{background:url(../images/c-pointer-selected.png) no-repeat left 5px;}
 
 .yanmenu li { background-color:#dce2de; padding-left:3px;}
 .yanmenu li a { background-color: #dce2de; background:url(../images/c-pointer.png) no-repeat left 5px;}
 .yanmenu h1{ font-size:18px; color:#ccc; padding-top:10px; text-indent:30px; display:block; margin-left:-25px;}
 
 .yanmenu ul li a{font-size:12px; font-weight:normal;}
 
 
 /********** Default Form Stilleri ********/
div.form label{ float:left; width:150px;}
div.form input,
div.form textarea{ float:left; width:200px; border:1px solid #ddd; padding:3px; display:block;}
div.form input[type=text]{ height:25px;}
div.form input[type=submit]{ width:100px;}

div.form_iletisim .sutun2{ float:left; width:50%; height:60px;}
div.form_iletisim .sutun1{ float:none; width:100%;}
div.form_iletisim label{ display:block; margin-top:5px;}
div.form_iletisim input,
div.form_iletisim textarea,
div.form_iletisim select{ border:1px solid #ddd; padding:5px; display:block;}
div.form_iletisim input[type=text],
div.form_iletisim input[type=password]{ width:200px; height:20px;}
div.form_iletisim select{ width:200px;}
div.form_iletisim textarea{ height:120px; width:250px;}
div.form_iletisim input[type=button]{ width:100px; margin-top:10px; cursor:pointer; background:#ddd;}
div.form_iletisim input[type=button]:hover{ background-color:#ccc;}

.iletisim { padding-bottom:20px;}
.iletisim .sutun{ width:45%; margin-right:10px; float:left;}
.iletisim label{ display:block;}
.iletisim .buyuk{ width:92%;}
.iletisim input[type=button] { cursor:pointer;}

.arayalim{display:block; position:absolute; left:50%; margin-left:201px; top:40px; z-index:9999999; width:250px; padding:10px; background:#333;}
.arayalim h1{font-size:20px; text-shadow:1px 1px 1px #777; line-height:20px; padding:0; margin:5px 0 10px 0; font-weight:bold; color:#fff;}
.arayalim input[type=text]{width:150px; font-size:12px; height:15px; padding:5px;}
.arayalim input[type=button] { cursor:pointer;margin-bottom: 0px}
.arayalim textarea{ width:240px;}
.arayalim .hata{ font-size:11px; color:#f00; padding:0 5px; background:#fff; width:180px; margin-bottom:10px;}
.arayalim .tamam{ font-size:13px; color:#090; padding:0 5px; width:180px; margin-bottom:10px;}


 /********** Standart İçerik Sayfa Stilleri ********/
 
.solsutun ul{ margin:0 0 0 10px; padding:0;}
.solsutun ul li{ margin:3px 0; padding:5px 0 5px 25px; background:url(../images/bullet.png) no-repeat 0 8px;}
.solsutun ul li a{ text-decoration:none;}
.solsutun ul li a.active {font-weight:bold; text-decoration:underline;}


div.thumb{ width:96%; padding:10px 2%; height:50px;}
div.thumb img{ float:left; background-color:#ddd; padding:5px; height:40px; margin-right:5px;}

.galeri a{ display:block; width:120px; height:80px; float:left; margin:0 5px 5px 0; border:1px solid #eee; padding:3px; position:relative;}
.galeri img{ position:absolute; width:120px; clip: rect(0px,120px,80px,0px); left:3px; top:3px;}

.footer-galeri a{ display:block; width:65px; height:40px; float:left; margin:0 8px 8px 0; position:relative;}
.footer-galeri img{ position:absolute; width:90px; clip: rect(0px,65px,40px,0px); left:0px; top:0px;}


/************  Siteye Özel Stiller *****************/


#iletisim_sonuc { display:block; width:auto; padding:5px 5%; width:50%;}
#iletisim_sonuc.hata {  border:1px solid #a66; background-color:#faa;}
#iletisim_sonuc.tamam { border:1px solid #ddd; background-color:#eee;}

.icerik ul{ list-style:none; margin:0; padding:0;}
.icerik ul li{ background:url(../images/bullet2.png) no-repeat 0 5px; padding:5px 10px 5px 25px;}

ul.anasayfa-avantaj{ list-style:none; margin:0; padding:0;}
ul.anasayfa-avantaj li{ background:url(../images/bullet2.png) no-repeat 0 5px; padding:2px 5px 0px 25px; font-size:13px;}