/* style.css */

A {
	text-decoration: none;
}

A.musta {
	text-decoration: none;
	color: #333;
}

A.harmaa {
	text-decoration: none;
	color: #535D73;
}

A.sininen {
	text-decoration: none;
	color: #252EB0;
}

BODY {
	background-image: url('img/top_bg.png');
	background-repeat: repeat-x;
	font-family: verdana, sans-serif;
	font-size: small;
}

#headerImg {
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	position: absolute;
	top: 161px;
	left: 239px;
	padding: 20px;
}

#content IMG {
	margin: 4px;
}

P {
	font-family: verdana, sans-serif;
	font-size: small;
	color: #333;
	/*text-align: justify;*/
}

UL {
	list-style: square;
	color: #333;
}

LI .listItem {
	color: #333;
}

H1 {
	font-family: verdana, sans-serif;
	font-size: 200%;
	font-weight: normal;
	color: #535D73;
	border-bottom: 2px solid #d0d0d0;
	margin-top: 0;
	margin-bottom: 24px;
}

H2 {
	font-family: verdana, sans-serif;
	font-size: 150%;
	letter-spacing: 1px;
	font-weight: normal;
	color: #535D73;
	margin-top: 24px;
}

H3 {
	font-family: verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #333;
	margin-top: 24px;
}

P.nosto {
	font-family: georgia, serif;
	font-size: 120%;
	font-weight: bold;
	padding: 20px 10px 10px 20px;
	margin: 15px;
	background: url('img/quote.png');
	background-repeat: no-repeat;
	color: #6699FF;
	/*color: #83ADB6;*/
	text-align: left;
}

#navibarLeft {
	font-size: small;
	position: absolute;
	top: 122px;
	left: 0;
	width: 239px;
	height: 29px;
	background-image: url('img/navibar_left.png');
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 3px;
}

#navibarRight {
	position: absolute;
	top: 122px;
	left: 240px;
	right: 0;
	height: 29px;
	z-index: 10;
	background-image: url('img/navibar_right.png');
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-left: 10px;
}

#navibarRight A {
	font-size: small;
	color: white;
	font-size: 100%;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: none;
}

#navibarRight .naviItem {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	white-space: nowrap;
}

#navibarRight .naviActive {
}

#naviAreaLeft {
	position: absolute;
	top: 151px;
	left: 0;
	bottom: auto;
	width: 219px;
	background-color: #B1BFFD;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #9AADD6;
	border-right: 1px solid #9AADD6;
}

.frontpageLeftArea {
	background-color: #B1BFFD;
	border-bottom: 0px solid #9AADD6;
	border-right: 0px solid #9AADD6;
	width: 208px;
}

.frontpageLeftArea * {
	text-align: left;
}

.frontpageLeftArea A {
	color: #252EBC;
	font-size: 100%;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: none;
}

#naviAreaLeft A {
	color: #252EBC;
	font-size: 100%;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: none;
}

#naviAreaLeft .naviActive {
	color: #fff;
	background-color: #252EBC;
}

#naviAreaLeft .naviActive A {
	color: #fff;
}

#naviAreaLeft .naviItem {
	padding: 5px;
}

#naviAreaLeft .naviLevel {
	margin-left: 10px;
}

#navibarBorder {
	position: absolute;
	top: 122px;
	left: 239px;
}

#loginBox {
	position: absolute;
	top: 10px;
	right: 20px;
	color: white;
}

#searchBoxInput {
	position: absolute;
	top: 7px;
	left: 29px;
	z-index: 10;
	height: 14px;
	width: 141px;
	border: 0;
	background-color: #fff;
	font-size: x-small;
	font-family: tahoma, arial, sans-serif;
}

#searchButtonInput {
	position: absolute;
	top: 5px;
	left: 170px;
	z-index: 10;
}

#searchBoxImage {
	position: absolute;
	top: 5px;
	left: 26px;
}

TABLE#lastModifiedPages {
	padding: 6px;
	border: 2px solid #738DFF;
}

TABLE#lastModifiedPages TD {
	border-bottom: 1px solid #d0d0d0;
	padding: 4px 12px 4px 12px;
	color: #b0b0b0;
	font-weight: bold;
	background: red;
}

.imgtext {
	color: #252eb0;
	font-size: x-small;
	margin: 2px 12px 6px 12px;
	text-align: left;
	font-weight: bold;
}

A IMG {
	border: 0;
}

.datagrid {
	color: #666;
	font-size: small;
	font-weight: bold;
}

.ilmastovisa .item {
	margin: 10px;
	padding: 6px;
	border-bottom: 2px solid #B1BFFD;
}

.ilmastovisa .question {
	padding: 4px;
	font-weight: bold;
}

.ilmastovisa LABEL {
	display: block;
	padding: 6px;
	cursor: pointer;
	color: #0000FF;
}

.ilmastovisa INPUT.option {
	margin-right: 6px;
}

.ilmastovisa LABEL:hover {
	background-color: #F9FF90;
}

.ilmastovisa .your_answer {
	padding: 6px;
}

.ilmastovisa .result_options DIV {
	display: none;
	padding: 6px;
}

.ilmastovisa .result_options DIV.right {
	background: #BCFF82;
}

.ilmastovisa .result_options DIV.wrong {
	background: red;
}