/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 

/*yleiset tyylit -----------------------------------------------------------------*/
body{
	background-color: #3E3E3E;
	padding:0;
	margin:0;
	height:100%;
	font-family: Verdana, Arial;
	font-size: 100%;
	text-align: center;
}
li{margin-bottom: 5px;}
#valikko a{
	font-size: 80%;
	color: #3E3E3E;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}
#valikko .a_aktiivinen{
	color: #000000;
	background-color: #FFB900;}
#valikko a:hover{color: #000000;
background-color: #FFB900;}
#valikko a:visited{}
#sisalto a{
	font-size: 100%;
	color: #FF7E00;
	font-weight: bold;
	text-decoration: none;
}
#sisalto a:visited{text-decoration: none;}

h1{
	margin-top: 30px;
	margin-bottom: 25px;
	font-size: 110%;
	text-transform: uppercase;
	color: #57565B;
	font-weight: normal;
	letter-spacing: 1px;
}
h2{
	color: #57565B;
	font-size: 90%;
	letter-spacing: 1px;
	font-weight: bold;
}
h3{
	color: #57565B;
	font-size: 80%;
	font-weight: bold;
}
ol,ul{font-size: 80%;}
ol li{list-style-type: decimal;}
ul li{list-style-type: none;}
p{
	font-size: 80%;
	line-height: 1.5em;
}
td{
	font-size: 85%;
	padding: 2px;}
td img{border: 3px solid #E2E3DE;}
.lihavoitu{
	font-weight: bold;}
/*kuva*/
.oikea{
	float: right;
	margin: -41px 40px 20px 40px;
}
#clear{clear: both;}
* html .oikea{margin-right: 20px;}
/*Sivurankenteen tyylit --------------------------------------------------------------------------*/
#kehys{
	background: #ffffff url("kuvat/sisaltobg_ala.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	position: relative;
	min-height:100%;
	width: 918px;
	margin-bottom:-52px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	border: none;
}
* html #kehys{
	height: 100%;
	width: 918px;
	} /* IE win treats height as min-height anyway*/
* > html #macinner {/*mac obeys 100% height so we give it an inner with bg color which will expand past 100%*/	
	background-color:#ffffff;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom: none;
	border-top: none;
	margin-left:-1px;/*drag borders wider to match the borders on outer*/
	margin-right:-1px;/*drag borders wider to match the borders on outer*/
}
* html #sisalto {height:100%;}/* combat IE's 3 pixel jog */
* > html #keskiosa {height:auto;}/* mac style */
#keskiosa{
	position:relative;
	z-index:0;
}
html > body #minHeight{
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: -52px;
}
#ylapalkki{
	background: #3E3E3E url("kuvat/ylabanneri_v3.jpg") no-repeat top left;
	width: 800px;
	height: 280px;
	margin-left: 59px;
}
* html #ylapalkki{margin-left: 0;}
#valikko{
	text-align: left;
	padding: 10px 10px 10px 30px;
	width: 780px;
	margin-left: 59px;
	background: #FFC000 url("kuvat/navibg.gif") repeat-x bottom left;
	border-top: 3px solid #413F3F;
	border-bottom: 3px solid #FFC000;
	color: #3E3E3E;
	text-transform: uppercase;
	font-size: 85%;
}
* html #valikko{
	width: 800px;
	height: 45px;
	margin-left: 0;
}
#sisalto{
	margin-left: 59px;
	padding: 2px 35px 65px 45px;
	background: transparent url("kuvat/sisaltobg_yla.gif") repeat-x top left;
	text-align: left;
	color: #1F1F21;
	min-height: 100%;
	width: 740px;
}
* html #sisalto{
	height: 100%;
	margin-left: 0;
	width: 800px;
	
}
#info{
	margin-bottom: -1px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 59px;
	width: 790px;
	font-size: 80%;
	border-top: 3px solid #282828;
	border-bottom: none;
	background: #3E3E3E url("kuvat/infobg.gif") repeat-x bottom left;
	color: #898989;
	text-align: right;
	padding: 3px 10px 7px 0;
}
#info p{
	padding: 0;
	margin:0;}
* html #info{
	width: 800px;
	height: 26px;
}
#oikeavarjo{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 59px;
	height: 100%;
	background: #3E3E3E url("kuvat/varjo_oikea.gif") repeat-y top right;
}
#vasenvarjo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 59px;
	height: 100%;
	background: #3E3E3E url("kuvat/varjo_vasen.gif") repeat-y top right;
}
/* Palautelomakkeen tyylit --------------------------------------------------------- */
.tekstialue{
	border: 1px solid #3E3E3E;
	font-family: Verdana, Arial;
	color: #1F1F21;
	background-color: #ffffff;
	overflow: auto;
	font-size: 100%;
	width: 350px;
}
input{
	border: 1px solid #3E3E3E;
	margin-right: 5px;
	margin-bottom: -10px;
	font-family: Verdana, Arial;
	color: #1F1F21;
	background-color: #000000;
}
.tekstikentta{
	padding: 0;
	margin: 0;
	width: 350px;
	color: #1F1F21;
	background-color: #ffffff;
}
.painike{
	font-family: Verdana, Arial;
	background-color: #3E3E3E;
	color: #898989;
	border: 1px solid #3E3E3E;
	text-align: center;
	padding: 3px;
	margin: 7px 10px 0 0;
}

label{font-size: 80%;}
.marginaali{margin-top: 0;}
#yhteystiedot{
	position: relative;
	float: left;
	margin-top: -70px;
	left: 0;
}
* html #yhteydenotto{
	margin-top: 71px;
}
* html #yhteystiedot{
	padding-top: 0;
	margin-top: -2px;
}
#yhteydenotto{
	margin-left: 280px;
	margin-top: 70px;
	padding-left: 30px;
	border-left: 1px solid #D2D7DB;
	}
#yhteydenotto h2{
	padding-top: 7px;}
/*kuvagallerian tyylit -----------------------------------------------------------*/
#kuvakkeet{
	/*position: relative;
	float: left;*/
	margin-right: 10px;
	cursor: pointer;
	
}
#isokuva{
	background: #ffffff url("kuvat/kuvagalleriatausta.jpg") no-repeat top left;
	width: 394px;
	height: 394px;
	/*margin-top: 52px;*/
	margin-top: 28px;
	margin-left: 300px;
	/*border: 3px solid #E2E3DE;*/
	border: 3px solid #E2E3DE;position:absolute;left:115px;top:400px;

}