/* COLORS: 
#f4f4f4; #cccccc; #444444; #ffffff; sin: #483D8B;  #000066; #000080; vaaleansin: #7279BD; #000033; h4: #191970; 
väri <-> padding */

/* 
display:inline; 
*/


@page {
size: ; 
portrait; 
margin-left: ; 
margin-right: ;
}


#mielipiteet br {
letter-spacing: px;
        line-height: px;
	margin-left: px;
	text-indent: px;
	white-space: px;
margin-top: px;
display: ;
}


#acrobat {
	font-size : 0;
	font-weight : normal;
	color: #000033;
	background: #ffffff;
	text-align: left;
	vertical-align: ;
	font-family: Arial, Helvetica, sans-serif;
margin: 2px;
padding: 2px 0px 2px 5px;
border: 1px solid #000033;
}

#ajankohtaista h5 {
font-size: 16px;
margin: 30px 30px 20px 10px;
color: #000066;
background-color: #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
text-decoration : none;
line-height : normal;
padding : 0;  
display : block;
text-align : left;
}


b {
font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.65em;
word-spacing: 100% ;
	text-align: ;
	vertical-align: ;
	margin-right: ;
	margin-left: 0.1em;
color: #000;
width: ;
}





#banner {
	margin-top : ;
	margin-left: 26px;
	margin-bottom: 0px;
	vertical-align: ;
	margin-top: 250px;
}

body {
	padding: 0;
	background: #ffffff url(varjo.gif) repeat-y center top;
	margin: 0px;
}

.blank {
	background-color: #ffffff;
	border: 0px;
width: 760px;
}

.blueblock {
	background-color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0;
	color : #000066;
	line-height : 22px;
	text-align : center;
	padding : 0px;
	margin : 0px;
	display : block;
	font-weight : normal;
	border: 0px dotted #000066;
}
.blueblock2{
     background-color : #F8F8FF;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 0;
     color : #000080;
     line-height : 22px;
     text-align : left;
     padding-left: 0px;
     margin-left: 0;
   margin-right: 0;
     border-style: double;
   border-width: 0px;
     border-color : #000080;
     display : block;
   font-weight : 500;
font-stretch: wider;
}

.bottom {
font-family: Arial, Helvetica, sans-serif;	
	border-top: 0px solid #ffffff;
	text-align: center;
	color: #ffffff;
	font-size: 0;
letter-spacing: 0px;
	vertical-align: middle;
font-weight : bold;
background-color: #ffffff;
	display: ;
margin-top: 0px;
padding-top: 0px;
width: ;
height: 0;
}
 
/* myös käytössä */
#bottom {
font-family: Arial, Helvetica, sans-serif;	
	border-top: 0px solid #ffffff;
	text-align: center;
	color: #ffffff;
	font-size: 0;
letter-spacing: 0px;
	vertical-align: middle;
font-weight : bold;
background-color: #ffffff;
	display: ;
margin-top: 0px;
padding-top: 0px;
width: ;
height: 0;
}


#centre {
	margin: 0 ;
	border-left: 0px solid #483D8B;
	border-right: 0px solid #483D8B;
border-top: 0px solid #cccccc;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: ;
}

#centre p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.65em;
word-spacing: 0.2em ;
	text-align: left;
	vertical-align: top;
	margin-right: ;
	margin-left: ;
color: #000000;
width: ;
}


#centered {
	text-align: center;
font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;

	vertical-align: top;
	margin-right: 0px;
	margin-left: 0px;
color: #000066;
}

#centered p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6em;

	text-align: center;
	vertical-align: top;
	margin-right: 0px;
	margin-left: 0px;
color: #000000;
}


#columnheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0 4px 2px;
	padding: 0px 0px 0px 5px;
	background-color: #191970; 
	display: block;
text-align: center;
}


#counter{
width: 0;
height. 0;
font-size : 0;
}
#counter img {
width: 0;
height. 0;
}

.date {
	font-size : 0;
	font-weight : normal;
	color: #333333;
	background: #ffffff;
	text-align: center;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

 
.huom1 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
word-spacing: 2px ;
	text-align: left;
color: #000066;
     padding: ;

}


 

h1 {
font-size: 16px;
	color: #000000;
background-color:;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
	margin: 0px;
	padding: 0px;
letter-spacing: 0px;
page-break-before: auto;
}


h2 {
	font-size: 14px;
	color:  #000;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
	margin-bottom: 0.2em;
	padding-bottom: 0.2em;
	letter-spacing: 0px;
	vertical-align: ;
page-break-before: auto;
}

h3 {
font-size: 1.1em;
margin: 10px 5px 0;
color: #000;
background-color: #ffffff;
border-left: 0;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
text-decoration : none;
line-height : ;
padding : 0.1em 0.1em 0.1em 0.1em;  
display : block;
text-align : left;
page-break-before: auto;
}  

h4 {
font-size: 18px;
margin: 30px 10px 20px 10px;
color: #000000;
background-color: #ffffff; 
border-left: 0px solid #cccccc;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : ;
padding : 0.1em 0.1em 0.1em 0.1em;  
display : block;
text-align : left;
page-break-before: auto;
}

h5 {
font-size: 16px;
margin: 40px 30px 20px 10px;
color: #000066;
background-color: #ffffff;
border-left: 8px solid #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : ;
padding : 5px 0px 5px 0px;  
display : block;
text-align : left;
page-break-before: auto;
}



img {
border: 0;
}


#ingressi {
	display : block;
	padding: 0px;
	background-color: #ffffff;
	margin: 0;
border: 0px solid #191970; 
font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	text-align: left;
	vertical-align: top;
color: #000000;
}
.ingressi {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
color: #000000;
}
#ingressi li {
list-style-type: square;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
color: #000000
}
#ingressi ul {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
color: #000000;
}




.layer1 {
     position : absolute;
     z-index : 1;
}

.layer2 {
     position : absolute;
     z-index : 2;
}


.listingheader {   
     border : 0px solid #cccccc;
     font-weight : bold;
     font-family : Arial, Helvetica, sans-serif;
color : #000000;
     font-size : 12px;
     letter-spacing : ;
     text-decoration : none;
     display : block;
width: ;
padding-left: 5px;
margin: 10px 30px; 5px 0;
text-align : left;
background-image : url(" ");
background-color : transparent;
}


#leftcell {
background-color: #FFF;
border-right: 0px; 
	vertical-align: top;
	text-align: left;
margin: 0;
padding: 0;
width: ;
}



#map {
	width: 100%;
	float: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
color : #000;
	margin-left: 0;
margin-right: 0;
align: ;
text-align: center;
line-height: 1.6em;
}



#middle1 {
	background-color :#fff;
	padding : 0;
	margin : 0;
	border-bottom: 0;
	width: ;
	height: ;
border-left: 0;
}
#middle2 {
border-bottom: 0;
background-color : #fff;
padding :0 ;
margin : 0;
height: ;
background: url (---.jpg) repeat-x center top;
width: ;
}
#middle3 {
background-color : #fff;
	padding : 0;
	margin : 0;
	border-bottom: 0;
	width: ;
	height: ;
border-right: 0;
}


#newsleft {
margin: 0;
padding: 0px;
width: ;
font-family: Arial, Helvetica, sans-serif;
font-size: 0;
background: #fff; 
line-height: 1.3em;
border: 0
align: center;
}


#newsright {
margin: 0;
padding: 0;
width: ;
font-family: Arial, Helvetica, sans-serif;
font-size:0;
color: #fff;
background: #fff;
line-height: 1.3em;
border: 0;
align: center;
}

.newsheader {
font-family: Arial, Helvetica, sans-serif;
	font-size: 0;
	font-weight: bold;
	color: #fff;
margin: 0px;
padding: 0px;
}


.noborder {  
border : 0;
background-color: #ffffff;
font-size: 100%;
}
 


.picture1 {
	background-image: url(------------.jpg);
	background-repeat: no-repeat;
	background-position: ;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	color: #000066;
	border: 0px;
	height: 85px;
}
.picture2 {
	background-image: url(pic2.jpg);
	background-repeat: no-repeat;
background-color: #ffffff;
	background-position: ;
	margin: 0px;
	padding: 0px;
	height: 85px;
}
.picture3 {
background-color: #ffffff;
	background-image: url(------------.jpg);
	background-repeat: no-repeat;
	background-position: ;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 130px;
	height: 85px;
}



 
.printh1 {
font-size: 22px;
	color:  #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
	margin-bottom: 1.0em;
	padding-botom: 0em;
	letter-spacing: 1px;
	vertical-align: top;
}


 
.printh4 {
font-size: 18px;
margin: 30px 10px 20px 10px;
color: #000000;
background-color: #ffffff; 
border-left: 0px solid #cccccc;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : ;
padding : 0.1em 0.1em 0.1em 0.1em;  
display : block;
text-align : left;
page-break-before: auto;
}



.redblock {
     background-color : #ffffff;
     font-family :  Arial, Helvetica, sans-serif;
     font-size : 100%;
     font-weight : normal;
     color : #000;
     line-height : 1.6em;
     letter-spacing : normal;
     text-align : left;
     padding : 10px;
     border : 0px solid #8B1C62;
     display : block;
margin-right : 15px;
margin-left : 15px;
}



#rightcell {
	background-color: #FFFFFF;
	border-left: 0px solid #483D8B;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
width: ;
}


.right {
text-align: right;
}


#separator {
margin: 20px 30px 0px 25px;
border-bottom: 1px dashed #000066;
padding: 0px;
display : block;
height: 1px;
}


table {
border: 3px solid #ffffff;
margin: 0 auto; 
width: 760px;
padding: 0;
}





/* LUETTELOT */

.linkkiotsikko {
background-image : url(" ");
background-color : transparent;
     border : 0px solid #cccccc;
     font-weight : bold;
     font-family : Arial, Helvetica, sans-serif;
color : #000000;
     font-size : 12px;
 line-height : normal ;
     letter-spacing : 1px;
     text-decoration : none;
     display : block;
width: ;
padding: 2px 0 2px 5px;
margin: 10px 30px 5px 0;
     text-align : left;

}

li a.navi:link {
    font-family :  Arial, Helvetica, sans-serif;
    font-size : 100%;
     color : #000000;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}
li a.navi:visited {
     background-color : ;
     text-align : left;
     background-image : url(" ");
     color : #000;
     font-family :  Arial, Helvetica, sans-serif;
    font-size : 100%;
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}
li a.navi:active {
     background-color : ;
     text-align : left;
     background-image : url(" ");
     color : #000000;
     font-family :   Arial, Helvetica, sans-serif;
       text-decoration : none;
}


 li {
     margin-left : 25px;
     vertical-align : top;
     line-height : 26px;
 margin-bottom : 0px;
 margin-top : 0px;
}




 ul {
list-style-type: decimal;
     list-style-image : url(" ");
     font-family : Arial, Helvetica, sans-serif;
    font-size : 0.75em;
     color : #000080;
     letter-spacing : 0;
     text-align : left;
     padding-left : 0;
     padding-top : 0;
     margin-top : 0;
     margin-left : 20px;
     vertical-align : top;
  line-height : 26px;
}





/* NAVI */

a.navi:link {
    font-family :  Arial, Helvetica, sans-serif;
font-size: 100%;
	line-height: 1.65em;
word-spacing: 0.2em ;
     color : #000;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}
a.navi:visited {
     background-color : ;
     text-align : left;
     background-image : url(" ");
     color : #000;
     font-family :  Arial, Helvetica, sans-serif;
  font-size: 100%;
	line-height: 1.65em;
word-spacing: 0.2em ;
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}

a.navi:active {
     background-color : ;
     text-align : left;
     background-image : url(" ");
     color : #000;
     font-family :   Arial, Helvetica, sans-serif;
font-size: 100%;
	line-height: 1.65em;
word-spacing: 0.2em ;
     text-decoration : none;
}


/* newsnavi */

a.newsright:link {
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0;
     color : #ffffff;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}

a.newsright:visited {
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0;
     color : #ffffff;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}

a.newsleft:link {
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0;
     color : #000080;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}

a.newsleft:visited{
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0;
      color : #000080;
     background-color : transparent;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
margin-top : 0px; 
margin-bottom : 0px;
}





/* PALAUTELOMAKE*/
textarea {
overflow: auto;
     border : #000080;
     border-style : solid;
     border-width : 1px;
 font-family : Arial, Helvetica, sans-serif;
     font-size : 100%;
     color : #000000;
margin : 0px;
padding: 0px;
}

input {
     border : #000080;
     border-style : solid;
     border-width : 1px;
     background-color : #ffffff;
     font-family : arial;
    font-size : 100%;
     color : #000;
}
.inputborder1 {
     border: 1px solid #000080;
     background-color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     color : #000;
margin: 0 ;
padding: 5px ;
}
.inputborder2 {
     border: 1px solid #ffffff;
     background-color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
     color : #000;
margin: 0 ;
padding: 5px ;
}

.inputnoborder {
     border: 0;
     background-color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 100%;
     color : #000;
margin: 0 ;
padding: 0 ;
}

.button {
border: 2px solid #000080;
     background-color : #F8F8FF;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 12px;
font-weight : bold;
letter-spacing: 1px;
     color : #000;
margin-left: 0 ;
padding: 10px 50px 10px 50px;
text-align: center;
width: ;
height: ;
cursor: pointer;
}
pre {
     font-family : Arial, Helvetica, sans-serif;
 font-size : 100%;
     color : #000080;
     line-height : 22px;
     letter-spacing : 0;
}
select {
border : 1px solid #000080;
  font-family : Arial, Helvetica, sans-serif;
 font-size : 100%;
     color : #000000;
margin-right: auto;
padding: 0px;
}



a.navibar:link {
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0px;
     color : #ffffff;
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
}

 a.navibar:visited {
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 0px;
     text-decoration : none;
}


 a.navibar: active: {
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     color : #ffffff;
     font-family :  Arial, Helvetica, sans-serif;
     font-size : 0px;
     text-decoration : none;
}



a.navibar2:link {
    font-family :  Arial, Helvetica, sans-serif;
     font-size : 0px;
     color : #ffffff;
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     text-decoration : none;
}

 a.navibar2:visited {
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     color : #ffffff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 0px;
     text-decoration : none;
}
 a.navibar2: active: {
     background-color : #ffffff;
     text-align : left;
     background-image : url(" ");
     color : #ffffff;
     font-family :  Arial, Helvetica, sans-serif;
     font-size : 0px;
     text-decoration : none;
}


#muutokset p {
         font-size : 0;
      }
#muutokset h5 {
           font-size : 0;   
      }
    
a.muutosloki:link {
  font-size : 0;
}



/* FREEFIND */
#freefind {
 font-family : Arial, Helvetica, sans-serif;
     font-size : 0px;
  color : #fff;
font-weight : normal;
background-color: #fff;
	vertical-align: top;
	text-align: center;
padding-left: 0px;
width: ;
}

.search {
 font-family : Arial, Helvetica, sans-serif;
     font-size : 0;
  color : #fff;
font-weight : normal;
}

.buttonsmall {
border: 0px solid #000080;
     background-color : #fff;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 0;
font-weight : normal;
letter-spacing: 0px;
     color : #000080;
margin: 0 auto;
padding: 0;
text-align: center;
width: ;
height: ;
cursor: pointer;
}