body {
	margin: 0;
	margin-bottom: 50px;
	background: #6fc1e9 url(img/body_bg.png) repeat-x;
	font: 12px Arial;
}
img {
	border: 0;
	behavior:	url("pngbehavior.htc");
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
h2 {
	font-size: 24px;
}

div#logo {
	position: absolute;
	top: 56px;
	left: 28px;
}

div#main {
	background: url(img/content_bg.png) repeat-y;
	width: 889px;
}
div#main_bottom {
	background: url(img/content_bg_bottom.png) left bottom no-repeat;
}

#top_menu li { display: inline; }
#top_menu li a {
	height: 40px;
	display: block;
	float: left;
	text-indent: -999px;
	background: url(img/menu.png);
	overflow: hidden;
}
li#tm1 a { width: 134px; }
li#tm2 a { width: 168px; background-position: -134px 0; }
li#tm3 a { width: 139px; background-position: -302px 0; }
li#tm4 a { width: 154px; background-position: -441px 0; }
li#tm5 a { width: 174px; background-position: -595px 0; }
li#tm6 a { width: 120px; background-position: -769px 0; }
li#tm1 a:hover { background-position: 0 -40px; }
li#tm2 a:hover { background-position: -134px -40px; }
li#tm3 a:hover { background-position: -302px -40px; }
li#tm4 a:hover { background-position: -441px -40px; }
li#tm5 a:hover { background-position: -595px -40px; }
li#tm6 a:hover { background-position: -769px -40px; }
li#tm1 a:active, li#tm1 a#active { background-position: 0 -80px; }
li#tm2 a:active, li#tm2 a#active { background-position: -134px -80px; }
li#tm3 a:active, li#tm3 a#active { background-position: -302px -80px; }
li#tm4 a:active, li#tm4 a#active { background-position: -441px -80px; }
li#tm5 a:active, li#tm5 a#active { background-position: -595px -80px; }
li#tm6 a:active, li#tm6 a#active { background-position: -769px -80px; }

div#content {
	width: 500px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-bottom: 35px;
}
div#sidebar {
	width: 293px;
	float: right;
	display: inline;
	margin-right: 56px;
	margin-bottom: 90px;
}

div#content p {
	margin: 10px 0 0 0;
	color: #696969;
}

img.page {
	float: right;
	margin: 10px 0 10px 10px;
}

div#hosgeldiniz {
	margin-bottom: 40px; 
}
div#hosgeldiniz p {
	color: #000;
}

ul#haber_no {
	margin-right: 25px;
	float: right;
	display: inline;
}
ul#haber_no li { display: inline; }
#haber_no li a {
	width: 20px;
	height: 23px;
	margin-left: 4px;
	display: block;
	float: left;
	text-indent: -999px;
	background: url(img/haber_no.png);
	overflow: hidden;
	opacity: .7;
	filter: alpha(opacity=70);
}
#haber_no li a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}
#haber_no li a:active, #haber_no li a.active  {
	opacity: 1;
	filter: alpha(opacity=100);
}
li#h1 a { background-position: 0 0; }
li#h2 a { background-position: -20px 0; }
li#h3 a { background-position: -40px 0; }
li#h4 a { background-position: -60px 0; }

#haber1, #haber2, #haber3, #haber4 {
	position: relative;
	display: none;
	width: 500px;
	margin-bottom: 35px;
}
div.haber img.haber_baslik {
	margin-top: 12px;
	display: block;
}
div.haber p {
	margin-top: 10px;
}

div#bottom_links img {
	display: block;
	float: left;
	margin-bottom: 6px;
}

ul#cup li {
	color: #696969;
	margin-top: 3px;
	padding-left: 12px;
	background: url(img/bullet.png) left 5px no-repeat;
}

ul#links li {
	margin-top: 10px;
	padding-left: 12px;
	background: url(img/bullet.png) left 5px no-repeat;
}
ul#links li a { color: #696969; }
ul#links li a:hover { color: #000; text-decoration: underline; }

div#galeri img {
	padding: 10px;
	background: url(img/foto_bg.png) no-repeat;
	display: block;
	float: left;
	margin: 15px 22px 5px 0;
}
div#galeri img.right {
	margin-right: 0;
}
div#galeri a:hover img {
	opacity: .9;
}

div#sidebar_box {
	background: url(img/sidebar_box.png) no-repeat;
	text-align: center;
	padding-top: 10px;
}
div#sidebar_box div {
	background: url(img/sidebar_box.png) bottom no-repeat;
	padding: 10px 0;
}
div#sidebar_box p {
	text-align: left;
	background: #d4ecf8;
	color: #40545f;
	padding: 0 15px;
	margin: 0;
}

div#weather {
	margin: 20px 0;
}

div#bottom_menu {
	clear: both;
	margin-left: 20px;
	color: #fff;
	height: 50px;
}
div#bottom_menu a {
	color: #fff;
	line-height: 50px;
}
div#bottom_menu a:hover {
	text-decoration: underline;
}