html, body{
	margin:0;
	padding:0;
	font-family: 'Cabin', sans-serif;
	font-size : 100%;
	color:#000000;
	font-weight : normal;
	background-color : #CCFFFF;
	height:100%;
	
}
table,tr,td,h1,h2,h3,h4,h5,h6,div,span,input,button,a,p,ul,li,span,ol,textarea,option{font-family: 'Cabin', sans-serif !important ;} 
h1{
	color:#FF9900;
}
.italic {font-style:italic;}
.bold {font-weight:bold;}
img {border:0px;width:100%;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

a:link {text-decoration: none;	color:#25408F;}
a:visited {text-decoration: none;	color:#25408F;}
a:hover {text-decoration: none;	color:#25408F;}
a:active {text-decoration: none;	color:#25408F;}

#mainarea{
	position:relative;
	float:left;
	width:100%;
}
.image1{
   position:relative;
	float:left;
	width:40%;
	margin:2%;
	border:1px solid #999999;
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	height:100%;
}
#logo {
	width:100%;
	text-align:center;
	background-color : #F9C909;
}


#content{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	padding-bottom:3%;
}



#mid {
	position: relative;
	float:left;
	width:100%;
	text-align:center;
}

#theform  {
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#theform2  {
	width:80%;
	text-align:center;
	display:none;
	margin-left:auto;
	margin-right:auto;
	
}
#themap{
	position: relative;
	float:left;
	width:100%;
	text-align:center;
	display:none;
}
.formfield{
	position: relative;
	float:left;
	width:25%;
	padding:0%;
}
.formfieldtitle{
	text-align:center;
	font-size:80%;
	font-weight:bold;
}
.formfielddrop{
	position: relative;
	float:left;
	width:100%;
}
#cities, #icaos, #runways, #cities2, #icaos2, #runways2{
	display: none;
}
#thedetailouter{
	margin-left:auto;
	margin-right:auto;
	width:78%;
	display:none;
}
#thedetail {
	position: relative;
	float:left;
	width:98%;
	margin-top:20px;
	border:1px solid #CCC;
	padding:1%;
	text-align:left;
	font-size:100%;
	background-color : #FFF;
}
.acrossall{
	position: relative;
	float:left;
	width:100%;
}
.atitle{
	position: relative;
	float:left;
	width:35%;
	font-weight:bold;
}
.accwide{
	position: relative;
	float:left;
	width:55%;
}
#wording{
	position: relative;
	float:left;
	width:100%;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:10px 0px 10px 0px;
	font-size:120%;
	border-bottom:1px solid #CCC;
}
#wordingdetail{
	position: relative;
	float:left;
	width:100%;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	font-size:120%;
	border-bottom:1px solid #CCC;
	color:#0000CC;
	margin:0px 0px 10px 0px;
}

SELECT {
	font-size:80%;
	width:90%;
}
#rundet {
	font-size:90%;
}
td{
	
	border:1px solid #CCC;
}
.green{
	color:#33CC33
}
.red {
	color:#CC0000
}
.blue {
	color:#0000CC;
}

#map {
	position:relative;
	float:left;
	width:100%;
    height: 95%;
	margin-top:20px;
  }
 #navouter {
	position:relative;
	float:left;
	width:100%;
	padding:0.5% 0% 0.5% 0%;
	background-color:#FFFFFF;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
#navouter1  {
	position:relative;
	float:left;
	width:100%;
	padding:0.1% 0% 0.1% 0%;
	background-color:#FF9933;
	
}
#nav1{
	width:300px;
	font-size:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.nnav{
	position:relative;
	float:left;
	width:100px;
}
#nav{
	width:50%;
	font-size:100%;
	background-color : #FFFFFF;
}
#nav2{
	position:relative;
	float:left;
	width:70%;
	font-size:100%;
	background-color : #FFFFFF;
}
.navitems{
	position:relative;
	float:left;
	margin:0% 0.5% 0% 0.5%;
	text-align:center;
}
#theback{
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	text-align:center;
	background-color : #33CC00;
	margin-top:10px;
	display:none;
}
#departure, #arrival{
	position:relative;
	float:left;
	width:50%;
}
#overlaytext{
	position:relative;
	float:right;
	text-align:center;
	width:20%;
}
.smicons{
	position:relative;
	float:left;
	width:25px;
	height:19px;
}
.smicontxt{
	position:relative;
	float:left;
	height:19px;
	padding-left:2px;
}
#legend{
	position:relative;float:right;width:50%;margin-top:0px;
}
.legnd{
	background-color: white;
	text-align:left;
	position:relative;
	float:left;
	padding:0.5% 0% 0.4% 0%;
	width:15%;
}

@media only screen and (max-width: 220px), only screen and (max-device-width: 480px) {

#departure, #arrival{width:100%;}
.formfield{width:100%;}
.image1{width:96%;}
h2{
	font-size:80%;
}
h1{
	font-size:110%;
}
#nav2{
width:100%;
}
#legend{
width:100%;
border-top:1px solid #CCCCCC;
}

}