/* CSS by VRL-00477 2014 */


@import url(http://fonts.googleapis.com/css?family=Jaldi:400|Open+Sans:400,400italic,700,700italic);


	/* Yleiset */
html { height: 100vh; }
body { background: #EDEDED; margin: 0 auto; padding: 0;height: 100vh; }
a { outline: 0; transition: all .25s linear; }
strong, b { color: #8bbd52; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
span.mini { font-size: 12px; }
	
	/* Header */
header { display: block; background: transparent; margin: 0 auto; padding: 0; width: 100%; min-width: 1120px; text-align: center; }

	/* Nav */
nav { margin: 0 auto; text-align: center; background: transparent; height: 70px; background: #8bbd52; padding: 0; border-bottom: 1px solid #C2C2C2; }
.mainlink { font: 21px/70px 'Jaldi', sans-serif; text-transform: uppercase; word-spacing: 50px; letter-spacing: 0px; }
.mainlink a:link, .mainlink a:visited { color: #f0f0bb; text-decoration: none; text-shadow: 0 0 3px rgba(0,0,0,0.45); }
.mainlink a:hover, .mainlink a:active { color: #508534; text-decoration: none; text-shadow: 0 0 3px rgba(255,255,255,0.55); }


    /* Keskiosa */
#middle { width: 90%; max-width: 1200px; min-width: 960px; margin: 0 auto; text-align: center; box-shadow: 0 0 4px #ccc; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; }
#wrapper { margin: 0 auto; display: table-row; padding: 0; }
#main { margin: 0; width: 75%; padding: 0 65px; display: table-cell; background: #fff; vertical-align: top; height: 100vh; }
#side { margin: 0; padding: 0; width: 350px; display: table-cell; background: rgb(227,227,227); }
footer { margin: 40px -65px 0 -65px; text-align: center; background: #eee; height: 45px; line-height: 45px!important; font-size: 14px; font-style: italic; }
.mainonly { border-right: 1px solid #E2DCD8; }
.narrow { width: 80%; margin: 0 auto; }


	/* Linkit */
#main a:link, #side a:link, .bottom a:link, .bottom a:visited { color: #6D9541; text-decoration: none; border-bottom: 1px solid #E0E0E0; font-weight: normal; }
#main a:visited, #side a:visited { color: #7D7D7D; text-decoration: none; border-bottom : 1px solid #E0E0E0; }
#main a:hover, #main a:active, #main a:focus, #side a:hover, #side a:active, #side a:focus, .bottom a:hover, .bottom a:active { color: #bbb; text-decoration: none; border-bottom: 1px solid #E0E0E0; }


	/* Tekstit */
#main { font: 15px/24px 'Open sans', sans-serif; color: #393939; text-align: left; }
#sidetext { margin-top: -260px; padding: 0 35px 0 35px; font: 14px/28px 'Open sans', sans-serif!important; text-align: left; color: #393939!important; }
.cas td { padding: 5px 15px 5px 0; }
pre { white-space: pre-wrap; background: #eee; padding: 5px;}

	/* Otsikot */
h1 { font: 65px/45px 'Jaldi', sans-serif; text-align: center; color: #8bbd52; text-transform: uppercase; letter-spacing: 4px; margin: 40px 0 40px 0; }
h1 small { font-size: 35px; }
h2 { font: 30px/45px 'Jaldi', sans-serif; text-align: left; color: #8bbd52; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #8bbd52; margin: 10px 150px 20px 0; }
h3 { font: 23px/38px 'Jaldi', sans-serif; text-align: left; color: #8bbd52; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #8bbd52; margin: 10px 150px 20px 0; }
#side h1 { font: 40px/45px 'Jaldi', sans-serif; text-align: right; color: #666; text-transform: uppercase; letter-spacing: -1px; margin: 0 0 40px 0; text-shadow: 0 0 3px rgba(255,255,255,0.5); }

	/* Tablet */
.luokitus { width: 100%; }
.luokitus .td1 { background: #AACE80; border: 1px solid #808080; padding: 3px; font-size: 13px; text-align: center; }
.luokitus .td2 { background: #eee; border: 1px solid #808080; padding: 3px; font-size: 13px; text-align: center; }

.kisat { width: 100%; border: 0px; border-spacing: 0px; border-collapse: separate; }
.kisat .tr td { border-bottom: solid 1px #8BBD52; text-align: center; }
.kisat .td1 { border-bottom: solid 1px #8BBD52; text-align: left!important; }
.kisat .td3 { background: #AACE80; padding: 3px; margin: 0px; font-size: 14px; text-align: center; }
.kisat .td4  { padding: 3px; font-size: 12px; text-align: center; }
.kisat .td4-last  { padding: 3px; font-size: 10px; text-align: center; }
.kisat .vuosi { background: #AACE80; padding: 3px; margin: 0px; font-size: 13px; text-align: center; }
.kisat .kk { background: #C9DEB0; padding: 3px; margin: 0px; font-size: 13px; text-align: center; }
.kisat .vip { background-color: #8BBD52; color: #FFF; }
.kisat .vip a { color: #FFF!important; }

div.tiedot table { border-collapse: collapse; }
div.tiedot table th { width: 200px; color: #8bbd52; }