@media screen and (min-width : 769px) {
/* Sol ve Sag Menu */

.sayfaagacmenu{
margin: 5px 0;
padding: 0;
width: 180px;
border:white; 
}

.sayfaagacmenu a.menuturu{
background: white url(resimler/) repeat-x bottom left;
font: bold 14px Open Sans,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:10px 0 10px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: solid 1px #eee;
}


.sayfaagacmenu a.menuturu:visited, .sayfaagacmenu .menuturu:active{ /*Alt sayfasý olmayan anasayfalar */
color: black;
}

.sayfaagacmenu a.menuturu .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
}

.sayfaagacmenu a.menuturu:hover{
background-image: url(resimler/menuhover.gif);
background:#eee;
}

.sayfaagacmenu div.sayfaaltmenu{ /*DIV that contains each sub menu*/
background: white;
}

.sayfaagacmenu div.sayfaaltmenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.sayfaagacmenu div.sayfaaltmenu ul li{
border-bottom: 1px solid #eee;
}

.sayfaagacmenu div.sayfaaltmenu ul li a{
display: block;
font: normal 13px Open Sans,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 10px 0 10px 30px;
background:#e5e5e5;
}

.sayfaagacmenu div.sayfaaltmenu ul li a:hover{
background: #b8b8b8;
color: white;
}


/* YANYANA OZET SAYFALAR */


#ozetyanyana {
	width:100%px;
	margin:auto;
	padding-left:10px;
}

#ozetler {
	float:left;
	width:220px;
  height:260px;
	padding:7px 8px 25px 8px;
  border:solid 1px #000;
  border-radius:5px;
  margin:0 0 15px 5px;
}

#ozetyanyana #ozetresim {
	float:left;
}

#ozetyanyana #ozetresim img {
	width:210px;
	height:156px;
  border:solid 5px #51bcc5;
  border-radius:5px;
}

#ozetyanyana #ozetaciklama {
	float:left;
	width:100%;
	padding:auto;
  
}
#ozetyanyana .ozetsayfaadi{
  padding-top:5px;
  text-align:center;
  font-weight:bold;
}

#ozetyanyana .ozetsayfaicerik  {
  text-align:center;
  padding:5px 0 5px 0;
}

#ozetyanyana .ozetsayfaicerik a  {
  font-weight:bold;
  color:#ef7c00;
}



ul#resimlisayfaliste {
	list-style:none;
	width:100%;
  margin:auto;
}

ul#resimlisayfaliste li {
	width:320px;
  height:198px;
  border-radius:1px;
  text-align:center;
  float:left;
  top: 10%;
  left: 10%;
  position:relative;
 margin:0 15px 150px 0;
  }
  
  ul#resimlisayfaliste li a{
  font-size:20px;
  }
  
  ul#resimlisayfaliste li img{
		width:320px;
	height:198px;
  border:solid 5px #000;
  border-radius:5px;
  }
}  
  @media screen and (max-width : 768px) {
  /* Sol ve Sag Menu */

.sayfaagacmenu{
margin: 5px 0;
padding: 0;
width: 100%;
border:white; 
}

.sayfaagacmenu a.menuturu{
background: white url(resimler/) repeat-x bottom left;
font: bold 14px Open Sans,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 100%;
padding:10px 0 10px 0;
text-decoration: none;
border-bottom: solid 1px #eee;
text-align:center;
}


.sayfaagacmenu a.menuturu:visited, .sayfaagacmenu .menuturu:active{ /*Alt sayfasý olmayan anasayfalar */
color: black;
}

.sayfaagacmenu a.menuturu .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
}

.sayfaagacmenu a.menuturu:hover{
background-image: url(resimler/menuhover.gif);
background:#eee;
}

.sayfaagacmenu div.sayfaaltmenu{ /*DIV that contains each sub menu*/
background: white;
}

.sayfaagacmenu div.sayfaaltmenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.sayfaagacmenu div.sayfaaltmenu ul li{
border-bottom: 1px solid #eee;
}

.sayfaagacmenu div.sayfaaltmenu ul li a{
display: block;
font: normal 13px Open Sans,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 10px 0 10px 30px;
background:#e5e5e5;
}

.sayfaagacmenu div.sayfaaltmenu ul li a:hover{
background: #b8b8b8;
color: white;
}


/* YANYANA OZET SAYFALAR */


#ozetyanyana {
	width:100%px;
	margin:auto;
	padding-left:10px;
}

#ozetler {
	float:left;
	width:220px;
  height:260px;
	padding:7px 8px 25px 8px;
  border:solid 1px #000;
  border-radius:5px;
  margin:0 0 15px 5px;
}

#ozetyanyana #ozetresim {
	float:left;
}

#ozetyanyana #ozetresim img {
	width:210px;
	height:156px;
  border:solid 5px #51bcc5;
  border-radius:5px;
}

#ozetyanyana #ozetaciklama {
	float:left;
	width:100%;
	padding:auto;
  
}
#ozetyanyana .ozetsayfaadi{
  padding-top:5px;
  text-align:center;
  font-weight:bold;
}

#ozetyanyana .ozetsayfaicerik  {
  text-align:center;
  padding:5px 0 5px 0;
}

#ozetyanyana .ozetsayfaicerik a  {
  font-weight:bold;
  color:#ef7c00;
}



ul#resimlisayfaliste {
	list-style:none;
	width:100%;
  margin:auto;
}

ul#resimlisayfaliste li {
	width:270px;
  height:167px;
  border-radius:1px;
  text-align:center;
  float:left;
  margin:10px 10px 70px 0;
  left:10%;
  right:10%;
  position:Relative;
  }
  
  ul#resimlisayfaliste li a{
  font-size:20px;
  }
  
  ul#resimlisayfaliste li img{
		width:260px;
	height:161px;
  border:solid 5px #000;
  border-radius:5px;
  }
  }