html 
{
	height:100%; 
	max-height:100%; 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	background-color: white;
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 11pt;
	color: black;	
	overflow: hidden; 
}

body 
{
	height:100%; 
	max-height:100%; 
	overflow: hidden; 
	padding:0px; 
	margin:0px; 
	border:0px;
	background-color: white;
	color: black;
}

img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}


a.sisa:link, a.sisa:visited
{
	font-family: Arial, "Times New Roman";	
	font-size: 8pt;
	color: black;
	text-decoration: none;
}

a.sisa:hover, a.sisa:active
{
	font-family: Arial, "Times New Roman";
	font-size: 8pt;
	color: black;
	text-decoration: underline;
}

a.sisa2:link, a.sisa2:visited
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	color: black;
	text-decoration: none;
}

a.sisa2:hover, a.sisa2:active
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	color: black;
	text-decoration: none;
}


a.tekstilink:link, a.tekstilink:visited
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

a.tekstilink:hover, a.tekstilink:active
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

a.tekstilink_pun:link, a.tekstilink_pun:visited
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	font-weight: bold;
	color: #752210;
	text-decoration: none;
}

a.tekstilink_pun:hover, a.tekstilink_pun:active
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	font-weight: bold;
	color: #752210;
	text-decoration: underline;
}

a.tekstilink2:link, a.tekstilink2:visited
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

a.tekstilink2:hover, a.tekstilink2:active
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

a.alalinkit:link, a.alalinkit:visited
{
	display: block;
	width: 95%;
	height: 18px;
	font-family: Verdana, Arial, "Times New Roman";	
	font-size: 10pt;
	color: black;
	text-decoration: none;
	text-align: center;
	padding: 7px;
}

a.alalinkit:hover, a.alalinkit:active
{
	display: block;
	width: 95%;
	height: 18px;
	font-family: Verdana, Arial, "Times New Roman";	
	font-size: 10pt;
	color: black;
	text-decoration: none;
	text-align: center;
	padding: 7px;
}

a.alalinkit2:link, a.alalinkit2:visited
{
	display: block;
	width: 95%;
	height: 18px;
	font-family: Verdana, Arial, "Times New Roman";	
	font-size: 8pt;
	color: black;
	text-decoration: none;
	text-align: center;
	padding: 8px;
}

a.alalinkit2:hover, a.alalinkit2:active
{
	display: block;
	width: 95%;
	height: 18px;
	font-family: Verdana, Arial, "Times New Roman";	
	font-size: 8pt;
	color: black;
	text-decoration: none;
	text-align: center;
	padding: 8px;
}



#content 
{
	overflow: auto; 
	position:absolute; 
	top: 100px; 
	bottom: 27px;
	left: 170px;
	right: 0px; 	
	background-color: transparent;
	color: black;	
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

* html #content 
{
	overflow: auto;
	scroll: auto;
	top: 0px; 
	bottom: 0px; 
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-left: 170px solid white;
	border-right: 0px solid white;
	border-top:100px solid white; 
	border-bottom:27px solid white;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#content_black
{
	overflow: auto; 
	position:absolute; 
	top: 100px; 
	bottom: 27px;
	left: 170px;
	right: 0px; 	
	background-color: black;
	color: black;	
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

* html #content_black
{
	background-color: black;
	overflow: auto;
	scroll: auto;
	top: 0px; 
	bottom: 0px; 
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-left: 170px solid white;
	border-right: 0px solid white;
	border-top:100px solid white; 
	border-bottom:27px solid white;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#kuva_area {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 250px;
	border: 0px solid black;
	z-index: 2;
}

#kuva_area_etusivu {
	position: absolute;
	top: 160px;
	left: 20px;
	width: 250px;
	border: 0px solid black;
	z-index: 2;
}

#kuva_area2 {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 290px;
	border: 0px solid black;
	z-index: 2;
}



#tekstiarea {
	position: absolute;
	left: 250px;
	right: 115px;
	top: 0px;
	bottom: 0px;
	border: 0px solid red;
	z-index: 2;
}

* html #tekstiarea {
	top: -30px; 
	bottom: 0px; 
	right: 40px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-left: 280px solid white;
	border-right: 100px solid white;
	border-top: 0px solid white; 
	border-bottom: 0px solid white;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

h1
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 20pt;
	color: #bb2225;
	z-index: 3;
	margin-top: 0px;
	 margin-bottom: 20px;
	 line-height: 140%;
}

h2
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 12pt;
	color: black;
	z-index: 3;
	margin-top: 0px;
	 margin-bottom: 20px;
	 line-height: 140%;
}

h3
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	color: black;
	z-index: 3;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 140%;
}

.leipa
{
	position: absolute;
	top: 50px;
	left: 10%;
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	color: black;
	z-index: 2;	
}

* html .leipa
{
	top: 0px; 
	bottom: 0px; 
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-left: 10px solid white;
	border-right: 0px solid white;
	border-top: 80px solid white; 
	border-bottom: 0px solid white;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 11pt;
	color: black;
}

.pienileipa
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 8pt;
	color: black;
	z-index: 2;	
}

#video
{
	position: absolute;
	top: 50px;
	left: 10%;
	z-index: 2;
}

#ylapalkki {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px; /* 103px */
	z-index: 10;
	background-image: url(images/r_ylapalkki2.jpg); 
	background-repeat: no-repeat;
	background-color: #a6a6a6;
}

#ylapalkki_ala{
	position: absolute;
	top: 90px;
	right: 0px;
	width: 100%;
	height: 12px;
	z-index: 11;
	background-image: url(images/r_ylapalkki_ala.jpg); 
	background-repeat: repeat-x;
}

/*
* html #ylapalkki_ala {
	top: 0px;
	right: 0px;
	width: 100%;
	height: 12px;
	z-index: 1;
	border-top: 90px solid white;
	background-image: url(images/r_ylapalkki_ala.jpg); 
	background-repeat: repeat;	
}
*/

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 13;
}

#rekka {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 12;
	}
	

#pyoristys {
	position: absolute;
	top: 90px;
	left: 155px;
	width: 50px;
	height: 50px;
	z-index: 17;
	}

#vasenpalkki {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 155px; /* 167 */
	height: 642px; /* 617 */
	z-index: 15;
	}
	
#vasenpalkki_ala {
	position: absolute;
	top: 732px;
	bottom: 0px;
	left: 0px;
	width: 155px;
	z-index: 14;
	background-image: url(images/r_vasenpalkki_ala2.jpg); 
	background-repeat: repeat;
	}
	

* html #vasenpalkki_ala {
	top: 700px;
	bottom: 0px;
	left: 0px;
	width: 155px;
	height: 100%;
	border-bottom:0px solid white;
	z-index: 14;
	margin: 0px;
	padding: 0px;
	background-image: url(images/r_vasenpalkki_ala2.jpg); 
	background-repeat: repeat;
}


#vasenpalkki_oikea {
	position: absolute;
	top: 102px;
	bottom: 0px;
	left: 155px;
	width: 12px;
	z-index: 9;
	background-image: url(images/r_vasenpalkki_oikea.jpg); 
	background-repeat: repeat;
}

* html #vasenpalkki_oikea {
	top: 0px;
	bottom: 0px;
	left: 155px;
	width: 12px;
	height: 100%;
	z-index: 4;
	border-top:102px solid white; 
	border-bottom:0px solid white;
	background-image: url(images/r_vasenpalkki_oikea.jpg); 
	background-repeat: repeat;
}


#menuvalikko {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 175px;
	height: 180px;
	z-index: 50;
	border: 0px solid black;
	text-align: right;
	float: right;
}


.paavalikko{
width:170px; 
height:180px; 
position:relative;
margin:0px;
z-index:100;
opacity: 0.8;
-moz-opacity:0.8;
font-family: Verdana, Arial, "Times New Roman";
font-size: 12pt; 
font-weight: bold;
/* font-style: italic; */
color: black;
background-color: transparent;
/*
filter: alpha(opacity=80); */
}
.paavalikko ul {
width:170px; 
height:180px; 
padding:0; 
margin:0; 
list-style-type: none; 
background: transparent; 
}

.paavalikko ul li ul {
visibility:hidden; 
position:absolute;
top:-2px; 
left:135px; /* oli 85 */
height:0; 
overflow:hidden; 
}
.paavalikko ul li {
float:left;
}
.paavalikko ul li a, .paavalikko ul li a:visited {
display:block; 
float: left; 
text-decoration:none; 
color: black;
width:135px; /* oli 90 */ 
height:30px; 
line-height:16px; 
font-size:12pt;
background:transparent; 
padding-left:10px;
padding-top: 0px;
}
* html .paavalikko ul li a, * html .paavalikko ul li a:visited 
{
	width:135px; 
	w\idth:145px;
}

.paavalikko table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
position:absolute; 
left: -25px; 
top: 0px;
}

/* eka rivi IE7 ja muut - toinen rivi IE5.5 ja IE6 */
.paavalikko ul li:hover a,
.paavalikko ul li a:hover{
background: transparent;
color: black;
}

.paavalikko ul li:hover {position:relative; z-index:90;}
* html .paavalikko ul li a:hover {position:relative; z-index:100;}

.paavalikko ul li:hover ul,
.paavalikko ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
border:0px solid #606; 
background: transparent; 
overflow:visible;
}
.paavalikko ul li:hover ul li a,
.paavalikko ul li a:hover ul li a{
display:block; 
background: #fcf2f2;
font-size: 10pt; 
font-style: normal;
margin-left: 10px;
color: black; 
line-height:13px; 
padding:5px 13px 5px 10px; 
height:auto; 
text-decoration:none;
/* -moz-opacity: .8; */
}

.paavalikko ul li:hover ul li:hover a,
.paavalikko ul li a:hover ul li a:hover {
background: #ccc; /* pudotusvalikon korostusväri kun hiiri päällä */
color: black; 
}
.paavalikko ul li:hover ul li ul,
.paavalikko ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}

/*
.paavalikko ul li:hover ul li:hover ul,
.paavalikko ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#000; 
padding:0; 
border:1px solid #069; 
list-style-type:none; 
background: yellow;
}
.paavalikko ul li:hover ul li:hover ul li a,
.paavalikko ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.paavalikko ul li:hover ul li:hover ul li:hover a,
.paavalikko ul li a:hover ul li a:hover ul li a:hover {
background: transparent; color:#000;
}

*/

.paalinkit {
	text-align: right;
}

.alavalikko {
	text-align: left;
	padding-left: 0px !important;
	padding-right: 10px !important;
	margin-right: 10px !important;
}

#alapalkki {
	position: absolute;
	bottom: 0px;
	left: 160px;
	width: 100%;
	height: 28px; /* 37 */
	z-index: 10;
	background-color: transparent;
	overflow: hidden;
}

* html alapalkki {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 28px;
	z-index: 1;
	border-left: 160px solid white;
	background-color: transparent; /* #949494; */
	overflow: hidden;
}
	

#alapalkki_oik {
	position: absolute;
	bottom: 0px;
	left: 948px;
	width: 100%;
	height: 28px;
	z-index: 11;
	background-image: url(images/r_ala_oiktoisto.jpg); 
	background-repeat: repeat;
}		

#alapalkki_yla{
	position: absolute;
	bottom: 20px;
	left: 995px; /* 848 */
	width: 100%;
	height: 8px;
	z-index: 10;
	background-image: url(images/r_alapalkki_yla.jpg); 
	background-repeat: repeat;
	}

* html #alapalkki_yla {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 8px;
	z-index: 1;
	border-left:995px solid white;
	border-bottom: 18px solid white;
	background-image: url(images/r_alapalkki_yla.jpg); 
	background-repeat: repeat; 
}

#alamenu {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 3px;
	width: 816px;
	height: 18px;
	z-index: 14;
	border: 0px solid black;
}

* html #alamenu {
	top: 0px;
	bottom: 0px;
	left: 3px;
	right: 0px;
	width: 816px;
	height: 17px;
	z-index: 1;
}
	
#adrvalittu {
	position: absolute;
	top: 0px;
	left: 16px;
	width: 180px;
	height: 28px;
	z-index: 13;
	color: black;
	background-color: #fbfbfb;
}


#adrvalittuvas
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 28px;
	z-index: 14;
}

#adrvalittuoik
{
	position: absolute;
	top: 0px;
	left: 185px;
	width: 16px;
	height: 28px;
	z-index: 14;
}

#adreivalittu {
	position: absolute;
	top: 0px;
	left: 16px;
	width: 170px;
	height: 28px;
	z-index: 13;
	color: black;
	background-color: #d6d5d5;
}

#adreivalittuvas
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 28px;
	z-index: 13;
}

#adreivalittuoik
{
	position: absolute;
	top: 0px;
	left: 185px;
	width: 16px;
	height: 28px;
	z-index: 13;
}

#adr_viiva
{
	position: absolute;
	top: 0px;
	left: 185px;
	width: 16px;
	height: 28px;
	z-index: 14;
}


#polttoneste
{
	position: absolute;
	top: 0px;
	left: 188px;
	width: 197px;
	height: 28px;
	z-index: 13;
	color: black;
	background-color: #d6d5d5;
}

#polttonesteoik
{
	position: absolute;
	top: 0px;
	left: 382px;
	width: 16px;
	height: 28px;
	z-index: 13;
}

#polttoneste_viiva {
	position: absolute;
	top: 0px;
	left: 382px;
	width: 16px;
	height: 28px;
	z-index: 14;
}

#polttonestevalittu
{
	position: absolute;
	top: 0px;
	left: 188px;
	width: 195px;
	height: 28px;
	z-index: 14;
	color: black;
	background-color: #fbfbfb;
}

#polttonestevalittuvas
{
	position: absolute;
	top: 0px;
	left: 172px;
	width: 16px;
	height: 28px;
	z-index: 15;
}

#polttonestevalittuoik
{
	position: absolute;
	top: 0px;
	left: 382px;
	width: 16px;
	height: 28px;
	z-index: 15;
}

#venajavas
{
	position: absolute;
	top: 0px;
	left: 384px;
	width: 16px;
	height: 28px;
	z-index: 13;
}

#venaja
{
	position: absolute;
	top: 0px;
	left: 400px;
	width: 195px;
	height: 28px;
	z-index: 13;
	color: black;
	background-color: #d6d5d5;
}

#venajaoik
{
	position: absolute;
	top: 0px;
	left: 595px;
	width: 16px;
	height: 28px;
	z-index: 12;
}



#venajavasvalittu
{
	position: absolute;
	top: 0px;
	left: 370px;
	width: 16px;
	height: 28px;
	z-index: 14;
}

#venajavalittu
{
	position: absolute;
	top: 0px;
	left: 386px;
	width: 209px;
	height: 28px;
	z-index: 13;
	color: black;
	background-color: #fbfbfb;
}

#venajaoikvalittu
{
	position: absolute;
	top: 0px;
	left: 595px;
	width: 16px;
	height: 28px;
	z-index: 12;
}


#venaja_viiva {
	position: absolute;
	top: 0px;
	left: 596px;
	width: 16px;
	height: 28px;
	z-index: 144;
}


#korjaamovas
{
	position: absolute;
	top: 0px;
	left: 597px;
	width: 16px;
	height: 28px;
	z-index: 116;
}

#korjaamo
{
	position: absolute;
	top: 0px;
	left: 613px;
	width: 155px;
	height: 28px;
	z-index: 117;
	color: black;
	background-color: #d6d5d5;
}

#korjaamooik
{
	position: absolute;
	top: 0px;
	left: 768px;
	width: 16px;
	height: 28px;
	z-index: 116;
}

#korjaamo_viiva {
	position: absolute;
	top: 0px;
	left: 767px;
	width: 16px;
	height: 28px;
	z-index: 144;
}


#yhteystiedot_vas
{
	position: absolute;
	top: 310px;
	bottom: 0px;
	left: 10px;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	z-index: 16;
	font-family: Arial, "Times New Roman";
	font-size: 8pt;
	border: 0px solid black;
	overflow: hidden;
	line-height: 105%;
}

#kielenvalinta
{
	position: absolute;
	bottom: 4px;
	left: 7px; 	
	z-index: 16;
}

.kielikuvat
{
	margin-right: 5px;
	margin-top: 6px;
}


.rekrytointi
{
	text-align: left;
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 9pt;
	color: black;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 5px;
}

.pakolliset
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9pt;
	color: red;
	background-color: transparent;
	cursor: default;
}

input.syotto, textarea.syotto
{
	color: black;
	background: white;	
	border: 1px solid grey;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

input.syotto:focus, textarea.syotto:focus
{
	background-color: #FDF9F8;
}

input.rekrysyotto, textarea.rekrysyotto
{
	color: black;
	background: white;	
	border: 1px solid grey;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	padding: 6px;
	margin: 15px;
}

input.rekrysyotto:focus, textarea.rekrysyotto:focus
{
	background-color: #FDF9F8;
}

.yhteystiedot
{
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 10pt;
	color: black;
	padding: 15px;
}

.kuvamuutos
{
	cursor: default;
	list-style: none;
}

.kuvamuutos a
{
	cursor: default;
}

.kuvamuutos a .preview
{
	display: none;
}

.kuvamuutos a:hover .preview
{
	display: block;
	z-index: 1;
}

.kuvamuutos img
{
	vertical-align: top;
	width: 100px;
	height: 133px;
}

.kuvamuutos li
{
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
}

.kuvamuutos .preview
{
	border-color: #000;
	width: 250px;
	height: 333px;
}

.venaja1
{
	position: absolute;
	top: 0px;
	left: 20px;
}

.venaja2
{
	position: absolute;
	top: 20px;
	left: 115px;
}

.venaja3
{
	position: absolute;
	top: 120px;
	left: 40px;
}

.venaja4
{
	position: absolute;
	top: 150px;
	left: 140px;
}

.venaja5
{
	position: absolute;
	top: 240px;
	left: 50px;
}

.polkuv1
{
	position: absolute;
	top: 0px;
	left: 40px;
}

.polkuv2
{
	position: absolute;
	top: 20px;
	left: 140px;
}

.polkuv3
{
	position: absolute;
	top: 120px;
	left: 10px;	
}

.polkuv4
{
	position: absolute;
	top: 130px;
	left: 110px;	
}

.polkuv5
{
	position: absolute;
	top: 250px;
	left: 40px;
}

.polkuv6
{
	position: absolute;
	top: 260px;
	left: 140px;
}

.polkuv7
{
	position: absolute;
	top: 370px;
	left: 50px;
}

.polkuv8
{
	position: absolute;
	top: 380px;
	left: 150px;
}

.kemik1
{
	position: absolute;
	top: 0px;
	left: 20px;
}

.kemik2
{
	position: absolute;
	top: 40px;
	left: 120px;
}

.kemik3
{
	position: absolute;
	top: 135px;
	left: 20px;
}

.kemik4
{
	position: absolute;
	top: 170px;
	left: 120px;
}

.kemik6
{
	position: absolute;
	top: 260px;
	left: 35px;
}

.kemik5
{
	position: absolute;
	top: 290px;
	left: 130px;
}

.kemik8
{
	position: absolute;
	top: 360px;
	left: 35px;
}

.kemik9
{
	position: absolute;
	top: 400px;
	left: 130px;
}

#virolippu
{
	position: relative;
	top: -5px;
	left: 50px;
	border: 1px solid black;
	
}

#latvialippu
{
	position: relative;
	top: 55px;
	left: 50px;
}

#liettualippu
{
	position: relative;
	top: 120px;
	left: 50px;
	border: 1px solid black;
}

#ruotsilippu
{
	position: relative;
	top: 180px;
	left: 50px;
	border: 1px solid black;
}

#simeon_25_banner
{
	position: relative;
	left: 50px;
	top: 50px;
	border: 0px;
}

#vasen_huomioteksti {
	padding: 15px;
}