*{margin:0; padding:0}

body { background:#bbd0d5 url(resimler/risale_bg.jpg); background-repeat:repeat; background-attachment:fixed}

 
#ortalayici {width:1020px; margin:3px auto; background-color: #fff;}
 
#govde {margin:3px;}
 
#solkolon {width: 170px; float:left; background:#fff; }
 
#anakolon {width: 580px; float:left; background:#fff}
 
#sagkolon {width: 245px; float:right; background:#fff }		
							
 
#baslik, #altlik {background-color: #afc2cb}
 
#baslik{
height:100px;
background-image:url(resimler/banner.jpg); background-repeat:no-repeat}

 #altlik {height:50px}
 #altlik a{
 text-align:right;
 padding:10px;
 outline:none;
 text-decoration:none;
 margin:0;
 font:12px Verdana, Arial, Helvetica, sans-serif;
 float:right;
 color:#006
 }

/****
      KOLON TEMİZLEYİCİ
	  ******************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
 
.clearfix {display: block;}
/* End hide from IE-mac */
/***
          menu
****************************************/


#menuust {
width:160px;
height:35px;
border:0;
margin:0;
padding:0;
background-image:url(resimler/menubaslik.jpg);background-repeat:no-repeat;
}

#menuust2 {
width:160px;
height:35px;
border:0;
margin:0;
padding:0;
background-image:url(resimler/menubaslik2.jpg);background-repeat:no-repeat;
}
#menuust3 {
width:160px;
height:35px;
border:0;
margin:0;
padding:0;
background-image:url(resimler/menubaslik3.jpg);background-repeat:no-repeat;
}
.menu{
width: 160px; /*width of menu*/
margin:0;  
}


.menu ul{
list-style-type: none;
margin:0;
padding: 0;
}

.menu ul li{
padding:0;
border-bottom:1px solid #d5d5d5;
border-left:1px solid #bfd0ea;
border-right:1px solid #bfd0ea;
}

.menu ul li a{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#1b588f;
background: #fff;
text-align:left;
display: block;
padding: 7px 0 7px 5px;
line-height: 17px;
text-decoration: none;
outline:none;
}


.menu ul li a:hover{
color:#003596;
background:#e8edff;
}	

	 
#iletisim{font:12px Verdana, Arial, Helvetica, sans-serif; color:#000033}
   


/**********
            TABLO
	        ******************************************/
	
	
	
	#yuvarlak
{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	width: 590px;
	text-align: left;
	border-collapse: collapse;
	

}
#yuvarlak a{
color:#002280;
font:16px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
outline:none
}
#yuvarlak a:hover{
color:#003;
}

#yuvarlak thead th.solkose
{
	background: #c5d2e3 url('resimler/left.png') left -1px no-repeat;
}
#yuvarlak thead th.sagkose
{
	background: #c5d2e3 url('resimler/right.png') right -1px no-repeat;
}
#yuvarlak th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #c5d2e3;
}
#yuvarlak td
{
    padding:7px;
    margin:0;
	background: #e8edff;
	border-top: 1px solid #fff;
	border-right:1px solid #fff;
	color:#669;
}
#yuvarlak tfoot td.rounded-foot-left
{
	background: #e8edff url('resimler/botleft.png') left bottom no-repeat;
}
#yuvarlak tfoot td.rounded-foot-right
{
	background: #e8edff url('resimler/botright.png') right bottom no-repeat;
}
#yuvarlak tbody tr:hover td
{
	background:#fff;
}

.ikinci td{background-color:#000099}
.aktif td{background-color:#00CC33}	
/*****
          ARAMA LAR
		  *******************************/
#risaleara{
text-align:left;
margin:5px 0 0 3px;
}
		  
#arama{
text-align:left;
margin:15px 0 0 3px;
}
#aramalar{
width:158px;
padding:7px 0;
margin:5px 0;
border:1px solid #BBDDFF;
background-image:url(resimler/tablobg.png); background-repeat:repeat;
}


			
#anakolon #player{
width:300px;
padding:0;
margin:3px 35px 3px 2px;
float:right;
}
#indexplayer{width:220px;
padding:0;
margin:3px 7px 3px 3px;
float:right;
}
#izletme{width:550px;
height:450px;
margin:7px;
padding:1px;
float:left;
}