* { margin: 0; padding: 0; }

body {
	color: #333;
	font-family: "Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	width: 96%;
	margin: 0 auto;
	}
	
	body#subpage { background: transparent; }

	a { text-decoration: underline; color: #000; }
	
	#header, #headerOptional {
		position: relative;
		background: none;
		width: 100%;
		height: 45pt;
		border-bottom: 3pt solid #ccc;
		}

		#header #emergency { display: none; }
		
		#header #logo {
			position: absolute;
			top: 0pt;
			left: 0pt;
			z-index: 2;
			}
			
		#headerOptional #logo {
			position: absolute;
			top: 0pt;
			left: 0pt;
			z-index: 2;
			width: 283pt;
			height: 43pt;
			overflow: hidden;
			}
			
			#header #logo img, #headerOptional #logo img { border: none; }
			#headerOptional img#projectBanner { position: absolute; left: 300pt; top: 5pt; }

		#header p#slogan { 
			display: none;
			}
		#headerOptional p#slogan { 
			display: none;
			}

		#header img#sloganPic { display: none; }
		#header #languageSelection { display: none; }
		#header #browserHelp { display: none; }
		
		#header #search { display: none; }

   		#headerOptional #print { display: none; }

		#nav { display: none; }
					
	#page {
		position: relative;
		z-index: 1;
		background: none;
		font-size: 10pt;
		}
		
		#page h1#pageTitle, #page h1#sectionTitle {
			font-family: georgia;
			font-size: 18pt;
			font-weight: normal;
			color: #333;
			margin: 0pt 0pt 5pt 0pt;
			padding-bottom: 2pt;
			border-bottom: 1pt solid #ccc;
			}
			
		#page .extraMargin {  }
		
		#subpage #page { background: none; padding: 4pt; }
	
		#page #content { min-height: 500pt; }	
			
		#subpage #page #contentNav { display: none; }

			#page p { font-size: 10pt; margin: 0 0 5pt 0; }
			#page h4.fourthHeader { margin: 0 0 2pt 0; }
			#page a { color: #333; border-bottom: none; }
			#page ul, #page ol { margin: 2pt 0pt 2pt 4pt; }
			
			#page #content span { font-size: 10pt; ; color: #333; margin: 0 0 2pt 0; }

			#page #content .vines { display: none; }
			#page #content #osio { top: 35pt; }
			#page #content #osasto { top: 75pt; }
			
			#page #content #contentLeft { 
				position: relative;
				width: 100%;
				margin: 0pt 0 4pt 0;
				}

			#page #currentRight {
				position: relative;
				width: 100%;
				z-index: 2;
				}

			#page #content .osio { top: 8pt; }

			#page #currentRight #navWrapper {
				background: none;
				padding: 3pt 4pt;
				margin: 0;
				}
			
			#currentRight h3 {
				display: block;
				background: none;
				text-transform: uppercase;
				font: normal normal 12pt georgia;
				color: #333;
				margin: 0;
				padding: 1pt 1pt 0 2pt;
				height: auto;
				}
					
				#currentRight #navWrapper li {
					background: transparent url(/pics/current-msg.gif) 0pt 1pt no-repeat;
					font: normal normal 10pt arial;
					color: #333;
					margin: 2pt 0 1pt -1pt;
					padding: 0 0 2pt 0;
					}
		
					#currentRight #navWrapper ul { list-style-type: none; margin: 5pt 0; }

					#currentRight #navWrapper li a {
						display: block; 
						color: #333;
						font-size: 10pt;
						font-weight: bold;
						margin: 3pt 0 0 0;
						padding-right: 10pt;
						}
						
			#currentRight h5 { 
				color: #333;
				text-transform: uppercase;
				font: normal bold 12pt georgia;
				margin: 0 0 5pt 0;
				}
				
				#currentRight #navWrapper #currentEvents { padding: 2pt; }
				#currentRight #navWrapper #currentEvents a { display: block; color: #333; font: bold 10pt arial; margin: 2pt 0; }
				
				#currentRight #navWrapper #postScriptum { padding: 2pt; }
		
		/* theme */

		#theme {
			margin: 7pt 3pt 0 3pt;
			}
			
			#theme #themeText { min-height: 100pt; padding-top: 3pt; }
			
			.frontpageTheme { }

			#theme h1 {
				font: normal normal 16pt georgia;
				color: #333;
				border-bottom: solid 1pt #F1F1F1;
				margin: 0pt 0pt 15pt 0pt;
				padding: 0 0 8pt 0;
				}
				
			#theme h2.themeTitle { 
				text-transform: uppercase;
				font: normal bold 12pt georgia;
				margin: 0 0 3pt 0;
				}

			#theme p {
				font-size: 10pt;
				line-height: 14pt;
				padding: 2pt 0;
				}

		/* introduction */

		#page #introduction {
			margin: 0 0 10pt 0;
			border-bottom: solid 1pt #ccc;
			background: none;
			padding: 0pt 0 2pt 0;
			font-size: 10pt;
			}

			#page #introduction h1 {
				font: normal normal 16pt georgia;
				color: #333;
				border-bottom: none;
				margin: 0 0 2pt 0;
				}

			#page #introduction p { color: #000; padding: 2pt 0;}

		/* subnavigation */
		
		#subNav { display: none; }

			#navWrapper {
				background: transparent;
				padding: 3pt 0;
				margin-left: 5pt;
				min-height: 100pt;
				}

		/* current */


		#currentWrapper {
			width: 100%;
			margin-top: 3em;
			position: relative;
			background: none;
			}
			
			#currentWrapper #bottom { display: none; }

			#current { 
				padding: 3pt 0;
				width: 100%;
				}

				#current h3 {
					background: none;
					margin: 0;
					color: #333;
					text-transform: uppercase;
					padding: 2pt 0;
					font: normal bold 12pt georgia;
					}
				
				#current p { font-size: 10pt; padding: 1pt 0 0 0;}

				#current p strong { display: block;	}

				#current p strong a {
					display: block;
					background: none;
					color: #333;
					font: normal bold 10pt georgia,arial; 
					border-bottom: none;
					margin: 1pt 0;
					padding: 1pt 0;
					}

				#current h4 { font: normal normal 12pt/13pt arial; color: #333; margin: 2pt 0 4pt 0;}

				#current li {
					background: none;
					font: normal normal 10pt arial;
					color: #000;
					margin: 2pt 0 1pt 0;
					border-bottom: none;
					padding: 0 0 2pt 0;
					}
		
					#current ul { list-style-type: none; }

					#current li a {
						display: block; 
						color: #333;
						font-size: 10pt;
						font-weight: bold;
						margin: 0 0 3pt 0;
						}

		/* shortcuts */

		#shortcuts { display: none; }

		/* events */

		#events { font-family: arial; width: 100%; margin: 5pt 0 0 0; }
			
			#events h3, #publications h3 {
				font: normal normal 14pt georgia;
				color: #333;
				text-transform: uppercase;		
				margin-bottom: 2pt;		
				}
				
			#events ul, #publications ul { list-style-type: none; margin: 0;}
			#events li { font-size: 10pt; margin-bottom: 1pt; border-bottom: none; }
			
			#events a, #publications a {
				display: block;
				font-size: 10pt;
				color: #333;
				}	

		/* publications */

		#publications { width: 100%; margin: 5pt 0 0 0; }
		#publications h3 { margin-bottom: 2pt; }	
		#publications li { margin-bottom: 1pt; font-family: arial;}	
		#publications a { background: none; }	

	/* -- footer -- */
		
	#footer {
		position: relative;
		width: 100%;
		margin: 5pt 0 0 0;
		padding: 5pt 0 0 0;
		height: 30pt;
		background: none;
		}
		
	#pageInfo { position: relative; display: block; height: 11pt; padding: 0; margin: 0; }
	#shortUrl, #updateInfo, #shortUrl a { font: normal normal 8pt arial; color: #333; }
	#shortUrl a { position: relative; }
	#shortUrl { position: absolute; left: 0pt; top: 0pt; }
	#updateInfo { position: absolute; right: 0pt; top: 0pt; }
			
	#copyright { 
		position: relative;
		background: none; 
		height: 15pt;
		clear: both;
		padding: 0;
		margin-top: 7pt;
		border-top: 3pt solid #ccc;
		}

	#copyright p, address {
		color: #000;
		font: normal normal 9pt arial;
		padding: 0pt;
		}
		
		#copyright p { position: absolute; left: 0pt; bottom: 0pt; }
		#copyright address { position: absolute; right: 5pt; bottom: 0pt; }
		#copyright address a { display: none; }

	/* --- anchor-navi --- */

	#subpage #page #anchorContent {
		position: relative;
		background: none;
		color: #000;
		font: normal normal 10pt arial, helvetica, sans-serif;
		}
		
		#subpage #page #anchorContent a { color: #333; }
		#subpage #page #anchorContent a.anchorLink { color: #333; padding-left: 12pt; background: none; font-weight: bold; margin-left: 2pt; }

		#subpage #page #anchorContent ul { list-style-type: none; padding-bottom: 1pt; border-bottom: 1pt solid #ccc; margin: 0 2pt; }
		
	/* --- publishing & contact persons --- */
	
	#publishing, #contacts { position: relative; margin: 0 0 3pt 0; padding: 0; font: normal normal 10pt/12pt arial; }
	#publishing a, #contacts a, div.contactPerson a { color: #333; font-weight: bold; }
	#subpage #page #publishing h1 { color: #333; }
	#publishing h2.publishedTitle { font: normal normal 14pt/18pt georgia; margin: 0 0 8pt 0;  }
	#publishing #titleInfo { margin: 0 0 10pt 0; line-height: 18pt; }
	#publishing #selected, p#alphabets #selected { background: none; padding: 1pt 3pt; }
	#publishing p#letters, p#alphabets { font: normal normal 12pt arial; color: #333; border-bottom: 1pt solid #ccc; padding-bottom: 1pt; text-align: center; }
	#publishing p#none { margin: 4pt 0; }

	#publishing ul { margin: 0 0 3pt 0; padding: 0; list-style-type: none; }
	#publishing ul li { margin: 1pt 0; padding: 1pt 1pt; border-top: 1pt solid #ccc; }
	#publishing ul li:first-child { border-top: none; }
	
	/* --- contact persons --- */
	
	#contacts { border-bottom: 1pt solid #eee; padding-bottom: 2pt; }
	#contacts h4 { margin: 3pt 0 1pt 0; }
	#contacts p.normal { margin: 0 0 1pt 0; }
	#contacts p.leaders { margin: 0 0 1pt 0; padding: 1pt 0 2pt 0; border-bottom: 1pt solid #ccc; }
	#contacts input { border: 1pt solid #ccc; background: none; padding: 1pt; margin: 2pt 1pt 2pt 0; }
	#contacts button { margin: 2pt 0; }
	
	div.contactPerson, a.department { 
		position: relative;
		display: block;
		float: left;
		padding: 3pt;
		margin: 2pt;
		border: 1pt solid #ccc;
		background: none;
		font: normal normal 10pt/11pt arial;
		}
		
	#contacts a.department { width: 100%; font-weight: bold; color: #333; text-align: center; font-size: 14pt; border-bottom: 1pt solid #ccc; }
	
	/* --- login --- */
	
	#login { font: normal normal 10pt arial; }
	#login h2 { margin: 0 0 10pt 0; padding: 0 0 3pt 0; color: #822; font: normal normal 16pt georgia, "times new roman", serif; }
	#login p { font: 10pt arial; }
	#login form { position: relative; margin: 10pt; text-align: right; height: 100pt; border-top: 2pt solid #ccc; border-bottom: 2pt solid #ccc; background: none; padding: 0 15pt; }
	#login form label { font-weight: bold; }
	#login form input { border: 1pt solid #ccc; padding: 1pt; margin: 10pt 0 0 5pt; }
	#login form button { position: absolute; top: 70pt; left: 120pt; }
	
	
	/* ------ TAPATURMAT ------ */
	

	#tapaturmat { }
	
	#tapaturmalinkit { margin-bottom: 20pt; }	
	#page #tapaturmalinkit ul, #page #tapaturmaNews { margin: 0; list-style-type: none; }
	#tapaturmalinkit li { background: none; padding-left: 15pt; }
	#tapaturmalinkit li a { color: #333; font-weight: bold;}
	
	#page #tapaturmaNews { margin-top: 15pt; }
	#tapaturmaNews li { background: none; padding-left: 15pt; margin-bottom: 8pt; }
	#tapaturmaNews li a { font-weight: bold; }

	#tapaturmaNosto { width: 100%; margin-top: 8pt; margin: 0;}
	#page #tapaturmaNosto ul { list-style-type: none; margin: 0;}
	#tapaturmaNosto li { background: none; padding-left: 5pt; }
	
	#tapaturmaNosto li a { color: #333; font-weight: bold; }

	/* --- slideshow --- */

	#slideControls { display: none; }

	#slideNavi { display: none; }

	/* --- contentmodule --- */
	
    #contentModule {
    	position: relative;
		font-size: 10pt;
    	width: 100%;
    	}
		
	/* --- text.css to print --- */
		
h1 { font: normal normal 16pt georgia, times new roman, helvetica, serif; color: #333; margin: 3pt 0; border-bottom: 2pt solid #ccc; }
h2 { font: normal normal 15pt georgia, times new roman, helvetica, serif; color: #333; margin: 3pt 0; border-bottom: 1pt solid #ccc; }
h3 { font: normal normal 14pt georgia, times new roman, helvetica, serif; color: #333; margin: 2pt 0; }
h4 { font: normal normal 13pt georgia, times new roman, helvetica, serif; color: #333; margin: 2pt 0; }
h5 { font: normal bold 12pt georgia, times new roman, helvetica, serif; color: #333; margin: 2pt 0; }

p.txtleipa, p { font-size: 10pt; color: #000; }
p.txthuomio { font-weight: bold; }
p.txtingressi { font-weight: bold; color: #666; }
p.txtkuva { font-size: 8pt; color: #000; }

.sininentausta { font: normal normal 10pt arial,verdana,helvetica,serif; color: #333333; background-color: #eee; padding: 1pt; }
.sininentaustatable { font: normal normal 10pt arial,verdana,helvetica,serif; color: #000000; background-color: #eee; border: 1pt; padding: 1pt; }

span.korostus { color: red; text-decoration: underline; }
b u { color: red; text-decoration: none; font-weight: normal; }
b { color: #000; }
u { color: #000; }

