html, body
{
height: 100%;
padding-top:10px;
margin:0px;
}

body
{
background: url("kuvat/taustakuva.jpg");
background-position: top center;
font-family: "Arial";
font-size: 11px;
color:#FFFFFF;
padding:0px;
margin:0px;
}

a, a:link
{
text-decoration: none;
color:#333;
}

a:hover
{
text-decoration: underline;
color:#CCC;
}

a:active
{
text-decoration: none;
color:#FFF;
}

#teksti
{
font-family: Arial;
font-size: 14px;
color:#FFFFFF;
margin:30px;
}

#otsikko
{
font-family: Arial;
font-size: 20px;
text-decoration: none;
color:#FFFFFF;
margin:20px;
}

#tekstivali
{
width: 50px;
height: 5px;
background: url(kuvat/tyhja.gif);
}

#yla
{
width: 777px;
height: 182px;
background: url(kuvat/ylakuva_4.jpg) center no-repeat;
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#yla2
{
width: 777px;
height: 182px;
background: url(kuvat/ylakuva_4_2.jpg) center no-repeat;
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#vali_1
{
width: 777px;
height: 50px;
background: url(kuvat/valikuva_6.jpg) center no-repeat;
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#vali_1 a, #vali_1 a:visited
{
display:inline;
color:#666;
text-decoration: none;
font-family:Arial;
font-size:12px;
}

#vali_1 a:hover
{
margin:0px;
color:#333;
text-decoration: none;
border-bottom:2px solid #CCC;
}

#vali_1b
{
width: 777px;
height: 50px;
background: url(kuvat/valikuva_6b.jpg) center no-repeat;
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#vali_2
{
width: 777px;
height: 50px;
background: url(kuvat/valikuva_4.jpg);
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#vali_2b
{
width: 777px;
height: 50px;
background: url(kuvat/valikuva_4b.jpg);
background-position: top center;
margin:0px;
padding:0px;
position:relative;
}

#ala
{
height:26px;
background: url(kuvat/alakuva_4.jpg) center no-repeat;
background-position: top center;
width:777px;
}

#alab
{
height:26px;
background: url(kuvat/alakuva_4b.jpg) center no-repeat;
background-position: top center;
width:777px;
}

#valikko2
{
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 777px;
list-style-type: none;
background: url(kuvat/valikkokuva_4_2.jpg) center no-repeat;
background-position: top center;
height:47px;
}

#valikko
{
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 777px;
list-style-type: none;
background: url(kuvat/valikkokuva_4.jpg) center no-repeat;
background-position: top center;
height:47px;
}

#valikko ul
{
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 777px;
list-style-type: none;
background: url(kuvat/valikkokuva.jpg) center no-repeat;
background-position: top center;
height:47px;
}

#valikko a, #valikko a:visited
{
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:16px;
}

#valikko a:hover
{
margin:0px;
color:#EEE;
text-decoration: none;
border-bottom:2px solid #CCC;
}

#valikko a, #valikko a:visited
{
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:16px;
}

#valikko a:hover
{
margin:0px;
color:#EEE;
text-decoration: none;
border-bottom:2px solid #CCC;
}

#outside{
	border:1px solid #000000;
	background:#000000;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#ffffff;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#000000;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#666666;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: white;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: grey;
color: black;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}