@charset "iso-8859-9";
/* CSS Document */


body, html{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#5f5f5f;}
a{ text-decoration:none; color:#207e83}

/* global */
.floatLEFT{ float:left; margin-right:7px;}
.floatRIGHT{ float:right; margin-left:7px;}
.topTitle{ margin:5px 0 0 10px;}
.marginTOP_5{ margin-top:5px; display:block; height:1px}
.marginTOP_10{ margin-top:10px; display:block; height:1px}
.yatayLine{ background:url(../images/yatay_line.gif) repeat-x; display:block; margin:7px 0; height:1px; clear:left }
.yatayLine1{ background:url(../images/dikey_line.gif) repeat-y top center; padding:0 5px; width:10px; clear:both }
.LineDikey{ background:url(../images/kesme_dikey.png) repeat-y top center; margin:0px 15px; width:22px;}
.kesme{ background:url(../images/kesme.png) no-repeat right; height:20px; display:block; font-size:1px;}
.imgBorder_5{ border:3px #d9defe solid;}
img{ border:0}
.clear{ clear:both}
.padding5{ padding:5px;}
.paddingTop_5{ padding-top:5px;}
.paddingTop_10{ padding-top:10px;}
.paddingLEFT10{ padding-left:10px;}
.displayNONE{ display:none}
.imgNONE img{ display:none !important}




#main{ width:980px; margin: auto;}

#mainContent{ margin-top:0px; margin:0 20px 0 0;}
	/*************** HEADER *****************/
	#header{ width:980px; }
		#topMenu{margin:15px 0 0 0; padding:0; position:absolute; z-index:2; width:980px;}
			#topMenu li{ list-style:none; float:right; background:url(../images/button/kesme.png) no-repeat right top; padding-right:7px; height:33px;}
			#topMenu li.noCur{ background:none !important}
			#topMenu li a span{ display:none;}
			
			#topMenu li a#anasayfa{ width:113px; background:url(../images/button/anasayfa.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#anasayfa:hover{background:url(../images/button/anasayfa.png) no-repeat left bottom;}
				#topMenu li a.anasayfa_active{background:url(../images/button/anasayfa.png) no-repeat left bottom !important;}
				
			#topMenu li a#okul_oncesi{ width:121px; background:url(../images/button/okul_oncesi.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#okul_oncesi:hover{background:url(../images/button/okul_oncesi.png) no-repeat left bottom;}	
				
			#topMenu li a#planlar{ width:122px; background:url(../images/button/planlar.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#planlar:hover{background:url(../images/button/planlar.png) no-repeat left bottom;}
				#topMenu li a.planlar_active{background:url(../images/button/planlar.png) no-repeat left bottom !important;}
				
			#topMenu li a#siniflar{ width:120px; background:url(../images/button/yayinlarimiz.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#siniflar:hover{background:url(../images/button/yayinlarimiz.png) no-repeat left bottom;}
				#topMenu li a.siniflar_active{background:url(../images/button/yayinlarimiz.png) no-repeat left bottom !important;}
				
			#topMenu li a#iletisim{ width:100px; background:url(../images/button/kurumsal.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#iletisim:hover{background:url(../images/button/kurumsal.png) no-repeat left bottom;}
				#topMenu li a.iletisim_active{background:url(../images/button/kurumsal.png) no-repeat left bottom !important;}
		
			#topMenu li a#diger_islemler{width:131px; background:url(../images/button/diger_islemler.png) no-repeat left top;  display:inline-block; height:33px;}
				#topMenu li a#diger_islemler:hover{background:url(../images/button/diger_islemler.png) no-repeat left bottom;}
				#topMenu li a.diger_islemler_active{background:url(../images/button/diger_islemler.png) no-repeat left bottom !important;}
		
			#digerislemlerSUB{width:187px; height:209px; position:absolute; margin-left:-55px; margin-top:-2px; display:none; z-index:10}
			#siniflarSUB{width:187px; height:270px; position:absolute; margin-left:-55px; margin-top:-2px; display:none; z-index:10}
			#kurumsalSUB{width:187px; height:137px; position:absolute; margin-left:-55px; margin-top:-2px; display:none; z-index:10}

		#banner{ height:400px; padding:40px 0 0 0; z-index:1;}
		#bannerDetay{height:243px; padding:40px 0 0 0; z-index:1; text-align:right}
		#leftMenu{ width:202px; height:403px; position:absolute; margin-top:25px; z-index:3}






/**************** İNDEX *****************************/
#indexTab_Ogrenci{background:url(../images/tab_ogrenci.gif) no-repeat left top; width:236px; height:295px; display:block; margin:0 10px 0 0;}
#indexTab_Ogretmen{background:url(../images/tab_ogretmen.gif) no-repeat left top; width:236px; height:295px; margin:0 10px 0 0; }

#indexTab_Ogretmen a,#indexTab_Ogrenci a{ margin-left:12px; margin-bottom:4px; width:192px; height:20px; padding:4px 0 0 22px; display:block}
#indexTab_Ogretmen a:hover,#indexTab_Ogrenci a:hover{ color:#000}
.link1{background:url(../images/link1.png) no-repeat left top; }
.link2{background:url(../images/link2.png) no-repeat left top; }
.link3{background:url(../images/link3.png) no-repeat left top; }
.link4{background:url(../images/link4.png) no-repeat left top; }
.link5{background:url(../images/link5.png) no-repeat left top; }
.link6{background:url(../images/link6.png) no-repeat left top; }
.link7{background:url(../images/link7.png) no-repeat left top; }
.link8{background:url(../images/link8.png) no-repeat left top; }
.link9{background:url(../images/link9.png) no-repeat left top; }

.index_kutu_dar{ background:url(../images/index_kutu_dar_Kadin.gif) no-repeat left top; width:220px; height:295px; text-align:left; display:block; margin:0 10px 0 0; padding:5px 7px 0 7px}
.index_kutu_orta{ background:url(../images/index_kutu_orta.gif) no-repeat left top; width:276px; height:295px; text-align:left; display:block; margin:0 10px 0 0;padding:5px 7px 0 7px}
.index_kutu_genis{ background:url(../images/index_kutu_genis.gif) no-repeat left top; width:400px; height:295px; text-align:left; display:block; margin:0 10px 0 0;padding:5px 7px 0 7px}
#urunSWF{ margin-left:3px}
.index_ul{ margin:0; padding-left:15px;}
.index_ul li{}
.index_ul li a{ padding:3px 3px 3px 5px; display:block}
.index_ul li a:hover{-moz-border-radius:4px; background-color:#fff; color:#000; display:block; padding:3px 3px 3px 5px;}

/********************** DETAY SAFYA ************************/
#content{ float:right; width:749px; z-index:80;}
	#contentTopBack{ background:url(../images/back_content_top.gif) no-repeat top left; width:731px; height:21px; padding:8px 8px 0 10px;}
	#contentCenterBack{ background:url(../images/back_content_center.gif) repeat-y; width:729px; padding:0 10px; display:block}
/*	#contentCenterBack p{ display: inline-block;}*/
	#contentBottomBack{ background:url(../images/back_content_bottom.gif) no-repeat top left; width:729px; height:24px;display:block; clear:both; padding:5px 10px 0 10px;}	
	.contentyatayLine{ background:url(../images/yatay_line.gif) repeat-x; display:block; margin:0 0 7px 0;  height:1px; }

#solMenu{ float:left; width:208px; padding:140px 0 0 2px}
	#solMenuTopBack{ background:url(../images/back_sidebar_top_NEW.gif) no-repeat top left; width:200px; height:74px;}
	#solMenuCenterBack{ background:url(../images/back_sidebar_center_NEW.gif) repeat-y; width:180px; padding:0 20px 0 0}
	#solMenuBottomBack{ background:url(../images/back_sidebar_bottom_NEW.gif) no-repeat bottom left; width:200px; height:18px;}
	#solMenu ul#global{margin:0 10px; padding:0; list-style:none}
	#solMenu ul li{ background:url(../images/yatay_line.gif) repeat-x bottom; margin:0; padding:3px 0}
	#solMenu ul li a{ background:url(../images/arrow1.gif) no-repeat left; padding:3px 3px 3px 15px; display:block}
	#solMenu ul li a:hover{-moz-border-radius:4px; background-color:#96a214; color:#fff; }
	#solMenu ul li.current-cat a{-moz-border-radius:4px; background-color:#74b6dc; color:#fff; }
	#solMenu ul li.current-cat ul li a{background:url(../images/arrow1.gif) no-repeat left; padding:3px 3px 3px 15px; display:block; color:#207e83}
	#solMenu ul li.current-cat ul li a:hover{-moz-border-radius:4px; background-color:#96a214; color:#fff; }
	#solMenu ul li.current-cat-parent{ background:#e8ecc2;-moz-border-radius:5px;}
	#solMenu ul li ul{ margin:0 5px 0 10px; padding:0;}
	#solMenu ul li ul li{ list-style:none}

/********************** BUTTON ***********************/
.devami{ display:block;width:100%; height:12px; text-align:right}
.button1{ display:inline-block; padding:4px 7px; color:#FFF; background: #036; font-size:11px; font-weight:bold}
.button1:hover{ background:#069;}

/************** TEXT *****************/
.baslik1{font-size:18px;color:#000; padding-top:5px;}
.baslik1 a{font-size:26px}
.PNG_baslik{display:inline-block;}
.baslik2{ color:#207e83; font-weight:bold;}
.baslik3{font-size:18px; letter-spacing:0px}
.baslik4{ color: #666;font-size:13px}
.baslik5{ color:#ef9f00; font-weight:bold; font-size:14px; font-weight:bold}
.detayBaslik{color:#207e83; font-weight:bold; font-size:13px;}
.text2{ font-size:12px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}

/*************** FOOTER *****************/
#footer{ text-align:center; background:url(../images/footer_back.gif) no-repeat top left; width:943px; height:65px; margin:-32px 0 0 0; padding:48px 10px 0 10px;  z-index:90;} /*  detay sayfada position:relative vermen gerekiyor*/
#footer a{ padding:2px 6px;}
#footer a:hover{-moz-border-radius:4px; color:#fff; background-color: #696;}

#copyright{ margin:10px 50px; line-height:22px; background:url(../images/yatay_line.gif) repeat-x top; padding:8px; text-align:center}
#copyright a,#copyright a:hover{ background:none; color:#696; border:0px; padding:0;}
#copyright img{ margin-top:8px;}


/*-----------------form elemanları ---------------------*/
.combobox_comment{border:1px solid #e1e1e1;font-family: tahoma, Arial, Helvetica, sans-serif;font-size:12px;color: #8eccd5;height:17px;padding-top:3px;padding-left:5px;}
.button{background:#8eccd5; border:0px; padding:5px;  font-family: tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF}
.button:hover{color:#8eccd5 ; background:#4a8d97; cursor:pointer}
.aramaCOMBO{border:1px solid #e1e1e1;font-family: tahoma, Arial, Helvetica, sans-serif;font-size:12px;color: #8eccd5;height:23px;padding-top:3px;padding-left:5px;}


/*-------------------------- ARKADAŞIMA GÖNDER ------------------------*/
#AG_div{width:520px; z-index:999; position:absolute; height:280px; border:5px #8eccd5 solid;  margin-left:100px; margin-top:-65px;  background:#FFFFFF; display:none}

#mail_OK{width:520px; z-index:999; position:absolute; height:280px; border:5px #8eccd5 solid;  margin-left:100px; margin-top:-65px;  background:#FFFFFF; display:none}


/*--------------------------------- KATEGORİ SINIFLAR ------------------*/
.CATresim{ margin-right:10px; overflow:hidden}
.baslik1{ font-size:17px; color:#09C}
.CATtext{ color:#999;}


/*------------------------ ÖĞRETMEN SAYFASI ----------------*/
.baglantilar{ margin:0; padding:0;}
	.baglantilar li{ list-style:url(../images/arrow1.gif); margin:0  0 0 15px; padding:0;}
		.baglantilar li ul{ margin:0; padding:0}
			.baglantilar li  ul li a{ display: block; padding:3px;}
			.baglantilar li ul li a:hover{ background:#F93; color:#FFF}
.baglantilar h2{ font-size:14px; color:#F93; font-weight:bold}


/*---------------------- ARŞİV -----------------------*/
.ARSIV_resim { padding:5px; width:150px; overflow:hidden; height:90px;  background:#FFF; border:#eaeaea 1px solid; text-align:center}
.ARSIV_resim img{ width:150px; height:auto;}

/*------------------------------ KUTUCUKLAR ------------------------*/
.box { background: #E5F3FC;}
.boxtop { background: url(../images/box/ne.gif) no-repeat top right; }
.boxtop div {font-size: 0;height: 7px; background: url(../images/box/nw.gif) no-repeat top left; }
.boxbottom { background: url(../images/box/se.gif) no-repeat bottom right; }
.boxbottom div { font-size: 0;height: 7px; background: url(../images/box/sw.gif) no-repeat bottom left; }
.boxcontent {padding: 0px 7px 0px 7px;}

/*----------------- FORM ELEMANLARI ---------------------*/
.combobox_comment{border:1px solid #e1e1e1;font-family: tahoma, Arial, Helvetica, sans-serif;font-size:12px;color: #8eccd5;height:17px;padding-top:3px;padding-left:5px;}
.button{background:#8eccd5; border:0px; padding:5px;  font-family: tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF}
.button:hover{color:#8eccd5 ; background:#4a8d97; cursor:pointer}
.aramaCOMBO{border:1px solid #e1e1e1;font-family: tahoma, Arial, Helvetica, sans-serif;font-size:12px;color: #8eccd5;height:23px;padding-top:3px;padding-left:5px;}