@charset "utf-8";
/* CSS Document */
html, body {
	background:#FFF;
	list-style:none;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	height:100%;
	color:#333;
}
h3 {
	font-size:14px;
	color:#FFF;
	letter-spacing:0.1mm;
}
hr {
	border:none;
	background:#333;
	height:1px;
	width: 450px;
	float:left;
	margin: 5px auto;
}
#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
}
#top {
	background:url(../images/top-bg.jpg) no-repeat center top;
	height:397px;
}
#toplogo {
	height:120px;
}
#logo {
	margin: 0 0 6px 10px;
	float: left;
}
#topbanner {
	 height:227px; 
	 width:960px;
	 text-align:center;
}
#topmenu {
	width:950px;
	height:50px;
	padding:0 5px;
}
#content {
	padding:10px;
	height:100%;
}
#left-col {
	width: 260px;
	float: left;
}
#right-col {
	width: 670px;
	float: right;
	padding-left: 10px;
	background:url(../images/big-title-bg.jpg) no-repeat center top; 
}
#right-col h3{
	margin:5px 0 0 20px; 
}
#right-col a{
	color:#06F;
}
#footer {
	background:url(../images/footer-bg.jpg) no-repeat center top;
	height:100px;
	padding-top:4px;
	margin-bottom:10px;
}
#footer ul {
	padding:0;
	list-style:none;
	height:20px;
	margin:20px 0 0 120px;
	color:#FFF;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer ul li {float:left; margin-left:5px;}
#footer li a{
	height: 20px;
	outline: none;
	text-decoration: none;
	color:#FFF;
}
#footer li a:hover{text-decoration:underline;}
#footer span {
	font-size: 9px;
	margin-left: 250px;
}
#eelogo {
	float: right;
	margin-right: 10px;
}
#foomenu {
	height:65px; 
	padding:4px 0 0 25px;
}
.boxkapla {
	float: left;
	width:256px;
	margin-bottom:10px;
	display: inline;
	background:url(../images/box-bottom.jpg) center bottom no-repeat; 
	padding-bottom:20px;
}
.box {
	background:url(../images/title-bg.jpg) #2687ff center top no-repeat;
	width:216px;
	padding:9px 20px 0 20px;
	color:#FFF;
	line-height:15px;
	font-size:9px;
}
.box a{
	color:#FFF;
	text-decoration:none;
}
.box a:hover{
	color:#006;
}
.aktif {
	font-size: 11px;
	font-weight:bold;
}
.box ul{
	margin-left:20px;
	color:#FFF;
	line-height:16px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
.box li {
	margin-top:4px;
	padding:1px 0; 
	list-style: url(../images/left-arrow.jpg);
	border-bottom: solid 1px #FFF;
	position:relative;
}
.bigbox { 
	width:640px; 
	padding:9px 15px 0 15px;
	font-size:11px;
	line-height:16px;
	margin-bottom: 10px;
	border-left:1px solid #333;
	margin-top:15px;
}
.bigbox ul {  
	margin-left: 25px;
	list-style: url(../images/left-arrow-b.jpg);
}
.bigbox p {
	margin-top: 25px;
	text-indent: 7px;
	font-family: inherit;
}
#accordion {
	float:left;
	width: 362px;
}
#accordion h3, #accordion p{
	margin:0;
}
.ac-title {
	margin: 0 auto;
	padding: 3px 20px;
	width: 322px;
	height: 26px;
	background: url(../images/ac-title-bg.jpg) no-repeat center center;
	color: #FFF;
	cursor: pointer;
	line-height: 23px;
	outline: none;
}
.ac-content {
	margin: 0 auto;
	width: 334px;
	height: 90px;
	padding: 3px 10px;
	background: url(../images/ac-content-bg.jpg) no-repeat center top;
	overflow: auto;
}
.baslik {
	font-weight:bold;
	font-size: 14px;
}
.little_baslik {
	font-weight:bold;
	font-size: 12px;
}
.textfield, .textarea, .listmenu {
	border: solid 1px #2687ff;
	padding:4px;
	height: 15px;
	width: 150px;
	color:#000;
	margin:5px 0;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
}
.textfield:focus, .textarea:focus, .listmenu:focus {
	-moz-box-shadow:inset 0px 0px 3px #06F;
	-webkit-box-shadow:inset 0px 0px 3px #06F;
	
}
.textarea {
	height: 100px;
	width: 200px;
	max-width: 200px;
	max-height: 200px;
}
.listmenu {
	height: 28px;
	width: 160px;
}
.buton {
	background: url(../images/btn.jpg) no-repeat center center;
	height: 26px;
	width: 55px;
/*	padding-top:2px*/;
	font-size: 11px;
	margin-top:25px;
	cursor: pointer;
	border: none;
	color: #FFF;
}
.yildiz {
	color:#C00;
}
.egitimtablo {
	border-bottom:1px solid #000; 
	border-right:1px solid #000; 
	text-align:center;
}
.simg, .bimg {
	padding:5px; 
	border:1px solid #000; 
	background:#FFF;
}
.simg {
	float:right; 
	margin-left:10px; 
}
/*---------------Menüler----------------------------*/
#mainmenu {
	padding:0;
	list-style:none;
	width:960px;
	height:50px;
	margin:0;
}
#mainmenu li {float:left;}
#mainmenu li a{
	display: block;
	height: 50px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	background: url(../images/menu.jpg) 0 0 no-repeat;
}
li#m1 a{width:139px; background-position:0 0;}
li#m2 a{width:174px; background-position:-139px 0;}
li#m3 a{width:132px; background-position:-315px 0;}
li#m4 a{width:167px; background-position:-449px 0;}
li#m5 a{width:200px; background-position:-618px 0;}
li#m6 a{width:138px; background-position:-820px 0;}

li#m1 a:hover{background-position:0 -50px;}
li#m2 a:hover{background-position:-139px -50px;}
li#m3 a:hover{background-position:-315px -50px;}
li#m4 a:hover{background-position:-449px -50px;}
li#m5 a:hover{background-position:-618px -50px;}
li#m6 a:hover{background-position:-820px -50px;}

#top1menu {
	padding:0;
	list-style:none;
	width:272px;
	height:16px;
	margin-top:5px;
	float:right;
}
#top1menu li {float:left;}
#top1menu li a{
	display: block;
	height: 16px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	background: url(../images/top-1-menu.jpg) 0 0 no-repeat;
}
li#tm1 a{width:89px; background-position:0 0;}
li#tm2 a{width:108px; background-position:-89px 0;}
li#tm3 a{width:75px; background-position:-197px 0;}

li#tm1 a:hover{background-position:0 -16px;}
li#tm2 a:hover{background-position:-89px -16px;}
li#tm3 a:hover{background-position:-197px -16px;}

#top2menu {
	padding:0;
	list-style:none;
	width:394px;
	height:20px;
	margin:70px 15px 0 80px;
	float:right;
}
#top2menu li {float:left;}
#top2menu li a{
	display: block;
	height: 20px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	background: url(../images/top-2-menu.jpg) 0 0 no-repeat;
}
li#ttm1 a{width:141px; background-position:0 0;}
li#ttm2 a{width:137px; background-position:-141px 0;}
li#ttm3 a{width:116px; background-position:-278px 0;}

li#ttm1 a:hover{background-position:0 -20px;}
li#ttm2 a:hover{background-position:-141px -20px;}
li#ttm3 a:hover{background-position:-278px -20px;}