/* Logonavi */
#logoalue #logonavi {
	width:260px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
}
#logoalue #logonavi a {
	color: #cccccc;
	font-weight: bold;
	padding-left: 14px;
	margin-left: 10px;
	background: transparent url(/img/mediakortti.gif) no-repeat center left;
}

#logoalue #logonavi a.palaute {
	background: transparent url(/img/palaute.gif) no-repeat center left;
}
#logoalue #logonavi a:hover {
	color: #FFFFFF;
}
/* Navigaatiolista */
#navialue {
	position:relative;
	background: #000 url(/img/08/navi_palkki.png) repeat-x;
	height: 40px;
}

#navialue ul#menuList {
	font: 11px Arial, Helvetica, sans-serif;
	position:relative;
	z-index:110;
	margin: 0px;
	padding: 0px;
	height: 40px;
	text-transform: uppercase;
	margin-left: 10px;
}

/* Alasvetovalikko */
#navialue ul#menuList ul {
	margin: 0px;
	padding: 0px;
}
/* Alasvetovalikon vaihtoehdot */
#navialue ul#menuList li {
	float:left;
	min-width: 80px;
	position:relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}
/* 1-tason linkki navipalkissa */
#navialue a.starter, #navialue a.starterKorostus {
	display: block;
	position:relative;
	margin: 0px;
	padding: 0px;
	height: 40px;
	color: #FFFFFF;
	text-decoration: none;
}
#navialue a.starter span, #navialue a.starterKorostus span {
	display:block;
	padding: 0px 10px 0px 10px;
	height: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	min-width: 80px;
}
#navialue a.starterKorostus {
/*	background: transparent url(/img/08/navi_painike_korostettu_tausta.png) repeat-x center center; */
	background: transparent url(/img/08/navi_painike_kromi_tausta.png) repeat-x center center;
}
#navialue a.starter span {
	background: transparent url(/img/08/navi_painike.png) no-repeat center center;
}
#navialue a.starterKorostus span {
	background: transparent url(/img/08/navi_painike_kromi.png) no-repeat center center;
}
#navialue a.starter:link, #navialue a.starterKorostus:link,
#navialue a.starter:visited, #navialue a.starterKorostus:visited {
	color: #FFFFFF;
}
#navialue li.navimenubar:hover a.starter, 
#navialue a.starter:active, 
#navialue a.starter:focus, 
#navialue a.starterKorostus:hover, 
#navialue a.starterKorostus:active, 
#navialue a.starterKorostus:focus {
	background: transparent url(/img/08/navi_painike_korostettu_tausta.png) repeat-x center center;

/*	background: transparent url(/img/08/navi_painike_kromi_tausta.png) repeat-x center center; */
}
#navialue li.navimenubar:hover a.starter span,
#navialue a.starter:hover span, 
#navialue a.starter:active span, 
#navialue a.starter:focus span, 
#navialue a.starterKorostus:hover span, 
#navialue a.starterKorostus:active span, 
#navialue a.starterKorostus:focus span {
	background: transparent url(/img/08/navi_painike_korostettu.png) no-repeat center center;
}
/*
#navialue a.starter:hover, #navialue a.starterKorostus:hover {
	text-shadow: 0.1em 0.1em 0.3em #000000;
}
#navialue a.starter:active, #navialue a.starterKorostus:active {
	color: #FFcccc;
	text-shadow: 0.1em 0.1em 0.3em #ff0000;
}
*/
/*
a.starter:hover span, a.starter:active span, a.starter:focus span, a.starterKorostus:hover span, a.starterKorostus:active span, a.starterKorostus:focus span {
	background: #DDDDDD;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity: 0.6;
}
*/
#navialue ul#menuList ul {
	text-align: left;
	position: absolute; 
	background-color: #303030;
	top: 40px;
}
#navialue ul#menuList ul li {
	width: 100%;
}
#navialue ul#menuList ul li a {
	color: #EEEEEE;
	display: block;
	margin: 0px;
	text-decoration: none;
	padding: 2px;
	padding-left: 18px;
	padding-right: 10px;
	text-transform: none;
	background: url(/img/nuolibullet_musta_flat.png) 3px 5px no-repeat;
	border: 1px solid #222222;
	margin-bottom: -1px;
	background-color: #303030;
	white-space: nowrap;
}
#navialue ul#menuList ul li.menuitem0 a {
	background-color: #3F3F3F;
}
#navialue ul#menuList ul li.menuitem1 a {
	background-color: #303030;
}
#navialue ul#menuList ul li a.parillinen {
	background-color: #E6E6E6;
}

#navialue ul#menuList ul li a:hover, #navialue ul#menuList ul li a:active, #navialue ul#menuList ul li a:focus {
	color: #FF0000;
	background: url(/img/nuolibullet_pun_flat.png) 3px 4px no-repeat;
	background-color: #000000;
}
#navialue ul#menuList ul li A:active {
	text-decoration: underline;
}

#navialue .navimenu {
	visibility: hidden;
}

/* ul#menulist li.navimenubar:hover ul.navimenu { */
#navialue .navimenubar:hover .navimenu {
	visibility: visible;
}



















/* FOOTER ALUEEN NAVIGAATIO */













#naviPohja {
/*	position: absolute;
	left: 0;
	bottom: 0; */
	width: 990px;
	background: #bfbfbf url(/img/08/navi_pohja.png) repeat-x 0 0;
	overflow: hidden;
	color: #666666;
	font-size: 10px;
}
#naviPohja a {
	color: #666666;
	text-decoration: none;
}
#naviPohja a:hover {
	color: #000000;
}

#naviPohja ul#menuList {
	font-size: 10px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#naviPohja ul#menuList .starter, #naviPohja ul#menuList .starterKorostus {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
#naviPohja ul#menuList a.starter {
	color: #333333;
}
#naviPohja ul#menuList a.starterKorostus {
	color: #993333;
}
#naviPohja ul#menuList li.navimenubar {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 5px;
/*	min-width: 10%; */
	max-width: 95px;

}
#naviPohja ul#menuList li ul {
	margin: 0;
	padding: 0;
}
#naviPohja ul#menuList li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0px 10px 0px 0px;

}
#naviPohja div.pohja {
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align:center;
	font-size: 11px;
	background: #aaaaaa;
	color: #222222;
}
#naviPohja div.pohja a, #naviPohja div.pohja a:link {
	font-weight: bold;
	color: #222222;
}











/* PYSTYMALLINEN NAVIGAATIO */


div#naviPystyPalkki {
	float: right;
	width: 160px;
/*	background: transparent url(/img/08/mainospalkki_taustagradient.png) repeat-y top left; */
}
div.naviPysty {
/*	background: #000000 url(/img/pystynavitausta.png) no-repeat; */
	background: #000000;
	color: #FF0000;
	font-size: 13px;
/*	border-top: 1px solid #FFFFFF; */
}
div.naviPysty a:link,div.naviPysty a:visited {
	font-family: Sans serif, Arial, Verdana, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
div.naviPysty a:hover {
	color: #FF0000;
}
div.naviPysty ul {
	list-style-image: none;
	list-style-type: circle;
	list-style-position: inside;
	list-style-image: url(/img/nuolibullet_pun_flat.png);
	color: #CC0000;
	margin: 0; padding: 0;
	margin-bottom: 8px;

/*
	border-top: 1px solid #666666;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-top: 1px solid #777777;
*/
}
div.naviPysty li {
	padding: 2px;
	padding-left: 8px;
}
div.naviPysty li.rivi1 {
	background: #262626;
}

div.naviPysty li.rivi2 {
	background: #1A1A1A;
}
div.naviPysty li:hover {
	background: #444444;
}

.pystymainos {
        padding: 5px 0px 5px 0px;
        text-align: center;
}



/* INFOBOKSI */

a#infoBoxAvaus,
a#infoBoxAvausHot {
	display: block;
/* 	float: right; */
	color: #FFFFFF;
	background: transparent url(/img/08/ib_avaus.png) no-repeat 100% 0;
	padding-right: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 10px;
	font-weight: bold;
	z-index:115;
	position: absolute;
	right: 10px;
	top: 0;
	overflow: hidden;
}
a#infoBoxAvausHot {
/*	background-position: 100% -40px; */
	background: transparent url(/img/08/ib_avaus_hot.gif) no-repeat 100% 0;
}
a#infoBoxSulku {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #999999;
	font-size: 10px;
}
#infoBox10, #infoBox10Uusia, .infoBox10 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 80px;
	background: transparent url(/img/08/ib_tausta.png) repeat-x 0 0;
	overflow: hidden;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
}
a#infoBoxYV {
	display: block;
	float: right;
	vertical-align: top;
	margin-left: 10px;
}
#infoBox, .infoBox, .infoBoxOver, #infoBoxUusia, .infoBoxUusia, .infoBoxOverUusia {
	position: absolute; 
	display: block; /* block */
	width: 250px; 
	height: 70px;
	right: 10px; 
	top: 10px;
}
#infoBox, .infoBox {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
}
#infoBoxUusia, .infoBoxUusia, .infoBoxOverUusia {
        background-color: #C37700;
        border: 1px solid #FFFFFF;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        opacity: 0.8;
}

.infoBoxOver {
        background-color: #000000;
        border: 1px solid #FFFFFF;
        filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}
#infoBoxVarjo, .infoBoxVarjo, .infoBoxVarjoOver {
	position: absolute; 
	display: block;
	width: 250px; 
	height: 70px;
	right: 5px; 
	top: 15px;
	background-color: #222222;
	border: 1px solid #000000;
}
#infoBoxVarjo, .infoBoxVarjo {
        filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
}
.infoBoxVarjoOver {
        filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.infoBoxSisalto {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	position: absolute; 
	display: block;
	width: 205px; 
	height: 62px;
	right: 15px; 
	top: 15px;
	font-size: 9px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.infoBoxSisalto ul, #infoBox10 ul {
	margin: 0px; padding: 0px;
	padding-left: 15px;
	font-size: 10px;
	list-style-image: url(/img/mininuoli-valkoinen.gif);
}
img.miniIkoni {
	vertical-align: text-bottom;
	border:0;
}
a.infoBoxLinkki, a.infoBoxLinkki:link, a.infoBoxLinkki:visited {
	color: #EEEEEE;
	text-decoration: none;
}
a.infoBoxLinkki:hover {
	font-weight: bold;
	color: #FFFFCC;
}
a.infoBoxLinkki:active {
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.infoBoxOtsikko {
        font-size: 12px;
        color: #FFFFFF;
	font-weight: bold;
}
#infoBoxLogin {
	margin-top: 5px;
	color: #FFFFCC;
}
#infoBoxLogin a:link, #infoBoxLogin a:visited {
	color: #DDDDDD;
	text-decoration: none;
}
#infoBoxLogin a:hover {
	color: #FF0000;
}
.infoBoxLoginTeksti {
	display: none;
}
.infoBoxInput {
	font-size: 10px;
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0; 
	padding: 1px 1px 1px 5px;
	width: 60px;
	background: #FFFFCC url(/img/ib_inputtausta.png) repeat-x;
	border: 1px solid #333333;
	height: 15px;
	margin-bottom: 5px;
	
}
#infoBoxTunnus {
	background: url('/img/ib_tunnus.png') no-repeat 0px 0px;
	padding: 0; margin: 0;
	padding-top: 10px;
	display: block;
	float: left;
	
}
#infoBoxSalasana {
	background: url('/img/ib_salasana.png') no-repeat 1px 0px;
	padding: 0; margin: 0;
	padding-top: 10px;
	display: block;
	float: left;
	margin-left: 5px;
}
.infoBoxButton {
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-serif;
	background: #000000 url('/img/buttontausta.png') repeat-x;
	border: 1px solid #333333;
	color: #FFFFC1;
	font-size: 10px;
	margin: 0; padding: 1px 5px 1px 5px;
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}


/* MUUT */


.mainospalkkiMainos {
        background: #EEEEEE;
        padding: 10px 0px 10px 0px;
        margin: 5px 0px 5px 0px;
	text-align: center;
}