@charset "utf-8";
/* CSS Document */

body {
background-image: url(tausta.gif);
background-repeat:repeat-x;
}

.otsikko {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: 1px;
}

.valiotsikko {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

.leipis {
text-align: left ;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.content {
background-image: url(gfx/content_tausta.gif);
background-repeat: repeat-x;
background-color: #d7d7d7;
text-align: left ;
vertical-align: top;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.image_pane {
background-image: url(gfx/content_tausta.gif);
background-repeat: repeat-x;
background-color: #d7d7d7;
text-align: right;
vertical-align: top;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.pane_left {
background-image: url(gfx/pane_left.gif) ;
background-repeat: repeat-y;
vertical-align: top;
}

.pane_right {
background-image: url(gfx/pane_right.gif) ;
background-repeat: repeat-y;
vertical-align: top;
}

.footer {
background-color: #D7D7D7;
vertical-align: bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;
font-weight: bold;
}


#nav ul{
	padding: 0 0 0 0;
	margin: -10 0 0 0;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	width: 697px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#nav ul li{
	background-image: url(gfx/nav.gif);
	background-repeat: repeat-x;
	vertical-align:top;
	display: inline;
	text-decoration: none;
}

#nav li a:link {
	background-image: url(gfx/nav.gif);
	background-repeat: repeat-x;

	color: #FFFFFF;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}
#nav li a:visited {
	background-image: url(gfx/nav.gif);
	background-repeat: repeat-x;

	color: #FFFFFF;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}
#nav li a:active {
	background-image: url(gfx/nav_over.gif);
	background-repeat: repeat-x;

	color: #FFFFFF;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
}
#nav li a:hover {
	background-image: url(gfx/nav_over.gif);
	background-repeat: repeat-x;

	color: #FFFFFF;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}

#nav .valikon_pyoristykset {
vertical-align: bottom;
}