/*
-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-
// author: owlfurty 
// dont steal it! took me 1 day to create. you can also learn.
-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 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; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body 								{ line-height: 1; }
ol, ul 								{ list-style: none; }
blockquote, q 						{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after 					{	content: ''; content: none; }
table 								{	border-collapse: collapse; border-spacing: 0; }

/* start */
body 								{ background: #e7e7e7; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; }
p 								{ line-height: 1.385em; margin: 0 0 2em 0;  font-size: 11px;}
strong 								{ font-weight: bold; }
#wrapper 							{ width: 980px; margin: 20px auto; background: #fff; display: block; clear: both; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; min-height: 90%; }


/*header*/

#header 							{ background: url(../images/bg-header.png) 0 30px no-repeat; height: 113px; position: relative; }
.logo 								{ padding: 22px 0 0; float: left; width: 250px; }
.slogan 							{ position: absolute; left: 330px; top: 60px; color: #00885b; font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; }

.konyaspor 							{ position: absolute; right: 5px; top: 0px; z-index: 999; }
.round								{ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }


/* @group search */
.searchbox 							{ position: absolute; top: 52px; right: 220px;}
#search 							{ float: right; width: 200px; height: 20px; position: relative; margin-top: 0; }
#search input						{ width: 155px; height: 24px; margin: 0; border: none; border: 1px solid #95c9b7; color: #218766; padding: 0 38px 0 8px; background: #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* individual: webkit */
#frm-search::-webkit-input-placeholder { color: #333; }
/* individual: mozilla */
#frm-search::-moz-placeholder 		{ color:#333; font-weight: bold; }
#search input:focus					{ background: #fff; }
#search button 						{ width: 14px; height: 14px; position: absolute; top: 5px; right: 4px; border-style: none; text-indent: -9999px; background-image: url(../images/search-input.png) ;
  background-color: transparent; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#search button:hover 				{ background-position: 0 -14px; }
#search button:active 				{ top: 6px; }
/* @end */

/*breadcrumb*/
#breadcrumb							{ margin: 4px 15px; padding-bottom: 6px; font-size: 11px; color: #999999; bottom:2px; left: 160px;  text-align: right; }
#breadcrumb	a 						{ color: #999999; text-decoration: none; background: url(../images/arrow-breadcrumb.png) no-repeat center left; padding: 0 0 0 13px; margin: 10px 10px 0 0; }
#breadcrumb	a.active 				{ color: #000; }

/* headlines */
.headline-big h2        			{ margin: -46px 0 0 -20px; padding: 0px 0 14px 6px; height: 30px; text-transform: none; font-size: 15px; color:#fff; font-weight:  normal; text-shadow: 1px 1px 0px #000; background: url(../images/bg_headlines.png) no-repeat 0 -140px; }
.headline-big h2 a      			{ color: #fff; text-decoration: none; }
.headline-big h2 span   			{ padding: 1px 12px 5px 10px; background: url(../images/bg_headlines.png) no-repeat right -98px; display: inline-block; height: 30px;  font-size: 15px; line-height: 30px; }

/* title banner */
.titlebanner            			{ margin: 10px 0 0 -5px; padding: 0px 0 14px 6px; height: 10px; position: absolute; z-index: 999; text-transform: none; font-size: 15px; color:#fff; font-weight:  normal; text-shadow: 1px 1px 0px #000; background: url(../images/bg_headlines.png) no-repeat -30px -140px; font-size: 25px; }
.titlebanner a          			{ color: #fff; text-decoration: none; }
.titlebanner span       			{ padding: 1px 12px 5px 10px; background: url(../images/bg_headlines.png) no-repeat right -98px; display: inline-block; height: 30px;  font-size: 18px; line-height: 30px; }
.titleinfo              			{ margin: 330px 0 0; padding: 10px; position: absolute; z-index: 999; font-size: 10px; color:#fff; font-weight:  normal;  text-shadow: 1px 1px 0px #000; background: url( ../images/vitrine/nr-bg.png) repeat-x bottom; line-height: 10px; }
.titleinfo a          				{ color: #fff; text-decoration: none;}

/*nav*/
#nav ul 							{ height: 32px; background: #00885b url(../images/nav-bg.png) repeat-x; padding: 0 19px; }
#nav li a 							{ position: relative; float: left; line-height: 2.5em; padding: 0 19px; color: #fff; font-size: 13px; background: url(../images/nav-list-bg.png) no-repeat right;  text-decoration: none; }
#nav li a:hover 					{ background: #00885b; }
.drop 								{ position: absolute; z-index: 99999; margin-top:30px; background: #f00; }

/*content*/
#container 							{  }
#content 							{ padding: 5px; border: #999 1px solid; margin: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#content .bx-window 				{ position: relative; height: 70px!important; }
#content .bx-pager 					{ height: 27px; background: url( ../images/vitrine/nr-bg.png) repeat-x bottom; padding: 0 10px; position: relative; }
#content .bx-pager a				{ position: relative;  line-height: 22px; background: url( ../images/vitrine/nr-bg-sh.png) no-repeat right bottom; }
#content .pager-link				{ color: #fff; text-decoration: none; text-shadow: 1px 0 #333; font-weight: bold; padding: 7px; line-height: 23px;  }
#content .pager-active				{ background: url(../images/vitrine/nr-active.png) top no-repeat!important; position: relative;  top: -3px; line-height: 34px; z-index: 9999; }

/*news*/
#news 								{ padding: 40px 0 0; border: 1px solid #ccc; width: 634px; margin: 0 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.singlenews 						{ overflow: hidden; padding: 10px 10px 20px; border-bottom: 1px solid #cccccc; width: 613px; background: url(../images/news/box-bg.png) repeat-x bottom;}
.singlenews img 					{ border: 1px solid #bfbfbf; padding: 3px; float: left; }

.news-info 					{ width: 450px; float: right; }

.withmenu					{ padding: 0 10px 20px; float: right; border-bottom: 1px solid #cccccc; width: 420px; background: none; border: none; }
.withmenu .news-info 				{ width: 420px; float: right;  }
.datum 						{ color: #6d6e6d; font-size: 12px; }
.datum 						{ color: #6d6e6d; font-size: 12px; }
.news-rest 					{ color: #444; font-size: 11px; }
.restnews 					{ background: url(../images/news/news-arrow.png) no-repeat left center; padding-left: 15px; margin: 5px 0 0; color: #6d6e6d; font-size: 12px; text-decoration: none;}
.title 						{ color: #00993b; font-size: 16px; line-height: 20px; }
.cutted						{ width: 390px; }
.colory						{ color: #178856; font-weight: bold; font-size: 12px; }
.allnews					{ clear: both; background: url(../images/arrow-green.png) no-repeat left center; padding-left: 20px; margin: 20px; display: block; color: #00993b; font-size: 16px; text-decoration: none; font-weight: bold; }
.allnews:hover					{ text-decoration: underline; }

/*page*/
#page 								{ padding: 40px 0 0; border: 1px solid #ccc; width: 634px; margin: 0 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/*sidebar*/
#sidebar 							{ width: 320px; }
#sidebar .bx-wrapper 				{ position: relative; width: 305px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#sidebar .bx-window 				{ position: relative; width: 305px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#sidebar .bx-pager a				{ position: relative;  line-height: 22px; background: url( ../images/vitrine/nr-bg-sh.png) no-repeat right bottom; }
#sidebar .pager-link				{ color: #fff; text-decoration: none; text-shadow: 1px 0 #333; font-weight: bold; padding: 7px; line-height: 23px;  }
#sidebar .pager-active				{ background: url(../images/vitrine/nr-active.png) top no-repeat!important; position: relative;  top: -3px; line-height: 34px; z-index: 9999; }
#comm .bx-next						{ width: 30px; height: 30px; position: absolute; top: 40px; right: 0; display: block; border-bottom: 1px solid #111; background: #333 url( ../images/arrow-next.png) no-repeat center center; text-indent: -9999px; }
#comm .bx-next:hover				{ background: #444 url( ../images/arrow-next.png) no-repeat center center; }
#comm .bx-prev						{ width: 30px; height: 30px; position: absolute; top: 73px; right: 0; display: block; border-bottom: 1px solid #111; background: #333 url( ../images/arrow-prev.png) no-repeat center center; text-indent: -9999px; }
#comm .bx-prev:hover				{ background: #444 url( ../images/arrow-prev.png) no-repeat center center; }

.externalmenu						{ width: 190px; float: left; height: 470px; text-decoration: none; font-size: 11px; color: #333;}
.externalmenu ul					{ margin: 0; padding: 10px; list-style: none; background: #f2f2f2; border: 1px solid #e3e3e3; }
.externalmenu li 					{ display: block; border-bottom: 1px solid #ddd; border-top: 1px solid #fff;}
.externalmenu li a					{ text-decoration: none; font-size: 11px; color: #333;  padding: 5px 5px; display: block; color: #666; }
.externalmenu li a:hover			{ background: #f9f9f9; }

/*banner*/
#aff 								{ width: 320px; margin-top: 15px; }
#aff .bx-wrapper 					{ position: relative; width: 310px!important;  height: 250px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#aff .bx-window 					{ position: relative; width: 310px!important;  height: 250px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#aff .bx-pager a					{ position: relative;  line-height: 22px; background: url( ../images/vitrine/nr-bg-sh.png) no-repeat right bottom; }
#aff .pager-link					{ color: #fff; text-decoration: none; text-shadow: 1px 0 #333; font-weight: bold; padding: 7px; line-height: 23px;  }
#aff .pager-active					{ background: url(../images/vitrine/nr-active.png) top no-repeat!important; position: relative;  top: -3px; line-height: 34px; z-index: 9999; }
#aff img							{ width: 305px; border: 1px solid #ccc; }

/*commercial*/
#commercial 						{ background: #525252 url(../images/comm-bg.png) repeat-x; overflow: hidden; height: 210px; margin: 10px 0 0; }
#commercial li						{  }
#commercial img 					{ width: 240px; height: 160px; margin: 20px!important; border: 1px solid #ccc; }	
.commlink							{ background: #525252 url(../images/bg-comm-link.png) repeat-x; width: 305px; }		
.commlink a 						{ padding: 3px 10px; display: block; color: #fff; font-size: 11px; height: 18px; line-height: 18px; position: relative; text-decoration: none;}	
.commlink span 						{ background: url(../images/bg-comm-link-arrow.png) no-repeat; position: absolute; right: 0; width: 15px; margin: 5px 10px; }

.matches							{ position: relative; }
.matches .bx-wrapper				{ background: #fff url(../images/bg-fixture.png) repeat-x bottom;  margin: 20px 0 0; padding-bottom: 36px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  overflow: hidden; }
.matches .bx-window					{ background: #fff url(../images/bg_box_big.gif) repeat-x top left;  height: 150px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#fixture							{ position:relative; }

#products							{ position: relative; }
#products .bx-wrapper				{ background: #333;  margin: 20px 0 0; padding-bottom: 36px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  overflow: hidden; }
#products .bx-window				{ background: #fff url(../images/bg_box_big.gif) repeat-x top left;  height: 150px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#products .bx-next					{ width: 26px; height: 26px; position: absolute; bottom: 4px; right: 3px; display: block; border-bottom: 1px solid #111; background: #444 url( ../images/arrow-next.png) no-repeat center center; text-indent: -9999px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#products .bx-next:hover			{ background: #555 url( ../images/arrow-next.png) no-repeat center center; }
#products .bx-prev					{ width: 26px; height: 26px; position: absolute; bottom: 4px; left: 3px; display: block; border-bottom: 1px solid #111; background: #444 url( ../images/arrow-prev.png) no-repeat center center; text-indent: -9999px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#products .bx-prev:hover			{ background: #555 url( ../images/arrow-prev.png) no-repeat center center; }

#next-week						{ text-shadow: #666 1px 1px 0px; color: #f2f2f2; height: 23px; padding-right: 30px; line-height: 25px; text-align: right; position: absolute; right: 10px; top: 157px; right: 0; display: block; background: transparent url( ../images/arrow-next.png) no-repeat right center; font-size: 11px; font-weight: bold; cursor: pointer; margin-right: 20px; }
#next-week:hover					{ color: #fff; }
#last-week						{ text-shadow: #666 1px 1px 0px; color: #f2f2f2; height: 23px; padding-left: 30px; line-height: 25px; text-align: left; position: absolute; right: -; top: 157px; left: 5px; display: block; background: transparent url(../images/arrow-prev.png) no-repeat left center; font-size: 11px; font-weight: bold; cursor: pointer; margin-right: 20px;}
#last-week:hover					{ color: #fff; }

.teams 							{ overflow: hidden; width: 270px; margin: 0 auto; }
.teams  ul						{ margin: 0; padding: 0; }
.teams  li						{ margin: 0; padding: 0; }
.teams .hometeam 					{ float: left; width: 90px;}
.teams .vs 						{ float: left;  width: 90px;}
.teams .awayteam 					{ float: left;  width: 90px;}
.weekname 						{ font-weight: bold; text-align: center; font-size: 14px; line-height: 30px; margin: 0px 10px 10px 0; }
.hometeam-name						{ font-weight: bold; font-size: 11px; letter-spacing: -1px; text-align: center; }
.hometeam-logo						{ background: url(../images/bg-fixture-logo.png) bottom center no-repeat; height: 80px; width: 80px; float: left; }
.hometeam-logo img					{ padding: 0 10px; text-align: center;}

.vs-datum						{ font-size: 11px; text-align: center; }
.vs-place 						{ font-size: 11px; text-align: center; }
.vs-score 						{ font-size: 22px; font-weight: bold; text-align: center; line-height: 40px; }

/* Specific to example two */
#schedule-point						{ width: 305px; margin: 20px 0 0; }
#schedule-point .list-wrap 			{ background: #eee; padding: 10px; margin: 0 0 15px 0; }
#schedule-point .nav 				{ overflow: hidden; }
#schedule-point .nav li 			{ width: 97px; float: left; margin-right: 1px; }
#schedule-point .nav li.last 		{ margin-right: 0; }
#schedule-point .nav li a 			{ display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#schedule-point li a.current,
#schedule-point li a.current:hover 	{ background-color: #eee !important; color: black; }
#schedule-point .nav li a:hover, 
#schedule-point .nav li a:focus 	{ background: #999;}

#total 								{ width: 290px; }
#total td 							{ text-align: center; font-size: 11px; line-height: 15px; }
#total th 							{ text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 40px; }
#total .rWhite						{ background: #eee; }
#total .rGrey						{ background: #e3e3e3; }
#home 								{ width: 290px; display: none; }
#home td 							{ text-align: center; font-size: 11px; line-height: 15px; }
#home th 							{ text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 40px; }
#home .rWhite						{ background: #eee; }
#home .rGrey						{ background: #e3e3e3; }
#away 								{ width: 290px; display: none; }
#away td 							{ text-align: center; font-size: 11px; line-height: 15px; }
#away th 							{ text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 40px; }
#away .rWhite						{ background: #eee; }
#away .rGrey						{ background: #e3e3e3; }
.lefttext							{ text-align: left!important; }
.situation							{ width: 60px; }


/*teaser*/
.teaserSide							{ position: relative; padding:0; }
.teaserSide h2						{ position: absolute; top:0; left:0; margin: 15px 0 0 -7px; padding: 1px 0 10px 26px; text-transform:none; font-size: 13px; color:#fff; font-weight:normal; text-shadow: 1px 1px 0px #000; background: url(../img/bg_headlines.html) no-repeat 0 -28px;}
.teaserSide h2 span					{ padding:1px 12px 5px 13px; background: url(../images/bg_headlines.png) no-repeat right 0; }
.teaserSide .btn					{ position: absolute; left:-1px; bottom:-1px; height:34px; width:300px; background:url(../images/bg_side-teaser-btn.html) no-repeat 0 0; color:#fff}


/*framework*/
.colright               			{ float: right; }
.colleft               				{ float: left; }

.clear 								{ clear: both; }
.box 								{ background: #fff url(../images/bg_box_big.gif) repeat-x top left; repeat-x bottom;  margin: 20px 0 0; padding-bottom: 20px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  overflow: hidden; width: 305px;  }
#fb-like 							{ margin: 50px 20px 0; }
			
#bottom 							{ position: relative; overflow: hidden; }
#bottom li 							{ float: left; margin: 0 10px; }
#bottom li.last 					{ margin: 0 0 0 10px; }

#footer 							{ background: url(../images/bg-footer.png) repeat top left;  overflow: hidden; position: relative; padding-bottom: 30px; }
.footer-content						{ width: 980px; margin: 30px auto; }
.footer-main 						{ width: 160px; float: left; margin-right: 30px; }
.footer-main img					{ margin-bottom: 30px; }
.footer-list 						{ overflow: hidden; }

.historyclub				{ width: 140px; float: left; color: #ccc; }
.historyclub h3				{ line-height: 35px; }
.historyclub li				{ font-size: 11px; line-height: 15px; }
.historyclub li a 			{ text-decoration: none; font-size: 11px; color: #fff; line-height: 15px;}
.historyclub li a:hover			{ font-size: 11px; color: #fff; line-height: 15px;}



.ourteam				{ width: 140px; float: left; color: #ccc; }
.ourteam h3				{ line-height: 35px; }
.ourteam li				{ font-size: 11px; line-height: 15px; }
.ourteam li a 				{ text-decoration: none; font-size: 11px; color: #fff; line-height: 15px;}
.ourteam li a:hover			{ font-size: 11px; color: #fff; line-height: 15px;}


.firstleague				{ width: 140px; float: left; color: #ccc; }
.firstleague h3				{ line-height: 35px; }
.firstleague li				{ font-size: 11px; line-height: 15px; }
.firstleague li a 				{ text-decoration: none; font-size: 11px; color: #fff; line-height: 15px;}
.firstleague li a:hover			{ font-size: 11px; color: #fff; line-height: 15px;}


.fanpart				{ width: 170px; float: left; color: #ccc; }
.fanpart h3				{ line-height: 35px; }
.fanpart li				{ font-size: 11px; line-height: 15px; }
.fanpart li a 				{ text-decoration: none; font-size: 11px; color: #fff; line-height: 15px;}
.fanpart li a:hover			{ font-size: 11px; color: #fff; line-height: 15px;}

.contact			   	{ width: 140px; float: left; color: #ccc; }
.contact h3				{ line-height: 35px; }
.contact li				{ font-size: 11px; line-height: 15px; }
.contact li a 				{ text-decoration: none; font-size: 11px; color: #fff; line-height: 15px;}
.contact li a:hover			{ font-size: 11px; color: #fff; line-height: 15px;}


#othersponsors 						{ overflow: hidden; position: absolute; bottom: 90px; margin: 0 0 0 190px; }
#othersponsors li					{ float: left; margin-right: 20px; }

/* 
	LEVEL ONE
*/
ul.dropdown             			{ position: relative; }
ul.dropdown li          			{ float: left; position: relative; }
ul.dropdown li a        			{ display: block; position: relative; z-index: 2000; }
ul.dropdown li a:hover,
ul.dropdown li a.hover  			{ position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ display: none; position: absolute; top: 0; left: -19px; width: 180px; z-index: 1000; background: transparent!important; }
ul.dropdown ul li 					{ font-weight: normal; background: #178856; color: #000;  }
ul.dropdown ul li a					{ display: block; background: #f3f3f3 !important; width: 180px; font-size: 12px!important; padding: 0 15px!important; color: #333!important; } 
ul.dropdown ul li a:hover 			{ display: block; background: #00885b !important; color: #f2f2f2!important; } 


td { font-family: tahoma;  font-size: 10px; color: #6D6E70}