/*
Tässä tiedostossa
Tyylien resetoinnit
Määrättyjen elementtien piilottaminen, jos se nyt CSS:llä satutaan tekemään
Framen asemointi ja tyylit
Asemointityökalut
eAdmin login -loota
*/

/*Debug*/

div#debug {
display: none;
}

/*Resetoinnit*/

html, body, div, img, p, dl, ul, ol, li, dt, dd, table, tr, th, td, a, em, h1, h2, h3, span, blockquote {
margin: 0;
padding: 0;
border: 0;
text-align: left;
}

ul {
list-style: none;
}

table {
width: 100%;
border-collapse: collapse;
}

.spamfilter {
display: none;
}

img#logger {
position: absolute;
bottom: 0;
right: 0;
}

ul#topnavi, #content, #footer, .content, table, p, h1, h2, div.column, .clear {
clear: both;
}

/*Kehys*/

body {
background: #f5f5f5;
}

.content {
width: 1000px;
margin: 0 auto;
}

#header {
background: #1a1a1a url(/images/style/header.gif) repeat-x;
padding: 0;
}
	#header .content {
	background: transparent url(/images/style/header.jpg) 0 45px no-repeat;
	height: 250px;
	}

#content {
background: #1a1a1a url(/images/style/header.gif) 0 -250px repeat-x;
padding: 0;
}

	#content .content .area {
	width: 1000px;
	float: left;
	background: #fff url(/images/style/content.gif) repeat-y;
	}
	
	#content .content .area .columns {
	float: left;
	width: 940px;
	padding: 20px 30px 20px 30px;
	background: transparent url(/images/style/columns.gif) no-repeat 10px 100%;
	}

#footer {
background: #f2f2f2 url(/images/style/footer.gif) repeat-x;
}

	#footer .content {
	padding-top: 80px;
	background: transparent url(/images/style/footer_logo.gif) no-repeat;
	min-height: 160px;
	}

	#footer .content img {
	margin: 0 12px;
	}

/*Kehyksen elementit*/

	/*Logo*/

p#logo {
float: left;
clear: none;
width: 501px;
height: 106px;
padding: 0 0 0 49px;
margin: 0;
}

p#logo a {
float: left;
display: block;
width: 100%;
height: 100%;
text-indent: -300em;
padding: 0;
margin: 0;
}

	/*Yläosan tiedot*/
	
#header .column1 {
float: left;
width: 440px;
margin: 0;
padding: 0 10px 0 0;
text-align: right;
}

	/*Hakukenttä*/

div#header form.search_site {
float: right;
clear: both;
width: 250px;
padding: 10px 0 0 0;
height: 30px;
}

div#header form.search_site label {
display: none;
}

div#header form.search_site input#searchterm {
width: 155px;
height: 24px;
line-height: 24px;
margin: 0;
padding: 3px 0 0 10px;
border: 0;
background: transparent;
}

div#header form.search_site input#searchsubmit {
width: 35px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
text-indent: -300em;
cursor: pointer;
}

	/*Valikot*/

	/*Sivustovalikko*/

#header ul#sitenavi {
width: 670px;
float: left;
height: 45px;
padding: 0 0 29px 30px;
margin: 0;
}

#header ul#extranavi {
width: 300px;
float: right;
height: 45px;
padding: 0 0 29px 0;
margin: 0;
}

	ul#sitenavi li, ul#extranavi li {
	float: left;
	height: 45px;
	line-height: 35px;
	margin: 0;
	padding: 0 10px;
	}

	ul#sitenavi li.active, ul#extranavi li.active {
	padding: 0 0 0 10px;
	background: transparent url(/images/style/sitenavi_left.gif) no-repeat;
	}

	ul#sitenavi li strong, ul#extranavi li strong {
	float: left;
	height: 40px;
	display: block;
	padding: 0 10px 0 0;
	background: transparent url(/images/style/sitenavi_right.gif) right top no-repeat;
	}

	ul#sitenavi li a, ul#extranavi li a {
	float: left;
	display: block;
	height: 40px;
	padding: 5px 5px 0 5px;
	}

	ul#sitenavi li strong a, ul#extranavi li strong a {
	padding: 5px 5px 0 5px;
	background: transparent url(/images/style/sitenavi_center.gif) repeat-x;
	}

	/*Päävalikko*/

ul#topnavi {
width: 825px;
height: 30px;
padding: 0 20px 0 155px;
margin: 0;
}

	ul#topnavi li {
	float: left;
	height: 30px;
	}

	ul#topnavi li.active {
	padding-left: 5px;
	background: transparent url(/images/style/topnavi_left.gif) no-repeat;
	}

	ul#topnavi li strong {
	float: left;
	height: 30px;
	display: block;
	padding-right: 5px;
	background: transparent url(/images/style/topnavi_right.gif) right top no-repeat;
	}

	ul#topnavi li a {
	float: left;
	display: block;
	height: 25px;
	padding: 5px 10px 0 10px;
	}

	ul#topnavi li strong a {
	padding: 5px 5px 0 5px;
	background: transparent url(/images/style/topnavi_center.gif) repeat-x;
	}

	/*Alaosan tiedot*/

div#footer div.column1 {
width: 980px;
text-align: center;
margin: 0 0 30px 10px;
padding: 0;
}

a#reference {
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #999;
font-weight: bold;
font-family: serif;
}

/*Sisältöalue*/

h1 {
width: 900px;
margin: 0 10px;
padding: 0 40px 10px 40px;
background: transparent url(/images/style/h1.gif) right top no-repeat;
}

ul#subnavi {
width: 900px;
margin: 0 10px;
padding: 0 40px 17px 40px;
border-bottom: 3px solid #ccc;
}

ul#subnavi li {
display: inline;
margin-right: 1.5em;
background: none;
padding: 0;
margin-left: 0;
}

.module_esite_firstpage h1 {
padding-bottom: 17px;
border-bottom: 3px solid #ccc;
}

	/*Oletusarvot*/

.column1, .column2, .column3, .column4 {
float: left;
width: 260px;
padding: 0 20px;
}

.column0 {
padding: 0 20px;
}

.column1, .column2 {
margin-right: 20px;
}

	.module_esite_firstpage .column2, .template_5 .column2, .module_enews .column2, .template_1 .column2 {
	margin-right: 0;
	}

	/*eSite*/

.template_1 .column1, .module_esite_firstpage .column1, .module_enews .column1, .template_2 .column1 {
width: 500px;
}

.template_1 .column2, .module_esite_firstpage .column2 {
width: 320px;
}

.module_esite_firstpage .column3 {
clear: both;
}

.module_esite_firstpage .column3, .module_esite_firstpage .column4, .template_3 .column1, .template_5 .column1, .template_5 .column2 {
width: 420px;
}

.template_3 .column2, .template_3 .column3 {
width: 180px;
}

.template_2 .column2 {
width: 320px;
}

	.template_2 .column2 .infobox {
	margin-bottom: 20px;
	background: transparent url(/images/style/infobox_middle.gif) repeat-y;
	}

	.template_2 .column2 .infobox .infobox {
	background: transparent url(/images/style/infobox_top.gif) no-repeat;
	}

	.template_2 .column2 .infobox .infobox .infobox {
	padding: 24px 55px 34px 35px;
	background: transparent url(/images/style/infobox_bottom.gif) no-repeat left bottom;
	}

.template_7 .column1 {
width: 880px;
}

/*eAdmin login*/

div#content form#eadminlogin input, div#content form#eadminlogin, div#content form#eadminlogin fieldset {
border: 0;
margin: 0;
padding: 0;
background: transparent;
}

div#content form#eadminlogin {
width: 227px;
height: 134px;
padding: 22px 0 0 23px;
background: transparent url(/images/style/login.gif) no-repeat;
}

div#content form#eadminlogin fieldset p label, div#content form#eadminlogin legend {
display: none;
}

div#content form#eadminlogin #form_username, div#content form#eadminlogin #form_passwd {
width: 174px;
height: 30px;
padding-left: 30px;
margin-bottom: 10px;
}

div#content form#eadminlogin p.further input {
width: 110px;
height: 30px;
margin-bottom: 0;
text-indent: -300em;
cursor: pointer;
}

div#content form#eadminlogin .selection {
display: block;
float: right;
width: auto;
line-height: 2em;
}

div#content form#eadminlogin p {
padding: 0;
margin: 0;
}/*Resetoinnit*/

form, label, legend, fieldset, form p, form dl, form dt, form dd {
margin: 0;
padding: 0;
border: 0;
text-align: left;
line-height: 1.4em;
}

input, select, option, textarea {
margin: 0;
}

form {
float: left;
width: 100%;
}

form table {
clear: right;
}

/*Teksti*/

textarea, option {
color: #303030;
}

legend {
font-weight: bold;
}

textarea, input, select, option {
line-height: 1.4em;
font-family: sans-serif;
font-size: 1em;
}

input {
padding: 0.2em;
}

input[type="text"], input[type="password"] {
color: #303030;
font-family: sans-serif;
}

form p input {
vertical-align: middle;
}

form strong {
padding-right: 15px;
background: transparent url(/images/style/required.gif) no-repeat 100% 0.25em;
}

form strong {
font-size: 1em;
}

/*Frame*/

div#content fieldset {
margin: 20px 0;
padding: 9px;
border: 1px solid #ccc;
background: #fafafa;
}

legend {
margin-bottom: 10px;
padding: 0;
}

/*Sisällöt*/

textarea {
max-width: 95%;
width: 25em;
height: 11.2em;
}

textarea.short {
width: 20em;
height: 5.6em;
}

div#content form img {
float: right;
width: 120px;
}

/*Asemointi*/

div#content form p {
clear: both;
padding: 0.5em 0 0 0;
}

div#content form p.further, div#content form p.secondary {
text-align: left;
padding-left: 30%;
}

div#content form fieldset p.introduction {
padding: 1em 0 0.5em 0;
}

div#content form .selection {
display: block;
float: right;
width: 70%;
line-height: 2em;
}

div#content form p label {
clear: both;
display: block;
float: left;
width: 28%;
}

div#content form p .selection label {
display: inline;
float: none;
width: auto;
padding: 0 0.7em 0 0.3em;
}/*Yleistä*/

body {
font-size: 12px;
font-family: "Arial", "Helvetica", "DejaVu Sans", sans-serif;
line-height: 1.667em;
}

/*Tekstivärit*/

body, ul#topnavi li strong a, ul#sitenavi strong a, ul#extranavi strong a, textarea, option {
color: #303030;
}

div#header, div#header a, div#footer, .secondary, h2, h1 a, ul#subnavi strong a, ul#subsubnavi strong a {
color: #777;
}

a {
color: #00a651;
}

	span.button a, span.linkrow a, span.rss a, ul#topnavi a, ul#sitenavi a, ul#extranavi a, .infobox, .infobox ul#subsubnavi strong a, .infobox h2 {
	color: #fff;
	}

/*Tekstikoot*/

h1 {
font-size: 2em;
}

h2 {
font-size: 1.5em;
}

/*Tekstityylit*/

ul.tree li li, h1, h2 {
font-weight: normal;
}

#header .column1 {
font-style: italic;
}

strong, caption, th, dt, p.introduction, span.button, span.linkrow, span.rss, ul.tree li, ul#topnavi, ul#sitenavi, ul#extranavi, ul#subnavi, ul#subsubnavi {
font-weight: bold;
font-style: normal;
}

em, blockquote {
font-weight: normal;
font-style: italic;
}

blockquote strong, em strong, strong em, #header .column1 strong {
font-weight: bold;
font-style: italic;
}

a, ul.tree a:hover, ul.subnavi a:hover, dt a:hover, ul#subsubnavi a:hover {
text-decoration: underline;
}

a:hover, span.button a, span.linkrow a, span.rss a, div#header a, ul.tree a, ul.subnavi a, dt a, ul#subnavi a, h1 a, ul#subsubnavi a {
text-decoration: none;
}

/*
span.button a:hover, span.linkrow a:hover, span.rss a:hover, div#header a:hover {
text-decoration: underline;
}
*/

h1, h2, ul#subnavi {
text-transform: uppercase;
}

/*Elementit*/

h2 {
padding-bottom: 22px;
border-bottom: 3px solid #ccc;
}

.module_enews h2, .infobox h2 {
padding-bottom: 0;
border-bottom: 0;
}

dl.document {
}

blockquote, p, table {
margin-bottom: 1.667em;
}

	p.further {
	}

dt {
margin-top: 1.667em;
}

	dl.document dt {
	margin-top: 0;
	}

	/*Lisätoiminnot*/

p.further {
}

	/*Nappulat*/

span.button, span.linkrow, span.rss {
display: inline-block;
vertical-align: middle;
max-width: 400px;
height: 30px;
background: transparent url(/images/style/button_left.gif) no-repeat;
}

	span.rss {
	background-image: url(/images/style/button_left_rss.gif);
	}

span.button a, span.linkrow a, span.rss a{
display: block;
padding: 0 10px 0 30px;
height: 30px;
line-height: 29px;
background: transparent url(/images/style/button_right.gif) no-repeat top right;
}

	/*Taulukot*/

caption {
display: none;
}

table.color td {
padding: 12px 1em 10px 1em;
}

table.color th {
padding: 10px 1em;
}

table.color td {
border-top: 3px solid #ccc;
}

table.color tr.even td {
background: #f7f7f7;
}

	/*Listat*/

ul {
list-style: square;
padding-left: 20px;
}

	ul#sitenavi, ul#extranavi, ul#topnavi, ul#subnavi {
	list-style: none;
	}

ol {
list-style: decimal;
}

ol li, ul.disc li, ul.square li, ul.circle li {
padding-left: 0;
background: none;
margin-left: 2.3em;
}

	/*Puunäkymä*/

ul.tree {
padding-left: 15px;
}

ul.tree img {
padding-right: 6px;
vertical-align: baseline;
}

ul.tree li {
padding: 0.1em 0;
background: none;
}

ul.tree li ul {
margin: 0 0 0 4px;
padding-left: 15px;
border-left: 1px solid #ccc;
}

ul.tree li ul ul {
margin: 0 0 1em 4px;
}

ul.tree li ul ul img {
}

	/*Dokumentit*/

dl.document {
padding-left: 30px;
background-image: url(/images/style/download.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
}