/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */


body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#F6F6D9;
	background-image:url(../kuvat/Koala_tausta.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
}


#runko {
	margin:0 auto;
	padding:0;
	width:95%;
	text-align:left;
	color:#000000;
	min-width:750px;
	max-width:1500px;
	z-index:1;
	position:static;
	background-image:url(../kuvat/Koala_runko_tausta.gif);
	background-position:top center;
	background-repeat:no-repeat;
}


h1, h2, h3, h4, h5, h6, p {
	font-weight:normal;
	font-size:80%;
	margin:0 0 0.5em 0;
	padding:0;
}


h1 {
	font-size:90%;
	font-weight:bold;
	margin:0 0 0.25em 0;
}


h2 {
	font-size:80%;
	margin:0 0 0.5em 0;
	font-weight:bold;
}


h3 {
}


h4 {
}


h5 {
}


h6 {
}


p {
}


a {
	margin:0;
	padding:0;
}


a:link {
	color:#000000;
}


a:visited {
	color:#666666;
}


a:hover {
	color:#FF0000;
}


ul {
	margin:0;
	padding:0;
}


li {
	margin:0;
	padding:0;
	list-style-type:none;
}


/* LOGONAVIGAATIO ALKAA */


#logonavigaatio {
	margin:0;
	padding:10px 1em 0 1em;
}


/* LOGONAVIGAATIO LOPPUU */


/* LOGO ALKAA */


#logo {
	float:left;
}


#logo img {
	border:0;
	margin:0;
}


/* LOGO LOPPUU */


/* YHTEYSTIEDOT ALKAA */


#yhteystiedot {
	margin:0.5em 1em 0 1em;
}


#yhteystiedot h1 {
	font-weight:bold;
	font-size:70%;
	margin:0 0 0.33em 0;
}


#yhteystiedot h2 {
	font-weight:normal;
	font-size:70%;
}


#yhteystiedot h2 a {
	text-decoration:none;
}


#yhteystiedot h2 a:hover {
	text-decoration:underline;
	color:#000000;
}


.erotin {
	color:#CCCCCC;
	font-weight:normal;
	font-size:70%;
}


.yhteyserotin {
	color:#CCCCCC;
	font-weight:normal;
}


/* YHTEYSTIEDOT LOPPUU */


/* NAVIGAATIO ALKAA */


#navigaatio {
	margin:50px 0 0 0;
}


#navigaatio ul {
	font-size:80%;
	padding:0.1em 0 0 0;
}


#navigaatio li {
	display:inline;
	margin:0;
	padding:0;
	text-align:center;
}


#navigaatio a {
	color:#000000;
	text-decoration:none;
	font-variant:small-caps;
	padding:0.2em 0;
	margin:0 0.125em 0 0;
	background-color:#F0F0F0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:6.125em;
	display:block;
	text-align:center;
	float:left;
}


#navigaatio a:hover {
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
}


#navigaatio li.aktiivi a {
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
}


#navigaatio li.tilauskori {
	font-size:90%;
}


/* NAVIGAATIO LOPPUU */


/* TEKSTIKOOT ALKAA */


#tekstikoot_ylempi, #tekstikoot_alempi {
	float:right;
	text-align:right;
}


#tekstikoot_ylempi {
	margin:0.5em 0 0 0;
}


#tekstikoot_alempi {
	margin:0.5em 1em;
}


#tekstikoot_ylempi h6.muuta, #tekstikoot_alempi h6.muuta {
	float:left;
	font-size:70%;
}


#tekstikoot_ylempi a.plus, #tekstikoot_ylempi a.miinus, #tekstikoot_alempi a.plus, #tekstikoot_alempi a.miinus {
	text-decoration:none;
	color:#000000;
	height:1em;
	width:1em;
	display:block;
	float:left;
	text-align:center;
	margin:0 0 0 0.25em;
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	line-height:0.9em;
	font-size:70%;
}


#tekstikoot_ylempi a:hover.plus, #tekstikoot_alempi a:hover.plus {
	color:#FFFFFF;
	background-color:#C5091D;
	border:1px solid #000000;
}


#tekstikoot_ylempi a:hover.miinus, #tekstikoot_alempi a:hover.miinus {
	color:#FFFFFF;
	background-color:#004C99;
	border:1px solid #000000;
}


/* TEKSTIKOOT LOPPUU */


/* SISUS ALKAA */


#sisus {
	margin:-1px 0 0 0;
	padding:0;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	z-index:2;
	position:static;
}


/* SISUS LOPPUU */


/* TASAUS ALKAA */


.tasaus {
	clear:both;
}


.tasaus_vasen {
	clear:left;
}


.tasaus_oikea {
	clear:right;
}


/* TASAUS LOPPUU */


/* KORI ALKAA */


#kori {
	border:1px dashed #CCCCCC;
	float:right;
	width:20%;
}


#kori h1, #kori h2, #kori h3, #kori h4 {
	font-weight:normal;
	font-size:80%;
}


#kori a {
	text-decoration:none;
}


#kori a:link {
}


#kori a:visited {
}


#kori a:hover {
}


/* KORI LOPPUU */


h6.copyright {
	float:left;
	margin:0.5em 1em;
	font-size:70%;
	color:#999999;
}