* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:0 0; }
li, dd { margin-left:0%; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
a img{ border:none; }
.keskitetty { text-align:center; }
	
body {
background:#f7f7f7 url(images/bg.gif) top left repeat-x;
text-align:left;
margin:0;
padding:0;
}

#container {
width:905px;
text-align:left;
background-color:#f7f7f7;;
margin:0;
}

#sidebar-l {
float:left;
width:171px;
height:800px;
background:url(images/sidebar-l_bg.gif) top left no-repeat;
text-align:left;
margin:0;
}

#content {
width:651px;
margin:0;
float:left;
}

#navigation {
height:37px;
margin:0;
padding:0;
text-align:left;
background:url(images/navigation_bg.gif) top left repeat-x;
border-bottom:1px solid #0046bd;
}

#language {
width:30px;
height:30px;
margin: 1px 0 0 0;
text-align:right;
float:left;
}

#language img {
background:transparent;
border:1px solid #fff;
padding:1px;
}

#navcontainer {
width:615px;
height:35px;
float:left;
}

#header {
height:257px;
background:url(images/header_bg.jpg) 0 0 no-repeat;
border-bottom: 1px solid #0046bd;
margin:0;
text-align:left;
}

#content-l {
width:432px;
float:left;
margin:1px 0 0 1px;
background:#f7f7f7 url(images/dots.gif) top right repeat-y;
}

#content-l h1 {
width:419px;
color:#0046bd;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
line-height:1.7em;
background-color:#cedfef;
text-transform: uppercase;
padding:0 0 0 9px;
}

#content-l h2, #content-r h2, #content-full h2 {
color:#3a638a;
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
line-height:1.7em;
margin-bottom:-4px;
padding:2px 0 0 10px;
}

#content-l p, #content-r p, #content-full p {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.4em;
padding: 5px 8px 2px 10px;
}

#content-r {
width:214px;
float:left;
margin:1px 1px 0 0;
}

#content-r h1 {
width:205px;
color:#0046bd;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
line-height:1.7em;
background-color:#e3eef8;
text-transform: uppercase;
margin:0 0 0 1px;
padding:0 0 0 9px;
}

#content-full {
width:640px;
float:left;
margin:1px 0 0 1px;
background:#f7f7f7;
}

#content-kokeile1 {
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:normal;
color:#666;
float:left;
margin:1px 0 0 10px;
background:#f7f7f7;
}

#content-kokeile2 {
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:normal;
color:#666;
float:left;
margin:1px 0 0 10px;
background:#f7f7f7;
}

#content-full h1 {
width:637px;
color:#0046bd;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
line-height:1.7em;
background-color:#cedfef;
text-transform: uppercase;
padding:0 0 0 9px;
}

#sidebar-r {
float:left;
width:83px;
height:800px;
background:url(images/sidebar-r_bg.gif) top left no-repeat;
text-align:right;
margin:0;
}

.clearing {
text-align:center;
color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:1.4em;
clear:both;
height:10px;
}

/* LINK */
a:link {
color:#366dca;
text-decoration:none;
}

a:visited {
color:#999;
text-decoration:none;
}

a:hover,a:active {
color:#000;
text-decoration:none;
}

/* NAVIGATION */
ul#navlist {
margin-left:10px;
padding-left:0;
white-space:nowrap;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:700;
line-height:1.4em;
padding-top:6px;
}

#navlist li {
display:inline;
list-style-type:none;
margin-right:0.3em;
height:40px;
}

#navlist a {
color:#0046bd;
padding:0.6em 0.5em;
}

#navcontainer ul li a#current {
background: transparent url(images/nav_selected.gif) bottom left repeat-x;
color:#527fcb;
}

#navlist a:link,#navlist a:visited {
color:#0046bd;
text-decoration:none;
}

#navlist a:hover {
color:#527fcb;
text-decoration:none;
}

#secondnav {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:700;
line-height:1.4em;
margin:5px 0 25px 10px;
padding:0;
}

#secondnav ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
display:block;
}

#secondnav ul li {
display:block;
float:left;
margin:0 1px 0 0;
}

#secondnav ul li a { 
display:block;
float:left;
color:#034895;
text-decoration:none;
padding:3px 20px 0 20px;
height:18px;
}

#secondnav ul li a:hover,#secondnav ul li a.current {
color:#000;
text-decoration:underline;
}

/* LIST */
.basiclist ul,.basiclist li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.5em;
margin:0 0 0 10px;
padding:0;
color:#666;
}

.basiclist a:link,.basiclist a:visited {
color:#366dca;
text-decoration:none;
}

.basiclist a:hover,.basiclist a:active {
color:#000;
text-decoration:none;
}

.normallist ul,.normallist li {
list-style-image: url(images/list_button.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.6em;
margin:-1px 0 0 30px;
padding:0;
color:#666;
}

.normallist a:link,.normallist a:visited {
color:#366dca;
text-decoration:none;
}

.normallist a:hover,.normallist a:active {
color:#000;
text-decoration:none;
}

/* FORM */
fieldset {
margin:0 0 0 9px;
width:200px;
border:0;
text-align:left;
}

label {
line-height:1.6em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#666;
padding:0px 0 0 0;
margin:2px 0 0 2px;
}

input {
width:170px;
margin:0px 5px 0 2px;
line-height:1.1em;
font-size:0.7em;
background-color: #fff;
border:1px #999 solid;
padding:3px 3px 3px 0;
color:#000;
}

#testi input {
width: auto;
background:#f7f7f7;
margin:0 5px 0 0;
line-height:1.1em;
font-size:0.75em;
padding:3px 3px 3px 0;
color:#000;
border:0;
}

select {
margin:0px 5px 0 2px;
}

textarea {
margin:3px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
background-color:#fff;
height:100px;
width:169px; 
border:1px #999 solid;
padding:2px 5px 2px 2px;
color:#000;	
}

.button {
width:65px;
height:21px;
margin: 2px 0 0 100px;
border:0;
font-weight:700;
background: transparent url(images/button_send.gif) center center;
color:#fff;
cursor: pointer; /* for IE 5.x */
}

.button_oikoluku {
width:65px;
height:21px;
margin: 2px 0 50px 100px;
border:0;
font-weight:700;
background: transparent url(images/button_send.gif) center center;
color:#fff;
cursor: pointer; /* for IE 5.x */
}

.error {
margin:0 0 0 9px;
color:#f00;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
}
