/* Tagien oletustyylit */
/**************************/

body {	
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	background: #005440 url(images/body_bg.gif) repeat-x; 
	height: 100%; 
	font-family: arial, verdana; 
}

td {
  vertical-align: top;
}

p {
  font-size: 12px;
}

a {
	text-decoration: none;
	color: #5b73d5;
}

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

/**** ID:n mukaan määritykset ****/
/*********************************/

/* Sivun yläosan määritykset */
/****************************/

#masterdiv { 
	width: 970px;  
  position: absolute; 
  left: 50%; 
  margin: auto auto auto -480px; 
  padding: 0 0 0 5px;
}

#header {
  height: 90px;
  width: 970px;
  background: url(images/header_bg.png) no-repeat;
  
}

#logo {
  position: absolute;
  top: 32px;
  left: 40px;
}

#langselect {
  position: absolute;
  top: 4px;
  right: 30px;
}

#langselect a {
  font-size: 11px;
  color: #858585;
  text-decoration: none;
  margin-right: 6px;
}

#langselect a:hover {
  text-decoration: underline;
}
/* Navigaation määrittelyt */
/***************************/ 

#navigation {
  position: absolute;
  top: 70px;
  right: 10px;
  z-index: 300;
}

#nav {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
  height:20px;
  background: url(images/list_marker_navi.gif) 5px 6px no-repeat;
  padding: 0 6px 0 6px;
  font-size: 12px;
  margin: 0;
  line-height: 20px;
  float: left;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: -6px;
  padding: 0;
	background: #919191;
	width: 200px;
	border-bottom: 1px solid #919191;
 
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	 margin: -15px 0 0  180px;
}

#nav li li {
	margin: 1px 1px 0px 1px;
	height: 20px;
	padding: 0;
	border: 0;
	background: #fff;
	width: 198px;
}

#nav li a {
	text-decoration : none;
	color: black;
	width: auto;
	display: block;
}

#nav li li a {
	width: 100%;
	height: 100%;
	display : block;
	color : #2b2b2b;
	text-decoration : none;
	padding : 0 0.5em;
}

#nav li:hover, #nav li.sfhover {
	background: #cecece url(images/list_marker_navi.gif) 5px center no-repeat;
	cursor: pointer;
	position: static;

}

#nav li li:hover, #nav li li.sfhover {
	background: #cecece;
	cursor: pointer;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Sisällön määrittelyt */
/************************/

#contents {
  width: 970px;
  background: transparent url(images/shadow.png) repeat-y;
  min-height: 400px;
  *height: 400px;
  position: relative;
}
#contents_bottom {
  position: absolute;
  bottom: 0px;
  bottom: -1px;
  left: 5px;
  background: url(images/contents_bottom.gif) no-repeat;
  height: 71px;
  width: 970px;
  z-index: 0;
  
}
#contents_main {
  z-index: 110;
  display: block;
  position: relative;
}

#referenssit_index {
	background: url(images/index/marquee.gif) no-repeat;
	width: 649px;
	height: 109px;
	padding: 3px;
	margin: 20px 0 0 0;
}

#referenssit_index td.ryhmajako {
	text-transform: uppercase;
	width: 60px;
}
#referenssit_index td.paikkakunta {
	width: 40px;
}

#sivuotsikko {
  height: 24px;
  width: 100%;
  background: url(images/yellowbar.gif) repeat-x;
  font-size: 18px;
}

#yhteydenotto {
  margin: 10px 0 0 20px;
}

#yhteydenotto table {
  font-size: 12px;
}

#yhteydenotto input[type="text"] {
  width: 300px;
}
#yhteydenotto textarea {
  width: 300px;
  height: 100px;
}

#yhteystiedot a { 
	font-size: 12px; 
	color: #244994; 
	text-decoration: none; 
}

#yhteystiedot a:hover { 
	text-decoration: underline; 
}


#uutiset { margin: 15px 0 0 15px; }
.uutiset_date { font-size: 10px; color: #7c7c7c; }
.uutiset_otsikko { font-size: 11px; color: #000; font-weight: bold;}
#uutiset a { font-size: 11px; color: #244994; font-weight: bold; text-decoration: none; }
#uutiset a:hover { text-decoration: underline; }
.uutiset_valiviiva { width: 201px; height: 20px; background: url(images/valiviiva.gif) center center no-repeat; }
.uutiset_luelisaa { font-size: 11px; color: #244994; font-weight: bold; text-decoration: none; }
.uutiset_luelisaa:hover { text-decoration: underline; }


/* 1-palstaisen taulurakenteen tyylit */
#structure_1
{
  width: 910px;
  height: 300px;
  border-spacing: 0px;
  margin: 25px 0 0 30px;
  *margin: 23px 0 0 30px;
}
#structure_1 td.column1 
{
  width: auto;
  background: transparent;
  vertical-align: top;
}

#rak_hallit {
  margin: 20px 0 0 0;
}
#rak_hallit a {
  font-size: 12px;
  text-decoration: none;
  color: black;
}
#rak_hallit a:hover {
  text-decoration: underline;
}
/* 2-palstaisen taulurakenteen tyylit */
#structure_2
{
  width: 910px;
  height: 300px;
  border-spacing: 0px;
  margin: 25px 0 0 30px;
  *margin: 23px 0 0 30px;
}
#structure_2 td.column1 
{
  width: auto;
  background: transparent;
  vertical-align: top;
}
#structure_2 td.column2
{
  width: 220px;
  background: transparent;
  vertical-align: top;
}

/* 3-palstaisen taulurakenteen tyylit */
#structure_3
{
  width: 100%;
  height: 300px;
  border-spacing: 4px;
  z-index: 110;
}
#structure_3 td.column1 
{
  width: auto;
  background: #efefef;
}
#structure_3 td.column2
{
  width: 500px;
  background: #fff;
}
#structure_3 td.column3
{
  width: auto;
  background: #efefef;
}


/* Footerin ja muiden sivun loppuosien määrittelyt*/
/**************************************************/

#footer {
  height: 90px;
  width: 970px;
  background: url(images/footer.gif) no-repeat;
  position: relative;
  margin: 0;
  padding: 0;
}


/**** CLASS määritykset ****/
/***************************/

.greenbox {
  width: 214px;
  margin: 0 0 1px 0;
}

.greenbox table {
  border: 0;
  background: #fff;
  margin: 0;
  padding: 0;
}

.gbimage {
  padding: 3px 0 0 3px;
  background: #005440;
  border: 0;
  height: 125px;
}
.gbtext {
  font-size: 11px;
  background: #005440;
  color: white;
  padding: 3px 0 0 3px;
  border: 0;
}
.gblink {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.gblink:hover {
  text-decoration: underline;
  color: white;
}
.gbfooter {
  width: 214px;
  background: white url(images/gbfooter.gif) no-repeat;
}

.minigreenbox {
  background: url(images/gbmini.gif) no-repeat;
  width: 121px;
  height: 90px;
  padding: 3px 0 0 0;
  margin: 0 0 5px 5px;
  float: right;
}
.minigbimage {
  height: 73px;
  width: 117px;
  margin: 2px 2px 0 2px;  
}
.minigbtext {
  font-size: 11px;
  color: white;
  margin: 0px 0px 0 0px;
  text-align: center;
}
.minigblink {
  text-decoration: none;
  color: white;
  font-weight: normal;
}
.minigblink:hover {
  text-decoration: underline;
  color: white;
}

.newsdate {
	font-size: 11px;
	color: #646464;
}

.newstitle {
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.newscont {
	font-size: 11px;
	color: #000;
}

.projekti_galleria { 
  cursor: pointer; 
  font-size: 11px; 
  width: 150px; 
  height: 130px; 
  position: relative; 
  margin: 0 0 10px 25px; 
  padding: 5px; 
  float: left; 
  border: 1px solid #cfd1d3;
  text-align: center;
}

.projekti_galleria img { 
  vertical-align: top; 
  margin: 0 0 10px 0;
}

.linkki_image {
  height: 20px;
  width: 20px;
}

div.galleria_kuvalista {
  padding: 0;
  position: relative; 
  margin: 0 0 0 20px;
}

div.galleria_kuvalista_thumb {
  float: left; 
  margin: 5px; 
  cursor: pointer; 
  width: 124px;  
  height: auto;
  overflow: hidden;
}

div.galleria_kuvalista_thumb img { 
  height: 84px; 
}

.esite {
	float: left;
	margin-right: 30px;
}