/* Importit */
@import url('../js/lightbox/lightbox.css');


/* Pari juttua jotka on vaan pakko olla */
html, body{
	margin:				0;
	padding:			0;
	height:				100%;
	width:				100%;
	font-size:			1.0em;
}
/* Juttujen loppu */


/* divien ns pakollinen setti */
.frame{
	width:				806px;
	font-size:			1.0em;
	height:				auto;
	margin:				0 auto;
	overflow:			hidden;
}

#content {
	overflow:			visible;
	position:			relative;
	float:				left;
	clear:				both;
}

.footer, .header{
	width:				800px;
	float:				left;
	clear:				left;
}

.main, .footer, .header{
	border-radius: 		10px 10px 10px 10px;
	-moz-border-radius: 10px;
}

.banner {
	 border-radius: 	5px 5px 0 0;
	-moz-border-radius: 5px;
}

.main, .footer, .header{
	border:				3px double black;
	background:			white;
	font-size:			1.0em;
	position:         	relative;
	margin:				0.5em 0;	
}

.main{
	width:				800px;
	float:				left;
	clear:				left;
	padding:			1em 0;
}

.panel{
	padding-top:		6em;
	width:				200px;
	float:				right;
	margin:				0.5em 0.5em 1em 1em;
	overflow:			hidden;
	font-size:			1.0em;
	position:			relative;
}

.banner{
	height:				68px;
	overflow:			hidden;
}

.header{
	height:				90px;
	margin-top:			1.5em;
}

.footer{
	height:				25px;
	overflow:			visible;
	margin-bottom:		3em;
}
/* Divien pakollisen setin loppu */


/* Taustakuva */
#taustakuva, #taustakuva img {
	width:		100%;
	height:		100%;
	z-index:	-9000;
	position:	fixed;
}
/* Taustakuvan loppu */


/* Menun setti */
.menu{
	color:				black;
	margin-right:		auto;
	margin-left:		auto;
	text-align:			center;
	margin:				0;
   	font-size:     		0.85em;
   	font-weight:   		bold;
}

.menu a{
	margin:				1px 3px 1px 3px;
	text-decoration:	none;
	font-size:			1.0em;
	display:			inline;
}

.menu a:hover{
	color:				#228;
	text-decoration:	none;
}
/* Menun setin loppu */


/* Tekstin muotoilut */
.footer{
	font-size:		0.8em;
}

.main{font-size:		0.80em;}

h1, h2, h3, h4, h5, h6, p, ul, li, a, dl, td, table, address, .image{
	color:				black;
	font-family:		"Tahoma", "Helvetica", "Comic Sans MS", "Arial";
	text-align:			left;
	white-space: 		normal; 
}

p, ul, li, td, address, dl{
	font-size:			1.0em;
	margin:				1.5em 1.5em 1.0em 1.5em;
	list-style:			disc;
}

.footer h5, .footer a{
	margin: 			0px 0px 0px 0px;
	font-size:			1.0em;
	text-decoration:	none;
	font-weight:		bold;
	text-align:			center;
	color:				black;
}

h1{	font-size: 	1.4em;}
h2{	font-size: 	1.3em;}
h3{	font-size: 	1.2em;}
h4{	font-size: 	1.1em;}
h5{	font-size:	1.0em;}

h3, h5, h6{
	text-align:		center;
	text-transform:	none;
}

h6{
	margin-top:			-20px;
}
/* Tekstimuotoilujen loppu */


/* Gallerian asetukset */
.gallery{
	width:			auto;
	text-align:		center;
	margin-left:	auto;
	margin-right:	auto;
}

.gallery h5, .gallery p, .gallery a{
	margin:			15px 5px -5px 5px;
	text-align:		center;
}
/* Gallerian asetusten loppu */


/* Paneelin asetukset */
.panel img{
	border:				0px black solid;
	margin:				0px 0px 0px 0px;
	width:				147px;
}

.panel a{
	margin:				0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	border:				0px black solid;
	text-decoration:	none;
}
/* Paneelin asetusten loppu */


/* Sekalaiset */
body{
  background-attachment:	fixed;
  background:           	url("../images/bg2.jpg");
  background-repeat:			repeat;
  background-repeat:			repeat-y;
}

.image{
   width:      200px;
   height:      auto;
   border:      1px black solid;
   float:      right;
   position:   relative;
   margin:      10px 10px 10px 10px;
   padding:      10px 10px 0px 10px;
   z-index:     1;
   overflow:    visible;
   display:   block;
}
    
.image img{
   width:      200px;
   height:     auto;
   display:    block;
}

.img{  
	margin:				4px;
	position:			static;
	float:				right;
	clear:				right;
	width:				200px;
}
/* Sekalaisten loppu */


/* Verraten hauska setti menua varten, mutta vain varalla ;)
.menu a,.menu a:hover{
	border:				1px black solid;
	text-decoration:	none;
	font-size:			12px;
}

.menu a{
	display:				inline;
	border:				1px black solid;
	border-color:		#aaa #000 #000 #aaa;
	width:				8em;
	background:			#77f;
}

.menu a:hover{
	position:			relative;
	top:					1px;
	left:					1px;
	border-color:		#000 #aaa #aaa #000;
}
*/