.container{

width:1400px;
height:960px;

margin:-300px auto 0 auto;
z-index:2;



}
html { 
  background: url(images/anna.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#bg{
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;	
  
  z-index: -100;
}
.body{
width:1600px;
overflow:hidden;
}
.slideshow
{
position:absolute;
width:200px;
height:100px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

margin:-262px 0 0 45px;
z-index:-100;
}
.ip
{
width:%100;
height:320px;
top:-100px;
z-index:1;

}
.ip-sol
{
width:100px;
height:320px;
float:left;

}
.ip-sag
{
width:100px;
height:320px;
float:right;

}


.header
{
width:1300px;
margin:0 auto;
height:550px;

}

.header-resim
{
	width:850px;
	height:500px;
	margin:0 auto;
	background-size:850px 500px;
}
.header-baslik
{
	width:100%;
	height:10%;
	margin:-5px auto;
	text-align:center;

}

.yuvarlak{
position:relative;
	margin:0 0 0 275px;
	width:423px;
overflow:hidden;
	z-index:5;

}
.resim0
{
	position:absolute;
	margin-top:-450px;
	margin-left:250px;
	height: 275px;
	width: 175px;
	  overflow: hidden;
}


.resim1
{
	position:absolute;
	margin-top:-350px;
	margin-left:250px;
	height: 275px;
	width: 175px;
	  overflow: hidden;
}

.resim2
{
	position:absolute;
	margin-top:-150px;
	margin-left:200px;
	height: 180px;
	width: 375px;
	z-index:1;
	  overflow: hidden;
}

.resim3
{
	position:absolute;

	margin-left:800px;
	margin-top:-175px;
	height: 180px;
	width: 350px;
	  overflow: hidden;
}

.resim4{
position:absolute;
 
  height: 275px;
  width: 250px;
	margin-left:820px;
	margin-top:-480px;
  overflow: hidden;

}





 .resim5{
  position:absolute;
  
  height: 175px;
  width: 175px;
    overflow: hidden;
	margin-left:20px;
	margin-top:-300px;

}
.resim6{
 position:absolute;
  
  height: 175px;
  width: 175px;
    overflow: hidden;
	margin-left:1150px;
	margin-top:-300px;


}


/* ********tilt******** */
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.anamenu
{
width:%100;
height:150px;
margin-top:-50px;
display:inherit;
}
.menusol{
float:left;
width:500px;
height:250px;

}
.menusag{
float:right;
width:500px;
height:250px;

}
.menuorta{
margin-left:50px;
float:left;
width:300px;
height:200px;
margin-top:-125px;
}
#cssmenu {
  
  width:450px;
  height:50px;
 margin-left:15px;
}
#cssmenu > ul {
 
  
  width: 500px;
  height: 21px;
  margin-left:-50px;
 
  
 
}
#cssmenu > ul li {
  margin-left: 10px;
  padding: 0;
  display: block;
  float: left;
  left:-4px;/*alt menunun içindeki yazının sola kayması*/
  position: relative;
  width: 100px;/*yakınlastırma*/
  }
#cssmenu > ul li a:link,
#cssmenu > ul li a:visited {
  padding: 0px;
  display: block;
  width: 260px;
  height: 45px;
  top:20px;
}
#cssmenu > ul li:hover a,
#cssmenu > ul li a:hover,
#cssmenu > ul li a:active {
  padding: 4px 0;/*üstüne gelince aşağı iner*/
  text-decoration: none;
  top:50px;/*sub iki kat arası*/
  width: 146px;
  height: 13px;
 
}
#cssmenu > ul li ul {
  margin: 0;
  padding: 2px px 0;/*sub menunun boyutu*/
  
  display: none;
 
  width: 146px;
  position: absolute;
  top: 40px;
  left: -38px;/*sub menubnun sola kayması*/
 
  background-image:url("bykt1.png" )
  
}
#cssmenu > ul li:hover ul {
  display: block;
  width:150px;/*sub genişlik*/
  height:150px;
  
}
#cssmenu > ul li ul li {
  clear: left;
  width: 0px;
 
}
#cssmenu > ul li ul li a:link,
#cssmenu > ul li ul li:hover a,
#cssmenu > ul li ul li a:active,
#cssmenu > ul li ul li a:hover {
  clear: left;
  top:0px;
  left:-20px;
  width: 6px;
  font-size:12px;
  font-family:Arial Rounded MT Bold ;
  color:red;
  text-align:left;
  position: relative;
  z-index: 1000;
}
#cssmenu > ul li ul li ul.navigation-3 {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 145px;
  top: -2px;
  padding: 1px 1px 0 1px;
  border: 1px solid #006600;
  border-left: 1px solid #006600;
  background: #ffffff;
  z-index: 900;
}
#cssmenu > ul li ul li:hover ul.navigation-3 {
  display: block;
}
#cssmenu > ul li ul li ul.navigation-3 li a:link,
#cssmenu > ul li ul li ul.navigation-3 li a:visited {
  background: #006600;
}
#cssmenu > ul li ul li ul.navigation-3 li:hover a,
#cssmenu > ul li ul li ul.navigation-3 li a:hover,
#cssmenu > ul li ul li ul.navigation-3 li a:active {
  background: #339933;
}


#cssmenu2 {
  
  width:550px;
  height:50px;
 

}
#cssmenu2 > ul {
 
  
  width: 500px;
  height: 21px;
 }

#cssmenu2 > ul li {
  margin-left: 10px;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  width: 100px;

}
#cssmenu2> ul li a:link,
#cssmenu2 > ul li a:visited {
  padding: 0px;
  display: block;
  width: 248px;
  height: 45px;
  top:20px;
}
#cssmenu2> ul li:hover a,
#cssmenu2 > ul li a:hover,
#cssmenu2 > ul li a:active {
  padding: 4px 0;/*üstüne gelince aşağı iner*/
  text-decoration: none;
  top:50px;/*sub iki kat arası*/
  width: 155px;
  height: 13px;
  
}
#cssmenu2 > ul li ul {
  margin: 0;
  padding: 2px px 0;/*sub menunun boyutu*/
  
  display: none;
  
  width: 146px;
  position: absolute;
  top: 40px;
  left: -38px;/*sub menubnun sola kayması*/
 
  background-image:url("bykt1.png" )
  
}
#cssmenu2 > ul li:hover ul {
  text-align:left;
  font-size:12px;
   display: block;
  width:157px;/*sub genişlik*/
  height:150px;
  
}
#cssmenu2 > ul li ul li {
  clear: left;
  width: 0px;
 
}
#cssmenu2 > ul li ul li a:link,

#cssmenu2> ul li ul li:hover a,
#cssmenu2 > ul li ul li a:active,
#cssmenu2 > ul li ul li a:hover {
  clear: left;
 
 top:0px;
 left:-20px;
  width: 6px;
font-size:12px;
font-family:Arial Rounded MT Bold ;
color:red;
text-align:left;
  

  position: relative;
  z-index: 1000;
}
#cssmenu2 > ul li ul li ul.navigation-3 {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 145px;
  top: -2px;
  padding: 1px 1px 0 1px;
  border: 1px solid #006600;
  border-left: 1px solid #006600;
  background: #ffffff;
  z-index: 900;
}
#cssmenu2 > ul li ul li:hover ul.navigation-3 {
  display: block;
}
#cssmenu2> ul li ul li ul.navigation-3 li a:link,
#cssmenu2 > ul li ul li ul.navigation-3 li a:visited {
  background: #006600;
}
#cssmenu2 > ul li ul li ul.navigation-3 li:hover a,
#cssmenu2 > ul li ul li ul.navigation-3 li a:hover,
#cssmenu2 > ul li ul li ul.navigation-3 li a:active {
  background: #339933;
}
.logokutu
{
width:500px;
height:250px;
margin:-410px auto;



}
.kitap
{
width:500px;
height:400px;
margin:-60px auto;

}