html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff url(kuvat/tausta2.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:150px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:170px; background:url(kuvat/head2.jpg) #cccc99; font-size:4em; z-index:5; color:#fff;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:25px; background:#999966; color:#fff; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; height:100%; width:150px; background:url(kuvat/left2.jpg) #cccc99; background-position:0 100px;; font-size:1em; color:#fff;z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:150px; float:left;} /*height=100->200*/
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:170px;} /*height=100->200*/

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#imageleft {float:left; top:100px; left:150px; height:170px; width:165px; margin:5px; padding:5px;}
#imageleftbig {float:left; top:100px; left:150px; height:190px; width:165px; margin:5px; padding:5px;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#rightsmall {float:right; top:100px; right:150px; height:120px; width:75px; border:0px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}
a {
	font-family: Verdana;
	font-size: 11px;
}
a:link {
	color: #663333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#663333;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
}
.default {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663300;
}
.default2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
}
.list {
font:Verdana, Arial, Helvetica, sans-serif;
size:10px;
color: #663333;
}
.palaute {
font:Verdana, Arial, Helvetica, sans-serif;
size:9px;
color: #999966;
}
.otsikko {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #006600;
	background-color: #FFFFFF;
	text-indent: 2px;
}
.palvelut {
font-family:"Courier New", Courier, mono;
font-size:12px;
color:#FFFFFF;
}
.virhe {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FF0000;
font-weight: bold;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu2{
font-family: arial, sans-serif; width:115px; height:180px; position:relative; font-size:11px; margin:30px 0; z-index:100;
}
.menu2 ul {
padding:0; margin:10px; list-style-type: none; width:115px; height:180px; border:0px solid #606;
}
.menu2 li {
border:1px solid #999966;
border-width:0px 0px 1px 0px;
}
.menu2 li.sub {background:url(kuvat/sub.gif) no-repeat right center;}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-10px; left:85px;
}
.menu2 ul li {
float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:	#000000; width:105px; height:25px; line-height:29px; font-size:11px; background:transparent; padding-left:15px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:115px; w\idth:120px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
background: #999966; color:#fff;
}

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

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #FFFFFF; background: #cccc99; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; background:transparent; color:#000000; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background: #999966; color:#ffffff;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 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:#069;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}

#menup a, #menup a:visited {
  position:relative;
  height:20px;
  font-family: Verdana;
  text-align:left;
  text-indent:20px;
  text-decoration:none;
  font-size:11px;
  background:url(kuvat/napit/nappi.jpg) no-repeat;
  
   
  color:#663300;
  display:block; 
  width:25em; 
  padding:0.1em;
  }
#menup	 a:hover {
  color: #999966;
  border-color:#345 #cde #def #678;
  background:url(kuvat/napit/nappi_hov.jpg) no-repeat;
  }

.etus {
background:url(kuvat/etus.gif) no-repeat left center;
}
.default_ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663300;
	text-decoration: underline;
}