@import url('/themes/kirahvi/wgh/widgets/kuvagalleria/gallery.css') screen, projection;
@import url('/themes/kirahvi/wgh/widgets/blogi/news.css') screen, projection;

HTML {margin: 0; padding: 0;}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('fonts/ubuntu-i-webfont.eot');
    src: url('fonts/ubuntu-i-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-i-webfont.woff') format('woff'),
         url('fonts/ubuntu-i-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-i-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuBold';
    src: url('fonts/ubuntu-b-webfont.eot');
    src: url('fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-b-webfont.woff') format('woff'),
         url('fonts/ubuntu-b-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-b-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('fonts/ubuntu-bi-webfont.eot');
    src: url('fonts/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bi-webfont.woff') format('woff'),
         url('fonts/ubuntu-bi-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-bi-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

BODY {
	margin: 0px;
	padding: 0px;
	border: 0; /* ie6 fix */
	background-color: #ffffff;
	background-image: url('pics/navi_tausta.jpg');
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
}

/* Basic Elements
===================*/

.mainText a, .mainText a:link, .mainText a:visited,
.column1Text a, .column1Text a:link, .column1Text a:visited,
.column2Text a, .column2Text a:link, .column2Text a:visited {
	margin: 0px;
	padding: 2px 4px 2px 4px;
	background-color: #d4f51f;
	color: #000000;
	text-decoration: none;
	outline: none;
}

.mainText a:active, .mainText a:hover,
.column1Text a:active, .column1Text a:hover,
.column2Text a:active, .column2Text a:hover {
	text-decoration: underline;
	color: #000000;
}

A IMG {border: 0;}

H1 A, H2 A, H3 A, H4 A,
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover {
	text-decoration: none;
	color: #000;
}
H1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: UbuntuBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #000000;
	text-transform: uppercase;
}
H2 {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 14px;
	color: #319300;
	text-transform: uppercase;
}
H3 {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	text-transform: uppercase;
}
H4 {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
}
P {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
UL {
	margin: 0px;
	padding: 0px 0px 0px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
LI {
	margin: 0px;
	padding: 0px;
}
TABLE {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
TD {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
HR {
	clear: both;
	height: 1px;
	border: 0;
	margin: 10px 0;
	padding: 0;
	color: #ccc;
	background-color: #ccc;
}
INPUT, SELECT, TEXTAREA {
	font: 12px Arial, sans-serif;
}
FORM {margin: 0;}
IMG, TABLE, TD {border: 0;}

.vihrea_korostus {
	color: #319300;
	font-weight: bold;
}

.kuvalinkki a {
	margin: 20px;
	padding: 20px;
	background-color: #000000;
	color: #000000;
	text-decoration: none;
	outline: none;
}

TABLE.hintataulu {
	padding: 16px 0px 0px 0px;
}
.hintataulu TD {
	padding: 0px 32px 0px 0px;
}

/* sitemap
============*/
#pageList {padding: 10px 0;}
#pageList UL {margin: 0; padding: 0;}
#pageList UL LI {margin: 0; padding: 2px 0 2px 20px; list-style-type: none;}

/* wrapper
============*/
#wrapper {
}

/* Header
==========*/
#header {
	margin: 0px;
	padding: 0px;
	height: 35px;
	background-color: #343434;
	background-image: url('pics/navi_tausta.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	position: relative;
}

/* Logo
========*/
#logo {
	display: none;
}

/* banner
==========*/
.banner {
}

/* Top navigation
==================*/
#nav {
	margin: 0px auto;
	padding: 0px;
	width: 930px;
	text-transform: uppercase;
}
#nav UL {
	margin: 0px;
	padding: 12px 0px 0px 0px;
}
#nav UL LI {
	margin: 0px;
	padding: 0px 9px 0px 18px;
	font-family: UbuntuBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #bdda45;
	background-image: url('pics/navi_kauttaviiva.png');
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	display: block;
	float: left;
}
#nav UL > :first-child {
	padding: 0px 9px 0px 0px;
	background-image: url('pics/tyhja.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#nav UL LI A {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
}
#nav UL LI A:hover {
	color: #bdda45;
}
#nav UL LI A.open {
	color: #bdda45;
}

/* Content
============*/
#content {
	height: auto;
	min-height: 100px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#main {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
.mainText {
}
.mainText > :first-child {
	margin-top: 0;
	padding-top: 0;
}
#column1 {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
.column1Text {
}
.column1Text > :first-child {
	margin-top: 0;
	padding-top: 0;
}
#column2 {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
.column2Text {
}
.column2Text > :first-child {
	margin-top: 0;
	padding-top: 0;
}

}
.clearDiv {
	clear: both;
}

/* Sub navigation
==================*/
.subnav {
	margin: 0px;
	padding: 0px;
	height: 35px;
	background-color: #000000;
	text-transform: uppercase;
}
.subnav UL {
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	width: 930px;
}
.subnav UL LI {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	font-family: UbuntuBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	color: #bdda45;
	list-style-type: none;
	display: block;
	float: left;
}
.subnav UL > :first-child {
	padding: 0px 0px 0px 195px;
	background-image: url('pics/navi_tulevat_tapahtumat.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.subnav UL LI  A {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
}
.subnav UL LI  A:hover {
	color: #bdda45;
}
.subnav UL LI  A.open {
	color: #bdda45;
}
/* sub
=======*/
.subnav UL LI UL {
	display: none;
}
.subnav UL LI UL LI {
}
.subnav UL LI UL LI A {
}
.subnav UL LI UL LI A:hover {
}
.subnav UL LI UL LI A.open {
}
/* subsub
==========*/
.subnav UL LI UL LI UL {
	display: none;
}
.subnav UL LI UL LI UL LI {
}
.subnav UL LI UL LI UL LI A {
}
.subnav UL LI UL LI UL LI A:hover {
}
.subnav UL LI UL LI UL LI A.open {
}

/* Footer
===========*/
#footer {
	margin: 0px;
	padding: 0px;
	height: 454px;
	background-color: #343434;
	background-image: url('pics/footer_tausta.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}

.footer_alalogot
{
	margin: 0px auto;
	padding: 60px 0px 0px 0px;
	width: 930px;
	text-align: left;
}

.footer_alalogot_rivi2
{
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	width: 930px;
	text-align: left;
}

.footer_alatxt
{
	margin: 0px auto;
	padding: 36px 0px 0px 0px;
	width: 930px;
	text-align: left;
}

.footer_alatxt h1
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: UbuntuBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	color: #bdda45;
}

.footer_alatxt h2
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: UbuntuBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 23px;
	color: #ffffff;
}

.sisaltoaputausta {
	margin: 0px;
	padding: 0px;
	background-image: url('/themes/kirahvi/wgh/pics/suoj_banner_tausta.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}

.ohjelmataul {
	margin: 0px;
	padding: 16px 0px 24px 0px;
	width: 512px;
}
.ohjelmataul tr {
	vertical-align: top;
}
.ohjelmataul tr.taustavari {
	background-color: #ccff99;
}
.ohjelmataul td {
	padding: 3px 6px 3px 6px;
}

.ohjelmataul tr.valitila {
	background-color: #ffffff;
	height: 4px;
	overflow: hidden;
}
.ohjelmataul tr.valitila td {
	margin: 0px;
	padding: 0px;
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	overflow: hidden;
}
.taulukko tr.taustavari {
	background-color: #ccff99;
}
.taulukko td {
	padding: 6px 6px 6px 12px;
}

.tilaa_uutiskirje {
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 100;
}

.valitse_teema, .valitse_teema_laita {
	margin: 14px 14px 0px 0px;
	padding: 14px;
	background-color: #ffffff;
	position: relative;
	float: left;
}
.valitse_teema_laita {
	margin: 14px 0px 0px 0px;
}
.valitse_teema_linkkialue {
	margin: 14px;
	padding: 0px;
	width: 194px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.65);
}
.valitse_teema_linkkimargin {
	margin: 0px;
	padding: 5px 0px 5px 10px;
}
.column1Text a.valitse_teema_linkki,
.column1Text a.valitse_teema_linkki:link,
.column1Text a.valitse_teema_linkki:visited,
.column1Text a.valitse_teema_linkki:active,
.column1Text a.valitse_teema_linkki:hover {
	margin: 0px;
	padding: 0px;
	background: none;
	font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}
.teema_sisaltoalue {
	padding: 14px;
	background-color: #ffffff;
}
.teema_sisalto {
	position: relative;
	background-color: #595959;
	color: #ffffff;
}
.teema_sisaltoteksti {
	padding: 28px 28px 14px 14px;
}
.teema_sisalto H1, .teema_sisalto H2, .teema_sisalto H3 {
	color: #ffffff;
}
.valitse_puhuja {
	margin: 0px 30px 21px 0px;
	width: 130px;
	float: left;
	text-align: center;
}
.valitse_puhuja:nth-of-type(6n+0) {
	margin-right: 0px;
}
.column1Text a.valitse_puhuja_linkki,
.column1Text a.valitse_puhuja_linkki:link,
.column1Text a.valitse_puhuja_linkki:visited,
.column1Text a.valitse_puhuja_linkki:active,
.column1Text a.valitse_puhuja_linkki:hover {
	margin: 0px;
	padding: 0px;
	background: none;
	font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}
.teema_puhujasisalto {
	margin: 0px 28px 0px 242px;
}
.teema_puhujasisalto h2 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	text-transform: uppercase;
}
.teema_puhujasisalto h3 {
	margin: 0px;
	padding: 30px 0px 0px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

a.piilotettu, a.piilotettu:link, a.piilotettu:visited, a.piilotettu:active, a.piilotettu:hover {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	background: none;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	font-size: 1pt;
	line-height: 1pt;
}

.mainText a.ei_aariviivaa,
.mainText a.ei_aariviivaa:link,
.mainText a.ei_aariviivaa:visited,
.mainText a.ei_aariviivaa:active,
.mainText a.ei_aariviivaa:hover {
	margin: 0px;
	padding: 0px;
	background: none;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}
.column1Text a.ei_aariviivaa,
.column1Text a.ei_aariviivaa:link,
.column1Text a.ei_aariviivaa:visited,
.column1Text a.ei_aariviivaa:active,
.column1Text a.ei_aariviivaa:hover {
	margin: 0px;
	padding: 0px;
	background: none;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}