@charset "UTF-8";
/*  objekstien ulkoasumääritykset  */
.main {
	width: 580px;
	float: left;
}
.wrapper {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.page.main {
	position: relative;
}
header.main, nav.main, section.main, article {
	background-position: top right;
}


header.main {
	background-image: url(../images/bg_main_header.jpg);
	height: 160px;
}
nav.main {
	background-image: url(../images/bg_main_nav.jpg);
	height: 40px;
}
section.main {
	background-image: url(../images/bg_main_section.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}
section.main article, #kuvat {
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
}
footer.main {
	background-image: url(../images/bg_main_footer.jpg);
	height: 50px;
}

/*  päänavigaation muotoilu  */
nav.main li {
	display: inline;
}





/*
  Jos haluua linkkien taustan väritystä muuttaa,
  tekee oman säännön, jossa nav.main a:hover on background-color: vaikka valkoinen; ja teksti joku muu.
*/
nav.main a {
	color: #FFFF00; /* keltainen väri navigaation tekstiin kaikkiin näkymiin*/
	height: 40px;
	float: left;
	line-height: 40px;
	padding-right: 1em;
	padding-left: 1em;
	display: block;
}
nav.main a:hover {
	color: #FF0004; /* punainen väri kun viedään hiiri päälle navigaatiossa */
}

nav.main a:active {
	color: #C80003; /* tummanpunainen väri kun painetaan hiirtä päällä navigaatiossa */
}

footer.main ul {
	display: block;
	float: left;
	width: 292px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}


#logo {
	top: 36px;
	left: 18px;
	position: absolute;
	z-index: 33;
}




#headerAnimaatio {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 22;
}
#logo_footer {
	float: right;
	margin-right: 49px;
	margin-top: 15px;
}




/* Lomakkeen lisämuotoilut (leveydet ja korkeudet) */
.tekstikentta {
	width: 300px;
}
.monirivinen {
	height: 100px;
}