html {
height: 100%;
overflow: hidden;
  text-align: center;
  z-index: -22;

}
a[href $='.pdf'] { 
   padding-right: 14px;
   background: transparent url(/images/pdf.png) no-repeat center right;
}
body {
overflow: hidden;
z-index: -22;
max-height:100%; 
padding:0; 
margin:0;
 border:0;
height: 100%;

font-family: Arial, Helvetica, sans-serif;
color: #EFEFFF;

/*font-size: 12px;*/
font-size: 75%;

  text-align: center;

}
#head {position:absolute; margin:0; top:0;  display:block; width:900px; z-index:50; overflow:visible; }

#kehys {overflow:auto; overflow-x: hidden; position:absolute; z-index:9; top:126px; bottom:21px;  width: 733px; margin-left: 165px;border-right: 2px solid #111155;  }

* html #kehys {top:0; bottom:0; height:100%; max-height:100%;  overflow-x:hidden; position:absolute; z-index:3; border-top:127px solid #000; border-bottom:21px solid #000; }

#left {overflow:hidden; position:absolute; z-index:9; top:90px; bottom:0; width: 150px; border-left: 2px solid #111166; max-height:100%;  }
* html #left { overflow:hidden; position:absolute; z-index:3; }

#foot {position:absolute; margin:0; bottom:0;  display:block; width:900px; height:21px; z-index:5; overflow:hidden;  }

.etusivunewsitem {
margin: 0px;
padding: 0px;
margin-left: 5px;
}

.etusivuteksti {
width: 600px;
text-align: left;
font-weight: 600;
}

.breadcrumb {
margin-top: 10px;
font-size: 85%;
color: #AAAAFF;
}


#bottom { height: 10px; }

#marginaali {
margin-right: 20px;
margin-left: 10px;

z-index: 2;
}

.inactiveli { color: #0000FF; }
.activeli { color: #FFFFFF; }

.sisalto {
 margin: 0 auto;
  width: 900px;
  text-align: left;
  overflow: hidden;
  height: 100%;
z-index: -2;
background:transparent;
}
  
a { color: #7777FF; }

h3 {
color: #AAAAFF;
font-size: 1em;
letter-spacing: 0.04em;
}

a:link { color: #AAAAFF;text-decoration: underline;  }
a:visited { color: #AAAAFF; text-decoration: underline; }
a:active { color: #EE0000;text-decoration: underline; }
a:hover{ color: #EEEEFF; text-decoration: underline; }
.sivuotsikko { font-weight: bold; font-size: 1.8em;letter-spacing: 0.08em;font-family: sans-serif; }
.alaotsikko { font-weight: bold; font-size: larger;}
.hinnasto_otsikko { font-weight: 600; }

.inputs {
background-color: #263180;
color:#ffffff;
}

a.manuallink {
text-decoration: none;
color: #CCCCFF;
background: transparent;
padding-right: 0px;
margin-right: 0px;
}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#fff;
 z-index:1;
 margin-left:20px; 
 margin-bottom:0.5em; 
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/images/roundedbox.png) no-repeat top right;
 _background-image:url(/images/roundedbox.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:15px 15px 0px 15px;
}

.dialog .t {
 position:absolute;
 left:0px;
 top:0px;
 width:15px;
 height:100%;
 _height:1600px;
 background-position:top left;
}

.dialog .b {
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:18px;
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:15px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 position:static;
 max-height:1000px;
}

.dialog h1,
.dialog p {
 margin:0px;
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
#menu {
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;

}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 2;
}

#menu a {
	display: block;
}

* html #menu li a {
	position: relative;
}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 20;
}

html>body #menu li ul {
	display: none;
}

#menu li li {
	width: 100%;
}

#menu li li ul {
	top: 0;
	left: 100%;
}

div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

#menu ul#menuList li:hover>ul {
	display: block;
	visibility: visible;
}

#menu {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #DDDDFF;

	background-color: #0b095b;
	background-image: url(/images/menubg.jpg);
	border: 0px solid #999;
	height: 23px;
	
}

#menu a {
font-family: Tahoma, sans-serif;
        font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #DDDDFF;
	font-style: normal;
	padding: 4px 10px 5px;
}
.currentpg {
	background-color: #393959;
	color: #FFFFFF;
}
.currentpg a {
	color: #FFFFFF !important;
}

#menu a:hover {
  font-style: normal;      
	text-decoration: none; color: #ffffff;
}


#menu li {
	margin: 0px;
	padding: 0px;
	border: 0px solid #d5d5d5;
	
}
#menu li:hover {
	background-color: #444466;
	padding: 0;
	border: 0px solid #aaa;
}


#menu li li {

}

#menu li ul {
	color: #000;
	background-color: #444466;
	background-repeat: repeat-y;
	border: 0px solid #333355;
	width: 150px;
}

#menu li ul a {
	font-family: Tahoma, sans-serif;
        font-size: 11px;
	text-align: left;
	padding-left: 11px;
}
#menu li ul a:hover {
	font-family: Tahoma, sans-serif;
  font-style: normal;      
	text-decoration: none; color: #FFBBBB;
}



#menu li ul a.submenu {
	background-repeat: no-repeat;
	background-position: 100% 5px;
}

#menu li li ul {
	margin-top: -5px;
}