body {

background:white;
background-image: url(green.jpg); 
/*
img {
	    max-width: 100%;
	    height: auto;
	    width: auto\9; /* ie8 */
	} */
	
margin:0;
	padding:0;
}
#header 
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;

}
#active2 #tab2,
#active3 #tab3,
#active4 #tab4,
#active5 #tab5 {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	margin-left:2%;
	padding-right:2%;
}

/* Start of Column CSS */
#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#E0FFFF; /* column 3 background colour  lightcyan 
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;*/
	background-image: url(kari-on-green-2018.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	/*right:33.333%;*/
	right:46.333%;
	background:#E0FFFF;  /* column 2 background colour */
	background-image: url(green.jpg);
	background-position: top right;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:28.33%;
	background:#fff689; /* column 1 background colour */
	background-image: url(green.jpg);
	background-position: top right;

}
#col1 {
	min-height:900px;
  	height:auto !important;
  	height:900px;

	float:left;	
	width:15.33%; 	/* tekstin leveys */
	position:relative;
	left:83.67%;
	overflow:hidden;

}
#col2 {
	float:left;
	width:32.33%;	/* tekstin leveys */
	position:relative;
	left:88.67%;
	overflow:hidden;
	height:900px;
}
#col3 {
	float:left;
	width:48.33%; /* kuvatilan leveys */
	position:relative;
	left:88.67%;

	overflow:hidden;
}

#taulu-1{
margin: auto;
position: absolute;
top:26%;
left: 8%;
/*border: solid 1px;  */
z-index:-1;
 max-width:192px;
 height:253px;

	
overflow:hidden;
}	




/* --> */
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px dotted lime;
/*border-bottom: 1px solid #778;*/
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

.content {padding:10px;}
h1 {font-size:20px; margin:0; padding:0px 0; color: black;}
h2 {font-size:18px; margin:0; padding:8px 0; color: brown;}
h3 {font-size:18px; margin:0; padding:8px 0; color: blue;}
p {font-size:14px; line-height:1.5em; margin:0; padding:5px; color:blue;} 

#footer p,
#header p {color:blue;}
#footer a {color:#483D8B ; text-decoration:none;padding:10px; font-size:12px;}
#footer a:hover {text-decoration:none;}