/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(img/bg_body.jpg) repeat-x top left;
	background-color: #ecedee;
	}
	
	
.taustakuva {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	}

/*
#edusta {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 500;
	}
*/
	
#kehys {
	margin: 0;
	padding: 0;
	width: 950px;
	height: auto;
	position: relative;
	}
	
#kooste {
	margin: 0;
	padding: 0;
	height: 664px;
	}
	
.koostevalikko {
	margin: 0 0 20px 0;
	padding: 0;
	width: 950px;
	height: 260px;
	position: relative;
	}
	
.koostevalikko ul {
	margin: 0;
	padding: 0;
	width: 96px;
	height: 260px;
	position: relative;
	float: right;
	}
	
.koostevalikko ul li {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 260px;
	position: relative;
	float: left;
	list-style-type: none;
	display: block;
	}
	
.valikkolinkki {
	margin: 0;
	padding: 0;
	border: 0;
	width: 24px;
	height: 220px;
	}
	
.vMoottoripyorat {
	background: url(img/vMoottoripyorat.png) no-repeat bottom center;
	}
	
.vHuolto {
	background: url(img/vHuolto.png) no-repeat bottom center;
	}
	
.vPalvelut {
	background: url(img/vPalvelut.png) no-repeat bottom center;
	}
	
.vKauppa {
	background: url(img/vLiike.png) no-repeat bottom center;
	}
	
.ActiveRing {
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	width: 24px;
	height: 24px;
	background: url(img/vRing_Active.png) no-repeat center center;
	}
	
.inActiveRing {
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	width: 24px;
	height: 24px;
	background: url(img/vRing_inActive.png) no-repeat center center;
	}
	
	
#FN {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 112px;
	position: relative;
	/*background-color: black;*/
	float: left;
	z-index: 900;
	}

#FN.imsge {
                border: 0;
                }
	
.ingressi {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 112px;
	text-align: left;
	position: relative;
	background: url(img/bg_ingressi.png) no-repeat center left;
	float: left;
	}
	
.ingressi p {
	margin-top: 25px;
	padding-right: 75px;
	vertical-align: middle;
	}
	
#otsikkokuva {
	margin: 0 20px 0 20px;
	padding: 0;
	height: 112px;
	float: left;
	vertical-align: middle;
	}
	
.Moottoripyora {
	width: 380px;
	background: url(img/h1_Moottoripyorat.png) no-repeat center center;
	}
	
.Huolto {
	width: 220px;
	background: url(img/h1_Huolto.png) no-repeat center center;
	}
	
.Palvelut {
	width: 380px;
	background: url(img/h1_Palvelut.png) no-repeat center center;
	}
	
.Liike {
	width: 350px;
	background: url(img/h1_Liike.png) no-repeat center center;
	}
	
.pikalinkit {
	margin: 20px 0 0 180px;
	padding: 0;
	width: 770px;
	height: 252px;
	position: relative;
	float: right;
	text-align: center;
	}
	
	
#alaviite, #alaviite p {
	color: #666666;
	}	
	
.paamieslogo {
	margin-right: 30px;
	border: none;
	}

	
.infokehys {
	text-align: center;
	display: none;
	}
		
.infosivu {
	margin: 0;
	padding: 0;
	top: 40px;
	width: 950px;
	height: 624px;
	text-align: left;
	position: absolute;
	}
	
.komentorivi {
	margin: 0;
	padding: 10px 0 0 0;
	width: auto;
	height: 20px;
	position: relative;
	text-align: right;
	background-color: #333;	
	filter: alpha(opacity=65);
	opacity: 0.65;
	-moz-opacity: 0.65;
	}
	
.sisalto {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 594px;
	position: relative;
	text-align: left;
	overflow: auto;
	background-color: #333;
	}

.leipateksti {
	margin: 0 0 0 220px;
	padding: 0;
	width: 450px;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	}
	
.sivuviitteet {
	margin: 0 0 0 20px;
	padding: 0;
	width: 230px;
	height: auto;
	float: left;
	text-align: center;
	}
	
.viitekuva {
	position: relative;
	margin-top: 220px;
	border: none;
	}

