@charset "UTF-8";

html {
overflow-y: scroll;
}

#content {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#justified {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

#justifiednarrow {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

#justified700 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

#justifiedwide {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

/* taustat */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/backgr.png);
background-repeat: repeat-x;
}
.titlekuva {
background-image: url(images/title.png);
background-repeat: no-repeat;
font-family: helvetica, arial, sans-serif;
text-align: left;
}
.tausta-harmaa {
background-color: #4c4c4c;
width:780px;
min-height:30px;
}
.tausta-iso1 {
background-image: url(images/tausta-iso1.jpg);
background-repeat: no-repeat;
}
.tausta-iso2 {
background-image: url(images/tausta-iso2.jpg);
background-repeat: no-repeat;
}
#footerbar {
background-color: #4c4c4c;
width:780px;
min-height:30px;
}
#introbar {
background-color: #4c4c4c;
width:780px;
min-height:30px;
text-align: left;
padding-top:10px;
padding-bottom:10px;
}

/* taustat loppu */

/* menu */
.menu a:link { color: #aeaeae; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.menu a:active { color: #aeaeae; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.menu a:visited { color: #aeaeae; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.menu a:hover { color: #a2a2a2; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: underline; }

.menutekstit { color: #000; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; position:relative; word-spacing:4px; left:-5px; top:14px; width:440px; }
.menuvalittu { color: #fff; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: underline}
.menu { height: 10px; }
/* menu loppu */

/* tekstit */
a:link { color: #767e84; font-size: 9pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
a:active { color: #767e84; font-size: 9pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
a:visited { color: #767e84; font-size: 9pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
a:hover { color: #767e84; font-size: 9pt; font-family: "Helvetica", "Arial"; text-decoration: underline; }
.whitelink a:link { color: #fff; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.whitelink a:active { color: #fff; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.whitelink a:visited { color: #fff; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.whitelink a:hover { color: #fff; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: underline; }
.biglink a:link { color: #767e84; font-size: 16pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.biglink a:active { color: #767e84; font-size: 16pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.biglink a:visited { color: #767e84; font-size: 16pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.biglink a:hover { color: #767e84; font-size: 16pt; font-family: "Helvetica", "Arial"; text-decoration: underline; }
.buylink a:link { color: #767e84; font-size: 12pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.buylink a:active { color: #767e84; font-size: 12pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.buylink a:visited { color: #767e84; font-size: 12pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.buylink a:hover { color: #767e84; font-size: 12pt; font-family: "Helvetica", "Arial"; text-decoration: underline; }
.normaltxt { color: black; font-size: 9pt; line-height: 12pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.normaltxtalfa { color: black; font-size: 9pt; line-height: 12pt; text-align: justify; font-family: "Helvetica", "Arial"; text-decoration: none; }
.normaltxtbold { color: black; font-size: 9pt; font-weight:bold; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.bigtxtalfagrey { color: #494949; font-size: 13.5pt; line-height: 12pt; text-align: justify; font-family: "Helvetica", "Arial"; text-decoration: none; }
.bigtxt { color: #000; font-size: 12pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.hugetxt { color: #494949; font-size: 16pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.smalltxt { color: black; font-size: 8pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.smallertxt { color: black; font-size: 9pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.subtitle { color: #767e84; font-size: 11pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.subtitlealfa { color: #767e84; font-size: 11pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.textprofile { text-align:justify; color: #000; font-size: 10pt; font-family: "Osaka", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka-等幅", "平成角ゴシック"; }
.textprofilealfa { text-align:justify; line-height: 1.2; color: #000; font-size: 11pt; font-family: "Helvetica", "Arial"; }
.textintro { color: #494949; font-size: 9pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; text-align:justify; position:relative; left:2px; top:170px; padding-right: 20px; }
.textdesign { color: #494949; font-size: 9pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; text-align:justify; position:relative; top:50px; }
.textbiotitle { color: #494949; font-size: 14pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; position:relative; padding-right: 20px; }
.textbiosubtitle { color: #494949; font-size: 9pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; position:relative; padding-right: 0px; }
.textbio1 { color: #fff; font-size: 9pt; line-height: 1.3; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; left:0px; top:10px; padding-right:50px; width:340px; }
.textbio2 { color: #fff; font-size: 9pt; line-height: 1.3; padding-top:6px; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; left:60px; top:-8px; padding-right:20px; width:670px; }
.textbio3 { color: #fff; font-size: 9pt; line-height: 12pt; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; padding-left:12px; padding-top:10px; padding-right:12px; padding-bottom:15px; background: #4c4c4c; }
.textbio4 { color: #000; font-size: 9pt; line-height: 12pt; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; padding-left:12px; padding-top:10px; padding-right:12px; padding-bottom:15px; }
.articletitlesub { color: #494949; font-size: 16pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.articletitlesubalfa { color: #494949; font-size: 16pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.articletitle { color: #494949; font-size: 24pt; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "Osaka-等幅", "Osaka", "平成角ゴシック"; text-decoration: none; }
.articletitlealfa { color: #494949; font-size: 24pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.articletextintroalfa { color: #494949; font-size: 11pt; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; left:0px; top:0px; padding-right:0px; }
.articletextalfa { color: #000; font-size: 10pt; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; left:0px; top:0px; padding-right:0px; }
.timestamp { color: #494949; font-size: 8.5pt; font-family: "Helvetica", "Arial"; text-decoration: none; }
.copyriteksti { color: #949494; font-size: 8.5pt; font-family: "Helvetica", "Arial"; text-decoration: none; position:relative; text-align:left; left:7px; }
.decotext { color:#d3d3d3; font-size:16pt; line-height:20pt; text-align:justify; font-family:'Helvetica', 'Arial'; text-decoration:none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6) }

.introbartext { color: #fff; font-size: 10pt; line-height: 1.3; font-family: "Helvetica", "Arial"; text-decoration: none; text-align:justify; position:relative; left:40px; padding-right:80px; }

.tervetext { color: #fff; font-size: 14pt; font-family: "Helvetica", "Arial"; text-decoration: none; position:relative; text-align: left; left:18px; top:0px; line-height: 1.6; width:300px; }
.hitext { color: #fff; font-size: 10.5pt; font-family: "Helvetica", "Arial"; text-decoration: none; position:relative; text-align: left; left:18px; top:0px; line-height: 1.3; width:300px; }
/* tekstit loppu */

hr { border: 0; width: 600px; color: #b2b2b2; background-color: #b2b2b2; height: 1px; }
.hr700 { border: 0; width: 700px; color: #b2b2b2; background-color: #b2b2b2; height: 1px; }
.hr780 { border: 0; width: 780px; color: #b2b2b2; background-color: #b2b2b2; height: 1px; }

img.floatleft {
	float:left;
	margin-right:15px;
	margin-top:1px;
}

img.floatright {
	float:right;
	margin-left:15px;
	margin-top:1px;
}

#slideshow {
    position:relative;
    height:350px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
.socialindex {
vertical-align:middle;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #cacdd1;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 0.8em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #b0b4b8;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 0px;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 0px;
	font-size: 1.2em;
}