/* div { border: 1px solid red !important; } */

body{
	margin:0;
	padding:0;
	line-height: 18px;
	background: #000000 url(../gfx/taustatoisto.jpg) left 45px repeat-x;
	color: #ffffff;
	font-family: tahoma;
	font-size: 12px;
}

h1 {
	color: #663399;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 0 24px 0;
	font-weight: normal;
	line-height: 30px;
}

h2 {
	color: #663399;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	margin: 0;
	padding: 8px 0 24px 0;
	font-weight: normal;
	line-height: 30px;
}

h3 {
	color: #663399;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	margin: 0;
	padding: 8px 0 24px 0;
	font-weight: normal;
	line-height: 30px;
}

h4 {
	color: #ffffff;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0;
	padding: 12px 0 12px 0;
	font-weight: normal;
	line-height: 30px;
}

p {
	margin: 0;
	padding: 0 0 18px 0;
	color: #b5b5b5;
}

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

a:hover {
	text-decoration: underline;
}

input, textarea, select {
	font-family: tahoma;
	font-size: 12px;
}

#outer {
	min-height: 800px;
	background: transparent url(../gfx/tausta2.jpg) center 45px no-repeat;
}

#outer2 {
	min-height: 800px;
	background: transparent url(../gfx/verho.png) left 196px repeat-x;
}

* html #outer {
	height: 800px;
}

#maincontainer{
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topnavi {
	height: 45px;
	width: 900px;
	margin: 0 auto;
}

	#topnavi ul {
		padding: 12px 0 0 112px;
		margin: 0;
	}

		#topnavi ul li {
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			border-right: 1px dotted #777777;
		}

		#topnavi ul li.menu-last {
			border-right: 0px;
		}

		#topnavi ul li.menu-current, #topnavi ul li.menu-parent {
			background-color: #212121;
		}

			#topnavi ul li a {
				font-family: arial, sans-serif;
				display: block;
				margin: 0 0px;
				padding: 2px 10px 3px 10px;
				text-decoration: none;
				color: #ffffff;
				letter-spacing: 0px; 
				font-size: 14px;
			}

			#topnavi ul li a:hover {}

#topsection_fi {
	background: transparent url(../gfx/alasivu-yla.png) left top no-repeat;
	height: 180px; /*Height of top section*/
}

#topsection_se {
	background: transparent url(../gfx/alasivu-yla-se.png) left top no-repeat;
	height: 180px; /*Height of top section*/
}

#topsection_no {
	background: transparent url(../gfx/alasivu-yla-no.png) left top no-repeat;
	height: 180px; /*Height of top section*/
}

#topsection_en {
	background: transparent url(../gfx/alasivu-yla-en.png) left top no-repeat;
	height: 180px; /*Height of top section*/
}

#topsection_de {
	background: transparent url(../gfx/alasivu-yla-en.png) left top no-repeat;
	height: 180px; /*Height of top section*/
}

#topsection_frontpage_fi {

 
	background: transparent url(../gfx/etusivu-yla_mood.png) left top no-repeat;
	height: 405px; /*Height of top section*/

}

#topsection_frontpage_se {
	background: transparent url(../gfx/etusivu-yla-se.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#topsection_frontpage_no {
	background: transparent url(../gfx/etusivu-yla-no.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#topsection_frontpage_en {
	background: transparent url(../gfx/etusivu-yla-en.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#topsection_frontpage_de {
	background: transparent url(../gfx/etusivu-yla-se.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#topsection_frontpage_ee {
	background: transparent url(../gfx/etusivu-yla-ee.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#topsection_frontpage_ru {
	background: transparent url(../gfx/etusivu-yla-ru.png) left top no-repeat;
	height: 405px; /*Height of top section*/
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn {
	margin-left: 270px; /*Set left margin to LeftColumnWidth*/
	padding-bottom: 20px;
}

	.innertube_center {
		margin-right: 40px;
	}

		table p {
			padding: 0;
			margin: 0;
		}

		table th {
			border-bottom: 1px dotted #a0361a;
		}

		.innertube_center ul {
			margin: 0 0 18px 0;
			padding: 0;
			padding-left: 15px;
		}
			
			.innertube_center li {
				margin: 0;
				padding: 0;
				color: #a5a5a5;
			}

			.innertube_center ul ul {
				margin: 0;
				padding: 0;
				padding-left: 15px;
			}

#contentcolumn_rc {
	margin-right: 270px; /*Set left margin to LeftColumnWidth*/
	padding-bottom: 20px;
}

	.innertube_center_rc {
		margin-left: 25px;	
	}

#leftcolumn{
	float: left;
	width: 270px; /*Width of left column*/
	padding: 0;
	margin: 0;
	margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
}

	.innertube_left {
		margin-left: 25px;
		margin-right: 50px;
	}

		.innertube_left .menu-top {
			margin: 48px 0 0 0;
			padding: 0;
		}

			.innertube_left .menu-top li {
				margin: 0;
				padding: 5px 10px;
				list-style-type: none;
				border-top: 1px dotted #777777;
			}

			.innertube_left .menu-top li.menu-first {
				border: 0px;
			}
				
				.innertube_left .menu-top li a {
					color: #ffffff;
				}

				.innertube_left .menu-top li.menu-current a {
					color: #663399;
				}

#rightcolumn {
	float: left;
	width: 270px; /*Width of left column*/
	padding: 0;
	margin: 0;
	margin-left: -270px; /*Set left margin to -(MainContainerWidth)*/
}

	.innertube_right {
		margin-left: 30px;
		margin-right: 25px;
	}

#bottombar {
	clear: left;
	width: 100%;
}

/* #bottombar label { border: 1px solid red; } */

	.innertube_bottom {
		margin: 10px;
		border-top: 1px dotted #777777;
		border-bottom: 1px dotted #777777;
		padding-top: 00px;
	}

	.bottombar-left {
		float: left; 
		margin-right: 18px; 
		height: 100px;
		width: 221px;
	}

		#haku_fi {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_se {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-se.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_no {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-no.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_de {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-en.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_en {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-en.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_ee {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-ee.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

		#haku_ru {
			width: 434px;
			height: 120px;
			background: transparent url(../gfx/musahaku-ru.png) left top no-repeat;
			float: left;
			position: relative;
			margin-top: 24px;
		}

			#haku_fi form, #haku_se form, #haku_en form, #haku_no form, #haku_de form, #haku_ee form, #haku_ru form {
				position: absolute;
				left: 186px;
				top: 71px;
			}

				#haku_fi form label, #haku_se form label, #haku_no form label, #haku_de form label, #haku_en form label, #haku_ee form label, #haku_ru form label {
					display: none;
				}
				
				#haku_fi form input.text, #haku_se form input.text, #haku_no form input.text, #haku_de form input.text, #haku_en form input.text, #haku_ee form input.text, #haku_ru form input.text {
					width: 139px;
					padding: 0;
					margin: 0;
					border: 0px;
				}

				#haku_fi form input.submit, #haku_se form input.submit, #haku_no form input.submit, #haku_de form input.submit, #haku_en form input.submit, #haku_ee form input.submit, #haku_ru form input.submit {
					width: 24px;
					margin: 0;
					padding: 0;
					height: 15px;
					border: 0px;
					background-color: #6b675b;
					color: #ffffff;
				}


		#biisit {
			margin-top: 4px;
			width: 442px;
			float: left;

		}

			#biisit h3 {
				padding-bottom: 8px;
			}

		#kirjautumislomake {
			margin-bottom: 20px;
			padding-left: 20px;
		}

			#kirjautumislomake label {
				display: inline-block;
				width: 85px;
				font-size: 11px;
				text-align: right;
				margin-right: 5px;
				color: #a5a5a5;
			}

			#kirjautumislomake input {
				margin: 2px;
				padding: 1px;
				border: 0px;
				width: 98px;
				background-color: #e5e5e5;
			}

			* html #kirjautumislomake input {
				width: 86px;			
			}

			#kirjautumislomake input.send {
				background: transparent url(../gfx/nappi.png) left top no-repeat;
				width: 98px;
				height: 26px !important;
				padding: 0px;
				margin: 0;
				color: #b8ce53;
				font-size: 11px;
				margin-left: 5px;
				margin-top: 5px;
			}

#footer p {
	padding-bottom: 8px;
}

/* SEKALAISIA */

.small { font-size: 10px; }
.left { float: left; }
.right { float: right; }
.leftmargin { margin-left: 25px; }
.rightmargin { margin-right: 25px; }

* html .leftmargin { margin-left: 13px; }
* html .rightmargin { margin-right: 13px; }
* html img.rightmargin { margin-right: 25px; }

form { margin: 0; padding: 0; display: inline; }

* html #haku_fi {
   background-image: url(../gfx/musahaku.jpg) !important;
}

* html #haku_se {
   background-image: url(../gfx/musahaku-se.jpg) !important;
}

* html #haku_en {
   background-image: url(../gfx/musahaku-en.jpg) !important;
}

* html #haku_no {
   background-image: url(../gfx/musahaku-no.jpg) !important;
}

* html #haku_de {
   background-image: url(../gfx/musahaku-en.jpg) !important;
} 

* html #haku_ee {
   background-image: url(../gfx/musahaku-ee.jpg) !important;
} 

* html #haku_ru {
   background-image: url(../gfx/musahaku-ru.jpg) !important;
} 
table { margin-bottom: 12px; }