@charset "utf-8";

* {	margin: 0;  
	padding: 0;
	border:0;
	}
	
	html {width:100%;
height:100%;
}

	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:#d6e6ec;
	background-image:url(img/base/bg-body2.png);
	background-position:center top;
	background-repeat:no-repeat;
 	margin: 0;  
	padding: 0;
	text-align: center; 
	color: #000000;

	}
/* 	 */
	
 
 #container {
width:900px;
height:650px;
position:absolute; left:50%;
	margin:10px 0 10px -450px;
 	text-align: left; 
 
}

	
	

/* ################## HEADER JA PÄÄSISIS ############################# */
	
	
 #header {
	padding: 0; 
			background-color:none;
		text-align:center;
		height:175px;
}
 #header h1 {
	margin: 0; /* estää margin collapsen*/
	padding: 10px 0; /* käytä paddingia marginin sijaan */
}


 #mainContent {
	padding: 25px 0;  
	background:#f7f5ee;
	height:550px;
	margin:35px 0 0 0;

}


/* ################## OTSIKOT ############################# */

h1 {font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#736357;
font-variant:normal;
text-transform:uppercase;
letter-spacing:0.1em;
font-size:120%;
font-style:italic;}


h3 {font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#736357;
font-variant:normal;
text-transform:uppercase;
letter-spacing:0.1em;
font-size:100%;
font-style:italic;}



/* ################## TEKSTIT JA KUVAT ############################# */


 

#leipis {width:400px;
background-color:none;
font-size:90%;
padding:15px 35px 0 15px;
	line-height:140%;
}

a:link, a:visited, a:active {color: #be5116; text-decoration:none; font-weight:bold;}
a:hover {	color:#000000; text-decoration:none; font-weight:bold;}

p {margin:1em 0;}

.ingressi {font-weight:bold;
text-decoration:none;
font-style:italic;
color:#736357;
	line-height:170%;
}




/* FLOATERIT */
.float-right {float:right;}
.float-left {float:left;}
 
img.float-left , img.float-right {border: 1px solid #ddd; margin:1em; padding:8px; background-color:#fefefa;}

.w400 {width:400px;}

.kuvaus img  {border: 1px solid #ddd; margin:0 1em 0.5em 1em; padding:8px; background-color:#fefefa;}

.nosidemargin {margin-left:0; margin-right:0;}

.kirjoittaja {position:absolute;
top:235px;
right:30px;
font-size:85%;
text-align:right;
color:#736357;
}


/* ################## FOOTER ############################# */

 /* 	background-image:url(img/base/bg-bot.png);
	background-position:bottom center;
	background-repeat:no-repeat; */
 #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
		text-align:center;
		height:70px;
		color:#a6b6bc;
		display:none; 
}

 #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: 50px 10px 0 0; 
	font-size:85%;  
}





/* ################## YKSITTÄISET ############################# */

 

 /* PUDOTUSVALIKOT */


.dropdown1 { /*alasveto-otsikko*/
width:70px;
cursor: pointer;
padding: 0.2em;
margin:0;
background-color:#fbfbf8;
margin: 0;
border: 0px solid gray;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#736357;
font-variant:normal;
text-transform:uppercase;
letter-spacing:0.1em;
-moz-border-radius: 12px; 

}

.kuvaus { /* sisältö*/
background-color:none;
margin:20px 1em;
padding:30px 10px 10px 10px;
text-align:left;
background-color:#fbfbf8;
font-size:95%;
-moz-border-radius: 12px;
width:470px;
border:2px solid #73a9ae;
}


#otsikko {position:absolute;
top:180px;
left:320px;
width:367px;
height:76px; }



/* ASEMOINNIT alvarin matkat */


.esipuhe {position:absolute; top:255px; left:520px;} 

.v1920 {position:absolute; top:280px; left:520px;} 
.v1921 {position:absolute; top:305px; left:520px;}
.v1923 {position:absolute; top:330px; left:520px;}
.v1924 {position:absolute; top:355px; left:520px;}
.v1926 {position:absolute; top:380px; left:520px;}
.v1928 {position:absolute; top:405px; left:520px;}
.v1929 {position:absolute; top:430px; left:520px;}

.v1930 {position:absolute; top:480px; left:520px;} 
.v1931 {position:absolute; top:505px; left:520px;}
.v1933 {position:absolute; top:530px; left:520px;}
.v1934 {position:absolute; top:555px; left:520px;}
.v1935 {position:absolute; top:580px; left:520px;}
.v1936 {position:absolute; top:605px; left:520px;}
.v1937 {position:absolute; top:630px; left:520px;}
.v1938 {position:absolute; top:655px; left:520px;}
.v1939 {position:absolute; top:680px; left:520px;}

.v1940 {position:absolute; top:280px; left:620px;} 
.v1941 {position:absolute; top:305px; left:620px;}
.v1942 {position:absolute; top:330px; left:620px;}
.v1943 {position:absolute; top:355px; left:620px;}
.v1944 {position:absolute; top:380px; left:620px;}
.v1945 {position:absolute; top:405px; left:620px;}
.v1946 {position:absolute; top:430px; left:620px;}
.v1947 {position:absolute; top:455px; left:620px;}
.v1948 {position:absolute; top:480px; left:620px;}
.v1949 {position:absolute; top:505px; left:620px;}

.v1950 {position:absolute; top:555px; left:620px;} 
.v1951 {position:absolute; top:580px; left:620px;}
.v1952 {position:absolute; top:605px; left:620px;}
.v1953 {position:absolute; top:630px; left:620px;}
.v1954 {position:absolute; top:655px; left:620px;}
.v1955 {position:absolute; top:680px; left:620px;}
.v1956 {position:absolute; top:280px; left:720px;}
.v1957 {position:absolute; top:305px; left:720px;}
.v1958 {position:absolute; top:330px; left:720px;}
.v1959 {position:absolute; top:355px; left:720px;}

.v1960 {position:absolute; top:405px; left:720px;} 
.v1961 {position:absolute; top:430px; left:720px;}
.v1962 {position:absolute; top:455px; left:720px;}
.v1963 {position:absolute; top:480px; left:720px;}
.v1964 {position:absolute; top:505px; left:720px;}
.v1965 {position:absolute; top:530px; left:720px;}
.v1966 {position:absolute; top:555px; left:720px;}
.v1967 {position:absolute; top:580px; left:720px;}
.v1968 {position:absolute; top:605px; left:720px;}
.v1969 {position:absolute; top:630px; left:720px;}

.v1970 {position:absolute; top:280px; left:820px;} 
.v1971 {position:absolute; top:305px; left:820px;}
.v1972 {position:absolute; top:330px; left:820px;}
.v1973 {position:absolute; top:355px; left:820px;}
.v1974 {position:absolute; top:380px; left:820px;}
.v1975 {position:absolute; top:405px; left:820px;}
.v1976 {position:absolute; top:430px; left:820px;}



/* ASEMOINNIT aerola  */
/* .aerolaa {position:absolute; top:380px; left:520px;} 
.aerolab {position:absolute; top:285px; left:550px;}
.aerolac {position:absolute; top:330px; left:610px;}
.aerolad {position:absolute; top:355px; left:650px;}
.aerolae {position:absolute; top:390px; left:710px;}
.aerolaf {position:absolute; top:435px; left:740px;}
.aerolag {position:absolute; top:460px; left:780px;} */

.aerolaa {position:absolute; top:310px; left:760px;} 
.aerolab {position:absolute; top:335px; left:760px;}
.aerolac {position:absolute; top:360px; left:760px;}
.aerolad {position:absolute; top:385px; left:760px;}
.aerolae {position:absolute; top:410px; left:760px;}
.aerolaf {position:absolute; top:435px; left:760px;}
.aerolag {position:absolute; top:460px; left:760px;}

/* ASEMOINNIT lentokenttä */
/* .sisustusa {position:absolute; top:260px; left:520px;} 
.sisustusb {position:absolute; top:285px; left:550px;}
.sisustusc {position:absolute; top:297px; left:637px;}
.sisustusd {position:absolute; top:290px; left:737px;}
.sisustuse {position:absolute; top:310px; left:800px;}
.sisustusf {position:absolute; top:330px; left:560px;}
.sisustusg {position:absolute; top:360px; left:610px;}
.sisustush {position:absolute; top:400px; left:650px;} 
.sisustusi {position:absolute; top:420px; left:700px;}
.sisustusj {position:absolute; top:450px; left:575px;}
.sisustusk {position:absolute; top:430px; left:740px;}
.sisustusl {position:absolute; top:450px; left:810px;}*/


.sisustusa {position:absolute; top:275px; left:660px;} 
.sisustusb {position:absolute; top:300px; left:660px;}
.sisustusc {position:absolute; top:325px; left:660px;}
.sisustusd {position:absolute; top:350px; left:660px;}
.sisustuse {position:absolute; top:375px; left:660px;}
.sisustusf {position:absolute; top:400px; left:660px;}

.sisustusg {position:absolute; top:275px; left:760px;}
.sisustush {position:absolute; top:300px; left:760px;} 
.sisustusi {position:absolute; top:325px; left:760px;}
.sisustusj {position:absolute; top:350px; left:760px;}
.sisustusk {position:absolute; top:375px; left:760px;}
.sisustusl {position:absolute; top:400px; left:760px;}


.tuliaiset1 {position:absolute; top:275px; left:550px; width:300px;}
.tuliaiset2 {position:absolute; top:370px; left:550px; width:300px;} 
.tuliaiset3 {position:absolute; top:475px; left:550px; width:300px;}
.tuliaiset4 {position:absolute; top:575px; left:550px; width:300px;}



 /* PIKKUIKKUNAN THUMBIT onko merkitystä */



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left:0;
top:0;
padding: 1em 4em 4em 4em;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#596e74;
border:1px dashed #80b835;
text-align:left;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
line-height: 1.1em;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
word-spacing:0.2em;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
margin:0.5em;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}



.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


 /*No use */


#xx {position:absolute;
left:360px;
top:155px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#be5116;
font-variant:normal;
text-transform:uppercase;
letter-spacing:0.1em;
line-height:150%;
}