/*MARTTI JOENPOLVEN NOVELLIKILPAILU - Novellit 2008*/

html {}

body {margin: 0; padding: 0; font: 12px Georgia, "Times New Roman", Times, serif; color: #000000; background: #f5f5f5 url(../images/bg.gif) repeat center top; text-align: center;}


/* gen. formatting */

p {margin: 0 0 20px 0;}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
	color: #669999;
}
h2 {font-size: 16px; font-weight: normal; color: #669999; margin: 0 0 15px 0;}
h3 {font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}

a {color: #D79532;}
a:hover {color: #d93300;}

.ingress {
	font-size: 14px;
	line-height: 18px;
}

.signature {text-align: right; font-style: italic;}

.center {text-align: center;}
.right {text-align: right; position: relative;}

.separator {border-bottom: 1px solid #86af60; padding: 0 0 5px 0;}
.small {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0px;
}


img {float: right; display: inline; margin: 0 0 15px 15px; border: 0;}
.imgbox {float: right; display: inline; margin: 0 0 15px 15px; font-size: 9px; width: 77px; font-family: Arial, Helvetica, sans-serif;}
.imgbox img {margin: 0 0 5px 0;}


.bulletlink, .bulletlinkrev {padding: 1px 0 3px 15px; margin: 0 0 5px 0; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; font-size: 12px; clear: both; text-decoration: none; outline: none;}
.bulletlink:hover, .bulletlinkrev:hover {background-position: 0 -89px; text-decoration: none;}
.bulletlinkrev {background-image: url(../images/linkbullet_rev.gif);}



#topstripe {position: absolute; left: 0; top: 0; background: #ffffff; width: 100%; height: 26px;}

#container {position: relative; width: 740px; margin: 0 auto 0 auto; text-align: left; padding: 68px 0 0 0;}

#pageheader {width: 100%; overflow: hidden;}
#logo {position: absolute; left: 217px; top: 139px; border: 0; margin: 0;}
#logokikkareholder_vasen {position: absolute; left: 93px; top: 128px;}
#logokikkareholder_oikea {position: absolute; left: 520px; top: 125px;}


#pagefooter {width: 628px; padding: 47px 0 0 112px; background: url(../images/footer_bg.gif) no-repeat left top;}
	* html #pagefooter {width: 740px; w\idth: 628px;}
#pagefooter a {filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
#pagefooter a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
#pagefooter img {float: none;}

/* Site menu */
#sitemenu {position: absolute; left: 0; top: 8px; width: 740px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em; font-family: Arial, Helvetica, sans-serif;}
#sitemenu li {float: left; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#sitemenu .right {float: right;}
#sitemenu a {padding: 0 8px 0 8px; color: #999999; text-decoration: none;}
#sitemenu a:hover, #sitemenu a.active {color: #000000; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}

/* Main menu */
#mainmenu {list-style-type: none; margin: 0; padding: 0; background: url(../images/navi_bg.gif); width: 740px; height: 24px; padding: 6px 0 0 0; overflow: hidden;}
	* html #mainmenu {height: 30px; he\ight: 24px;}
#mainmenu li {float: left; display: inline; margin: 0;}
#mainmenu a {color: #ffffff; text-decoration: none; font-size: 14px; font-weight: bold; padding: 0 0 0 17px; outline: none;}
#mainmenu .active a {color: #000000;}
#mainmenu a:hover {color: #ffffff;}


/* Content */
#content {width: 740px; background: #ffffff url(../images/content_bg.gif) repeat left top; overflow: hidden; padding: 122px 0 0 0;}
	.homepage #content {padding-top: 172px;}
	
/* Columns */
.col1 {float: left; display: inline; margin: 0 15px 0 50px; width: 305px;}
.col2 {float: left; display: inline; margin: 0 0 0 15px; width: 305px;}
.col1-2 {float: left; display: inline; margin: 0 0 0 50px; width: 640px;}

/* Tabs */
.tabcontent {display: none;}
.tabcontent.active {display: block;}
#tabnavi {position: relative; float: right; display: inline; margin: -15px 0 0 0; color: #000000; width: 30px; text-align: center;}
	* html #tabnavi {top: -4px;}
	/* For Safari */
	/*\*/
	html*#tabnavi {
		[top: 0; 		/*there has to be smthng here*/
		top: 21px; 		/*setting for safari*/
		]top: -4px;		/*reset for IE6*/
	}
	
#prevbtn {position: absolute; left: 0; top: 4px; width: 11px; height: 11px; background: url(../images/linkbullet_rev.gif) no-repeat 0 -20px; outline: none;}
#nextbtn {position: absolute; left: 0; top: 4px; width: 11px; height: 11px; background: url(../images/linkbullet_rev.gif) no-repeat 0 -20px; outline: none;}
#nextbtn {background-image: url(../images/linkbullet.gif); left: auto; right: 0;}
#prevbtn:hover, #nextbtn:hover {background-position: 0 -91px;}


	
	/* inside tabcontent */
	.tabcontent h2 {margin-top: -34px;}

#tabnavicount {
	display: none;
}
/* @-character in e-mail links */
.miumau {margin: 0 0 -2px 0;padding: 0 5px 0 1px;background: url(../images/miumau.gif) no-repeat 0 -7px;}
a:hover .miumau {background-position: 0 -48px;}