/*
<STYLE TYPE="text/css" MEDIA=screen>
*/
body {
	background-image: url(bg_1.gif);
	font-family: Arial, Helvetica, sans-serif;
}

p { 
	text-align: left; 
}

.ot { 
	text-align: center; 
	vertical-align: top;
}

.ol { 
	text-align: left; 
	vertical-align: top;
}

.li { 
	text-align: left; 
	padding-left: 20px;
}

.oc { 
	text-align: center; 
	vertical-align: top;
}

.pic { 
	border: 1px solid black;
	text-align: left;
	width : 360px;
	height: 260px;
 }

.pic_kokous { 
	border: 1px solid gray;
	text-align: left;
 }

.pic_kartta_iso { 
	border: 1px solid green;
	text-align: left;
 }

.pic_kartta_a4 { 
	border: 1px solid green;
	text-align: left;
 }

.pic_etu { 
	border: 0px none black;
	text-align: left;
 }

.txt_etu { 
	text-align: left;
	font-weight: bold;
	color: green;
}

.txt_pieni { 
	text-align: left;
	font-weight: normal;
	font-size: 70%;
	color: green;
}

.mml_lisenssi { 
	text-align: left;
	font-weight: normal;
	font-size: 65%;
	color: black;
}


.paa { 
	text-align: left; 
	border: 0px none black;
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-spacing:0px 0px 0px 0px;
	width: 950px;
	text-align: center;
}

.top { 
	text-align: left; 
	border: 0px solid green;
	border-style: solid;
	padding: 0px 0px 0px 0px;
	border-spacing:0px 0px 0px 0px;
	width: 950px;
	height: 114px;
	background-image: url(top_1.jpg);
	vertical-align: top;
}

.etusivurakenne { 
	text-align: left; 
	border: 0px solid green;
	border-style: solid;
	padding: 2px 0px 0px 10px;
	border-spacing:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #ecffcd;
	vertical-align: top;
}

.etusivurakenne2 { 
	text-align: left; 
	border: 0px none blue;
	border-style: none;
	padding: 0px 0px 0px 0px;
	width: 20%;
	margin: 0px 0px 0px 0px;
	background-color: #ecffcd;
}

.ft { text-align: center; font-size: small;}

td.box {
	border: 0px solid #E3E5F3;
	padding: 1px 1px 1px 1px;
	/*font-size: 87%*/
}

.box th {
	font-weight: bold; 
	padding: 2px 2px 2px 4px;
	border: 1px solid #CCD2D9;
	border-bottom: 2;
	background-color: #f4f4f4;
	text-align: left;
	/*font-size: 90%;*/
	white-space: nowrap;
}

.yt {
	padding: 4px 4px 4px 4px;
	border-spacing:0px 0px 0px 0px;
	border: 1px solid green;
	background-color: #f4f4f4;
	text-align: left;
	/*font-size: 90%;*/
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
}
/* uudet */
.mainbox {
	font-weight: normal; 
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	background-color: #ecffcd;
	text-align: left;
	vertical-align: text-top;
	width: 950px;
	margin-left:auto; 
	margin-right:auto;
	border-spacing:0px 0px 0px 0px;
}

.layoutbox {
	font-weight: normal; 
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	background-color: #ecffcd;
	text-align: left;
	vertical-align: top;
	border-spacing:0px 0px 0px 0px;
}

.frontbox {
	font-weight: normal; 
	padding: 4px 4px 4px 4px;
	border: 1px solid #E3DA9C;
	background-color: #ecffcd;
	text-align: left;
	vertical-align: text-top;
	margin: 6px;
}

.tabularbox {
	font-weight: small; 
	padding: 2px 2px 2px 2px;
	border-spacing: 0px 0px 0px 0px;
	border: 1px solid #E3DA9C;
	background-color: #ecffcd;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
	margin: 3px;
}
.tabularbox td {
	padding: 3px 3px 3px 3px;
	border-style: outset;
	border-top: 1px solid #E3DA9C;
	border-left: 0px solid #E3DA9C;
	border-bottom: 1px dashed #E3DA9C;
	border-right: 0px dashed #E3DA9C;
}
.tabularbox th {
	padding: 3px 3px 3px 3px;
	border-style: outset;
	border-top: 0px solid #E3DA9C;
	border-left: 0px solid #E3DA9C;
	border-bottom: 1px dashed #E3DA9C;
	border-right: 0px dashed #E3DA9C;
}
.foot 	{
	font-size: xx-small;
	text-align: center;
	color: white;
	}

.box {
	font-weight: normal; 
	padding: 4px 4px 4px 4px;
	border: 0px solid #CCD2D9;
	background-color: #ecffcd;
	text-align: left;
}

.navbox UL LI {
	border-left: solid 0px #ecffcd;
	border-right: solid 0px #ecffcd;
	border-bottom: solid 0px #ecffcd;
	list-style: none;
	margin-left: -40px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left; 
	vertical-align: top;
	}

.navbox a:hover {
	text-decoration: underline;
	background-color: #3333CC;
	color: white;
	}

.saaliskortti {
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left; 
	vertical-align: top;
	background-color: white;
	}

.saaliskortti td {
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	padding-left: 6px;
	padding-right: 5px;
	text-align: left; 
	vertical-align: top;
	background-color: white;
	}

.small_table {
	font-size: 80%;
	padding: 2px 2px 2px 2px;
	border-spacing: 0px 0px 0px 0px;
	border: 1px solid #E3DA9C;
	background-color: #ecffcd;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
	margin: 3px;
}

.small_table th {
	font-weight: bold;
	}

.small_table td {
	padding: 3px 3px 3px 3px;
	border-style: outset;
	border-top: 1px solid #E3DA9C;
	border-left: 0px solid #E3DA9C;
	border-bottom: 1px dashed #E3DA9C;
	border-right: 0px dashed #E3DA9C;
	}

div#galleria { 
	position:relative;
 	}

div#galleria img{ 
	border: 0px solid green;
	text-align: left;
	width : 266px;
	height: 200px;
 	}

div#galleria a:hover img{
	width:450px;
	height:338px;
	padding:5px;
	background-color:#fff;
	border:1px solid green;
	z-index:1000;
	margin-left:-150px;
	top:0px;
	}


div#galleria_panorama {
	border:0px solid red;
	position:relative;
	}

/*
etusivun tiedotteet ja ajankohtaista osion käsittely
*/
ul#tiedote {
	margin : 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	list-style: none;
	display: block;

}

ul#tiedote > li {
	margin :4px;
}

ul#tiedote > p {
	font-weight: 200;
}

ul#tiedote > h3 {
	padding: 1px
	margin-top : 1px;
	margin-bottom : 1px;
}

.oe_button {
      border: 1px solid #006;
     background: #ffc;
}

/*
image gallery 
*/
.clear			{ clear:both; }
.photo-link		{ padding:5px; margin:5px; border:1px solid #ccc; display:block; width:200px; float:left; }
.photo-link:hover	{ border-color:#999; }

.email_vis {
  color: blue;
  margin : 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border:1px solid #ccc;
}