/* Layout Stylesheet */ 

body {

/* font-family: arial; font-weight: normal; font-size: 12px; */
 margin:0px;
 background:#FFFFFF; 
 color: #000000;
 padding:0;
 	background-image: url(sidebg.jpg);
	background-repeat: repeat-y;
 }

input, textarea, select {
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    color: #585858;
    border: 1px solid #000000;
    padding: 1px;
}

isindex {
	border: 1px solid #ffffff;
}


div.wholepage {
margin:0 0 0 0; 
padding:0; 
background-color:#FFFFFF;

}

.minwidth0 {
	width: 100%;
	min-width: 960px;	
}
* html .minwidthm {
	margin-left: -960px;
	position: relative;
	background-image: url(sidebg.jpg);
	background-repeat: repeat-y;
}
.minwidthm {
	border: 0px solid #000;
}
* html .minwidthb {
	border-left: 960px solid #FFFFFF;

}

/*\*/
* html .minwidthb, * html .minwidthm, * html .minwidthp, * html .layout {
	height: 1px;
}
/**/

div {margin:0; padding:0;}

a:link, a:visited {
color:#305994; font-size: 8pt; text-decoration:none; font-family: arial;}

a:hover {
color:#EF7C29; font-size: 8pt; text-decoration:underline; font-family: arial;}

a:active {
color:#EF7C29; font-size: 8pt; text-decoration:none; font-family: arial;}
/* color:#305994; font-size: 8pt; text-decoration:none; font-family: arial; */

}

div#liput
{
background-color: #294D69; text-align:center; font-family: arial; 
}

div#hdr 
{
height:64px; margin:0; background-color:#96A4C2;
/* padding: 17px 10em 13px 13em; */
text-align:left;
background-image:url(headerbg.jpg); background-repeat:no-repeat; background-position:left top; font-family: arial;
}

#hdr2
{ font-size:8pt; font-family:arial; font-weight:normal; text-decoration:none; color:#ffffff; 
height:18px; background-color: #0050A8; text-align:right; color: #ffffff;
background-image:url(lippudivbg.jpg); background-repeat:no-repeat;  
padding-right:180px;

}

.hdrln {font-size:8pt; font-family:arial; font-weight:normal; text-decoration:none; color:#ffffff;}

.hdrln a:link, .hdrln a:visited {font-size:8pt; font-family:arial; font-weight:normal; text-decoration:none; color:#ffffff;}

.hdrln a:hover {
text-decoration:underline; color:#ffffff; font-weight:normal; font-size: 8pt; font-family: arial;}

.hdrln a:active {
text-decoration:none; color:#ffffff; font-weight:normal; font-size: 8pt; font-family: arial;}
 

/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; 
padding:0; 
float:left; 
width:150px; 
text-align:center;
background-image:url(valikkodivbg.jpg); 
background-repeat:no-repeat; 
background-position:left top ; 
min-height:650px; 
/*background-color:#6B7D99;*/
}

#sidecontainer img {
text-align:center;}

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#6B7D99; font-weight:bold;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:110%; text-align:left;

}

#sidecontainer h6 {
display:block;
margin:0; 
padding:0.2em; 
color:#FFFFFF;
/*background-color:#6B7D99; */
font-weight:bold;
font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-size:80%; 
text-align:left;
}

.nav {
margin:0 0 1.5em 0; 
padding:0; 
font-size:12px; 
list-style-type:none; 
/*background-color:#6B7D99; */ 
font-family:"Arial"; 
font-weight:normal;
}

.nav li {
margin:0; 
padding:0; 
display:block; 
}

.nav a:link, .nav a:visited {
display:block;
margin:0; 
text-decoration:none; 
color:#FFFFFF; 
margin:0; 
padding:0.3em; 
font-size:12px; 
font-weight:normal; 
font-family:"Arial";
}

.nav a:hover {
display:block; 
margin:0; 
text-decoration:underline; 
color:#EF7C29; 
margin:0; 
padding:0.3em; 
font-size:12px; 
/* background-color:#6B7D99; */
font-weight:normal; 
font-family:"Arial";
}

.nav a:active {
display:block; margin:0; text-decoration:underline; color:#32668E; margin:0; padding:0.3em; font-size:12px; font-weight:normal; font-family:"Arial";}


/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 150px; padding:0.8em; background-color:#FFFFFF; min-height:524px;_height:546px;}

#content p {
margin:0 0 0.5em 0; }

#content img {
float:center; border-style:none;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}

.contl a:link, .hdrln a:visited {
text-decoration:none; color:#ffffff; font-family: Arial; font-size: 8pt; font-weight: bold;}

.contl a:hover {
text-decoration:underline; color:#000000; font-family: Arial; font-size: 8pt; font-weight: bold;}

.contl a:active {
text-decoration:none; color:#ffffff; font-family: Arial; font-size: 8pt; font-weight: bold;}

#content .title { font-family: Arial, color: #666666; font-size: 12pt; text-decoration: none; font-weight: bold; }
#content .ingress { font-family: Arial; color: #666666; font-size: 10pt; text-decoration: none; font-weight: normal; }
#content .Helptext { color: #3C3130; font-family:Arial; text-decoration: none; font-size:8pt; }
#content .Bwhite { font-family: Arial; color: White; font-weight: bold; font-size: 9pt; }
#content .Formtext { font: 8pt arial; text-decoration: none; color: black; }
#content .alaluokkaotsikko { font: 9pt arial; text-decoration: none; color: black; }
#content .Linkkina { font-color: #3C3130; font-family: Arial; text-decoration: none; font-size:8pt; font-weight: bold;}
#content .singress { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }
#content .stext { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: normal; }
#content .smalla { font-family: Arial; color: #315994; font-size: 8pt; text-decoration: none; font-weight: bold; }
#content .smalla:hover { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }
#content .konemerkki { font-family: Arial; color: Black; font-size: 12pt; text-decoration: none; font-weight: bold; }
#content .harmaa { font-family: Arial; color: #666666; font-size: 8pt; text-decoration: none; font-weight: bold; }
#content .super { font-family: Arial; color: #000000; font-size: 11pt; text-decoration: none; font-weight: bold; }
#content .form { font-family: Arial; color: #305994; font-size: 8pt; text-decoration: none; }
#content .form2 { font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
#content .option {border:1px solid #FFFFFF;}

#content .etusivu {
display:block;
color:blue;
margin:0 15px 30px 15px;
padding: 0 0 3px 0;
border-bottom: 2px #6B7D99 solid;
text-align: left;
font-weight:bold;
}

#content .linkwrap {
background: #fff;
}

#content .linkit {
display:block;
width: 50%;
float: left;
text-align: left;
}

.linkit a {
font-weight:bold;
padding: 0 0 0 15px;
}

#content .linkit a {position: relative;}
 
#content .linkit a:hover span {
  position: absolute;
  display: block;
  background: #BECADF;
  border: 1px solid #000;
  padding-right:3px;
  }

#test-list {
	list-style: none;
}

#test-list li {
	display: block;
	padding: 5px 5px;;
	background-color: #fff;
}

#test-list li img.handle {
	margin-right: 20px;
	cursor: move;
}
/* +++ uudet pikku popupit +++ */

/*
#popup2 a span { display: none; }
#popup2 a#iefix:hover { border: 0; }
#popup2 a:hover span { 
	display: block;
	position: relative;
	text-align:left;
	background: #FFFFFF;
	border: 1px solid #000000; 
	width: 100px;
	height: auto;
	top: 0px;
	left: 0px;
	padding: 5px;
	z-index: 1000;
	text-decoration: none;
	font-weight: normal; }
*/

/* vieläki uudemmat */

#popup2 a, #popup2 a:visited {
position: relative;

margin: 0;
text-decoration: none;
z-index: 1;
}

#popup2 a span {display: none;}
#popup2 a.iefix:hover { border: 0;}

#popup2 a:hover {
z-index:100;

}

#popup2 a:hover span{
border: 1px solid color:#000000;
display: block;
position: absolute;
top: -8px;
left: -135px;
width: 100px;
margin: 0px;
padding: 5px;
color: #000;
background: #BECADF;
text-align: center;
z-index: 100;
font-weight: normal;
}

div#uutimet

{
width:162px; background:#BECADF; text-align:left; padding-top:27px; padding-left:4px; padding-right:4px; padding-bottom:4px;
 
}


.uutimet a:link, .uutimet a:visited {font-family: Arial; text-decoration:none; color:#000000; font-size: 8pt;font-weight:bold; }
.uutimet a:hover {font-family: Arial; text-decoration:underline; color:#EF7C29; font-size: 8pt;font-weight:bold;}
.uutimet a:active {font-family: Arial; text-decoration:none; color:#ffffff; font-size: 8pt;font-weight:bold;}
.uutimet { font-family: Arial; color: #315994; font-size: 8pt; text-decoration: none; font-weight:normal; }


.uutimetor a:link, .uutimetor a:visited {font-family: Arial; text-decoration:none; color:#315994; font-size: 8pt;font-weight: bold; }
.uutimetor a:hover {font-family: Arial; text-decoration:underline; color:#EF7C29; font-size: 8pt;font-weight: bold;}
.uutimetor a:active {font-family: Arial; text-decoration:none; color:#315994; font-size: 8pt;font-weight: bold;}
.uutimetor { font-family: Arial; color: #315994; font-size: 8pt; text-decoration: none; font-weight: bold; }




/* +++ Start of Footer Section +++ */

div#footer
{
position: relative;
background-color: #294D69; text-align:right; padding:2px; 
}

/* +++ konetorin omia stylejä +++ */

.NOPRINT { font-family: Arial; color: #EF8410; font-size: 10pt; text-decoration: none; font-weight: bold; }
.NOPRINT:hover { font-family: Arial; color: #305994; font-size: 10pt; text-decoration: none; font-weight: bold; }

.SMALLA { font-family: Arial; color: #315994; font-size: 8pt; text-decoration: none; font-weight: bold; }
.SMALLA:hover { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }

.TITLE { font-family: Arial, color: #666666; font-size: 14pt; text-decoration: none; font-weight: bold; }
.STITLE { font-family: Arial; color: #666666; font-size: 12pt; text-decoration: none; font-weight: bold; }
.STITLE2 { font-family: Arial; color: #666666; font-size: 8pt; text-decoration: none; font-weight: bold; }
.HYMA { font-family: Arial; color: #305994; font-size: 8pt; text-decoration: none; font-weight: bold; }
.KYMA { font-family: Arial; color: black; font-size: 8pt; text-decoration: none; font-weight: bold; }
.super { font-family: Arial; color: #000000; font-size: 11pt; text-decoration: none; font-weight: bold; }
.SUPER2 { font-family: Arial; color: Black; font-size: 11pt; text-decoration: none; font-weight: bold; }
.BWHITE { font-family: Arial; color: White; font-weight: bold; font-size: 9pt; }

.INGRESS { font-family: Arial; color: Black; font-size: 10pt; text-decoration: none; font-weight: bold; }
.SINGRESS { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }
.STEXT { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; }
.FORM { font-family: Arial; color: #305994; font-size: 8pt; text-decoration: none; }

/* testinä tulostettavaan versioon */

 .title { font-family: Arial, color: #666666; font-size: 12pt; text-decoration: none; font-weight: bold; }
 .ingress { font-family: Arial; color: #666666; font-size: 10pt; text-decoration: none; font-weight: normal; }
 .Helptext { color: #3C3130; font-family:Arial; text-decoration: none; font-size:8pt; }
 .Bwhite { font-family: Arial; color: White; font-weight: bold; font-size: 9pt; }
 .Formtext { font: 8pt arial; text-decoration: none; color: black; }
 .alaluokkaotsikko { font: 9pt arial; text-decoration: none; color: black; }
 .Linkkina { font-color: #3C3130; font-family: Arial; text-decoration: none; font-size:8pt; font-weight: bold;}
 .singress { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }
 .stext { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: normal; }
 .smalla { font-family: Arial; color: #315994; font-size: 8pt; text-decoration: none; font-weight: bold; }
 .smalla:hover { font-family: Arial; color: Black; font-size: 8pt; text-decoration: none; font-weight: bold; }
 .konemerkki { font-family: Arial; color: Black; font-size: 12pt; text-decoration: none; font-weight: bold; }
 .harmaa { font-family: Arial; color: #666666; font-size: 8pt; text-decoration: none; font-weight: bold; }
 .super { font-family: Arial; color: #000000; font-size: 11pt; text-decoration: none; font-weight: bold; }
 .form { font-family: Arial; color: #305994; font-size: 8pt; text-decoration: none; }

 label {
   color: #000;
   display: block; 
   font-weight: bold; 
   margin: 10px 0 5px 0;
   font-family: Arial;
   font-size:8pt;
}

@media print {
 .NOPRINT { font-family: Arial; font-size: 10pt; color=white; text-decoration:none; }
}