/* CSS Document */

html>body {
	font-size: small;
}

body { 
	color: #333;  
	background-color: #b8e2a4;
	font-size: 13px; 
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
  	margin: 0px; 
	padding: 0px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	
}

p {
	font-size: 13px; 
	line-height: 16px; 
	text-align: left; 
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 13px; 
	line-height: 18px;
	font-weight: bold; 
	text-align: left; 
	text-transform: uppercase;
	display: inline;
	margin-bottom: 1em;

	}
	
a:link { 
	font-size: 13px; 
	line-height: 16px;
	text-decoration: underline; 
	color: #007dc4;
	}
a:visited, 
a:visited:hover { 
	font-size: 13px; 
	line-height: 16px;
	text-decoration: underline; 
	color: #007dc4;
	}
a:hover, 
a:active { 
	font-size: 13px; 
	line-height: 16px;
	text-decoration: underline; 
	color: #007dc4;
	}


ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

table, th, tr, td {
    font-size: 13px; 
	line-height: 16px; 
	
}

input{
	padding: 1px;
	
}

#nappula {
	color: #fff;
    font-size: 14px; 
	line-height: 14px; 
	text-align: center;
	background-color: #007dc4;
	border: 1px outset #c0f7a5;
	padding: 2px;
	text-transform:uppercase;
}

#inside5{ 	padding: 5px;}
#inside10{ 	padding: 10px;}
#inside20{	padding: 20px;}
#insideleft{padding: 15px 15px 15px 20px;}
#insideright{padding: 15px 10px 15px 15px;}
#insidemain{padding: 15px 15px 30px 30px;}
#insidegallery{padding: 15px 30px 30px 30px;}
#norows{  display: inline;}

#container{
	width: 900px;
	height: 100%;
	margin: 20px auto 10px auto;
	padding: 0px;
	line-height: 14px;
	border: 3px solid #c0f7a5;
	background-color: #009767;
}

#lefttop{
 width: 200px;
 height: 200px;
 padding: 0;
 margin: 0;
 border-right: 3px solid #c0f7a5;
 border-bottom: 3px solid #c0f7a5;
}

#righttop{
 width: 200px;
 height: 200px;
 padding: 0;
 margin: 0;
 border-left: 3px solid #c0f7a5;
 border-bottom: 3px solid #c0f7a5;
}

#topblock{
height: 200px;
width: 494px;
padding: 0px;
margin:0;
border-bottom: 3px solid #c0f7a5;
text-align:center;
}


#leftblock{
 width: 200px;
 height: 100%;
 padding: 0;
 margin: 0;
 border-right: 3px solid #c0f7a5;
 text-align:left;
 vertical-align:top;
 font-size: 14px;
 line-height: 18px;
  color: #fff;
  font-weight: bold;
}

#rightblock{
 width: 200px;
 height: 100%;
 padding: 0;
 margin: 0;
 border-left: 3px solid #c0f7a5;
 text-align:left;
 vertical-align:top;
}

#maintext{
	width: 494px;
	height: 100%;
	text-align:left;
	vertical-align:top;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

#galleria{
width: 697px;
	height: 100%;
	text-align:left;
	vertical-align:top;
	padding: 0;
	margin: 0;
	background-color: #fff;
	max-width: 697px;
	overflow:hidden;
}

#mainmenu{
padding-bottom: 10px;
}

#mainmenu a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}
#mainmenu a:hover{
	color: #c0f7a5;
}
#links{
padding-bottom: 0px;
}

#links a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	text-align:left;
	font-weight: normal;
}

#links a:hover{
	color: #c0f7a5;
}


#bottom{
	width: 100%;
	margin: 2px auto 2px auto;
	color: #333;
}

#openhours{
width: 160px;
background-color: #fff;
border: 3px solid #c0f7a5;
margin-top: 20px;
padding: 0;
color: #00863c;
font-size: 12px;
font-weight:bold;
}

#attentionbox{
/* width: 160px; */
background-color: transparent;
border: 3px solid #c0f7a5;
margin-top: 20px;
padding: 0;
color: #00863c;
font-size: 12px;

}

#news{
width: 168px;
background-color: #fff;
border: 3px solid #c0f7a5;
margin: 0 0 5px 0;
padding: 0;
color: #00863c;
font-size: 13px;
line-height: 15px;
font-weight: normal;
}

#otsikko{
color: #007dc4;
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-style:italic;
font-family:Verdana, Arial, sans-serif;
display: inline;
margin-bottom: 1em;
}

#otsikkov{
color: #009767;
font-size: 14px;
line-height: 18px;
font-weight: bold;
font-family:Verdana, Arial, sans-serif;
display: inline;
margin-bottom: 1em;
}

#vali{
padding: 10px;
text-align:center;

}

#sivukuva{
border: 2px solid #c0f7a5;
margin: 0 0px 5px 0px;
}

#minikuva{
width: 80px;
height: 60px;
padding: 3px;
border: 0;
}

#isokuva{
width: 400px;
height: 300px;
}

#p2{
	font-size: 15px; 
	line-height: 17px; 
	 
	}
#p3{
font-size: 13px; 
	line-height: 16px; 
	text-align: center; 
}


#osoite{
	font-size: 15px; 
	line-height: 17px;
	text-align:center;
	}

/*  ***  sisällönhallinta  *** */

#container2{
	margin-top: 20px;
	width: 400px;
	vertical-align:top;
	line-height: 14px;
	background-color: #eee;
	border: 3px solid #c0f7a5;
}

#container3{
	margin-top: 20px;
	width: 600px;
	vertical-align:top;
	line-height: 14px;
	background-color: #eee;
	border: 3px solid #c0f7a5;
}