body,td,th {
	font-size: 12px;
	color: #482712;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-image: url(img/taustakuva.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	background-color: #aa6430;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #482712;
	text-decoration: underline;
}
a:visited {
	color: #482712;
	text-decoration: underline;
}
a:hover {
	color: #0f5634;
	text-decoration: none;
}
a:active {
	color: #482712;
	text-decoration: underline;	
	
}

#main {
	margin:auto;
	width:960px;
	margin-top:50px;
}

#flags {
	float:right;	
	margin-bottom:5px;
}
	#flags img {
	margin-right:5px;	
	}

#container {
	float:left;
	width:960px;
	background-color:#FFF;
	top:90px;
	padding-top:7px;
	background-image:url(img/puu.jpg);
	background-repeat:repeat-y;
	background-position:7px;
	
}
	

	#container #sidebar {
		float:left;
		position:relative;
		width:250px;	
		padding-left:7px;
		background-color:#FFF;
		
	}
		#container #sidebar #ulkokuva {
			position:relative;
			float:left;
			background-color:#FFF;
			margin-top:-7px;
			padding-top:7px;
		}
		#container #sidebar #logo {
			position:absolute;
			top:-65px;
			left:40px;
			z-index:500;
		}
		#container #sidebar #online {
			position:relative;
			float:left;
			width:225px;
			height:17px;
			background-color:#1a6441;
			margin-top:7px;
			color:#FFF;
			padding:15px 10px 15px 15px;
		}
			#container #sidebar #online a{
				color:#FFF;
				text-decoration:none;
			}
			#container #sidebar #online img {
				vertical-align:middle;
				margin-right:15px;
				margin-bottom:3px;
			}
		#container #sidebar #nav {
			position:relative;
			float:left;
			width:220px;
			margin-top:7px;
			padding:15px 15px 15px 15px;
			color:#FFF;
			background-image:url(img/puu.jpg);
			background-repeat:repeat-y;
		}
			#container #sidebar #nav ul {
				margin-left:10px;
			}
				#container #sidebar #nav ul li {
					line-height:200%;
					text-transform:uppercase;
					font-size:11px;
				}
			#container #sidebar #nav a {
				color:#FFF;
				text-decoration:none;
			}
			#container #sidebar #nav hr {
				border:none;
				margin:15px 0 20px 0;
				border-top:1px dotted #7b614c;
				height:1px;
			}
			#container #sidebar #nav #naviyhteystiedot {
				line-height:140%;	
			}	
	/* END sidebar */
	
	#container #content {
		float:left;
		position:relative;
		width:689px;	
		padding-left:7px;
		padding-right:7px;
	}	
		#container #content #header {
			float:left;
			position:relative;
			width:689px;
			height:320px;
		}
		#container #content #text {
			float:left;
			position:relative;
			width:609px;
			padding:30px 40px 15px 40px;
			line-height:140%;
		}
			#container #content #text hr {
				border:none;
				margin:15px 0 20px 0;
				border-top:1px dotted #7b614c;
				height:1px;
			}

			
		#container #content #text_etusivu {
			float:left;
			position:relative;
			width:409px;
			padding:30px 40px 15px 40px;
			line-height:140%;
		}
			#container #content #text_etusivu hr {
				border:none;
				margin:15px 0 20px 0;
				border-top:1px dotted #7b614c;
				height:1px;
			}
			
		#container #content #kalenteri_etusivu {
			float:left;
			position:relative;
			width:170px;
			margin-top:8px;
			padding:15px 15px 15px 15px;
			background-color:#005237;
		}
			#container #content #kalenteri_etusivu h4 {
				color:#FFF;	
				margin-bottom:10px;
				margin-left:3px;
			}
			
			
			
	/* END: content */
	
	#footer {
		position:relative;
		margin:auto;
		height:20px;
		width:930px;
		margin-top:10px;
	}
		#footer #devnet {
			position:relative;
			float:right;
			width:300px;
			text-align:right;
			font-size:10px;
		}
		#footer #copyright {
			position:relative;
			float:left;
			width:300px;
			font-size:10px;			
		}

h1, h2, h3, h4 {
	font-weight:normal;
}


h1 {
	background-image:url(kuvat/apilavihrea.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-size:22px;
	margin-bottom:15px;
	font-family:"book antiqua",palatino, Arial;
	font-style:italic;
	font-weight:bold;
	padding-left:30px;
	padding-bottom:12px;
	padding-top:3px;
	
}

h2 {
	font-size:18px;
	margin-bottom:10px;
}
h3 {
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:10px;
}
h4 {
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.clear {
	clear:both;
}

p {
	margin-bottom:10px;	
}
.kuva_oikealla {
        float:right;
        margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #000;
}
.kuva_vasemmalla {
	float:left;
	margin-right:15px;
	border:1px solid #000;
}
.apila {
	vertical-align:bottom;margin-right:5px;margin-left:-8px;	
}
.ajankohtaista_laatikko_vasen {
        position:relative;
        float:left;
        width:200px;
}
	.ajankohtaista_laatikko_vasen img {
		margin-bottom:5px;	
	}
.ajankohtaista_laatikko_oikea {
        position:relative;
        float:right;
        width:200px;
        margin-left:8px;
}
	.ajankohtaista_laatikko_oikea img {
		margin-bottom:5px;	
	}