html {
   font-size: 12pt; /* =  16px = 1em */
   font-family: Arial,Helvetica,sans-serif;
}
       
body {
  background-color: #fff; /*3ab;*/
  height: 100%;
  /* TODO: same width as header ! */    
  width: 60.25em; /* 53em; */
  padding:0; 
  margin:0px; 
  margin-left:65px; 
  font-size: 100.1%
}

a {
  color: #0084d8; /* blau */
  text-decoration: none; 
}

a:hover {
/*   background-color: #0099cc; */
   color: #b8b8b8; 
}


#static_head {
  
}

#static_head #head_img img {
  /* TODO: change to correct size and aspect ratio of the image 
     used to stretch image together with font size! 
   */  
   width: 60.25em; /* 53em; */
   height: 12.875em /* 11.2689em; */   /* rate: 1:0.212622 */
}	

#smalltext {
  position: absolute;
  top: 1.05em;
  left: 31.25em;
/*  font-size: 0.55em; */ /* 7pt */
  font-weight: normal;
  color: #000000;
  visibility: visible;
  z-index: 1;
  text-decoration: none;	
}

#smalltext table {
   font-size: 0.55em; 
}

#smalltext a {
  text-decoration: none; 
  color: #000000;
}

#smalltext td {
  padding-left: 7px; 
  padding-right: 7px; 
}

.text_smalla {
  font-size: 1em;
  text-decoration: none;
}

.text_smallaa {
  font-size: 1.2em; 
  }

.text_smallaaa {
  font-size: 1.3em;
}


.rightborder {
 border-right: 1px solid #000000;
}

#langswitch {
   position: absolute; 
   top: 4em; /* 4 / 0.75em */
   left: 29em; /* 16.625 / 0.75em */  
   font-size: 0.75em;  /* 9pt */  
   text-transform: uppercase; 
}

#langswitch p {
   padding: 0px; 
   margin: 0px; 
   
}

#langswitch a {
  color: #0084d8; /* blau */
  text-decoration: none; 
}

#langswitch a:hover {
  color: #fff;
  text-decoration: none; 
}





#menu_head {
   position: relative;   
   z-index: 10; 
   height: 12.875em /* 11.2689em; */ /* TODO: absolute height of header-logo */ 
}


#menu_head #menu,#menu_head #menu a {
  display: block;
  /* background-color: #b8b8b8;  */
  /* color: #000;   */
}


#menu_head #menu {
 /* align at bottom of header-gfx */
  position:absolute; 
  bottom: 0px; 
  font-size: 0.75em; /* 9pt */
  border-top: 2px solid #fff;  
  border-right: 2px solid #fff;  

}

#menu_head #menu a:hover {
background-color: #dff3fd;
}


#left_side {
   clear: left;    
   color: #000; 
   float:left;  
   font-size: 0.75em; /* 9pt */
   width: 15em; 
   border-right: 2px solid #fff; 
}

#left_side a {
  color: #000;
}

#menu {
  float:left; 
  width:15em;
  padding-top:0.35em;
  padding-bottom:0.35em; 
  position: relative; 
  z-index: 300; 

}

#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu a:link, #menu a:visited, #menu a:active {
  display: block;
  height: 1.7em;
  line-height: 1.7em;
  text-decoration: none;
  padding-left: 1em;
  padding-bottom: 0px;
  color: #000; 
}


#menu a:hover {
  color: #000;
  background-color: #dff3fd;
  
}



#menu li {
  /* make the list elements a containing block for the nested lists */
  position: relative;
  display: block; 
  z-index: auto; 
  width: 15em; 
  float: left;  
} 

/* selected parent menu is blue */
#menu a.parent_menu, #menu a.parent_menu:visited, #menu a.parent_menu:active {
  color: #0084d8; /* blau */
}


#menu ul ul {
  background-color: #b8b8b8; 
  position: absolute;
  top: 0; 
  left: -999em; 
  z-index: 500; 
}

#menu ul li:hover ul, #menu ul li.sfhover ul {
   left: 100%; 
}


#menu_background img {
  position: absolute; 
  width: 15em;
  height: 10.9em;   /* 6x 1.7 lineheight + 2x padding 0.35 */
}

#infobar { 
  /* align at the bottom of the header-gfx */
  position: absolute; 
  bottom: 0px; 
  left: 11.25em;  
  width: 49em; /* 41.75em;  */ /* TODO: page-width - left-position */
  height: 5.625em;  /* (4x1.7 lineheight + 2x 0.35 padding) * 0.75  (menu fontsize */
  border-top: 2px solid #fff;  
  }
 
#infobar table {
  width: 100%; 
  margin: 0px; 
  border: 0px; 
  
}

.date {
  width: 18%; 
}

.time {
  width: 30%; 
  text-align: left; 
}

.temperature {
  width: 30%; 
 
}

.weather_link {
  text-align: right; 
} 

.breadcrumb {
  
}

#breadcrumb {
  font-size: 0.75em; 
  padding: 0;    
  text-align: left; 
  padding-bottom: 0.1em;
}

#date {
   float: left;
   font-size: 1.2em;  /* 14pt */
   padding: 0.8em; 
   
}

#time {
   float: left;
   font-size: 3.6em;  /* 3.6em = 42pt */
   padding-left: 0.1em;       
}

#temperature {
   font-size: 3.6em;  /* 3.6em = 42pt */
}

#weather_link {
   font-size: 1.2em;  /* 14pt */
   /* padding: 0.8em; */
   padding-left: 1em;
   text-align: left;    
}

#weather_link a {
   text-decoration: none; 
   color: #000; 
}

#weather_link a:hover {
  color: #0084d8;   /* blau */
  text-decoration: none; 
}


.linkbox {
   padding: 0px; 
   border: 0px solid #000; 
   clear:left;
   height: 2.5em;
}


.linkboximg {
  position: absolute; 
  width: 15em;
  height: 2.5em; 
  z-index: -99; 
/*  border: 1px solid #f3b */
}


.linkboxtext {
   padding-left:1em;   
   margin: 0px; 
   display: block;
  height: 2.5em;
  line-height: 2.5em;
  text-decoration: none;
}

a.linkboxtext:hover {
  background-color: #dff3fd;
}

.smallflightsearch {
   padding: 0px; 
   border: 0px solid #000; 
   clear:left;
   height: 12.8em;
   width: 15em;
   overflow: hidden;
}

#small_flightsearch {
  width: 15em;
  height: 12.8em; 
  margin: 0px; 
  border: 0px; 
  overflow: hidden;
  
}


#left_teaser {
  clear:left;
  height: 18.125em; 
  width: 15em; 
  /* background-color: #dedede */
}




#the_body {
   position: relative;  /* so background is sized correctly */
   margin: 0px;  
   padding: 0px; 
   margin-left: 11.25em; /*  15*0,75 TODO: set to 0 for IE! :-( */
   width: 48.9em;   /* TODO: body width - 15em*0,75 */ 
   height: 28.7em; /*25.25em;*/
 /*  height: 100%; */  /* TODO: set for IE, won't work in FF */
   z-index: 1; 
}

#news_body {
   position: relative; 
   margin: 0px;  
   padding: 0px; 
   width: 100%;   
   height: 100%; 
   z-index: 1; 
}

.newsbody {
  background-color: #fff; 
  height: 35.5em;
  width: 48em; 
  padding:0; 
  margin:0px; 
  font-size: 100.1%
}



#the_body #image1 {

}
#the_body_data {
   position: relative; 
   z-index: 4; 
   height: 30.695em;
   overflow: auto;
}

/* used to get rid of horizontal scrollbar */
#div_wrapper {
  overflow: hidden;
  height: 28.695em;
}

#div_wrapper_short {
  overflow: hidden;
  height: 14.3em;
}

#news_wrapper {
  overflow: auto;
  height: 35.5em;
}



#the_body table {
   font-size: 1em; 
}

#the_body h1, #the_body h2, #the_body h3 {
    color: #666; 
    margin-bottom: 0em; 
    margin-top: 0; 
}

.body_title {
    text-align: center; 
    padding-top: 1em; 
}

.body_text {
    padding: 1em; 	 
    padding-left: 2em; 
    font-size: 0.8em; 
}

.body_text ul {
  list-style-type: none;
  padding: 0;
  margin: 0; 
}

#the_body_background {
   z-index: 3; 
}

.body_background_img {
  position: absolute; 
  width: 100%;
  height: 100%;  /* doesn'T work for IE ! */ 
}

/* layouted image for templates */ 
.body_img {
   /* TODO: update if font change for body */
 /*   width: 12.5em; 
    height: 16.6875em; 
   */
}

.middle {
   vertical-align: middle; 
}

.top {
   vertical-align: top; 
}

.bottom {
  vertical-align: bottom; 
}

#submenu_layout {
  position: relative; 
  width: 100%;  
}

/* the submenu-items */
#submenu {
    position: relative; 
    float: left;           
    width: 9.75em; 
    margin-left: 1em;   /* sum: 10.75*/     
} 

#submenu h2 {
  color: #000;  /* 0084D8 flughafen blau */
  font-size: 1em; 
  margin-bottom: 1em; 
}

#submenu_background {
    position: absolute; 
    z-index: -1; 
}

#submenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#submenu ul li {
  text-indent:-1em;
  margin-left: 1em; 
}

#submenu a {
   text-decoration: none; 
   color: #5C5C5C;  /* 36% */
}

#submenu a.selected {
   text-decoration: none; 
   color: #0084d8;  /*blau */
}


#submenu a:hover {
   color: #0084d8; /* blau */
}

#submenu a.parent_menu, #submenu a.parent_menu:visited, #submenu a.parent_menu:active {
color:#0084d8; /* blau */
}

#submenu_body {
  position:absolute;  /* float left would float around the submenu :( */ 
  z-index: 1; 
  width: 37.1em;   /* TODO: 49- submenu widht (- left padding) */
  border-left: 2px solid #fff; 
  margin-left: 10.75em; /* TODO:  submenu width + 1em padding */
  padding-top: 1em; 
  padding-left: 1em; 
  height: 27.695em;
  overflow: auto; 
  min-height: 27.695em;
}

#submenu_body_ooe {
  position:absolute;  /* float left would float around the submenu :( */ 
  z-index: 1; 
  width: 38.1em;   /* TODO: 49- submenu widht (- left padding) */
  border-left: 2px solid #fff; 
  margin-left: 10.75em; /* TODO:  submenu width + 1em padding */  
  height: 28.695em;
  overflow: auto; 
  min-height: 28.695em;
}



.submenuimg {
  position: absolute; 
  z-index: 99; 
  width: 48.95em;
  height: 28.695em; /* fails for IE */
}

.newsimg {
  position: absolute; 
  z-index: 99; 
  width: 48em;
  height: 35.5em; /* fails for IE */
}

#footer {   
   background-color: #77AAAA;
   border-top: 2px solid #FFF;
   /* margin-left: 11.25em;  15*0,75em */ 
}

#footer_element {
   position: relative; 
   border:0;
   width: 12.19em; 
   height: 6em;  /* 4.7628em; 1:0.3888 aspect ratio */

   padding: 0px; 
   margin: 0px; 
   border: 0px; 
   float: left; 
}

#footer img {
   /* TODO: change width to (pagewidth-11.25em)/4 -- assumed 180x70 ~ 11.25x4.375*/
   position: absolute; 
   border:0;
   width: 12.24em; 
   height: 6em;  /* 4.7628em; 1:0.3888 aspect ratio */
   
}

#footer_text {
   position: absolute; 
   top: 1em;   
   left: 1em; 
}

#footer_text a {
   text-decoration: none; 
   color: #000; 
   font-weight: bold; 
}

#arrivals table {
}

#schedules {   
   position: relative; 
   width: 100%;  
}

#schedules_short {   
   position: relative; 
   width: 100%;  
}


#schedules_background {

}

#schedules_data {
 position:relative; 
 z-index: 2; 
 width: 100%; 
 min-height: 29.195em;  
 height: 29.195em;
 padding-bottom: 0.5em;
 overflow: auto; 
}

#schedules_data_short {
 position:relative; 
 z-index: 2; 
 width: 100%; 
 min-height: 12em;  
 height: 14.84em;
 /** padding-bottom: 0.5em; */
 overflow: auto; 
}



/* table */ 
.schedule {  
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 0em; 
  width: 100%; 
  margin: 0px;
  border:0px;  
  font-size: 0.95em; /* 9pt */
}

/* style for alert */
.schedule_note {
  color: #f11; 
}

.scheduletop {
  font-size: 0.75em;  /* 9pt */
  text-transform:uppercase; 
  color: #999999;  /* 60% */
  height: 2.5em;
  vertical-align: top; 
}

.scheduleimg {
  position: absolute; 
  width: 100%;
  height: 100%; 
}

.scheduleimg_short {
  position: absolute; 
  width: 100%;
  height: 100%; 
}


.schedulemore {
  font-size: 0.7em; /* 8pt; */
  color: #0084d8;  /* blau */
  text-decoration: none; 
  padding-left: 2em; 
}

.t1 {
  width: 3.8em; 
}

.t2 {
  width: 12em; 
}

.t3 {
  width: 4.9em; 
}

.t4 {
  width: 10em; 
}
.t5 {
  width: 10em; 
}
.t6 {
  width: 5.7em; 
}

.t7 {
   width: 2.5em;
}



.form_table {
  padding: 1em; 
  margin: 0px;
}

#the_body_data form {
   margin: 0px; 
}

.indextable {
   margin: 1em; 
}

.indextable td {
   vertical-align: top;   
}

.indextable ul {
  list-style: none;
  margin: 0.3em;
  margin-top: 0px; 
  padding: 0px;
  padding-left: 1em; 
}

.indextable a {
  color: #999999;
  text-decoration: none; 
}

.indextable a:hover {
 /*  background-color: #0099CC; */
  color: #0084d8; /* blau */
}

#flightsearch {
 width: 48.90em;
 height: 28.695em; 
 margin: 0px; 
 border: 0px; 
 /* rder="0" scrolling="no" */ 
}


.body_text table {
  width: 100%; 
}

.body_text table td {
   vertical-align: top; 
   /* padding-left: 2em;*/
   padding-bottom: 1em; 
}

#newslist {
   position: relative; 
   z-index: 5;   
   border-bottom: 2px solid #999999; 
}

#newslist ul {
   list-style: none;    
   margin: 0px; 
   padding-left: 0; 
}

.news_title {
   text-decoration: none; 
   color: #0084d8; /* blau */
}

.news_subtitle {
   padding-left: 1em; 
   text-decoration: none; 
   color: #666666; 
}

.scheduletable {
   border: 1px solid #0084d8;  /* blau */
   border-spacing: 0px;   
}

.body_text .scheduletable td {
  padding-left: 0.5em; 
  padding-bottom: 0.2em;
  border-top: 1px solid #0084d8; /* blau */
}

.schedulea {  
}

.scheduleb {
}

.blend img {
  width:15em; 
  height:22.57em;
/*  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity:0;
  filter: alpha(opacity=0);  
*/  
  border:0; 
  margin: 0; 
}

#blendme {
 width:15em; 
 height:22.57em;
 position: absolute; 
}

#blendme div {
  position: absolute; 
  top: 0; 
  left: 0; 
  width:15em; 
  height:22.57em;
}

.leftfirst .leftfirst a {
  color: #000;
}

.leftfirst .leftfirst a:hover {
  color: #0084d8; /* blau */
}

#logolink1 {
/*   background-color: #f0f; */
   position: absolute;
   top: 2em;
   left: 1em;
   width: 20em;
   height: 2em;
}

#logolink1 img {
   border: 0;
   width: 20em;
   height: 2em;    
}

#logolink2 {
   /* background-color: #0f0;*/ 
   position: absolute;
   top: 1.2em;
   left: 54.6em;
   width: 4.5em;
   height: 4.5em;
}

#logolink2 img {
   width: 4.5em;
   height: 4.5em;
   border: 0; 
}


.trennlinie {
  height: 2px;
  width: 100%; 
  background-color: #fff; 
}

#externalcontent {
  margin: 0; 
  width: 100%; 
  height: 100%; 
  border: 0; 
}