﻿body    
	{		
	background: url(kuvat/tausta.gif);
   	font-family: verdana, arial, sans-serif;
  	color: #000;
 	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center; /*ie hack for centered layout*/
	text-align: center; /*ie hack for centered layout*/
	}

.page
	{	
	width: 880px;
	margin: auto; /*ie hack for centered layout*/
	text-align: left; /*ie hack for centered layout*/
	}
	
.header
	{
	height: 200px;
	width:880px;
	background: url(kuvat/header.gif);
	}
	
.container
	{
	height: 1200px;
	width:880px;
	background: url(kuvat/glow.gif);
	}

.etucontainer
	{
	height: 1500px;
	width:880px;
	background: url(kuvat/glow.gif);
	}


.vierascontainer
	{
	height: 4200px;
	width:880px;
	background: url(kuvat/glow.gif);
	}



	
.innercontainer
	{
	background: white;
	margin: 0px 15px 0px 15px;
	width: 850px;
	height: 800px;
	}

.etusivuteksti
	{
	float: left; 
	margin: 30px 0px 0px 50px;
	width: 500px;
	}
	
.oikea
	{
	float: right;
	width: 230px;
	}

.teksti
	{
	margin: 30px 65px 0px 65px;
	}

#freimi
	{
	Width: 100%;
	height: 3950px;
	}
	
	
/* ------------------------------------------------------------

		Navigation

------------------------------------------------------------ */


#menu { 
	margin: 0 0 0 0;
	padding: 0;
	background: url(kuvat/navitausta.gif) no-repeat bottom left;
	display: block;
	height: 85px;
	width: 850px;
	}

#menu a {
	margin: 0;
	padding: 0;
	font: 1.4em/2.5em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-indent: -2900px;
	}



#navi { 
	margin: 0px 0 0 45px;
	padding: 0;
	height: 35px;
	}
#navi ul { 
	margin: 0;
	padding: 0;
	}
#navi li a { 
	margin: 0;
	padding: 0;
	float: left;
	}
#navi li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#etusivu a { display: block; height: 35px; width: 95px;}
#kuvat a { display: block; height: 35px; width: 85px;}
#historia a { display: block; height: 35px; width: 105px;}
#bandit a { display: block; height: 35px; width: 90px;}
#yhteystiedot a { display: block; height: 35px; width: 145px;}
#vieraskirja a { display: block; height: 35px; width: 135px;}
#kauppa a { display: block; height: 35px; width: 105px;}

#etusivu a, #kuvat a, #historia a, #bandit a, #yhteystiedot a, #vieraskirja a, #kauppa a { 
	background: transparent url(kuvat/navit.gif) top left no-repeat;
	}

#etusivu a { background-position: 0 0;}
#kuvat a { background-position: -95px 0;}
#historia a { background-position: -180px 0;}
#bandit a { background-position: -285px 0;}
#yhteystiedot a { background-position: -375px 0;}
#vieraskirja a { background-position: -520px 0;}
#kauppa a { background-position: -655px 0;}

#etusivu a:hover { background-position: 0 -35px;}
#kuvat a:hover { background-position: -95px -35px;}
#historia a:hover { background-position: -180px -35px;}
#bandit a:hover { background-position: -285px -35px;}
#yhteystiedot a:hover { background-position: -375px -35px;}
#vieraskirja a:hover { background-position: -520px -35px;}
#kauppa a:hover { background-position: -655px -35px;}

#etusivu a.current { background-position: 0 -70px;}
#kuvat a.current { background-position: -95px -70px;}
#historia a.current { background-position: -180px -70px;}
#bandit a.current { background-position: -285px -70px;}
#yhteystiedot a.current { background-position: -375px -70px;}
#vieraskirja a.current { background-position: -520px -70px;}
#kauppa a.current { background-position: -655px -70px;}


#etusivu a:hover.current { background-position: 0 -70px;}
#kuvat a:hover.current { background-position: -95px -70px;}
#historia a:hover.current { background-position: -180px -70px;}
#bandit a:hover.current { background-position: -285px -70px;}
#yhteystiedot a:hover.current { background-position: -375px -70px;}
#vieraskirja a:hover.current { background-position: -520px -70px;}
#kauppa a:hover.current { background-position: -655px -70px;}


/* ------------------------------------------------------------

	Sälät

------------------------------------------------------------ */

a:focus, a:active {
	outline: none;
	}
	
a	{
	color: #000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img
	{
	border:0;
	}

.red
	{
	color: #cc0000;
	font-weight: bold;
	}
