#container {
padding:0px;
margin:0px;
width: 800px;

margin-left: auto;
margin-right: auto;
}


#background{
width: 100%;

padding-top:0px;
margin-top: 0px;
background: top center no-repeat url(images/tausta.png);


}
body{
padding:0px;
margin:0px;
background: #577721 repeat-x url(images/back.png);
}

.imagefile { 
border:1px solid #E1E1E1; 
padding:3px; 
}
.kieli {  

color:white; font-weight:bolder; text-decoration:none;
} 
.kieli:hover{
color:white; font-weight:bolder; text-decoration:underline;
}
#top{
padding-top:2px;
height:88px;
padding-right: 6px;
	text-align: right;

}

#submitButton {
float: right;
  cursor:pointer;       /* Give it the hand cursor, like a link */
  height:20px;          /* Image has a height of 80px, only show the first half */
  overflow:hidden;      /* Hide the overflow */
  width:20px;          /* Width of the image */
}


#submitButton:hover input {
  margin-top:-20px;    /* Negative height of half the sprite, to push the image up */
}


#over{

height:196px;
padding: 20px;
background: no-repeat url(images/tyypit.png);
background-position: 95% 100%; 
}

#menu {
padding-top: 19px;
	height: 47px;
}

#content{
width: 720px;
padding-top: 30px;
padding-left: 40px;
padding-right: 40px;

min-height:400px;
  height:auto !important;
  height:400px;

background: #FFFFFF top center no-repeat url(images/content.png);
}
#footer{
width: 100%;
height:45px;
background: top center no-repeat url(images/bottom.png);
padding-top:30px;
	
}
#down{
float: left;
width:150px;
height: 20px;
}
#menudown{
float: right;
height: 20px;
width: 600px;
text-align:right;
padding-right:8px;

}




a {
	color: #527516;
	font-family: Arial,Verdana ,Helvetica, sans-serif; 
	}

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

hr {
	height: 1px;
}

form {
margin: 0px;
margin-top: 0px;
padding: 0px;
}

body,td,div,.p,a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body,td,div {
	font-size: 12px;
}



.error{
font-size: 14px;
color: red;
}
.more{
/*padding-left: 150px; */
text-align:right;
}

.date{
background: #5bc1d7;
color: white;
}

#members{
margin-top: 10px;
text-align: right;
color: white;
}

.white{
font-size: 12px;
color: white;
}

.white:hover{
color: white;
text-decoration: none;
}



h1,h2,h3,h4 {color: #black;}
h1 {font-size: 16px; line-height: 1.0}
h2 {font-size: 14px; line-height: 1.0}
h3 {font-size: 12px; line-height: 1.0}
h4 {font-size: 10px; line-height: 1.0}






.menu {
color: white;
font-size: 16px;
font-weight: bolder;
text-decoration:none;
white-space: nowrap;
line-height: 200%;
padding-right: 16px;
padding-left: 12px;
}
.menu:hover{
color: white;
text-decoration:underline;
}

.menu2 {
color: #b5e06a;
font-size: 12px;
text-decoration:none;
white-space: nowrap;
padding-right: 8px;
padding-left: 8px;

}

.menu2:hover{
color: #b5e06a;
text-decoration:underline;
}

input.submitbutton{
/*
   color: #FFFFFF;
   background: white no-repeat url(images/search.gif);
   font-size:small;
   font-weight:bold;
   border: none;
   margin-top: 5px;
   */
}

input.searchfield {
	border: 1px solid gray;
}

.valikko:hover {color: red; background: white no-repeat url(images/menuball2.png);}
.valikko_auki:hover {color: red; background: white no-repeat url(images/menuball2.png);}
.alavalikko {color: rgb(99,163,211); font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px;}
.pikkuvalikko:hover {color: red; background: white no-repeat url(images/menuball2.png);}
.valikkoteksti {color: rgb(99,163,211); text-decoration: none; font-size: 14px;}
.pikkuteksti {font-size: 10px;}