/* global style*/
html {
	padding: 0;
	margin: 0;
	height: 100%;
	/*background-color: #F8F8F8 ;*/
	
}
body { 
	font-family: 'Open Sans', Verdana, Sans-serif, Arial;
	padding: 0;
	margin: 0;
	height: 100%;
	font-size: 96%;
	background-color: #f5f5f5 ;
	/*background-color: #f5f5f5 ;
	background-color: #F8F8F8 ;*/
	color: #000;
}
/* main container */
#main {
	max-width: 1100px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #fff;
	color: #000;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}

/* alkaa menun alapuolelta */
.content {
	width: 100%;
	height: 100%;
	/*overflow: hidden;  jos päällä, näyttöä ei voi vierittää sivusuunnassa*/
	text-align: left;
 	/*background-color: #fff;*/
	color: #000;

	
	/*seuraavat mahdollistavat column2 ja kolumn1 paikanvaihdon pytysuunnassa. muut asetukset @media screen osiossa */
	display:flex;
	display: -webkit-flex; /* Safari */
	flex-flow: row wrap;
	justify-content:space-between;
}
/* logo */

#logo {
	/*position: absolute;*/
	margin-left: 0; 
	margin-right: 0;
	margin-top: 0;
	padding-top: 0;
	width: 1100px;
	text-align: left;
	height: 182px;
	visibility: visible;
	/*border-bottom: 1px solid lightgray;*/

	background: transparent url('sky_2.jpg') no-repeat;
	/*background: transparent url('xplane10a.jpg') no-repeat;
	background: transparent url('sky_2a.jpg') no-repeat;
	background: transparent url('sky_2.jpg') no-repeat;
	background: transparent url('malli_2.jpg') no-repeat;
	background: transparent url('garmin10.jpg') no-repeat;
	background: transparent url('garmin8.jpg') no-repeat;
	background: transparent url('garmin5.jpg') no-repeat;
	background: transparent url('garmin4.jpg') no-repeat;
	background: transparent url('cockpit1100b.jpg') no-repeat;
	background: transparent url('cloud.jpg') no-repeat;
	background: transparent url('road1920.jpg') no-repeat;
	background: transparent url('scenic1920.jpg') no-repeat;
	background: transparent url('alberta1920.jpg') no-repeat;
	background: transparent url('road4.jpg') no-repeat;
	background: transparent url('style/sunset.jpg') no-repeat;
	background: transparent url('style/mountains_hawks.jpg') no-repeat;
	background: transparent url('style/mountains_flk2.jpg') no-repeat;
	background-size:cover;
	/*box-shadow: 0 12px 14px -6px #d3d3d3;
	position:absolute;
	top:0;
	opacity: 0.5;
	/*box-shadow: 0 0 20px Gray;*/
	box-shadow: 0 10px 20px -10px gray;
	
	/* lisäys fixed headerin takia 
	position: fixed;
	width: 1100px;
	z-index: 20;*/
}

#logo h1 {
	padding: 12px 0 0 20px;
	/*font-family: verdana, arial, tahoma, sans-serif;*/
	font-size: 22px;
	font-weight: normal;
}

#logo a {
	text-decoration: none;
	color: #000;
}
#logo a:hover {
	text-decoration: none;
	color: #ffff99;
}
#chart_div {
	display: inline-block;
	vertical-align:top;
	margin-left:4px;
	border:1px solid #A9A9A9;
	box-shadow: 2px 2px 4px #D3D3D3;
}

.printme, .alaotsikko {
	display: none;
}


/* column1, vasen puoli */

.column_r {
    float: left;
    padding: 10px 8px 6px 16px;
	color:#333;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	 /*leveys säädetty  @media screen osiossa*/
}

.sidebar_r {
	text-align: left;
	width: 98%;
	float: left;
	padding: 0px 2px 4px 0px;

}
.sidebaritem h1, .sidebar_r h1 {
	padding: 10px 0px 4px 0px;
	margin-bottom:4px;
	width: 100%;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}
.sidebaritem a, .sidebar_r a {
	text-decoration: none;
	line-height: 1.6em;
	/*display: block;
	color: #003399;*/
	color: #0033cc;
}
.sidebaritem a:hover, .sidebar_r a:hover {
	/*padding: 0 0 0 0px;*/
	text-decoration: none;
	color: #D2691E;
}
#links2 {
	margin:2px 0 -6px 0;
	padding-top:8px;
	font-size: 100%;
	color: #000;
}
.links3 {
	font-size: 90%;
	max-width: 100%;
	padding-top:12px;
	padding-left:8px;
	height:50px;
	color:#000;
	box-shadow: 1px 3px 9px #A9A9A9 !important;
	border-bottom: 1px solid #A9A9A9;
	background-color: #c1d9c6;
}
.links3 a {
	text-decoration: none;
	color: blue;
	white-space: nowrap;
}

.column1 {
    float: left;
    padding: 10px 8px 6px 16px;
	color:#333;
	border-left:1px solid #ccc;
    /*width: 25%;
	leveys säädetty  @media screen osiossa*/
}

* html .column1 { height:100%} /* IE6:tta varten*/


 /*column 2, oikea puoli */
.column2 {
	float: left;
    padding: 10px 8px 6px 28px;
	color:#333;
    /*width: 70%;
     leveys säädetty @media screen osiossa*/
}
.sidebaritem {
	text-align: left;
	width: 100%;
	}
	

.sidebaritem h1 {
	padding: 10px 0px 4px 0px;
	margin-bottom:4px;
	width: 100%;
	font-weight: normal;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}
	

#column3 {
	text-align: left;
	width:100%;
	padding: 14px 10px 16px 24px;
	background-color: #fff;
	float: left;
}
.column3 {
	float: left;
    padding: 10px 8px 6px 30px;
	color:#333;
    /* leveys 74% eli sama kuin .column1 (säädetty @media screen osiossa) */
}

.column2 h1{
	/*padding: 6px 6px 3px 0px; */
	margin: 3px 0 6px 0; 
	border-bottom: 1px solid #B8B8B8;
	font-weight: normal;
	font-size: 150%;
	width:98%;
}

.sidebaritem a {
	text-decoration: none;
	line-height: 1.6em;
	/*display: block;
	color: #0080ff;*/
	color: #003399;
}
.iconDetails {
	margin-left:2%;
	float:left; 
	height:260px;
	width:820px; 
	}
	
/* ei vielä missään käytössä*/
.container {
	border-top: 1px solid;
	border-bottom: 1px solid;
    width:100%;
    height:auto;
    padding:1%;
}

/* block quote */
blockquote {
	/*border-top: 1px solid;
	border-bottom: 1px solid;
	float:left;
	width:90%;*/
	height:auto;
}

p { 
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
}

p.title { 
font-size:82%; 
margin-top:-6px
}

/* liittyy "lisää/vähemmän toimintoon
#more { 
	display: none; 
}
*/
.jiku_text {
  padding-top: 40px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 80px;
  background: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 20px;
  margin-left: 20px;
  color: #000;
  max-height: 200px;
  position: relative;
  overflow: hidden;
}

.jiku_text .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
  background-image: linear-gradient(to bottom, transparent, Gainsboro);
}

.rv { 
	margin: 0px 0px 0px 38px;
}
.osoite {
	border-top:1px solid; 
	border-bottom:0px solid; 
	border-color:#696969;
	margin: 6px 0px 2px 0px;
	padding: 4px 0px 10px 0px;
	color:#000
}

p.capitalize {
text-transform: capitalize;
}
h1 { 
	margin: 0;
	width: auto;
}
h2 { 
	margin: 0px;
	padding: 1px 0 6px 0;
	font-size: 14px;
}

h3{
	margin: 0;
	padding: 2px 6px 6px 0; 
	font-size: 14px;
	color: #000000;
}

h4 {
	font-size: 22px;
	font-weight: normal;
	padding: 0 6px 2px 0; 
	margin: 5px 0 8px 0; 
	/*border-bottom: 1px solid;*/
}

h5 {
	font-size: 18px;
	font-weight: normal;
	margin: 4px 6px 4px 0; 
	/*margin: 0 0 0 0; 
	border-bottom: 1px solid;
	letter-spacing: .04em;*/
}
h6 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 6px 2px 0; 
	margin: 5px 0 8px 0; 
}
h7 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 6px 2px 0; 
	margin: 5px 0 2px 0;
}
h8 {
	font-size: 16px;
	font-weight: normal;
	padding: 0 6px 2px 0;
	margin: 5px 0 8px 0;
	width: 98%;
	border-bottom: 1px solid;
}
.otsikko {
	font-size: 17px;
	font-weight: normal;
	padding: 0 6px 2px 0;
	margin: 5px 0 8px 0;
}
img {
    max-width: 100%;
    height: auto;
	border: 0;
}
.small {
	/*box-shadow:4px 4px 4px Silver; 
	margin-bottom:-8px;*/
	margin: 4px;	
	border-radius:5px
}

hr {
	color:red;
	height: 1px;
	width: 98%;
	border-top: 1px solid #B8B8B8;
}
hr.tiukka {
	color:#A9A9A9;
	margin-bottom:1px;
}

/* kuvien ja elementtien sijoittelu - left, right ja center */
.left { 
	float: left; 
	padding-left:8px;
	vertical-align:middle;
}
.right { 
	float: right; 
	padding-right:8px;
	vertical-align:middle;
}

.center {
	/*display: block;*/
	text-align: center;
	vertical-align:middle;
	margin: 0 auto;
}
.valign {
	vertical-align:middle;
}
.center2 {
    display: block;
	width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding-right:20px;
	overflow: auto;
	/*border: 2px solid #73AD21;*/
}
/* listat */
ul {
	margin: 0px 0px 2px 10px;
	padding: 0px 0px 0px 14px;
	/*margin: 0px 0px 6px 4px;
	padding: 0px 0px 0px 28px;*/
}
ul.thick {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}

li {
	/*list-style: none; */
	margin: 0px 0px 2px 0px; 
	padding: 0px 0px 0px 0px;
	/*background: transparent url(sin_nelio2.gif) no-repeat;*/
}
li.tiivis {
	/*list-style: none; */
	margin: 0px 0px 2px 0px; 
	padding: 0px 0px 0px 0px;
	/*background: transparent url(sin_nelio2.gif) no-repeat;*/
}

lo a {
	background: transparent;
	color: #53434B;
	padding-left: 2px;
}

#hov a:hover {
	background-color: #E0E0E0;
}
	

.sidebaritem a:hover {
	/*padding: 0 0 0 0px;*/
	text-decoration: none;
	color: #D2691E;
}

.column2 a, #column3 a, .column3 a {
	padding: 0;
	text-decoration: none;
	/*color: #0000CD;*/
	color: #0080ff;
}

.column2 a:hover, #column3 a:hover, .column3 a:hover {
	padding: 0;
	color: #D2691E;
}

.column2 h3, #column3 h1, #column3 h3, .column3 h3 {
	background-color: transparent;
	color: #000;
	border-color: #C0C0C0;
	font-weight: bold;
}

.huomvari {
	padding: 0;
	background-color: #FF9;
	width:95%;
	border-top: 0px;
}
span.nolink :hover { border-bottom: 0px !important; }

/*apu-DIV:a varten jotta sivun viimeiset rivit ei mene piiloon kun sivu on yli näytön korkuinen*/
#clearfoot {	/*lisatty*/
	height: 40px;
	width: 100%;
	overflow: hidden;
	clear: both;
	position: relative;
	bottom: 0;

	}

	#footer {
	position:absolute;
	bottom: 0;
	padding: 3px;
	width: 100%;
	text-align: center;
	border:1px solid #D3D3D3;
	background-color:#fff;
	font-size: 84%;
	color: #5F4F53;
	overflow: hidden;
/*position: fixed;*/
}

#footer a {
	text-decoration: none;
	white-space: nowrap;
	color: blue;
	padding: 2px;
	overflow: hidden;
}

#footer a:hover {
	/*color: #D2691E;
	color: red;*/
	color: orange;
}


.links a:hover, .user a:hover {
	color: gold;
	text-decoration: none;
	padding:0px;
}  

/* palaute sivu - form muotoilu */
form {
	margin-top: 0;
	margin-bottom: 0;
}

div.options {
	width: 98%; 
	overflow:hidden; 
	font-size:91%;
}

div.row {
	clear: both;
	width: 98%;
	height: 25px;
}
div.row2 {
	width: 95%;
	min-height: 18px;
}
div.row3 {
	width: 95%;
	min-height: 20px;
}

div.row span.formlabel {
	float: left;
	width: 88px;
	text-align: right;
	margin-right: 8px;
}
div.row2 span.formlabel {
	float: left;
	width: 76px;
	text-align: right;
	margin-right: 8px;
}
div.row3 span.formlabel {
	float: left;
	width: 110px;
	text-align: right;
	margin-right: 12px;
}

div.row span.forminput {
	float: left;
	text-align: left;
} 

div.spacer {
	clear: both;
	width: 95%;
	height: 14px;
}
div.spacer_10 {
	clear: both;
	width: 96px;
	height: 10px;
}
div.spacer_16 {
	clear: both;
	width: 95%;
	height: 16px;
	margin-left: -2px;
}
div.spacer_6 {
	clear: both;
	width: 95%;
	height: 6px;
}
div.row16{
	width: 98%;
	height: 16px;
}
div.row22 {
	width: 98%;
	height: 22px;
}
div.row10 {
	width: 98%;
	height: 10px;
}

input {
	/*font-family: 'Open Sans', verdana, arial, sans-serif;*/
	font-size: 100%;
	border: 1px solid;
	border-color: #A9A9A9;
	height:24px;
	padding-left: 4px;
}
textarea {
	/*font-size: 98%;*/
	border: 1px solid;
	border-color: #A9A9A9;
	padding-left:4px;
}
select {
	font-size: 97%;
	overflow-y: auto;
	padding: 1px;
	color: #333;
}


select option {
    background-color: #f8f8f8;
    color:#333;
}

select option:active, select option:hover {
  background-color: #FFE4B5;
}
input:focus, textarea:focus , select:focus {
border-color: #FF6347; 
}

.alkuun {
	float: left; 
	padding: 0px 6px 2px 0px; 
	width: 98%;
	text-align:right;
	border-top: 1px solid;
}

.sidebaritem select {
	width: 96%;
}

.submit {
	width:auto;
	background: linear-gradient(to bottom, #FAF4B7 0%, #E5CC67 100%);
	background-color: #FFCC66;
	color:#000;
	font-size:100%;
	/*box-shadow: 1px 1px 2px #808080;*/
	cursor:pointer;
	border-radius:2px;
	text-align:center;

}
/*input[type=submit] {*/
.submit2 {
	width:90%;
	background: linear-gradient(to bottom, #FAF4B7 0%, #E5CC67 100%);
	background-color: #FFCC66;
	color:#000;
	padding:3px;
	font-size:16px;
	/*text-shadow: 2px 2px #808080;*/
	box-shadow: 4px 4px 10px #B8B8B8;
	cursor:pointer;
	border-radius:3px;
	margin-bottom:2px;
	float:left;
	text-align:center;
	border: 1px solid #C0C0C0;

}
.linkButton { 
	padding-left: 0px;
    background: none;
    border: none;
    color: #0000CD;
    text-decoration: none;
	font-size:98%;
    cursor: pointer; 
}
.cancel {
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	background: transparent url('napin_tausta.png') repeat-x;
	color: #000;
}

input[type=submit].link {
	border: none; 
	background: none; 
	display: inline; 
	color: blue; 
	text-decoration: none; 
}
.checkbox {
	margin: 2px 4px 2px 90px;
}	
/*omat taulukkomuotoilut*/
table {
	font-size: 88%;
	border: 1px solid #A9A9A9;
	border-collapse: collapse;
	background-color:#fff;
}
table.font78 {
	font-size: 84%;
}

table.noborder {
	border: 0;
	background-color:#fff;
}

#column3 table {
	font-size: 84%;
}
td {
	border: 1px solid #c0c0c0;
	padding: 4px
	/*padding: 2px 4px 2px 4px;*/
	/*border: 1px solid #c0c0c0;
	font-size: 94%;*/
}
th{
	padding: 3px 4px 2px 4px;
	border: 1px solid #808080;
	text-align: left;
	font-weight: normal;
	background-color: #EEECE6;
}
td.nobor {
	padding: 4px 0px 2px 8px;
	border: 0;
	background-color:#fff;
}
td.noborgrey {
	padding: 2px 0px 2px 4px;
	border: 0;
	background-color: #F8F8F8;
	text-align: right;
}
td.noborform {
	padding: 2px 6px 2px 6px;
	border: 0;
	text-align: right;
	background-color: #d6dfdc;
	/*height:28px;
	background-color: #deded2;
	background-color: #F0F0F0;*/
	color:#000;
	border-right: 1px solid #A9A9A9;
}
td.noboright {
	padding: 2px 6px 2px 4px;
	border: 0;
	height:26px;
	text-align: right;
	background-color: #EBEFF2;
}
td.asrleft {
	padding: 2px 4px 2px 4px;
	border: 0;
	width: 120px;
}

.capitalize {
text-transform: capitalize;
}

td.nowrap {
	white-space: nowrap;
}

td.lhnorm {
	padding: 2px 6px 2px 6px;
	border: 1px solid #c0c0c0;
}
td.lhlite {
	padding: 2px 6px 2px 6px;
	border: 1px solid #c0c0c0;
	background-color: #F8F8F8;
}

.tdbtop {
	border-top: 2px solid gray;
}

.td0 {
	background-color: #C4E3D1;
	color: #000;
	border-bottom: 1px solid #d3d3d3;
	font-weight: bold;
	/*height:14px;*/
}
.td0.vasen {
	text-align: right;
}
.sini {
	color: blue;
}
.tdots {
	border: 1px solid #A9A9A9;
	/*height:14px;*/
	background-color: #D5DCE6;
	color: #000;
}
.tdots2 {
	font-weight: bold;
	border-bottom: 1px solid #000;
	background: #dcdcdc;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #8C8C8C;
	color: #000;
	/*height:20px;*/
}
.td1 {
	background: #FAEBD7;
	color: #000;
	border-bottom: 1px solid #d3d3d3;
	/*font-weight: bold;*/
}

.td1r {
	background: #d6dfdc; 
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
}

.tdr {
	text-align: right;
	padding: 2px 4px 2px 4px;
	color: #000;
}
.tdl {
	padding: 2px 4px 2px 4px;
	/*color: #000;*/
}
.tdvihr {				
	text-align: left;
	padding: 3px 6px 3px 4px;
	background-color: #008080;
	color: #fff;
}
.tdleft {			
	padding: 3px 6px 3px 4px;
	background-color: #f9f9f9;
	color: #000;
}
td.oikea {
	background-color: #fff;
	text-align: right;
}
td.lihav {
	font-weight: bold;
	background-color: #fff;
	text-align: right;
}
td.harm {
	background-color: #F8F8FF;
	text-align: right;
}
.tdrots {
	text-align: right;
	background-color: #5F5F5F;
	padding-left:5px;
	padding-right:10px;
	font-weight: normal;
	color: #fff;
	border: 1px solid #5F5F5F;
}
.tdc {
	/*background: white;
	color: #000;*/
	text-align: center;
}
.tdcround {
	background: white;
	color: #000;
	text-align: center;
	vertical-align:top;
}
.td4 {
	background-color: #F8F8F8;
	border:0;
}
.td42 {
	background-color: #F5F5F5;
	border:1px solid #ccc;
	padding-left: 8px;
}
.td43 {
	background-color: red;
	border:1px solid #ccc;
	padding-left: 8px;
}
.tdLH { 
	background: #fff;
	text-align: center;
	padding-left:2px;	
}
.tdsp { 
	background: #fff;
	border-right:0;
	border-left:0;
}
.tdLB {
	background: #EEECE6;
    font-family: 'Open Sans', verdana, tahoma, arial, serif;
	height:24px;
	text-align: left;
	padding-left:4px;
	font-weight: bold;
	border:1px solid #c0c0c0;
	border-bottom:1px solid #808080;
}
.tdK {
	background:#FFFFCC; 
	font-weight: bold;
	text-align: right;
}

.tdG {
	background-color: #FFE4B5; 
}

.tdLK {
	background: #F5F5F5;  
	/*background: #FFE4B5;*/
	color: navy;
	font-weight: bold;
	text-align: right;	 
}

.alar {
	text-align: center;
	background-color: #F5F5F5;
	font-weight:bold;
	font-size: 92%;
	border-top: 1px double #000;
}

.input_levea {
	width:170px;
	margin-right: 4px;
}

.input_kapea {
	width: 130px;
	margin-right: 4px;
	padding-left: 3px;
}

.lentoaika {
	border: 1px solid #D3D3D3;
	background: #F5F5F5;
	color: #808080;
	text-align: center;
	font-size: 96%;
	width: 38px;
}

.aika {
	width: 53px;
	text-align: left;
}

.pvm {
	color: #696969;
	text-align:left;
	font-size: 96%;
	width: auto;
}

.button {
	/*height: 17px;
	text-align:center;*/
	border: 1px solid #808080;
	font-size: 90%;
	cursor: pointer;
	padding: 0 6px 0 6px;
	background-color: transparent;
	/*background-color: #F8F8F8;*/
	color: #0000CD;
	border-radius: 2px;
}
.btm_inactive {
	height: 17px;
	border: 1px solid #D3D3D3;
	text-align:center;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	background-color: #eee;
	color: #c0c0c0;
}
.button2 {
	height: 12px;
	border: 0px solid;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding-left: 0px;
	padding-right: 1px;
	background-color:transparent;
	color: #FAFAD2;
}
.box2 {
	height: 13px;
	font-size: 12px;
	font-weight: normal;
	width: 55px;
}
.box3 {
	height: 14px;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
	background-color:#F5F5DC;
}
/*kaytetaan otsikossa jossa on sort-linkki*/
#column3 .sort {
	background-color:transparent;
	color: blue; 
}
.wdegrees {
	font-size: 90%;
	text-align: left;
	width: 30px;
}
.wknots {
	font-size: 90%;
	text-align: left;
	width: 24px;
}

#gmap {
	float:left;
	width:67%;
	position:relative;
	padding-left:6px;
}
#map {
	height:680px; 
	border-style: double;
	border-color:#808080;
	position:relative;
}
#map a { 
	text-decoration:undeline;
	color:blue;
}

.labels {
	height: 16px;
	border-radius: 2px;
	padding: 2px 4px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 2px 2px 3px #A8A8A8;
	background: #fffacd; 
	text-align: center;
	font-weight: 500;
	font-size: 10px;
	color: #000;
	vertical-align: justify;
}

.label {
	padding: 1px;
	padding-left: 16px;
	padding-right: 4px;
	background: #FFFFE0; /* fallback */
	color: #000;
	background:
		linear-gradient(135deg, transparent 10px, #FFFFE0 0) top left,
		linear-gradient(45deg,  transparent 10px, #FFFFE0 0) bottom left;
	background-size: auto 51%;
	background-repeat: no-repeat;
}

tr:nth-of-type(odd) {
      /*background-color:#f9f8f6;*/
      background-color:#f7f6f4;
    }
* {box-sizing: border-box;}

.row:after {
    clear: both;
    display: table;
}

.yellow {background-color: #ffeb3b;}
.lightyellow {background-color: #FFFFCC;}
.lightgray {background-color: #F8F8F8;}


.header {
	position: relative;
	max-width: 100%;
	padding-top: 182px;
}

/* linkit menun ylapuolella */
.siteheader {
	position: relative;
	width: 100%;
	/*border:2px solid red;*/
}
.links {
	padding:6px;
	padding-left:12px;
	font-size: 96%;
	position: fixed;
	right:0;
	max-width: 100%;
	background-color: #6f96c3;
	/*background-color: #131419;
	background-color: #2c4a68;
	position: absolute;
	top:140px;*/
	z-index: 5;

}
.oikealle {
	padding:6px;
	padding-left:12px;
	font-size: 96%;
	position: fixed;
	right:0;
	max-width: 100%;
	background-color: #131419;
	z-index: 5;
	
}

/* tehty sticky toiminnan vuoksi. topnav on tämän div:n sisällä ( kts. menu.php)*/
#navbar {
	/*position: fixed;
	position: absolute;
	width: 100%;
	background-color: #333;*/
}
/* Navigointipalkki	*/
.topnav {
	overflow: hidden;
	position: fixed;
	width: 1100px;
	/*height: 32px;
    display: inline-block;
	background-color: #2c4a68;
	position:absolute;
	background-color: #333640;
	background: transparent url('cloud1.jpg') no-repeat;
	background: transparent url('cockpit32.jpg') no-repeat;
	background: transparent url('garmin4b.jpg') no-repeat;
	background: transparent url('garmin8b.jpg') no-repeat;
	background: transparent url('cockpit34.jpg') no-repeat;
	background: transparent url('garmin8b.jpg') no-repeat;
	background: transparent url('garmin10b.jpg') no-repeat;
	background: transparent url('malli_2b.jpg') no-repeat;
	background: transparent url('sky_2b.jpg') no-repeat;*/
	background: transparent url('sky_2b.jpg') no-repeat;
	/*background: transparent url('xplane10b.jpg') no-repeat;
	background-color: #ccc;
	background-color: #131419;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:8px;
	color: #000;
	z-index: 4;
	/*box-shadow: 0 12px 14px -6px #d3d3d3;
	border:2px solid red;*/
}
.topnav a:first-child {
	background: transparent url('home23.png') no-repeat;
	background-color: #d4e2f4;
	width:38px;
}
.topnav a:not(:active) {
	/*color: SteelBlue !important;
	color: #000 !important;*/
	border:1px solid #000;
	border-radius:3px;
	/*background-color: WhiteSmoke;
	border-color:gold;*/
}


.topnav a {
	float: left;
	display: block;
	color: #000;
	text-align: center;
	padding: 3px 8px;
	text-decoration: none;
	font-size: 90%;
	margin-left:5px;
	border:1px solid transparent;	/* tähän näkymättömät reunat jotta ei tule pientä nykäystä hover toiminnossa) */
	background-color: #d4e2f4;
}

/* näytetää valkoinen home ikoni, eli navpalkin ensimmäinen kohde (first-child) */

/*.topnav.active a,*/
.topnav a.active,		/*lisatty*/
.topnav a:hover {
	/*color: Gold !important;
	border:1px solid #808080;*/
	border:1px solid #000;
	border-radius:3px;
	background-color: White;
	/*background-color: #FFFFE0;
	border-color:gold;*/
}

/* näytetää kullanvärinen home ikoni hover ja active tilanteessa */
.topnav a:hover:first-child,
.topnav.active a:first-child,
.topnav a.active:first-child  {		/*lisatty*/
	background: transparent url('home23a.png') no-repeat;
	background-color: White;
	/*border-color:gold;*/

}
.topnav .icon {
	display: none;
	padding-bottom:3px;
}

.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  /*z-index: 5;*/
}
.sticky + .content {
  padding-top: 60px;
}

 /* kapealla näytölla pakotetaan column1 näkymään column3:n alla (sivut Tiedotteet ja Kerhoinfo) 
 @media screen and (max-width:800px) {
	.content {flex-direction:column}
	.column1 {order: 2;}
}*/
/*
@media only screen and (max-width: 480px) {
	.column1 {width: 100%;}
	.column2 {width: 100%;}
	.column3 {width: 100%;}
	#footer {display: none;visibility: hidden;}
}
*/
@media (min-width: 800px) {
	.column1  	{width: 20%;}
	.column2  	{width: 80%;}
	.column3  	{width: 70%;}
	.column_r  	{width: 20%;}
}
/*
@media (min-width:950px) {
	.column1  	{width: 20%;}
	.column2  	{width: 80%;}
	.column3  	{width: 72%;}
}

@media only screen and (max-width: 1000px) {
	body {background-color: #fff;}
	#ofp {border: 0;}
	#route2 {border: 0;}
}
*/
/* Navpalkin kasittely kapealla naytolla */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {
	  display: none;
	}
  .topnav a.icon {
    float: left;
    display: block;
	margin-left:20px;
  }
  .topnav {
	width: 100%;
	/*width: 126px;
	background-color: #ccc;*/
	margin-left:0;
	z-index: 10;	/* muuten links palkki peittää tämän alleen*/
	}
  .topnav a {
	/*background-color: #fff;*/
	color: #000;
	}
/*
  .links {
	width: 100%;
	left:-2px;
	margin-top:3px;
	}
*/	
  .header, 
  #footer, 
  #clearfoot {
	/*visibility: hidden;*/
	  display: none;
	}
	.content {
	padding-top: 42px;
	}
	
  #navbar {
	background-color: transparent;
	}

  .topnav.responsive {
	/*position: absolute;*/
  }
  .topnav.responsive .icon {
	position: absolute;
	left: 51px;
	top: 3px;
	padding-bottom:3px;
 	/*background-color: transparent;*/
 	background-color: #d4e2f4;
 }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	padding: 4px 8px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color: #fff;
	/*background-color: #19222B;*/
  }
  
  .submit2,
  .options {
	 width: 240px !important;
  }
}
  div.divFooter {
    display: none;
  }