/* CONTENT STYLES */

body, p, td p, li, code {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}


a, a:link, a:visited {
	color : #ff9900;
	font-weight: normal;
	text-decoration : underline;
}
a:hover, a:active {
	color : Black;
	font-weight: normal;
	text-decoration: underline;
}

.linktext {
	color : #ff9900;
	font-weight: normal;
	text-decoration: none;
}


td.maincontents {
	letter-spacing: normal;
}



img {
	border: 0;
}

img.left {
	float: left;
}
img.right {
	float: right;
}




/* Headings */
h1, h2, h3, h4 {
	margin: 0 0 1em 0;
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}

h1 {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size : 14px;
}

h4 {
	font-size: 12px;
}


.articlelist h2 {
	font-size: 12px;
}

h2.newslist {
	font-size: 14px;
}




.h1subtitle {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color: #333333;
}

fieldset {
	border: solid 1px #999999;
	padding: 8px;
	background-color: #F8F8F8;
}

legend {
	color: #707070;
	font-size : 12px;
	font-weight: bold;
}

/* Yleiset asemointimääritykset */
.left {
	text-align : left;
}
.center {
	text-align : center;
}
.right {
	text-align : right;
}


.error {
	color: Red;
}

.note {
	font-size: 10px;
}

.required {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c00000;
	font-weight: bold;
	font-size: 11px;
}

.offline {
	color: Gray;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.newsaika {
	color: #666666;
}


/* Form Styles */
input, textarea, formfield, button, select {
	background-color: White;
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333; 
	font-weight: normal;
	border: solid 1px #999999;
}

input.button {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color: #999999;
	color : White;
	border: 0;
	font-weight: normal;
}


.noborder, input.noborder, #maincontentarea .noborder {
	border: 0;
	background-color: transparent;
}

.nopadding {
	padding: 0;
}

.nomargin, p.nomargin {
	margin: 0;
}


.deleted, h1.deleted, a.deleted, a.deleted:link, a.deleted:visited {
	text-decoration: line-through;
}

a.deleted:hover, a.deleted:active {
	text-decoration: line-through;
}


/* Content Section Styles */
div.pagesectioncontainer {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.pagesectioncontaineryellow {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #ffffcc;
}

div.pagesectioncontents {
	margin: 0;
	padding: 10px 10px 10px 10px;
}

div.titlecontainer {
	margin: 0;
	padding: 10px 10px 10px 10px;
}

div.clearsection {
	clear: both;
}

div.pagesectionseparator {
	width: 100%;
	height: 12px;
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #666666;
}


p.kuvateksti {
	font-size: 11px;
	color: #666666;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
}

.kuvateksti {
	font-size: 11px;
	color: #666666;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
}

/* Section images printed with div */
.sectionimageleft {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}
.sectionimageright {
	float: right;
	padding: 0 0 0 10px;
	margin: 0;
}
.sectionimagehorizontal {
	float: left;
	padding: 0 0 0 0;
	margin: 0 15px 15px 0;
	text-align: center;
}
.sectionimageleft img, .sectionimageright img {
	padding: 0;
	margin: 0;
}


/* Images with thumb border */
.thumbborder, img.thumbborder, td.maincontents img.thumbborder {
	border: 1px solid Black;
}

.thumbborderinvisible, img.thumbborderinvisible, td.maincontents img.thumbborderinvisible {
	border: 1px solid White;
}

.thumbborderactive, img.thumbborderactive, td.maincontents img.thumbborderactive {
	border: 2px solid Black;
}

.thumbborderinactive, img.thumbborderinactive, td.maincontents img.thumbborderinactive {
	border: 2px solid White;
}



/* Notification Box Styles */
td.huombox {
	background-color: #D8EAFB;
	border: 1px solid #003466;
	/* background-color: #FFD9DF;
	border: 1px solid #cc0000; */
	padding: 10px;
	vertical-align: middle;
}
td.huombox p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

td.notice {
	background-color: #FBEDBB;
	border: 1px solid #999999;
	padding: 10px;
	vertical-align: middle;
}
td.notice p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #333333;
}




/* Image Teaser Styles */
div.imageteaser {
	padding: 0;
	margin: 0 0 3px 3px;
}
.teaserthumbborder {
	border: 1px solid Black;
}

td.colored {
	background-color: #F0F0F0;
}


/* Article attachment styles */
table.attachments {

}

table.attachments td {
	padding: 2px 5px 2px 5px;
}

table.attachments td.header {
	background-color : transparent;
}

table.attachments td.header {
	padding : 2px;
	border-bottom: 1px solid Gray;
}

table.attachments td p, table.attachments td.header p {
	margin: 0px;
}

table.attachments td.header p {
	color : Black;
	font-size : 11px;
	font-weight: bold;
}

table.attachments td.header a, table.attachments td.header a:link, table.attachments td.header a:visited {
	color : White;
	font-weight: bold;
	text-decoration : underline;
}
table.attachments td.header a:hover, table.attachments td.header a:active {
	color : White;
	font-weight: bold;
	text-decoration : none;
}



/* Info box styles */
/* Headings */
#infocontents h1, #infocontents h2, #infocontents h3, #infocontents h4 {
	margin: 0 0 1em 0;
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
}


/*
#infocontents h1 {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	font-size: 18px;
}
*/

#infocontents p, #articleteasercontents p {
	color: White;
}

#infocontents .infotitle, #infocontents p.infotitle {
	color: #ffb23f;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

#infocontents p.kuvateksti {
	font-size: 11px;
	color: #666666;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 2px;
}


#infocontents a, #infocontents a:link, #infocontents a:visited {
	color : #ff9900;
	font-weight: normal;
	text-decoration : underline;
}
#infocontents a:hover, #infocontents a:active {
	color : #ff9900;
	font-weight: normal;
	text-decoration: none;
}
#articleteasercontents a, #articleteasercontents a:link, #articleteasercontents a:visited {
	color : #ff9900;
	font-weight: normal;
	text-decoration : underline;
}
#articleteasercontents a:hover, #articleteasercontents a:active {
	color : #ff9900;
	font-weight: normal;
	text-decoration: none;
}


.teaserpvm {
	font-weight: bold;
}