* { padding: 0; margin: 0; }

body { background-image:url('img/tausta_levee.jpg'); 
background-color:#022d36;
background-position:50% 0%;
background-repeat:repeat;
} 

#wrapper {
	height:550px;
	width:1000px;
	margin:auto;
	padding-top:114px;
}


div#navi {
	height:70px;
	width:150px;
	float:left;
	margin-top:30px;
}

div#navi div.linkki {
clear:both;
float:left;
width:100%;
height:50%;
font-family:verdana;
text-align:right;
}




 a:link { color:white; text-decoration:none; font-size:15pt; }    /* unvisited link */
 a:visited { color:white; text-decoration:none; font-size:15pt;}  /* visited link */
 a:hover { color:#bcbcbc; text-decoration:none; font-size:15pt; }   /* mouse over link */
 a:active { color:white; text-decoration:none; font-size:15pt; }  /* selected link */

 a.iso:link { font-size:1.4em; color:#ff6000; text-decoration:none;  font-family:verdana; font-weight:bold;}    /* unvisited link */
 a.iso:visited { font-size:1.4em; color:#ff6000; text-decoration:none;  font-family:verdana; font-weight:bold;}  /* visited link */
 a.iso:hover { font-size:1.4em; color:#ffb400; text-decoration:none;  font-family:verdana; font-weight:bold; }   /* mouse over link */
 a.iso:active { font-size:1.4em; color:#ff6000; text-decoration:none; font-family:verdana; font-weight:bold; }  /* selected link */

 a.pieni:link { font-size:1em; color:#ff6000; text-decoration:none;  font-family:verdana; font-weight:bold;}    /* unvisited link */
 a.pieni:visited { font-size:1em; color:#ff6000; text-decoration:none;  font-family:verdana; font-weight:bold;}  /* visited link */
 a.pieni:hover { font-size:1em; color:#ffb400; text-decoration:none;  font-family:verdana; font-weight:bold; }   /* mouse over link */
 a.pieni:active { font-size:1em; color:#ff6000; text-decoration:none; font-family:verdana; font-weight:bold; }  /* selected link */


div.sisennys { padding-left:25px; }
span.korostettu { color:#ff6000; }
span.bold { font-weight:bold; }

div#saannot {
	width: 373px;
	height: 534px;
	color:white;
	font-family:verdana;
	font-size:0.7em;
	line-height:130%;
	padding: 25px 25px;
	background-image:url('img/tausta_saannot.gif'); 

}

div#content {
	height:425px;
	padding-left:25px;
	padding-top:35px;
	width:640px;
	float: left;
	position:relative;
	color:white;
	font-family:verdana;
	font-size:0.7em;
	line-height:130%;
}

div#content_tyo {
	height:425px;
	padding-left:25px;
	width:640px;
	float: left;
	position:relative;
	color:white;
	font-family:verdana;
	font-size:0.7em;
	line-height:130%;

}


h1 {
font-family:verdana;
font-size:1.4em;
color:#ff6000;
font-weight: bold;
line-height:1.2em;
}

h2 {
font-family:verdana;
font-size:1.1em;
color:#ff6000;
padding-bottom:1em;
}
h3 {
font-family:verdana;
font-size:1em;
color:#ff6000;

}

p { text-align:left; padding-bottom:1em; }
p.kappale { text-align:left; padding-bottom:1em; }
p.toinen 
{
text-align:left;
color:green;
font-family:verdana;
font-size:0.7em;
padding-bottom:1em;
}

div#content div#teksti_vasen {
	width:47%;
	height:100%;	
	float:left;
	padding-right:20px;
}
div#content div#teksti_oikea {
	width:47%;
	height:100%;
	float:right;
}

div#content_tyo div.taideirti_otsikko {
text-align:center;
padding-top:120px;
padding-bottom:35px;
	background-image:url('img/tausta_taide.jpg'); 
	background-repeat:no-repeat;
	background-position:50% 0%;

}

div#content_tyo div#taideirti_vasen {
	width:47%;
	height:100%;	
	float:left;
	padding-right:20px;
}
div#content_tyo div#taideirti_oikea {
	width:47%;
	height:100%;
	float:right;
}

div#content img {
border:1px solid black;
margin:15px 10px;
}

div#content div#hallitus {
	width:70%;
	height:100%;	
	float:left;
}