/* 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
 */

body { background: #1B1B1B; }

ul#topnavi { background: transparent; }

div#content {
	width: 1000px;
	margin: 0px auto;
}

div#footer {
	height: 200px;
	background: transparent none no-repeat scroll top left;
}

p#reference {
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	background: transparent;
	text-align: center;
}

p#reference a {
	margin-left: 10px;
}

/* Resetoinnit */

html, body, div, img, p, dl, ul, ol, li, dt, dd, table, tr, th, td, a, em, h1, h2, h3, span,
div#content form#eadminlogin p, div#content form#eadminlogin input#form_username, div#content form#eadminlogin input#form_passwd {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-weight: normal;
}

ul {
	list-style: none;
}

img {
	vertical-align: middle;
}

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

table, th, tr, td {
	vertical-align: top;
}

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

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

/* Kehys */

div.column1, div.column2, div.column3, div.column4 {
	float: left;
}
body { background: #1b1b1b none no-repeat scroll top center; }
div#main { width: 100%; background: transparent; }


div#header {
	width: 1000px;
	margin: 0px auto;
	height: 256px;
}
div.depth_1 div#header {
	height: 346px;
}
div#header a#logo {
	display: block;
	height: 130px;
	width: 429px;
	margin-bottom: 65px;
	margin-left: 114px;
}
div.depth_1 div#header a#logo {
	margin-bottom: 35px;
}
div#outercontent {
	width: 100%;
	background: #fff url(/images/style/content.gif) repeat-x;
	float: left;
}

div#content {
	width: 1000px;
	margin: 0px auto;
	background: #fff url(/images/style/content.gif) repeat-x;
}
div#content div.innercontent {
	float: left;
	background: #fff url(/images/style/content.gif) repeat-x;
	padding-top: 13px;
	padding-bottom: 30px;
}

div#content div.infobox {
	border: 1px solid #D1D1D1;
	border-top: 1px solid #F3F3F3;
	background: #F3F3F3 url(/images/style/infobox_2.gif) repeat-y;
	margin-top: -28px;
	margin-left: -25px;
	margin-bottom: 15px;
	padding: 24px;
	padding-top: 27px;
	z-index: 2;
	position: relative;
}

div#outerfooter {
	width: 100%;
	background: #1B1B1B url(/images/style/footerz.jpg) repeat-x;
	float: left;
}
div#footer {
	width: 990px;
	background: #1b1b1b url(/images/style/footerz.jpg) repeat-x;
	padding-top: 13px;
	margin: 0px auto;
}
div#footer div.innerfooter {
	float: left;
	background: #1b1b1b none no-repeat scroll top left;
	padding-bottom: 30px;
}

div#footer div.column1 {
	padding: 0px;
	margin-top: 16px;
	width: 215px;
	line-height: 1.9em;
	psdding-left: 15px;
}

div#footer h2, div#footer h1 {
	font-size: 1.2em;
	line-height: 1.9em;
}

div#footer div.column2 {
	padding: 0px;
	margin-top: 46px;
	width: 215px;
	line-height: 1.9em;
	padding-left: 25px;
}
div#footer div.column3 {
	padding: 0px;
	margin-top: 47px;
	width: 270px;
}
div#footer div.column3 form.search_site { display: inline; margin: 0px; padding: 0px; }
div#footer div.column3 p { margin: 0px; padding: 0px; }
div#footer div.column3 label {
	margin: 0px; padding: 0px; padding-left: 7px;
	height: 26px; line-height: 1.9em;
	display: block;
	vertical-align: bottom;
}

div#footer div.column3 input {
	background: transparent;
	margin-right: 9px;
	margin-top: 0px;
	margin-left: 7px;
	border: 0px;
	width: 127px;
}

div#footer div.column3 input#searchsubmit {
	width: 54px;
	margin:0px;
	text-align: center;
	padding: 0px;
	font-size: 11px;
	padding-right: 0px;
	padding-top: 0px;
}

div#footer div.column4 {
	width: 243px;
	padding: 0px;
	padding-left: 22px;
	padding-top: 16px;
}

/*Kehyksen elementit*/

	/* DEPTH 1 Intro */
p#introduction {
	height: 120px;
	margin: 0px;
	padding: 0px;
	padding-left: 256px;
	padding-right: 350px;
	line-height: 2em;
	font-size: 1.1em;
	overflow: hidden;
}

/* Helppokäyttötoiminnot */

ul#accessibility {
	float: right;
	height: 30px;
	line-height: 1.9em;
}

ul#accessibility li {
	display: inline;
	background: transparent;
	padding: 0;
}

/* Extranet-kirjautuminen */

form#generallogin {
	margin: 0px; padding:0px;
	width: 243px;
}

form#generallogin fieldset {
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	border: 0;
}

form#generallogin legend {
	display: none;
}

form#generallogin dl {
	float: left;
	width: 236px;
}

form#generallogin dl dt {
	display: block;
	width: 82px;
	margin-right: 5px;
	margin-bottom: 6px;
	text-align: left;
}
form#generallogin dl dd input {
	width: 82px;
	margin-right: 5px;
	background: #646464;
	border: 0px;
}
form#generallogin dl dd.generalloginsubmit {
	width: 50px;
	background: #1b1b1b url(/images/style/button.gif) repeat-x;
	text-align: center;
}
form#generallogin dl dd.generalloginsubmit input {
	width: 50px;
	background: transparent;
}
form#generallogin dl dt, form#generallogin dl dd {
	clear: none;
	float: left;
	display: inline;
	padding: 0;
}

dl.generalactions { width: 222px; margin-top: 25px; }
dl.generalactions dd.logout {
	float: right;
}

/* Päävalikko */

ul#topnavi {
	width: 1000px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding-top: 0px;
	font-size: 1.1em;
}

ul#topnavi li {
	display: inline;
	margin-right: 45px;
	background: transparent;
	padding: 0 5px;
}

ul#topnavi li.last {
	margin-right: 0px;
}

/*Sisältöalue*/

/*Älä käytä, ellei ole pakko: kokeillaan, pärjätäänkö ilman*/
div.container { clear: both; }

/* Oletuksena Template_3 */
/* Alempana muokkaukset muille templateille */
div.column1 {
	width: 210px;
	padding-right: 30px;
	padding-left: 15px;
	padding-top: 25px;
}

div.column2 {
	width: 475px;
	padding: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

div.column3 {
	width: 235px;
	padding: 25px;
	padding-right: 5px;
}

/* eSite */

/* Template_2 */
div.template_2 div.column2 { width: 447px; padding-right: 25px; }
div.template_2 div.column3 { width: 238px; padding-right: 0px; }
div.template_2 div.column3 div.bottomcolumn { width: 213px; }

/* Template_1 */
div.template_1 div.column2 { width: 583px; padding-right: 0px; clear: right; }

/* Template_5 */
div.template_5 div.column2 { width: 354px; }
div.template_5 div.column3 { width: 354px; padding-left: 25px; }


/* eSite_Firstpage */
div.module_esite_firstpage div.column1 { width: 397px; padding-right: 25px; padding-left: 15px; }
div.module_esite_firstpage div.column2 { width: 273px; padding-left: 25px; }
div.module_esite_firstpage div.column3 { width: 213px; }

/* eSite_Special  */
div.module_esite_special div.column1 { width: 600px; padding-right: 25px; padding-left: 4px;  }
div.module_esite_special div.column2 { width: 360px; padding:0px; padding-top: 25px; }
div.module_esite_special div#content div.column2 div.infobox { margin-left: 0px; }
div.module_esite_special fieldset { border: 0px; }

/* eNews */
div.module_enews div.column2 { width: 583px; padding-right: 25px; }
div.module_enews.template_3 div.column2 { width: 458px; padding-right: 0px; }

/* eEvents */
div.module_eevents div.column2,
div.module_eevents_addevent div.column2 { width: 503px; padding-right: 25px; }
div.module_eevents div.column3,
div.module_eevents_addevent div.column3 { width: 240px; }

/*eAdmin login*/
form#eadminlogin {
	width: 240px;
	height: 120px;
	padding: 40px 20px 0 40px;
}

form#eadminlogin p {
	height: 30px;
	clear: both;
}

form#eadminlogin input {
	display: block;
	float: left;
	background: #646464;
}

form#eadminlogin p.eadminsubmit input {
	margin-left: 91px;
	margin-top: 15px;
	height: 22px;
	width: 92px;
	border: 0px;
	background: #646464 url(/images/style/button.gif) repeat-x scroll top left;
}

form#eadminlogin input#form_username, form#eadminlogin input#form_passwd {
	height: 16px;
	margin: 0px;
	height: 22px;
	width: 92px;
	border: 0px;
}

form#eadminlogin label {
	margin: 4px 0px 0px 5px;
	line-height: 1.1em;
	float: left;
	width: 66px;
	padding-left: 20px;
}

/* eForms -kamat */
/*div#main div#content div.formcont { overflow: hidden; }
div#main div#content div.formcont form dl { width: 100%; }
div#main div#content div.formcont form textarea { width: 100%; margin: 0px; padding: 0px; }
div#main div#content div.formcont form input { max-width: 100%; }
div#main div#content div.formcont fieldset { border: 0px; margin: 0px; margin-top: 15px; padding:0px; }*/
div#main div#content form.eform input.submit { background: #646464 url(/images/style/button.gif) repeat-x scroll top left; }/*Resetoinnit*/

form, label, fieldset {
margin: 0;
padding: 0;
border: 0;
text-align: left;
}

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

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

form table {
clear: right;
}

.spamfilter {
display: none;
}

/*Teksti*/

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

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

/*Elementit*/

form {
padding: 0 0 1em 0;
}

fieldset {
margin: 1em 0 0 0;
padding: 0.5em 0.5em 2em 0.5em;
border: 0px solid #ccc;
}

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

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

form dd label {
line-height: 1.8em;
padding: 0 0 0 0.2em;
}

form dl dt {
clear: both;
float: left;
width: 28%;
padding: 9px 0 0 0;
text-align: right;
}

form dl dd {
clear: right;
padding: 8px 0 0 30%;
}

form dl dd img {
float: right;
}

form p {
padding: 0.5em 0;
}

form fieldset p {
padding: 1.5em 0 0 30%;
}

form fieldset p.introduction {
padding: 0 0 1em 0;
font-weight: normal;
}

label em {
color: red;
}

div#content form.eform input.submit { color: #fff; }/* Yleistä */
body,
div#main input,
div#main textarea,
div#main select { font-family: 'palatino linotype', palatino, 'book antiqua', serif; }
body {
	font-size: 13px;
	line-height: 1.6em;
}

em, th, dt {
	font-style: normal;
	font-size: 1.1em;
}

dt {
	padding: 1em 0 0 0;
}

/* Otsikot */
h1 {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: normal;
	margin-bottom: 6px;
}

div.infobox dl#lift_items_enews dt {
	font-size: 1.2em;
}

/* Linkit */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
div#content a, div#footer a { text-decoration: underline; }
div#footer h2 { margin-bottom: 0px; }
div#content a:hover, div#footer a:hover { text-decoration: none; }

dl#lift_items_enews dd a { text-decoration: none; }
dl#lift_items_enews dd a:hover { text-decoration: underline; }
span.button a:hover,
ul#topnavi a:hover { text-decoration: none; }
div#content ul.subnavi li a { text-decoration: none; }
div#content ul.subnavi li a:hover { text-decoration: underline; }
div#main p.captionforimg a span, div#main p.captionforimg a, div#main p.captionforimg a:hover { text-decoration: none; }
div#main p.captionforimg a:hover span { text-decoration: underline; }
div#main .button a { text-decoration: none; }
/* Taulukot */
table.discreet td, table.color td {
	padding: 0.3em 1em;
}

table.discreet th, table.color th {
	padding: 0.6em 1em 0 1em;
	border-bottom: 2px solid #444;
}
/* Listat */
ul.circle {
	list-style: circle;
}

ul.square {
	list-style: square;
}

ul.disc {
	list-style: disc;
}

ol.order_1 {
	list-style: decimal;
}

ol.order_a {
	list-style: lower-alpha;
}

ol.order_A {
	list-style: upper-alpha;
}

ol.order_i {
	list-style: lower-roman;
}

ol.order_I {
	list-style: upper-roman;
}

ul li {
	padding-left: 2.6em;
	background: transparent url(/images/style/li.gif) no-repeat 1.3em 0.55em;
}

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

/* FColors */
body { color: #1b1b1b; }
div#main a { color: #3d5866; }
div#main input { color: #fff; }
div#main span.button a,
div#main input.button,
div#main p.captionforimg span, div#main p.captionforimg a span { color: #fff; text-decoration: none; }
div#main em { color: #646464; }

div#content ul.subnavi li.current a { color: #1D1D1D; }
div#content ul.subnavi li.current ul li a { color: #3d5866; }
div#content input#topsearchterm,
div#content form#eadminlogin input { color: #fff; }

div#header { color: #fff; }
div#header a { color: #fff; }
div#header li.selected a { color: #5E8CA8; }
div#content input { color: #1b1b1b; }

div#footer { color: #646464; }
div#footer h1, div#footer h2 { color: #fff; }
div#footer div.column4 h1, div#footer div.column4 h2 { color: #1b1b1b; }
div#footer input { color: #fff; }
div#footer em { color: #fff; }

/* FStyles */
ul.tree a { font-variant: small-caps; }

input.button,
span.button a,
form.eform input.submit { font-variant: small-caps; }

h1, h2, h3, dt, em, label,
.introduction,
.distinguish,
.note,
.imgwithcaption { font-variant: small-caps; }

.distinguish { font-style: italic; }

h1, h2, ul.subnavi li a { text-transform: uppercase; }

span.button a, input.button,
form#generallogin dl dd.generalloginsubmit input { text-transform: lowercase;  }

form#eadminlogin .eadminsubmit input { font-variant: small-caps; text-transform: lowercase; }

p#reference, p#reference a { font-variant: small-caps; }

div#header a { font-variant: small-caps; }

div#header ul#topnavi li a { text-transform: lowercase; }

div#footer div.column3 label { font-variant: normal; }

div#footer dd.generalloginsubmit input { font-variant: small-caps; }


/* Elementit */
ul.pagemenu {
	float: right;
}

ul.pagemenu li {
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}

ul.tree li {
	padding: 0.1em 0;
	padding-left: 0;
	background: none;
	margin-left: 2.5em;
}

a.linkrow {
	display: inline-block;
	padding: 0 0 0 20px;
	background: transparent url(/images/style/linkrow.gif) no-repeat 5px 0.4em;
}

p.further {
	text-align: right;
}

p.introduction {
	font-style: normal;
}

div#content p.introduction {
	font-size: 1.2em;
}

div#content fieldset p.introduction {
	font-size: 1em;
}

span.button a {
	padding: 4px 5px;
	background: #000 url(/images/style/button.gif) repeat-x;
	border: 0;
}

input.button {
	padding: 1px 4px;
	background: #000 url(/images/style/button.gif) repeat-x scroll 0px 3px;
	border: 0;
}

input#topsearchterm {
	background: #646464;
	border: 1px solid #1b1b1b;
}

div#main dl.document dd.secondary {
	text-align: left;
	padding-bottom: 4px;
}

div#main dl.document {
	padding: 0 0 0 0px;
	background: transparent url(/images/style/document.gif) no-repeat scroll 90px 1.5em;
}
div#main dl.document dd, div#main dl.document dt { line-height: 1.5em; }


/* Yleisiä tyylejä */
div#main .secondary {
	text-align: right;
}

.highlight {
	background: #ccc;
}

.distinguish {
	font-weight: normal;
}

.separator {
	padding: 0 0.2em;
}

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

div#main p.captionforimg {
	position: relative;
	top: -2em;
		background: transparent url(/images/style/caption.gif) repeat-x scroll 0px -11px;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 2em;
}
p.captionforimg span {
/*	padding-left: 4px;*/
}
p.captionforimg span.lrow {
	background: transparent url(/images/style/linkrow_dark.gif) no-repeat scroll 7px 3px;
	padding-left: 19px;
	text-decoration: none;
}

/*Alavalikko*/

ul.subnavi {
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;
}
ul.subnavi li {
	padding: 0px;
	background: transparent;
	margin-bottom: 12px;
}
ul.subnavi li ul {
	margin-top: 12px;
}
ul.subnavi li ul li {
	padding-left: 0em;
}
ul.subnavi li ul li ul li {
	padding-left: 1em;
	background: transparent url(/images/style/li.gif) no-repeat 0em 0.6em;
}

ul.subnavi li a {
	line-height: 1.1em;
}