/* CSS Document */

@media screen {

	/* BODY JA FONTIT */

	body {
		background-color: #FFFFFF;
		background-image: url('../images/background-vgradientblue.gif');
		background-repeat: repeat-x;
		/*font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
		font-size: 10pt;*/
		margin: 0px;
		padding:0px;
	}
	
	p, legend, fieldset, dl, dd, ul, li, table { /* Normaalifontit */
		font-family: Arial, FreeSans, "Bitstream Vera Sans", Helvetica;
		font-size: 12pt;
	}
	h1, h2, h3, h4, h5, h6, .footer, dt, p.header, div.over_header, dl#search_elements dd, dt.h3 { /* Otsikkofontit */
		font-family: Arial, Verdana, FreeSans, sans-serif;
	}
	.tinylinks, .extrabox, .linkbox {
		font-family: Verdana, FreeSans, sans-serif;
	}
	
	/* SISÄLTÖTEKSTIT */
	p {
		color: #000000;
		margin: 0px 0px 10px 0px;
	}

	p.small {
		color: #002F7F;
		font-size:10pt;
	}

	.footer {
		color: #000000;
		font-size: 8pt;
		font-weight: bold;
	}
	ul {
		color: #000000;
		list-style-type: disc;
		padding-left:12px;
		padding-bottom:10px;
		padding-top:0px;
		margin:0px;
	}
	
	/* OTSIKOT*/

	h1 {  /* Isot pääotsikot */
		font-size: 13pt;
		text-decoration: none;
		margin-bottom:10px;
		color:#002F7F;
	}

	h2 {
		color:#8097bf;
		color:#002F7F;
		font-size:12pt;
		font-weight:bold;
		text-decoration:none;
		border-bottom:1px solid #f0f0f0;
		margin-bottom:5px;
		margin-top:15px;
	}

	h3 {
		font-size:12pt;
		font-weight:bold;
		color:gray;
		color:#002F7F;
	}
	
	div.over_header, dt.h3 { /* Pienemmät sisältöotsikot */
		font-size: 8pt;
		font-weight: bold;
	}
	h4 { /* Hakuluetteloiden otsikot */
		font-size: 11pt;
		margin: 0px 0px 10px 0px;
	}
	h5 { /* Hakujen sisältö otsikot */
		font-size: 11pt;
		font-weight: normal;
		margin: 5px 0px 0px 0px;
		padding:0px;
	}

	/* LINKIT */
	a {
		color: #002F7F;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	/* LAYOUTELEMENTIT */
	table.top { /* Ylätaulukko */
	}
	table.top td.left {
		width: 489px;
	}
	table.top td.middle {
	  background-color: #FFFFFF;
		background-image: url('../images/layout-vtopbackground.gif');
		background-repeat: repeat-x;
	}
	table.top td.location {
		width: 400px;
	}
	table.top td.right, table.bottom td.right {
		width: 50px;
	}

	table.main { /* Keskitaulukko */
		color: #00248F;
	}
	table.main td.navi { /* Keskitaulukon navitd */
		background-image: url('../images/layout-middleleftbg.gif');
		background-repeat: repeat-y;
		text-align: left;
		vertical-align: top;
		width: 200px;
	}
	
	div.extrabox, div.linkbox { /* Lisätietoa */
		background-color:#f9f9f9;
		border:1px dashed #cccccc;
		color:gray;
		margin:-50px 0px 0px 45px;
		//margin-top:-30px;
		padding:5px;
		font-size:8pt;
		font-weight:bold;
		width: 133px;
	}
	div.extrabox ul, div.linkbox ul {
		margin:0px 0px 0px 5px;
		padding:0px;
		list-style-type:none;
	}
	div.extrabox li, div.linkbox li {
		font-size:8pt;
		margin:5px 0px 0px 0px;
		padding:0px;
	}
	div.extrabox a {
		color:#888888;
	}
	div.linkbox {
		background-color:#f4f6f9;
		border:1px dashed #cbd6e8;
		color:#8097bf;
	}
	div.linkbox a {
		color:#8097bf;
	}

	table.main td.navi a, table.top td.left a { 
		outline:none; 
	}
	
	table.main td.content {
		padding: 25px 0px 0px 15px;
		background-color: #FFFFFF;
		background-image: url('../images/layout-contentbg.gif');
		background-repeat: no-repeat;
		background-position: top left;
		vertical-align: top;
	}
	
	table.main td.right {
		background-image: url('../images/layout-middlerightbg.gif');
		background-repeat: repeat-y;
		background-position: top right;
		vertical-align: top;
		width: 50px;
	}
	
	table.bottom { /* Alataulukko */
	}
	table.bottom td.left {
		background-image: url('../images/layout-bottombg.gif');
		background-repeat: repeat-x;
	}
	
	div.over_header { /* Otsikon päällä olevat tekstit, esim. etusivun liput */
		position: relative;
		top: -75px;
		left: -25px;
		text-align: right;
		margin-bottom:-65px;
	}
	div.over_header img {
		border: 0px none;
		margin-left: 5px;
		vertical-align: middle;
	}
	div.over_header a {
		outline: 0px none;
	}
	div.over_header a:hover {
	  color: #8097BF;
		text-decoration: none;
	}
	
	/*div.kukka {
		padding:10px;
	}*/
  
	table.contenttable td { /* Sisällön asettelutaulukko */
		padding-right: 15px;
	}
	
	/*table.varitaulu {
		font-size: 13px;
		margin-bottom:10px;
		margin-top:10px;
	}*/
	

	/* FIELDSETIT */
	fieldset {
		border: 1px solid #A2B3D0;
		margin-bottom: 10px;
		padding:10px;
		font-size:9pt;
		font-weight:bold;
	}

	legend {
		font-size:10pt;
		font-weight:bold;
		color:#8097bf;
		border:1px solid #A2B3D0;
		background-color:white;
		padding:2px 5px 2px 5px;
	}

	fieldset.blue {
		background-image:url('/images/blue_20.png');
	}
	
	/* JÄRJESTÖLISTAUS meni jyrän alle, perus fieldseteillä uus versio
	dl.jarjestot {
		color: #002F7F;
		padding: 0px 0px 0px 12px;
		margin:0px;
	}
	dl.jarjestot img {
		border: 0px none;
		outline: 0px none;
	}
	dl.jarjestot dt, dl.jarjestot dd {
		cursor: pointer;
		margin: 0px;
		padding: 0px;
	}
	dl.jarjestot fieldset:hover {
		background-color: #ecf1f9;
	}
	dl.jarjestot dd {
		margin: 0px;
		padding: 0px;
	}*/
	
	/* HAKULISTAUS 
	dl.search {
		margin: 0px 0px 0px 15px;
		padding: 0px;
	}
	dl.search dt {
	  margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	dl.search dd {
	  margin: 0px 0px 0px 15px;
		padding: 0px;
	}
	dl.search dd p {
	  margin-top: 1px;
	  margin-bottom: 10px;
	}
	dt.h3 {
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}
	dt.h3:hover {
		text-decoration: underline;
	}
	
	/* HAKUALUEET 
	img#karttakuva {
		border: 0px none;
	}
	dl#search_elements {
		float: right;
		margin: 0px;
		padding: 0px;
		width: 230px;
	}
	dl#search_elements dt {
		padding: 3px 0px 3px 0px;
		font-weight: bold;
	}
	dl#search_elements dd {
		border: 1px solid transparent;
		color: #107F00;
		padding: 1px 1px 1px 5px;
		margin: 1px;
		cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
	}
	dl#search_elements dd.disabled {
	  border: 1px solid transparent;
		color: #A0A0A0;
		text-decoration: none;
	}
	dl#search_elements dd:hover {
		border: 1px solid #FF0000;
	}
	dl#search_elements dd.disabled:hover {
		border: 1px solid gray;
	}
	dl#search_elements dd.buttons {
	  border: 1px solid transparent;
	  text-decoration: none;
	}
	dl#search_elements dd.buttons:hover {
    border: 1px solid transparent;
    cursor: default;
	}
	dl#search_elements dd img {
		vertical-align: middle;
	}
	div#search_info {
		margin-bottom: 5px;
		width: 100%;
	}
	input#search_button {
	  margin-top: 5px;
	  width: 100%;
	}
	#search_new, #search { /* Korjataan haun legendin päälle meno 
		margin-top: 5px; //margin-top: 10px;
	} */

	/* Uudistukset */

	.top, .main, .bottom, .footer {
		margin:0px auto !important;
		width:950px !important;
	}

	.footer {
		width:850px !important;
		margin-bottom:10px !important;
	}

	.navi .mainnavi {
		background-image:url('/images/layout-navibg.gif') !important;
		background-repeat:no-repeat !important;
		background-position:top left !important;
		height:225px !important;
		margin:0px !important;
		padding:20px 0px 0px 35px !important;
		width:100% !important;
	}
	.navi .mainnavi dl {
		margin:0px;
		padding:0px;
		width:165px;
	}
	.navi .mainnavi dd {
		border:1px solid transparent;
		color:#8097bf;
		font-size:11pt;
		font-weight:bold;
		margin:0px 0px 1px 0px;
		padding:3px;
	}
	.navi .mainnavi dd.over {
		background-image:url('/images/blue_20.png');
		border:1px solid #8097BF;
		cursor:pointer;
	}
	.navi .mainnavi dd.current {
		background-image:url('/images/blue_50.png');
		border:1px solid #8097BF;
		color:white;
	}
	div.tinylinks {
		color:#8097bf;
		font-size:7pt;
		font-weight:bold;
		margin:10px 0px 0px 30px;
		text-align:left;
		width:105px;
	}
	div.tinylinks a {
		color:#8097bf;
	}

	img.vinjetti {
		float:right;
		margin:10px 15px 10px 15px;
	}
}

@media print {
	body {
		padding: 0px;
	}
	.noprint, table.top, table.main td.navi, table.main td.right, table.bottom, img.vinjetti {
		display:none;
	}
	fieldset {
		border: 0px none;
	}
	legend {
	  border: 1px solid black;
	  font-weight: bold;
	  text-align: left;
	  padding: 3px 10px 3px 10px;
	}
	h1, legend {
		font-size: 18pt;
	}
}