/******************************************************************************
*                         Leiska ja Staattiset elementit                      *
******************************************************************************/
html, body, #kehystaulu {
	height: 100%;
}
#kehystaulu {
	width: 100%;
}
.vvarjo {
	vertical-align: top;
	background: url(bg_v.gif) top right repeat-y;
}
#kiehku {
	height: 293px;
	background: url(bg_kiehku.gif) top right no-repeat;
}
.ovarjo {
	background: url(bg_o.gif) top left repeat-y;
}
.keski {
	vertical-align: top;
	width: 850px;
	background: #fff url(bg_keski.gif) no-repeat 0px 165px;
}


/* Vasen palsta: valikko ja bannerit */
#vpalkki {
	float: left;
	width: 195px;
	margin-left: 20px;
	_margin-left: 10px;
	min-height: 300px;
	overflow: hidden;
}
.banneriteksti {
	margin: 5px 0;
	border-left: solid 1px #fff;
	padding: 8px 10px 8px 10px;
	background: #ef6c94;
	color: white;
	font-size: 85%;
}
.banneriteksti a,
.banneriteksti a:visited {
	color: white;
	text-decoration: none;
}
.banneriteksti a:hover {
	color: white;
	text-decoration: underline;
}
.banneriteksti img {
	float: left;
	margin: 8px 10px 40px 0;
}
.bannerikuva {
	margin-top: 10px;
	font-size: 11px;
	color: #777;
}

/* Oikea palsta: ylälinkit ja sisaltö */
#vintti {
	float: right;
	width: 580px;
	height: 21px;
	padding: 6px 20px 0 10px;

	margin-right: 20px;
	_margin-right: 10px;
	margin-top: 1px;
	background: #E46F53;
	font-size: 93%;
}
#vintti a {
	color: white;
}
.erotin {
	color: white;
	padding: 0 5px;
}
#sisalto {
	float: right;
	width: 587px;
	margin-right: 20px;
	_margin-right: 10px;
	padding-top: 14px;
}
#tekstipalsta {
	vertical-align: top;
	width: 100%;
	padding-right: 13px;
}
#kuvapalsta {
	vertical-align: top;
	padding-top: 10px;
}
#kuvapalsta img {
	margin-top: 40px;
}

/* Etusivu */
#banneripalsta {
	vertical-align: top;
	padding-top: 10px;
	padding-left: 15px;
}
#banneripalsta img {
	margin-top: 20px;
}



/* Pohja */
#copyright {
	vertical-align: bottom;
	height: 25px; 
	padding-bottom: 5px;
	padding-top: 20px;
	text-align: center;
	color: #999;
	font-size: 85%;
}	
#copyright a {
	color: #999;
}




/******************************************************************************
*                                  Tulostelut                                 *
******************************************************************************/
@media print {
	#vpalkki, #ylapalkki, #vintti, .vvarjo, .ovarjo {
		display: none;
	}

	#sisalto, #copyright, .keski {
		width: 100%;
		padding: 0;
		margin: 0;
	}
}



/******************************************************************************
*                             Valikko ja alavalikko                           *
******************************************************************************/
#valikko {
	background: #ef6c94 url(bg_valikko.gif) -1px -1px no-repeat;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	padding: 35px 10px 40px 10px;
}
.valikko-taso-1 {
	border-top: solid 1px #f289a9;
}
.valikko-taso-1:first-child {
	border-top: 0;
}
.valikko-taso-1 a,
.valikko-taso-1 a:visited {
	display: block;
	padding: 5px 4px;
	color: #fff;
}
.valikko-taso-1.valikko-avoinna a,
.valikko-taso-1.valikko-avoinna a:visited {

}
.valikko-taso-1.valikko-valittu a,
.valikko-taso-1.valikko-valittu a:visited {
}
.valikko-taso-1 a:hover {
	background: #b55a76;
	color: #fff;
}
.valikko-intranet {
}
.valikko-ei-lupaa {
}

#alavalikko     {
	margin: -5px 0 12px 0;
	font-size: 11px;
	line-height: 1.1818;
	line-height: 1.090909;
}
#alavalikko div {
	margin-top: 9px;
	margin-bottom: 9px;
	padding-left: 7px;
}
#alavalikko a,
#alavalikko a:visited  {
	color: #fff;
	text-decoration: none;
}
#alavalikko a:hover {
	color: #fff;
	text-decoration: underline;
}
#alavalikko .valikko-avoinna {
} 
#alavalikko .valikko-valittu {
	background: url(valittu.gif) 0 4px no-repeat;
	color: #fff;
}




/******************************************************************************
*                                Sisällön tyylit                              *
******************************************************************************/
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: white;
	color: #2f2f2f;
	font-size: 12px;
} 
a, a:visited {
	text-decoration: none;
	color: #E46F53;
}
a:link:-moz-read-write {  /* apply link style to moz designmode */
	text-decoration: none !important;
	color: #E46F53 !important;
}
a:hover {
	text-decoration: underline;
	color: #E46F53;
}
.ingressi a,
.kuvateksti a,
.leipateksti a,
.ingressi a:visited,
.kuvateksti a:visited,
.leipateksti a:visited  {
	font-weight: bold;
	font-size: 92%;
}
h1 {
	color: #e46f53;
	font-weight: normal;
	font-size: 20px;
}
h2 {
	font-weight: bold;
	font-size: 123.1%;
	letter-spacing: 0.1px;
	margin-bottom: 0.3em;
}
h3, h4 {
	font-weight: bold;
	font-size: 116%;
	letter-spacing: 0.1px;
	margin-bottom: 0.3em;
}


hr {
	color: silver;
	background-color: silver;
}
blockquote {
	border: 1px solid #009CDD;
	background: #CBCDDC none repeat scroll 0 0;
	padding: 0 10px;
	width: 312px;
	clear: both;
	font-weight: bold;
	font-size: 85%;
	color: #444;
}
.ingressi {
}
.leipateksti {
}



/******************************************************************************
*                             Hakuformi ja hakutiedot                         *
******************************************************************************/
form.hakulomake {

}
input.hakusana {
	display: block;
	float: left;
	margin-right: 5px;
}
input.hakunappi {
	display: block;
	float: left;
}



/******************************************************************************
*                               Sivukartta                                    *
******************************************************************************/
#sivukartta-box a,
#sivukartta-box a:visited {
	color: #1A295F;;
}
#sivukartta-box a:hover	{
	color: #1A295F;;
}
#sivukartta-box .sivukartta-taso-1 a:link,
#sivukartta-box .sivukartta-taso-1 a:visited,
#sivukartta-box .sivukartta-taso-1 a:hover {
	color: #E46F53;
}
.sivukartta-intranet {}
.sivukartta-ei-lupaa {}



/******************************************************************************
*                        Nostot, haku ja kokokoma                             *
******************************************************************************/
#nostot-box {
	margin-top: 30px;
	padding: 10px 10px 0 10px;
	background-color: #FDEDF2;
	font-size: 100%;
}
#nostot-box a {
	font-weight: bold;
	font-size: 100%;
	color: #303030;
}
#kokoomat-box {
	border-top: 1px dotted silver;
}
#hakutulos-box { }
a.nosto-title,
a.nosto-title:visited {
}
a.nosto-title:hover {
}







/******************************************************************************
*                            Sisältökuvien tyylit                             *
******************************************************************************/
.kuvateksti {
	color: #888;
}

.kuvagalleria {
    _margin-left: -13px;
}
.kuvagalleria td {
	padding-left: 13px;
	width: 180px
}


.henkilosto {
	font-size: 93%;
}
.henkilosto td.teksti {
	padding-right: 20px;
}


.highslide img {            /* HS-Kuva */
	border: 1px solid silver;
}
.highslide:hover img {      /* HS-Kuva hover */
	border-color: gray;
}
img.non-highslide {         /* Peruskuva */
}
a img.non-highslide {       /* Kuvalinkki */
/*	border: 1px solid silver; */
}
a:hover img.non-highslide { /* Kuvalinkki hover */
/*	border-color: red; */
}



/******************************************************************************
*                           Muokattavat lomakkeet                             *
******************************************************************************/
.sforms-heading {
	border-top-color: white;
	background: #EF6C94;
	color: white;
}

/* Vain jos halutaan muu kuin sininen focus-reunus */
.sforms-type-email input:focus,
.sforms-type-freetext input:focus,
.sforms-type-freetext textarea:focus {
	border-color: #999;
	-moz-box-shadow: 0 0 4px #555;
	-webkit-box-shadow: 0 0 4px #555;
	box-shadow: 0 0 4px #555;
	outline: none;
}
.lte-ie9 .sforms-type-email input:focus,
.lte-ie9 .sforms-type-freetext input:focus,
.lte-ie9 .sforms-type-freetext textarea:focus {
	outline: 1px solid #ddd;
}



/******************************************************************************
*                              Katrina-tapahtumat                             *
******************************************************************************
.katrina-box {
	width: 240px;
}
.katrina-item {
	padding: 15px 25px 15px 25px;
}
.katrina-odd {
	background: #E0E1DF;
}
.katrina-even {
	background: #F5F6F5;
}
.katrina-pvm {
	font-size: 11px;
	color: #444;
}
.katrina-otsikko {
	font-size: 11px;
	font-weight: bold;
}
.katrina-kuvaus {
	width: 19px;
	height: 18px;
	margin-left: 10px;
	float: right;
	cursor: default;
	background: url(/grafiikka/katrina-info.png)
}

/*
#tiptip_content {
	font-size: 11px;
	color: #2D2D2D;
	text-shadow: none;
	padding: 10px 15px;
	background: #C2C2C2;

	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tip_left_top #tiptip_arrow {
	display: none;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	border-left: 6px solid #C2C2C2;
}
*/







/******************************************************************************
*                               Päivän sana                                   *
******************************************************************************
.sananaika {

}



/******************************************************************************
*                            Vieraskirja/Foorumi                              *
******************************************************************************/
#bbs-box a, #bbs-box a:visited {
	text-decoration: underline;
}
#bbs-box a:hover {
	text-decoration: none;
}
textarea#bbsquote, textarea#bbsbody {
	width: 500px;
}
input.bbs-compose-input, #bbs-compose-threadtitle {
	width: 300px;
}



/******************************************************************************
*                                  Sijainti                                   *
******************************************************************************
a.sivusijainti, a.sivusijainti:visited {
	text-decoration: none;
}
a.sivusijainti-valittu, a.sivusijainti-valittu:visited {
}




/******************************************************************************
*                                RSS-Syötteet                                 *
******************************************************************************
.rss-box {}
.rss-title {}
.rss-title a { color: red }
.rss-item {}
.rss-item a { color: red }
.rss-odd {}
.rss-even {}
*/



/******************************************************************************
*                   Tapahtumakalenteri (jos käytössä)                         *
******************************************************************************
#events-box   { }
.event-item   { border-top-color: red; }
.event-odd    { }
.event-even   { }
.event-date   { }
.event-times  { }
.event-desc   { }
.event-desc a, .event-desc a:visited { }
.event-desc a:hover {}
*/




/******************************************************************************
*                         Gallupit (jos käytössä)                             *
******************************************************************************/
#gallup-box {
	padding: 5px 5px 5px 10px;
	border: 3px solid #C2E3FC;
	background: #E3F1FC;
}
#gallup-graph { }
.gallup-label {
	font-weight: bold;
	font-size: 93%;
	line-height: 1.182;
}
td.gallup-barwidth  { width: 100px; padding-left: 0px; padding-bottom: 4px; padding-top: 0; }
.gallup-bar       { background-color: #E46F53; border-color: #E46F53; }
td.gallup-votes   { padding-bottom: 4px; }
.gallup-votecount { display: none; }
.gallup-parens    { display: none; }
.gallup-percent   { display: inline; }




/******************************************************************************
*                       AddThis-jako (jos käytössä)                           *
******************************************************************************
#at-logo {
        display: none;
}
html > body div #at15s {
        width:150px !important;
}
*/