*{
 padding: 0;
 margin: 0;
}
body{
 background: #efe3c7 url(../img/tausta.jpg);
 text-align: center;
 font: 8pt "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;       
}
#wrap{
 background-color: #fdf5e4;
 height: auto;
 width:800px;
 margin: 20px auto;
 text-align: left;
 border: solid 2px #a0a0a0;
}
#header img{
 border: solid 0px;
}
#left{
 float: left;
 width: 250px;
 border-right: solid 1px #DFCC99;
 margin-top: 20px; 
}
#container{
  width: 430px;
	float: right;
	padding: 20px 60px 0 0;
}
h1{
 font-size: 1.2em;
 padding-bottom: 10px;
 color: #5f5f5f;
}
h3{
 color: #5f5f5f;
}
#clear_both{
 width: 100%;
 clear: both;
}
/*---- footer ---------------------*/
#footer{
 width: 800px;
 clear: both;
 height: auto;
 padding: 20px 0;
}
#footer h3{
 margin: 15px 0 5px 0px;
}
#bottom_footer{
 clear: both;
 height: 25px;
 width: 800px;
 background: #efefef;
}
#top_footer{
 clear: both;
 width: 100%;
}
#copy{
 padding-top: 5px;
 text-align: center;
 color: #999;
}
#alatunniste_1{
 width: 169px;
 float: left;
 border: solid 2px #8F753E;
 background-color: #EFD6C2/*#FFE9CF*/;
 margin: 0 14px;
 padding:0 10px 10px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin-bottom: 10px;
 text-align: left;
}
#alatunniste_1 img{
 margin-left: 20px;
}
#ajankohtais{
 margin-bottom: 10px;
}
#alatunniste_1 a{
 text-decoration: underline;
 color: #6F78DF;
}
#alatunniste_1 a:hover{
 text-decoration: underline;
 color: #999;
}
#alatunniste_2{
 width: 160px;
 float: left;
 border: solid 2px #8F753E/*#DFB137*/;
 background-color: #EFD695/*#D7DFB5*/;
 margin-right: 14px;
 padding:0 0 10px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin-bottom: 10px;
}
#alatunniste_3{
 width: 160px;
 float: left;
 border: solid 2px #8F753E;
 background-color: #C3D2DF/*#D1DEDF*/;
 margin-right: 14px;
 padding:0 0 10px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin-bottom: 10px;
}
#alatunniste_4{
 width: 169x;
 float: left;
 border: solid 2px #8F753E;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin-bottom: 10px;
}
/*---google map-------------------*/
#googlemap {
 height: 400px;
 width: 100%;
 margin-top: 20px;
 border: #ccc 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#googlemap_still {
 height: 135px;
 width: 170px;
 border: #fff 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#googlemap_still a img{
 border: 0;
 text-decoration: none;
}
#osoite{
  padding-top: 5px;
}
.bold{
 font-weight: bolder;
}
/*--formit--------*/
fieldset{
 border: 1px solid #A9C226;
 margin-bottom: 10px;
 padding: 5px 10px 5px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
legend{
 color: #fffbea;
 background: #3F5107;
 padding: 2px 6px;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em; 
}
label {
 float: left;
 display: block;
 width: 45%;
 clear: left;
 color: #000;
 font-weight: normal;
 text-align: left;
 clear: left;
}
input{
 border: 1px solid #3F5107;
 margin-bottom: 3px;
}
form p{
 margin: 2px 0 3px 0;
}
input.pointer{
 padding: 0 2px;
 margin: 10px 0 0 10px;
 cursor: pointer;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em;
}
#tyhja{
 background	: #EFC5C2;
}
#ilmo{
 color: #8D011E;
 width: 200px;
 border: solid 2px #A9C226;
 background-color: #FFFAEA;
 padding:10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
 margin: 10px 0 10px 40px;
 text-align: left;
}
/*-----admin----------*/
#admin{
 width: 700px; 
 margin: 25px;
 text-align: left;
}
#admin select{
 /*margin-left: 20px;*/
}
/*---login----------*/
#log_in label {
 width: 35%;
}
#log_in form{
 width: 350px;
 margin: 50px auto;
}
#log_in fieldset{
 border: 1px solid #A9C226;
 padding: 5px 10px 5px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
/*------------------------*/
#admin fieldset{
 margin: 15px;
 background-color: #fffaea;
}
/*--galleriakuvat---*/
#del_pics li{
 display: inline;
 list-style: none;
 float: left;
}
#del_pics li img{ 
 margin: 5px 50px 0 0;
}
/*--show_images.php---*/
#pic{
 display: inline;
 list-style: none;
 float: left;
 width: 430px;
 height: 120px;
 padding: 10px 0 10px 5px;
 border: 1px solid #535353;
}
#pic img{
 max-width: 150px;
 max-height: 100px;
}
#pic a{
 text-decoration: none;
 padding: 0 0 10px 0;
}
#picForm{
 width: 1000px;
 text-align: left;
}
#picForm fieldset{
 margin: 15px;
 background-color: #fffaea;
}
input[name="edit_name"]{
 margin: 0 0 10px 20px;
}
input[name="delete_img"]{
 margin: 0 0 0 20px;
}
input[name="valinta"]{
 margin-left: 20px;
}
#fl_right{
 float: right;
 padding: 0 50px 0 0;
}
form[name="colForm"]{
 width: 700px;
}
input[type="image"]{
 border-style: none;
}
/*--------ohje------*/
#ohje form{
 width: 300px;
 margin: 50px auto;
}
/*------------------------*/
#ohje fieldset{
 margin: 15px;
 background-color: #fffaea;
 text-align: left;
}
#kehys{
 width: 69%;
 margin: 0 0 10px 0;
 padding: 5px;
 border: 1px solid #A9C226;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
.news p{
 margin-bottom: 10px;
}