html, body
{
	height:100%;
}

body	
{
	background:#fefefe;
	overflow-y:scroll;
	font-family:arial, Helvetica, verdana, Tahoma, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	width:100%;
	word-wrap:break-word;
	background-color:#fefefe;
}

html, body, .banneri, .bannerivalikko, .tekstiasettelu
{
	margin:0px;
	padding:0px;
	min-width:822px;
}



/* Banneri */

.banneritausta
{
	height:auto;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background:#464646;
}

.banneri
{
	position:relative;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.bannerivasen
{
	position:absolute;
	left:8px;
	top:50px;
}



/* Footeri */


.sivu
{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -40px;
}

.alas
{
	clear:both;
	overflow:auto;
	padding-bottom:40px;
}

.footeri
{
	clear:both;
	position:relative;
	width:100%;
	margin-top:-40px;
	height:40px;
	color:#ffffff;
	font-size:1.2em;
	font-style:italic;
	background:#464646;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#464646),to(#2c2c2c));
	background-image: -webkit-linear-gradient(top,#464646,#2c2c2c);
	background-image: -moz-linear-gradient(top,#464646,#2c2c2c);
	background-image: -ms-linear-gradient(top,#464646,#2c2c2c);
	background-image: -o-linear-gradient(top,#464646,#2c2c2c);
	background-image: linear-gradient(top,#464646,#2c2c2c);
}

.footerisijoittaja
{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
}

.footerisijoittaja p
{
	line-height:40px;
	margin:0px;
	padding:0px;
}



/* Dropdown valikot */

.valikkotausta
{
	width:100%;
	height:27px;
	border-bottom:2px solid #353535;
}

.valikko
{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.nav
{
	height:27px;
	line-height:27px;
	color:#ffffff;
	position:relative;
	background:none;
	z-index:100;
	margin-top:-27px;
	border-bottom:2px solid #353535;
}

.nav ul li a
{
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	min-width:100px;
	width:130px;
	height:24px;
	text-align:center;
	line-height:24px;
	overflow:hidden;
	padding:3px 16px 0px 16px;
	border-top-left-radius:4px;
	border-top-right-radius:8px;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background:#3a3a3a;
}

.nav ul li.palaute a
{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:8px;
	border-top-right-radius:4px;
}

.nav ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.nav ul li
{
	float:left;
	position:relative;
	margin-right:3px;
}

.nav ul li.palaute
{
	float:right;
	margin-right:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:8px;
	border-top-right-radius:4px;
}

.nav ul li img
{
	position:absolute;
	left:14px;
	top:5px;
}

.nav ul li ul
{
	display:none;
}
 
.nav ul li:hover a, .palaute:hover a
{
	background:#de8934;
	color:#ffffff;
	text-decoration:none;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#de8934),to(#d27a23));
	background-image: -webkit-linear-gradient(top,#de8934,#d27a23);
	background-image: -moz-linear-gradient(top,#de8934,#d27a23);
	background-image: -ms-linear-gradient(top,#de8934,#d27a23);
	background-image: -o-linear-gradient(top,#de8934,#d27a23);
	background-image: linear-gradient(top,#de8934,#d27a23);
}

.nav ul li:hover ul
{
	display:block;
	position:absolute;
	top:27px;
	left:0;
	width:161px;
	border-top:2px solid #353535;
	border-bottom:1px double black;
	background:#d27a23;
}

.nav ul li:hover ul li
{
	border-right:none;
}

.nav ul li:hover ul a
{
	background:#3a3a3a;
}

.nav ul li:hover ul li a
{
	width:136px;
	display:block;
	color:#ffffff;
	text-align:left !important;
	height:24px;
	line-height:24px;
	margin:0px;
	padding:0px 13px;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	border-bottom:1px solid #353535;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-left:1px solid #353535;
	border-right:1px solid #353535;
	margin-left:-1px;
}

.nav ul li:hover ul li a:hover
{
	color:#ffffff;
	background:#d27a23 !important;
}

#nykyinen
{
	background:#de8934;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#de8934),to(#d27a23));
	background-image: -webkit-linear-gradient(top,#de8934,#d27a23);
	background-image: -moz-linear-gradient(top,#de8934,#d27a23);
	background-image: -ms-linear-gradient(top,#de8934,#d27a23);
	background-image: -o-linear-gradient(top,#de8934,#d27a23);
	background-image: linear-gradient(top,#de8934,#d27a23);
}



/* Esittely */

.ilmakuva
{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.selry
{
	position:absolute;
	left:86px;
	bottom:10%;
}

.sak
{
	position:absolute;
	right:86px;
	bottom:10%;
}

.aiheet
{
	width:1000px;
	border:solid 2px #3d3d3e;
	border-radius:4px;
	padding:10px;
	background:#FFFFFF;
	position:absolute;
	left:86px;
	top:10%;
}

.aihe1kuva
{
	width:93px;
}

.aihe1
{
	position:absolute;
	left:126px;
	top:10px;
	width:220px;
}

.aihe2kuva
{
	position:absolute;
	left:366px;
	top:10px;
	width:93px;
}

.aihe2
{
	position:absolute;
	left:479px;
	top:10px;
	width:220px;
}

.aihe3
{
	position:absolute;
	left:729px;
	top:10px;
	width:271px;
}

.aihe1 h3, .aihe2 h3, .aihe3 h3
{
	margin-bottom:8px;
}

.aihe1 p, .aihe2 p, .aihe3 p
{
	margin-top:0px;
	text-align:justify;
}

.aihe1 a, .aihe2 a
{
	float:right;
}

.aihe3 a
{
	display:block;
	font-size:0.80em;
	margin-top:-1px;
}



/* Johtokunta */

.jksijoittaja
{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:190px;
	left:164px;
	width:852px;
}

.jksijoittaja2
{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:310px;
	left:249px;
	width:672px;
}

.jksijoittaja3
{
	float:left;
	margin-left:20px;
	width:30%;
}
	
.jkikkuna1, .jkikkuna2, .jkikkuna3
{
	border:solid 2px #3d3d3e;
	border-radius:4px;
	background:#ffffff;
	overflow:hidden;
	padding-left:10px;
}

.jkikkuna1
{
	float:left;
	margin-left:20px;
	width:250px;
}

.jkikkuna2
{
	float:left;
	margin-left:20px;
	width:190px;
	padding-bottom:4px;
}

.jkikkuna3
{
	width:190px;
	margin-bottom:20px;
	padding-bottom:4px;
}

.jkikkuna1 h3, .jkikkuna2 h3, .jkikkuna3 h3
{
	margin-left:-10px;
	padding-left:10px;
	display:block;
}

.jkikkuna3 h3
{
	margin-bottom:9px;
}

h6.johtokunta
{
	color:#333333;
	margin-top:10px;
}

.jkikkuna1 p, .jkikkuna2 p, .jkikkuna3 p
{
	margin:0px;
	padding:0px;
	line-height:14px;
}


.jkikkuna1 a, .jkikkuna2 a, .jkikkuna3 a
{
	margin:0px;
	padding:0px;
	color:#4B5B6E;
	text-decoration:underline;
}

.jkikkuna1 a
{
	font-size:0.85em;
}

.jkikkuna1 a:hover, .jkikkuna2 a:hover, .jkikkuna3 a:hover
{
	color:#8EAFD1;
}

.jkikkuna1 a.lightwindow p
{
	font-size:1.2em;
	line-height:100%;
	font-weight:bold;
	margin-top:26px;
	margin-bottom:4px;
}

.jkikkuna1 img.oikea
{
	float:right;
}



/* Henkilöstösivut */

.henkilostorivi
{
	margin:0px -10px;
	overflow:hidden;
}

.luottamusmies, .tyosuojelu
{
	border:2px solid #464646;
	border-radius:4px;
	width:30%;
	float:left;
	margin:5px 1% 5px 0%;
	background:#fefefe;
	vertical-align:bottom;
}

.tyosuojelu
{
	float:right;
	margin:5px 0% 5px 1%;
	overflow:hidden;
	text-align:right;
}

.luottamusmies h5, .tyosuojelu h5
{
	font-size:1.1em;
	background:#F2D680;
	padding:2px 3%;
}

.luottamusmies h6, .tyosuojelu h6
{
	color:#464646;
	font-size:0.8em;
	line-height:1.2em;
	background:#F2D680;
	margin-top:-4px;
	padding:0px 8px 2px 8px;
}

.luottamusmies p, .tyosuojelu p
{
	margin:1px;
}

.luottamusmies a, .tyosuojelu a
{
	font-size:0.9em;
}

.luottamusmies a.lightwindow, .tyosuojelu a.lightwindow
{
	font-size:1em;
	font-weight:bold;
}

.luottamusmies a.lightwindow p, .tyosuojelu a.lightwindow p, p.nimi
{
	font-weight:bold;
	margin-top:34px;
	margin-bottom:3px;
}

.luottamusmies img, .luottamusmies a.lightwindow img
{
	float:left;
	margin-right:8px;
}

.tyosuojelu img, .tyosuojelu a.lightwindow img
{
	float:right;
	margin-left:8px;
}



/* Tekstisivut */

.tekstiasettelu
{
	overflow:hidden;
	width:100%;
	height:100%;
	max-width:1200px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.sisalto
{
	float:left;
	background:#FFFFFF;
	width:73%;
	height:100%;
	padding-left:10px;
	padding-right:2%;
	margin-right:-15px;
	border-right:5px solid #cccccc;
}

.sivuasettelu
{
	height:100%;
	float:left;
	width:21%;
	margin-left:2%;
	padding:0% 1%;
}

.sisalto .galleria a.lightwindow img
{
	float:left;
	margin:3px;
}

.sisalto img, .sisalto a img, .sisalto a.lightwindow img, .sivuasettelu a img, .sivuasettelu a.lightwindow img
{
	max-width:100%;
}

.sivuasettelu ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.sivuasettelu ul li
{
	margin-left:0px;
	padding:4px 0px;
}

.sivuasettelu ul li a
{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	border:2px solid #CCCCCC;
	border-radius:4px;
	padding:2px 4px;
}

.sivuasettelu ul li a:hover
{
	background:#F2D680;
}

.sivuasettelu p, .sivuasettelu img, .sivuasettelu a.img, .sivuasettelu a.lightwindow img
{
	margin-top:6px;
}

#nykysivu
{
	background:#CCCCCC;
}

.vasen
{
	float:left;
}

.oikea
{
	float:right;
}



/* Oletusasetukset sivun eri ominaisuuksille */

table.rinteela
{
	border-collapse:collapse;
	empty-cells:show;
	margin:0px;
}

table.rinteela td
{
	width:50px;
}

table.rinteela td.pidempi
{
	width:120px;
}


a, p.a
{
	margin:0px;
	padding:0px;
	color:#07093D;
}

a.ankkuri
{
	float:right;
	margin:12px 0px;
}

img
{
	border:0px;
	height:auto;
	display:block;
}



/* Otsikot */

h1, h2, h3, .h3otsikko p.oikea, h4, h5, h6, .nav a, .footeri
{
	font-family: Trebuchet MS, Verdana, "Lucida Grande", times new roman, Arial, Tahoma, sans-serif;
}

h1
{
	position:relative;
	left:0px;
	color:#333333;
	margin-bottom:1.6em;
	background-color:#BAC9A9;
	margin-top:0px;
	margin-left:-10px;
	margin-right:-10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:1%;
	border-radius:4px;
	margin-bottom:20px;
}

h2
{
	margin-left:-10px;
	margin-right:-10px;
	font-size:1.4em;
	background-color:#ccd8be;
	border-radius:4px;
	padding:8px;
}

h2 p, h2 a
{
	margin:0px;
	padding:0px;
}

h2.sisalto
{
	width:100%;
	margin:8px 0px 8px 0px;
	padding:0px;
	border-style:none;
	background:none;
}

h3
{
	font-size:1.1em;
	padding:1px 10px;
	border-radius:2px;
	margin:0px -10px;
	background:#F2D680;
}

.h3otsikko
{
	padding:0px 10px;
	border-radius:2px;
	width:100%;
	overflow:hidden;
	margin:12px -10px;
	background:#F2D680;
}

.h3otsikko a, .h3otsikko p.oikea
{
	font-size:1.1em;
	margin:0px;
}

.h3otsikko p.oikea
{
	color:#464646;
	float:right;
	font-weight:bold;
	padding-top:1px;
}

h4
{
	font-size:1.4em;
	color:#333333;
	padding:0px;
	margin:20px 0px 0px 0px;
}

h5
{
	background:#BAC9A9;
	margin:0px;
	padding:0px;
}

h6
{
	font-size:1em;
	margin:0px;
	padding:0px;
}

ul
{
	list-style-type:square;
	padding-left:30px;
}

ul li.otsikko
{
	list-style-type:none;
	font-weight:bold;
	padding-left:0px;
	margin-left:-30px;
}

ul.sivunavi li a:hover
{
	background:#BAC9A9;
}

ul.toc
{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	font-size:0.8em;
}

ul.toc li
{
	margin:4px 0px;
	padding-left:0px;
}

li.toc2vasen a, li.toc3vasen a
{
	font-family:Arial Narrow Arial, Helvetica, Verdana, Tahoma, sans-serif;	
}

.toc3
{
	margin-left:2px;
}

.toc4
{
	margin-left:4px;
}