body, html	{
	scrollbar-base-color:#999999;
	scrollbar-3dlight-color:#999999;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#999999;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#efefef;	
	font-family:helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	/*font-size:11px;*/
	margin: 0;
	width: 100%;
	height:100%;
	color:#333;
	background: #e0e0e0;
/*	overflow:hidden;	*/
}

#nonFooter{
	position:relative;
	height: 70em;
	padding-bottom: 1em;
}

.contentFrame1_etu {
	display: block;
	min-height: 100%;
	height:auto !important;
	position:relative;
	margin: 0 auto;
	width:790px;
	background:#fff;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom: 1px solid #fff; /* Korjataan FF 1.0.7 CSS Bugi.*/
}

.contentFrame1 {
	min-height: 100%;
	height:auto !important;
	height:100%;
	position:relative;
	margin: 0 auto;
	width:790px;
	background:#ffffff;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom: 1px solid #fff; /* Korjataan FF 1.0.7 CSS Bugi.*/
}

.content	{
	background-color:#ffffff;
	padding-bottom:20px;
	min-height: 100%;	
}

.contentFrame2	{
	position: relative;
	width:100%;
	background: #ffffff;

}

.header {
	position:relative;
	height:85px;
	width:790px;
	background: #fff;
	/*width: 450px; TODO: Tämä vaadittaisiin Operalla 7.54 versiossa...*/
}

.headerleft		{
	position:absolute;	
	height:60px;	
	width:160px;
	float:left;
}

.headerright	{
	position:relative;
	height:60px;
	padding-right: 10px;
	padding-top: 20px;
	float:right;
	text-align:right;
}

.headerright a	{
	color:#000066;
}
.headerright a:link	{
	color:#000066;
}
.headerright a:visited	{
	color:#000066;
}
.headerright a:hover	{
	color:#000066;
}
.headerright img	{
	margin-left: 10px;
}


.quote  {
	border: 1px solid #b3b9c3;
/*	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066
	border-right: 3px solid #000066;
	border-bottom: 4px solid #000066;*/
}
/* Leveys 170 muutettu 2.11.06 */
/* myös tiedostoihin Enemmanominaisuuksia (fi, en) käsin kaikki leveydet 120px */
.latest_offers_header {
	width:100px;
	margin-left:10px;
	font-weight: normal;
	font-size: 12px;
	text-align:left;
	letter-spacing:2px;
	color: #000066;	
	border-bottom:1px dotted gray;
	margin-top: 0px;

}
/* Ajankohtaista-otsikko, leveys 170 muutettu 2.11.06	*/
.latest_offers {
	padding:0px;
/*	width:100px;*/
	margin-top:0px;
	margin-left:10px;
	margin: 0;
	background-color:#ffffff;
	/*		border:1px solid #ececec;	*/
}
/* Ajankohtaista-laatikot, leveys 170 muutettu 2.11.06	*/
.latest_offers td {
	padding:0px;
	width:100px;

}

#viimtarj{
	display: inline; /* Korjataan IE6 double margin bugi */
	float: right;
	margin-right: 7px;
	margin-top: 10px;
	clear:both;	
}

.offer_info {
	color:#fff;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	float:left;
	border: 1px #333 solid;
	margin-bottom:8px;
}

.offer_info a {
	color:#fff !important;
}

.offer_info img {
	margin: 0;
	padding: 0;
}

.hinta 	{
	background: url("../../images/infobar_blue2.gif") top left no-repeat;
	height: 18px;
	text-indent: 30px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
}

.vasen	{
	/*position:relative;*/
	width:200px;
	float:left;
	margin-left:0px;
	background-color:#ffffff;
	margin-top: 10px;
}

.morefeatures_header {
	padding-top: 10px;
	font-weight: normal;
	font-size: 12px;
	letter-spacing:2px;
	color: #000066;
	border-bottom:1px dotted gray;
}

.morefeatures {
	padding-top:10px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	width: 130px;
/*	width: 180px;*/
	
}
/* leveys 350 px ja vasen reunus 14 px muutettu 2.11.06	*/
.keski	{
	/*position:relative; */
	margin-left:0px;
	margin-top:14px;
	float:left;
	/*width: 413px;*/
}

.keski_etusivu	{
	clear: left; 	
	margin-top: 16px;
	margin-right: 16px;	
	margin-left: 0px;
	text-align:left;
	padding-top:10px;
	padding-right:0px;
	padding-left:20px;
	padding-bottom:60px;		
}

.keski_etusivu p{
	font-size: 12px;
}

.moreoffers_header {
	padding-top: 10px;
	font-weight: normal;
	font-size: 12px;
	letter-spacing:2px;
	color: #000066;
	border-bottom:1px dotted gray;
}

.moreoffers {
	padding-top:10px;
	float:left;
	text-align:left;
}

.left_menu	{
	position: relative;
	width:140px;
	background-color:#f0f0f0;
	float:left;
	text-align:left;
	height: 78em;
}

.left_menu ul{
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;

	z-index: 1000;
}

.left_menu ul li {
	margin-top:10px;
	color:#000000;
	display: block;
	width: 115px;
	background: url(../../images/nuoli_orans.gif) no-repeat;
	background-position: 2px 3px;
	padding: 0 0 0 13px;
	/*list-style-image: url(../../images/nuoli_orans.gif);*/
	font-family:helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}

.left_menu ul li a.selected {
	color: #fd750a;
	font-family:helvetica,arial,verdana,sans-serif;
	font-weight:bold;
	font-size:12px;
}

.content2	{
	margin-left:160px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
}


.content2 a	{
	color:#000066;
}
.content2 a:link	{
	color:#000066;
}
.content2 a:visited	{
	color:#000066;
}
.content2 a:hover	{
	color:#000066;
}


	
/* NAVIGOINTI >> */

.navigation_active {
	position:relative;
	left:0px:
	right:0px;
	top:0px;
	bottom:0px;
	height:22px;
	width:0px;	
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url("../../images/navibg_blue.gif");
	background-color: #fff;
	color:#fff;
	font-weight:bold;
	display: inline;
	font-family: Arial,Helvetica,sans-serif;
}

.navigation_active ul {
	position:relative;
	left:0px:
	right:0px;
	top:0px;
	bottom:0px;
	height:22px;
	width:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	margin: 0;
	background: url("../../images/navibg_blue.gif");
	background-color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	display: inline;
}

.navigation_active ul li{
	position:relative;
	left:0px:
	right:0px;
	top:0px;
	bottom:0px;
	height:22px;
	width:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	margin: 0;
	background: url("../../images/navibg_blue.gif");
	background-color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	display: inline;
}

.navigation_active ul li a {
	position:relative;
	left:0px:
	right:0px;
	top:0px;
	bottom:0px;
	height:22px;
	width:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	margin: 0;
	background: url("../../images/navibg_blue.gif");
	background-color: #fff;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	display: inline;
}

.navigation ul li a.selected {
	display: inline;
	z-index: auto;
	list-style-type: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height:22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;
	padding-top:0.25em;
	padding-right:0.5em;
	padding-bottom:0.25em;
	padding-left:0.75em;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	letter-spacing: 0.5px;
	background: url("../../images/navibg_blue.gif") repeat-x;

}

.navigation {
	position:absolute;	
	left:0px:
	right:0px;
	top:58px;
	bottom:0px;
	height:22px;
	width:100%;	
	padding-top:4px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	background-color:#fff;
	color: #fff;
	vertical-align:left;
}

.navigation ul {
	position:absolute;	
	z-index: auto;
	left:0px:
	right:0px;
	top:0px;
	bottom:0px;
	height:22px;
	width:100%;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin: 0;
	float:left;
	background: url("../../images/navibg_or.gif");
	background-color:#fff;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	display: inline;
}

.navigation ul li {
	display: inline;
	z-index: auto;
	height:22px;
	list-style: none;
	margin: 0;
}

.navigation ul li a {
	display: inline;
	z-index: auto;
	list-style-type: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height:22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;
	padding-top:0.25em;
	padding-right:0.5em;
	padding-bottom:0.25em;
	padding-left:0.75em;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	letter-spacing: 0.5px;
}
.navigation ul li a:visited {
	/*background: transparent url(../../images/top_generalbg.gif) 0 -60px no-repeat;*/
	color: #fff;
	text-decoration:none;
	display: inline;
	z-index: auto;
}

.navigation ul li a:hover {
	/*background: transparent url(../../images/top_generalbg.gif) 0 -60px no-repeat;*/
	color: #fff;
	text-decoration:none;
	display: inline;
	z-index: auto;
}

.navigation ul li a.current {
	/*background: transparent url(../../images/top_generalbg.gif) 0 -120px no-repeat;*/
	color: #fff;
	display: inline;
	z-index: auto;
}

.navigation ul li a.current:hover {
	/*background: transparent url(../../images/top_generalbg.gif) 0 -120px no-repeat;*/
	color: #fff;
	display: inline;
	z-index: auto;
}

.naviline {
	position:absolute;	
	display: inline;
	left:0px;
	right:0px;
	top:78px;
	bottom:0px;
	width:790px;
	height:3px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background: url("../../images/naviline.gif") repeat-x;
	background-color: #ffffff;
}

.navigation_end {
	position:absolute;	
	right:0px;
	top:58px;
	height:22px;
	width:20px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:right;
	background: url("../../images/navibg_end.gif");
	background-color:#ffffff;
	vertical-align:right;
}

/* << NAVIGOINTI */

.sivukartta	{
	padding: 10px;
	font-family:arial,helvetica,verdana;
	font-size:11px;
}

.sivukartta .line{
	margin-bottom: 10px;
}

.sivukartta ul {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

.sivukartta	li {
	margin: 0 0 5px 0;
}

.sivukartta a {
	display: block;
	padding: 3px 5px;
	width: 160px;
	color: #fff !important;
	background-color: #FD750A;
	text-decoration: none;
	border: 1px solid #DB6402;
	font-weight: bold;
}

.sivukartta a:hover{
	text-decoration: underline !important;
}

.sivukartta ul ul {
	margin-top: 2px;
}

.sivukartta ul ul li {
	margin: 0 0 2px 0;
}

.sivukartta ul ul a {
	display: block;
	margin-left: 10px;
	padding: 3px 5px 3px 13px;
	width: 142px;
	color: #666 !important;
	background: #FAFAFA url(../../kuvakirjasto/nuoliorans.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	border: 1px solid #ccc;
	text-decoration: none;
	font-weight: normal;
}

.softers	{
	padding-left:20px;
	margin-top:50px;
	background-color:#ffffff;
}


/*	FORM >> */
form fieldset{
	background-color:#f0f0f0;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 10px;
	border: 0px;
}

form fieldset legend	{	
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px dotted gray;
	width:560px;
}

form fieldset textarea	{
	width: 390px;
	height: 100px;
	padding: 3px;
	border: 1px solid gray;
}

form fieldset label.text	{
	float:left;
	width:120px;
	margin:6px 10px 0px 5px;
}

form fieldset .OtsikkoDiv{
	margin: 8px 10px 5px 5px;
	border-bottom: 1px dotted black;
}

form fieldset span.textOtsikko	{
	width: ;
	color:#FD750A;
	font-family:arial,helvetica,verdana;
	font-size:14px;
}

form fieldset input.checkbox	{
	margin: 6px 0 0 0;
}

form fieldset select	{
	margin:6px 5px 0 0;
	border: 1px solid gray;
	font-family: arial,helvetica,verdana,sans-serif;
	font-size:11px;
}

form fieldset input.text	{
	margin:6px 5px 0 0;
	padding: 2px;
	border: 1px solid gray;
	width: 260px;
}

form fieldset input.text:focus, form fieldset textarea:focus	{
	background-color:#ffffff;
}

.button1	{
	font-family: arial,helvetica,verdana,sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#fd750a;
	border:solid 1px #fd750a;
	width:100px;
	margin-top: 10px;
}

.button2	{
	font-family: arial,helvetica,verdana,sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#999999;
	border:solid 1px #999999;
	width:84px;
	margin-top: 10px;
}


/*	<< FORM	*/


#powered{
	position: absolute;
	bottom: 15px;
	left: 19px;
	
}

.tervetuloa	{
	height:26px;
	padding-top:10px;
	padding-right:0px;
	padding-left:20px;
	padding-bottom:0px;
	font-weight: normal;
	font-size: 15pt;
	color: #000066;
	letter-spacing:1px;
}


/**** POSTITUSLISTA  ****/

div.mailinglist {
	
	padding: 4px;
	margin: 15px 0 0 10px;
	width: 150px;
	border: 1px solid #000066;
	/*
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
	*/
}

div.mailinglist input, button{
	padding: 0;
}


div.mailinglist p{	margin:2px 15px; padding:0;}

div.mailinglist h1{	margin:2px; font-size: 120%; padding:0;}
div.mailinglist a { text-decoration: underline; }

div.mailinglist_wide {
	margin: 3% 1%;
	padding: 1% 5%;
	width: 300px;
	border: 1px solid #000066;
}