html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image: url(../kuvat/taustakuva.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: transparency;
}

h1 { 
	font: 12pt arial, georgia,serif;
	margin: 3px 0 20px 0;
	font-weight: italic;
}

h2 {

	font: 11pt arial, georgia,serif;
	margin:3px 0 20px 0;
	font-weight: italic;
}

h3 {

	font: 10pt arial, georgia,serif;
	margin:3px 0 20px 0;
	font-weight: italic;
}

h1, h2{
	color: #C673F3;
}

h3 { color: #84C6E6; }

.korostus { color: #7B25AA; }

div, p { 
	font-family:arial,sans-serif;
	font-size:10pt;
	color:#323232;
	line-height:1.5;
	margin:0 0 1em;
}

i {
color: #0D6088;
}

ul, li {
margin: 0;
padding: 0;
}


#content ul
{
	list-style: none;
	margin: 10px 0 15px 0;
	padding: 0;
}

#content li 
{
	background-image: url(../kuvat/li.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	COLOR: #323232;
	padding-left: 12px;
}



A:link, A:visited, A:active
{
	COLOR: #0D6088;
	text-decoration: none;
}

A:hover
{
	COLOR: #84C6E6;
	text-decoration: none;
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto 0 auto; /* center, not in IE5 */
	padding: 0;
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


div#header {
position: relative;
width: 980px;
height: 353px;
margin: 0 auto;
padding: 0;
}

div#content {
	margin: 0 auto 0 auto;
	padding: 0;  /* bottom padding for footer */
	width: 980px;
	min-height: 400px;
}

.vasenpalsta {
	width: 495px;
	margin: 30px 0 0 45px;
	padding: 0;
	float: left;
}

.oikeapalsta {
	width: 400px;
	margin: 30px 0 0 30px;
	padding: 0;
	float: right;
}

.alahinnasto
{
margin: 30px 0 0 45px;
}

.harmaa { color: #7F7F7F; font-weight: bold; }
.oranssi { color: #FF0000;}
.violetti { color: #9A3265;}

.grid-otsikko {
	width: 935px;
	margin: 30px 0 0 45px;
	padding: 0;
	clear: both;
}


.grid-jm {
	width: 200px;
	margin: 10px 0 0 45px;
	padding: 0;
	float: left;
}

 
.clear {

	width: 980px;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}

div#yhteystiedot {
	margin: 0 auto 0 auto;
	padding: 0;  /* bottom padding for footer */
	width: 980px;
	min-height: 60px;
}

.alaviiva  {
width: 980px;
height: 22px;
margin: 10px 0 10px 0;
padding: 0;
clear: both;
background-image: url(../kuvat/alaviiva.jpg);
background-position: center center;
background-repeat: no-repeat;
background-color: transparency;
}

.grid {
width: 145px;
float: left;
margin: 0;
padding: 0;
}

.sininen {
color: #84C6E6;
text-transform: uppercase;
}

.grid-logot {
width: 400px;
float: right;
margin: 0;
padding: 0;
}


div#logo {
width: 390px;
height:141px;
margin: 0;
padding: 0;
top: 140px;
left: 0;
position: absolute;
}

div#navigation {
width: 980px;
margin: 0;
padding: 0;
top: 35px;
left: 35px;
position: absolute;
text-align: center;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
}



#nav li a.paanavi:link {
color: #A7CFE3;
padding: 0 10px 0 10px;
display: block;
text-align: center;
text-transform: uppercase;
}

#nav li a.paanavi:visited {
color: #A7CFE3;
padding: 0 10px 0 10px;
display: block;
text-align: center;
text-transform: uppercase;
}

#nav li a.paanavi:hover {
color: #C673F3;
text-decoration: none;
padding: 0 10px 0 10px;
display: block;
text-align: center;
text-transform: uppercase;
}



#nav li a.current:link, #nav li a.current:visited
{
color: #C673F3;
text-decoration: none;
text-align: center;
text-transform: uppercase;
}

#nav li a.current:hover
{
color: #C673F3;
text-decoration: none;
text-align: center;
text-transform: uppercase;
}



#nav li ul { /* second-level lists */
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 5px 0;
	display: none;
	background-color: #0D6088;
}

#nav ul li { 
margin: 0 20px 0 20px;
padding: 5px 0 5px 0;

 }
 
#nav ul li a:link {
color: #A7D3E9;
}

#nav ul li a:visited {
color: #A7D3E9;
}

#nav ul li a:hover {
color: #ffffff;
text-decoration: none;
}



#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: -12px;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}











 

 


div#footer {
	position:absolute;
	width:100%;
	height: 80px;
	bottom:0; /* stick to bottom */
	margin: 0 0 10px 0;
	padding: 0;
}

	div#madeby {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 13px;
	height: 77px;
	}
 
 
 
 
 
 
#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}