body {background:url(/img/stable/bg_taustaruudut.gif); text-align:center;}

body, p, td, th {font-family: verdana, arial, helvetica, sans-serif; font-size:12px; line-height:16px;}
h1, h2, h3, h4, h5 {color:black;}
h1 {background:none;font-size:1.5em;line-height:24px;font-weight:normal;padding:0px;}
h2 {font-size:1.4em;line-height:18px;font-weight:normal;}
h3 {font-size:1.2em;line-height:16px;}
h4 {font-size:1.1em;line-height:14px;font-style:normal;}
h5 {font-size:1.0em;line-height:12px;text-transform:none;}
h6 {font-size:0.9em;line-height:12px;margin-top:-10px;}

a {text-decoration: underline; color: #015777;}
a:active {text-decoration: underline; color: #015777;} 
a:visited {text-decoration: underline; color: #015777;}
a:hover {text-decoration: none; color: #ee7313;}

#wrap {
position:relative;
height:100%;
min-height:100%;
background: url(../img/bg_sivu.gif) center repeat-y;
width:960px;padding:0 5px;
margin:0 auto;
text-align:left;
}

html>body #wrap{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header{
height:222px;
background:url(../img/header.jpg) center bottom;
background-repeat:no-repeat;
}
#yksikkonimi {position:absolute; top:15px; left:258px;}
#yksikkonimilinkki, #yksikkonimilinkkimobile {color:#73a8bA; font-size:12px; font-weight:bold; text-decoration:none;}
#tools {position:absolute; top:15px; left:820px;}
#lang {top:4px; left:50px; color:#73a8bA; font-size:12px; font-weight:bold; text-decoration:none;}
#etusivulle_linkki {position:absolute; top:50px; left:50px;}
#etusivulle_linkki img {border:none;}

#content {width:950px; margin:30px 0 0 0;}
#content p {margin:0 0 16px 0;}

/* PALSTAT 370 / 280 */

#magleft {width:550px; float:left; margin-left:80px !important; margin:0 0 0 40px;}
.ingressi {font-weight:normal; font-style:italic; margin:20px 0 10px 0;}
.kirjoittajat {font-size:0.9em; margin-bottom:5px;}
.metatools {padding:2px 0 2px 3px; font-size:0.9em; /*background:#FDF3E9;*/ border-bottom:2px solid #EC8624;}
.metatools div {margin-top:-15px;}
div.metatools a {padding:0px; /*border:1px solid #ee7313;*/}
div.metatools a, div.kirjoittajat a, #footer a {text-decoration:none; color:#015777;}
div.metatools a:active, div.kirjoittajat a:active, #footer a:active {text-decoration:none; color:#015777;} 
div.metatools a:visited, div.kirjoittajat a:visited, #footer a:visited {text-decoration:none; color:#015777;}
div.metatools a:hover, div.kirjoittajat a:hover, #footer a:hover {text-decoration:none; color:#ee7313; background:#ffddcc;}
.meta {margin-top:-5px; border:1px solid #EC8624; border-top:none;}
.meta div {margin:5px; font-size:0.9em;}
div .viittaus {margin-top:-5px; border:1px solid #EC8624; border-top:none;}
.viittaus div {margin:5px; font-size:0.9em;}

#magright {width:190px; margin:7px 0 0 710px;}
div.navi, div.navi-active {margin-bottom:12px;}
div.navi a {font-weight:bold; text-decoration:none; color:#015777;}
div.navi a:active {text-decoration:none; color:#015777;} 
div.navi a:visited {text-decoration:none; color:#015777;}
div.navi a:hover {text-decoration:none; color:#ee7313;}
div.navi-active a {font-weight:bold; text-decoration:none; color:#ee7313;}
div.navi-active a:active {text-decoration:none; color:#ee7313;} 
div.navi-active a:visited {text-decoration:none; color:#ee7313;}
div.navi-active a:hover {text-decoration:none; color:#ee7313;}
div.alanavi {margin:0 0 10px 0px; font-size:0.9em; line-height:14px;}
div.alanavi .navi-item {border-left:3px solid #ffffff;}
div.alanavi a {display:block; font-weight:bold; text-decoration:none; color:black; padding:4px 4px 6px 6px;}
div.alanavi a:active {text-decoration:none; color:black;} 
div.alanavi a:visited {text-decoration:none; color:black;}
div.alanavi a:hover, div.alanavi .navi-item-active {text-decoration:none; color:black; border-left:3px solid #ee7313; background:#ffeedd;}
div.alanavi a:hover {margin-left:-3px;}
div.alanavi .navi-item-active a:hover {margin-left:0px; border-left:none;}

.normal {font-weight:normal;}
a.viittaus, a.viittaus:active, a.viittaus:visited, a.viittaus:hover {font-size:0.7em; font-weight:bold; vertical-align:top; text-decoration:none; border:none;}

div.viitteet {margin:20px 0 10px 22px; font-size:0.9em;}
#kommenttilinkkidiv {margin-left:0px;}
div.viitteet h5 {margin-left:-22px; font-weight:bold;}
div.viitelista {margin-left:22px;}
div.viite {margin:10px 0 -16px -22px;}

hr {color:#fff; height:1px; background-color:#fff; border-top:1px solid #ffddcc; margin:10px 0;}
hr.d {border-top:1px solid #EC8624;}

.searchbutton {height:20px;}
.searchbutton span {position:relative; top:-4px;}

ul ol {margin-top:0px;}

div.tr {
	position: relative;
	margin: 0px;
}

div.td {
	margin: 0px;
	margin-bottom: 20px;
	width:20%;
	float:left;
	text-align: center;
}

form {margin:0px; padding:0px; }
button, .button {font-weight:bold; font-size:11px; padding:2px 5px 1px 5px; color:#ffffff; border:solid 1px #ffeedd; background:#FF8200; }
button:hover, .button:hover {background:#FF9210; text-align:center;}
input.text, textarea, select {border:solid 1px #EC8624; font-family: verdana, arial, helvetica, sans-serif;}
textarea {font-size:1.1em;}
input[type="file"] {font-size:1em;}
input[type="text"] {border:solid 1px #EC8624;}
input[type=text]:hover, input.text:hover, textarea:hover, textarea:hover, select:hover {border-color:#015777;}
fieldset {background:#fff; padding:6px; border: solid 1px #EC8624; margin-bottom:10px;}
legend {color:#015777; background:#ffffff; padding:1px; clear:right;}
label {font-style:italic; color:#015777;}


/* UUDET KUVAT */
.image {margin-top:0; margin-bottom: 0px;}

.aleft {float:left; margin-right:20px;}

.aright {float:right; margin-right: 0px; margin-left:20px; padding: 0px;}

.full {float:left; margin:0 0 10px 0;}

.caption {font-size:0.9em; line-height: 10px;}

.cr {clear:right;}
.cb {clear:both;}
.ca {clear:all;}

.right {float:right;}
.left {float:left;}

#clearfoot{clear:both;height:65px;}
#footer{
position:absolute;bottom:27px; left:45px;
height:30px;
background:#EC8624;
/* background:#EC8624 url(../img/julkaisusarja_alaosa.png); */
/* border:1px solid #EC8624; */
width:800px;
margin:0 0 0 0;
padding:0px 40px 0 40px;
color:#ffffff;
}
#footer div{font-size:0.9em; margin:7px 0 0 0;}
#footer a {text-decoration: none; color: #ffffff;}
#footer a:active {text-decoration: none; color: #ffffff;} 
#footer a:visited {text-decoration: none; color: #ffffff;}
#footer a:hover {text-decoration: underline; color: #ffffff; background:none;}

#lahdetip {width: 300px; text-align: left; font-size: 11px; padding:5px; border:1px solid #B7D0D9; background:#fff; z-index:1500;}
a.popup, a.popup:active ,a.popup:visited {color: #015777; font-weight: normal; text-decoration: none;}
a.popup:hover {text-decoration: underline;}
.tk_taulukko {width: 550px !important; margin-bottom: 20px !important; border: 1px solid #015777; border-radius: 8px; -moz-border-radius: 8px; background: #DFECF2; background: -moz-linear-gradient(top, #DFECF2 0%, #ddf1f9 35%, #F4FFF8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DFECF2), color-stop(35%,#ddf1f9), color-stop(100%,#F4FFF8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFECF2', endColorstr='#F4FFF8',GradientType=0 );}
.tk_td {float: left; text-align: left; width: 250px; height: 120px; padding: 5px 10px; border-bottom: 1px solid #ccc;}

/* TULOSTUKSEN CSS */
@media print {
	body, #wrap {background:none;}
	#content, #wrap, #magleft {background:none; width:98%; color: #000000; text-align:left; margin:0px !important; padding:0px; overflow:visible; display:block;}
	#header, #left, #paivitetty img, #osoiterivi, .noprint, .backlink, .include, #polku, #footer, #magright, #link_meta_piilota {display:none;}
	#meta {display:block;}
	#paivitetty {position:relative; width:100%; left:0; text-align:left;}
}