body {background:#561c1d;margin:0;padding:0;text-align:center;overflow:auto;}
#page, #contact {width:900px;}
#page {	
	background:#eee9dc;
	min-height:530px;	
	margin:20px auto 0 auto;	
	text-align:left;
	padding-bottom:5px;	
}
#content {padding:20px 0 5px 0;}
#logo {float:left;padding-left:35px;margin:0;}
#menu {clear:both;float:left;}

/* Pikkukuvat */
#pics {float:right;position:relative;top:30px;margin-right:10px;padding:0;z-index:200;}
#pics a {display:block;width:125px;height:100px;margin-bottom:30px;padding:0;}
#pics a img {width:120px;height:auto;}
#pics a:hover {border:0;}
#pics a:hover img {position:absolute;width:auto;height:auto;top:0;left:-280px;}

/* Sivujen sisältö */
.indent {margin-left:190px;margin-right:150px;}
.indent2 {margin-left:190px;text-align:center;}

/* Alaosa */
#contact {clear:both;background:#eee9dc url(/img/copybg.jpg) repeat-x bottom center;margin:0 auto;padding:10px 0;font-size:86%;color:#000;text-align:center;}
#contact a {color:#000;}
#copy {font-size:90%;color:#555;text-align:center;margin:10px auto 0 auto;}

/* Sekalaiset */
a {color:#700000;text-decoration:underline;}
a:visited {color:#500000;}
a:hover {color:#200000;text-decoration:none;}
a img {border:none;text-decoration:none;} 
.email {color:#700000;}
.vihje {float:right;display:block;width:200px;margin-top:-130px;}
.sanomat {float:right;display:block;width:220px;text-align:center;}
.sanomat a {text-decoration:none;}
code {font-size:120%;}
.xh {margin-top:-15px;font-size:70%;color:#555;}
.no, .no2 {list-style:none;}
.no2 li {padding-bottom:8px;}
.no li {padding-bottom:6px;}
.no li.pad2 {padding-bottom:20px;}
.b1 {border:1px #000 solid;}
.line {width:200px;border:1px solid #600000;margin:20px 0;text-align:left;}
.line2 {width:200px;border:1px solid #600000;margin:8px auto;text-align:center;}
.center {text-align:center;}
.w400 {width:400px;}
.t90 {font-size:90%;}
.w400 a {text-decoration:none;}
.viiva {list-style-image:url(/img/viiva.gif);list-style-type:disc;}
.bu {font-weight:bold;font-size:120%;text-decoration:underline;}
.lt {color:#555;font-size:.8em;margin:10px 0;}
.puna {color:#F00;font-size:1.1em;}

/* Uutta -sivu */
.update {color:#000;width:80px;border-bottom:2px dotted #000;font-weight:bold;margin-bottom:7px;padding-left:10px;}
ul.upd {list-style-image:url(../img/list1.png);list-style-type:circle;}
ul.upd li {margin-bottom:10px;}
.a_kuvat {float:left;width:240px;margin:5px 10px;}
.a_kuvat a, .a_kuvat img {text-decoration:none;}
.clear {clear:left;}

/* Yhteystiedot */
.yhteys {position:relative;padding:0;height:100px;margin-bottom:12px;}
.yhteys div.tyhja {float:left;display:block;width:50px;height:50px;border:1px solid #000;}
.yhteys a {float:left;display:block;width:55px;}
.yhteys a img {width:50px;}
.yhteys a:hover {border:0;}
.yhteys a:hover img {position:absolute;width:auto;height:auto;top:0;left:0;}
.yhteys .laatikko {display:block;margin-left:100px;}

/* Palaute */
form {
	margin:0;	
	padding:0;
}
#fb fieldset {  
	margin:0;  
	padding-left:10px;
	border-style:none;
	border-top:1px solid #000000;
}
#fb fieldset ol {  
	list-style:none;
	padding:0;
}
#fb fieldset li { 
	float:left; 
	padding-bottom:10px;
}
#fb legend {  
	margin-left:20px;	  
	color:#600000;  
	font-weight:bold;
	font-size:1.1em;
}
#fb label {
	float:left;  
	width:150px;  
	margin-right:1em;  
	text-align:right;	
}
#fb label.bold {
	font-weight:bold;
}
#fb input {
	float:left;
	width:250px;
	background:#e3dcc7;
	border:1px solid #000;
}
#fb textarea {
	float:left;
	width:250px;
	overflow:auto;
	margin-bottom:3px;
	background:#e3dcc7;
	border:1px solid #000;
}
#fb .submit {
	width:200px;
	background-color:#cdc19f;	
	border:1px solid #000;
	font-size:1.1em;
	margin-top:18px;
	cursor:pointer;	
}
#fb input.rc {	
	width:20px;
	margin-right:230px;
	background:none;
	border:none;
}

/* Lisää */

/* always visible */
#outer .holder {margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 10px 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}

/* unclicked style div.more */
#outer div.more i {float:right;margin:-28px 50px 0 0;cursor:pointer;color:#700000;font-size:90%;font-style:normal;}
#outer div.more i.hide {display:none;}
#outer div.more div {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click div {display:block;margin-left:15px;}
#outer div.click div.uusi {display:block;margin-left:15px;padding:5px 10px;background:#e2dbc8;border:1px solid #c8c1ae;}

/***** Valikko *****/
/* ================================================================ 
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/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {margin:27px 15px;}
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
.menu li {
background:#e3dcc7;
height:26px;
/* for IE7 */
float:left;
}
.menu li.sub {background:#e3dcc7 url(/img/sub.gif) no-repeat right center;} 
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
font-family:"Times New Roman";
height:25px;
line-height:25px;
width:149px;
color:#500000;
text-indent:3px;
border:1px solid #000;
border-width: 1px 1px 0 1px;
}
.menu a.last, .menu a.last:visited {border-width: 1px;}
.menu a.green {color:#050;font-weight:bold;}
.menu a.blue {color:#3282c2;font-weight:bold;}
.menu a.linkki, .menu a.linkki:visited {width:249px;}
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
* html .menu a:hover {color:#000; background:#cdc19f; position:relative;}
.menu li:hover {position:relative;}
.menu a:active, .menu a:focus {color:#000; background:#cdc19f;}
.menu li:hover > a {color:#000; background:#cdc19f;} 
.menu li ul {
visibility:hidden;
position:absolute;
top:-28px;
left:110px;
padding:30px 30px 30px 0;
background:transparent url(/img/transparent.gif);
}
.menu li:hover > ul {visibility:visible;}
.menu ul a:hover ul ul{visibility:hidden;}
.menu ul a:hover ul a:hover ul ul{visibility:hidden;}
.menu ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
.menu ul a:hover ul {visibility:visible;}
.menu ul a:hover ul a:hover ul{visibility:visible;}
.menu ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}