@charset "utf-8";

*{
	margin: 0;
	padding: 0;
/*	border: 0;*/
}

a {
	text-decoration: none;
	color: #39C;
	background-color: #05050F;	
}

#keski a {
	text-decoration: none;
	color: #03C;
	background-color:#FFF;
		
}

#keski a:hover {
	text-decoration: underline;
	color: #03C;
	background-color:#FFF;
		
}

a:hover {
	background-color: #05050F;
	color: #F33;
		
}
.tahdetotsikko {
	font-family: "Francois One", serif;
	font-size: 20px;
	color: #FFF;
	
}
.tdlstats{
	font-family: "Arial", serif;
	font-size: 15px;
	color: #000;
	
}
.tdlnimi {
	font-family: "Arial", serif;
	font-size: 20px;
	color: #335697;
	
}
.tahdet {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #05050F;
}
#wrapper {
	background-color: #05050F;;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	height: 1700px;
	position: relative;
	-webkit-box-shadow: 0px 0px 6px 0px #ffffff; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 6px 0px #ffffff; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}

#wrapper2 {
	background-color: #05050F;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	height: 1800px;
	position: relative;
	-webkit-box-shadow: 0px 0px 6px 0px #ffffff; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 6px 0px #ffffff; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}

#wrapper3 {
	background-color: #05050F;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	/*height: 1800px;*/
	position: relative;
	-webkit-box-shadow: 0px 0px 6px 0px #ffffff; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 6px 0px #ffffff; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	height: 3500px;

}
.games {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}


#headermini {
	display: none;
	
}

.uutisotsikko2 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	color: #009;
}

.uutisotsikko3 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	color: #000;
}

.uutispalan {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;	
color: #fff;
font-style:normal;
	
}

.uutisotsikko {
	font-family: 'Fjalla One', sans-serif;
	font-size: 22px;
	color: #009;
}
.tulosotsikko {
	font-family: 'Fjalla One', sans-serif;
	font-size: 14px;
	color: #CCC;
}
.kuvateksti {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333;
}
.leipis {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

.leipis_obs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #C60;
}

.valkealeipis {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

.awardnimi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.awardsliepis2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #B39229;
}
.aiemmat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #AE8B25;
}

.jaanumero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #FFCF03;
}

.jaanumerovalk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #FFF;
}

.jaanumeromusta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #000;
}

.jaanumeropuna {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #C00;
}


.uutisviiva {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	color: #666;
}

.standings {
	background-color: #FFF;
	border-color: #999;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 5px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.standings2 {
	background-color: #05050F;
	border-color: #999;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 5px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.tyhja {
	height: 10px;
	width: 100%;
	margin-bottom: 5px;
}

.tweet {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
.breakingnews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #003;
	padding-left: 3px;
}

.pvm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #09F;
	padding-left: 3px;
}

.siirto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
}

.standingsotsikko {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.standingsotsikko2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color:#009;
}
	
#mobiletweet {
	display: none;
	width: 100%;
	background-color: #FFF;
	clear: both;
	margin-top: 10px;
	padding-top: 8px;
}


#header {
	background-color: #05050F;
	width: 100%;
	margin: 0px;
	padding: 0px;	
}


#uutinenvas {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-left: 3%;
	margin-right: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 245px;
}
#uutinenkes {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 245px;
}
#uutinenoik {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 245px;
}


#slides {
	
	width: 100%;
	margin-top: 7px;
}

#vasen {
	background-color: #05050F;
	float: left;
	width: 23%;
	height: 700px;
	padding-top: 10px;
	padding-right: 1%;
	padding-left: 1%;
}

#uutisvirta {
	background-color: #FFF;
	width: 100%;
	height: 850px;
}

body {
	background-image: url(../kuvat/bground.jpg);
	background-repeat: repeat;
}


#keski {
	background-color: #05050F;
	float: left;
	width: 50%;
}
.uutiset {
	background-color: #05050F;
	width: 100%;
	height: 250px;
	padding-top: 0px;
}
#newsotsikko {
	height: 50px;
	width: 100%;
	background-color: #05050F;
}




#oikea {
	background-color: #05050F;
	float: left;
	width: 23%;
	padding-right: 1%;
	padding-left: 1%;
}

.kuvakehys {
	background-color: #05050F;
	width: 200px;
}


/*navin muotoilu*/
nav {
	font-family: 'Alegreya Sans SC', sans-serif;
	background: #05050F;
	width: 100%;
	height: 60px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#kuvakehys {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}
.vasenkuva {
	float: left;
	width: 48%;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 4%;
	padding-left: 0;
	
}
.oikeakuva {
	float: left;
	width: 48%;
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 4%;
	padding-left: 2%;
	
}

nav ul {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #003;
}


nav li {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 20px;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 30px;
	width: 20%;
	display: block;
	background-color: #05050F;
			
}
nav a {
	text-decoration: none;
	line-height: 40px;
	color: #CCC;
	background-color: #05050F;
	display: block;
	
}

nav a:hover {
	background-color: #05050F;
	color: #6699ff;
	text-decoration: underline;
	
}
nav a#pull {
	display: none;
}



#footer {
	background-color: #0C6;
	height: 200px;
	width: 100%;
	clear: both;
	margin-top: 20px;
}

.tyhja {
	height: 10px;
	width: 100%;
	margin-bottom: 5px;
	background-color:#05050F;
}

 *


/** SLIDER
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;*/
	border:  5px solid #05050F;
	left: -5px;
	background: #05050F;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../kuvat/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0099ff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../kuvat/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../kuvat/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../kuvat/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../kuvat/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*SIIRROT -SIVUN OMAT TYYLIT*/

#siirrotmain {
	background-color: #FFF;
	float: left;
	width: 54%;
	padding-left: 3%;
	padding-right: 3%;
	
}
#siirrotlista{
	background-color: #CCC;
	float: left;
	width: 40%;
}

/*PERUSSIVUJEN OMAT TYYLIT*/

#perusvasen {
	float: left;
	width: 20%;
	background-color: #05050F;
}
#peruskeski {
	float: left;
	width: 60%;
	background-color: #05050F;
}
.isotzikko {
	font-size: 50px;
	color: #09F;
	font-family: 'Days One', sans-serif;
}


#peruskeskiw {
	float: left;
	width: 60%;
	background-color: #FFF;
	
}

#peruskeskiw a{
	border: 0;
	background-color:#FFF;
	
}


#perusoikea {
	float: left;
	width: 20%;
	background-color: #05050F;
}

.tilastotaulu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #05050F;
	background-color: #FFF;	
}

.tilastotaulu a {
	text-decoration: none;
	color: #003;
	background-color: #FFF;	
}

.tilastotaulu a:hover {
	background-color: #FFF;
	color: #039;
	text-decoration: underline;	
}

#teampuvut {
	background-color: #003;
	float: left;
	width: 50%;
}

#areena {
	background-color: #003;
	float: left;
	width: 50%;
}

#pelaajalista {
	background-color: #FFF;
	float: left;
	width: 100%;
}

.c0 {background-color: #F0F0F0;color: #000000;font-size:9pt;font-family: Segoe UI;vertical-align: top}
.c1 {background-color: #FFFFFF;color: #000000;font-size:9pt;font-family: Segoe UI;vertical-align: top}
.c2 {
	background-color: #006;
	color: #FFF;
	font-size:9pt;
	font-family: Segoe UI;
	vertical-align: top
}
.c3 {
	background-color: #0C6;
	color: #000;
	font-size:9pt;
	font-family: Segoe UI;
	vertical-align: top
}

@media screen and (max-width: 1080px) {

	
	body {
	background-image: none;
	}



img {
	width: 100%;
}

#wrapper {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}
#wrapper2 {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #05050F;
	
}
#mobiletweet {
	display: block;
	
	
}

#newsotsikko {
	background-color: #05050F;
	width: 65%;
	font-family: 'Fredoka One', cursive;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding-left: 35%;
	padding-top: 5px;
	padding-bottom: 5px;
}

#vasen {
	display: none;
}

#keski {
	background-color: #003;
	float: left;
	width: 60%;
}

#oikea {
	background-color: #05050F;
	float: left;
	width: 38%;
	padding-right: 1%;
	padding-left: 1%;
}

.standings {
	background-color: #FFF;
	width: 100%;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	margin-top: 10px;
	margin-left: 1%;
	-webkit-box-shadow: 0px 0px 5px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 5px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

#uutinenvas {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-left: 3%;
	margin-right: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	height: 160px;
}
#uutinenkes {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	height: 160px;
}
#uutinenoik {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	height: 160px;
}

#siirrotmain {
	background-color: #FFF;
	float: left;
	width: 49%;
	padding-left: 3%;
	padding-right: 3%;
}
#siirrotlista {
	background-color: #CCC;
	float: left;
	width: 45%;
}

#perusvasen {
	float: left;
	width: 10%;
	background-color: #05050F;
}
#peruskeski {
	float: left;
	width: 80%;
	background-color: #05050F;
}

#peruskeskiw {
	float: left;
	width: 80%;
	background-color: #FFF;
	
}

#perusoikea {
	float: left;
	width: 10%;
	background-color: #05050F;
}
.isotzikko {
	font-size: 40px;
	color: #09F;
	font-family: 'Days One', sans-serif;
}

}

@media screen and (max-width: 500px) {

#header {
	display: none;
}

#headermini {
	display: block;
	background-color: #05050F;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
}

nav {
	height: auto;
	
}

nav ul {
	display: none;
	height: auto;
}
nav li {
	display: block;
	float: none;
	width: 100%;
	background-color: #05050F;
}
nav li a {
	border-bottom: 1px solid #576979;
}
nav a#pull {
	display: block;
	background-color: #05050F;
	width: 100%;
	position: relative;
}
nav a#pull:after {
	content: "";
	background: url('../kuvat/nav_icon.png') no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 10px;
	
}.manu {
	padding-left: 5px;
	padding-top: 5px;
}
#keski {
	background-color: #05050F;
	width: 100%;
}

#oikea {
	background-color: #FFF;
	width: 100%;
	padding-right: 1%;
	padding-left: 1%;
}

#uutinenvas {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-left: 3%;
	margin-right: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	
}
#uutinenkes {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	
}
#uutinenoik {
	background-color: #05050F;
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-left: 1%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	
	
}
.uutiset {
	background-color: #05050F;
	width: 100%;
	height: 200px;
	padding-top: 0px;
}

.tweet {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.isotzikko {
	font-size: 30px;
	color: #09F;
	font-family: 'Days One', sans-serif;
}

/*SIIRROT -SIVUN OMAT TYYLIT*/

#siirrotmain {
	background-color: #FFF;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
#siirrotlista {
	background-color: #CCC;
	width: 100%;
}



/*PERUSSIVUJEN OMAT TYYLIT*/

#perusvasen {
	display: none;
}

#peruskeski {
	width: 100%;
	background-color: #05050F;
}

#peruskeskiw {
	width: 100%;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

#perusoikea {
    display: none;
}
.taulukkotsikko {
	color: #FFF;
}
#teampuvut {
	background-color: #05050F;
	width: 100%;
}

#areena {
	background-color: ##05050F;
	width: 100%;
}

#pelaajalista {
	background-color: #FFF;
	float: left;
	width: 100%;
}
.awardnimi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.awardsliepis2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #B39229;
}
.aiemmat {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #AE8B25;
}