body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E6E6E0;
}

h2,
.otsikko2 {
	font-size: 1.3em;
}

h3,
.otsikko3 {
	font-size: 1.2em;
}

.maincontent .content {
	line-height: 1.5em;
}

input {
	font-family: Arial, sans-serif;
}

#main #contentarea.nobg {
	background-image: none;
}

#main #contentarea .rightcontent.nobg {
	background-image: none;
}

#topbar {
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

#header ul li {
	background-image: url(../images/topbar-linkbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#header td {
	color: #FFFFFF;
}

#header td.search {
	background-image: url(../images/topbar-linkbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header .searchtable .input input {
	border-top: 1px solid #615444;
	border-left: 1px solid #615444;
	border-right: 1px solid #E6E6E0;
	border-bottom: 1px solid #E6E6E0;
}

#header .searchtable .submit input {
	background-image: url(../images/topbar-searchbtn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topnavigation {
	background-color: #C5C2B8;
}

#topnavigation ul {
	background-image: url(../images/mainnavi-left-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topnavigation .mainbg {
	background-image: url(../images/mainnavi-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#topnavigation .rightbg {
	background-image: url(../images/mainnavi-right-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#topnavigation ul li.last a {
	background-image: none;
}

#topnavigation ul li.current {
	background-color: #F7E7D8;
	background-image: none;
}

#topnavigation ul li.current a {
	color: #993300;
	background-image: none;
}

#topnavigation ul li.first {
	background-image: url(../images/mainnavi-first-leftdivider.gif);
}

#topnavigation ul li.first.current {
	background-image: url(../images/mainnavi-rightdivider.gif);
}

#topnavigation ul li {
	background-image: url(../images/mainnavi-leftdivider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topnavigation ul li a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/mainnavi-rightdivider.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#main {
	background-image: none;
}

#main #leftbar {
	background-color: #C5C2B8;
}

#main #spacerarea {
	background-color: #FFFFFF;
}

#main #contentarea {
	background-image: url(../images/contentbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#main #rightbar {
	background-image: url(../images/rightbar-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #E6E6E0;
}

/*** MAINCONTENT ***/

/* CAROUSEL */
#carousel .wrap {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

/* CRUMB */
#contentarea .crumb {
	color: #979387;
	font-style: italic;
}

#contentarea .crumb a {
	color: #709F9F;
	text-decoration: none;
	font-style: italic;
}

#contentarea .crumb a:hover {
	color: #709F9F;
	text-decoration: underline;
}

/*** MAINBLOCK ***/
#contentarea .maincontent {
	color: #6D6561;
}

#contentarea .maincontent .blockspacer {
	background-image: url(../images/graydot.gif);
	background-repeat: repeat-x;
	background-position: center;
}

#contentarea .maincontent .twocolumns {
	background-image: url(../images/graydot.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#contentarea .maincontent .onecolumn h1,
#contentarea .maincontent .onecolumn .otsikko1 {
	color: #993300;
	font-size: 1.4em;
	font-weight: bold;
}

#contentarea .maincontent .twocolumns h1,
#contentarea .maincontent .twocolumns .otsikko1,
#contentarea .maincontent .twocolumns h2,
#contentarea .maincontent .twocolumns .otsikko2,
#contentarea .maincontent .onecolumn h2,
#contentarea .maincontent .onecolumn .otsikko2 {
	color: #6D6561;
	font-size: 1.03em;
	font-weight: bold;
}

#contentarea a {
	color: #669999;
	text-decoration: none;
}

#contentarea a:hover {
	text-decoration: underline;
}

#contentarea .imagetxt {
	padding: 10px; 
	background-color: rgb(240, 240, 236);
	font-size: 11px;
}

/*** NEWSLISTING ***/

/* MAINTITLES */

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a,
#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a:hover {
	background-image: none;
	color: #6D6561;
}

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a.readmore,
#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a.readmore:hover {
	color: #669999;
}

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a {
	text-decoration: none;
}

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko a:hover {
	text-decoration: underline;
}

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko img {
	border: none;
}

#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko h2,
#contentarea .maincontent .onecolumn .ajankohtaista .paaotsikko .otsikko2 {
	font-size: 1em;
	font-weight: bold;
	color: #6D6561;
}

#contentarea .maincontent .onecolumn .ajankohtaista h3,
#contentarea .maincontent .onecolumn .ajankohtaista h3 a,
#contentarea .maincontent .onecolumn .ajankohtaista h3 a:hover,
#contentarea .maincontent .onecolumn .ajankohtaista .otsikko3,
#contentarea .maincontent .onecolumn .ajankohtaista .otsikko3 a,
#contentarea .maincontent .onecolumn .ajankohtaista .otsikko3 a:hover {
	font-size: 1em;
	font-weight: bold;
	color: #6D6561;
	text-decoration: none;
}

#contentarea .maincontent .onecolumn .ajankohtaista h3 a:hover,
#contentarea .maincontent .onecolumn .ajankohtaista .otsikko3 a:hover {
	text-decoration: underline;
}

#contentarea .maincontent .onecolumn .ajankohtaista a.navigation,
#contentarea .maincontent .onecolumn .ajankohtaista a.navigation:hover {
	background-image: none;
}

#contentarea .maincontent .onecolumn h2.notice
#contentarea .maincontent .onecolumn .otsikko2.notice {
	color: #993300;
	font-size: 1.1em;
	font-weight: bold;
}

/*** RSS LISTING ***/
#contentarea .maincontent .rssfeed .title,
#contentarea .maincontent .rssfeed .title a,
#contentarea .maincontent .rssfeed .title a:hover {
	font-size: 1em;
	font-weight: bold;
	color: #6D6561;
	text-decoration: none;
}

#contentarea .maincontent .rssfeed .title a:hover {
	text-decoration: underline;
}

#contentarea .maincontent .rssfeed .description {
	background-image: url(../images/graydot.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

/*** SEARCHBOX ***/

#contentarea .maincontent .searchbox td input.searchkeyword {
	font-size: 1em;
	color: #6D6561;
	border-color: #615444 #E6E6E0 #E6E6E0 #615444;
	border-style: solid;
	border-width: 1px;
}

#contentarea .maincontent .searchbox td input.searchsubmit {
	border-color: #978A79 #978A79 #615444 #615444;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #776A59;
}

#contentarea .maincontent .searchresults h1,
#contentarea .maincontent .searchresults h1 a,
#contentarea .maincontent .searchresults h1 a:hover,
#contentarea .maincontent .searchresults .otsikko1,
#contentarea .maincontent .searchresults .otsikko1 a,
#contentarea .maincontent .searchresults .otsikko1 a:hover {
	color: #6D6561;
	font-size: 1.03em;
	font-weight: bold;
	text-decoration: none;
}

#contentarea .maincontent .searchresults h1 a:hover,
#contentarea .maincontent .searchresults .otsikko1 a:hover,
#contentarea .maincontent .searchresults .url a:hover {
	text-decoration: underline;
}

#contentarea .maincontent .searchresults .url a {
	font-size: 0.9em;
	color: #669999;
	text-decoration: none;
}

/* SITEMAP */
#contentarea .maincontent .sitemap ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
}

#contentarea .maincontent .sitemap ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(../images/graydot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#contentarea .maincontent .sitemap ul li a {
	padding-bottom: 5px;
	color: #6D6561;
	display: block;
}

#contentarea .maincontent .sitemap ul ul {
	margin: 0px 0px 10px 10px;
	font-size: 1em;
}

#contentarea .maincontent .sitemap ul ul li {
	margin: 0px;
	padding: 0px;
	background-image: none;
}

#contentarea .maincontent .sitemap ul ul li a {
	color: #669999;
	padding: 0px;
}

#contentarea .maincontent .sitemap ul ul ul {
	font-size: 0.9em;
	font-weight: normal;
}

#contentarea .maincontent .sitemap ul ul ul ul {
	font-size: 1em;
}

/*** RIGHTCONTENT ***/
#contentarea .rightcontent {
	background-image: url(../images/rightcontent-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*** LEFTBAR ***/
#leftbar {
	background-color: #C5C2B8;
}

#leftbar .leftbar {
	background-color: #F0F0EC;
}

/*** LEFTNAVIGATION ***/
#leftbar .leftnavigation {
	background-color: #F0F0EC;
}

#leftbar .leftnavigation ul {
	background-color: #E6E6E0;
}

#leftbar .leftnavigation ul li .bordertop,
#leftbar .leftnavigation ul li .borderbottom {
	background-image: url(../images/petonosto-topborder.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#leftbar .leftnavigation ul li.last .borderbottom {
	background-position: left bottom;
}

#leftbar .leftnavigation ul li.current .borderbottom {
	background-image: none;
	border-bottom: solid 1px #C5C2B8;
}

#leftbar .leftnavigation ul li.current.last {
	background-image: url(../images/petonosto-topborder.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#leftbar .leftnavigation ul li a {
	color: #665B52;
	text-decoration: none;
	font-weight: bold;
}

#leftbar .leftnavigation ul li a:hover {
	text-decoration: underline;
}

#leftbar .leftnavigation ul li.current a.current {
	background-image: url(../images/leftnavigation-l1-current-a.gif);
	background-repeat: no-repeat;
	background-position: 175px 6px;
}

#leftbar .leftnavigation ul ul {
	background-image: url(../images/leftnavigation-l2-ul.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#leftbar .leftnavigation ul ul li,
#leftbar .leftnavigation ul ul li.current.last {
	background-image: url(../images/leftnavigation-l2-li.gif);
	background-repeat: no-repeat;
	background-position: 20px 11px;
}

#leftbar .leftnavigation ul ul ul li,
#leftbar .leftnavigation ul ul ul li.current.last {
	background-image: url(../images/leftnavigation-l3-li.gif);
	background-repeat: no-repeat;
	background-position: 17px 9px;
	font-size: 0.9em;
}

#leftbar .leftnavigation ul ul ul ul li,
#leftbar .leftnavigation ul ul ul ul li.current.last {
	font-size: 1em;
}

#leftbar .leftnavigation ul ul li .bordertop,
#leftbar .leftnavigation ul ul li .borderbottom {
	background-image: none;
}

#leftbar .leftnavigation ul li.current ul li .borderbottom,
#leftbar .leftnavigation ul li.current ul li.current .borderbottom {
	border: none;
}

#leftbar .leftnavigation ul ul li a {
	font-weight: normal;
}

#leftbar .leftnavigation ul ul li.current a.current {
	background-image: none;
	color: #665B52;
	font-weight: bold;
}

#leftbar .leftnavigation ul ul ul li a:hover,
#leftbar .leftnavigation ul ul ul li a.current:hover {
	text-decoration: none;
	color: #9B3504;
}

#leftbar .leftnavigation ul ul ul li a.current {
	color: #9B3504;
}

/*** CONTENT LIFTS ***/

/* SUURPETO NOSTO */
.petonosto {
	background-color: #E6E6E0;
}

.petonosto .title {
	color: #665B52;
}

.petonosto .title a {
	color: #665B52;
	text-decoration: none;
}

.petonosto .title a:hover {
	text-decoration: underline;
}

.petonosto .bordertop,
.petonosto .borderbottom {
	background-image: url(../images/petonosto-topborder.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.petonosto .borderbottom {
	background-position: left bottom;
}

/* TIETONURKKA */

.tietonurkka {
	font-style: italic;
	color: #655E5A;
}

.tietonurkka .title {
	color: #C2450C;
}

/* AJANKOHTAISTA && MUUALLA SAITISSA */

.linkkilista h3,
.linkkilista .otsikko3 {
	font-size: 1em;
}

.ajankohtaista .title,
.linkkilista.int .title,
.uusimmatKommentit .title {
	color: #C7551D;
	font-weight: bold;
}

.uusimmatKommentit .title {
	padding-bottom: 10px;
}

.ajankohtaista .date,
.linkkilista.int h3,
.linkkilista.int .otsikko3 {
	font-weight: bold;
}

.ajankohtaista a,
.linkkilista.int a,
.uusimmatKommentit a {
	text-decoration: none;
	color: #655E5A;
	background-image: url(../images/arroworange.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.ajankohtaista a:hover,
.linkkilista.int a:hover,
.uusimmatKommentit .a:hover {
	text-decoration: underline;
}

.uusimmatKommentit .kommentti a {
	padding-left: 20px;
}

/* SUURPEDOT MEDIASSA */

.suurpedotmediassa .title,
.linkkilista.ext .title {
	color: #339999;
	font-weight: bold;
}

.suurpedotmediassa .content .title,
.linkkilista.ext .content .title {
	font-weight: normal;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.suurpedotmediassa .date,
.linkkilista.ext h3,
.linkkilista.ext .otsikko3 {
	font-weight: bold;
}

.suurpedotmediassa a,
.linkkilista.ext a {
	text-decoration: none;
	color: #655E5A;
	background-image: url(../images/arrowblue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.suurpedotmediassa a:hover,
.linkkilista.ext a:hover {
	text-decoration: underline;
}

/*** TEKSTILAATIKKO ***/

.tekstilaatikko .title {
	color: #6D6561;
	font-weight: bold;
}

.tekstilaatikko .content {
	color: #6D6561;
}


/*** FOOTER ***/

#footerbar .topborder {
	background-image: url(../images/petonosto-topborder.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#footerbar .bottomborder {
	background-image: url(../images/petonosto-topborder.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#footerbar .content {
	line-height: 44px;
	height: 44px;
	background-image: url(../images/beasts.gif);
	background-repeat: no-repeat;
	background-position: 570px 2px;
	color: #D3D3D3;
}

#footerbar .content a {
	color: #669999;
	text-decoration: none;
}

#footerbar .content a:hover {
	text-decoration: underline;
}

#whitefooter {
	color: #655E5A;
}
