/* Start of CMSMS style sheet 'nuukalampo' */
/*YLEISET*/
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 background: #fff;
 background-image:url(images/body_bg.jpg);
 background-repeat:repeat-x;
 background-position:top center;
 margin-top: 10px;
 }

img {border: 0px;}
.contactform {font-size: 80%}
b, strong {color: #095a7f;}
#myframe { height: 600px; }
 
/*DIVIT*/
#wrapper{margin: 20px auto 0; width: 1082px; clear: both;}
#header {width: 1082px; height: 219px; float:left;}
#header_top{width: 1082px; height: 150px; float: left; clear:both;}
#header_bottom{background: url(images/header_bottom.jpg) no-repeat; width: 1082px; height: 61px; float: left; clear:both;padding-top:2px;padding-left:2px;}
#content {background: url(images/content_bg.jpg) repeat-y; min-height: 250px; width: 1082px; float: left; padding: 5px 20px 15px 10px;}
#one_column {float: left; width: 97%; }
#right_column {float: right; width: 260px; margin-right:20px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 15px;}
#left_column {float: left; width: 760px; }

#footer {margin: 0px auto; width: 100%; height: 200px; min-height:200px; background: #095a7f url(footer_bg.jpg) repeat-x; clear: both; border-top: #0d2e38 2px solid;}




/*YLEISET LUOKAT*/
.right-float-box {float: right; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 25px; margin: 0 0 10px 0; width: 300px;}

.left-float-box {float: left; background-color: #fafafa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 5px 10px; margin: 0 0 10px 20px; width: 670px;}

.selite{font-size: 0.75em; border-bottom: 1px #7f411a dotted; text-transform: lowercase; margin-left: 3px; font-family: "arial"; font-weight:bold; color: #96552d}
.hinta{float: right; font-size: 1.2em; color: #7f411a; font-weight: bold; margin-left: 5px;}

.right-float-img {float: right; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 5px; margin: 5px 5px 0 5px;}

.left-float-img {float: left; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 5px; margin: 10px 5px 0 5px;}

html> .left-float-img {float: left; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d1d1d1; padding: 5px; margin: 0px 5px 0 5px;}

.footer_tieto { color: #fff; padding: 5px; margin: 0px 5px 0 5px;  font-weight:bold; font-size: 0.92em;}

/*TEKSTIEN MUOTOILUT*/
p, ul {font-size: 76%;}
.eka {line-height: 16px; color: #333333; font-weight:bold;}
#right_column {font-size: 75%; font-family: Arial, Helvetica, sans-serif;}

.small {margin-bottom: 8px; margin-top: -10px; font-size: 82%; text-transform: uppercase; }
#left_column .smalldate {margin-top: -10px; font-size: 80%; text-transform: uppercase;}
.small a {text-decoration: none; text-transform: none;}


/* OTSIKON MUOTOILUT*/
h1{color: #436a92; font-size: 106%; border-bottom: 1px #436a92 solid;}
h2 {color: #436a92; font-size: 93%; border-bottom: 1px #436a92 solid;}
h3,h4,h5 {color: #436a92; font-size: 93%; }
#right_column h1 {color: #436a92; font-size: 110%; text-transform: uppercase; border-bottom: 1px #436a92 solid; margin-top: 4px;}
#right_column h3 {color: #436a92; font-size: 100%; text-transform: uppercase;}






/*VAAKAVALIKON MUOTOILUT - ÄLÄ KOSKE*/
ol#toc {
	height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc ol{
	height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	list-style: none;
        font-family: arial;
	background: url(images/tabs.gif) 100% 0 ;
	color: #fff;
	float: left;
	line-height: 3.8em;
	outline: none;
	padding-right: 14px;
	padding-left: 7px;
	text-decoration: none;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
}

ol#toc li.current {
	background-color: #1a5f72;
	background-position: 0 -60px;
}

ol#toc li.current a {
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
}

ol#toc li {
	list-style: none;
	background: #3b7385 url(images/tabs.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 10px;
}



/*PYSTYVALIKON MUOTOILUT - ÄLÄ KOSKE*/
ul#vert {
margin: 0;
padding: 1px;
list-style-type: none;
}

ul#vert ul{
margin: 0;
padding: 1px;
list-style-type: none;
}

ul#vert a {
display: block;
width:262px;
height: 43px;
line-height: 31px;
color: #1d697e;
text-decoration: none;
background: #94B8E9 url(images/rollover.gif) no-repeat left bottom;
text-indent: 10px;
font-weight:bold;
font-size: 13px;
margin-bottom:1px;
}

ul#vert .selected a {
background-position: right bottom;
color: #fff;
font-weight:bold;
}


ul#vert a:hover, ul#vert .selected a {
background-position: right bottom;
color: #fff;
font-weight:bold;
}

/* End of 'nuukalampo' */

