/*Genel css*/
body{
margin:0;
padding:0;
line-height: 1.5em;

}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/


}

#topsection{

height: 110px; /*Height of top section*/
background:#F7F9B5;
}



#contentwrapper{
padding-bottom:20px;
font:  14px Tahoma;
margin-top: 0px;
float: left;
height:500px;
z-index:-1;
}
#haber{
width:560px;
height:450px;
position:relative;
z-index:1;

top:50px;
border-style:solid;
border-width:1px;
border-color:#E0E0F8;
}
#haber2{
width:700px;
height:450px;
position:relative;
z-index:1;

top:50px;
border-style:solid;
border-width:1px;
border-color:#E0E0F8;
}
#ortalahaber{
width:835px;
height:450px;
position:relative;
z-index:1;
top:50px;
border-style:solid;
border-width:1px;
border-color:#E0E0F8;

}

#alt_haber{
z-index:1;
height:450px;
padding-left:10px;
overflow-x: hidden; 
overflow-y: scroll;

}


#duyuru{

width:270px;
height:378px;
position:relative;
left:567px;
top:-402px;
z-index:1;
border-style:solid;
border-width:1px;
border-color:#E0E0F8;
}

#anket{
width:270px;
height:196px;
position:relative;
left:567px;
top: -395px;
z-index:-1;
border-style:solid;
border-width:1px;
border-color:#E0E0F8;
font:  bold 10px Tahoma;
}

h2{
font:  bold 14px Tahoma;
color: #016297;
padding-left: 10px;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

#footer{

clear: left;
width: 100%;
background:#016297;

font:  10px Tahoma;
text-align: center;
padding: 4px 0;
}
/*#f98c11;*/
#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*Popup css*/

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;

	
}
	
	/*haber div*/
	

#page-wrap						{ background: white; width: 500px; margin: 0 auto; 
								   }

#slider							{ background: white url(../images/slider-bg.jpg); height: 300px; overflow: hidden;
								  position: relative; margin: 50px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{  width: 900px; float: left; position: relative; }
.slide h1						{ width: 200px; font-family: Helvetica, Sans-Serif; font-size: 25px; letter-spacing: -1px;
								  color: #016297; }
.slide h2						{ width: 200px; font-family: Helvetica, Sans-Serif; font-size: 20px; letter-spacing: -1px;
								  color: #016297; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 310px; }
#slider-stopper					{ position: absolute; top: 240px; right: 20px; background: #016297; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }