.printonly { display:none; }

/*
* Sivun raami, keskitys, taustat ja leveys. 747px
*/

#all {
width:755px;
/*background-image:url(/hankehaavi/kuvat/all-bg.gif);*/
/*background-repeat:no-repeat;*/
}

#all_sup {
width:555px;
background-image:url(/hankehaavi/kuvat/raita_vih-bg1.gif);
background-repeat:no-repeat;
}

#center {
margin-left:35px;
border-bottom:solid 1px #eee;
width:755px;
background-image:url(/hankehaavi/kuvat/dot.gif);
background-repeat:repeat-y;
background-position:top right;
margin-right:auto;
}



/*
* yl?tunnisteen m??rittelyt
*/

.hederi {
position:relative;
border-top:solid 1px #EBEBEB;
height:73px;
width:755px;
overflow:hidden;
}

/*logo-mmm.gif*/
.hederi .lmer {
margin:12px 0px 0px 16px;
padding:0px;
background-image:url(/hankehaavi/kuvat/HH_logo_140px.gif);
width:192px;
height:38px;
background-repeat:no-repeat;
}
.hederi .lmer a {
text-decoration:none;
width:143px;
height:38px;
display:block;
}

.hederi .lmer span {
visibility:hidden;
}



#header {
position:relative;
border-top:solid 1px #EBEBEB;
height:73px;
overflow:hidden;
}

#header #logo {
margin:12px 0px 0px 16px;
padding:0px;
background-image:url(/hankehaavi/kuvat/logo-mmm.gif);
width:143px;
height:38px;
background-repeat:no-repeat;
}

.kuvamargin { margin-left:12px; }


#header #logo a {
text-decoration:none;
width:143px;
height:38px;
display:block;
}

#header #logo span {
visibility:hidden;
}

#header h1 {
margin:4px 0px 0px 0px;
padding:0px;
height:11px;
width:192px;
display:block;
font-size:10px;
background-repeat:no-repeat;
background-position:center center;
}

#header h1 span {
visibility:hidden;
}

.paaotsikko {
color:#005555;
font-family:ITC Officina Sans Book, Arial;
font-size:26px;
background-color:inherit;
margin:0px;
padding:0px;
list-style-type:none;
white-space:nowrap;
}


#paaotsikko {
color:#005555;
font-family:ITC Officina Sans Book, Arial;
font-size:26px;
background-color:inherit;
position:absolute;
margin:0px;
padding:0px;
top:14px;
left:220px;
list-style-type:none;
white-space:nowrap;
}

#paaotsikko li {
display:inline;
padding:1px 6px 1px 2px;
background-image:url(/hankehaavi/kuvat/navi1-bg.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}


/*
* PAGE
*/


#page {
 border-left:solid 1px #ccc;
/*border-bottom:solid #788075 7px;*/
}

#page1
{
border-left:solid 1px #ccc;
}

#navi_and_content {
background-image:url(dot.gif);
background-repeat:repeat-y;
background-position:top right;
margin:0px;
padding:0px;
width:674px;
float:left;
border-left:solid 1px #ccc;

voice-family:"\"}\"";
voice-family:inherit;
background-image:none;
background-repeat:none;
background-position:none;
width:auto;
}

#navirivi {
position:absolute;
margin:0px;
padding:0px;
top:53px;
left:215px;
list-style-type:none;
}

.naviriviakt {
color: #fff;
}
.navirivipal {
color: #fff;
font-weight: bold;
}

#navirivi li {
padding:0px 5px 0px 6px;
border-right:solid 1px #71AA66;
display:inline;
}

#navirivi li.last {
border:none;
}

#navirivi a {
color:#fff;
font-size:12px;
background-color:inherit;
}

#left_navi {
margin:0px;
padding:0px;
float:left;
width:178px;
overflow:hidden;
/*border-left:solid 1px #ccc;  width:178px;*/

}

#print, #textsize, #start {
background-repeat:no-repeat;
background-image:url(/hankehaavi/kuvat/print.gif);
padding:1px 0px 1px 20px;
font-size:11px;
color:#777;
background-color:inherit;
text-decoration:underline;
}
#textsize {
background-image:url(/hankehaavi/kuvat/textsize.gif);
text-decoration:underline;
}

#start {
background-image:url(/hankehaavi/kuvat/start.gif);
background-position:5px 2px;
}


#left_navi h3 {
padding:4px;
margin:0px;
background-color:#1777B0;
color:#fff;
font-size:12px;
font-weight:bold;
}

#left_navi h4 {
padding:4px;
margin:0px;
margin-top: 10px;
background-color:#ffffff;
color:#666;
font-size:12px;
font-weight:bold;
}

#navivasen {
list-style-type:none;
margin:0px;
padding:0px 0px 8px 0px;
background-image:url(/hankehaavi/kuvat/dot.gif);
background-repeat:repeat-x;
background-position:bottom left;
}

#navivasen li {
background-image:url(/hankehaavi/kuvat/navi3-bg.gif);
background-repeat:no-repeat;
padding:6px 4px 4px 24px;
}

#navivasen a {
font-size:11px;
font-weight:bold;
color:#777;
background-color:inherit;
}

#navivasen li.valittu {
background-image:url(/hankehaavi/kuvat/navi3-bg-b.gif);
background-color:#e6ebf5;
color:inherit;
}

#navivasen ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#navivasen ul li {
margin:0px;
padding:1px 0px 1px 8px;
background-image:none;
font-weight:normal;
}

#navivasen li a {
font-weight:normal;
}

#navirivi .valittu,
#navivasen a.valittu {
font-weight:bold;
}


#path {
margin-bottom:-3px;
}

#path .left {
float:left;
padding-bottom:7px;
}

#path .right {
float:right;
background-image:none;
}

#content {
font-size : 12px;
float:left;
width:534px;
padding:0px 5px 30px 7px;

/*padding:0px 5px 0px 7px;*/
background-image:url(dots.gif);
background-repeat:repeat-y;
overflow:hidden;
}

#content .right {
padding:0px 0px 4px 0px;
}

#page_end {
clear:both;
border-left:solid 1px #ccc;
}

/*
*  FOOTER
*/
#footer { padding:4px }
#footer small { float:left;font-size:11px; }
#footer a { float:right;font-size:11px;color:#000;margin-left:12px;background-color:inherit; }
#footer_end { clear:both; }

#printfooter { display:none; }


.turha A  {
	font-size : 12px;
	text-decoration : underline;
}

.turha A:Visited  {
	text-decoration : underline;
}

.turha A:Active  {
	text-decoration : underline;
}

.turha A:Hover  {
	text-decoration : underline;
}

BODY  {
	font-size : 12px;
	font-family : ITC Officina Sans Book, Verdana, Arial;
	color : #000033;
}

.sivuotsikko {
	 COLOR: #555555;
	 FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	 FONT-SIZE: 18px;
	 FONT-WEIGHT: bold;
	 LINE-HEIGHT: 32px
}

.otsikko  {
	COLOR: #666666;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 14px
}
.kuvauslinkki,
a.kuvauslinkki:link,
a.kuvauslinkki:active,
a.kuvauslinkki:visited {
	COLOR: #005555;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 14px;
	text-decoration: none;
}
a.kuvauslinkki:hover {
	text-decoration: underline;
}
.linkki,
a.linkki:link,
a.linkki:active,
a.linkki:visited {
	COLOR: #107320;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal; 
	LINE-HEIGHT: 14px;
	text-decoration: none;
}
a.linkki:hover {
	text-decoration: underline;
}

.sarakeotsikko  {
	COLOR: #005555;
 	background-color : #99ffdd;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 14px
}
.talle  {
	COLOR: #005555;
 	background-color : #DFDE97;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 12px;
}

.oheistoiminto  {
	COLOR: #005555;
 	background-color : #F8F8F8;
	border:solid #005555 thin;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 12px;
}


.pois  {
	COLOR: #005555;
 	background-color : #FAACAC;
	FONT-FAMILY: ITC Officina Sans Book, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 12px;
}


.lksana  {
	font-size : 12px;
	font-weight : normal;
	line-height : 14px;
}
.lksana input {
 	background-color : #99ffdd;
	font-size : 11px;
	font-weight : normal;
	line-height: 1;
	padding-right: 3px;
}

.teksti  {
	font-size : 12px;
	font-weight : normal;
	line-height : 14px;
}

.pieniteksti  {
	font-size : 10px;
	font-weight : normal;
	line-height : 12px;
}

.tbflat  {

	font-family : ITC Officina Sans Book, Verdana;
	border-width : 1;
	border-style : solid;
	border-color : #008080;
}

.cmdflat  {
	font-size : 10px;
	font-family : ITC Officina Sans Book, Verdana, Arial;
	background-color : #483d8b;
	color : #ffffff;
	font-weight : bold;
	border-width : thin;
}