/**
	****************************
	Stylesheet for www.kuva.fi 
	****************************
**/

* { margin:0;padding:0;}
body {
	background:#efeff0;
	font-family:verdana,arial,serif;
	font-size:11px;
	color:#000;	
	margin:0;
	padding:0;
	}

br.clear { clear:both;}
blockquote { margin-left:20px;}

#all {
	position:relative;
	width:950px;
	margin:0em auto;
	padding:0em;
}
	h1#logo {
		position:absolute;
		width:85px;
		height:67px;
		left:12px;
		top:22px;
		font-size:14px;
		font-weight:normal;
		text-indent:-999999px;
		margin:0;
		paddding:0;
	}
		h1#logo a { 
			position:absolute;
			top:0;
			left:0;
			width:210px;
			height:200px;
			background:transparent url(/pics/logo-yla.gif) no-repeat;
		}
	/**
		**********************
		* Header
		**********************
	**/
	#header {
		position:absolute;
		width:706px;
		height:28px;
		left:240px;
		top:18px;
	}
	
		#languageSelection { margin-top:0.5em; }
			#languageSelection ul { list-style-type:none;}
				#languageSelection li { display:inline; padding:0 0.5em;border-left:1px solid #000;}
					#languageSelection li.first { border:none;}
					#languageSelection a { color:#000;text-decoration:none;font-size:10px;}
						a.selectedLanguage { font-weight:bold;}
		#searchBox {
			display:inline;
			position:absolute;
			text-align: rigt;
			right: 0px;
			/*left:450px;*/
			top:0px;
			font-size:10px;
			
		}
			#searchBox label { text-align:right;}
			#searchBox input.textfield { height:auto;vertical-align:middle;}
			#searchBox .submitButton-suomi, #searchBox .submitButton-english, #searchBox .submitButton-svenska { width:40px;height:18px;border:none; }
			#searchBox .submitButton-suomi { background:transparent url(/pics/n-hae-suomi.gif) no-repeat; vertical-align:middle;}
			#searchBox .submitButton-svenska {background:transparent url(/pics/n-hae-svenska.gif) no-repeat; }
			#searchBox .submitButton-english {background:transparent url(/pics/n-hae-english.gif) no-repeat; }
			
		/*
			*******************
			* Navi
			********************
		*/
		#navi {
			position:absolute;
			left:0px;
			width:230px;
			top:220px;
		}
			#navi ul { list-style-type:none;font-size:10px;}
				#navi ul li { padding:0.5em 0;background:transparent url(/pics/bg-tummarasteri.gif) left bottom repeat-x;}
					#navi ul li a { color:#000;text-decoration:none;} 
					#navi ul li ul li { margin-left:1em;background:none;}
						#navi ul li ul li a { color:#5a5a5a;}
						#navi a#selected { font-weight:bold;color:#FF5F00;}
						
		#navi img.varainh { width:230px; height:42px; border:none; }
						
		#page { 
			position:relative;
			width:700px;
			margin-left:245px;
			border:1px solid #b3b4b5;
			background:#fff;
		}
			.frontpage { top:47px;}
			.frontpage h2#titleImage { 
				width:100%;
				height:64px;
				margin:0em;
				padding:0em;
				border-bottom:1px solid #b3b4b5;
				background:transparent url(/pics/h2-frontPage.gif) center center no-repeat;
				text-indent:-99999px;
				}
			#imageShowReel {
				position: relative;
				background:#FF6E00;
				height:354px;
			}
				#imageShowReel img { margin-left:11px;float:left;margin-right:1em;}
				#imageDescription p { padding-top:1em;margin:0;}
				p.toGalleryLink { color:#fff;font-weight:bold;position:absolute;bottom: 1em;left:590px;}
					p.toGalleryLink a { color:#fff; text-decoration:none;}
			
			
			#bulletinArea {
				position:relative;
				clear:both;
				width:100%;
				padding-bottom:1em;
			}
				.narrow { float:left;width:49%;}
				.wide { width:96%;}
				#bulletin { margin-left:1em;}
					#bulletin h3 { font-size:13px;color:#FF6E00;border-bottom:1px solid #d9d9da;padding-bottom:0.5em;}
					#bulletin ul {
						list-style-type:none;
					}
					#bulletin li { font-size:11px;color:#a7a9ac;background:transparent url(/pics/bg-tummarasteri.gif) left bottom repeat-x; margin-top:0.5em;padding-bottom:0.5em;}
						#bulletin li a { text-decoration:none;font-size:13px;color:#0b85bd;}
						#bulletin li a:hover { text-decoration:underline;}
					#bulletin a#bulletinArchive,
					#bulletin a#bulletinArchiveNarrow {
						position:absolute;
						top:0em;
						//top:1em;
						text-decoration:none;
						color:#0b85bd;
					}
						#bulletin a#bulletinArchive:hover ,#bulletin a#bulletinArchiveNarrow:hover { text-decoration:underline;} 
						#bulletin a#bulletinArchive { right:10px;}
						#bulletin a#bulletinArchiveNarrow { left:260px; }
					
				#openPositions {
					float:left;
					width:45%;
					margin-left:1%;
					margin-top:0;
				}
					#openPositions h3 { text-transform:uppercase;font-size:13px;color:#FF6E00;border-bottom:1px solid #d9d9da; margin-bottom:1.4em;padding-bottom:0.5em;}
					#openPositions h4 { font-size:13px;margin-bottom:0.5em;}
					#openPositions p.readMoreLink a { color:#0b85bd;text-decoration:none;}
						#openPositions p.readMoreLink:hover a { text-decoration:underline;}
					
		/*
			**********************
			* Subpages
			**********************
		*/
			.subpage { 
				top:60px;
				margin-bottom:65px; 
				min-height:400px;
				height:auto;
				_height:400px;
				}
			
				#pageName {
					height:106px;
					background:#FF6E00;
					margin-bottom:1em;
				}
					#pageName h2 { 
						color:#fff;
						font-size:24px;
						font-weight:normal;
						margin:0;
						margin-left:11px;
						padding:0;
						padding-top:35px;
					
						}
					#pageName img { float:right;margin-right:11px;}		
				#content {
					width:95%;
					margin:0 auto;

				}
					/** Text styles, that not defined in text.css **/
					#content h4,
					#content h5,
					#content h6 {  font: normal bold 11px Verdana,Arial,helvetica,sans-serif; color: #047094; margin-top: 10px; margin-bottom: 0px;}
					
					#content a { color:#0b85bd; }
					
					#content ul,#content ol { margin-left:2em;}
						#content ul ul,#content ol ol { margin-left:1em;}
						
					#all p.txtvalkoinen	{ font: normal normal 12px verdana,arial,helvetica,serif; color: #ffffff; }
					#all p.txtvalkoinenpieni	{ font: normal normal 11px verdana,arial,helvetica,serif; color: #ffffff; }
					#all p.sivunotsikko  { font: normal normal 24px verdana,arial,helvetica,serif; color: #FFffff; }	
					#all p.txtvalkeaotsikko { font: normal bold   12px verdana,arial,helvetica,serif; color: #FFffff; }
		/*
			**********************
			* Footer
			**********************
		*/
		#footer {
			position:relative;
			width:700px;
			margin-left:245px;
			clear:both;
			height:18px;
		}
			#footer h3 {
				width:542px;
				height:18px;
				background:transparent url(/pics/as-alatunniste.gif) center top no-repeat;
				text-indent:-999999px;
				margin:0 auto;
			}
		/*
			**********************
			* Image gallery
			**********************
		*/	
		ul.yearSelection {
			list-style-type:none;
			border-left:1px solid #ddd;
		}
			ul.yearSelection li { display:inline;margin-left:0.5em;padding-right:0.5em;border-right:1px solid #ddd;}
			
				/*
			**********************
			* 404.jsp
			**********************
		*/
		.errorPage { padding-top:60px;}
		.errorPage div {
			width:85%;
			margin:0 auto;
			margin-bottom:2em;
			border:1px solid #ddd;
			padding:1em;
			background:#eee;
			
		}