body {

	color:#000000;

	background-color: #FFF;

	margin:0px;

	padding: 0px;

	font-size:80%;

	background-image : url('images/background.jpg');

  	background-repeat: repeat-y;

	}



.rollover1 a { display:block; width:400px; background-color: #A9B6C7;float:left}

.rollover1 a:hover { background-color: #DEDEE6}



.rollover2 a { display:block; width:400px; background-color: #557993;}

.rollover2 a:hover { background-color: #DEDEE6}



#menu {

	position: absolute;

	width:160px;

	top:140px;

	left:0px;

	border-top: 1px solid;

	border-right: 1px solid gray;

	z-index:2;

	}



#heading {

	position: absolute;

	top:140px;

	left:160px;

	z-index:2

	}



#new_heading {

	position: absolute;

	top:140px;

	left:160px;

	z-index:2;

	font: 1em/24px Verdana, Arial, sans-serif;

	width: 624px;

	background-color: #A9B7C9;

	border: 1px solid #838599;

	border-top: 1px solid #333;

	padding: 0 10px 0 10px;

	margin: 0px auto;

	}



	div.row span.left {

	  float: left;

	  text-align: left;

	  font-weight: bold;

	  color: #F7F8FD;

	  width: 55%;

	  }



	div.row span.right {

	  float: right;

	  text-align: right;

	  font-weight: bold;

	  color: #F7F8FD;

	  width: 43%;

	  }



	div.spacer {

	  clear: both;

	  }



#content {

	position: absolute;

	top: 175px;		/* tekstin alkukohta */

	left: 160px;

	font: 1em/150% Verdana, Arial, sans-serif;

	color:#0000000;

	width:624px;

	padding-top:5px;

	padding-left:30px;

	background-color: transparent;

	border-bottom: 1px solid gray;

	border-left: 1px solid gray;

	z-index:1;

	}



	#content li { padding-bottom: 8px; }



#logo {

	position: absolute;

	top:0px;

	left:0px;

	z-index:1;

	}



#ohje {

	font: 1em/24px Verdana, Arial, sans-serif;

	margin: 20px;

	padding: 20px;

	background-color: #DEDEE7;

	border: solid 1px gray;

	}



#lentajat {

	position: absolute;

	top: 165px;

	left: 160px;

	width: 624px;

	height: 750;

	background-image : url('images/lentajat_tausta.gif');

	border-bottom: 1px solid gray;

	border-left: 1px solid gray;

	z-index:2

	}



#profiili {

	top: 190px;

	left: 180px;

	padding-left:20;

	padding-top:20;

	padding-bottom:30;

	height:200px;

	width:590px;

	color: black;

	background: transparent;

	z-index:1

	}



	#profiili table {

	font-size: 13px;

	}



	#profiili h1 {

	font-size: 28px;

	}



div.row {			/* Lentäjien ylläpitolomakkeen tasaus */

  clear: both;

  }



div.row span.label {

  float: left;

  width: 25%;

  text-align: right;

  }



div.row span.formw {

  float: right;

  width: 73%;

  text-align: left;

  }



#code	{

	font-size:11px;

	border: 1px dotted gray;

	background: white;

	padding:12;

	}



#pieniteksti {

	font-size: 80%;

	margin: 20px 30px 10px 0px;

	border-top: solid 1px #BCBCBC;

	border-left: solid 1px #BCBCBC;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	color: black;

	background-color: #DEDEE7;

  	background-image: url('images/nurkka.gif');

  	background-position: right bottom;

  	background-repeat: no-repeat;

	}

	#pieniteksti img {

	margin: 20px 10px 20px 20px;

	float: right;

	border: double #585858;

	}



#LeLv30_backgr {

	background-image: url('images/LeLv30_backgr.gif');

  	background-repeat: no-repeat;

  	background-position: right;

	}



#pystyviivat {

	background-image: url('images/ek_pystyviivat.gif');

  	background-repeat: repeat;

  	background-position: left;

	}



#K-30_backgr {

	background-image: url('images/K-30_backgr.gif');

  	background-repeat: no-repeat;

  	background-position: 120px 50px;

	}



#LeR_backgr {

	background-image: url('images/LeR_backgr.gif');

  	background-repeat: no-repeat;

  	background-position: 120px 50px;

	}



#ilmo_backgr { 

	background-image: url('images/fw190_tausta.gif'); 

  	background-repeat: no-repeat; 

	}



#tst_backgr { 

	background-image: url('images/tst_backgr.gif'); 

  	background-repeat: no-repeat; 

  	background-position: 200px 20px;

	}



#mitalit { 

	background-image: url('images/mitalitausta.jpg'); 

  	background-repeat: no-repeat; 

	}



#ilmoitustaulu h2 { 

	font-size:80%;

	margin-bottom: 0px;

	padding-bottom: 2px;

	border-bottom: solid 1px #A6ADBA;

	}



#ilmoitus {

	padding-top:8;

	}



#ilmoitustaulu h2 a:hover.link

		{

		text-decoration: underline;

		color: #FA5218;

		}



	#ilmoitustaulu a:link.link

		{

		color: #03579E;

		text-decoration: none;

		}



	#ilmoitustaulu a:hover.link

		{

		text-decoration: underline;

		color: #FA5218;

		}



	#ilmoitustaulu a:visited.link

		{

		text-decoration: none;

		color: #03579E;

		}



#ilmoitustaulu h3 { 

	font-size: 16px;

	font-weight: 700;

	}



#ilmo_nimi {

	padding-left: 5px; 

	padding-right: 5px; 

	padding-top: 2px; 

	border-top: solid 1px #A6ADBA; 

	border-right: solid 1px #A6ADBA;

	border-left: solid 1px #A6ADBA; 	

	}



#kävijät { 

	position: absolute;

	top:5px;

	left:18px;

	z-index:2;

	font: 0.8em/100% Verdana, Arial, sans-serif;

	}



#paivakasky {

	margin-top:20; 

	margin-bottom: 20;

	border: solid 1px gray;

	padding-left:20; 

	padding-right:20; 

	padding-top:30; 

	padding-bottom:10;

	width:590px;

	color: black;

	background-color: #F1F6FF;

  	background-image: url('images/poro_leima.gif'); 

  	background-repeat: no-repeat; 

  	background-position:  right bottom;

	}



#paivakasky h3 { 

	font-size: 15px;

	font-weight: 700;

	}



#HQ_30th {

	margin-top: 20;

	margin-bottom: 20;

	border: solid 2px black;

	padding-left:10; 

	padding-right:10; 

	padding-top:20; 

	padding-bottom:10;

	width:590px;

	color: black;

	background-color: #C2CBA7;

  	background-image: url('images/30th_stencil.gif'); 

  	background-repeat: no-repeat;

  	background-position: 400px 20px;

	}



	#HQ_30th h2

	{

	color: black

	} 



#Ruskea {

	margin: 10px 0px 10px 0px;

	border: solid 1px gray;

	padding: 20px 20px 20px 20px;

	width:590px;

	color: black;

	background-color: #D5D7AF;

	}



#LeR {

	margin-top: 20;

	margin-bottom: 20;

	left: 20px;

	border: solid 1px gray;

	padding-left:20;

	padding-right:20;

	padding-top:10; 

	padding-bottom:10;

	width:570px;

	color: black;

	background-color: #D5D7AF;

  	background-image: url('images/salainen.gif');

  	background-repeat: no-repeat;

  	background-position: 50px 30px;

	}



	#LeR h2

	{

	color: black

	}



#LeR_päiväkäsky {

	margin-bottom: 20;

	margin-top: 20;

	left: 20px;

	border: solid 1px gray;

	padding-left:20; 

	padding-right:20; 

	padding-top:10; 

	padding-bottom:10;

	width:570px;

	color: black;

	background-color: #D5D7AF;

	}



	#LeR_päiväkäsky h2

	{

	color: black;

	font-size:110%;

	text-decoration: none;

	border-bottom: none;

	}



#IlvEs {

	margin-top: 20;

	margin-bottom: 20;

	left: 20px;

	border: solid 1px gray;

	padding-left:20;

	padding-right:20; 

	padding-top:10; 

	padding-bottom:10;

	width:570px;

	color: black;

	background-color: #FFFFFF;

  	background-image: url('images/salainen.gif');

  	background-repeat: no-repeat; 

  	background-position: 440px 120px;

	}



	#IlvEs h2

	{

	color: black

	} 



#Ylip {

	margin-top: 20;

	margin-bottom: 20;

	border: solid 1px grey;

	padding-left:20; 

	padding-right:20; 

	padding-top:10; 

	padding-bottom:10;

	width:570px;

	color: black;

	background-color: #ECECEC;

	}



	#Ylip h2

	{

	color: black

	} 



#tosi_tarkee {

	color: white; 

	background-color: #A9B7C9; 

	font-weight: 700;

	border: solid 2px gray;

	padding-left:10; 

	padding-right:10; 

	padding-top:10; 

	padding-bottom:10;

	}



#runo {

	font-variant: small-caps;

	margin: 20px 0px 20px 0px;

	border: double 8px #FFC0FF;

	padding-left: 20px; 

	padding-right: 20px; 

	padding-top: 60px; 

	padding-bottom: 20px;

	color: red;

	background-color: #FEE0FF;

	background-image: url('images/runo_backgr.gif'); 

  	background-repeat: repeat-x; 

	}



div.nav {

	float: right;

	font: 1em/120% Verdana, Arial, sans-serif;

	}





div.float {			/* Näitä kolmea tarvitaan thumbnailien muotoiluun (kuvat.html) */

	float: right;

	}



div.float img {

	background-color: #909090;

	border: double #585858;

	}

  

div.float p {



	text-align : center;

	color: black;

	text-indent: 0px;

	}



div.screenshot {			/* kuvagallerian thumbnailien muotoilu */

	float: left;

	padding-right: 20px;

	text-align: center;

	font: 10px Verdana, Arial, sans-serif;

	}



	div.screenshot img {	

		border: double #A6ADBA;

	}



div.info {				/* von_Rosen etc */

	text-align: center;

	font: 12px Verdana, Arial, sans-serif;

	}



#raportti {				/* Lentoraporttikortin muotoilu */

	position: absolute;

	top: 165px;

	left: 160px;

	width:624px;

	z-index: 1;

	border-left:  1px solid gray;

	margin: 0px 0px 0px 0px;

	padding: 20px 10px 20px 10px;

	background-color: #D0D4DD;

  	background-image: url('images/nurkka.gif'); 

  	background-position: right bottom;

  	background-repeat: no-repeat; 

	}



	#raportti textarea { 

	  	background-image: url('images/poro_leima.gif'); 

	  	background-repeat: no-repeat; 

	  	background-position: right 110px;

		}



	#raportti a.link { 

		color: black;

		text-decoration: none;

		}



	#raportti a:hover { 

		color: Red;

		}



	#raportti a.blue { 

		color: Blue;

		text-decoration: none;

		}



	#raportti a.green { 

		color: green;

		text-decoration: none;

		}



	td.vaalea_red {

	color: red;

	background-color : #AFBCCD;

	}



	td.R_otsikko {

	text-align : center;

	border-bottom : 2px solid #000000;

	padding : 2px;

	}



	td.tumma {

	padding : 5px;

	background-color : #A6ADBA; 

	}



	td.vaalea {

	padding : 5px;

	background-color : #AFBCCD;

	}



	td.transp {

	padding : 5px;

	background-color : transparent;

	}



	td.korost {

	padding : 5px;

	background-color : #C1CBD9;

	}



	td.varjos {

	padding : 5px;

	background-color : #95A7BF;

	}



	table.form {

	z-index: 2;

	width : 100%; 

	margin-top:20px;

	text-align : left;

	vertical-align : middle;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight : bold;

	font-size : 13px;

	}



	table.form a:link {

	color: black;

	text-decoration: none;

	}



	table.form a:visited.link {

	color: black;

	text-decoration: none;

	}



	table.form a:hover.link {

	color: red;

	text-decoration: none;

	}



p {

	font: 1em/150% Verdana, Arial, sans-serif;

	color:#0000000;

	display: block;

	margin:10px 0px 10px 0px;

	text-indent:5px;

	background-color: transparent;

	}

	

li.record, ul.record {

    list-style-image:url('images/record.gif'); 

	}



li.file, ul.file  {

    list-style-type:disc; list-style-image:url('images/file.gif'); 

	}



ul.radio {

	list-style-image: url('images/li-salama.gif');

	}



li.1 {

	color: #515EAF;

	}



li.2 {					/* radiokeskustelun osapuolet 1 ja 2 eri väreillä */

	color: #6A7EF6;

	}



li.puna {

	list-style-image: url('images/li-puna.gif');

	}



ul 	{

	font: 1em/120% Verdana, Arial, sans-serif;

	list-style-image: url('images/nuoli.gif'); 

	}



ul.risti {

	list-style-image: url('images/li-risti.gif');

	}



ul.air {

	list-style-image: url('images/li-air.gif');

	}



h1 {

	font: bold 1.4em/150% Verdana, Arial, sans-serif;

	color:#9FACBB;

	background-color: transparent;

	}



h2 {

	font: bold 1.1em/150% Verdana, Arial, sans-serif;

	color:#91A0B1;

	background-color: transparent;

	}

	

h3 {

	font: 1.0em/150% Verdana, Arial, sans-serif;

	color:#91A0B1;

	background-color: transparent;

	}



div.small_title {

	font: bold 0.7em/150% Verdana, Arial, sans-serif;

	color: #ADAEC5;

	background-color: transparent;

	}



h2.question {

	font: bold 1.1em/150% Verdana, Arial, sans-serif;

	color:#C62727;

	background-color: transparent;

	margin: 0px 0px 0px 10px;

	}

	

.sanasto {

	font: bold 1em/100% Verdana, Arial, sans-serif;

	color:#C62727;

	background-color: transparent;

	margin: 10px 0px 0px 30px;

	}



p.answer, ul.answer {

	margin: 5px 20px 15px 30px;

	}

	

li.okl { list-style-image:url('images/OKL.gif'); margin-left:30px;}

li.vvs { list-style-image:url('images/VVS.gif'); margin-left:30px;}



a.link {

	color: #03579E;

	text-decoration: underline;  

	}

	

a:link.link {

	color: #03579E;

	text-decoration: underline;

	}

	

a:link.piilo {

	color:black;

	text-decoration: none;

	}



a:visited.piilo {

	color:gray;

	text-decoration: none;

	}



a:visited.link {

	color: #03579E;

	text-decoration: underline;

	}

	

a:active.link	 {

	color: #03579E;

	text-decoration: underline;

	}

	

a:hover.link {

	color: #FA5218;

	text-decoration: underline;

	}

	

	

.english {

	font: 0.7em/140% Verdana, Arial, sans-serif;

	margin-top: 20px;

	text-align: center;

	}



.copyright {

	font: 0.9em/150% Verdana, Arial, sans-serif;

	margin:50px 0px 0px 0px;

	letter-spacing : 0px;

	color:#03579E;

	text-align: left;

	}



.producer {

	font: 0.8em/140% Verdana, Arial, sans-serif;

	margin:0px 0px 10px 20px;

	letter-spacing : 0px;

	color:#8796F1;

	text-align: left;



	background-color: transparent;

	}

	

.producerlink {

	color:#8796F1;

	text-decoration: none; 

	background-color: transparent; 

	}

	

a:visited.producerlink { 

	color:#8796F1;

	text-decoration: none; 

	background-color: transparent;

	}

	

a:link.producerlink { 

	color:#8796F1;

	text-decoration: none; 

	background-color: transparent;

	}

	

a:hover.producerlink { 

	color:Red;

	background-color: transparent;

	}



.lähettäjä {

	font: 0.8em/140% Verdana, Arial, sans-serif;

	margin:0px 0px 10px 0px;

	}

.ahem {

	display:none;

	}



#button {

		width: 160px;

		padding: 0px;

		background-color: black;

		}

	

	#button ul {

		list-style: none;

		margin: -15px; /* tämä on vain NS4.7:aa varten; marginaali määritellään nollaksi url-linkatussa style sheetissä */

		padding: 0;

		border: medium none;

		list-style-type: none;

		}

		

	#button li {

		margin: 0px;

		border-bottom: 1px solid #838599;

		}

	

	#button li.unselected a {

		display: block;

		padding: 4px 5px 4px 5px;

		border-left: 10px solid #A9B7C9; 

		border-right: 10px solid #B3C1D3;

		background-color: #AFBCCD;

		color: #545D6C;

		text-decoration: none;

		width: 100%;

		}



	html>body #button li.unselected a {

		width: auto;

		}



	#button li.authorized a {

		display: block;

		padding: 4px 5px 4px 5px;

		border-left: 10px solid #CDD2DF; 

		border-right: 10px solid #E2E3E8; 

		background-color: #D6D8E0;

		color: #000000; 

		text-decoration: none;

		width: 100%;

		}



	html>body #button li.authorized a {

		width: auto;

		}



	#button li.unauthorized a {

		display: block;

		padding: 4px 5px 4px 5px;

		border-left: 10px solid #A9B7C9; 

		border-right: 10px solid #B3C1D3;

		background-color: #AFBCCD;

		color: #818D9F;

		text-decoration: none;

		width: 100%;

		}



	html>body #button li.unauthorized a {

		width: auto;

		}



	#button li.selected a {

		display: block;

		padding: 4px 5px 4px 5px;

		border-left: 10px solid #CDD2DF; 

		border-right: 10px solid #E2E3E8; 

		background-color: #D6D8E0; 

		color: #000000; 

		text-decoration: none; 

		width: 100%; 

		}



	html>body #button li.selected a {

		width: auto;

		}

		

	#button li a:hover {

		border-left: 10px solid #DDDFE7;

		border-right: 10px solid #F1F2F5;

		background-color: #EAEBEF;

		color: #000000;

		}