/* Yleiset */
body * {
	line-height: 1.22;
}
body {
	background: #fff url('body_bg.jpg') repeat-x top left;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
p {
	margin-left: 13px;
	margin-right: 13px;
}
a:link {
	color: #dd6b1d;
	text-decoration: none;
}
a:active {
	color: #dd6b1d;
	text-decoration: none;
}
a:visited {
	color: #dd6b1d;
	text-decoration: none;
}
a:hover {
	color: #dd6b1d;
	text-decoration: underline;
}
.forBraille {
	display: none;
}
fieldset {
	background: url(palautelomake_bg.jpg) repeat-x left bottom #fff;
	border: 1px solid #fff;
	margin: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
}

/* Tekstin koko */
body,td,#navibar h2.Pnavi,h3,#lists h2,#lists li,#sitemap h2,#flapContainer h2,#keskusteluPuu,#keskusteluLiitetiedostot {
	font-size: 10px;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 12px;
}
#lift h1 {
	font-size: 14px;
}
#haku {
	font-size: 13px;
}

/* 1 rivi: ylin keltainen raita. Ei muuta sisaltoa */
#topstripe {
	background: #fff;
	height: 0px;
	margin: 0;
	padding: 0;
}

/* 2. rivi, 1/3. sarake: sivuston logo ja linkki etusivulle */
#logo {
	background: transparent url(logo_bg.jpg) no-repeat bottom right;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 250px;
}

/* 2. rivi, 2/3. sarake: sivuston otsikko ja sen korvaava kuva - Nama tiedot tulevat jarjestelmasta! */
#pageingress {
	background: transparent no-repeat top left;
	height: 80px;
	margin: 0;
	padding: 0;
}
#pageingress h2 {
	display: none;
}

/* 2. rivi, 3/3. sarake: haku ja linkki tarkennettuun hakuun */
#haku {
	color: #000;
	height: 80px;
	margin-bottom: 0;
	margin-top: 0;
	width: 250px;
    background: transparent;
}
#haku p {
	margin-bottom: 0;
	margin-top: 0;
}
#haku a {
	text-decoration: underline;
}
#haku form {
	margin: 0;
	padding: 0;
}

/* 3. rivi, 1/3. sarake: sisaltaa linkin verkkopalvelun ohjeeseen ja linkit kieliversioihin */
#languagestripe {
	color: #fff;
	background: url('languagestripe_bg.jpg') no-repeat top left;
	height: 41px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 250px;
}
#languagestripe p {
	margin: 0 0 0 15px;
}
#languagestripe a {
	color: #000;
	text-decoration: none;
}
#languagestripe a:hover {
	color: #000;
	text-decoration: underline;
}

/* 3. rivi, 2/3. sarake: sisaltaa etusivulla paivayksen ja nimipaivat, muilla sivuilla navipolun (leivanmurut) */
#navistripe {
	background: #001F31;
	height: 41px;
	vertical-align: middle;
	background: url('navistripe_bg.jpg') no-repeat top left;
}
#navistripe p {
	color: #fff;
	margin: 0 0 0 15px;
}
#navistripe a {
	color: #000;
	text-decoration: none;
}
#navistripe a:hover {
	color: #000;
	text-decoration: underline;
}

/* 3. rivi, 3/3. sarake: sisaltaa linkit tekstikoon muuttavaan toiminnallisuuteen */
#textsizestripe {
    background: transparent;
	color: #000;
	height: 24px;
	vertical-align: middle;
	width: 250px;
}
#textsizestripe p {
	margin: 0 0 0 15px;
}
#textsizestripe a {
	color: #000;
	text-decoration: underline;
}
#textsizestripe a:selected {
	color: #000;
	text-decoration: underline;
}
#textsizestripe a:hover {
	color: #000;
	text-decoration: none;
}

/* 4. rivi. 1/3. sarake: navigointi ja yhteystiedot + copyright */
#navibar {
	background: #fff;
	padding-top: 15px;	
	width: 250px;
	background: url('navibar_bg.jpg') no-repeat top left;
}
#navibar table {
/*  background: url('navibar_table_bg.gif') repeat-y top right;*/
}
#navibar .Pnavi {
	color: #fff;
    margin: 3px 0 0 0;
    padding: 2px 0 0 0;
}
#navibar .PnaviSelected {	
	color: #fff;
    margin: 3px 0 0 0;
    padding: 2px 0 0 0;
}
#navibar .Pnavi a,
#navibar .PnaviSelected a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 2px 18px;
	margin: 0;
	background: #8fb048 url(bullet_arrow_navi.gif) no-repeat top left;
}
#navibar .PnaviSelected a {
    display: block;
    width: 225px;
    padding: 2px 0 2px 18px;
}
#navibar .Pnavi a:hover,
#navibar .PnaviSelected a:hover {
    display: block;
    width: 225px;
    padding: 2px 0 2px 18px;
	text-decoration: underline;
}
#navibar .Pnavi a:hover {
	margin-top: -2px;
	margin-bottom: -2px;
}
#navibar .PnaviSelected {
	color: #375f7b;
    margin: 0;
    padding: 2px 0 0 0;
}
#navibar .PnaviSelected a {
	background-image: url(bullet_arrow_navi2.gif);
}
#navibar .PnaviArticle {
	color: #000;
	font-weight: lighter;
	margin: 3px 0 0 20px;
	padding: 0;
}
#navibar .PnaviArticleSelected {
	color: #3b6b84;
	font-weight: bold;
	margin: 3px 0 0 20px;
	padding: 0;
}
#navibar H2.Pnavi {
	background: #039;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 13px;
}
#navibar H2.Pnavi a:link {
	color: #000;
	text-decoration: underline;
}
#navibar H2.Pnavi a:visited {
	color: #000;
	text-decoration: underline;
}
#navibar H2.Pnavi a:active {
	color: #000;
	text-decoration: underline;
}
#navibar H2.Pnavi a:hover {
	color: #000;
	text-decoration: none;
}
#copyright strong {
	color: #000;
	font-weight: bold;
	letter-spacing: -0.4px;
}
#copyright p {
	color: #000;
	font-weight: lighter;
	margin: 25px 25px 25px 10px;
	padding: 0 0 0 5px;
}
#copyright a {
	color: #dd6b1d;
	font-weight: lighter;
	text-decoration: underline;
}
#copyright a:hover {
	color: #dd6b1d;
	font-weight: lighter;
	text-decoration: none;
}

/* 4. rivi, 2/3. sarake: etusivun ja alatason koontisivun nostot */
#content p,#content span,
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,
#content ul,#content ol {
	max-width: 500px;
}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	/* clear: both; */
	font-weight: bold;
}
#content {
	background: transparent url('content_bg.jpg') no-repeat top left;
	padding-top: 15px;
}
#content h1 {
	color: #000;
	margin: 0 25px 5px 20px;
	padding: 0;
}
#content h1.noDate {
	color: #000;
	margin: 20px 25px 5px 20px;
	padding: 0;
}
#content h2 {
	color: #000;
	margin: 20px 25px 5px 20px;
	padding: 0;
}
#content h3 {
	color: #000;
	margin: 20px 25px 5px 20px;
	padding: 0;
}
#content p {
	margin: 0 25px 15px 20px;
	padding: 0;
}
#content ul,
#content ol {
	margin: 0 25px 15px 20px;
	list-style-position: inside;
	padding: 0;
}
#content a {
	color: #DD6B1D;
	text-decoration: underline;
}
#content a:visited {
	color: #DD6B1D;
	text-decoration: underline;
}
#content a:hover {
	color: #DD6B1D;
	text-decoration: none;
}
#content .Pdate {
	clear: both;
	color: #999;
	font-weight: bold;
	margin: 20px 25px 0 20px;
	padding: 0;
}
#content .ingress {
	font-weight: bold;
	margin: 3px 25px 18px 20px;
	padding: 0;
}
#content .quote {
	color: #333;
	font-style: italic;
	margin: 0 25px 15px 20px;
	padding: 5px;
}
#content .lastupdate {
	clear: both;
	color: #333;
	max-width: 750px;
	font-style: italic;
	margin: 2px 5px 2px 20px;
}
#content p.back {
	clear: both;
	margin: 15px 25px 15px 20px;
	padding: 0;
}
#content p.getmore {
	margin-left: 50px !important;
}
#content tr.rowHeader td {
	background: #333;
}
#content tr.rowHeader a {
	color: #fff;
	text-decoration: underline;
}
#content tr.rowHeader a:visited {
	color: #fff;
	text-decoration: underline;
}
#content tr.rowHeader a:hover {
	color: #fff;
	text-decoration: none;
}
#content tr.row td {
	background: #dae6a2;
}
#content tr.rowAlternate td {
	background: #ccde76;
}
#content #contentTable {
	margin-left: 20px;
}

/* 4. rivi, 2/3. sarake: nosto */
#lift {
	margin-top: 0;
}
#lift h1 {
	color: #dd6b1d;
	font-weight: bold;
	margin: 0 13px 0 15px;
}
#lift h1 a {
	color: #dd6b1d;
}
#lift p {
	margin: 0 15px 5px;
	padding: 0;
}
#lift img {
	margin: 5px;
}
#lift a {
	color: #dd6b1d;
	text-decoration: none;
}
#lift a:visited {
	color: #dd6b1d;
	text-decoration: none;
}
#lift a:hover {
	color: #dd6b1d;
	text-decoration: underline;
}
#lift .Pdate {
	color: #666666;
	font-style: normal;
	font-weight: normal;
	margin: 10px 13px 0 15px;
	padding: 0;
}
#lift .TDreuna {
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	background: url('horizontal_line.gif') repeat-x bottom left;
}
#lift .TDetusivunkuva {
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#lift .TDetusivunkuva img {
	border: 0;
	margin: 8px 8px 8px 0;
}

/* 4. rivi, 2/3. sarake: listat */
#lists {
	margin: 0;
	padding: 10px 13px 0 12px;
}
#lists h2 {
	color: #000;
	font-weight: normal;
	margin: 3px;
}
#lists ul {
	margin: 2px 0 12px;
	padding: 1px 0 1px 15px;
}
#lists li {
	color: #000;
	list-style-image: url(bullet_arrow2.gif);
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 2px;
	padding: 0;
}
#lists .Ah2 {
	font-weight: bold;
	color: #dd6b1d;
}
#lists .Ah2:visited {
    color: #dd6b1d;
}
#lists .Ah2:hover {
    color: #dd6b1d;
	text-decoration: underline;	
}
#lists a {
	color: #000;
	text-decoration: none;
}
#lists a:visited {
	color: #000;
	text-decoration: none;
}
#lists a:hover {
	color: #000;
	text-decoration: underline;
}

/* 4. rivi, 2/3. sarake: kuvat */
#content .caption {
	color: #000;
	margin: 2px;
}
#pic1 {
	background: #F9F9F9;
	border: 1px solid #999;
	float: right;
	margin-right: 20px;
	padding: 2px;
}
#pic2 {
	background: #F9F9F9;
	border: 1px solid #999;
	float: left;
	margin: 2px 2px 10px 20px;
	padding: 2px;
}
#pic3 {
	background: #F9F9F9;
	border: 1px solid #999;
	clear: both;
	margin: 2px 2px 10px 20px;
	padding: 2px;
}
#pic4 {
	background: #F9F9F9;
	border: 1px solid #999;
	clear: both;
	margin: 2px 25px 2px 20px;
	padding: 2px;
	text-align: left;
}
#pic5 {
	background: #F9F9F9;
	border: 1px solid #999;
	clear: both;
	margin: 2px 25px 2px 20px;
	padding: 2px;
}
#pic1 img,#pic2 img,#pic3 img,#pic4 img {
	border: 1px solid #999;
}

/* 4. rivi, 2/3. sarake: palveluhakemiston ja yhteystietojen tyylit */
#content .noLeftMargin {
	margin: 3px;
}
#content .nameUnderline {
	text-decoration: underline;
}

/*Sisaltoalueen taulukoiden tyylit, lisatty 25.2.2005*/
#content .TDleft {
	background: #dae6a2;
}
#content .TDright {
	background: #ccde76;
}
#content .TDhighlight {
	background: #ccde76;
	font-weight: bold;
	border: 1px solid #ccc;
}

/* 4. rivi 2/3 sarake: linkit artikkelien eri kieliversioihin (SM: 13.9.2004)*/
#contentArticleHack {
	margin: 4px 15px 4px 4px;
	text-align: right;
}

/* 4. rivi, 3/3. sarake: Oikean palkin teema ja sen sisallot */
#themeright {
	background-image: transparent url('themeright_bg.jpg');
	background-repeat: no-repeat;
	background-position: top right;	
	margin: 0;
	padding-top: 15px;
	width: 250px;
}
#themeright table {
/*  background: #fff url('themeright_table_bg.gif') repeat-y top left;*/
	margin-top: 15px;
}
#themeright ul {
	margin: 2px 0 12px;
	padding: 1px 0;
}

/* lisatty 23.11.*/
#themeright h1 {
	color: #000;
	font-weight: bold;
	margin: 4px 15px 0;
}
#themeright h1.noDate {
	color: #56687c;
}
#themeright h2 {
	color: #000;
	font-weight: bold;
	margin: 4px 15px 0;
}
#themeright h3 {
	color: #000;
	font-weight: bold;
	margin: 4px 15px 0;
}
#themeright a:link,
#themeright a:visited {
	text-decoration: none;
}
#themeright a:hover {
	text-decoration: underline;
}
#themeright p {
	margin: 1px 15px 5px;
	padding: 0;
}
#themeright ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(bullet_arrow2.gif);
	padding-left: 15px;
	margin-left: 15px;
	margin-right: 15px;
}
#themeright ul li {
	margin-bottom: 3px;
}
#themeright .Pdate {
	color: #56687c;
	font-weight: lighter;
	margin: 0 15px 5px;
}
#themeright .ingress {
	font-style: italic;
	font-weight: normal;
}
#themeright .quote {
	color: #333;
	font-style: italic;
}
#themeright .lastupdate {
	color: #333;
	font-style: italic;
}
#themeright p.back {
	font-weight: normal;
}
#themeright .Pnavi {
	margin: 0;
	padding: 1px 0 1px 13px;
}

/* 5. rivi: sivun footer. Sisaltaa mm. linkit tekstiversioon, linkin tulosta -toiminnallisuuteen jne */
#bottomstripe {
	background: transparent;
	height: 24px;
	margin: 0;
	padding: 0 0 0 40px;
	vertical-align: middle;
}
#bottomstripe p {
	color: #a8c270;
	margin: 0 13px;
	word-spacing: 5px;
}
#bottomstripe a {
	color: #262626;
	text-decoration: none;
}
#bottomstripe a:hover {
	color: #262626;
	text-decoration: underline;
}

/* 6. rivi: nakymattomat yhteystiedot nakyvat ainoastaan tulostettaessa */
#hiddencontacts {
	display: none;
}

/* Sitemap */
#sitemap {
	margin: 0;
	padding: 10px 13px 0 17px;
}
#sitemap h2 {
	color: #C03;
	font-weight: bold;
	margin: 3px;
}
#sitemap ul {
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}
#sitemap li {
	color: #000;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
}
#sitemap .ah2 {
	color: #C03;
	text-decoration: underline;
}
#sitemap .ah2:hover {
	color: #C03;
	text-decoration: none;
}

/* Hakulistauksen spesialit */
#searchresults h2 {
	color: #C03;
}
#searchresults .type {
	color: #090;
}
#searchresults ul {
	margin-top:5px;
	margin-bottom:5px;
}
#searchresults p {
	max-width:1200px;
}

/* Valilehtien formaatti, lisatty Fujitsun pyynnosta 24.3.2005 */
#flapContainer {
	margin: 10px 0 20px 20px;
}
#flapContainer h2 {
	color: #000;
	font-weight: bold;
}
#flap {
	border: 2px solid #dae6a2;
	margin: 0 15px 0 0;
	width: auto;
}
#flap H2 {
	color: #000;
	margin: 13px 13px 0 15px;
}
#flap table {
	margin: 0 13px 13px;
}
#flap td {
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: top;
}

/* appeja varten */
#flapApplication{border: 2px solid #FFCC33; margin-right:13px; margin-bottom: 20px;}
#flapApplication H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapApplication table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapApplication td{font-size: 11px;padding-top: 2px;padding-bottom: 2px;vertical-align: top;}

#application table{margin-bottom: 13px;margin-left: 20px;margin-top: 0px;margin-right: 13px;}

/* Turun uusi haku, Mathias 27.6.2007 */
#flapSearchResults {border: 2px solid #FFCC33; margin-right:13px;}
#flapSearchResults H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapSearchResults table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapSearchResults td{font-size: 11px; padding-top: 5px; padding-bottom: 10px; vertical-align: top;}

#SearchNoResults {font-size:12px; font-weight:bold; color:#FF0000;}

#flapResults td {
	background: #85a5b6;
	padding: 2px;
}
#flapResults td.header {
	background: #85a5b6;
	font-weight: bold;
}

/* LISAYS 24.03.2005, valilehdet */
#flapTopTable .currentOpen {
	background: url(valilehti_vasen_0.gif) no-repeat right top;
}
#flapTopTable .currentMiddle {
	background: #c0d45d;
	color: #000;
}
#flapTopTable .currentClose {
	background: url(valilehti_vasen_1.gif) no-repeat left top;
}
#flapTopTable .inactiveOpen {
	background: url(valilehti_oikea_0.gif) no-repeat right top;
}
#flapTopTable .inactiveMiddle {
	background: #dae6a2;
}
#flapTopTable .inactiveMiddle a {
	color: #000;
	text-decoration: none;
}
#flapTopTable .inactiveMiddle a:hover {
	color: #000;
	text-decoration: underline;
}
#flapTopTable .inactiveClose {
	background: url(valilehti_oikea_1.gif) no-repeat left top;
}

/* lisays 6.4.2005, KESKUSTELUALUE */
#keskusteluPuu {
	margin: 5px 20px 0;
	padding: 0 !important;
}
#keskusteluPuu tr.rowHeader td {
	padding: 3px;
}
#keskusteluPuu a {
	margin: 0 !important;
}
#keskusteluPuu a:visited {
	text-decoration: none;
}
#keskusteluLiitetiedostot {
	background: #efefef;
	border: 1px solid #354d68;
	margin: 0 5px 15px 20px;
	padding: 5px 7px;
	width: 250px;
}

/* Gallery */
table.gallery {
	margin: 20px 20px 10px;
}
table.gallery td {
	background: #f0f0f0;
	color: #354d68;
	padding: 7px;
	text-align: center;
	width: 20%;
}
