@charset "utf-8";
html{
}
body{
  font-family: Garamond, "myfont";
  background-image: url("../img/tausta_2.png");
}
#tausta {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-color:#130205;*/
}

@media screen and (min-width:100px) and (max-width:640px){
  #tausta {
    zoom: 38%;
    -moz-transform: scale(0.38);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:641px) and (max-width:960px){
  #tausta {
    zoom: 57%;
    -moz-transform: scale(0.57);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:961px) and (max-width:1024px){
  #tausta {
    zoom: 61%;
    -moz-transform: scale(0.61);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:1025px) and (max-width:1136px){
  #tausta {
    zoom: 68%;
    -moz-transform: scale(0.68);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:1137px) and (max-width:1280px){
  #tausta {
    zoom: 76%;
    -moz-transform: scale(0.76);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:1281px) and (max-width:1366px){
  #tausta {
    zoom: 81%;
    -moz-transform: scale(0.81);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:1367px) and (max-width:1600px){
  #tausta {
    zoom: 95%;
    -moz-transform: scale(0.95);
    -moz-transform-origin: 50% 0;
  }
}
@media screen and (min-width:1601px){
  #tausta {
    zoom: 100%;
    -moz-transform: scale(1);
    -moz-transform-origin: 50% 0;
  }
}

#wrapper-index {
  position: relative;
  margin: auto;
  width:1396px;
  height:640px;
  background-image:url(../img/tausta.png);
}


#wrapper_aloitus {
  height: 100%;
}


h1{color:#400f07;}
h2{color:#400f07;}
h3{color:#400f07;}
h4{}
h5{color:#400f07;}
h7{color:#400f07;}

/*-----------------LOGO-----------*/
#logo_kuva_mini{
	position:absolute;
	top:151px;
	right:200px;
	width:92px;
	height:41px;
	background-image: url(../img/logo_kuva_mini.png);
}


/*---------- NAVIGATION ----------*/



#kieli_bar, #navbar_bar {
	color:#400f07;
}
/*---------- CONTENT ----------*/

#aloitus_group{
	position:absolute;
	top:230px;
	right:92px;
	width:307px;
	height:307px;
	
}
#aloitus_group_mini_1{
	position:absolute;
	top:0;
	left:0px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_1.png);
	background-repeat:no-repeat;
	border: solid 3px #2b1517;	
}

#aloitus_group_mini_2{
	position:absolute;
	top:0;
	left:98px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_2.png);
	border: solid 3px #2b1517;	
}
#aloitus_group_mini_3{
	position:absolute;
	top:0;
	left:196px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_3.png);
	border: solid 3px #2b1517;	
}
#aloitus_group_mini_4{
	position:absolute;
	top:102px;
	left:0px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_4.png);
	border: solid 3px #2b1517;	
}

#aloitus_group_mini_5{
	position:absolute;
	top:102px;
	left:98px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_5.png);
	border: solid 3px #2b1517;	
}
#aloitus_group_mini_6{
	position:absolute;
	top:102px;
	left:196px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_6.png);
	border: solid 3px #2b1517;	
}

#aloitus_group_mini_7{
	position:absolute;
	top:204px;
	left:0px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_7.png);
	border: solid 3px #2b1517;	
}

#aloitus_group_mini_8{
	position:absolute;
	top:204px;
	left:98px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_8.png);
	border: solid 3px #2b1517;	
}
#aloitus_group_mini_9{
	position:absolute;
	top:204px;
	left:196px;
	width:88px;
	height:92px;
	background-image: url(../img/aloitus_group/aloitus_group_mini/aloitus_group_mini_9.png);
	border: solid 3px #2b1517;	
}

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

a:hover #aloitus_group_mini_1{
	top:-1px;
	left:-2px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_1.png);
}
a:hover #aloitus_group_mini_2{
	top:-1px;
	left:96px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_2.png);
}
a:hover #aloitus_group_mini_3{
	top:-1px;
	left:194px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_3.png);
}
a:hover #aloitus_group_mini_4{	
	top:101px;
	left:-2px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_4.png);		
}

a:hover #aloitus_group_mini_5{	
	top:101px;
	left:96px;
	width:92px;
	height:95px;
	background-image:url(../img/aloitus_group/aloitus_group_5.png);		
}

a:hover #aloitus_group_mini_6{	
	top:101px;
	left:194px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_6.png);	
}


a:hover #aloitus_group_mini_7{
	top:203px;
	left:-2px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_7.png);
}


a:hover #aloitus_group_mini_8{
	top:203px;
	left:96px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_8.png);
}

a:hover #aloitus_group_mini_9{
	top:203px;
	left:194px;
	width:92px;
	height:95px;
	background-image: url(../img/aloitus_group/aloitus_group_9.png);
}

/*-----------------------------------------------------*/
#history_link {
	position:absolute;
	left: -100px;
	top: 200px;
	width:450px;
	height:400px;
}

#front_page_link{
	position:absolute;
	right: -100px;
	top: 200px;
	width:450px;
	height:400px;
}


/*-----------------------------------------------------*/
.kuva_label span{
	position:relative;
	padding-left:5px;
	padding-right:10px;
	bottom:-30px;
	font-family:"myfont_3";
	font-size:2em;
	color:#400f07;
	background-color:#fef5f4;
	border: solid 1px #400f07;	
	
}

.kuva_label{
	position: absolute;
	width:400%;
	left:-150%;
	bottom:0;
	overflow:visible;
	z-index:5000;
	text-align: center;
	background:transparent;
	display:none; /* IE javascript permissions! */
}

.kuva_label_center span{
	position:relative;
	padding-left:5px;
	padding-right:10px;
	top:50%;
	font-family:"myfont_3";
	font-size:2em;
	color:#400f07;
	background-color:#fef5f4;
	border: solid 1px #400f07;
}

.kuva_label_center{
	position: absolute;
	width:100%;
	height:100%;
	overflow:visible;
	z-index:5000;
	text-align: center;
	background:transparent;
	display:none; /* IE javascript permissions! */
}

/*-----------------------------------------------------*/
a #gruppa{
    -webkit-transition : all 0.25s;
    -moz-transition : all 0.25s;
    -o-transition : all 0.25s;
    -ms-transition : all 0.25s;
    transition : all 0.25s;
}
a:hover #gruppa{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#eino_link{
	position:absolute;
	left:40px;
	bottom:-40px;
	z-index:1000;
}
#kamera_mini{
        display: inline-block;
	width:63px;
	height:65px;
	background-image: url(../img/kamera_mini.png);
	border: solid 3px #2b1517;
}
#eino_mini{
	position:relative;
        display: inline-block;
	text-align:left;
	top:-10px;
}

#eino_info{
	position: absolute;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}
#eino_info .overlay{
	position: absolute;
	width:100%;
	height:100%;
	background-color:#0a0206;
	opacity:0.8;
}
#eino_info .close{
	position: absolute;
	top:10px;
	right:20px;
	width:27px;
	height:27px;
	background-image: url(../img/close.png);
}
#eino_info_main {
	position: relative;
	top:50px;
	width:800px;
	height:780px;
	margin:auto;
	background-color:#0a0206;
	border: solid 3px #fcf4f5;
}
#eino_otsikko{
	text-align:center;
	position:absolute;
	font-size:1em;
	color:#fcf4f5;
	left: 59px;
	width: 457px;
	height: 175px;
	top: 40px;
}
#eino_otsikko h1,
#eino_otsikko h5,
#eino_otsikko h7{
	color:#fcf4f5;
}
#eino_teksti_container{
	position:absolute;
	left:59px;
	width: 456px;
	top: 189px;
}
#eino_teksti{
	position:relative;
	width: 100%;
	font-size:1.1em;
}
#eino{
	position:absolute;
	right:58px;
	width:166px;
	height:242px;
	background-image: url(../img/eino_mini.png);
	top: 168px;
}
#kamera{
	position:absolute;
	right:57px;
	top:433px;
	width:166px;
	height:242px;
	background-image: url(../img/kamera.png);
}
#ups_center{
	position:relative;
	width:100%;
	margin-top:32px;
}
#ups{
	width:115px;
	height:32px;
	background-image: url(../img/ups.png);
	margin:auto;
}

#tekijatiedot_link{
	position:absolute;
	right:25px;
	bottom:-15px;
	z-index:1000;
}
#tekijatiedot_link_text{
	margin:auto;
	text-align:right;
}
#ups_aloitus{
	position:relative;
	margin:auto;
	width:70px;
	height:9px;
	top:5px;
	background-image: url(../img/ups_aloitus.png);
}
#tekijatiedot_info{
	position: absolute;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}
#tekijatiedot_info .overlay{
	position: absolute;
	width:100%;
	height:100%;
	background-color:#0a0206;
	opacity:0.8;
}
#tekijatiedot_info .close{
	position: absolute;
	top:10px;
	right:20px;
	width:27px;
	height:27px;
	background-image: url(../img/close.png);
}
#tekijatiedot_info_main {
	position:relative;
	text-align:center;
	top:50px;
	width:550px;
	height:500px;
	margin:auto;
	padding:20px;
	background-color:#0a0206;
	border: solid 3px #fcf4f5;
}

#tekijatiedot_info_otsikko{
	text-align:center;
	font-size:1em;
	color:#fcf4f5;
	left: 59px;
	top: 100px;
	margin-top:20px;
	margin-bottom:20px;
}
#tekijatiedot_info_otsikko h1,
#tekijatiedot_info_otsikko h5 {
	color:#fcf4f5;
	font-size: 2.5em;
}
#tekijatiedot_info_main td {
	vertical-align:top;
	text-align:left;
	font-family: "myfont";
	color: #fcf4f5;
	font-size: 1.1em;
	padding-bottom:10px;
}
#tekijatiedot_info_main table {
	position:relative;
	left:40px;
	width:500px;
}
#tekijatiedot_info_main col:first-child {
	width:250px;
}

#tekijatiedot_info_main_ups{
	position:absolute;
	width:115px;
	height:32px;
	bottom:30px;
	background-image: url(../img/ups.png);
	left: 228px;
}


/*---------- SIVUT/KUVAT (LIGHTBOX) ----------*/

.lb-closeContainer {
	position:absolute;
	right:5px;
	z-index:10001;
}
.lb-data {
	position:relative;
	top:-100px;
	width:100%;
	padding: 0;
	background-color:#f3efee;
	overflow:auto;
}
.lb-data .lb-details {
	position:relative;
	width:80%;
	/*text-align:center;*/
	left:10%;
}
.lb-data .lb-details .lb-caption{
	font-family:"myfont_2";
	color:#040301;
	/*font-size:1.2em;
	background-color:red;*/
}
.lb-data .lb-details .lb-number {
	/*visibility: hidden;*/
	background-color:transparent;
}

/*-------- HOVER BORDER ------*/
.lb-default
{
	border: solid 3px #fcf4f5;
	/*border: solid 3px #fcf4f5;*/
}

.lb-hover
{
	border: solid 3px #795753;
	/*border: solid 3px #400f07;*/
}


/*---------- FOOTER ----------*/
#footer-index {
  position: relative;
  margin: auto;
  padding-top:50px;
  padding-bottom:50px;
  left: 18px;
  top: -33px;
  width: 1396px;
  min-width: 1396px;
  text-align: center;
  font-size: 0.9em;
  text-decoration: none;
  color:#400f07;
}

#otsikkio{}
#sisältö{}
#sivu {}
#museo {}
#teksti{}