@charset "utf-8";
/* CSS Document */
<!--
body {
	line-height: 1
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	background: #e5e5e5;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 28px
}
h3 {
	font-size: 24px
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 12px
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
#header {
	background-color: #FFF;
	position: relative;
}

.sidebar1 {
	float: left;
	width: 300px;
	background-color: #FFF;
	margin: 2px 10px 10px 10px
}
.content {
    background-color: #FFF;
	margin: 0;
	width: 640px;
	float: left;
}
.footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~ miscellaneous float/clear classes ~~ */
div#footer {
	position: relative;
	width: 960px;
	height: 150px;
	background: #222;
	padding: 12px 0
}
div#footer img.logos {
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 5px;
	max-height: 60px;
	background: #fff;
	padding: 5px
}
div#footer div.copy {
	color: #888;
	margin: 10px 0 0 10px;
	font-size: 11px
}
div#footer div.linkler {
	margin: 30px 0 0 10px
}
div#footer div.linkler ul li {
	display: inline-block;
	padding: 0 20px 0 0
}
div#footer div.linkler ul li a {
	color: #bbb;
	text-decoration: none;
	font-size: 15px
}
div#footer div.linkler ul li a:hover {
	text-decoration: underline
}
div#footer div.yazi {
	margin: 25px 0 0 10px;
	color: #666;
	width: 750px;
	line-height: 17px;
	font-size: 12px
}
div#footer div.yazi a {
	color: #888;
	text-decoration: none
}
div#footer div.yazi a:hover {
	text-decoration: underline
}
div#footer ul.sosyale {
	position: absolute;
	top: 90px;
	right: 10px
}
div#footer ul.sosyale li {
	display: inline-block;
	padding: 0 18px 0 0;
	font-size: 30px
}
div#footer ul.sosyale li a {
	color: #bbb;
	text-decoration: none
}
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
}
-->
div#header div#panel {
	background: #f8f8f8;
	width: 960px;
	height: 26px;
	margin: 0 auto;
	margin-bottom:2px;
}
div#header div#panel ul#uye {
	position: absolute;
	top: 6px;
	right: 5px
}
div#header ul#topLink {
	position: absolute;
	top: 6px;
	left: 5px
}
ul#topLink li, ul#uye li {
	float: left;
	margin: 0;
	font-size: 11px;
	color: #666
}
ul#topLink li a, ul#uye li a {
	font-size: 11px;
	padding: 0 10px;
	color: #666;
	border-right: 1px dotted #777;
	text-decoration: none
}
ul#topLink li a:hover, ul#uye li a:hover {
	text-decoration: underline
}
ul#topLink li:last-child a, ul#uye li:last-child a {
	border: 0
}
.ustreklam {
	width: 960px;
	margin: 5px auto;
	max-height: 400px;
	text-align: center
}
.ustreklamic {
	background: #f0f0f0;
	font-size: 19px;
	color: #888;
}
.logo {
	width:340px;
	height:170px;
	float:left;
	padding:5px;
}
.saat {
	width:250px;
	height:25px;
	float:left;
	font:  12px Tahoma;
	margin-left:10px;
	margin-top:20px;
	color: #737373;
}
.sosyal {
	width:250px;
	height:25px;
	font:  12px Tahoma;
	margin-top:20px;
	color: #737373;
}
.sosyal a {
	color: #737373;
	text-decoration:none;

}
.sosyal img{
	vertical-align:middle;
}
.doviz {
	float: left;
	width: 270px;
	height: 80px;
	background: #f8f8f8;
	margin: 2px 0 0 5px;
	-moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	-moz-box-shadow: 0 0 1px #a3a3a7;
	-webkit-box-shadow: 0 0 1px #a3a3a7;
	box-shadow: 0 0 1px #a3a3a7;
}
.doviz ul {
	width:270px;
	height:80px;
}
.doviz ul li {
   list-style: none;
   float: left;
    width: 80px;
    height: 75px;
    color: #737373;
    display: block;
    margin: 2px;
	text-align:center;
	border-right:solid #e5e5e5 1px;
	padding-top:3px;
}
.doviz ul li:last-child {
border: 0
}
.kur {
    font:  15px Tahoma;
    color: #737373;
    display: block;
    margin: 2px;
	text-align:center;
}
.kurfark {
    color: #737373;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
    display: block;
    margin: 2px;
	text-align:center;
}
.kurdegisim {
    margin: 2px;
}
.reklamlogoyan {
	float:right;
	margin-top:15px;
	margin-right:15px;
	width: 468px;
	height: 60px;
	text-align: center;
	overflow: hidden
}
.menubg {
	width:960px;
	margin-top:5px;
	background-color:#F00;
}
.menubg ul {
	width:960px;
	height:37px;
	box-shadow: 0 4px 7px 0 rgba(255,255,255,0.7);
	background: #f00000;
	background: -moz-linear-gradient(top, #ff2020 0%, #ca0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2020), color-stop(100%, #ca0000));
	background: -webkit-linear-gradient(top, #ff2020 0%, #ca0000 100%);
	background: -o-linear-gradient(top, #ff2020 0%, #ca0000 100%);
	background: -ms-linear-gradient(top, #ff2020 0%, #ca0000 100%);
	background: linear-gradient(to bottom, #ff2020 0%, #ca0000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2020', endColorstr='#ca0000', GradientType=0)
}
.menubg ul li {
   list-style: none;
   float: left;
}
.menubg ul li a {
    padding: 8px 15px;
    display: block;
	text-align:center;
	text-decoration: none;
	font-size:15px;
	color: #eee;
	border-right: 1px solid #f10000
}
.menubg ul li a:hover {
    padding: 8px 15px;
    display: block;
	text-align:center;
	text-decoration: none;
	font-size:15px;
	color: #fff;
	background: #e00000;
	border-right: 1px solid #f10000

}
.menu {
	bottom: 30px;
	left: 1px;
	width: 960px;
	height: 31px;
	background: #fff;
}
.menu ul li {
	float: left;
	margin: 0 1px 0 0;
	list-style: none;
}
.menu ul li a {
	padding: 8px 15px;
	background: #f1f1f1;
	display: block;
	font-size: 13px;
	color: #111;
	text-shadow: 1px 1px #fff;
	text-decoration: none
}
.menu ul li a:hover {
	color: #000;
	background: #e9e9e9
}
.arama {
	float:right;
	width: 203px;
	margin-right:-13px;
}
.arama input.text {
	top: -2px;
	left: 4px;
	margin-right:-3px;
	width: 140px;
	padding: 8px;
	background: #f1f1f1;
	border: 0;
	font-size: 11px
}
.arama button.submit {
	cursor: pointer;
	height: 30px;
	width: 32px;
	background: #111;
	color: #fff;
	border: 0;
	font-size: 15px
}
.hata, .uyari, .tamam, .bilgi {
	position: relative;
	margin: 20px 0;
	padding: 2em 1.5em 2em 5.5em;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	color: #444;
	line-height: 16px
}
.hata .x, .uyari .x, .tamam .x, .bilgi .x {
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
	font-size: 12px
}
.hata {
	background: #fdf2f2 url(img/hata.png) 2.2em center no-repeat;
	border-color: #ffaeb8
}
.hata a {
	color: #d12f19;
	font-weight: 700
}
.uyari {
	background: #fff6bf url(img/uyari.png) 2.2em center no-repeat;
	border-color: #ffd324
}
.uyari a {
	color: #817134;
	font-weight: 700
}
.tamam {
	background: #f4ffee url(img/tamam.png) 2.2em center no-repeat;
	border-color: #c3e8bf
}
.tamam a {
	color: #529214;
	font-weight: 700
}
.bilgi {
	background: #edf3f4 url(img/bilgi.png) 2.2em center no-repeat;
	border-color: #d3eef4
}
.bilgi a {
	color: #2d7ba2;
	font-weight: 700
}
.hata ul, .uyari ul, .tamam ul, .bilgi ul {
	list-style: none;
	margin: 1.3em 1.5em
}
.hata ul li, .uyari ul li, .tamam ul li, .bilgi ul li {
	padding-left: 1.3em
}
.hata ul li {
	background: url(img/hata-bullet.png) 0 .55em no-repeat
}
.uyari ul li {
	background: url(img/uyari-bullet.png) 0 .55em no-repeat
}
.tamam ul li {
	background: url(img/tamam-bullet.png) 0 .55em no-repeat
}
.bilgi ul li {
	background: url(img/bilgi-bullet.png) 0 .55em no-repeat
}
#SonHaber {
	width: 960px;
	margin: 10px auto
}
#SonHaber div.manset {
	overflow: hidden;
	position: relative;
	width: 185px;
	float: left;
	margin: 0 4px 0 3px
}
#SonHaber div.manset:hover {
	background: #f2f2f2
}
#SonHaber div.manset img {
	cursor: pointer;
	width: 185px;
	height: 105px
}
#SonHaber div.manset span.spot {
	display: none;
	overflow: hidden;
	line-height: 22px;
	text-align: center;
	padding: 10px;
	font-size: 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 85px;
	background: url(../img/hover_span.png)
}
#SonHaber div.manset span.spot.active {
	display: block
}
#SonHaber div.manset span.spot span {
	position: absolute;
	bottom: 1px;
	right: 3px;
	font-size: 10px;
	padding: 1px;
	background: url(../images/hover_span.png)
}
#SonHaber div.manset a {
	color: #fff;
	text-decoration: none
}
#SonHaber div.manset a span.baslik {
	display: block;
	color: #444;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	width: 155px;
	margin-left: 15px;
	height: 40px;
	overflow: hidden;
	text-align: center
}
#mansetler {
	position: relative;
	width: 650px;
	margin: 0 auto;
	padding: 0;
	height: 332px;
	margin-top:5px;
}
#manset {
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	width: 640px;
	height: 393px;
	float: left
}
#manset img {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 360px;
	display: none;
	background: #eee url(../img/yukleniyor.gif) no-repeat center
}
#manset img.aktif {
	display: block
}
#manset a#link {
	color: #fff;
	text-decoration: none
}
#manset div.mansetSpot {
	display: none;
	z-index: 2;
	position: absolute;
	bottom: 35px;
	left: 10px;
	width: 620px;
	color: #fff
}
#manset div.mansetSpot div.baslik {
	font-size: 23px;
	line-height: 25px;
	font-weight: 700;
	margin: 0 0 5px;
	background: url(../img/spot_trans.png);
	padding: 10px
}
#manset div.mansetSpot div.kategori {
	font-size: 13px;
	margin: 0;
	background: url(../img/red_trans.png);
	padding: 5px 0;
	width: 120px;
	text-align: center
}
#manset ul#mansetNum {
	position: absolute;
	bottom: 0;
	left: 0
}
#manset ul#mansetNum li {
	width: 37px;
	height: 34px;
	float: left;
	margin: 0 1px 0 0;
	list-style:none;
}
#manset ul#mansetNum li a {
	z-index: 0;
	position: absolute;
	width: 37px;
	height: 24px;
	padding: 10px 0 0;
	font-weight: 700;
	font-size: 15px;
	color: #444;
	text-shadow: 1px 1px #fff;
	background: #f5f5f5;
	text-align: center;
	text-decoration: none;
	background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0)
}
#manset ul#mansetNum li a:hover, #manset ul#mansetNum li a.aktif {
	background: #c31616;
	color: #fff;
	text-shadow: 1px 1px .01em #b6b6b6
}
#manset ul#mansetNum li span {
	display: none
}
#manset a.tum {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 24px;
	padding: 10px 0 0;
	color: #111;
	text-shadow: 1px 1px #fff;
	font-size: 14px;
	background: #f0f0f0;
	text-align: center;
	text-decoration: none
}
div#icerik div#manset {
	position: relative;
	margin: 5px 5px 5px 0;
	padding: 0;
	width: 640px;
	height: 399px
}
div#icerik div#manset img {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 360px;
	display: none;
	background: #eee url(../images/yukleniyor.gif) no-repeat center
}
div#icerik div#manset img.aktif {
	display: block
}
div#icerik div#manset a#link {
	color: #fff;
	text-decoration: none
}
div#icerik div#manset div.mansetSpot {
	display: none;
	z-index: 2;
	position: absolute;
	bottom: 45px;
	width: 610px;
	padding: 5px;
	color: #fff
}
div#icerik div#manset div.mansetSpot div.baslik {
	font-size: 19px;
	padding: 7px 10px;
	margin: 0
}
div#icerik div#manset div.mansetSpot div.icerik {
	font-size: 13px
}
div#icerik div#manset ul#mansetNum {
	position: absolute;
	bottom: 4px;
	left: 0
}
div#icerik div#manset ul#mansetNum li {
	width: 52.3px;
	height: 34px;
	float: left;
	margin: 0 1px 0 0
}
div#icerik div#manset ul#mansetNum li a {
	z-index: 0;
	position: absolute;
	width: 52.3px;
	height: 24px;
	padding: 10px 0 0;
	color: #333;
	text-shadow: 1px 1px .01em #fff;
	font-weight: 700;
	background: #eee;
	text-align: center;
	text-decoration: none
}
div#icerik div#manset ul#mansetNum li a:hover, div#icerik div#manset ul#mansetNum li a.aktif {
	background: #111;
	color: #fafafa;
	text-shadow: 1px 1px .01em #b21e1e
}
div#icerik div#manset ul#mansetNum li span {
	display: none
}

.reklam {
	overflow: hidden
}
.reklam.blok {
	width: 100%;
	margin: 5px auto;
	max-height: 400px;
	height: 250px;
	text-align: center
}
.reklam.full {
	width: 100%;
	margin-left:5px;
	margin-top:10px;
	max-height: 400px;
	text-align: center
}
.sidebar1 {
	float: right;
	width: 300px;
	background-color: #FFF;
	margin: 2px 10px 10px 10px
}
.sidebar1 div.modul {
	width: 300px;
	padding: 5px 0 3px
}
.sidebar1 div.modul div.mHead {
	position: relative;
	width: 283px;
	padding: 10px 0 10px 15px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-shadow: 1px 1px #fff;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
	border: 1px solid #e5e5e5;
	border-bottom: 0
}
.sidebar1 div.modul div.mBody {
	position: relative;
	width: 298px;
	padding: 5px 0;
	border: 1px solid #e5e5e5
}
.sidebar1 div.modul div.mHead span.linkler {
	position: absolute;
	top: 9px;
	right: 6px
}
.sidebar1 div.modul div.mHead span.linkler a {
	font-size: 11px;
	color: #777;
	text-decoration: none
}
.sidebar1 div.modul div.mHead span.linkler a:hover {
	text-decoration: underline
}
.sidebar1 div.modul div.mHead span.linkler a.aktif {
	text-decoration: underline
}
ul.sagHaber {
	width: 298px;
	margin: 0 auto;
}
ul.sagHaber li {
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
}
ul.sagHaber li:last-child {
	border-bottom: 0;
}
ul.sagHaber li .haber.pasif {
	display: none
}
ul.sagHaber li .haber a {
	display: block;
	padding: 5px 7px;
	font-size: 13px;
	color: #333;
	text-decoration: none
}
ul.sagHaber li .haber a:hover {
	background: #f0f0f0
}
ul.sagHaber li .haber a span {
	font-weight: 700
}
ul.sagHaber li .haberEx {
	margin-top:0px;
	display: none;
	background: #f0f0f0;
	height: 66px;
	padding: 1px 0;
	overflow: hidden
}
ul.sagHaber li .haberEx.aktif {
	display: block
}
ul.sagHaber li .haberEx img {
	width: 80px;
	height: 60px;
	float: left;
	margin: 3px
}
ul.sagHaber li .haberEx div.yazi {
	float: left;
	width: 209px;
	height: 61px;
	margin: -2px 0px
}
ul.sagHaber li .haberEx div.yazi a {
	color: #333;
	text-decoration: none
}
ul.sagHaber li .haberEx div.yazi div.baslik {
	height:20px;
	font-size: 13px;
	font-weight: 700
}
ul.sagHaber li .haberEx div.yazi div.baslik h2 {
	margin-left: 2px;
	font-size: 13px
}
ul.sagHaber li .haberEx div.yazi div.icerik {
	font-size: 11px;
	margin: 3px 0 0;
	line-height: 14px
}
div.haberler {
	width: 640px;
	margin: 5px 0 0 5px;
}
div.haberler div.haber {
	position: relative;
	width: 207px;
	background: #fcfcfc;
	height: 220px;
	margin: 0 2.4px 15px;
	float: left;
	overflow: hidden
}
div.haberler div.haber:hover {
	background: #f5f5f5
}
div.haberler div.haber a {
	color: #444;
	text-decoration: none
}
div.haberler div.haber a:hover {
	color: #111
}
div.haberler div.haber img {
	padding: 1px;
	width: 210px;
	height: 118px
}
.imga {
	padding: 1px;
	width: 300px;
	float:left;
	margin-right:7px;
}
div.haberler div.haber span.baslik {
	display: block;
	margin: 4px 0 0 2px;
	font-weight: 700;
	font-size: 14px;
	line-height: 19px
}
div.haberler div.haber span.baslik h1 {
	font-size: 14px
}
div.haberler div.haber span.icerik {
	display: block;
	margin: -2px 0 0 2px;
	font-size: 12px;
	line-height: 16px;
	color: #555
}
div.haberler div.haber a.kategori {
	position: absolute;
	display: block;
	top: 96px;
	right: 5px;
	padding: 3px 7px;
	font-size: 11px;
	background: url(../img/red_trans.png);
	color: #fff;
	text-decoration: none
}
div.haberler div.haber span.tarih {
	display: none
}
div.haberler div.haber2 {
	position: relative;
	width: 640px;
	height: 120px;
	border-bottom: 1px solid #f1f1f1;
	background: #fcfcfc;
	padding: 5px 0;
	margin: 0 0 4px;
	float: left;
	overflow: hidden
}
div.haberler div.haber2:hover {
	background: #f5f5f5
}
div.haberler div.haber2 a {
	color: #444;
	text-decoration: none
}
div.haberler div.haber2 a:hover {
	color: #000
}
div.haberler div.haber2 img {
	padding: 1px;
	width: 210px;
	height: 118px;
	float: left
}
div.haberler div.haber2 span.baslik {
	float: left;
	display: block;
	width: 415px;
	margin: 0 0 0 4px;
	font-weight: 700;
	font-size: 16px;
	line-height: 23px
}
div.haberler div.haber2 span.baslik h1 {
	font-size: 16px
}
div.haberler div.haber2 span.icerik {
	float: left;
	display: block;
	width: 415px;
	margin: 0px 0 0 5px;
	font-size: 13px;
	line-height: 17px;
	color: #555
}
div.haberler div.haber2 a.kategori {
	position: absolute;
	display: block;
	top: 100px;
	left: 7px;
	padding: 3px 7px;
	font-size: 11px;
	background: url(../img/red_trans.png);
	color: #fff;
	text-decoration: none
}
div.haberler div.haber2 span.tarih {
	position: absolute;
	bottom: 10px;
	right: 5px;
	font-size: 11px;
	color: #aaa
}
div.haberler div.haber2 span.yorum {
	position: absolute;
	bottom: 10px;
	left: 220px;
	font-size: 11px;
	color: #3c3d3e
}
#videoGaleri {
	position: relative;
	width: 640px;
	height: 230px;
	overflow: hidden;
	background: #212121;
	margin: 10px 5px 20px;
	padding-bottom: 10px
}
#videoGaleri h2 {
	font-size: 19px;
	color: #fff;
	padding: 10px
}
#videoGaleri a.tum {
	position: absolute;
	top: 11px;
	right: 60px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#videoGaleri a.videoPrev {
	position: absolute;
	top: 12px;
	right: 30px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#videoGaleri a.videoNext {
	position: absolute;
	top: 12px;
	right: 10px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#videoGaleri ul {
	margin: 10px 0 0
}
#videoGaleri ul li {
	position: relative;
	float: left;
	margin: 0 0 8px 12px;
	width: 200px
}
#videoGaleri ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 17px
}
#videoGaleri ul li img.resim {
	width: 196px;
	height: 120px;
	padding: 1px;
	border: 1px solid #212121
}
#videoGaleri ul li:hover img.resim {
	border-color: #ddd
}
#videoGaleri ul li span.baslik {
	display: none;
	z-index: 2;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 188px;
	height: 102px;
	padding: 10px 5px;
	background: url(../img/spot_trans2.png);
	text-align: center
}
#videoGaleri ul li span.baslik2 {
	display: block;
	height: 40px;
	overflow: hidden;
	font-size: 14px;
	margin: 5px 0 0;
	line-height: 19px
}
#videoGaleri ul li span.play {
	display: block;
	position: absolute;
	top: 95px;
	right: 7px;
	color: #fff;
	padding: 3px 7px;
	background: url(../img/spot_trans2.png);
	font-size: 15px
}
#fotoGaleri {
	position: relative;
	width: 640px;
	height: 220px;
	overflow: hidden;
	background: #ca0000;
	margin: 10px 5px 20px;
	padding-bottom: 10px
}
#fotoGaleri h2 {
	font-size: 19px;
	color: #fff;
	padding: 10px
}
#fotoGaleri a.tum {
	position: absolute;
	top: 11px;
	right: 60px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#fotoGaleri a.galeriPrev {
	position: absolute;
	top: 12px;
	right: 30px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#fotoGaleri a.galeriNext {
	position: absolute;
	top: 12px;
	right: 10px;
	color: #fff;
	font-size: 13px;
	text-decoration: none
}
#fotoGaleri ul {
	margin: 10px 0 0
}
#fotoGaleri ul li {
	position: relative;
	float: left;
	margin: 0 0 8px 12px;
	width: 200px
}
#fotoGaleri ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 17px
}
#fotoGaleri ul li img.resim {
	width: 196px;
	height: 120px;
	padding: 1px;
	border: 1px solid #ca0000
}
#fotoGaleri ul li:hover img.resim {
	border-color: #ddd
}
#fotoGaleri ul li span.baslik {
	display: none;
	z-index: 2;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 188px;
	height: 102px;
	padding: 10px 5px;
	background: url(../img/spot_trans2.png);
	text-align: center
}
#fotoGaleri ul li span.baslik2 {
	display: block;
	height: 40px;
	overflow: hidden;
	font-size: 14px;
	margin: 5px 0 0;
	line-height: 19px
}
#fotoGaleri ul li span.play {
	display: block;
	position: absolute;
	top: 95px;
	right: 7px;
	color: #fff;
	padding: 3px 7px;
	background: url(../img/spot_trans2.png);
	font-size: 15px
}
div.katTab {
	margin: 10px 5px 20px;
	width: 640px;
}
div.katTab ul.kat li {
	cursor: pointer;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 5px 0 0;
	font-size: 17px;
	color: #fff;
	background: #e0e0e0
}
ol, ul {
	list-style: none
}
div.katTab ul.kat li.standart {
	background: #ddd!important
}
div.katTab div.tabs {
	padding: 10px 0;
	background: #fcfcfc
}
div.katTab div.tabs div.tab {
	display: none
}
div.katTab div.tabs div.tab.aktif {
	display: block
}
div.katHaber {
	position: relative;
	width: 640px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden
}
div.katHaber h2 {
	width: 630px;
	margin: 0 auto 7px;
	padding: 1px 0 0 10px;
	border-bottom: 3px solid #333;
	font-size: 19px;
	color: #fff
}
div.katHaber h2 a {
	color: #333;
	text-decoration: none;
	padding: 0 15px
}
div.katHaber h2 a:hover {
	color: #555
}
div.katHaber div.sol {
	position: relative;
	width: 280px;
	height: 260px;
	float: left
}
div.katHaber div.sol img.haber {
	display: none;
	position: absolute;
	width: 280px;
	height: 158px
}
div.katHaber div.sol div.kisaIcerik {
	display: none;
	position: absolute;
	top: 162px;
	padding: 2px;
	font-size: 13px;
	line-height: 22px;
	color: #555
}
div.katHaber div.sag {
	width: 345px;
	height: 260px;
	float: right;
	margin: 0
}
div.katHaber div.sag ul li {
	padding: 11px 3px;
	border-bottom: 1px solid #f5f5f5
}
div.katHaber div.sag ul li:last-child {
	border-bottom: 0
}
div.katHaber div.sag ul li a {
	font-size: 15px;
	color: #222;
	text-decoration: none
}
div.katHaber div.sag ul li a:hover {
	color: #777
}
div.katHaber div.sol img.haber.aktif, div.katHaber div.sol div.kisaIcerik.aktif {
	display: block
}
div.katHaber a.tumKat {
	z-index: 2;
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #000;
	text-decoration: none;
	font-size: 12px
}
div.katHaber a.tumKat:hover {
	text-decoration: underline
}
span.yazarlarTum {
	position: absolute;
	bottom: 11px;
	right: 55px;
	height: 14px
}
span.yazarlarTum a {
	font-size: 11px;
	color: #777;
	text-decoration: none
}
span.yazarlarTum a:hover {
	text-decoration: underline
}
span.yazarPrev {
	background: url(../img/prevbtn.png);
	cursor: pointer;
	position: absolute;
	bottom: 9px;
	right: 30px;
	width: 14px;
	height: 14px
}
span.yazarNext {
	background: url(../img/nextbtn.png);
	cursor: pointer;
	position: absolute;
	bottom: 9px;
	right: 10px;
	width: 14px;
	height: 14px
}
ul#yazarlar {
	margin: 0;
	width: 298px
}
ul#yazarlar li {
	position: relative;
	padding: 5px;
	height: 100px;
	border-bottom: 1px solid #eee
}
ul#yazarlar li:hover {
	background: #eee
}
ul#yazarlar li:last-child {
	border-bottom: 0
}
ul#yazarlar li img {
	position: absolute;
	width: 80px;
	height: 100px
}
ul#yazarlar li div.ic {
	position: absolute;
	left: 90px;
	margin-top:-4px;
}
ul#yazarlar li span.yazarAd {
	display: block;
	margin: 10px 0
}
ul#yazarlar li span.yazarAd a {
	color: #444;
	text-decoration: none;
	font-size: 13px
}
ul#yazarlar li span.yazarAd a:hover {
	color: #555;
	text-decoration: underline
}
ul#yazarlar li span.makale {
	display: block;
	margin: 0 0 5px
}
ul#yazarlar li span.makale a {
	color: #111;
	text-decoration: none;
	font-size: 17px
}
ul#yazarlar li span.makale a:hover {
	color: #000;
	text-decoration: underline
}
ul#yazarlar li span.tarih {
	display: block;
	color: #888;
	font-size: 11px
}
ul#yazarListe {
	margin: 10px auto
}
ul#yazarListe li {
	float: left;
	width: 200px;
	height: 270px;
	text-align: center;
	margin: 0 8px;
	overflow: hidden
}
ul#yazarListe li img {
	width: 200px;
	height: 200px;
	margin: 0 0 5px
}
ul#yazarListe li span.yazarAd a {
	display: block;
	margin: 0 0 7px;
	font-weight: 700;
	color: #222;
	text-decoration: none
}
ul#yazarListe li span.yazarAd a:hover {
	text-decoration: underline
}
ul#yazarListe li span.makale a {
	display: block;
	color: #333;
	text-decoration: none
}
ul#yazarListe li span.makale a:hover {
	text-decoration: underline
}
table#namaz {
	margin: 10px auto 20px;
	width: 90%
}
table#namaz th {
	padding: 3px 0;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
	color: #333
}
table#namaz td {
	padding: 1px 0;
	font-size: 12px;
	text-align: center;
	color: #444
}
#puanDurumu {
	width: 288px;
	margin: 0 auto;
	background: #fff
}
#puanDurumu div.takim {
	width: 288px;
	min-height: 15px;
	padding: 3px 0;
	margin: 0 0 1px
}
#puanDurumu div.takim div.sira {
	width: 30px;
	float: left;
	font-size: 10px;
	text-align: center
}
#puanDurumu div.takim div.adi {
	width: 100px;
	float: left;
	font-size: 10px
}
#puanDurumu div.takim div.skor {
	width: 25px;
	float: left;
	font-size: 11px;
	text-align: center
}
#puanDurumu div.playoff {
	background: #c3e5b6
}
#puanDurumu div.uefa {
	background: #bfd5e3
}
#puanDurumu div.kume {
	background: #ffcece
}
#puanDurumu div.odd {
	background: #fafafa
}
#puanDurumu div.even {
	background: #f0f0f0
}
#puanDurumu div.fbas {
	width: 70px;
	padding: 3px 0;
	text-align: center;
	font-size: 11px;
	float: left
}
#puanDurumu div.fic {
	width: 70px;
	min-height:30px;
	padding: 3px 0;
	text-align: center;
	font-size: 11px;
	float: left
}
#gazeteler-kapsa {
	position: relative;
	width: 300px;
	height: 190px;
	margin: 5px 0 0
}
#gazeteler {
	position: relative;
	margin: 10px auto
}
#gazeteler ul {
	position: absolute;
	top: 0
}
#gazeteler ul li {
	float: left;
	margin: 0 0 0 5px
}
#gazeteler ul li img {
	width: 90px;
	height: 120px
}
#gazeteler-kapsa div.gazeteSec {
	color: #fff;
	font: normal 12px Tahoma
}
#gazeteler-kapsa select#gazeteSec {
	position: absolute;
	top: 6px;
	right: 50px;
	width: 100px;
	font-size: 11px;
	padding: 3px;
	margin: 0 0 1px
}
#gazeteler-kapsa span.gazetelerNext {
	background: url(../img/nextbtn.png);
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 10px;
	width: 14px;
	height: 14px
}
#gazeteler-kapsa span.gazetelerPrev {
	background: url(../img/prevbtn.png);
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 30px;
	width: 14px;
	height: 14px
}
div#burc ul {
	width: 280px;
	margin: 0 auto
}
div#burc ul li {
	float: left;
	margin: 5px 10px;
	width: 50px;
	height: 48px;
	background: url(../img/burclar.png) no-repeat;
	opacity: .3;
	filter: alpha(opacity=30)
}
div#burc ul li.koc {
	background-position: 0 0
}
div#burc ul li.boga {
	background-position: -77px 0
}
div#burc ul li.ikizler {
	background-position: -153px 0
}
div#burc ul li.yengec {
	background-position: -230px 0
}
div#burc ul li.aslan {
	background-position: -306px 0
}
div#burc ul li.basak {
	background-position: -381px 0
}
div#burc ul li.terazi {
	background-position: -460px 0
}
div#burc ul li.akrep {
	background-position: -537px 0
}
div#burc ul li.yay {
	background-position: -613px 0
}
div#burc ul li.oglak {
	background-position: -688px 0
}
div#burc ul li.kova {
	background-position: -764px 0
}
div#burc ul li.balik {
	background-position: -841px 0
}
div#burc ul li a {
	display: block;
	width: 50px;
	height: 48px;
	text-indent: -9999px
}
div#burc ul li:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
ul#crumbs {
	height: 2.3em;
	font-size: 11px;
	margin: 5px 0 10px;
	padding: 0
}
ul#crumbs li {
	color: #888;
	float: left;
	line-height: 2.3em;
	padding-right: .75em
}
ul#crumbs li a {
	background: url(../img/bread.png) no-repeat scroll right;
	display: block;
	color: #aaa;
	padding: 0 15px 0 0;
	text-decoration: none
}
ul#crumbs li a:hover {
	text-decoration: underline
}
#icerik{
	margin: 0 0 0 5px;
}
div#icerik div.sayfaIc {
	position: relative;
	width: 640px;
	margin: 0;
	padding: 5px 0;
	color: #111
}
div#icerik div.sayfaIc h2 {
	font-size: 28px;
	margin: 0 0 15px;
	color: #222
}
div#icerik div.sayfaIc div.yBoyut {
	position: absolute;
	top: 3px;
	right: -50px;
	text-align: center
}
div#icerik div.sayfaIc div.yBoyut span {
	cursor: pointer;
	padding: 0 2px
}
div#icerik div.sayfaIc div.kIcerik {
	margin: 0 0 10px;
	font-size: 14px;
	color: #555;
	line-height: 19px
}
div#icerik div.sayfaIc div.ekstra {
	padding: 5px 0;
	border-bottom: 1px dotted #ddd
}
div#icerik div.sayfaIc div.ekstra div.info {
	width: 200px;
	float: left;
	color: #555;
	position: relative;
	font-size: 11px
}
div#icerik div.sayfaIc div.ekstra div.info span.tarih {
	float: left;
	margin: 0 0 5px
}
div#icerik div.sayfaIc div.ekstra div.info span.hit {
	float: left;
	margin: 0 0 5px
}
div#icerik div.sayfaIc div.ekstra div.paylas {
	margin: 8px 0 0;
	width: 360px;
	float: right;
	text-align: right
}
div#icerik div.sayfaIc div.ekstra div.paylas ul li {
	float: left
}
div#icerik div.sayfaIc div.content2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	width: 640px;
	overflow: hidden
}
div#icerik div.sayfaIc div.content2 div.img {
	float: left;
	margin: 5px 5px 0 0;
	max-width: 250px;
	overflow: hidden
}
div#icerik div.sayfaIc div.content2 div.img a.icLink {
	font-size: 16px;
	color: #fff;
	background: #111;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	margin: 5px 0;
	display: block
}
div#icerik div.sayfaIc div.content2 div.img a.icLink:hover {
	background: #222
}
div#icerik div.sayfaIc div.content2 div.resim {
	text-align: center
}
div#icerik div.sayfaIc div.content2 div.resim img.resim {
	max-width: 640px;
	max-height: 360px
}
div#icerik div.sayfaIc div.content2 div.img div.tavsiye {
	margin: 10px 5px 0 0
}
div#icerik div.sayfaIc div.content2 div.img div.yAd {
	margin: 5px 0;
	text-align: center
}
div#icerik div.sayfaIc div.content2 div.img div.yAd a {
	font-weight: 700;
	font-size: 17px;
	cursor: pointer;
	color: #222;
	text-decoration: none
}
div#icerik div.sayfaIc div.content2 div.img div.yEposta {
	margin: 5px 0;
	text-align: center;
	font-size: 12px
}
div#icerik div.sayfaIc div.content2 p {
	line-height: 19px
}
div#icerik div.sayfaIc div.content2 p img {
	max-width: 640px;
	clear: both
}
div#icerik div.sayfaIc div.etiket {
	width: 640px;
	margin: 5px auto 0;
	padding: 10px 0;
	color: #444;
	font-weight: 700;
	font-size: 11px;
	line-height: 16px
}
div#icerik div.sayfaIc div.etiket a {
	padding: 1px 4px;
	color: #444;
	font-weight: 400;
	text-decoration: none;
	border-bottom: 1px dotted #444
}
div#icerik div.alan {
	width: 640px;
	margin: 5px 0 10px
}
div#icerik div.alan h4 {
	position: relative;
	width: 630px;
	padding: 10px 0 10px 10px;
	font-size: 17px;
	color: #111;
	background: #f5f5f5;
	text-shadow: 1px 1px #fff
}
div#icerik div.alan h4 a {
	color: #111;
	text-decoration: none;
	font-size: 17px
}
div#icerik div.alan h4 a:hover {
	text-decoration: underline
}
div#icerik div.alan div.content {
	line-height: 19px
}
div#icerik div#yorum {
	margin: 0 0 10px;
	color: #444;
	padding: 0 0 5px;
	background: #f7f7f7
}
div#icerik div#yorum span.topYorum {
	float: left
}
div#icerik div#yorum span.yazYorum {
	float: right
}
div#icerik div#yorum div.label {
	width: 180px;
	float: left;
	font-weight: 700;
	font-size: 11px;
	color: #444;
	text-align: right;
	margin: 9px 10px 0 0
}
div#icerik div#yorum form#yorumForm input {
	width: 300px;
	margin: 2px 0;
	padding: 5px;
	border: 1px solid #ccc;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	color: #444
}
div#icerik div#yorum form#yorumForm textarea {
	padding: 5px;
	margin: 5px 0;
	width: 300px;
	height: 80px;
	color: #444;
	border: 1px solid #ccc;
	overflow: auto
}
div#icerik div#yorum div.yorum {
	width: 610px;
	padding: 10px 5px;
	margin: 7px auto;
	border: 1px solid #e1e1e1;
	background: #fff
}
div#icerik div#yorum div.yorum img {
	width: 44px;
	height: 50px;
	float: left;
	margin: auto;
	background: transparent
}
div#icerik div#yorum div.yorum div.adsoyad {
	width: 350px;
	font-size: 12px;
	font-weight: 700;
	float: left;
	margin: 5px 0 0 10px
}
div#icerik div#yorum div.yorum div.tarih {
	width: 180px;
	font-size: 10px;
	text-align: right;
	color: #666;
	float: right;
	margin: 5px 5px 0 0
}
div#icerik div#yorum div.yorum div.yIcerik {
	width: 525px;
	float: left;
	margin: 10px 0 0 10px;
	line-height: 17px
}
a.sosyal2 {
	padding: 5px 10px;
	margin: 0 5px 0 0;
	color: #fff;
	text-decoration: none;
	font-size: 13px
}
a.sosyal2 i {
	font-size: 15px
}
a.sosyal2.facebook {
	background: #2e4a88;
	border-bottom: 1px solid #1b3d82
}
a.sosyal2.twitter {
	background: #008dde;
	border-bottom: 1px solid #0078bd
}
a.sosyal2.google {
	background: #cc3622;
	border-bottom: 1px solid #ba2714
}
a.sosyal2.yorum {
	background: #888;
	border-bottom: 1px solid #666
}
ul.galeriListe {
	margin: 10px 0
}
ul.galeriListe li {
	position: relative;
	float: left;
	margin: 0 0 8px 12px;
	width: 200px
}
ul.galeriListe li a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	line-height: 19px
}
ul.galeriListe li img.resim {
	width: 196px;
	height: 120px;
	padding: 1px;
	border: 1px solid #fff
}
ul.galeriListe li:hover img.resim {
	border-color: #000
}
ul.galeriListe li span.baslik {
	display: none;
	z-index: 2;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 188px;
	height: 102px;
	padding: 10px 5px;
	background: url(../img/spot_trans2.png);
	text-align: center
}
ul.galeriListe li span.play {
	display: block;
	position: absolute;
	bottom: 9px;
	right: 7px;
	color: #fff;
	padding: 3px 7px;
	background: url(../img/spot_trans2.png);
	font-size: 15px
}
ul.galeriListe li span.baslik span {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 12px
}
div.kategoriTum {
	width: 650px;
	padding: 0 0 5px;
	margin: 5px auto
}
div.kategoriTum a {
	display: block;
	float: left;
	padding: 5px 10px;
	font-size: 17px;
	border: 1px solid #ddd;
	background: #e1e1e1;
	color: #222;
	text-decoration: none;
	margin: 5px 5px 0 0
}
div.kategoriTum a span {
	color: #aaa
}
div.kategoriTum a:hover {
	background: #eee
}
.button {
	cursor: pointer;
	padding: 4px 10px;
	font-size: 13px;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	text-decoration: none;
	background: #ddd;
	border: 1px solid #ccc;
	color: #333
}
.button:hover {
	background: #e5e5e5
}
.button:focus {
	background: #f0f0f0
}
form.form {
	width: 500px;
	margin: 10px auto
}
form.form div.label {
	float: left;
	width: 150px;
	margin: 21px 0 0;
	color: #333;
	font-size:13px;
	text-align: right
}
form.form div.field {
	float: left;
	width: 200px;
	margin: 15px 0 0 10px;
	color: #555
}
form.form input {
	width: 200px;
	padding: 3px;
	font: normal 12px Tahoma
}
form.form select {
	width: 210px;
	padding: 3px;
	font: normal 12px Tahoma
}
form.form textarea {
	width: 280px;
	height: 100px;
	padding: 3px;
	font: normal 11px Tahoma
}
form.uyeGiris {
	width: 350px;
	margin: 10px auto
}
form.uyeGiris div.label {
	width: 90px;
	float: left;
	margin: 22px 10px 0 0;
	text-align: right;
	font-size: 14px;
	color: #333
}
form.uyeGiris input {
	float: left;
	width: 200px;
	margin: 15px 0 0;
	padding: 5px;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif
}
form.uyeGiris a.sifre {
	color: #222;
	text-decoration: none;
	padding: 3px 5px;
	background: #eee
}
form.form2 {
	width: 500px;
	margin: 10px auto
}
form.form2 div.label {
	float: left;
	width: 150px;
	margin: 32px 0 0;
	font-weight: 700;
	font-size:13px;
	color: #333;
	text-align: right
}
form.form2 div.fields {
	float: left;
	width: 200px;
	margin: 25px 0 0 10px;
	font-weight: 700;
	color: #555
}
form.form2 input {
	width: 200px;
	padding: 3px;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif
}
form.form2 select {
	width: 210px;
	padding: 3px;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif
}
form#arsiv {
	margin: 5px auto;
	width: 270px
}
form#arsiv select {
	padding: 4px
}
ul.sayfala {
	float: right;
	margin: 10px 10px 10px 0
}
ul.sayfala li {
	display: inline-block;
	margin: 0 3px 0 0
}
ul.sayfala li a {
	padding: 2px 5px;
	font-size: 13px;
	background: #eee;
	border: 1px solid #ddd;
	color: #777;
	text-decoration: none
}
ul.sayfala li a:hover {
	background: #dadada
}
ul.sayfala li a.aktif {
	padding: 4px 7px;
	background: #e1e1e1;
	border: 1px solid #d1d1d1;
	color: #999;
	font-size: 13px;
	font-weight: 700
}
ul.haberListe {
	width: 298px;
	margin: 0 auto
}
ul.haberListe li {
	padding: 3px 7px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dedede;
	color: #999;
	overflow: hidden
}
ul.haberListe li:hover {
	background: #eee
}
ul.haberListe li a {
	color: #333;
	text-decoration: none;
	font-size: 13px
}
ul.haberListe li a:hover {
	color: #000
}
ul.haberListe li:last-child {
	border-bottom: 0
}