﻿@charset "utf-8";
/* CSS Document */

body 		{background:#6ba52c url(../images/bg-2.jpg) center top repeat-x; margin:0 0 10px 0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}
a 			{text-decoration:none;}
a:hover		{text-decoration:underline;}


.header				{width:980px; margin:auto; height:136px; position:relative; z-index:10;}
.header-hf-logo 	{position:absolute; left:40px; top:64px; z-index:3;}
.header-dk-logo		{position:absolute; left:3px; top:12px; z-index:5;}
.header-nav			{position:absolute; left:280px; top:61px; z-index:20;}
.header-nav-bg		{position:absolute; left:10px; top:58px; z-index:2;}
.header-counter		{position:absolute; right:28px; top:60px; z-index:6;}
.header-counter-bg	{position:absolute; right:12px; top:53px; z-index:5;}
.header-top			{position:absolute; right:-9px; top:58px; z-index:4;}
.header-bayrak-bg	{position:absolute; bottom:1px; left:11px;  z-index:1;}
.header-bayrak		{position:absolute; bottom:0px; left:18px;  z-index:2; height:28px;}
.login				{position:absolute; top:30px; right:28px; z-index:2;}
.login-bg			{background:url(../images/header-login-bg.png) repeat-x; height:22px; padding-top:1px;}
.kullanici-adi-bg	{  vertical-align:middle;}
.kullanici-adi-bg	input{ background:url(../images/header-kullanici-adi-bg.png) no-repeat; width:103px; color:#7f7f7f; height:19px; font-size:11px; border:0; vertical-align:middle; padding-left:5px; padding-right:5px;}
.sifre-bg			{ vertical-align:middle;}
.sifre-bg			input{background:url(../images/header-sifre-bg.png) no-repeat; width:72px; color:#7f7f7f; height:19px; font-size:11px; border:0; vertical-align:middle; padding-left:5px; padding-right:5px;}
.middle-area			{width:980px; margin:auto; height:232px; position:relative; z-index:9;}

.home-kupagunlugu-box	{position:absolute; top:15px; left:20px;  z-index:2;}
.home-kupagunlugu-box-bg{position:absolute; top:6px; left:9px;  z-index:1;}

.home-fikstur-box		{position:absolute; top:15px; right:20px;  z-index:2;}
.home-fikstur-box-sub	{ position:absolute; top:23px; width:342px;}
.home-fikstur-box-bg	{position:absolute; top:5px; right:10px;  z-index:1;}

.bottom-area			{width:980px; margin:auto; height:232px; position:relative; z-index:9;}

.content-bg				{ background:url(../images/content-area-bg.png) repeat-y; padding-left:10px;}
.content-fans			{ background:url(../images/middle-area-bg-ust.jpg) no-repeat bottom; width:950px; padding-left:10px;}
.content-left			{ float:left; width:588px;}
.content-right			{ float:left; width:342px; margin-left:10px;}
.sub-footer-bg			{ background:#f9f9f9 url(../images/box-sub-footer-bg.gif) no-repeat bottom; width:588px;}

.sub-right-footer-bg	{ background:#f9f9f9 url(../images/box-sub-right-footer-bg.gif) no-repeat bottom; width:342px;}


.h_bayrak_info		{ color:#fff; font-weight:bold; background:url(../images/header-takim-adi-bg.png) no-repeat; width:233px; height:21px; padding-left:10px; padding-bottom:5px;}
.h_bayrak_info		a{color:#fff;}
.h_bayrak_info		a:hover{ color:#ececec;}
.h_bayrak_bg		{ padding:2px; background:url(../images/bayrak/bayrak-bg-h.png) no-repeat;  width:26px; height:21px; z-index:1000;}

.ok						{ background:url(../images/header-ok.png) no-repeat; padding-left:15px; border-bottom:1px solid #678ca8; padding-bottom:3px;}
.ok						a{ color:#fff; font-size:11px;}

.home-box-guney-afrika	{float:left; background:url(../images/home-box-guney-afrika-bg.gif) no-repeat; width:588px; height:278px; position:relative;}
.home-box-video			{float:left; background:url(../images/home-box-video-bg.gif) no-repeat; width:321px; height:270px; padding-left:21px; padding-top:10px; margin-left:10px;}
.banner_728x90			{background:url(../images/banner_728_bg.jpg) no-repeat; width:832px; height:100px; padding-left:108px; padding-top:10px; margin-top:10px;}
.banner_728x90-2		{background:url(../images/banner_728_bg-2.jpg) no-repeat; width:922px; height:99px; padding-left:18px; padding-top:11px; margin-top:10px;}
.home-box-kupa-tarihi	{float:left; background:url(../images/home-box-kupa-tarihi-bg.png) no-repeat; width:268px; height:220px; margin-top:10px;}
.home-box-gunun-enisi	{float:left; background:url(../images/home-box-gunun-enisi-bg.png) no-repeat; width:310px; height:220px; margin-top:10px; margin-left:10px;}
.home-box-anket-bg		{float:left; background:url(../images/home-box-anket-bg.png) no-repeat; width:342px; height:220px; margin-top:10px; margin-left:10px;}
 
.box-title				{ float:left; padding-left:20px;}
.box-home-icon			{ float:right; padding-right:20px;}

.line_top				{ border-top:1px dashed #e0e0e0;}
.line_bottom			{ border-bottom:1px dashed #e0e0e0; padding-bottom:3px;}
.line_top2				{ border-top:1px dashed #e0e0e0; padding-bottom:5px;}

.icon-sehirrehberi		{background:url(../images/icon-sehirrehberi.gif) no-repeat; padding-left:35px; }
.icon-sehirrehberi		a{width:100px; height:20px; color:#000; display:block; padding-top:10px; font-size:11px; font-weight:bold; }

.icon-stadyum		{background:url(../images/icon-stadyum.gif) no-repeat; }
.icon-stadyum		a{width:100px; height:20px; color:#000; display:block; padding-top:10px; font-size:11px; font-weight:bold; padding-left:35px;}

.icon-yeme		{background:url(../images/icon-yemek.gif) no-repeat; padding-left:35px;}
.icon-yeme		a{width:100px; height:20px; color:#000; display:block; padding-top:10px; font-size:11px; font-weight:bold; }

.icon-ulasim	{background:url(../images/icon-ulasim.gif) no-repeat; padding-left:35px;}
.icon-ulasim	a{width:100px; height:20px; color:#000; display:block; padding-top:10px; font-size:11px; font-weight:bold; }


.icon-gorulecek		{background:url(../images/icon-foto.gif) no-repeat; padding-left:35px;}
.icon-gorulecek		a{width:100px; height:20px; color:#000; display:block; padding-top:10px; font-size:11px; font-weight:bold; }

.ok-link-m		{background:url(../images/icon-mavi-ok.gif) no-repeat; padding-left:17px;}
.ok-link-m		a{height:20px; color:#1c81b6; display:block; padding-top:8px; font-size:11px; font-weight:bold; }

.ok-link-g		{background:url(../images/icon-gri-ok.gif) no-repeat; padding-left:17px; padding-top:8px;   font-size:11px; }
.ok-link-g		a{ color:#000000;}

.image-tumb		{ background:url(../images/home-image-tumb-bg.jpg) no-repeat; padding:5px; margin-left:4px;}
.image-tumb-kupatarihi		{ background:url(../images/home-image-tumb-bg.jpg) no-repeat; padding:5px;}

.en-i-list 	{width:190px; height:27px;}
.en-i-list-bg 	{background:url(../images/gunun-enisi-list-bg.gif) no-repeat; width:190px; height:27px;}

.sayfa_off		{ float:left; padding:3px; color:#555555;}
.sayfa_off		a{padding:3px; color:#555555; display:block; text-decoration:none;}
.sayfa_off		a:hover{padding:3px; color:#555555; display:block; text-decoration:underline;}

.sayfa_on		{ float:left; padding:3px; color:#555555; background:#dedede; font-weight:bold;}
.sayfa_on		a{padding:3px; color:#555555; display:block; text-decoration:none;  }
.sayfa_on		a:hover{padding:3px; color:#555555;  display:block; text-decoration:underline;}


/* haber */
.haber_bg_b		{position:relative; background:url(../images/gundem-home-image-b-bg.gif) no-repeat; width:530px; height:250px; padding:10px;} 
.haber_bg_k		{background:url(../images/gundem-home-image-bg.gif) no-repeat; width:180px; height:86px; text-align:center; padding-top:10px;}  
.haber-k		{width:160px; float:left;}


.box-header-fikstur	{ background:url(../images/box-header-fikstur.gif) no-repeat; width:540px; height:22px; padding-top:7px; padding-left:5px;}
.grup-header-bg		{background:url(../images/title-bg-gruplar.gif) no-repeat; width:535px; height:26px; padding-left:10px; padding-top:10px;}

.sehir-isim-bg		{ background:url(../images/bg-sehir-header.gif) no-repeat; width:250px; height:20px; padding-left:10px; padding-top:5px;}
.sehir-res-bg		{ background:url(../images/sehir-resim-bg.gif) no-repeat; width:240px; height:100px; padding:10px;}

.sehir-header-bg	{background:url(../images/title-bg-gruplar.gif) no-repeat; width:535px; height:36px; padding-left:10px;}

.takim-foto-bg		{ background:url(../images/takim-foto-bg.gif) no-repeat; width:240px; height:135px; padding:10px;}
.takim-header-bg	{ background:url(../images/takim-header-bg.gif) no-repeat; width:545px; height:45px;}

.bg-takim-header	{ background:url(../images/bayrak/bg-takim-header.gif) no-repeat; width:250px; height:19px; color:#fff; padding-left:10px; padding-top:3px;}
.bg-yildizadayi		{ background:url(../images/bayrak/bg-yildizadayi.gif) no-repeat; width:88px; height:80px; padding:10px;}


.gunun-en-isi-bugun	{ background:url(../images/gunun-enisi-bugun-bg.gif) no-repeat; width:122px; height:34px; color:#fff; text-align:center; padding-top:5px; font-size:19px; font-weight:bold;}

.gunun-en-isi-min	{ background:url(../images/gunun-enisi-bugun-bg.gif) no-repeat; width:122px; height:34px; color:#fff; text-align:center; padding-top:5px; font-size:14px; font-weight:bold;}

.gunun-enisi-onceki-gun-bg	{ background:url(../images/gunun-enisi-onceki-gun-bg.jpg) no-repeat; width:122px; height:34px; color:#fff;  text-align:center; font-size:17px; font-weight:bold; padding-top:5px;}
.gunun-enisi-onceki-gun-bg	a{ display:block; color:#fff;}
.gunun-enisi-onceki-gun-bg	a:h14px; font-weight:bold;}



/* takim detay fikstür */
.stad	 		{color:#a8a8a8; font-size:11px; padding-top:5px; float:left;}
.stad	 		a{color:#a8a8a8; text-decoration:none;}
.stad	 		a:hover{color:#a8a8a8; text-decoration:underline;}
.grup_adi		{color:#c1202f; font-size:11px; float:left; padding-top:5px; padding-left:5px;}
.grup_adi		a{color:#c1202f; text-decoration:none; }
.grup_adi		a:hover{color:#c1202f; text-decoration:underline; }
.mac-bilgi		{background:url(../images/box-fikstur-saat-skor-bg.gif) no-repeat; width:280px; height:26px;}
.skor_bg		{background:url(../images/box-fikstur-skor-bg.gif) no-repeat; width:280px; height:26px;}
.canli_bg		{background:url(../images/box-fikstur-canli-skor-bg.gif) no-repeat; width:280px; height:26px;}
.left 			{float:left;}
.right 			{float:right;}
.clear 			{clear:both;}
.ulke_adi_80	a{float:left; padding-left:5px; width:80px; padding-top:7px; font-size:11px; color:#022547; text-decoration:none;}
.ulke_adi_80	a:hover{ text-decoration:underline;}
.bayrak_l		{float:left; padding-left:5px; padding-top:5px;}
.saat			{ float:left;  height:18px; background:url(../images/icon-saat.gif) no-repeat; padding-left:14px; padding-top:8px;}
.mac-on			{ float:left; width:56px; text-align:center; padding-top:8px;}
.bayrak_r		{float:left; padding-top:5px;}
.ulke_adi_r_80	a{ float:left; text-align:right; padding-right:4px; padding-top:7px; width:80px; font-size:11px; color:#022547; text-decoration:none;}
.ulke_adi_r_80	a:hover{ text-decoration:underline;}




/*----------- tooltip style------------*/

.tooltip 
	{
	z-index:5;
	display:none;
	background:url(../images/nav-ulke-bg.png);
	height:131px;
	width:255px;
	padding-left:9px;
	padding-top:35px;
	color:#fff;
}

.tooltip_right
	{
	z-index:5;
	display:none;
	background:url(../images/nav-ulke-bg-right.png);
	height:131px;
	width:255px;
	padding-left:9px;
	padding-top:35px;
	color:#fff;
}
 






h1 { padding:0; margin:0; display: inline; }
h2 { padding:0; margin:0; display: inline;  font-weight:normal;}
h3 { padding:0; margin:0; display: inline;  font-weight:normal;}
h5 { display:inline-block;  color:#000; font-size:12px; font-weight:bold; padding-top:15px;}



/* -------------------------------- fonts -------------- */
.f11_g		{ color:#777777; font-size:11px;}
.f11_g		a{ color:#777777;}
.f11_g		a:hover{ color:#2c2c2c;}

.f11_kg		{ color:#4c4c4c; font-size:11px;}
.f11_kg		a{ color:#4c4c4c;}
.f11_kg		a:hover{ color:#4c4c4c;}

.f11_km		{ color:#1e5284; font-size:11px;}
.f11_km		a{ color:#1e5284;}
.f11_km		a:hover{ color:#1e5284;}

.f12_km		{ color:#1e5284; font-size:12px;}
.f12_km		a{ color:#1e5284;}
.f12_km		a:hover{ color:#1e5284;}

.f11_t		{ color:#ff4712; font-size:11px;}
.f11_t		a{ color:#ff4712;}
.f11_t		a:hover{ color:#ff4712;}


.f12_g		{ color:#777777; font-size:12px;}
.f12_g		a{ color:#777777;}
.f12_g		a:hover{ color:#2c2c2c;}

.f11_b		{ color:#000; font-size:11px;}
.f11_b		a{ color:#000;}
.f11_b		a:hover{ color:#000;}

.f11_g span a{color:#003366; text-decoration:underline;}

.f11_w		{ color:#fff; font-size:11px;}
.f11_w		a{ color:#fff;}
.f11_w		a:hover{ color:#ececec;}

.f11_gr		{ color:#699b5f; font-size:11px;}
.f11_gr 	a{ color:#699b5f;}
.f11_gr		a:hover{ color:#699b5f;}



.f11_n		{ color:#1c4a62; font-size:11px;}
.f11_n		a{ color:#1c4a62;}
.f11_n		a:hover{ color:#1c4a62;}

.f11_y		{ color:#81bb1b; font-size:11px;}
.f11_y		a{ color:#81bb1b; text-decoration:none;}
.f11_y		a:hover{ color:#81bb1b; text-decoration:underline;}


.f12_w		{ color:#fff; font-size:12px;}
.f12_w		a{ color:#fff;}
.f12_w		a:hover{ color:#ececec;}

.f12_m		{ color:#5c7e9e; font-size:12px;}
.f12_m		a{ color:#5c7e9e;}
.f12_m		a:hover{ color:#5c7e9e;}

.f13_r		{ color:#cc0000; font-size:13px;}
.f13_r		a{ color:#cc0000;}
.f13_r		a:hover{ color:#cc0000;}



.f15_w		{ color:#fff; font-size:15px;}
.f15_w		a{ color:#fff;}
.f15_w		a:hover{ color:#ececec;}

.f15_m		{ color:#08529b; font-size:15px;}
.f15_m		a{ color:#08529b;}
.f15_m		a:hover{ color:#08529b;}



.f14_y		{ color:#dabd02; font-size:14px;}
.f14_y		a{ color:#dabd02;}
.f14_y		a:hover{ color:#dabd02;}

.f17_b		{ color:#000; font-size:17px;}
.f17_b		a{ color:#000;}
.f17_b		a:hover{ color:#000;}

.f22_b		{ color:#000; font-size:22px;}
.f22_b		a{ color:#000;}
.f22_b		a:hover{ color:#000;}

.f15_r		{ color:#9f4747; font-size:15px;}
.f15_r		a{ color:#9f4747;}
.f15_r		a:hover{ color:#9f4747;}

.f12_r		{ color:#9f4747; font-size:12px;}
.f12_r		a{ color:#9f4747;}
.f12_r		a:hover{ color:#9f4747;}


.f11_wb		{ color:#fff; font-size:11px; font-weight:bold;}
.f11_wb		a{ color:#fff;}
.f11_wb		a:hover{ color:#ececec;}

.f11_n_u		{ color:#003366; font-size:11px;}
.f11_n_u		a{ color:#003366; text-decoration:underline;}
.f11_n_u		a:hover{ color:#000911;}


/* -------------------------------- padding & margin -------------- */
.p5		{padding:5px;}
.p10	{padding:10px;}
.p15	{padding:15px;}
.p20	{padding:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}

.m5		{margin:5px;}
.m10	{margin:10px;}
.m15	{margin:15px;}
.m20	{margin:20px;}

.ml3	{margin-left:3px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}

.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}

.text_left 	{text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}

/*-------------------------*/

.left {float:left;}
.right {float:right;}
.clear { clear:both;}



