body#mainbody{
	margin:0;
	 background-color:#00CCFF;
	 background:url(../img/tausta.jpg);
}

.kehys1{
	background:url(../img_komponentit/koriste1.gif);
	background-repeat:no-repeat;
	width:294px;
	min-height:30px;
	padding:40px 20px 0 20px;
	margin:-26px 0 0 0;
	font-family: Verdana;
	font-size:10px;
	color:#340909;
	line-height:12px;
	float:left;
	position:relative;
}
.kehys1_empty{
	width:294px;
	min-height:30px;
	padding:10px 20px 0 20px;
	font-family: Verdana;
	font-size:10px;
	color:#340909;
	line-height:12px;
	float:left;
	position:relative;
}
.kehys1_bottom_1{
	background:url(../img_komponentit/koriste5.gif);
	width:334px;
	height:26px;
	margin:-5px 0 0 0;
	float:left;
	position:relative;
}
.kehys1_bottom_2{
	background:url(../img_komponentit/koriste2.gif);
	width:334px;
	height:26px;
	margin:-36px 0 0 0;
	float:left;
	position:relative;
}


/* KEHYS 2*/

.kehys2{
	background:#104748;
	width:294px;
	min-height:30px;
	padding:16px 20px 16px 20px;
	float:left;
	position:relative;
	
}

.kehys2_top_1{
	background:url(../img_komponentit/kehys2_top_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys2_top_2{
	background:url(../img_komponentit/kehys2_top_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys2_top_3{
	background:url(../img_komponentit/kehys2_top_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}

.kehys2_bottom_1{
	background:url(../img_komponentit/kehys2_bottom_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys2_bottom_2{
	background:url(../img_komponentit/kehys2_bottom_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys2_bottom_3{
	background:url(../img_komponentit/kehys2_bottom_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}

.kehys2_krumeluuri_1{
	background:url(../img_komponentit/koriste2.gif);
	width:334px;
	height:26px;
	margin:-36px 0 0 0;
	float:left;
	position:relative;
}

.kehys2_krumeluuri_2{
	background:url(../img_komponentit/koriste5.gif);
	width:334px;
	height:26px;
	margin:-5px 0 0 0;
	float:left;
	position:relative;
}






/* KEHYS 3*/

.kehys3{
	background:#3e312a;
	width:294px;
	min-height:30px;
	padding:16px 20px 16px 20px;
	float:left;
	position:relative;
}

.kehys3_top_1{
	background:url(../img_komponentit/kehys3_top_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys3_top_2{
	background:url(../img_komponentit/kehys3_top_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys3_top_3{
	background:url(../img_komponentit/kehys3_top_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}

.kehys3_bottom_1{
	background:url(../img_komponentit/kehys3_bottom_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys3_bottom_2{
	background:url(../img_komponentit/kehys3_bottom_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys3_bottom_3{
	background:url(../img_komponentit/kehys3_bottom_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys3_krumeluuri_1{
	background:url(../img_komponentit/koriste2.gif);
	width:334px;
	height:26px;
	margin:-36px 0 0 0;
	float:left;
	position:relative;
}
.kehys3_krumeluuri_2{
	background:url(../img_komponentit/koriste5.gif);
	width:334px;
	height:26px;
	margin:-5px 0 0 0;
	float:left;
	position:relative;
}




/* KEHYS 4*/

.kehys4{
	background:#0c2f3e;
	width:294px;
	min-height:30px;
	padding:16px 20px 16px 20px;
	float:left;
	position:relative;
}

.kehys4_top_1{
	background:url(../img_komponentit/kehys4_top_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys4_top_2{
	background:url(../img_komponentit/kehys4_top_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys4_top_3{
	background:url(../img_komponentit/kehys4_top_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}

.kehys4_bottom_1{
	background:url(../img_komponentit/kehys4_bottom_1.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys4_bottom_2{
	background:url(../img_komponentit/kehys4_bottom_2.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}
.kehys4_bottom_3{
	background:url(../img_komponentit/kehys4_bottom_3.gif);
	width:334px;
	height:5px;
	float:left;
	position:relative;
}

.kehys4_krumeluuri_1{
	background:url(../img_komponentit/koriste2.gif);
	width:334px;
	height:26px;
	margin:-36px 0 0 0;
	float:left;
	position:relative;
}

.kehys4_krumeluuri_2{
	background:url(../img_komponentit/koriste5.gif);
	width:334px;
	height:26px;
	margin:-5px 0 0 0;
	float:left;
	position:relative;
}





/* KEHYS 5*/

.kehys5{
	background:#c8a674;
	background:url(../img_komponentit/kehys5_tausta.jpg);
	width:294px;
	min-height:30px;
	padding:6px 20px 16px 20px;
	float:left;
	position:relative;
	
	
}

.kehys5_top_1{
	background:url(../img_komponentit/kehys5_top_1.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-20px 0 10px -20px;
	position:relative;
}
.kehys5_top_1_liitos{
	background:url(../img_komponentit/kehys5_top_1_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-34px 0 10px -20px;
	position:relative;
}

.kehys5_bottom{
	background:url(../img_komponentit/kehys5_bottom.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 10px 0;
	position:relative;
}
.kehys5_bottom_liitos{
	background:url(../img_komponentit/kehys5_bottom_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 25px 0;
	position:relative;
}





/* KEHYS 6*/

.kehys6{
	background:#104748;
	background:url(../img_komponentit/kehys6_tausta.jpg);
	width:294px;
	min-height:30px;
	padding:6px 20px 16px 20px;
	float:left;
	position:relative;
	
}

.kehys6_top_1{
	background:url(../img_komponentit/kehys6_top_1.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-20px 0 10px -20px;
	position:relative;
}
.kehys6_top_1_liitos{
	background:url(../img_komponentit/kehys6_top_1_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-34px 0 10px -20px;
	position:relative;
}

.kehys6_bottom{
	background:url(../img_komponentit/kehys6_bottom.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 10px 0;
	position:relative;
}
.kehys6_bottom_liitos{
	background:url(../img_komponentit/kehys6_bottom_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 25px 0;
	position:relative;
}


/* KEHYS 7*/

.kehys7{
	background:#0c2f3e;
	background:url(../img_komponentit/kehys7_tausta.jpg);
	width:294px;
	min-height:30px;
	padding:6px 20px 16px 20px;
	float:left;
	position:relative;
}

.kehys7_top_1{
	background:url(../img_komponentit/kehys7_top_1.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-20px 0 10px -20px;
	position:relative;
}
.kehys7_top_1_liitos{
	background:url(../img_komponentit/kehys7_top_1_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-34px 0 10px -20px;
	position:relative;
}

.kehys7_bottom{
	background:url(../img_komponentit/kehys7_bottom.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 10px 0;
	position:relative;
}
.kehys7_bottom_liitos{
	background:url(../img_komponentit/kehys7_bottom_liitos.gif);
	width:334px;
	height:41px;
	float:left;
	margin:-12px 0 25px 0;
	position:relative;
}


/* */

.component_wrap a{
 text-decoration:none;
}
.component_wrap a:hover{
 text-decoration:underline;
}


.viiva{
	background:url(../img/valiviiva.gif);
	width:334px;
	height:21px;
	margin:6px 0 0 0;
	float:left;
}
.img{
	float:left;
	margin:-21px 0 0 0;
	border:solid 1px #3e312a;
	position:relative;
}
.flash{
	float:left;
	margin:-21px 0 0 0;
}
.kuva_etusivu{
	border:solid 1px #777;
}
.kuva_left{
	float:left;
	padding:0 16px 6px 0;
}
.kuva_right{
	float:right;
	padding:0 0 6px 16px;
}

.edit{
	display:none;
}
.valikot{
	background:#EEEEEE;
	padding:10px;
	width:280px;
	border:solid 1px #CCCCCC;
	border-bottom:0;
}

select{
	background:#EEEEEE;
	border:solid 1px #CCCCCC;

}

input{
	background:#CCC;
	border:solid 1px #AAA;

}

.delete{
	background:#CCC;
	border:solid 1px #AAA;
	color:#990000;
}

p{
	margin:0 0 0 0;
	padding:0;
}


/* TEKSTIT */


h1{
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:22px;
	color:#000;
	padding:0;
	margin:2px 0 6px 0;
	line-height:22px;
}

h2{
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:16px;
	color:#000;
	padding:0;
	margin:2px 0 4px 0;
	line-height:20px;
}

.yellow{
	color:#d9d29e;
}

.light{
	color:#e6e7cf;
}

.orange{
	color:#d7734c;
}
.pink{
	color:#D00043;
}
.dark{
	color:#340909;
}

.aqua{
	color:#7ad1ab;
}

.green{
	color:#104748;
}

.brown{
	color:#813a1f;
}

div{
	font-family: Verdana;
	font-size:10px;
	line-height:12px;
}

p{
	font-family: Verdana;
	font-size:10px;
	color:#340909;
	line-height:12px;
}

.ingress_light{
	font-size:12px;
	line-height:17px;
	color:#e6e7cf;
}
.ingress_yellow{
	font-size:12px;
	line-height:17px;
	color:#d9d29e;
}
.ingress_orange{
	font-size:12px;
	line-height:17px;
	color:#d7734c;
}
.ingress_pink{
	font-size:12px;
	line-height:17px;
	color:#D00043;
}
.ingress_aqua{
	font-size:12px;
	line-height:17px;
	color:#7ad1ab;
}
.ingress_green{
	font-size:12px;
	line-height:17px;
	color:#104748;
}
.ingress_brown{
	font-size:12px;
	line-height:17px;
	color:#813a1f;
}
.ingress_dark{
	font-size:12px;
	line-height:17px;
	color:#340909;
}

ul{
	text-transform:inherit;

}