/* sivujen rakennetta */

html, body { 
	margin:0; 
	padding:0; 
	text-align:center; 
	background: #000 url(images/bg.png);
} 
 
#pagewidth { 
	width:774px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	background: #000 url(images/main_bg.jpg) repeat-y;
} 

* html #pagewidth {
	width: 766px;
	background: none url(images/main_bg.jpg) left repeat-y;

}
 
#header {
	position:relative;
	height:356px; 
	background: #000 url(images/header.jpg) no-repeat; 
	width:100%;
	padding:0;
}
 
#maincol {
	background: url(images/text_bg.jpg) no-repeat;  
	float: right; 
	display:inline; 
	position: relative; 
	width: 100%; 
}

#text {
	padding: 0 64px 10px 64px;
	float: left;
}

#text img {
	border: 1px solid #888;
	margin: 3px;
}

#footer {
	height:331px; 
	background: #000 url(images/footer.jpg) no-repeat; 
	clear:both;
	width: 100%;
 } 

* html #footer {
	width: 790px;
	background: none url(images/footer.jpg) no-repeat; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;} 

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* valikon tyylit */

#valikko {
	float: right;
	text-align: right;
	padding: 310px 20px 0 0;
	position: absolute;
	width: 745px;
}

 * html #valikko {
	padding: 230px 20px 0 0;
	margin: 81px 8px 0 10px;
} 

* html #valikko a, * html #valikko a:visited {
	width: 85px;
	display: inline;
	padding: 10px;
} 

/* style the top level hover */
#valikko a:hover, #valikko ul a:hover {
	color:#fff; 
	background:#660000;
}

#valikko :hover > a, #valikko ul ul :hover > a {
	color:#fff;
	background:#660000;
}

#valikko ul {
	list-style: none;
}

#valikko li {
	display: block;
	float: right;
}

#valikko a {
	display: block;
	text-decoration: none; 
	font: 13px Trebuchet MS, Helvetica, sans-serif, Tahoma, Verdana, Arial;
	color: #fff; 
	height: 30px; 
	background: #336699; 
	padding: 0px 10px 0 10px; 
	margin-left: 10px;
	line-height: 29px;
}

/* tekstien tyylit */

h1 {
	font: 30px Trebuchet MS, Helvetica, sans-serif, Tahoma, Verdana, Arial;
	color: #333;
}

h2 {
	font: 19px Trebuchet MS, Helvetica, sans-serif, Tahoma, Verdana, Arial;
	color: #660000;
}

h3 {
	font: bold 15px Trebuchet MS, Helvetica, sans-serif, Tahoma, Verdana, Arial;
	color: #663333;
}

p {
	font: 13px Trebuchet MS, Helvetica, sans-serif, Tahoma, Verdana, Arial;
	color: #333;
}

.pieni {
	font-size: 11px;
}

#text a {
	color: #000;
}

#text a:link {
	color: #000;
}

#text a:visited {
	color: #666666;
}

#text a:hover {
	color: #663333;
	text-decoration: none;
}

.puheenvuoro {
	font-size: 11px;
	color: #777
}

.viesti {
	font-weight: bold;
}

.vastaus {
	font-style: italic;
}

hr {
	height: 1px;
	border: 0px;
	background-color: #c9c9c9;
	clear: both;
}