body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:black;
	background-color:white;
	font-size:12px;
	background: white url(images/viiva.jpg) repeat-y;
}

#topheader1{
	position: absolute;
	margin: 20px 0px 0px 0px;
	width:100%;
	height:68px;
	padding:0px;
	border-top:1px solid #024E8A;
	border-bottom:1px solid #024E8A;
	background-color:#617F97;
}
#topheader2{
	position: absolute;
	margin: 90px 0px 0px 0px;
	width:100%;
	height:50px;
	padding:0px;
	border-bottom:1px solid #024E8A;
	background-color:#B9D0D6;
}
#ossilogo{
	position: relative;
	display: block;
      background: url(images/kelso.jpg) no-repeat;
	position:relative;
	margin: 21px 0px 0px 0px;
	padding:0px;
	width:120px;
	height:120px;
}
#tittelit{
	position: relative;
	display: block;
      background: url(images/tittelit.gif) no-repeat;
	position:relative;
	margin: 12px 0px 0px 160px;
	padding:0px;
	width:600px;
	height:44px;
}

#ossinnimi{
	position: relative;
	display: block;
      background: url(images/kelso.gif) no-repeat;
	position:relative;
	margin: 14px 0px 0px 160px;
	padding:0px;
	width:519px;
	height:27px;
}

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

#verticalheader {
	position: absolute;
	margin: 0px 0px 0px 20px;
	width:120px;
	border-right:1px solid #024E8A;
	border-left:1px solid #024E8A;
/*
	height:100%;
	padding:0px;
	border-right:1px solid #024E8A;
	border-left:1px solid #024E8A;
	background-color:#B9D0D6;
*/
}

div.ossilinkit {
	margin: 12px 0px 0px 14px;
	
}

div.ossilinkit a { 
	text-decoration:none;
}

div.ossilinkit img, #noborder { 
	border-style:none;
}

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

div.tekstiosa {
	position: absolute;
	margin: 160px 0px 20px 160px;
	width:630px;
	padding:0px;
	
}
div.tekstiosa p {
	clear: right;
}

#oikeakuva {
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}

#vasenkuva {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

#kuvateksti {
	text-align: center;
	font-size:10px;
}

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

table.meja-taulukko {
	border: 1px solid #024E8A;
	border-collapse: collapse;
	width: 80%;
}

table.meja-taulukko td,th 	{
	padding: 5px;
      text-align: left;
	border: 1px solid #024E8A;
}

table.meja-taulukko th {
	background-color: #B9D0D6;
}

table.meja-taulukko #center{
      text-align: center;
}

table.show-taulukko {
	border: 1px solid #024E8A;
	border-collapse: collapse;
	width: 100%;
}

table.show-taulukko td,th 	{
	padding: 5px;
      text-align: left;
	border: 1px solid #024E8A;
	font-size: 9px;
}

table.show-taulukko th {
	background-color: #B9D0D6;
}
table.show-taulukko th.col1 {
	width: 40%;
}
table.show-taulukko th.col2 {
	width: 10%;
}
table.show-taulukko th.col3 {
	width: 30%;
}
table.show-taulukko th.col4 {
	width: 20%;
}


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

a.showlinkki, a.showlinkki:link, a.showlinkki:visited {
	padding: 5px;
	text-decoration: none;
	color: #024E8A;
	font-size:14px;
	font-weight: bold;
}

a.showlinkki:hover {
	color: #617F97;
}

div.showoikea {
	text-align:center;
	width: 50%;
	float: right;
	margin-bottom: 25px;
}
div.showoikea img {
	text-align: center;
}

div.showvasen {
	text-align:center;
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
div.showvasen img {
	text-align: center;
}


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

table.sukutaulu {
	font-size: 12px;
	font-family: verdana, sans-serif;
	clear: both;
	border-collapse: collapse; 
	border: 2px solid #024E8A;
	margin: 20px auto 20px auto;	
	width: 90%;
}

table.sukutaulu th {
	font-size: 12px;
	color: black;
	font-weight: bold;
	border: 2px solid #024E8A;
	background-color: #B9D0D6;
	text-align: left;
	padding: 4px;
}

table.sukutaulu td {
	background-color: white;
	padding: 6px; 
	border: 2px solid #024E8A;
	text-align: left;
	vertical-align: middle;
}

span.sukuteksti {
	color: #617F97;
	font-weight: bold;
}

span.sukumva {
	font-size: 10px;
	color: black;
	font-weight: bold;
}


/* photos */

.noborder { 
	border-style:none;
}

h2.album_otsikko {
	color: #294D22;
	font-size: 12px;
	font-weight: bold;
	display:block;
	clear: both;

}	
span.pikkukehys {
	float:left;
	top:10px;
	left:6px;
	width:100px;
	height:100px;
	text-align:center;
	margin: 12px 6px 10px 6px;
	padding:5px 0px 0px 0px;
}
a.pikkukuva {
	border-style:none; 
	text-decoration:none;
}
span.pikkuteksti {
	margin: 5px;
	font-size:10px;
	
}
#kuvanavigaattori {
	text-align: center;
}
#naviindex {
	margin: 0px 25px 0px 25px;
}
div.disabled {
	color: #999999;
	display: inline;
}

p.kuvateksti {
	text-align:center;
}
#isokuva {
	display:block;
	margin: 15px auto 10px auto;
}
div.album_kuvat {
	display: block;
}

.nomargin {
	margin:0px;
}


a { 
  color: black;
  text-decoration: none; 
}

a:hover {
  color: #ff9d4d; 
  text-decoration: underline; 
}


/* photo loppuu */