/*h1 {
	position: relative;
	overflow: hidden;
	left: -15px;
}

h1 span {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
}

h1, h1 span {
	width: 294px;
	height: 109px;
	background-image: url(logo.gif);
}*/

/* demo */

div.demolayout {
	width: 726px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:400px;
}

ul.demolayout {
	list-style-type: none;
	width: 706px;
	height:43px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	background: url(valikko_bk.jpg) bottom left repeat-x;*/
}

ul.demolayout li {
	/*background: url(valikko_tausta.jpg) bottom left repeat-x;*/
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

	float: left;
	height:41px;
}

ul.demolayout a {
font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #dddddd;
	line-height:52px;
	text-align:center;
	
	width:230px;
	height:41px;
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 0px solid #000;*/
	border-bottom: 0;
	
	/*background: url(valikko_tausta.jpg) bottom left repeat-x;*/
	text-decoration: none;
	
	
}
ul.demolayout a:focus {
	color: #999999;
	background: url(valikko_tausta_h.jpg) bottom left repeat-x;
	/*text-shadow:#000000 1px 1px 1px;*/
	
}

ul.demolayout a:hover {
	color: #ffffff;
	
	/*background: url(valikko_tausta_h.jpg) bottom left repeat-x;*/
	
}



ul.demolayout a.active { /*aktiivisen linkin väri*/
	background: url(valikko_aktiivinen.jpg) bottom right no-repeat;
	font-size: 15px;
	font-weight: bold;
	/*background: #77921a;*/
	/*padding: 10px 10px 0px 20px;*/
	cursor: default;
	color: #7e256e;

	font-weight: bold;
}

.tabs-container {
	clear: left;
	/*border-top: 1px solid #77921a;*/
	
	padding: 15px 0px 0px 10px;
	
	}

#demo h2 {
	font-size: 100%;
	margin: 0 0 0px 0;
}