/******************************************************************************
*                         Leiska ja Staattiset elementit                      *
******************************************************************************/
#wrapper {
	margin: 20px auto 10px auto;
	width: 920px;
}
#vintti {
	padding: 13px 20px 0 0;
	height: 25px;
	background: url(bg_ylavalikko.jpg) top left no-repeat;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}
#vintti img {
	vertical-align: text-bottom;
}
#vintti a:link,
#vintti a:visited {
	text-decoration: none;
}
#vintti .erotin {
	padding: 0 10px;
	font-weight: normal;
	color: gray;
}
#ylapalkki {
	height: 159px;
}
#etusivulle {
	display: block;
	width: 144px;
	height: 155px;
	margin-left: 23px;
}
#palstataulu {
	width: 100%;
}
#vpalkki {
	vertical-align: top;
	width: 225px;
	padding: 0 0 30px 15px;
	background: white;
}
.banneriteksti {
	margin-top: 20px;
	border-top: 5px solid #3892B2;
	font-size: 85%;
}
.banneriteksti + .bannerikuva {
	margin-top: 20px;
	border-top: 5px solid #3892B2;
}
.bannerikuva {
	padding-top: 20px;
	text-align: center;
}
#sisalto {
	vertical-align: top;
	padding: 0 30px 30px 30px;
	background: white url(bg_sisalto.gif) top right repeat-y;
}
#page-editor #sisalto {
	padding-right: 15px;
	padding-left: 15px;
}
#copyright {
	padding: 5px 0 0 0;
	text-align: center;
}
#copyright a:link,
#copyright a:visited {
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}


#etusivu-vasen {
	vertical-align: top;
	padding-right: 20px;
}
#etusivu-oikea {
	vertical-align: top;
	padding-top: 10px;
	width: 260px;
	font-size: 93%;
	color: #444;
}
#page-editor #etusivu-oikea {
	width: 180px;
}
#etusivu-ajankohtaista {
	margin-top: 20px;
    padding: 0 0 10px 30px;
    background: url(bg_ajankohtaista.gif) top left no-repeat;
    font-size: 12px;
	line-height: 14px;
    font-weight: bold;
}
#etusivu-bannerit {
	float: right;
	width: 180px;
	padding-top: 24px;
	text-align: right;
}
#etusivu-bannerit img {
	margin-top: 20px;
}


/******************************************************************************
*                                  Tulostelut                                 *
******************************************************************************/
@media print {
	#wrapper, #palstataulu, #sisalto, #copyright {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#vpalkki {
		display: none;
	}
}



/******************************************************************************
*                             Valikko ja alavalikko                           *
******************************************************************************/
#valikko {
	font-size: 93%;
}
.valikko-taso-1 {
	padding: 3px 0 3px 0;
	background: url(pisteviiva.gif) top left repeat-x;
	line-height: 1.3636;
}
.valikko-taso-1 a:link,
.valikko-taso-1 a:visited {
	display: block;
	padding: 1px 0 1px 10px;
	font-weight: bold;
	text-decoration: none;
	background: url(bg_valikko_paataso.gif) 0 3px no-repeat;
}
.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 {
	color: #197EA2;
}
.valikko-intranet {
}
.valikko-ei-lupaa {
}

#alavalikko     {
	margin: -2px 0 10px 18px;
	line-height: 1.181;
}
#alavalikko div {
	margin-top: 7px;
	margin-bottom: 7px;
}
#alavalikko a:link,
#alavalikko a:visited  {
	color: #197EA2;
	text-decoration: none;
}
#alavalikko a:hover {
	color: #102039;
	text-decoration: none;
}
#alavalikko .valikko-avoinna {
} 
#alavalikko .valikko-valittu a,
#alavalikko .valikko-valittu a:visited {
	color: #102039;
}




/******************************************************************************
*                                Sisällön tyylit                              *
******************************************************************************/
body {
	font-family: Verdana, arial, helvetica, clean, sans-serif;
	background: #E1E6EC url(bg_body.gif) top center repeat-x;
	color: #102039;
	font-size: 12px;
} 
a:link,
a:visited {
	text-decoration: underline;
	color: #102039;
}
a:link:-moz-read-write {  /* apply link style to moz designmode */
	text-decoration: underline !important;
	color: #102039;
}
a:hover {
	text-decoration: none;
	color: #197EA2;;
}
h1 {
	margin-bottom: 1.5ex;
	font-weight: bold;
	font-size: 138.5%;
}
h2 {
	font-weight: bold;
	font-size: 116%;
}
hr {
	color: silver;
	background-color: silver;
}
blockquote {
	margin: 3ex 0;
	border: 1px solid #102039;
	background: #E8EBEF none repeat scroll 0 0;
	padding: 4px 18px;
	width: 320px;
	font-size: 100%;
}
.ingressi {
	font-size: 93%;
}
.leipateksti {
}



/******************************************************************************
*                             Hakuformi ja hakutiedot                         *
******************************************************************************/
#vintti form.hakulomake {
	float: right;
	margin: -2px 0 0 5px;
}
input.hakusana {
	vertical-align: text-bottom;
	margin-right: 5px;
	border: 1px solid #A8A8A7;
	font-size: 11px;
	width: 120px;
}
input.hakunappi {
	vertical-align: text-bottom;
}



/******************************************************************************
*                               Sivukartta                                    *
******************************************************************************/
#sivukartta-box a,
#sivukartta-box a:visited {
}
#sivukartta-box a:hover	{
}
.sivukartta-intranet {}
.sivukartta-ei-lupaa {}



/******************************************************************************
*                        Nostot, haku ja kokokoma                             *
******************************************************************************/
#nostot-box {
	clear: none;
	width: 405px;
	border: 1px solid #DFDFDF;
	padding: 2px 4px 2px 2px;
	font-size: 93%;
}
#kokoomat-box {
	font-size: 93%;
}
#hakutulos-box { }
.nosto-text {
	vertical-align: top;
	padding: 14px 0 0 0;
	height: 50px;
}
a.nosto-title:link,
a.nosto-title:visited {
	color: #197EA2;
	text-decoration: none;
}
a.nosto-title:hover {
	text-decoration: underline;
}
.lue-lisaa:link,
.lue-lisaa:visited {
	color: #197EA2;
	text-decoration: none;
}
.lue-lisaa:hover {
	text-decoration: underline;
}


#nostot-box .nosto-image {
	background: #eef2f5;
	padding: 8px 12px;
	border-bottom: 1px solid #dfdfdf;
}
#nostot-box .nosto-image img {
	margin: 0;
}	
#nostot-box .nosto-text {
	padding: 6px 5px 5px 10px;
	border-bottom: 1px solid #dfdfdf;
}





/******************************************************************************
*                            Sisältökuvien tyylit                             *
******************************************************************************/
.sivukuvat {
	margin-left: 20px;
}
.kuvateksti {
	color: #444;
	font-size: 93%;
}

.kuvagalleria {
    _margin-left: -23px;
}
.kuvagalleria td {
	padding-left: 23px;
	width: 187px
}
.henkilosto td.teksti {
	width: 180px;
	padding-right: 20px;
}

/* 
#etusivu-oikea img.non-highslide,
#etusivu-oikea .highslide img,
*/
.sivukuvat img.non-highslide,
.sivukuvat .highslide img {
	border: 2px solid #cee2ea;	
}
.highslide img {            /* HS-Kuva */
	border: 1px solid silver;
}
.highslide:hover img {      /* HS-Kuva hover */
	border-color: gray;
}
img.non-highslide {         /* Peruskuva */
	padding: 0;
}
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: ???;
	background: ???;
	color: ???;
}

/* 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: #666;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	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 #888;
}
*/


/******************************************************************************
*                              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 {
	padding: 10px 30px 0 10px;
	width: auto;
}
#bbs-box a:link,
#bbs-box a:visited {
	text-decoration: underline;
}
#bbs-box a:hover {
	text-decoration: none;
}
textarea#bbsquote, textarea#bbsbody {
	width: 550px;
}
input.bbs-compose-input, #bbs-compose-threadtitle {
	width: 350px;
}



/******************************************************************************
*                                  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   {
	width: 500px;
}
.event-item   { border-top-color: silver; }
.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 {
}
#gallup-graph {
	margin-top: 8px;
	font-size: 93%;
}
#gallup-graph td {
	padding-top: 2px;
	padding-bottom: 2px;
}
td.gallup-barwidth  {
	width: 100px;
	padding-left: 15px;
	padding-right: 15px;
}
.gallup-label {
	padding-left: 7px;
}
.gallup-bar       {
	height: 9px;
	margin-top: 2px; 
	border-color: #54C7DC;
	background-color: #54C7DC;
}
.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;
}
*/