@import url(front.css);
@import url(blog.css);
@import url(../JavaScripts/prettyphoto/css/prettyphoto.css);

HTML, BODY {
	margin: 0;
	padding: 0;
}

HTML {
	background: #7D0837 url(../Images/ui/bg-html.gif) 0 0 repeat;
}

BODY {
	min-height: 725px;
	background: transparent url(../Images/ui/bg-body.jpg) 0 39px repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #464747;
}

DIV, IMG, P, H1, H2, H3, H4, H5, UL, OL, FORM, DL, DT, DD {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #C73367;
	cursor: pointer;
}

A:HOVER, A:VISITED:HOVER {
	color: #A71347 !important;
}

A IMG {
	display: inline;
	border: 0;
}


/* ohtanauha */

DIV#headband {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 39px;
	background: #2D2626 url(../Images/ui/bg-headband.gif) 0 0 repeat-x;
}

DIV#headband-content {
	position: relative;
	width: 946px;
	margin: auto;
}

DIV#headband UL {
	height: 39px;
	padding: 0;
	font: bold 12px/39px Arial, Helvetica, sans-serif;
	list-style: none;
}

DIV#headband UL LI {
	height: 39px;
	float: left;
}

DIV#headband UL LI A {
	display: block;
	height: 39px;
	padding: 0 15px;
	color: #FFF;
}

DIV#headband UL A.current {
	background: #2799D5;
}

DIV#headband UL LI A:HOVER {
	color: #E8E8EE !important;
}

DIV#headband A.fb {
	position: absolute;
	left: 745px;
	top: 0;
	width: 39px;
	height: 39px;
	background: url(../Images/facebook/fbicon.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;	
}


DIV.helperform {
	position: absolute;
	right: 0;
	top: 8px;
	width: 151px;
}

DIV.helperform DIV#q {
	width: 90px;
	height: 23px;
	background: transparent url(../Images/ui/bg-search-q.gif) 0 0 no-repeat;
	padding: 0 0 0 9px;
	float: left;
}

DIV.helperform DIV#q INPUT {
	width: 90px;
	height: 23px;
	border: 0;
	background: transparent;
	padding: 0;
	font: normal 12px/21px Arial, Helvetica, sans-serif;
}

DIV.helperform DIV#b INPUT {
	width: 52px;
	height: 23px;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
}



DIV#wrap {
	width: 946px;
	margin: auto;
	padding: 39px 0 0;
	font-size: 0.75em;
	line-height: 1.75;
}


/* sivujen yhteinen yläosa */

DIV#head {
	position: relative;
	width: 946px;
	height: 113px;
}

A#logolink {
	display: block;
	width: 149px;
	height: 113px;
	background: transparent url(../Images/ui/logo-head.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* päänavi */

DIV#navi {
	position: absolute;
	right: 0;
	top: 59px;
	height: 33px;
	background: transparent url(../Images/ui/bg-navi-tile.gif) 0 0 repeat-x;
}

DIV#navi UL {
	height: 33px;
	background: transparent url(../Images/ui/bg-navi-tail.gif) right 0 no-repeat;
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none;
}

DIV#navi UL LI {
	height: 33px;
	font: bold 13px/32px Arial, Helvetica, sans-serif;
	text-shadow: #0C5C85 0 1px 1px;
	color: #FFF;
	float: left;
}

DIV#navi UL LI.first,
DIV#navi UL LI:first-child {
	background: transparent url(../Images/ui/bg-navi-head.gif) 0 0 no-repeat;
	padding: 0 2px 0 17px;
}

DIV#navi UL LI A {
	display: block;
	padding: 0 15px;
	color: #FFF;
}

DIV#navi UL LI A:HOVER {
	color: #E8E8EE !important;
}

DIV#navi UL LI A.current,
DIV#navi UL LI.current A {
	border: 1px solid #D8D8D8;
	border-width: 0 1px;
	height: 33px;
	background: #FDFDFD url(../Images/ui/bg-navi-tile-current.gif) 0 0 repeat-x;
	padding: 0 14px;
	text-shadow: #D8D8D8 0 1px 1px;
	color: #464747;
}

DIV#navi UL LI A.current:HOVER,
DIV#navi UL LI.current A:HOVER {
	color: #666767 !important;
}


/* sivujen yhteinen alaosa */

DIV#tail {
	background: #FFF url(../Images/ui/bg-tail.gif) 0 0 no-repeat;
	padding: 85px 28px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B1B3B6;
}

ADDRESS {
	font-style: normal;
}

UL#tailnavi {
	padding: 0;
	list-style: none;
	float: right;
}

UL#tailnavi LI {
	display: inline;
	background: transparent url(../Images/icon/tailnavi-sep.gif) 0 center no-repeat;
	padding: 0 7px 0 8px;
	float: left;
}

UL#tailnavi LI.first,
UL#tailnavi LI:first-child {
	background: none;
	padding-left: 0;
}

UL#tailnavi LI A {
	color: #1690D2;
}


/* alasivujen sisältöalue */

DIV#content-wrap {
	width: 946px;
	background: #FFF url(../Images/ui/bg-content-shadow.gif) 0 288px repeat-x;
	padding-bottom: 11px;
}

DIV#imagebox {
	width: 946px;
	height: 288px;
	overflow: hidden;
}

DIV#content {
	position: relative;
	width: 946px;
	background: transparent url(../Images/ui/bg-content-head.png) 0 0 no-repeat;
	margin-top: -54px;
	padding-top: 104px;
}

DIV#content-tile {
	width: 925px;
	background: transparent url(../Images/ui/bg-content-tile.gif) 0 0 repeat-y;
	padding: 0 11px 0 10px;
}

DIV#content-tail {
	width: 925px;
	height: 50px;
	background: transparent url(../Images/ui/bg-content-tail.gif) 0 0 no-repeat;
	margin: 0 0 0 -10px;
	padding: 10px 11px 0 10px;
	text-align: center;
	clear: both;
}


/* palstojen kääre */

DIV#col-wrap {
	position: relative;
	left: 0;
	top: -96px;
	margin-bottom: -61px;
	float: left;
}

DIV#crumbs {
	width: 888px;
	height: 21px;
	background: transparent url(../Images/ui/bg-crumbs.gif) 0 0 repeat-x;
	padding: 10px 19px 31px 18px;
	font-size: 11px;
	font-weight: bold;
}

DIV#crumbs A {
	font-weight: normal;
}

DIV#lcol {
	width: 250px;
	float: left;
}

DIV#rcol {
	width: 550px;
	padding: 0 95px 0 30px;
	float: right;
}


/* vasemman palstan alavalikko */

DIV#subnavi {
	width: 225px;
	background: transparent url(../Images/ui/bg-subnavi-tail.gif) 0 bottom no-repeat;
	margin: 0 0 0 17px;
	padding: 0 0 6px;
}

DIV#subnavi H2 {
	min-height: 21px;
	_height: 21px;
	background: #F2F2F2 url(../Images/ui/bg-subnavi-head.gif) 0 0 no-repeat;
	padding: 20px 0 17px 33px;
	font: normal 1.5em/21px Arial, Helvetica, sans-serif;
	color: #525353;
}

DIV#subnavi H2 A {
	color: #525353;
}

DIV#subnavi UL {
	width: 225px;
	background: #F2F2F2;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

DIV#subnavi UL LI {
	display: block;
	border-top: 1px solid #DFE2E3;
	font-weight: bold;
}

DIV#subnavi UL LI A {
	display: block;
	padding: 6px 7px 6px 33px;
	line-height: 19px;
}

DIV#subnavi UL LI.current {
	background: #E9E9E9 url(../Images/icon/subnavi-current.gif) 6px 6px no-repeat;
}

DIV#subnavi UL LI.current A {
	color: #464747;
}

/* kakkostaso */
DIV#subnavi UL UL {
	display: none;
	border-top: 1px solid #E2E2E2;
	background: #F2F2F2;
	padding: 5px 0 7px;
}

DIV#subnavi UL UL LI {
	border: 0;
	padding: 5px 7px 5px 0;
	font-size: 11px;
	font-weight: normal;
}

DIV#subnavi UL UL LI A {
	border: 0 !important;
	padding: 0 0 0 33px;
	line-height: 15px;
	color: #C73367 !important;
}

DIV#subnavi UL UL LI A:HOVER,
DIV#subnavi UL UL LI.current A:HOVER {
	color: #A71347 !important;
}

DIV#subnavi UL UL LI.current {
	background: none;
}

DIV#subnavi UL UL LI.current A {
	color: #464747 !important;
}



/* yleisiä elementtityylejä */

H1 {
	padding-bottom: 0.7419em;
	font: normal 2.5833em/1.1290 Tahoma, Arial, Helvetica, sans-serif;
	color: #B4B4B4;
}

H2 {
	padding-bottom: 0.6em;
	font: bold 1.25em/1.2667 Tahoma, Arial, Helvetica, sans-serif;
}

H3 {
	font-weight: bold;
}

H4 {
	padding: 0;
	font: bold 12px/21px Tahoma, Arial, Helvetica, sans-serif;
}

P.ingressi {
	padding-bottom: 1.4em;
	font-size: 1.25em;
	line-height: 1.8;
}

P {
	padding-bottom: 1.75em;
}

BLOCKQUOTE {
	background: #F2F2F2;
	padding: 13px 21px 17px;
	margin: 0.4167em 0 1.75em 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

OL {
	padding: 0 0 1.75em 2.0833em;
}

UL {
	padding: 0 0 1.75em 1.75em;
}


/* sisältöalueen alalaidan sivulinkit */

UL.pagelinks {
	border-top: 1px solid #DBE0E2;
	margin-top: 10px;
	padding: 31px 0 11px;
	list-style: none;
}

UL.pagelinks LI {
	display: block;
	background: transparent url(../Images/icon/pagelinks.gif) 0 1px no-repeat;
	margin-bottom: 5px;
	padding: 0 0 1px 25px;
	font-weight: bold;
}


/* aakkosvalikko sanastossa, blogin sivunumerot */

DIV.pagenavi {
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-tail.gif) right 0 no-repeat;
	margin-bottom: 21px;
	padding-right: 15px;
	list-style: none;
	float: left;
	clear: both;
}

DIV.pagenavi UL {
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-head.gif) 0 0 no-repeat;
	padding: 0 0 0 15px;
}

DIV.pagenavi UL LI {
	display: block;
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-tile.gif) 0 0 repeat-x;
	padding: 0 4px;
	font: bold 10px/26px Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: #FFF 1px 1px 0;
	float: left;
}

DIV.pagenavi UL LI.current A {
	color: #464747;
}

/* blog.css:n loppuun */

DIV.PagingContainer {
	display: none;
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-tail.gif) right 0 no-repeat;
	margin-bottom: 21px;
	padding-right: 15px;
	list-style: none;
	float: left;
	clear: both;
}

DIV.PagingContainer A {
	display: block;
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-tile.gif) 0 0 repeat-x;
	padding: 0 4px;
	font: bold 10px/26px Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: #FFF 1px 1px 0;
	float: left;
}

DIV.PagingContainer A.first,
DIV.PagingContainer A:first-child {
	height: 27px;
	background: transparent url(../Images/ui/bg-alphabet-head.gif) 0 0 no-repeat;
	padding: 0 4px 0 19px;
}

DIV.PagingContainer A.SelectedPagingItem {
	color: #464747;
}

/* sanaston sisältöelementit */

DL {
	clear: both;
}

DL DT {
	font-weight: bold;
}

DL DT.open {
	background: #F2F2F2;
	margin: 13px 0 0 -13px;
	padding: 5px 21px 0 13px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}

DL DT.open A {
	color: #464747;
}

DIV#content DL DD {
	display: none;
	font-size: 0.9167em;
	line-height: 1.5455;
}

DL DD P {
	padding-bottom: 1em;
}

DIV#content DL DD.open {
	display: block;
	background: #F2F2F2;
	margin: 0 0 11px -13px;
	padding: 0 21px 0 13px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
}


/* lomake-elementit */

FORM {
	padding: 0;
	margin: 0;
}

LABEL {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

LABEL.fix {
	display: inline;
	width: 140px;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	float: left;
	clear: left;
}

INPUT, TEXTAREA, SELECT {
	margin: 0 0 7px;
	padding: 3px 2px 4px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

SELECT {
	border: 1px solid #AAA;
	border-color: #AAA #BBB #BBB #AAA;
	background: #FFF;
	padding: 1px;
	margin: 5px 0 7px;
}

INPUT.txt, 
TEXTAREA {
	border: 1px solid #AAA;
	border-color: #AAA #BBB #BBB #AAA;
	background: #FFF;
}

INPUT.chk,
INPUT[type=checkbox] {
	border: 0;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}

INPUT.rdo,
INPUT[type=radio] {
	border: 0;
	margin: 1px 5px 0 0;
	padding: 0;
	vertical-align: middle;
}

INPUT.btn,
INPUT.submit,
INPUT[type=submit],
BUTTON {
	margin: 11px 0 0;
	padding: 3px 5px;
	font-weight: bold;
	cursor: pointer !important;
	overflow: visible;
	color: #111;
}

INPUT.btn:HOVER {
	color: #333;
}

SPAN.req {
	color: #C22;
}

FIELDSET {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

FIELDSET LEGEND {
	margin: 0;
	padding: 3px 0;
	font-weight: bold;
	color: #464747;
}

LEGEND SPAN {
	display: block;
	white-space: normal;
	width: 530px;
}


/* harmaa sisältöboksi, painikkeet */

DIV.specialbox {
	background: #F2F2F2;
	margin-top: 3px;
	padding: 31px 51px;
}
DIV.specialbox pre {
    overflow:visible;
}

A.btn,
A.btn STRONG {
	display: -moz-inline-box;
	display: inline-block;
	height: 27px;
	background: transparent url(../Images/ui/bg-btn.gif) no-repeat scroll left 0;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	text-decoration: none;
	line-height: 26px;
	text-shadow: #FFF 1px 1px 0;
}

A.btn {
	background-position: right 0;
	margin: 0;
	padding: 0;
}


/* taulukot */

TABLE {
	border-collapse: collapse;
	margin-bottom: 1em;
	width:100%;
}

TABLE TH,
TABLE TD {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	font-size: 1em;
}


/* lomaketaulukko */

DIV.xForm TABLE TH,
DIV.xForm TABLE TD {
	padding-left: 0;
}



/* haku */

DIV#SearchArea INPUT.btn {
	margin-top: 0;
}

DIV#ResultArea {
	padding-top: 31px;
}

DIV#ResultArea LI {
	padding: 0 0 7px;
}

DIV#ResultArea LI P {
	padding: 0;
}

DIV#ResultArea LI SPAN.dateTime {
	font-size: 10px;
}


/* sisäkkäiset listat */

OL OL {
	padding: 0 0 5px 2.0833em;
}

UL UL {
	padding: 0 0 5px 1.75em;
	list-style: disc;
}



DIV#sitemap-region {
	width: 900px;
	background: #FFF;
	margin-left: -30px;
	padding: 31px 16px 0 30px;
	float: left;
	clear: both;
}

DIV#SiteMap {
	display: none;
	padding-bottom: 31px;
	float: left;
	clear: both;
}

DIV#sitemap-region UL {
	width: 900px;
	background: #FFF url(../Images/ui/bg-sitemap.gif) 0 0 repeat-y;
	padding: 0 0 5px;
	font: normal 11px/1.7273 Tahoma, Arial, Helvetica, sans-serif;
	list-style: none;
	float: left;
}

DIV#sitemap-region UL LI {
	width: 161px;
	margin: 0 18px 0 0;
	padding: 0;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

DIV#sitemap-region UL LI A {
	color: #666;
}

DIV#sitemap-region UL LI A:HOVER {
	color: #CCC;
}

DIV#sitemap-region UL UL {
	width: 156px;
	background: none;
	margin: 0;
	padding: 0 23px 0 0;
	float: none;
}

DIV#sitemap-region UL UL LI {
	width: 155px;
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	float: none;
}

DIV#sitemap-region UL UL UL {
	padding: 0 0 0 7px;
	width: 149px;
}

DIV#sitemap-region UL UL UL LI {
	width: 149px;
	padding: 0;
}



DIV.question {
	width: 566px;
	border-top: 1px solid #DDD;
	margin: 11px 0 0;
	padding: 17px 0 0;
	line-height: 19px;
	clear: both;
}

DIV.question:HOVER {
	color: #616161;
}

DIV.cattag {
	width: 566px;
	padding: 0 0 15px;
	float: left;
}

DIV.cattag UL.categories {
	width: 566px;
	padding: 0 0 3px;
	list-style: none;
	float: left;
	clear: both;
}

DIV.cattag UL.categories LI {
	margin: 0 7px 0 0;
	white-space: nowrap;
	float: left;
}

DIV.cattag UL.categories LI+LI {
	background: url(../Images/icon/bullet_black.png) -5px 2px no-repeat;
	padding: 0 0 0 14px;
}

P.question-data {
	background: url(../Images/icon/bullet_black.png) -4px 3px no-repeat;
	border: 0;
	margin: 0 0 17px;
	padding: 0 0 0 14px;
	font: italic 12px/21px Arial, Helvetica, sans-serif;
	clear: both;
}

P.question-data .date {
	padding-right: 7px;
}

P.question-data .open-link {
	position: relative;
	background: #F2F2F2;
	top: -1px;
	margin: 0 0 0 11px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

DIV.answer {
	display: none;
	background: #F5F5F5;
	margin: 0 0 27px;
	padding: 17px 21px 0;
	line-height: 19px;
	color: #222;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}



DIV#bmi-index {
	padding: 0 0 21px;
	clear: both;
}

DIV#bmi-index LABEL {
	display: inline;
	padding: 0 7px 0 0;
	line-height: 22px;
	float: left;
}

DIV#bmi-index INPUT.txt {
	margin-right: 17px;
	float: left;
}

DIV#bmi-index INPUT.btn {
	margin: -2px 0 0 0px;
}

DIV#bmi-results {
	display: none;
	background: #F5F5F5;
	margin: 21px 0 0 -17px;
	padding: 11px 17px 13px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

DIV#bmi-results P {
	padding: 0;
}


DIV#feeds {
	margin-top: -20px;
}

DIV#feeds H1.feedsheading {
	height: 53px;
	background: url(../Images/icon/newspaper.png) 11px 0 no-repeat;
	padding: 0 0 7px 76px;
	line-height: 49px;
	color: #444;
}

DIV#feeds UL.feeditems {
	padding: 0;
	list-style: none;
}

DIV#feeds UL.feeditems LI {
	width: 544px;
	border-top: 1px dotted #DBE0E2;
	padding: 13px 11px 13px;
	float: left;
	clear: both;
}

DIV#feeds UL.feeditems LI SPAN.title {
	display: block;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 23px;
}

DIV#feeds UL.feeditems LI SPAN.date {
	display: block;
	font-size: 11px;
	float: left;
}

DIV#feeds UL.feeditems LI SPAN.source {
	display: block;
	background: url(../Images/icon/bullet_black.png) -5px 2px no-repeat;
	margin: 0 0 0 7px;
	padding: 0 0 0 14px;
	font-size: 11px;
	float: left;
}