﻿/* Yleiset */

body {
	background: #fff url(bg_shadow.gif) no-repeat 0 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.22;
	margin: 0;
	padding: 0 15px;
}

a {
	color: #00376b;
}

a:hover {
	color: #85a5b6;
	text-decoration: none;
}

acronym {
	border: none;
}

fieldset {
	background: url(palautelomake_bg.jpg) repeat-x left bottom;
	border: 1px solid #fff;
	padding-bottom: 20px;
	padding-top: 10px;
	margin: 20px;
}

#content p,#content span,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content ul,#content ol {
	max-width: 500px;
}

.forBraille,#pageingress h2,#hiddencontacts {
	display: none;
}


/* Teksti */

body { font-size: 13px; }

h1 { font-weight: bold; font-size: 20px; }

#lift h1 { font-size: 16px; }

h2 { font-weight: bold; font-size: 15px; }

#lists h2 { font-size: 13px; }

h3 { font-weight: bold; font-size: 13px; }

h4 { font-weight: bold; font-size: 13px; }

h5 { font-weight: bold; font-size: 13px; }

h6 { font-weight: bold; font-size: 13px; }

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { text-decoration: none; }

p {
	margin: 0 13px;
}

#navibarRight .InputSubmit,
#navibarRight .PnaviSelectcommunal {
	font-size: 11px;
}

#eventCalendar td.header1 {
	font-size: 14px;
}


/* Ylätunniste */

#topstripe {
	height: 3px;
	margin: 0;
	padding: 0;
}

#logo {
	background: url(logo_bg_2011.gif) no-repeat bottom right;
	height: 80px;
	width: 250px;
	margin: 0;
	padding: 0;
}

#pageingress {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
	margin: 0;
	padding: 0;
}

.Lan_1 {
	background-image: url(1_theme_header.gif);
}

.Lan_2 {
	background-image: url(2_theme_header.gif);
}

.Lan_3 {
	background-image: url(3_theme_header.gif);
}

/* Haku */

#haku {
	color: #000;
	height: 80px;
	margin-bottom: 0;
	margin-top: 0;
	width: 250px;
}

#haku p {
	margin-bottom: 0;
	margin-top: 0;
}

#haku form {
	margin: 0;
	padding: 0;
}


/* Kielivalinta */

#languagestripe {
	font-weight: bold;
	border-top: 2px solid #f68039;
	height: 24px;
	vertical-align: middle;
	width: 250px;
	margin: 0;
	padding: 0;
}

#languagestripe a {
	text-decoration: none;
}

#languagestripe a:hover {
	text-decoration: underline;
}

#languagestripe p {
	margin: 0 0 0 15px;
}


/* Murupolku */

#navistripe {
	border-top: 2px solid #f68039;
	font-weight: bold;
	height: 24px;
	vertical-align: middle;
}

#navistripe a {
	text-decoration: none;
}

#navistripe a:hover {
	text-decoration: underline;
}

#navistripe p {
	margin: 0 0 0 15px;
}


/* Tekstikoko */

#textsizestripe {
	border-top: 2px solid #f68039;
	background: #fff;
	padding-left: 10px;
	height: 24px;
	vertical-align: middle;
	width: 240px;
}

#textsizestripe a {
	text-decoration: none;
}

#textsizestripe a:hover {
	text-decoration: underline;
}

#textsizestripe p {
	margin: 0 0 0 15px;
}


/* RSS-syöte */

#feed a {
	text-decoration: none;
	font-weight: bold;
}


/* Navigaatio */

#navibar {
	padding-top: 15px;
	width: 250px;
}

#navibar a {
	color: #000;
	text-decoration: none;
}

#navibar a:hover {
	color: #56687c;
	text-decoration: underline;
}

#navibar h2.Pnavi {
	font-size: 13px;
}

#navibar .Pnavi {
	background: url(bullet_navi.gif) no-repeat 5px 5px;
	color: #000;
	margin: 3px 0 0 10px;
	padding: 0 0 0 13px;
}

#navibar .PnaviSelected {
	background: url(bullet_navi_or.gif) no-repeat 5px 5px;
	color: #00376b;
	font-weight: bold;
	margin: 3px 0 0 9px;
	padding: 0 0 0 14px;
}

#navibar .PnaviArticle {
	color: #000;
	font-weight: lighter;
	margin: 3px 0 0 20px;
	padding: 0;
}

#navibar .PnaviArticleSelected {
	color: #00376b;
	font-weight: bold;
	margin: 3px 0 0 20px;
	padding: 0;
}

#navibar H2.Pnavi {
	color: #fff;
	background: #f68039;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 3px 0 3px 13px;
}

#navibar H2.Pnavi a {
	color: #000;
	text-decoration: underline;
}


/* Copyright */

#copyright {
	margin-top: 20px;
}

#copyright a {
	color: #8E9195; 
}

#copyright p {
	line-height: 14px;
	margin: 10px 10px 10px 13px;
	padding: 0;
}

#copyright strong {
	color: #8E9195;
	letter-spacing: -0.4px;
}


/* Ilmoita tapahtuma */

#reportOwn {
	line-height: 20px;
	margin: 15px;
}

#reportOwn a { color: #00376b; text-decoration: underline; }

#reportOwn a:hover { color: #85a5b6; text-decoration: none; }


/* Sisältöalue */

#content {
	display: block;
	padding: 15px 20px;
}

#content h1,
#content h1.noDate {
	color: #000;
	margin: 20px 0 5px;
	padding: 0;
}

#content h2 {
	color: #565656;
	margin: 20px 0 5px;
	padding: 0;
}

#content h3 {
	color: #717171;
	margin: 20px 0 5px;
	padding: 0;
}

#content p {
	margin: 0 0 15px;
	padding: 0;
}

#content ul,#content ol {
	list-style-position: inside;
	margin: 0 0 15px;
	padding: 0;
}

#content .Pdate {
	clear: both;
	color: #999;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content .ingress {
	font-weight: bold;
	margin: 0 0 18px;
	padding: 0;
}

#content .quote {
	color: #333;
	font-style: italic;
	margin: 0 0 15px;
	padding: 5px;
}

#content .lastupdate {
	clear: both;
	color: #333;
	max-width: 750px;
	font-style: italic;
	margin: 0 0 2px;
}

#content p.back {
	clear: both;
	margin: 0 0 15px;
	padding: 0;
}

#content p.getmore {
	margin-left: 50px !important;
}

#content table.serviceHack {
	margin-left: 20px;
	margin-top: 20px;
}

#content tr.rowHeader td {
	color: #FFF;
	background: #f68039;
}

#content tr.rowHeader a:hover {
	color: #fff;
	text-decoration: none;
}

#content tr.row td {
	background: #eee;
}

#content tr.rowAlternate td {
	background: #f4f5f5;
}

#content #contentTable {
	margin-left: 20px;
}

#content .TDleft {
	background-color: #EEE;
	background: #F4F5F5;
}

#content .TDright {
	background-color: #F4F5F5;
	background: #EEE;
}

#content .caption {
	color: #000;
	margin: 2px;
}

#content .noLeftMargin {
	margin: 3px;
}

#content .nameUnderline {
	text-decoration: underline;
}

#content .TDhighlight {
	background: #EEE;
	font-weight: bold;
	border: 1px solid #ccc;
}

#contentArticleHack {
	text-align: right;
	margin: 4px 15px 4px 4px;
}

#content tr.rowHeader a {
	color: #333;
	text-decoration: underline;
}

span.deadline {
	color: red;
}

table.formLessMargins {
	margin-left: 16px;
}

.formLessMargins td {
	padding-left: 4px;
	padding-bottom: 6px;
}

.formLessMargins td p {
	margin: 0 0 5px !important;
}


/* Nostot */

#lift h1 {
	color: #00376b;
	font-weight: bold;
	margin: 0;
}

#lift {
	margin-top: 0;
}

#lift p {
	margin: 0 0 5px;
	padding: 0;
}

#lift img {
	margin: 5px;
}

#lift .Pdate {
	color: #8b8f94;
	font-style: normal;
	font-weight: normal;
	margin: 8px 0 0;
	padding: 0;
}

#lift .TDreuna {
	border-bottom: 1px dotted #d7d7d7;
	margin-bottom: 5px;
	margin-top: 5px;
}

#lift .TDetusivunkuva {
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#lift .TDetusivunkuva img {
	border: 0;
	margin: 0 0 8px;
}


/* Listaukset */

#lists {
	margin: 0;
	padding: 10px 0 0;
}

#lists h2 {
	font-weight: bold;
	color: #000;
	margin: 3px;
}

#lists ul {
	margin: 2px 0 8px 2em;
}

#lists li {
	color: #797a7a;
	list-style-image: url(bullet_arrow.gif);
	list-style-position: outside;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}

#lists .Ah2 {
	font-weight: bold;
	color: #00376b;
}

#lists a:hover {
	color: #b3c2c6;
	text-decoration: underline;
}


/* Kuvatyylit */

#pic1 img,#pic2 img,#pic3 img,#pic4 img {
	border: 1px solid #999;
}

#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;
	text-align: left;
	margin: 2px 25px 2px 20px;
	padding: 2px;
}

#pic5 {
	background: #F9F9F9;
	border: 1px solid #999;
	clear: both;
	margin: 2px 25px 2px 20px;
	padding: 2px;
}


/* Oikea palsta */

#navibarRight H2.Pnavi a {
	color: #FFF;
	text-decoration: underline;
}

#navibarRight h1,#navibarRight h2,#navibarRight h3 {
	margin: 5px 10px;
}

#navibarRight {
	width: 250px;
	background: #fff;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 15px;
	margin: 0;
}

#navibarRight .Pnavi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	margin: 0;
	padding: 1px 0 1px 13px;
}

#navibarRight .PnaviSelectcommunal {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px;
	padding: 1px 0 1px 13px;
}

#navibarRight H2.Pnavi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #f68039;
	margin: 0;
	padding: 3px 0 3px 13px;
}

#navibarRight H2.Pnavi a:hover {
	color: #FFF;
	text-decoration: none;
}

#navibarRight .PnaviSelected {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	font-weight: bold;
	background-image: url(navi_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	padding: 2px 0 2px 13px;
}

#navibarRight .InputSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	width: 30px;
}

#nimipaiva {
	background: #fff url(pic_nimipaiva.jpg) no-repeat right top;
	border: 1px solid #333;
	color: #000;
	margin: 10px 10px 25px;
	padding: 10px 70px 10px 10px;
}

#nimipaiva a {
	color: #000;
}

#saakuva,
#banneri {
	text-align: center;
}


/* Kyselyt */

#quiz h3 {
	color: #000;
	font-weight: bold;
	margin: 5px 15px 0 10px;
	padding: 0;
}

#quiz P {
	line-height: 13px;
	margin: 5px 10px 0;
	padding: 0;
}


/* Alatunniste */

#bottomstripe {
	color: #00376b;
	border-top: 2px solid #f68039;
	background: right #fff;
	height: 24px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#bottomstripe p {
	color: #00376b;
	word-spacing: 5px;
	margin: 0 13px;
}

#bottomstripe a {
	font-weight: bold;
	color: #00376b;
	text-decoration: none;
}

#bottomstripe a:hover {
	color: #b3c2c6;
	text-decoration: underline;
}


/* Sivukartta */

#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;
}


/* Hakutulokset */

#searchresults h2 {
	color: #C03;
}

#searchresults .type {
	color: #090;
}

#searchresults ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

#searchresults p {
	max-width: 1200px;
}


/* Välilehdet */

#flapContainer {
	margin: 0 0 20px;
}

#flapContainer h2 {
	color: #000;
	font-weight: bold;
}

#flap {
	border: 2px solid #f68039;
	width: auto;
}

#flap td {
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: top;
}

#flapBody {
	padding: 0 20px;
}

#flapApplication {
	border: 2px solid #85a5b6;
	margin: 0 0 15px;
}

#flapApplication h2 {
	color: #00376b;
	margin: 0 0 15px;
}

#flapApplication td {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

#application table {
	margin: 0 0 15px;
}

#flapSearchResults {
	border: 2px solid #f68039;
	margin-right: 13px;
}

#flapSearchResults h2 {
	color: #000;
	margin: 13px 13px 0 15px;
}

#flapSearchResults td {
	padding-top: 5px;
	padding-bottom: 10px;
	vertical-align: top;
}

#SearchNoResults {
	font-weight: bold;
	color: red;
}

#flapResults td.header {
	background: #ddd;
	font-weight: bold;
}

#flapResults td {
	background: #f4f5f5;
	padding: 2px;
}

#flapTopTable td {
	padding: 5px;
}

#flapTopTable td a {
	color: #000;
	cursor: pointer;
}

#flapTopTable td a:hover {
	text-decoration: underline;
}

#flapTopTable .inactiveMiddle a {
	color: #333;
}

#flapTopTable .currentMiddle a {
	font-weight: bold;
}

#flapTopTable .currentOpen {
	background: url(valilehti_vasen_0.gif) no-repeat right top;
}

#flapTopTable .currentMiddle {
	background: #fecb33;
}

#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: #fee498;
}

#flapTopTable .inactiveClose {
	background: url(valilehti_oikea_1.gif) no-repeat left top;
}

#flapApplication table,
#flapSearchResults table {
	margin: 0 0 15px;
}


/* Kalenteri */

#calendars {
	margin-top: 0;
	margin-bottom: 15px;
}

#eventCalendar {
	background-color: #fff;
}

#eventCalendarPop {
	background-color: #C7C7C7;
}

#eventCalendar a {
	color: #000;
	text-decoration: none;
}

#eventCalendar a:hover {
	color: #85a5b6;
	text-decoration: underline;
}

#eventCalendar td,
#eventCalendarPop td {
	color: #000;
	text-align: center;
	background-color: #F4F5F5;
}

#eventCalendar td.header1 {
	font-weight: bold;
	color: #FFF;
	background-color: #f68039;
	height: 25px;
}

#eventCalendar td.header2 {
	background-color: #FFE599;
	height: 20px;
}

#eventCalendarPop td.header1 {
	font-weight: bold;
	color: #FFF;
	background-color: #f68039;
	height: 25px;
}

#eventCalendarPop td.header2 {
	background-color: #D9E5FF;
	height: 20px;
}

#eventCalendar td.header1 a,
#eventCalendarPop td.header1 a {
	color: #FFF;
}

#eventCalendar td.inactiveday,
#eventCalendarPop td.inactiveday {
	background-color: #F4F5F5;
	background-image: url(tapahtumakalenteri_idle.gif);
	background-repeat: repeat;
}

#eventCalendar td.hasEvents,
#eventCalendarPop td.hasEvents {
	background-color: #fefefe;
	font-weight: bold;
}

#eventCalendar td.today {
	font-weight: bold;
	color: #CCC;
	background-color: #FC3;
}

#eventCalendarPop td.today {
	font-weight: bold;
	color: #FFF;
	background-color: #B3CCFF;
}

#eventCalendar td.selected {
	background-color: #d0dfff;
}

#eventCalendarPop td.selected {
	background-color: #f5f8ff;
}

