@media only screen and (min-width: 901px) {

	#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
	.logolayer {
		position:relative;
		width: 110px;
		height: 76px;
		background-image: url(images/anslogo.png);
		z-index:15;
	}
	#sayfaOrtaSag {
		position:relative;
		padding:5px;
		height:500px;
		width:170px;
		background-color: rgba(255, 255, 255, 0.7);
		text-align: right;
	}
	#zemin {
		position:relative;
		background-color: rgba(255, 255, 255, 0.0);
		z-index:1;

	}
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	#sayfaOrta {
	  position:fixed;
	  overflow-y: auto;
	  color:#000000;
	  background-color: rgba(255, 255, 255, 0.6);
	  top: 0px; 
	  right: 100px; 
	  display: flex;
	   justify-content: left;
	   padding-left:50;
	   padding-top:30;
	   
	   height:99%;
	   width:800px;
	   border-radius: 100px 0px 100px 0px;
		border: 1px solid #848484;



	}
	#sayfaOrtaYazi {
	  position:fixed;
	  color:#000000;
	  background-color: rgba(255, 255, 255, 0.0);
	  top: 20px; 
	  right: 100px; 
		 display: flex;
	   justify-content: left;
	   padding-left:50;
	   padding-top:30;
	   height:50%;
	   width:150px;


	}

	#sayfaAlt {
		position:relative;
		height:90px;
		width:100%;
		background-color: rgba(0, 0, 0, 0.7);
	}
	#sayfaYazi {
		position:relative;
		overflow: auto;
	}
	.bg {
	  position: fixed; 
	  top: 0; 
	  left: 0; 
		
	  /* Preserve aspet ratio */
	  min-width: 100%;
	  min-height: 100%;
	}
	.test
	{
		position:fixed;
	  top: 120px; 
	  left: -3px; 
	  padding-top: 15px;
		width: 570px;
		height: 120px;
		border: 2px solid #848484;
		border-radius: 0px 100px 100px 0px;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.adres
	{
		position:fixed;
	  left: -3px; 
	  bottom: 0px; 
		width: 570px;
		height: 200px;
		border-radius: 0px 100px 0px 0px;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.8);
		font-size: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding-left: 15px;
		padding-top: 15px;
		border: 2px solid #848484;
	}

	.girisresim
	{
		position:absolute;
	  top: 20px; 
	  right: 80px; 
		width: 503px;
		height: 95%;
		z-index:5;
		background-color: rgba(255, 255, 255, 0.0);

	}

	.adresalt
	{
	   display: flex;
	   align-items: center; 
	   justify-content: left;
	}

	.logo
	{
		position:absolute;

	  bottom: 30px; 
	  left: 100px;
		width: 170px;
		height: 100px;
		border-radius: 0px 0px 0px 0px;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.0);
	}
	ul.menu {list-style:none; margin:0; padding:0}
	ul.menu * {margin:0; padding:0}
	ul.menu a {
		display:block;
		color:#B70000;
		text-decoration:none
	}
	ul.menu li {position:relative; float:left; margin-right:2px}
	ul.menu ul {position:absolute; top:26px; left:0; background:#FF0000; display:none; opacity:0; list-style:none}
	ul.menu ul li {position:relative; border:1px solid #FF0000; border-top:none; width:148px; margin:0}
	ul.menu ul li a {
		display:block;
		padding:3px 7px 5px;
		background-color:#B70000;
		color:#B70000
	}
	ul.menu ul li a:hover {
		background-color:#B70000
	}
	ul.menu ul ul {left:148px; top:-1px}
	ul.menu .menulink {padding:5px 7px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  width:80px; color:#000000}
	ul.menu .menulink:hover, ul.menu .menuhover {color:#FF0000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	ul.menu .sub {background:#B70000 url(images/arrow.gif) 148px 8px no-repeat }
	ul.menu .topline {border-top:1px solid #B70000}

	
	table.wide-table { 
		width:560px; 
		border:0;
		cellpadding:0;
		cellspacing:0;
		align:center;
	
	}
	

	
	#resim_table {
		
		position:fixed;
		color:#000000;
		top: 30px; 
		right: 100px; 
		display: flex;
		justify-content: left;
		height:99%;
		width:800px;
		flex-wrap: wrap;

	}
	
	.images {
		
		float:left;
		height:270px;
		width:210px;

	}

	.clearfix {
		clear: both;
	}

}

@media only screen and (max-width: 900px) {

	#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
	.logolayer {
		position:relative;
		top:5px;
		width: 80px;
		height: 55px;
		background-image: url(images/anslogo_small.png);
		background-repeat: no-repeat;
	}
	#sayfaOrtaSag {
		position:relative;
		padding:5px;
		height:500px;
		width:170px;
		background-color: rgba(255, 255, 255, 0.7);
		text-align: right;
	}
	#zemin {
		position:relative;
		background-color: rgba(255, 255, 255, 0.0);
		z-index:1;

	}
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	#sayfaOrta {
	  position:relative;
	  overflow-y: auto;
	  color:#000000;
	  background-color: rgba(255, 255, 255, 0.6);
	  top: 60px; 

		 display: flex;
	   align-items: top; 
	   justify-content: left;
	   height:99%;
	   border-radius: 0px 0px 0px 0px;
		border: 1px solid #848484;
		display: flex;
        flex-direction: column;
        align-items: center;

	}
	
	#sayfaOrtaYazi {
	  position:fixed;
	  color:#000000;
	  background-color: rgba(255, 255, 255, 0.0);
	  top: 90px; 
	  right: 2px; 
		 display: flex;
	   justify-content: left;
	   height:50%;
	   width:100px;


	}

	#sayfaAlt {
		position:relative;
		height:90px;
		width:100%;
		background-color: rgba(0, 0, 0, 0.7);
	}
	#sayfaYazi {
		position:relative;
		overflow: auto;
	}
	.bg {
	  position: fixed; 
	  top: 0; 
	  left: 0; 
		
	  /* Preserve aspet ratio */
	  min-width: 100%;
	  min-height: 100%;
	}
	.test
	{
		position:fixed;
		top: -2px; 
		left: -2px; 
		padding-left:10px;
		width: 100%;
		height: 60px;
		border: 2px solid #848484;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.adres
	{
		position:fixed;
	  left: -3px; 
	  bottom: 0px; 
		width: 0px;
		height: 0px;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.8);


	}

	.girisresim
	{
		position:absolute;
	  top: 20px; 
	  right: 80px; 
		width: 503px;
		height: 95%;
		z-index:5;
		background-color: rgba(255, 255, 255, 0.0);

	}

	.adresalt
	{
	   display: flex;
	   align-items: center; 
	   justify-content: left;
	}

	.logo
	{
		
		position:absolute;
		bottom: 30px; 
		left: 100px;
		width: 170px;
		height: 100px;
		border-radius: 0px 0px 0px 0px;
		z-index:0;
		background-color: rgba(255, 255, 255, 0.0);
		
	}
	ul.menu {list-style:none; margin:0; padding:0}
	ul.menu * {margin:0; padding:0}
	ul.menu a {
		display:block;
		color:#B70000;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;   color:#000000;
	}
	ul.menu li {position:relative; float:left; margin-right:2px}
	ul.menu ul {position:absolute; top:26px; left:0; background:#FF0000; display:none; opacity:0; list-style:none}
	ul.menu ul li {position:relative; border:1px solid #FF0000; border-top:none; width:148px; margin:0}
	ul.menu ul li a {
		display:block;
		padding:3px 7px 5px;
		background-color:#B70000;
		color:#B70000
	}
	ul.menu ul li a:hover {
		background-color:#B70000
	}
	ul.menu ul ul {left:148px; top:-1px}
	ul.menu .menulink {padding:3px 3px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  width:70px; color:#000000}
	ul.menu .menulink:hover, ul.menu .menuhover {color:#FF0000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

	
	table.wide-table { 
		width:100%; 
		border:0;
		cellpadding:0;
		cellspacing:0;
		align:center;
	}
	
	

}