@charset "UTF-8";
/* CSS Document */

/*  Sticky Footer Solution by Steve Hatcher */

*
{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

img {
	border: 0;
	}

/* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height  and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, div#wrap {
	height: 100%;
	text-align: center;	
}

body.kunto {
	background-image: url(layout_images/kl_body_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	
}

body > div#wrap {
	width: 958px;
	height: auto;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#kl_main {
	padding-bottom: 47px;  /* SAMA KUIN ALATUNNISTEEN (FOOTER) Korkeus!! */
	text-align: center;
}

/* ******* CLEARFIX ******* */

div.kl_clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.kl_clearfix
{
	display: inline-block;
}

/* *** Hides from IE-mac \*** */
* html div.clearfix {
	height: 1%;
}

div.kl_clearfix {
	display: block;
}
/* *** End hide from IE-mac *** */

/* ************** HEADER ******************* */


div.kl_header {
	background-image: url(layout_images/kl_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 101px;
	width: 958px;
	border-bottom: 1px solid #ffffff;
	clear: both;
}

/* HEADER PIKKULINKIT  */

div.kl_header .yle {
	/*background-color: #900;*/
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	border-left: 1px solid #ffffff;
}

div.kl_header .yle a:link, div.kl_header .yle a:visited {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: -2em;
	text-decoration: none;
	height: 20px;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	border-right: 1px solid #ffffff;

}

div.kl_header .yle a:hover {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: -2em;
	text-decoration: underline;
	height: 20px;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	border-right: 1px solid #ffffff;
}

/* HEADER PAANAVI  */

div.kl_header .nav {
	/*background-color: #CF0;*/
	float: left;
	clear: both;
	position: relative;
	top: 50px;
	left: 18px;
	}

div.kl_header .nav ul {
	width: 900px;
	/*background-color: #C00;*/
	}
	
div.kl_header .nav li {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 25px;
	}

div.kl_header .nav ul li a:link, div.kl_header .nav ul li a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 0px;
	color: #8BC7F0;
	text-decoration: none;
	}

div.kl_header .nav ul li a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 0px;
	color: #ffffff;
	text-decoration: none;
	}
	
/* HEADER PAANAVI SELECTED */

div.kl_header .nav li.selected {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 25px;
	}

div.kl_header .nav ul li.selected a:link, div.kl_header .nav ul li.selected a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 0px;
	color: #BEFA00;
	text-decoration: none;
	}

div.kl_header .nav ul li.selected a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 0px;
	color: #BEFA00;
	text-decoration: none;
	}


/* ************* SISALTOELEMENTTIEN ASEMOINTI ************* */

div.kl_vasen {
	/*background-color: #F9F;*/
	width: 797px;
	border-right: 1px solid #ffffff;
	float: left;
}

div.kl_oikea {
	/*background-color: #C60;*/
	width: 160px;
	float: right;
	clear: right;
	}

div.jakaja {
	clear: both;
	}
	
/* *** VASEMMAN PALSTAN SISALLA OLEVIEN ELEMENTTIEN ASEMOINTI *** */

div#uusin_lehti {
	/*background-color: #06C;*/
	width: 797px;
	height: 200px;
	border-bottom: 1px solid #ffffff;
	line-height: 0px;
	}

div.tiedotteet {
	background-color: #ffffff;
	/*background-image: url(layout_images/kl_tiedotteet_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	border: 0px;
	border-bottom: 1px solid #ffffff;
	}


/* TIEDOTE-PALSTA OTSIKKO JA LINKKI UUTISARKISTOON  */

div.tiedotteet .ots {
	/*background-color: #cc0000;*/
	float: left;
	height: 54px;
	width: 679px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #282828;
	}

div.tiedotteet .btn {
	float: right;
	width: 100px;
	height: 64px;
	clear: right;
	}


/* UUTISET  */


div#uutinen {
	float: left;
	width: 180 px;
	margin-bottom: 18px;
	margin-left: 18px;
	margin-top: 2px;
	}

div#uutinen div.paiva {
	float: left;
	clear:both;
	width: 180px;
	height: 16px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #9bc100;
	}
	
div#uutinen h1 {
	width: 180px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
	
div#uutinen h1 a:link, div#uutinen h1 a:visited {
	font-size: 1.2em;
	text-decoration: none;
	color: #282828;
}

div#uutinen h1 a:hover {
	font-size: 1.2em;
	text-decoration: underline;
	color: #9bc100;
}
	
div#uutinen h6 {
	width: 180px;
	margin-top: 5px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #666666;
	}
	
/* ******* OIKEA PALSTA ******* */

div.kl_oikea img {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 4px;
	}
	
div.kl_oikea .adflash {
	text-align: center;
	width: 160px;
	display: inline-block;
	line-height: 0;
	}
	
/* ******* MUUT ******* */

div.vote {
	/*background-color: #CCC;*/
	width: 265px;
	float: left;
	border-right: 1px solid #ffffff;
	/*visibility: hidden;*/
	}

div.paatoimittaja {
	/*background-color: #CCF;*/
	width: 265px;
	float: left;
	border-right: 1px solid #ffffff;
	}

div.kolumni {
	/*background-color: #FFC;*/
	width: 265px;
	float: left;
	border: 0px;
	
	}

div.vote h1 a, div.paatoimittaja h1 a, div.kolumni h1 a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}

/* GALLUP, PAATOIMITTAJA JA KOLUMNI, YLEISET  */

div.vote .ots, div.paatoimittaja .ots, div.kolumni .ots {
	/*background-color: #cc0000;*/
	float: left;
	height: 55px;
	width: 178px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #282828;
	}

div.vote .btn, div.paatoimittaja .btn, div.kolumni .btn {
	float: right;
	width: 69px;
	height: 65px;
	clear: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 0px;
	}

/* KOLME PALSTAA OTSAKKEET JA VARIT */

div.vote .ots {
	color: #e11111;
	}

div.paatoimittaja .ots {
	color: #01a1c3;
	}

div.kolumni .ots {
	color: #ffaa00;
	}

/* GALLUPPI -PALSTA */

h2, .vote h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	font-size: 1.2em;
	text-decoration: none;
	color: #282828;
	margin-top: 16px;
	margin-left: 16px;
	clear: both;
	}

h6, .vote h6 /*uutisen tai tiedotteen yms. ingressi!!*/ {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #666666;
	clear: both;
	
	}

p, div.vote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #282828;
	margin-top: 16px;
	margin-left: 16px;
	clear: both;
	}

a, .vote a:link, .vote a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #cc0000;
	text-decoration: underline;
	}

a:hover, .vote a:hover,  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #cc0000;
	text-decoration: none;
	}

/* POIMINTOJA, PAATOIMITTAJA JA KOLUMNI-PALSTAT */


div.vote #uutinen, div.paatoimittaja #uutinen, div.kolumni #uutinen {
	/*background-color: #960;*/
	float: left;
	width: 220 px;
	margin-bottom: 18px;
	margin-left: 18px;
	margin-top: 2px;
	}

div.vote #uutinen h1, div.paatoimittaja #uutinen h1, div.kolumni #uutinen h1 {
	width: 220px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
	
div.vote #uutinen h1 a:link, div.paatoimittaja #uutinen h1 a:link, div.kolumni #uutinen h1 a:link {
	font-size: 1.2em;
	text-decoration: none;
	color: #282828;
}

div.vote #uutinen h1 a:hover, div.paatoimittaja #uutinen h1 a:hover, div.kolumni #uutinen h1 a:hover {
	font-size: 1.2em;
	text-decoration: underline;
}

div.vote #uutinen h1 a:hover {
	color: #e11111;
}

div.paatoimittaja #uutinen h1 a:hover {
	color: #01a1c3;
}

div.kolumni #uutinen h1 a:hover {
	color: #ffaa00;
}
	
div.paatoimittaja #uutinen h6, div.kolumni #uutinen h6 {
	width: 220px;
	margin-top: 5px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #666666;
	}

/******* LEHDEN JATKOJUTUT -PALSTA ********/


div.jatkojutut {
	background-color: #ffffff;
	/*background-image: url(layout_images/kl_tiedotteet_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	border: 0px;
	border-bottom: 1px solid #ffffff;
	}

div.jatkojutut .ots {
	float: left;
	height: 54px;
	width: 679px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 18px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #C0F;
	}

div.jatkojutut .btn {
	float: right;
	width: 100px;
	height: 64px;
	clear: right;
	}


/* JATKOJUTUN "UUTISET"  */

div.jatkojutut #uutinen {
	float: left;
	width: 180 px;
	margin-bottom: 18px;
	margin-left: 18px;
	margin-top: 2px;
	}

div.jatkojutut #uutinen div.paiva {
	float: left;
	clear:both;
	width: 180px;
	height: 16px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #c0f;
	}
	
div.jatkojutut #uutinen h1 {
	width: 180px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
	
div.jatkojutut #uutinen h1 a:link, div.jatkojutut #uutinen h1 a:visited {
	font-size: 1.2em;
	text-decoration: none;
	color: #282828;
}

div.jatkojutut #uutinen h1 a:hover {
	font-size: 1.2em;
	text-decoration: underline;
	color: #c0f;
}
	
div.jatkojutut #uutinen h6 {
	width: 180px;
	margin-top: 5px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #666666;
	}




/* ************* FOOTER ************* */

div#kl_footer {
	position: relative;
	margin-top: -47px; /* negative value of footer height. MUST be the equal value in div.main padding-bottom!! */
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	width: 958;
	clear:both;
	text-align: center;
	background-image: url(layout_images/kl_footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	padding-top: 16px;
}

div#kl_footer a:link,  div#kl_footer a:visited {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 0px;
	font-style: normal;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	position: relative;
	
}

div#kl_footer a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 0px;
	font-style: normal;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}