/* general stuff */
input, textarea{
font-family:'trebuchet ms',verdana, sans-serif;
font-size:13px;
}

body{
margin:0;
padding:0;
text-align: center;
font-family:'trebuchet ms',verdana, sans-serif;
height: 100%; /* Required */
/*background:red;*/
background:#25639b url(../images/at.gif);
}

b, strong{
letter-spacing:1px;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
color:#7BA53F;
}
a:hover {
text-decoration:  underline; 
border: none;
}
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}
#rightcol-broad{
position:absolute;
top:150px;
right:20px;
width:130px;
}
#pagewidth{
  background: url(../images/bgb.gif);
}

#header {
height: 140px;
width:  100%; 
margin:0;
padding: 4px;
background: green url(../images/yt.gif);
}
 


#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}

#search .inputbox{
width: 100px;
height: 18px;
font-size: 13px;
background: lime;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 11px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}




#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 207px;
 float:left;
margin-right: 18px;
 margin-top: 4px;
 padding-top: 8px;
 top:0;
display:block;
 } 

 
#outer{
  /*margin: 0 auto;*/
  /*width: 600px;*/
  /*background: #DDD;*/
  text-align: left;
   /*position: relative;*/
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
	clear:both;
  } 

#footer, #footer a{
/*margin-top:20px;  
height: auto; 
width:100%; 
font-size: 10px;
*/
display:block;
/*position:relative;	
float:left;*/
line-height:19px;
font-size:14px;
color:white;
font-family:Georgia;
letter-spacing:0.09em;
font-weight:normal;
}

#footer{
border-top:solid 1px #0f2c46;

margin-top:30px;
background:#25639b url(../images/at.gif);

}

 
 #banner {
/* width: 478px;
 height: 69px;*/
 float: right;
 margin-top: 2px;
 margin-left: 6px;
 border:black solid 2px;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
/*padding: 16px 0px 0px 0px;*/
padding:5px;
padding-left:20px;
padding-right:20px;
font-size: 13px;
line-height: 18px;
margin-top:0px;
margin-left:210px;
margin-right:180px;
}

/* Modules */
dv.mmodule {
font-size: 14px;
/*width: 130px;*/
font-weight: bold;
margin: 2px;
padding: 0px;
margin-bottom: 5px;
}

#logi{
padding:6px;
font-weight: normal;
font-size: 12px;
color:black	;
width:170px;
}
#logi a{
font-weight: bold;
font-size: 13px;
line-height: 19px;
color:navy;
width:170px;
}


#user1{
float: left;
width: 49%;
}

#user2{
float: right;
width: 49%;
}

#user3 {
float: right;

width: 100%;
}

#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}


/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 11px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: lime;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */

a.mainlevel1 {
color:#225991;
font-size: 13px;
font-weight: bold;
padding-left: 2px;
width: 103px;
letter-spacing: 2px;
display: block;
line-height: 30px;
margin-bottom: 0;
margin-top: 0;
margin-left: 15px;
text-decoration: none;
text-align: center;
/*border-bottom: 2px solid #CACACA;*/
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
background: url(../images/kp1.gif) no-repeat left;
text-transform: uppercase;

}a.mainlevel2 {
color:#225991;
font-size: 13px;
font-weight: bold;
padding-left: 2px;
width: 103px;
letter-spacing: 2px;
display: block;
line-height: 30px;
margin-bottom: -1px;
margin-top: 1px;
margin-left: 15px;
text-decoration: none;
text-align: center;
/*border-bottom: 2px solid #CACACA;*/
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
background: url(../images/kp2.gif) no-repeat left;
text-transform: uppercase;

}



html>body a.mainlevel1 {width:203px;} /* Opera5-Fix-fix ;-) */
html>body a.mainlevel2 {width:203px;} /* Opera5-Fix-fix ;-) */


a.mainlevel1:hover, a.mainlevel2:hover{
/*background: #cb0000;*/
color:#0F2C46;
text-decoration: none;
} 
a.mainlevel1#active_menu, a.mainlevel2#active_menu{
/*background: #cd0000;
text-decoration: none;
*/}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 12px;
padding-left: 2px;
/*width: 899px;*/
display: block;
line-height: 20px;
margin-bottom: 2px;
margin-left: 8px;
text-decoration: none;
font-weight: normal;
/*border-right: 4px solid #CACACA;
*/voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
/*width: 3123px;*/
color:#225991;
}

html>body a.sublevel {width:203px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;

color:gray;
/*font-weight: bold;*/

/*border-left: 1px solid #CACACA;*/

voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 203px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 203px;
}




/* Other Mambo Stuff */

#title {
}
.pathway {
color: #B2BBBB;
font-size: 11px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  95%; 
border:0;
border-bottom:1px solid silver;
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
}

.contentheading{
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 3px dotted #76A03C;
font-family: verdana, sans-serif;
color: #76A03C;
padding-left:4px;
}

h3{
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 3px dotted #76A03C;
font-family: verdana, sans-serif;
color: #76A03C;
padding-left:4px;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 11px;
}
.sectiontableheader {
font-weight: bold;
font-size: 11px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 3px dotted #76A03C;
font-family: verdana, sans-serif;
color: #76A03C;
padding-left:4px;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
padding:4px;
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 11px;
text-align: center;
}


.back_button a{
font-size: 11px;
font-weight: normal;
}

.blogsection {
font-size: 11px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

/* CUSTOM */
#logo{
float:left;
}
#ok-head{
	font-family: Times, Georgia, Serif;
	font-weight: lighter;
	font-style: italic;
	font-size: 27px;
	color:white;
	letter-spacing: 2px;
	}
#ok-mhead{
	font-size: 9px;
	font-weight: normal;
	/*text-transform: uppercase;*/
	color:white;
}
h2 {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 3px dotted #76A03C;
font-family: verdana, sans-serif;
color: #76A03C;
padding-left:4px;

}
h5 {
font-weight: bold;
font-size: 14px;
/*height: 16px;*/ 
/*line-height: 16px;*/
/*font-family: 'Times New Roman', verdana, sans-serif;
color: #002E61;*/
color: #333;
margin:0px;
margin-bottom:14px;
margin-top:2px;
padding:0px;
}
#tuotehaku{
color:white;
background:transparent;
top:12px;
}
.ohje{
color:green;
}

.box {
	padding: 0;
	background-image: url(../images/bgb.gif);
}

.vb {
	background: url(../images/vb.gif) repeat-y left;
}

.ob {
	background: url(../images/ob.gif) repeat-y right;
}

.yb {
	background: url(../images/yb.gif) repeat-x 0 top;
}

.ab {
	background: url(../images/ab.gif) repeat-x 0 bottom;
}

.vy {
	background: url(../images/vy.jpg) no-repeat left top;
}

.oy {
	background: url(../images/oy.jpg) no-repeat right top;
}

.va {
	background: url(../images/va.jpg) no-repeat left bottom;
}

.oa {
	background: url(../images/oa.jpg) no-repeat right bottom;
	padding: 30px 8px 20px;
}
.iso_nappi a, .iso_nappi a:hover{
color:black;
text-decoration:none;
letter-spacing:1px;
display:block;
}
.iso_nappi{
color:black;
background:silver;
display:block;
font-size:20px;
padding: 8px;
border: gray solid 2px;
border-bottom: black solid 2px;
border-right: black solid 2px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.b1{
background:#C4DCA1;
}

a.osta_kirja{	
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/osta.png) no-repeat;
	text-align: center;
	width: 109px;
	height: 26px;
	display: inline-block;
	font: normal 14px/14px Arial, Verdana, "Helvetica Neue",  Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	padding-top: 7px;
	clear: none;
	float: left;
}
a:hover.osta_kirja{
	color: white;
	background: url(../images/osta_over.png) no-repeat;
}
.kirjailija{
	color: #202020;
	font: 15px/15px "Trebuchet MS";
	display: block;
	padding-top: 4px;
	letter-spacing: 1px;
	margin-bottom:2px;

}
.kirja{
	color: #25639b;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;

}
.ostospalkki{
	background-color: #fff;
	color: #ab0010;
	font: bold 18px/18px Arial, Verdana, "Helvetica Neue",  Helvetica, Geneva, sans-serif;
	display: block;
	border: 1px solid #C9B28F;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 2px;
	height: 27px;
	min-width: 260px;
	clear:both;
}
.lyhyt_kuvaus{
	color: black;
	font: 12px/15px "Trebuchet MS";
	display: block;
	letter-spacing: 0.05em;

}
.hinta{
	font: 30px/30px;	
}
.summa{
	text-align: right;
	display: inline-block;
	float: right;
	padding-top: 4px;
	padding-right: 4px;
}
.kirjapalkki{
 min-height: 140px;
 display: block;
 padding: 3px;
 min-width: 260px;
 
}
.kirjapalkki img{
	margin-right: 4px;
}
.tuote{
	padding: 3px;
	padding-bottom: 1px;
}
h1
{
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	border-bottom: 3px dotted #76A03C;
	font-family: verdana, sans-serif;
	color: #76A03C;
	padding-left:4px;
}
#korissa{
	text-align:center;
	font-size:14px;
	margin-top:4px;
	margin-bottom:8px;
}

/*
style="width:auto;background:black;text-align:left;height:25px;font-weight:bold;margin:0px;line-height:24px;padding:6px;"
*/
.kaveri a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/i_kaverille.png) no-repeat;
	text-align: center;
	width: 160px;
	height: 26px;
	display: inline-block;
	font: normal 14px/14px Arial, Verdana, "Helvetica Neue",  Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	padding-top: 7px;
	clear: none;
	float: left;
}

.kaveri a:hover {
	background: url(../images/o_kaverille.png) no-repeat;
}