/* 
---------------------------------------------------
CSS - ERKKERI LAYOUT

*/


/* ----- RESET DEFAULT BROWSER STYLES ----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}

ul.blog {list-style-type:disc;}
li.blog {padding-left: 12px:0;margin: 0;}
li.blog a {padding-left: 12px;margin: 0;}

ul.contentdescription {list-style-type:disc;}
li.contentdescription {padding-left: 12px:0;margin: 0;}
li.contentdescription a {padding-left: 12px;margin: 0;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}

p {text-indent:0;}

i {font-style: italic;}

/* ----- LAYOUT (GRID SYSTEM) ----- */

body {
	margin:0;padding:0;	
	font-size: 75%;
	background:#B2BAC8 url("../images/body_bg.jpg") no-repeat;
	
}

html>body {font-size: 12px;}

.Wrapper {
	margin: 0px auto 0px auto;
	text-align:left;
	width:980px;
	background:transparent url("../images/wrapper_bg.png") top left repeat-y;
}

#Content {border-top:4px solid #bfd6e8;background:#fff url("../images/header_bg.jpg") no-repeat;margin:0 14px 0px 14px;}
#Footer {
	border-bottom:4px solid #bfd6e8;
	margin:0px 14px 0px 14px;
	background:#fff url("../images/vaakaviiva.png") no-repeat;
	padding:30px 36px 20px 36px;
	color:#898989;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9166em;
	line-height:1.6363em;
	letter-spacing: 0.1em;
	text-align:center;
}
#Footer .moduletable {text-align: center;}

#OpinOvi {float:right;margin-right:36px;margin-top:20px;}
#Logo img {margin-top:45px;margin-left:26px;}

#Lang {float:right;margin-right:30px;display:inline;margin-top: 0px;}

#Navigation {float:left;margin-left:36px;display:inline;padding:0;list-style-type:none;height: 40px;overflow: hidden;width: 620px; /* oli 600px */}
#Navigation li {padding:0px 10px 0px 0px;margin:0px 10px 0px 0px;display:inline;border-right:1px solid #005da4}
#Navigation li.Last {padding:0;margin:0;bordeR:0;}
#Navigation a {text-decoration:none;font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;}
#Navigation a:hover {text-decoration:underline;}
/* ----- Search ----- */

/* #Search {float:right;margin-right:36px;display:inline;} päivitys 13.10.2009 */
#Search {width: 230px; /* oli 250px */ margin-right:36px;/* display:inline;*/ display: block;border-collapse: collapse; position: relative; padding-left: 20px; height: 40px; overflow: hidden; /* leveys oli 320px */}
#Search label {height:0;width:0;/* display:block; */ display: none;}

#Search input {
	background:#fff none repeat scroll 0%;
	border-top:1px solid #abadb3;
	border-right:1px solid #e4e7ec;
	border-left:1px solid #e2e3ea;
	border-bottom:1px solid #e3e9ef;
	color:#666;
	width:180px; /* oli 200px */
	padding-left:2px;
padding-top: 2px;
}

#Search .button {
	background:transparent url("../images/search_button.png") repeat scroll 0%;
	border:0px none;
	color:#333;
	font-size:10px;
	height:20px;
	width:39px;
	margin:0px;
	vertical-align:bottom;
	margin-left:5px;
}

/* ---- */

.Pystyviiva {background:transparent url("../images/pystyviiva.png") top left repeat-y;margin-top:35px}

.SubNavigation {margin-top:130px;width:210px;float:left;display:inline;text-align:right;}
.SubNavigation li {text-align:right;margin-bottom:5px;}
.SubNavigation li a {background:transparent url("../images/subnavi_default.png") no-repeat right top;padding-right:20px;text-decoration:none;color:#000;}
.SubNavigation li a.active,.SubNavigation li a:hover {background:transparent url("../images/subnavi_active.png") no-repeat right top;}

.SubNavigation .moduletable h3 {text-align: right;}

.Breadcrumb {margin-top:40px;margin-bottom:30px;}
.Breadcrumb ul {display:inline;list-style-type:none;}
.Breadcrumb li {padding:0;margin:0;float:left;}
.Breadcrumb li a {padding-right:12px;margin-right:3px;background:transparent url("./images/arrow.png") no-repeat right center}

.Sisalto {float:left;display:inline;width:690px;margin-left:20px}

#FrontPage .Sisalto {float:left;display:inline;width:540px;margin-left:36px}

.Sisalto ul {list-style-type:disc;padding-left: 20px;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:1.8333em;line-height:1em;margin:1.2273em 0 0.4091em 0; color:#015fa3; /* siirretty koskemasta kaikkia yltä */}
h2 {font-size:1.46664em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;font-weight:bold;color: #000;}
h3 {font-size:1.1666em;line-height:1.2857em;margin:1.9286em 0 0.6429em 0;font-weight:bold;color: #000;}
h4,h5,h6 {font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;font-weight:bold;}

#FrontPage h2,#FrontPage h3 {margin:0;}


.Pikalinkit {float:left;display:inline;margin-left:50px;width:300px;}
.Pikalinkit ul li {background:transparent url("../images/nuoli.png") no-repeat;padding-left:13px;margin-left:7px;margin-bottom:5px;}
.Pikalinkit img {padding: 0;margin: 0;}
.Sponsors {margin-top:30px;}

.Container {overflow:hidden;width:100%;font-size:1em;line-height:1.5em;display:block;}
.Container:after {content: ".";display:block;height:0;clear:both;visibility:hidden;} 

/* ----- PADDING ----- */

.Padding {margin-left:10px;margin-right:10px;}
.Padding2x {margin-left:20px;margin-right:20px;}
.Padding2xRight {margin-left:10px;margin-right:20px;margin-top:27px;}
.Padding3x {margin-left:30px;margin-right:30px;}
.Padding4x {margin-left:40px;margin-right:40px;}
.Padding2x1 {margin-left:20px;margin-right:10px;} 
.Padding3x1 {margin-left:30px;margin-right:10px;}

.PaddingLeft {margin-left:10px;} 
.PaddingDouble {margin-left:20px;margin-right:20px;} 
.PaddingTriple {margin-left:30px;margin-right:30px;}

/* ----- BUGFIXES ----- */

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline;width: 100%;}
* html .clearfix {height: 1%;}


/* ----- TYPOGRAPHY ----- */

/*
10 px = font-size:0.8333em;line-height:1.8em;margin:2.7em 0 0.9em 0;
11 px = font-size:0.9166em;line-height:1.6363em;margin:2.454em 0 0.8177em; 
12 px = font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;
13 px = font-size:1.0833em;line-height:1.3846em;margin:2.0769em 0 0.6923em;
14 px = font-size:1.1666em;line-height:1.2857em;margin:1.9286em 0 0.6429em 0;
16 px = font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;
18 px = font-size:1.5em;line-height:1em;margin:1.5em 0 .5em 0;
20 px = font-size:1.6667em;line-height:0.9em;margin:1.35em 0 0.45em 0;
22 px = font-size:1.8333em;line-height:0.8182em;margin:1.2273em 0 0.4091em 0;
24 px = font-size:2em;line-height:0.75em;margin:1.125em 0 0.375em 0;
26 px = font-size:2.1667em;line-height:0.6923em;margin:1.0385em 0 0.3462em 0;
28 px = font-size:2.3333em;line-height:0.6429em;margin:0.9643em 0 0.3214em 0;
30 px = font-size:2.5em;line-height:0.6em;margin:0.9em 0 0.3em 0;
32 px = font-size:2.6667em;line-height:0.5625em;margin:0.8438em 0 0.2813em 0;
34 px = font-size:2.8333em;line-height:0.5294em;margin:0.7941em 0 0.2647em 0;
36 px = font-size:3em;line-height:0.5em;margin:0.75em 0 0.25em 0;
42 px = font-size:3.5em;line-height:0.4286em;margin:0.6429em 0 0.2143em 0;
48 px = font-size:4em;line-height:0.375em;margin:0.5625em 0 0.1875em 0;
54 px = font-size:4.5em;line-height:0.333em;}
*/

body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif; 
	font-style:normal;
	font-weight:normal;
	color:#333;
}

p {font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;display:block;}

a,a:visited {color:#005da4;}
 
.moduletable-ajankohtaista {margin: 0 0 10px 0; padding: 0 0 10px 0; width: 300px; background: url("../images/ajankohtaista_main.png") bottom left no-repeat;}
.moduletable-ajankohtaista p, .moduletable-ajankohtaista ul {padding-left: 20px;}
.moduletable-ajankohtaista h3 {padding: 8px 10px 4px 0;margin-bottom: 4px;}

ul.Pikalinkit {list-style-type:none;margin-top: 5px;}
li.Pikalinkit {padding:0;margin:0;float:left;}
li.Pikalinkit a {padding-right:12px;margin-right:3px;background:transparent url("./images/arrow.png") no-repeat right center;}

.Sisalto form {margin-top: 20px;}

#Footer {}
#Footer ul {display:inline;list-style-type:none;}
#Footer li {padding:0;margin:0;text-align: center;}
#Footer li a {}

a.Otsikko, a:visited.Otsikko {text-decoration: none;font-size: 16px !important;font-weight: bold;}