body 

{ margin : 0 auto;
  padding : 0;

  font:76% Verdana,Tahoma,Arial,sans-serif;
  
  background: #dedede ;
}



#wraph {
/*background-color:#ffffff;*/
/*color:#303030;*/
margin:0 auto;


width:100%;
/*border: 1px solid #ffffff;*/
}

#topNavigation {
	width: 100%;
	height: 150px;
	background-color: #EFF2E2;
	background: url('ima/bgbluet.jpg')  top  center repeat-x;
	color: #FFFFFF;
/*	border-bottom: 1px solid #B3B79B;*/
}


 	#topNavigation1 {
		 clear:left;

	float:left;
	height: 150px;
		/*width: 180px;*/
	/*	padding-left: 12px; */
	/*	padding-right: 10px;*/
	
		  margin: 2px 0px 2px 0px;
	}



#menu {  
	clear:right;
	float:right;
	 width: 500px;
	 height: 110px; 
	 padding: 0px 0px 0px 0px; 
	 margin: 10px 0px 2px 0px;
	 background: transparent;

	 font-weight: bold;
	 font-size: 1.0em;
 }
	

#menu1 { float:left;
	position: absolute;
	top 12px;
	left 12px;
	 width: 68px;
	 height: 115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 0px 5px;
	 background: transparent;
	 
	 color: #ffffa0;
/*	 border: 1px solid #ffffff;*/
 }

/*#menu :hover {
background:  url(ima/menut.jpg) top  center repeat-x;

}*/



#menu1:hover {
	color: #ffffa0;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}



#menu1 a {
 color: #ffffa0;
 text-decoration : none ;
 padding: 60px 10px 40px 0px;
	 }

#menu1 a:hover
{ text-decoration : none ;
}




#menu2:hover {
	color: #94ad4a;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}

#menu2 a {
 color: #94ad4a;
 text-decoration : none ;
  padding: 60px 15px 40px 0px;
	 }

#menu2 a:hover
{ text-decoration : none ;
}




#menu3:hover {
	color: #a2b3c3;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}

#menu3 a {
 color: #a2b3c3;
 text-decoration : none ;
  padding: 60px 15px 40px 0px;
	 }

	 
#menu3 a:hover
{ text-decoration : none ;
}


#menu4:hover {
	color: #c37e7b;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}

#menu4 a {
 color: #c37e7b;
 text-decoration : none ;
  padding: 60px 20px 40px 0px;
	 }

#menu4 a:hover
{ text-decoration : none ;
}



#menu5:hover {
	color: #e61170;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}


#menu5 a {
 color: #e61170;
 text-decoration : none ;
  padding: 60px 28px 40px 0px;
	 }

#menu5 a:hover
{ text-decoration : none ;
	
}

#menu6:hover {
	color: #bd6c24;
	background:  url(ima/menuddt.jpg) top  center repeat-x;
}

#menu6 a {
 color: #bd6c24;
 text-decoration : none ;
  padding: 60px 15px 40px 0px;
	 }

#menu6 a:hover
{ text-decoration : none ;
}


 #menu2 {position: absolute;
	top 12px;
	left 12px;
	 float:left; 
	 width: 68px;
	 height: 115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 2px 80px;
	 color:#94ad4a;
	 background: transparent;
/*	 border: 1px solid #ffffff;*/ }

 #menu3 {position: absolute;
	top 12px;
	left 12px;  
	 width: 68px;
	 height:115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 2px 155px;
	 color:#a2b3c3;
	 background: transparent;
/*	 border: 1px solid #ffffff;*/
 }

  #menu4 {position: absolute;
	top 12px;
	left 12px;  
	 width: 68px;
	 height: 115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 2px 230px;
	 color: #c37e7b;
	 background: transparent;
	/* border: 1px solid #ffffff;*/
 }

  #menu5 {position: absolute;
	top 12px;
	left 12px;  
	 width: 68px;
	 height: 115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 2px 305px;
	 color: #e61170;
	 background: transparent;
/*	 border: 1px solid #ffffff;*/
 }

  #menu6 {position: absolute;
	top 12px;
	left 12px;  
	 width: 68px;
	 height: 115px; 
	 padding: 0px 0px 0px 4px; 
	 margin: 0px 0px 2px 380px;
	 color:#bd6c24;
	 background: transparent;
	/* border: 1px solid #ffffff;*/
 }

#resim1 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu1.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}

#resim2 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu2.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}

#resim3 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu3.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}

#resim4 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu4.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}

#resim5 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu5.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}

#resim6 { width: 60px; 
	 height: 40px;
	 margin: 17px 0px 5px 1px; 
	 padding: 0px 0px 0px 0px;
	 background: #ffffff url(ima/menu6.jpg) top  left no-repeat;
	 color: #ffffff;
	 border: 1px solid #ffffff;
	 

}


#metin {
		color: #202020;
	margin:0px 0px 0px 0px;
	width: 100%;
	background: #dedede url(yeni/bgsag.jpg) top center repeat-x;
	border-top: 3px solid #a2a5b4;


}



#me1 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_02.jpg) ;

}


#me1 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_02.jpg) ;
background-repeat: no-repeat;
}

#me2 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_03.jpg) ;

}


#me2 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_03.jpg) ;
background-repeat: no-repeat;
}

#me3 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_04.jpg) ;

}


#me3 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_04.jpg) ;
background-repeat: no-repeat;
}

#me4 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_05.jpg) ;

}


#me4 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_05.jpg) ;
background-repeat: no-repeat;
}

#me5 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_06.jpg) ;

}


#me5 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_06.jpg) ;
background-repeat: no-repeat;
}

#me6 a{
 display: block;
   width:79px;
 height:150px;

background-image:  url(images/beyazlartum_07.jpg) ;

}


#me6 a:hover {
background-position: 1px 0;
background-image: url(images/renklilertum_07.jpg) ;
background-repeat: no-repeat;
}

#left1 {
	color: #202020;
width: 61%;
margin:0px 0px 0px 0px;
padding:3px 0px 5px 10px;
line-height:1.5em;
text-align:justify;

border-right: 1px solid #dedede;
}


#right1 {
	      
		float:right;
		width: 32%;
	/*	width: 300px;  the width of the right column */
		vertical-align: top;
		padding:0px 20px 20px 20px;
	/*	border: 1px solid #000;*/
	}


		#textBox {
		margin:0px 0px 0px 0px;
		font-size: 11px;
		line-height: 15px;
		border-top: 2px solid #626878;
	        border-bottom: 8px solid #626878;
		padding: 8px;
	         background:  #fff url(ima/metinbgt.jpg) top  left repeat-x;
		/* margin-top: 0px;
		padding-top: 0px; */
	}

	   .hizli { 
              
	        width:228px;
		margin: 0px 20px 0px 0px;
		font-size:11px;
			color:#000033;
		background:#a2a5b4;
		padding:2px 2px 2px 2px;
		
		
		
		}


	        .arama { 
              /* width:90%; */
	       clear: left;
		margin: 0px 20px 10px 0px;
		font-size:11px;
	
		background:#a2a5b4;
		padding:2px 2px 2px 2px;
			background:  url(ima/butonasl3.jpg) no-repeat top  left ;
		
		
		}

    

    .aratext
		{       
			font-size:11px;
			background: #fff;
			border:1px solid #ccc;
		}
		
      .arabuton
		{           color:#ffffff;
		            background: #a3a6b5;
		            border:1px solid #bbb;
			    font-size:11px;
		}
       .hizlibuton          
		{      
		       display:inline;
			float:left;
			color:#000033;
		            background: #fff;
		            border:1px solid #bbb;
			    font-size:11px;
		}

		   .hizlibuton1          
		{      
		       display:inline;

			color:#000033;
		            background: #fff;
		            border:1px solid #bbb;
			    font-size:11px;
			    margin: 0px 0px 0px 115px;
		}

		
		   .hizlibuton2          
		{      
		       display:inline;
			color:#000033;
		            background: #fff;
		            border:1px solid #bbb;
			    font-size:11px;
			  
		}


 .arabuton :focus
 {           background: #fff;
		            border:1px solid #bbb;
			    font-size:11px;
		}


      .arama ul {   
     list-style: none;
     margin: 0 10px 3px 10px;
     padding: 0;
     font-size: 1.1em;
}
		

      .arama li {    	 margin: 0 21px 0px 0;
	      display: inline;
	        	list-style: none;
	}      
		
       #textBox1 {
		margin:0px 0px 0px 0px;
		font-size: 11px;
		line-height: 15px;
		border-top: 2px solid #626878;
	        border-bottom: 8px solid #626878;
		padding: 8px 8px 3px 8px;
	         background:  #fff url(ima/metinbgt.jpg) top  left repeat-x;
	
	}


	#textBoxHeader {
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding : 5px 0px 5px 5px;
	        margin:2px 0px 0px 0px;
		text-align: left;
		vertical-align: middle;
		color: #fff;
		border: none;
		line-height: 9px;
		background:  url(ima/butonasl2.jpg) no-repeat top  left ;

	}

                #buton li {    	display: inline;
	        list-style: none;
	}
	
		#buton    li a{
		display: inline;
	        list-style: none;
		width:170px;	
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding : 5px 0px 5px 5px;
	        margin:2px 10px 0px 10px;

		background:  url(ima/butonasl2.jpg) no-repeat top  left ;
		vertical-align: middle;
		color: #fff;
		border: none;

	

	}

		#buton    li a:hover {  
		         text-decoration:none;	
                	background:  url(ima/butonaslho.jpg) no-repeat top  left ;

		}



			

		#textBox p {
			font-size: 12px;
			line-height: 19px;
		}

			#buton1 {
		display: inline;
	        list-style: none;
		width:170px;	
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding : 5px 0px 5px 5px;
	        margin:2px 10px 0px 10px;

		background:  url(ima/butonasl2.jpg) no-repeat top  left ;
		vertical-align: middle;
		color: #fff;
		border: none;

	

	}



#metin h4 { font:bold 12px Tahoma, Arial, Helvetica, sans-serif; 
	color:#8b1523;
line-height:1,2em;
margin: 0px 0px 0px 0px;}

#kitap {
padding:40px 0px 0px 280px;
}

#metin h4.right { 	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
			text-align:left;
	       		color: #303030;
                  	border-bottom: 1px solid #cecece;
	       		padding:5px 0px 2px 5px;
			margin: 0px 10px 0px 0px;   }
#metin h4.yazar {
	font-size:13px;
	        }

#metin h4.yazart {
	font-size:14px;
	        }

#metin  a:hover  h4{ text-decoration:none;           }
#metin  a:hover  h4{ text-decoration:underline;           }


#metin a {	font:11px Tahoma, Arial, Helvetica, sans-serif;
		   	color:#8b1523;
			text-decoration:none;}
#metin  a:hover {text-decoration:underline;
                            }

#metin h1.right { 	font-size: 16px;
			line-height:1,0em;	
	       		color: #000033;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }


 #metin h1.alt { 	font-size: 12px;
			line-height:1,0em;	
	       		color: #000033;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }









/*---------------------------------------*/


#footer {
width:100%;
float:right;	
font-size: 0.8em;
text-align:center;
width: 100%;
height: 20px;
padding: 0px 0px 1px 0px;
margin: 2px 0px 0px 0px ; 
color: #fff;
background:#979eac;


	
}

.img-shadow {
  float:left;
 /* background: url(ima/shadowAlpha.png) no-repeat bottom right !important;*/
/*  background: url(ima/shadow.gif) no-repeat bottom right;*/
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

  #teknik { font-size: 0.8em;
		text-align:left;
	   	float:left;
	  	width:  170px;
	    border: 1px solid #cecece;
	    margin: 20px 0px 0px 2px;
	    padding: 5px 5px 5px 5px;
           }
	    
#sunus 

{  
   
   margin: 10px 10px 10px 10px;
   padding: 233px 0px 5px 0px;

  	border-bottom: 1px solid #ccc;
		text-align: justify;
  }

#sunuscon 

{  
   
   margin: 10px 10px 10px 10px;
   padding: 5px 0px 5px 0px;

  	border-bottom: 1px solid #ccc;
		text-align: justify;
  }
 
#kitapana {clear:left;
height:180px;	  
padding: 8px 0px 0px 0px;
	color: #202020;	
/*	border-bottom: 1px solid #ccc;*/
}

#yazar 
{
height:100px;	  
padding: 8px 0px 0px 0px;
}

#yazat 
{
margin: 0px 8px 0px 8px; 
padding: 8px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}

#yazar h1.right  { 	font-size: 14px;
			line-height:1.0em;	
	       		color: #8b1523;
		
			margin: 0px 0px 0px 0px;
                  	padding:3px 10px 0px 0px;
	          }

#yazar h1.right a { 	font-size: 14px;
	                font-weight: bold;
			line-height:1.0em;	
	       		color: #8b1523;
			text-decoration:none;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }
#yazar h1.yaz  { 	font-size: 14px;
			line-height:1.0em;	
	       		color: #000033;
		
			margin: 0px 0px 0px 0px;
                  	padding:3px 10px 0px 0px;
	          }

#yazar h1.yaz a { 	font-size: 14px;
	                font-weight: bold;
			line-height:1.0em;	
	       		color: #000033;
			text-decoration:none;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }
		  
#yazar h4.metin  a {
		font-size: 14px;
	                font-weight: bold;
			line-height:1.0em;	
	       		color: #000033;
			text-decoration:none;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;

}	

#yazar h4.metin a:hover { text-decoration:underline;
}

#yazar h1.right a:hover { text-decoration:underline;
}

#yazar h1.yaz a:hover { text-decoration:underline;
}

#yazar  a {	font:11px Tahoma, Arial, Helvetica, sans-serif;
		   	color:#8b1523;
			text-decoration:none;}
#yazar  a:hover {text-decoration:underline;}

#kitapana h4.right  { 	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
		        
	       		color: #303030;
                  	border-bottom: 1px solid #ccc;
	       		padding:0px 0px 0px 0px;
			margin: 0px 10px 0px 0px;   }
#kitapana h4.yazar {

	font-size:12px;
	        }
#kitapana  a {	font:11px Tahoma, Arial, Helvetica, sans-serif;
		   	color:#8b1523;
			text-decoration:none;}
#kitapana  a:hover {text-decoration:underline;}

#kitapana h1.right  { 	font-size: 14px;
			line-height:1.0em;	
	       		color: #000033;
		
			margin: 0px 0px 0px 0px;
                  	padding:10px 10px 0px 0px;
	          }

#kitapana h1.right a { 	font-size: 14px;
	                font-weight: bold;
			line-height:1.0em;	
	       		color: #000033;
			text-decoration:none;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }


#kitapana h1.right a:hover { text-decoration:underline;
}

 #kitapana h1.alt { 
	                font-size: 11px;
	                font-weight:normal;
			line-height:1.0em;	
	       		color: #000033;
			margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
	          }

#sun {         	
	          	margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
			text-align: justify;
			color:#202020;
	
	    }
#sun1 {         	
	          	margin: 0px 0px 0px 0px;
                  	padding:0px 10px 0px 0px;
			text-align: center;
				color: #202020;	
	
	    }
#sun2 {         	
	          	margin: 0px 0px 0px 0px;
                  	padding: 5px 10px 2px 5px;
			text-align: justify;
				color: #202020;	
	
	    }


	    
#sunu {         	clear:left;
	                clear:right;
		        float:right;
	          /*	margin: 0px 5px 0px 5px;*/
                  	padding:0px 5px 0px 5px;
			text-align: justify;
				color: #202020;	
		
	
	    }
	   	#yorumh
		{ width:97%;
		       	font-size:11px;
	         color:#606060;
		  background: #fff;
		  border: 1px solid #cecece;
		  margin: 3px 0px 0px 0px;
		  padding: 3px 8px 3px 8px;
		
                display: block;	}
			
		#yorumz
		{ width:97%;
		  font-size:11px;
	          color:#606060;
		  background: #fff;
		  border: 1px solid #a0a0a0;
		  margin: 3px 0px 0px 0px;
		  padding: 3px 8px 3px 8px;
		  display: block;	}

		 
		  #yorumh3 a 
		  { 
			cursor:pointer;
			font-size:11px;
	         	color:#8b1523;
		  	background: #ffffff;
		  	border: 1px solid #2c3649;
		        padding: 3px 8px 3px 8px;
		        display:inline;
		
	
             	  }
                  #yorumh3 a:hover 
			{
			background: #ffffff;
			}

			#yorumh1
		{ 
		       	font-size:11px;
		  border-bottom: 1px solid #cecece;
		  margin: 7px 0px 7px 0px;
		  padding: 3px 8px 3px 8px;
                display: block;	}

		#yorumh1 p
		{       
			 margin: 2px 0px 2px 0px;
		     
		       	font-size:11px;
		 	}

				#yorumh2
		{ width:97%;
		       	font-size:11px;
	        
		  background: #e5e5e5;
		  border: 1px solid #a0a0a0;
		  margin: 5px 0px 5px 0px;
		  padding: 3px 8px 3px 8px;
		
                display: block;	}

		#yorumh1 em, #yorumz em
		{       font-weight:normal;
			color:#000;
			font-size: 10px;
		}

				#yorumhh
		{ width:27%;
		  height:200px;
		       	font-size:11px;
	          float:left;
		  background: #F5f5f5;
		  border: 1px solid #a0a0a0;
		  margin: 7px 8px 7px 1px;
		  padding: 3px 8px 3px 8px;
		
                display: block;	}
					#yorumhs
		{      clear:right;
		       float:right;
			width:27%;
		       	font-size:11px;
			height:200px;
	         
		  background: #F5f5f5;
		  border: 1px solid #a0a0a0;
		  margin: 7px 0px 7px 0px;
		  padding: 3px 8px 3px 8px;
		
                display: block;	}

.navigation {

	margin: 0 0 20px 0;

	padding: 0 0 20px 0;

	border-bottom: 1px dashed #b0b0b0;

}



.bottomnavigation {

	margin: 30px 0 0 0;

	padding: 5px 0 10px 0;

	border-top: 1px solid #cecece;

}



.alignleft {

	float: left;

	text-align: left;

}



.alignright {

	float: right;

	text-align: right;

}

#middle 

{  padding-left:50px;
  
   
}

#sun3 {         	
	          	margin: 0px 0px 0px 0px;
                  	padding: 5px 10px 2px 5px;
			text-align: left;
				color: #000022;	
	
	    }