@charset "utf-8";
/* CSS Document */

body {
	background:#BBDB92 url(images/background-slice.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#003300;
	margin:0;
	padding:0;
}

h1 {
	background:url(images/logo.png) bottom right no-repeat;
	font-size:0px;
	width:586px;
	height:85px;
	padding-left:25px;
	padding-top:40px;
}

h2 {
	font-family:Garamond,Georgia,sans-serif;
	font-size:24px;
	color:#000000;
	border-bottom:solid 1px #000000;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	margin-top:0;
	padding-top:0.5em;
}

p,ul,ol {
	letter-spacing:0.1px;
	line-height:1.5em;
}

a {
	text-decoration:none;
	color:#333300;
}

a:hover {
	text-decoration:underline;
	color:#999900;
}

a:visited {
	color:#999900;
}

img.i_right {
	float:right;
	margin:1em 0 1em 1em;
}

img.i_top {
	margin-top:0em;
}

/*Lomake*/

form[name="yhteys"] {
	width:380px;
}
input[type="text"], textarea {
	background-color:#FFFFCC;
	border:1px solid #666666;
}

form[name="yhteys"] textarea {
	width:100%;
	height:8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

input[type="text"]:focus, textarea:focus {
	background-color:#FFFF99;
}

input[type="text"] {
	float:right;
	margin-left:auto;
	margin-right:1em;
	width:18em;
}

fieldset {
	border:solid #666666 1px;
	width:100%;
}

/*Menu */

.menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 0 42px;
}

.menu li {
	float:left;
	height:36px;
	width:auto;
	background:transparent url(images/vlehti_vas.gif) no-repeat left top;
	background-position:0% 0%;
	margin:0;
	padding:0 0 0 11px;
	margin-right:20px;
}

.menu li:hover, .menu li.active {
	background-position:0% -36px;
}

.menu a {
	display:block;
	height:26px;
	widht:auto;
	background:transparent url(images/vlehti_oik.gif) no-repeat right top;
	text-decoration:none;
	font-family:Garamond,Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF;
	padding:10px 15px 0px 6px;
}

.menu a:hover, .menu .active a, .menu li:hover a {
	background-position:100% -36px;
	color:#000000;
}

.menu .active a {
	font-weight:bold;
}

.menu li.right {
	margin-right:45px;
	margin-left:auto;
}

/*submenu*/

.submenu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
}

.submenu li {
	margin-bottom:1.5em;
	vertical-align:middle;
}

.submenu a {
	min-height:25px;
	color:#999900;	
	padding-left:25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenu .active a, .submenu a:hover {
	background:url(images/silmu-submenu.gif) left center no-repeat;
}

.submenu a:hover, .submenu .active a {
	color:#333300;
	text-decoration:none;
}
/*layout stuff*/

.bglayer {
	background:transparent url(images/puut2.jpg) no-repeat top center;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.container {
	width:949px;
	min-height:869px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5%;
	
}

.top {
	margin-top:5%;
	width:949px;
	height:133px;
	background:url(images/content_top.png) no-repeat;
	padding-left:20px;
}

.menu {
	width:949px;
	height:36px;
	background:url(images/top_bar.png) repeat-y;
}

.divider {
	width:949px;
	height:10px;
	background:url(images/Taustatopmiddle.png) no-repeat;
}

.divider.nollaleiska {
	background-image:url(images/Taustatopmiddle_0.png);
}

.content {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	background:url(images/taustakeski.png) repeat-y;
}

.content.nollaleiska {
	background-image: url(images/taustakeski_0.png);
}

.story {
	display:block;
	padding-left:55px;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:0px;
	width:625px;
	min-height:300px;
	
}

.story.nollaleiska {
	width:835px;
}

.submenu {
	display:block;
	float:right;
	width:200px;
	margin-left:0px;
	margin-right:50px;
}

.footer {
	width:auto;
	height:68px;
	background:url(images/content_bottom.png) no-repeat;
	padding-bottom:100px;
}

.footer.nollaleiska {
	background-image:url(images/content_bottom_0.png);
}