@charset "utf-8";

* {margin:0;
padding:0;
border:0;
}

@import url("lightbox.css");


body {
	font: 0.8em Tahoma, Geneva, sans-serif;
	background-color:#FFF;
	/* background: #352019;
	background-image:url(img/base/bg_main.png);
	background-repeat:repeat-x;*/
	margin: 0; 
	padding: 0;
	text-align: center;  
	color: #ffffff;
	overflow-x:hidden;
}
#container {
	width: 920px;  
	background: #7d6651;
			background-image:url(img/base/pohjat-1.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin: 10px auto;  
	border: 1px solid #6f5249;
	text-align: left;  

}
#container_info {
	width: 920px;  
	background: #fff;
			background-image:none;
	margin: 10px auto;  
	border: 1px solid #6f5249;
	text-align: left;  

}
#header {
background: none;
	height:117px;
	text-align:left;
 background-image:url(img/base/bgb_50.png);
 background-repeat:no-repeat;
}


#logo {padding:0 0 0 730px;
	margin: 0; /* SÄILYTÄ */
	
}

#lang {width:150px;
text-align:right;
padding:15px 5px 0 0;
float:right;}

#lang img {margin:0 5px 0 0;}
 
#mainContent {
	padding: 0;
	background:none;;

	border:0;
}

 #navi	   { 
 width:100%;
 background-image:url(img/base/bg_80.png);
 background-repeat:no-repeat;
 }


#navi p {padding:5px;
color:#f5f5ef;
word-spacing:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:0.1em;
font-variant:small-caps;
text-transform:lowercase;
font-size:120%;
padding: 10px 20px;
}

#navi  a:link, 
#navi a:visited, 
#navi a:hover,
#navi a:active {
	text-decoration: none;
	color: #8d617e;
	font-weight:bold;
}

#navi a:hover {color:#e4422d;
}


#sisalto {margin: 35px 0 0 20px;
padding:0 0 50px 0; 
font-size:90%;
line-height:160%;
}

#leipis {
	width:600px;
	margin:0 30px 0 130px;
  min-height:500px;
  height:auto !important;
  height:500px;
  font-variant:normal;
  text-transform:none;
 }
 
 #leipis_info {
	width:600px;
	margin:0 30px 0 130px;
  min-height:500px;
  height:auto !important;
  height:500px;
  font-variant:normal;
  text-transform:none;
  color:#000;
 }
 
#leipis_etu {
	width:740px;
	margin:0 20px;
  min-height:500px;
  height:auto !important;
  height:500px;
 }
 
 #leipis_etu img {border:3px solid white;
 border-bottom:16px solid white;
 }
 
 	/* yksittäisten kuvien määrittelyt lopussa */
 
#kuvashow {
	width:700px;
	text-align:center;
	padding:0;
	margin:0 0 0 60px;
 }
 
#kuvashow2 {
	width:410px;
	text-align:center;
	padding:0 0 0 10px;
	float:right;
 }

#kuvashow2 img {padding:0;
margin:0 0.1em 0.1em 0;}


h1 {margin: 0 0 2em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0;
font-variant:small-caps;
text-transform:lowercase;
font-size:200%; }

h2 {margin: -1em 0 1em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0;
font-variant:small-caps;
text-transform:lowercase;
font-size:150%;}

h3 {margin: 2em 0 1em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0;
font-variant:small-caps;
text-transform:lowercase;
font-size:140%;}

#leipis p {margin:1em 0 1em 0;}
#leipis ul {margin:1em 0;   
font-variant:normal;   text-transform:none;}
#leipis li {margin:0 0 0.5em 2em;}

#leipis a:link, 
#leipis a:visited, 
#leipis a:hover,
#leipis a:active {
	text-decoration: none;
	color: #f5f5ef;
	font-weight:bold;
	  font-variant:normal;
	   text-transform:none;
}

blockquote {margin:1.5em;
font-style:italic;
}

.ingressi {font-weight:bold;
font-style:italic;
}


#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:none;
	border:0;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	color:#bbb6b0;
	font-size:85%;
	text-align:center;
}

.smaller {font-size:90%; font-family:Verdana, Geneva, sans-serif;}




#a1 {float:left; 
margin:-20px -50px 0.5em 0.5em; 
behavior:url(-ms-transform.htc);
 -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);
 -o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
 z-index:10;
}

#a2 {float:left; 
margin:-25px -50px 0.5em 0.5em; 
 -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); 
 -o-transform:rotate(4deg);
-ms-transform:rotate(4deg);
  z-index:20;
}

#a3 {float:left; 
margin:0 -50px 0.5em 0.5em; 
 -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); 
 -o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
  z-index:15;
}


#a4 {float:left; 
margin:10px -50px 0.5em 0.5em; 
 -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);
 -o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
 z-index:16;
}

#a5 {float:left; 
margin:-5px -20px 0.5em 0.5em; 
 -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); 
 -o-transform:rotate(4deg);
-ms-transform:rotate(4deg);
  z-index:21;
}

#a6 {float:left; 
margin:5px -10px 0.5em 0.5em; 
 -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); 
 -o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
  z-index:16;
}

#a7 {float:left; 
margin:-5px -10px 0.5em 0.5em; 
 -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); 
 -o-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
  z-index:16;
}


#a8 {float:left; 
margin:-85px -40px 0.5em -20px; 
 -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); 
 -o-transform:rotate(2deg);
-ms-transform:rotate(2deg);
  z-index:14;
}

#a9 {float:left; 
margin:-35px -50px 0.5em 0.5em; 
 -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); 
 -o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
  z-index:21;
}


#a10 {float:left; 
margin:-60px -50px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
 z-index:22;
}

#a11 {float:left; 
margin:-70px -20px 0.5em 0.5em; 
 -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg);
 -o-transform:rotate(2deg);
-ms-transform:rotate(2deg);
 z-index:23;
}

#a12 {float:left; 
margin:-58px -50px 0.5em 10px; 
 -moz-transform:rotate(-11deg); -webkit-transform:rotate(-11deg); 
 -o-transform:rotate(-11deg);
-ms-transform:rotate(-11deg);
  z-index:6;
}

#a13 {float:left; 
margin:-55px -10px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
  z-index:30;
}

#a14 {float:left; 
margin:-25px -10px 0.5em 0.5em; 
 -moz-transform:rotate(-13deg); -webkit-transform:rotate(-13deg); 
 -o-transform:rotate(-13deg);
-ms-transform:rotate(-13deg);
  z-index:35;
}

#a15 {float:left; 
margin:-88px -20px 0.5em 0.5em; 
 -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); 
 -o-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
  z-index:18;
}




#u1 {float:left; 
margin:-73px -20px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
 z-index:40;
}

#u2 {float:left; 
margin:-48px -30px 0.5em 0px; 
 -moz-transform:rotate(-11deg); -webkit-transform:rotate(-11deg); 
 -o-transform:rotate(-11deg);
-ms-transform:rotate(-11deg);
  z-index:45;
}

#u3 {float:left; 
margin:-55px -10px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
  z-index:24;
}

#u4 {float:left; 
margin:-25px -10px 0.5em 0.5em; 
 -moz-transform:rotate(13deg); -webkit-transform:rotate(13deg); 
 -o-transform:rotate(13deg);
-ms-transform:rotate(13deg);
  z-index:35;
}

#u5 {float:left; 
margin:-88px -20px 0.5em 0.5em; 
 -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); 
 -o-transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
  z-index:50;
}

#u6 {float:left; 
margin:-70px -20px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
 z-index:43;
}



#g1 {float:left; 
margin:-80px -20px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
 z-index:100;
}

#g2 {float:left; 
margin:-48px -30px 0.5em 0.5em; 
 -moz-transform:rotate(-11deg); -webkit-transform:rotate(-11deg); 
 -o-transform:rotate(-11deg);
-ms-transform:rotate(-11deg);
  z-index:45;
}

#g3 {float:left; 
margin:-55px -30px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); 
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
  z-index:55;
}



#v1 {float:left; 
margin:-83px -50px 0.5em 100px; 
 -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);
 -o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
 z-index:60;
}

#v2 {float:left; 
margin:-88px -60px 0.5em -20px; 
 -moz-transform:rotate(-11deg); -webkit-transform:rotate(-11deg); 
 -o-transform:rotate(-11deg);
-ms-transform:rotate(-11deg);
  z-index:65;
}

#v3 {float:left; 
margin:-95px -20px 0.5em 0.5em; 
 -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); 
 -o-transform:rotate(8deg);
-ms-transform:rotate(8deg);
  z-index:63;
}

#v4 {float:left; 
margin:-85px -10px 0.5em 0.5em; 
 -moz-transform:rotate(-13deg); -webkit-transform:rotate(-13deg); 
 -o-transform:rotate(-13deg);
-ms-transform:rotate(-13deg);
  z-index:35;
}

#v5 {float:left; 
margin:-88px -20px 0.5em 0.5em; 
 -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); 
 -o-transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
  z-index:50;
}

#v6 {float:left; 
margin:-70px -20px 0.5em 0.5em; 
 -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
 z-index:43;
}