@charset "iso-8859-1";

/* common styles
----------------------------------------------- */
body {
/*	background: #FFFFFF url(images/background2.gif);*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 6px; 
	margin: 0px 0px;
/*	padding-bottom: 25px; */
	text-align:center;
	color: #fff;
	white-space: normal;

	}

INPUT 			{ background-color: #eee; margin: 0px 0px; border: 1px solid; color: #444; height: 16px; line-height: 13px; font-size: 11px; vertical-align: top}
INPUT.nappi 	{ margin: 0px 0px; border: 1px solid; vertical-align: top; height: 15px;}
BUTTON 			{ background-color: #eee; margin: 0px 0px; border: 1px solid; color: #444; height: 16px; line-height: 13px; font-size: 11px; vertical-align: top}
TEXTAREA 		{ background-color: #fff; margin: 0px 0px; border: 1px solid; color: #444; line-height: 14px; font-family: Verdana,Times,Arial, Helvetica, sans-serif; font-size: 9px; vertical-align: top}
LABEL 			{ height: 13px; margin: 0px 0px; font-size: 11px; vertical-align: top}

P {
/*	text-justify: auto;*/
	font-size: 11px;
	font-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 8px 12px;
	line-height: 16px;
	text-align: left;
}

H1 {
/*	text-justify: auto;*/
	font-size: 22px;
	FONT-WEIGHT: bold;
	font-family: Verdana, 'Arial Black', serif, 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #fff;
/*	 font-variant: small-caps;*/
	text-transform: uppercase;
	margin: 8px 8px 0px 8px;
	line-height: 26px;
	text-align: left;
}
H2 {
/*	text-justify: auto;*/
	font-size: 18px;
	FONT-WEIGHT: normal;
	font-family: verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	margin: 4px 8px;
	line-height: 18px;
	text-align: left;
}

UL {
/*	text-justify: auto;*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #fff;
	line-height: 14px;
	text-align: left;
}

P.oikea {
/*	text-justify: auto;*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #fff;
	margin: 8px 12px;
	line-height: 14px;
	text-align: right;
}

P.menuots {
/*	text-justify: auto;*/
	font-size: 11px;
	font-family: "Arial", "Helvetica", sans-serif; 
	font-weight:bold;
	color: #FFF;
	margin: 6px 6px 4px 2px;
	line-height: 14px;
	text-align: left;
}

A {
	color: #CCC;
	text-decoration: underline;
}

A:hover {
	color: #FFF;
	text-decoration: underline;
}

div.contentarea {
	-moz-user-modify: read-write;
	-moz-user-input: enabled;
	-moz-user-select: normal;
}

div.paramarray {
	-moz-user-modify: read-write;
	-moz-user-input: enabled;
	-moz-user-select: normal;
}


.parameter {

}
#bgimage {
	font-size: 9px;
}


/* layout
----------------------------------------------- */
	#outer_wrapper {
		position: relative;
/*		position: absolute;*/
	margin-left: auto; 
	margin-right: auto;
	margin-top: 16px;

/*		right: 100px;*/
		
		border: 0px;
		width: 620px;
		height: 620px;
	}

#cal_wrapper {
	position: absolute;
	float: right;
	text-align: right;
	right: 20px;
	top: 20px;
	width: 352px;
	height: 440px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #aaa;
}
#cal_wrapper .calgroup {
	position: relative;
	float: right;
	display:block;
	width: 350px;
	height: 32px;
	margin: 2px 0px;
	padding: 0px 0px;
	border: 1px solid #555;
}

#cal_wrapper .date {
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 32px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
}
#cal_wrapper .text {
	position: absolute;
	display:block;
	top: 0px;
	right: 0px;
	width: 276px;
	height: 32px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
}

#cal_wrapper p {
	display:block;
	top: 0px;
	left: 0px;
	margin: 2px 5px;
	padding: 0px 0px;
	border: 0px solid #fff;
	color: #fff;
	line-height: 12px;
}

#cal_wrapper a {
	color: #ccc;
	border: 0px solid #fff;
}
#cal_wrapper a:hover {
	color: #fff;
}

#cal_wrapper .cal_edit {
	position: absolute;
	display:block;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 16px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
	background-color: #fff;
}




#pic_wrapper {
	position: absolute;
	float: left;
	text-align: left;
	left: 0px;
	top: 84px;
	width: 620px;
	height: 440px;
	margin: 0px 0px;
	padding: 0px 10px;
	border: 0px solid #aaa;
}


#pic_wrapper .picgroup {
	position: relative;
	float: left;
	display:block;
	width: 180px;
	height: 180px;
	margin: 8px 8px;
	padding: 0px 0px;
	border: 1px solid #aaa;
}

#pic_wrapper .picture {
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 120px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
	background-color: #555;
}
#pic_wrapper .pic_edit {
	position: absolute;
	display:block;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 16px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
	background-color: #fff;
}



#pic_wrapper .description {
	position: absolute;
	display:block;
	top: 120px;
	left: 0px;
	width: 180px;
	height: 60px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid #fff;
	background-color: #eee;
}

#pic_wrapper p {
	display:block;
	top: 0px;
	left: 0px;
	margin: 1px 5px;
	padding: 0px 0px;
	border: 0px solid #fff;
	font-size: 10px;
	color: #000;
	line-height: 13px;
}

#pic_wrapper a {
	color: #555;
	border: 0px solid #fff;
}
#pic_wrapper a:hover {
	color: #000;
}

#pic_otsikko {
	position: absolute;
	left: 24px;
	top: 24px;
	width: 640px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #aaa;
}


#teksti {
	position: absolute;
	left: 280px;
	top: 24px;
	width: 320px;
	height: 440px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #aaa;

}

#otsikko {
	position: absolute;
	left: 24px;
	top: 24px;
	width: 240px;
	height: 440px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #aaa;
}

#header {
	border: 0px solid #cecea5;
	background: #d7dabd;
	width: 746px;
	}

#footer {
	border: 0px solid #cecea5;
	width: 500px;
	background: #d7dabd;
	}


/*
html>#container	{
	width: 746px;
	} 
*/
#kuva {
position: relative;
background: #B8C1D0;
margin: 0px auto;
padding: 0px;
width: 746px;
border: 0px;

}


#valikko_wrapper {
	position: absolute;
	left: 14px;
	top: 484px;
	width: 590px;
	margin: 0px;
	border: 1px solid #aaa;
	line-height:normal;
	height: 110px;
}

#valikko {
	position: absolute;
	display: block;
	float: left;

	width: 100%;
	height: 16px;
	left: 8px;
	top: 0px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	}
	#valikko ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		height: 16px;
	  }
	#valikko li {
		float: left;
		margin: 0px;
		height: 16px;
		padding: 0px 7px 0px 7px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-weight: bold;
		text-transform : uppercase;
		color: #fff;
		text-decoration: none;
	  }

	#valikko a {
		display:block;
		float:left;
		margin: 0px 0px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		text-transform : uppercase;
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif; 
	  }
	
	#valikko a:hover {
		color:#fff;
		text-decoration: underline;
	}
	#valikko .current {
		color:#000;
		background: #fff;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		height: 16px;
	}
	#valikko .current a {
	  color:#000;
	}
#valikko2 {
	position: absolute;
	display: block;
	float: left;

	width: 100%;
	height: 14px;
	left: 0px;
	top: 16px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	line-height: 14px;

	}
	#valikko2 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		height: 14px;
		background: #fff;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		height: 16px;
	  }
	#valikko2 li {
		float: left;
		margin: 0px;
		height: 16px;
		padding: 0px 0px 0px 14px;
		font-size: 10px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold;
		text-transform : uppercase;
		color: #fff;
		text-decoration: none;
	
	}
	#valikko2 a {
		display:block;
		float:left;
		margin: 0px 0px;
		text-decoration: none;
		font-weight: bold;
		color:#444;
		text-transform : uppercase;
		font-size: 10px; 
		font-family: Arial, Helvetica, sans-serif; 
	}
	
	#valikko2 a:hover {
		color:#000;
		text-decoration: underline;
	}
	#valikko2 .current {
		border: 0px;
		color: #000;
		background: #fff;
		text-decoration: underline;
	}
	#valikko2 .current a {
		color:#000;
		text-decoration: underline;
	}
#valikko3 {
	position: absolute;
	display: block;
	float: left;
	width: 390px;
	height: 70px;
	left: 10px;
	top: 38px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	line-height: 14px;
	text-align: left;
	}
	#valikko3 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		height: 14px;
	}
	#valikko3 li {
		float:left;
		margin: 0px 0px;
		text-align: left;
		padding:0px 0px 0px 0px;
		width: 33%;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight:normal;
	  }
	#valikko3 a {
		display:block;
		float:left;
		margin: 0px 0px;
		text-decoration:none;
		font-weight:normal;
		color:#eee;
		
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif; 
	}
	
	#valikko3 a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#valikko3 .current {
		color: #fff;
		text-decoration: underline;
	}
	#valikko3 .current a {
		color:#fff;
		text-decoration: underline;
	}

#container {
	width: 100%;
	float: left;
	margin-right: -200px;

	}

#content {
	margin-right: 200px;

}
#sidebar {
	width: 200px;
	float: right;
}

/* sivun jako sarakkeisiin (746) 326 + 200 + 220 */
#sarake1 {
	width: 334px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sarake12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 530px;
	}

#sarake2 {
	margin-left: 334px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


/* tekstialue1 lookandfeel (326) */ 
#tekstialue1 {
	position: relative;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px;
	border: 1px solid #ddd;
	background: #51596D;
	height: 188px;
	}

/* tekstialue1 lookandfeel */
#tekstialue1b {
	position: relative;
/*	width:320px; */
	margin: 6px 0px 0px 6px;
	padding: 0px 0px;
	border: 1px solid #ddd;
	background: #51596D;
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/		
	height: 100%;
/* */	
	}
	#tekstialue1b img {
		margin-right: 5px;
		}
/* tekstialue12 lookandfeel (534) */
#tekstialue12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	}
	
#sarake12 P { color: #000; }
#sarake12 H1 { color: #646C84; }
#sarake12 H2 { color: #000; }
#sarake12 UL { color: #000; }
#sarake12 a { color: #420; text-decoration: underline; }
#sarake12 a:hover { color: #EEFF60; text-decoration: underline; }


/* tekstialue3 lookandfeel */
#tekstialue3 {
	position: relative;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px;
	border: 1px solid #ddd;
	background: #51596D;
	}

/* tekstialue3 lookandfeel */
#picdescription {
	margin: 0px 6px 6px 0px;
	padding: 0px 0px;
	border: 1px solid #ddd;
	background: #51596D;
	height: 140px;
	}
	
/* tekstialue3 lookandfeel */
#tekstialue3b {
	position: relative;
	margin: 6px 6px 0px 2px;
	padding: 0px 0px;
	}
#tekstialue3b a { color: #420; text-decoration: underline; }
#tekstialue3b a:hover { color: #EEFF60; text-decoration: underline; }
#tekstialue3b P { color: #000; }	
#tekstialue3b H1 { color: #000; }	
#tekstialue3b H2 { color: #000; }	
#tekstialue3b UL { color: #000; }	
#tekstialue3b B { color: #000; }	
	
#pikkukuvat {
width:200px;
float:left;
height: 200px;
margin: 0px 0px;
padding: 0px 0px;
border: none;

	
	height: 100%;
}

#vasen {
width:250px;
float:left;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
height: 100%;
}

#oikea {
width:250px;
float:left;
text-align: right;
margin: 0px 0px;
padding: 0px 0px;

height: 100%;
}