* {
margin:0;
padding:0;
}
 @font-face { font-family: Times Sans Serif; src: url('TIMESS__.ttf'); } 
  @font-face { font-family: KGNeatlyPrinted; src: url('KGNeatlyPrinted.ttf'); } 
   @font-face { font-family: AlteHaasGroteskRegular; src: url('AlteHaasGroteskRegular.ttf'); } 
     @font-face { font-family: AlteHaasGroteskBold; src: url('AlteHaasGroteskBold.ttf'); } 
	  @font-face { font-family: Larke Neue Regular; src: url('Larke Neue Regular.ttf'); } 
	   @font-face { font-family: Larke Neue Bold; src: url('Larke Neue Bold.ttf'); } 
	    @font-face { font-family: Garamond; src: url('garr45w.ttf'); } 
	  
	 
 
body,td,th {
	font-family: Larke Neue Regular;
	font-size: 12px;
	color: #000000;
	height:80%
}
input,textarea,select,option {
	font-family: Larke Neue Regular;
	font-size: 12px;
	color: green;
	border: 1px solid black;
}



#grupspan:hover {
	text-decoration:underline;
}

th { text-align: center }

html,body {
	margin-left: 1px;
	margin-top: -5px;
	margin-right: 1px;
	margin-bottom: 1px;
	height:95%
}
a,a:active,a:visited {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}
.listTable a:visited {
	font-size: 12px;
	color: orange;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: blue;
}

.ortala {
margin-left: auto;
    margin-right: auto;
	width:909px;
    position:relative;

}

#bodyarea {
	width: 100%;
	float: left;
	position:relative;
}

#container {
	min-width: 899px;
	margin: 0 auto;

	position:relative;
	padding-top:10px;


height:100%;

}

#topbar2 {


  /* background: -webkit-linear-gradient( #E03C0C, #FFF ); /* For Safari 5.1 to 6.0 */
  /* background: -o-linear-gradient(#E03C0C, #FFF); /* For Opera 11.1 to 12.0 */
  /* background: -moz-linear-gradient(#E03C0C, #FFF); /* For Firefox 3.6 to 15 */
  /* background: linear-gradient(#E03C0C, #FFF); /* Standard syntax */
	/*color: #FFFFFF; */
	/*background-image:url(../img/pattern8.jpg);
	background-repeat:repeat-x;*/
	margin:0;
	height: 90px;
	padding-top:5px;
	position:relative;
	/*filter: alpha(Opacity=85);
opacity: 0.85; */
}
.topbar3 {


  /* background: -webkit-linear-gradient( #E03C0C, #FFF ); /* For Safari 5.1 to 6.0 */
  /* background: -o-linear-gradient(#E03C0C, #FFF); /* For Opera 11.1 to 12.0 */
  /* background: -moz-linear-gradient(#E03C0C, #FFF); /* For Firefox 3.6 to 15 */
  /* background: linear-gradient(#E03C0C, #FFF); /* Standard syntax */
	/*color: #FFFFFF; */
	/*background-image:url(../img/pattern8.jpg);
	background-repeat:repeat-x;*/
	margin:0;
	padding-top:1px;
	position:relative;
	/*filter: alpha(Opacity=85);
opacity: 0.85; */
}
#topbar {
	background-color: #336699;
	color: #FFFFFF;
	margin:0;
	height: 8px;

}

.topbar4 {
	position:relative;
	margin-top:-12px;
	border-bottom: 8px solid #336699;
	border-image-repeat: repeat;
}
#footer {
	width: 100%;
	text-align:center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left:auto;
	margin-right:auto;
    clear: both;

}
#main {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	float: left;
	width: 899px;
	margin:0 auto;

	height:100% !important;
}
#leftside {
	margin:0;
	padding:0;

	float: left;
	text-align: left;
	width: 175px;
	background-color:#FFF;
		font-weight: bold;

	height:100%
}
#leftside h3 {
	background-color: #336699;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 2px 0px 2px 0px;
}
#leftside ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#leftside li {
	margin: 0 0 3px 0;
	padding: 0 0 0 3px;
}

/* Acilir Menu */

#suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 155px; /* Width of Menu Items */
	color: #FFFFFF;
	border: 1px solid black;

}

#suckerdiv ul li{
	position: relative;
}

/*Sub level menu items */
#suckerdiv ul li ul{
	position: absolute;
	width: 100%; /*sub menu width*/
	top: 0;
	visibility: hidden;
	padding: 2px;
}

/* Sub level menu links style */
#suckerdiv ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	border-bottom: 0;
	color: white;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
}

#suckerdiv ul li a:visited{
	color: white;
}

#suckerdiv ul li a:hover{
	text-decoration: none;
	background-color:#DDE9F5;
	color: black;
}

#suckerdiv .subfolderstyle {
	background: url(../img/arrow-list.gif) no-repeat center right;
}
.Fen {
	background-color:#6699FF;
}
.Sosyal {
	background-color:#FF3366;
}
.Biyoloji {
	background-color:#33CC66;
}
.red { color:red; }
.bg { background-color:#DDE9F5; }
.header {
	font-size:18px;
	font-weight:bold;
}
.yasla { text-align:justify; font-size:12px;}
.Menu {
	background-color: #336699;
	color: #FFFFFF;

}

#atifarama {
  background: url(../img/atifarama.jpg) no-repeat center top;
  display:block;
  clear:both;
  height:120px;

padding:70px 0 0 100px;
width:450px;
font-weight:bold;
}

#anahtararama {
  background: url(../img/anahtarkelime.jpg) no-repeat center top;
  display:block;
  clear:both;
  height:120px;

padding:70px 0 0 100px;
width:450px;
font-weight:bold;
}

#dergiarama {
  background: url(../img/dergiincele.jpg) no-repeat center top;
  display:block;
  clear:both;
  height:120px;

padding:70px 0 0 100px;
width:450px;
font-weight:bold;
}



.listTable td  {

font-size: 11px;
line-height : 1.6em;
}
/*
#fen,#sosyal,#biyoloji {
	float: left;
	padding: 0px 20px 0px 15px;
}
#fen {
	margin-top: -3px;
 }*/
.opaque {
	opacity: .3;
	filter: alpha(opacity=30);
}

#tooltip {
	top: 30; left: 30;
	margin-left:10px;
	margin-right:20px;
	font-size:8px;
	position: absolute;
	z-index:5;
	position:absolute;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	 filter:alpha(opacity=85);
   -moz-opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#tooltip h3 {
	paddding: 15px;
	font-weight: normal;
	font-size: 8pt;
	text-align: justify;
}


/* Holly Hack for IE \*/
* html #suckerdiv ul li { float: left; height: 1%; }
* html #suckerdiv ul li a { height: 1%; }
/* End */

#divkunye{
	position:absolute;
	top: 50; left: 300; width:300; visibility:hidden;
	margin-left:100px;
	margin-right:200px;
	font-size:8px;
	filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   border: 1px solid #111;
   background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}


#divspan{
	position:absolute;

	  visibility:hidden;
	margin-left:15px;
	margin-right:35px;
	margin-top:50px;
	 filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   border: 1px solid #111;
   background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	z-index:5;

}
#divspan2{
	position:absolute;
	text-align:justify;

	  visibility:hidden;
	margin-left:515px;

	margin-top:-20px;
	 filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   border: 1px solid #111;
   background-color: #eee;
	padding: 3px;
	opacity: 0.85;
	z-index:5;
}

#divspan3{
	position:absolute;
	text-align:justify;

	   visibility:hidden;
	margin-left:45px;
	margin-right:40px;
	margin-top:-75px;
	 filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   border: 1px solid #111;
   background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	z-index:5;

}

#divspan4{
	position:absolute;
	text-align:justify;

	   visibility:hidden;
	margin-left:45px;
	margin-right:40px;
	margin-top:-75px;
	 filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   border: 1px solid #111;
   background-color: #eee;
	padding: 5px;
	opacity: 0.85;
z-index:5;
}

 #solkutu{width: 130px; height: 320px; background:#FFF;float:left; margin-left:-160px; position:relative; top:60px; left:4px; border:solid 1px #0099FF; overflow:auto;
 padding-bottom:10px;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;


 }
 
 #solkutu_kelime{width: 160px; min-height: 160px; background:#FFF;float:left; margin-left:-185px; position:relative; top:99px; left:4px;  overflow:auto;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	

 }
 
 #solkutu_kelime input {
	 background-color:#F45B2F;
	 color:#fff;
	 font-size:12px;
	 font-weight:bold;
 }
 
 #sagkutu_reklam{width: 210px; min-height: 160px; background:#FFF;float:right; margin-left:0px; position:relative; top:110px; left:0px;  overflow:auto;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	

 }
 
 #sagkutu_reklam2{width: 210px; min-height: 100px; background:#FFF;float:right; margin-left:0px; position:relative; top:3px; left:0px;  overflow:auto;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	

 }
 
 
 
 
 

 #solkutu2{width: 135px;  background:#FFF;float:left; margin-left:-160px; position:relative; top:80px; left:4px; border:solid 1px #0099FF; overflow:auto;
 padding-bottom:10px;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;


 }


 #solkutu3{width: 160px;  background:#FFF;float:left; margin-left:5px; position:absolute; top:210px; left:4px;   padding-left:3px;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;


 }
#solkutu3:hover {
-moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc;
}
#solkutu4{width: 160px;  background:#FFF;float:left; margin-left:-5px; position:relative; top:20px; left:4px;   padding-left:3px;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

 }

 #solkutu4:hover {
-moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc;
}

#solkutu5{width: 150px;  background:#FFF;float:left; margin-left: -170px; position:absolute; top:168px; left:4px;   padding-left:3px;
 padding-bottom:10px;
 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

 }

 #solkutu5:hover {
-moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc;
}

#solkutu6{width: 160px;  background:#FFF;float:left; margin-left:-180px; position:relative; top:210px; left:4px;   padding-left:3px;
 padding-bottom:10px;
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;


 }
#solkutu6:hover {
-moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc;
}

.selected { background-color: #FFEFBF; }

.selected2 { background:#CCC; }


#absolute_div
{

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: -5px 4px -5px 4px;
	margin-top:5px;
	margin-left:25px;
    width: 110px;
    height: 195px;
    overflow:hidden;
    word-wrap:break-word;

	float:left;
	font-size:12px;
	font-weight:bold;
	color:#9e0021;
	font-family:Tahoma, Geneva, sans-serif;
}

#page {
	width: 640px;
	margin: 0 auto;
	background-color: #FFF;
	margin-bottom: 30px;
	color:#336699;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;


}

.ticker {
	width: 140px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #DDD;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #DDD;
}



.ticker li {
	height: 50px;
	border-bottom: 1px dotted #DDD;
	padding: 5px;
	margin: 0px 5px;
}


#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:relative;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after {
  background:#FFC;
  z-index: 3;
  position:relative;
}

#content {
  background: #fff;
  padding: .5em;
  margin:0 auto;
  position: relative;
  z-index: 2;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

.search:hover {
     cursor: hand;
     cursor: pointer;
}

#dergi_resim {
    position:  relative !important;
    top: auto !important;
    float:left !important;
    
}

#dergi_resims {
    position:  relative !important;
    top: auto !important;
    float:left !important;
    
}

#dergi_resimb {
    position:  relative !important;
    top: auto !important;
    float:left !important;
    
}