body {
	  background-color:#f1ebeb;
	  font-family:'Trebuchet MS',Arial,'Comic Sans MS';
}

#navmenu
{
	margin: 0;
	padding: 0;
}
	
#navmenu ul
{
	margin:0;
	padding:0;
	line-height:30px;
}

#navmenu li
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
}

#navmenu ul li a
{
	text-align:center;
	font-family:"Comic Sans MS",Cursive;
	text-decoration :none;
	height:30px;
	width:193px;
	display:block;
	color:#FFF;
	border:1px solid #FFF;
}

#navmenu ul ul
{
	position:absolute;
	visibility:hidden ;
	top:32px;
	display:inline;
}

#navmenu ul li:hover ul
{
	visibility:visible ;
}


#navmenu li:hover 
{
	background:#09F;
}

#navmenu ul li:hover ul li a:hover
{
	background:#CCC;
	color:#000;
}

#navmenu a:hover
{
	color:#000;
}

.clearfloat
{
  clear:both;
  margin:0;
  padding:0;	
}


a 
{
	text-decoration:none;
	color:#555;
	text-align: center;
}
	
a:hover 
{
	color:#999;
	}

	#wrapper
{
	width:978px;
	height:862px;
	margin : 0 auto;
	}	
	
	#wrappermobil
{
	width:300px;
	height:400px;
	margin : 0 auto;
	}	

	header
	{
	float:left;
	width:975px;
	height:45px;
	background-color:#fff;
	}
		
	.Logo
	{
	    width:975px;
     	height:50px;
		background-image:url('/images/duslogo2.jpg');
    }
    
	.logomobile
	{
	    width:100%;
     	height:20px;
		background-image:url('/images/duslogomobile.jpg');
		background-repeat:no-repeat ;
    }

    .raporsecust
    {
	    width:972px;
     	height:82px;
     	border:1px solid #FFF;
    	margin : 0 auto;

    }
	
	Header .Logo
	{
    float :left;
    width :89px;
	height:45px;
	border-right:1px solid #ff0000;
	text-align :center ;
	line-height:45px;
	color:#990000;
	}
	
	Header nav
	{
	float:left;
	width:609px;
	height:45px;
	border-right:1px solid #ff0000;
	line-height:45px;
	}
	
	Header nav ul 
	{
		list-style:none;
		
	}
	
	Header nav ul li
	{
		float :left;
		margin :0 10px;
		color:#555;
	}
    
    Header nav ul li.konular-wrap	
    {
         position :relative ;
    	}
	
	Header nav ul li.konular-wrap .konular
    {
        display:none ;
        position :absolute ;
        width:auto;
        height :auto;
        background-color :#fff;	
    	}
	
	Header .arama-wrap 
	{
		float:left;
		width:260px;
		height:45px;
		background-color:red;
	}
	
	Header .arama-wrap .txtArama
	{
		float:left;
		width:190px;
		height:25px;
		padding :10px;
	}
	
	Header .arama-wrap .btnArama
	{
		float:left;
		width:49px;
		height:45px;
		border-left:1px solid #ff0000;
}
	
	.banner
	{
		float:left;
		margin-top:20px;
		width:auto;
		height:340px;
		line-height:340px;
		text-align:center;
		font-size:56px;
		background-color:#f1ebeb;
	margin-right: 20px;
}
	.soltaraf
	{
		float:left;
		width:305px;
		height:auto;
		margin-top:auto;
	margin-right: 22px;
}
	
   .ust
   {
   	float:left ;
   	width:290px;
   	height:44px;
   	line-height:44px;
   	padding-left:15px;
   	border-bottom:1px solid #ccc;
   	color:#555;
   	background-color:#f1ebeb;
   	}

   .soltaraf .hizli-kayit
   {
   	float:left ;
   	width:305px;
   	height:auto;
   	}
	
   .soltaraf .hizli-kayit .ust
   {
   	float:left ;
   	width:290px;
   	height:44px;
   	line-height:44px;
   	padding-left:15px;
   	border-bottom:1px solid #ccc;
   	color:#555;
   	background-color:#fff;
   	}

   .soltaraf .hizli-kayit .alt
   {
   	float:left ;
   	width:250px;
   	padding:17.5px;
   	height:190px;
   	border-bottom:1px solid #ccc;
   	background-color:#fff;
   	color:#555;
   	}

   .soltaraf .hizli-kayit .alt .sifre
   {
   	margin-top:15px;
   	}

   .soltaraf .hizli-kayit .alt .textbox
   {
   	 width:228px;
   	 height:18px;
   	 padding:10px;
   	 border:1px solid #ccc;
   	 
   }

   .orta
   {
    float:right;
    text-align:center;
   }
   
   .soltaraf .hizli-kayit .alt .btnKayit
   {
   	 float:right;
   	 width:100px;
   	 height:40px;
   	 line-height:40px;
   	 text-align:center;
   	 color:#fff;
   	 background-color:#0099CC;
   	 margin-top:10px;
   	 
   }
   
   .duyurular
   {
   	 width:335px;
   }
   
   .soltaraf .duyurular
   {
     float:left;
     width:305px;
     height:auto;
     margin-top:20px;
	margin-right: 37px;
}
   

   .soltaraf .duyurular .ust
   {
   	float:left ;
   	width:270px;
   	height:44px;
   	line-height:44px;
   	padding-left:15px;
   	border-bottom:1px solid #ccc;
   	color:#555;
   	background-color:#fff;
   	}

   .soltaraf .duyurular .alt
   {
   	float:left ;
   	width:250px;
   	padding:17.5px;
   	height:auto;
   	border-bottom:1px solid #ccc;
   	background-color:#fff;
   	color:#555;
   	}

   .soltaraf .duyurular .alt .duyuru-wrap
   {
   	float:left ;
   	width:250px;
   	height:auto;
   	margin:10px 0;
   	background-color:#fff;
   	}

.alt
  {
   width:305px;	
  }

   .soltaraf .duyurular .alt .duyuru-wrap:hower
   {
   	background-color:#fff;
   }

    .LblBaslik
    {
      font-size :medium;
      text-align:left  ;
      font-style:normal  ;
      color:red; 
      font-weight:bolder ;
      border-style:groove ;
    }
	
    .LblDuyuru
    {
      font-size :smaller ;
      text-align:justify   ;
      font-style:normal  ;
      color:#555; 
      border-style:groove ;
    }

    .LblTarih
    {
      font-size :small ;
      text-align:right;
      font-style:normal  ;
      font-weight:lighter  ;
      color:#555; 
    }

	.icerik
	{
		float:right;
		width:625px;
		height:500px;
		margin-top:20px;
		background-color :#fff;
	}
	
	#pnllogin
	{
		width:100%;
		height:100%;
		margin-top:20px;
		background-color :#f1ebeb;
	}
		
	.icerikmobile
	{
		width:100%;
		height:100%;
		margin-top:40px;
		background-color:#f1ebeb;
	}

  .raporsecbolum
     {
                width: 970px;
                height: 50px;
                margin-top:10px;
                float:left;
 	            margin : 0 auto;
     }

	
  .orta
     {
                position:relative  ;
                width: 960px;
                height: 530px;
                margin-top:20px;
                float:left;
                margin-left:320px;
     }

  .ortaarasi
     {
                position:relative;
                width: 655px;
                height: 20px;
                margin-top:20px;
                float:left;
                margin-left:320px;
	top: 0px;
	left: 0px;
}
     
  .raporfilitreyeni
     {
                float:left;
                width: 100%;
                height: 205px;
                margin-top:10px;
                margin : 0 auto;
                font-size:small;
                border:1px solid #FFF;
                font-family:Arial;

     }


  #ortaarasirapor
     {
                float:left;
                width: 100%;
                height: auto;
                margin-left:0px;
                margin-top:0px;
				top: 0px;
				left: 0px;
				border:1px solid #FFF;

}

#nesneler
 {
   float:left;
   margin-left:0px;
   margin-top:10px;
 }
  
  .yenirapor
  {
     margin-top:5px;
     margin-left:0px;
     height:250px;
  }
  

  .pnllogin
  {
}

  .style52
  {
    font-size: small;
  }

 .container
 {
   position:relative ;
   width:450px;
   height:350px;
   border:1px dotted #555;
   padding:10px;
   margin-top:10px;
 }
 
 .loader 
 {
 	position:absolute ;
 	width:100% ;
 	height:100%;
 	text-align:center ; 
 	top:140px;
    background-image:url('images/load.gif') ;
    background-repeat:no-repeat; 
    margin-left:10px;
 }
 
#footer
	{
		float:left;
		height:60px;
		width:97%;
		margin-left:5px;
		margin-top:5px;
		text-align:center;
		line-height:40px;
		color:#555;
}

.footer
	{
		float:left;
		height:60px;
		width:100%;
		margin-top:5px;
		text-align:center;
		line-height:40px;
		color:#555;
}

#footermobile
	{
		height:10px;
		width:100%;
		margin-top:5px;
		text-align:center;
		color:#555;
		font-size:8px;
}