body { 
    margin: 0;
    padding: 10px;
    background-color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: auto;
    text-align: center;
    }

#container {
    background: url(bilder/CSS/bg.png) repeat-x #ccdef5;
    height: 100%;
    border: 1px solid #5F5F5F;
    min-width: 950px;
    }

#kopf {
    height: auto;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: auto;
    }
    
#kopf_alt {
    height: 150px;
    width: 100%;
    background: url('bilder/banner_alt.png') no-repeat #E7EAE1;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: auto;
    }

#kopf_r {
    height: 150px;
    width: 340px;
    background: none;
    float: right;
    margin-left: 605px;
    margin-right: 0px;
    margin-bottom: 2px;
    }

#navi {
    background: #2D6399;
    height: auto;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    }
    
#subnavi {
	background: url(bilder/CSS/subnav_bg.png) no-repeat;
    width: 150px;
    height: 400px;
    float: left;
    text-align: left;
    margin-left: 0px;
    display: inline;
    padding: 20px;
    }

#inhalt {
    height: auto;
    width: auto;
    background-color: #E7EAE1;
    text-align: left;
    padding: 20px;
    margin-left: 195px;
    margin-right: 195px;
    margin-top: 5px;
    margin-bottom: 1px;
    border: 1px solid #2D6399;
    }
   
#fuss {
		background: url('bilder/CSS/footer_bg.png');
    height: 390px;
    width: auto;
    clear: both;
    font-size: 13px;
    margin-bottom: 0px;
    padding: 0;
    }
	
#fuss-bild {
	margin: 0 auto 0;
	background: url('bilder/CSS/footer.png') no-repeat;
	width: 100%;
	max-width: 1232px;
	min-width: 950px;
	height: 390px;
}

#fuss-textarea {
	position: relative;
	margin: 0;
	width: auto;
	max-width: 1232px;
	min-width: 950px;
	height: 390px;
	text-align: center;
}

#fuss-textarea-0 {
	position: absolute;
	top: 150px;
	left: 385px;
	margin: 0 auto;
	width: 450px;
}

#fuss-textarea-1 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: left;
	width: 200px;
}

#fuss-textarea-2 {
	position: absolute;
	left: 27%;
	bottom: 20px;
	text-align: left;
	width: 200px;
	height: auto;
	text-align: center;
}

#fuss-textarea-3 {
	position: absolute;
	right: 27%;
	bottom: 20px;
	text-align: left;
	width: 200px;
	height: auto;
	text-align:	center;
}

#fuss-textarea-4 {
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: left;
	width: 200px;
	height: auto;
	text-align: right;
}
    
#info div.WhoIsOn {
	font-size: 12px;
    }
    
#info div.events {
	font-size: 12px;
    text-decoration: none;
    color: black;
    }
	
#info div.MemberCount table {
	font-size: 12px;
	text-align: left;
    }

#info {
	background: url(bilder/CSS/info_bg.png) no-repeat;
    width: 150px;
    height: auto;
    float: right;
    text-align: center;
    margin-right: 0;
    display: inline;
    padding: 20px;
    }
    
#aktuell {
    height: auto;
    width: auto;
    background-color: #E7EAE1;
    border: 2px dashed #FB0C0C;
    padding: 20px;
    overflow: auto;
    }
    
#inhalt div.flotte {
    height: 200px;
    width: auto;
    background-color: #E7EAE1;
    border: 3px outset #2D6399;
    margin-top: 10px;
    padding: 20px;
    }
    
#inhalt div.download {
		width: 350px;
  	border: solid 1px #2D6399;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    padding: 5px;
    }

#inhalt div.staff {
	max-width: 500px;
	height: 160px;
}
    
#login {
		width: 150px;
    background: #FFD7BF /*#C1DFFF*/;
    padding: 5px;
    border: dotted 1px #FF9B66;
    }/*#75BAFF*/

#login div.title {
		background: #FF9B66 /*#75BAFF*/;
    }
    
#inhalt div.airportdetail {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 3px;
	margin: 5px auto 0;
	text-align: center;
}
    
/* Menue-formatierung */

#navi ul {
    background: url('bilder/CSS/topbg.png') repeat-x #2D6399;
    margin: 0;
    padding: 6px;
    list-style-type: none;
    }

#navi ul li {
    display: inline;
    margin: 0;
    margin-right: 5px;
    }

#navi ul li a {
    text-decoration: none;
    font-family: Verdana, sans-serif;
    padding: .2em 1em ;
    color: #fff;
    background: none;
    }
 
#navi ul li a:hover{
    color: #fff
    width: 10px;
    background: url('bilder/CSS/topbg_link.jpg');
    }
    
#subnavi ul {
    background: none;
    margin: 0;
    margin-left: 20px;
    padding: 0;
    list-style-type: none;
    }

#subnavi ul li {
    margin-bottom: 20px;
    }

#subnavi ul li a {
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: #1D88BC;
    width: 100%;
    background: none ;
    padding: .2em 1em;
    }
 
#subnavi ul li a:hover {
    color: #fff;
    width: 10px;
    background: url('bilder/CSS/topbg_link.jpg');
    }
    
/* Schriften Formatierung */

#inhalt h1 {
    margin: 0;
    margin-bottom: 20px;
	  color: #024877;
	  font-size: 22px;
    font-family: Arial Black, Arial, sans-serif;
    }
    
#inhalt h2 {
    margin: 0;
    margin-top: 10px;
	  color: #024877;
	  font-size: 18px;
    font-family: Arial Black, sans-serif;
    }
    
#inhalt h3 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
	  color: #024877;
    font-size: 16px;
    font-family: Arial, sans-serif;
    }
    
#aktuell h2 {
    margin: 0;
    margin-bottom: 5px;
	  color: #024877;
    font-size: 16px;
    font-family: Arial Black, sans-serif;
    }
    
#aktuell h3 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
	  color: #024877;
    font-size: 16px;
    font-family: Arial, sans-serif;
    }
    
#subnavi h1 {
    margin: 0;
    margin-bottom: 20px;
    color: #2D6399;
    font-size: 18px;
    font-style: italic:
    font-family: Arial, sans-serif;
    }
    
#info h1 {
    color: #2D6399;
    font-size: 13px;
    font-family: Arial, sans-serif;
	margin-bottom: 3px;
	margin-top: 1px;
    }
	
#fuss h1 {
	color: #024877;
    font-size: 13px;
    font-family: Arial, sans-serif;
	margin-bottom: 3px;
	margin-top: 1px;
    }
	
/* Tabellenformatierung */

#inhalt thead {
	font-style: bold;
	color: #024877;
	}
	
#inhalt input.color {
	border: #024877 1px solid;
	background-color: #83bbf6;
	}

#inhalt table.spip{
}

#inhalt table.spip tbody tr.row_odd {
	background-color: #83BBF6;
}

#info table.infotable {
	border: 1px solid black;
}

/* Linkformatierung */
#inhalt img {
  border: 0px none;
  }
  
#subnavi img {
  border: 0px none;
  }
  
#fuss a {
  text-decoration: underline;
  color: black;
  }
  
#info form {
  border: 1px dotted #2D6399;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 5px;
  padding-bottom: 10px;
  }

#info form a {
  color: black;
  text-decoration: none;
  }
  
  
/*  CSS für jQuery-Tabs im Buchungssystem
********************************************/

#Flugplaene,
#flugbuchen,
#flugstatistiken  {
    width:      90%;
    border-top: 1px solid #000;
}

.ui-tabs { 
    position: relative; 
    padding: .2em; 
    zoom: 1; 
} 

.ui-tabs .ui-tabs-nav { 
    margin: 0; 
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    margin: 0 .2em 1px 0; 
    border-bottom: 0 !important; 
    padding: 0; 
    white-space: nowrap; 
}

.ui-tabs .ui-tabs-nav li a { 
    float: left; 
    text-decoration: none; 
    height: 30px;
    padding:0 15px 0 0;
    background: url(xacars/images/button.jpg) 100% -60px no-repeat;
    color:#B7B7B7;
    font-weight: bold;  
}

.ui-tabs .ui-tabs-nav li a span {
    height: 19px;
    padding: 6px 0 5px 15px;
    display: block;
    cursor: pointer;
    background: url(xacars/images/button.jpg) top left no-repeat;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    margin-bottom: 0; 
    padding-bottom: 1px;
    
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
    cursor: text; 
    color:  #DBD445;
    font-weight: bold;
    height: 30px;
    padding:0 15px 0 0;
    background: url(xacars/images/button.jpg) 100% -90px no-repeat;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a span, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a span {
    height: 19px;
    padding: 6px 0 5px 15px;
    display: block;
    cursor: pointer;
    background: url(xacars/images/button.jpg) 0 -30px no-repeat;
}

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
    cursor: pointer; 
} 

.ui-tabs .ui-tabs-panel { 
    display: inline-block; 
    border-width: 0; 
    padding: 1em 1.4em; 
    background: none;
    width:  100%;
}

.ui-tabs .ui-tabs-hide { 
    display: none !important; 
}


/* Flugpläne
******************************************/
#flugplaene {
  margin-top: 10px;
}

#flugplaene th {
  background: #444343;
  color:  #DBD445;
  padding: 3px;
  text-align: center;
}

#flugplaene td {
  padding: 2px;
  text-align: center;
  width: 100px;
  font-size: 15px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ddd;
}

.normal {
	background: 	  #DCDCDC;
}

.farbe {
	background: 	#6D6D6D;
  color:        #ddd;
}

/* Formular Flugbuchen
******************************************/

#flugbuchen {
  position:   relative;
}

.first {
  border-left: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}

.second {
  border-right: 1px solid #4c4c4c;
  border-left: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}

.normal {
  border-left: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}

#flugbuchen td {
  width:      300px;
  background: #E9E9E9;
  padding: 3px;
}

#flugbuchen th {
  background: #444343;
  color:  #DBD445;
  padding: 3px;
  text-align: center;
}

label.booking {
    display:    inline-block;
    width:      95px;
}

input#route,
#notice {
    width:      386px;
}


.done {
	padding-left:5px;
	font-size:14px; 
	width:70%; 
	margin:20px 10px; 
	display:none
}

.fehler {
  border:2px solid #FF0000;
}

.fehler_text {
  padding-left: 10px;
  font-size: 11px;
}



/* Autocomplete
----------------------------------*/
.ui-autocomplete { 
    position: absolute; 
    height: 400px;
    cursor: default; 
    overflow: scroll;
    overflow-x:hidden;
    background:#9CCFE0;

    
}	

.ui-autocomplete-loading { 
    background: white url('xacars/images/ui-anim_basic_16x16.gif') right center no-repeat; 
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */


.icao {
    position: relative;
}
/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding:  2px 2px 0 2px;
	margin: 0;
	display:block;
    border-bottom:1px solid #ddd;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
    text-align: left;
	text-decoration:none;
	display:block;
	padding:.2em .4em;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    background:#9CCFE0;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
    background: #2580B1;
}

/* Accordion
----------------------------------*/

#flights {
  width:  400px;
  float:  left;
  
}

#bookings {
  width:  400px;
  float:  right;
  margin-right: 40px;
}

.ui-accordion table {
  width: 100%;
}

.ui-accordion .ui-accordion-header { 
  cursor: pointer; 
  position: relative; 
  margin-top: 1px; 
  padding:  5px 3px 3px 30px;
  height: 20px;
  background: url(xacars/images/ac_balken.jpg) top left repeat-x;
}

.ui-accordion .ui-accordion-li-fix { 
  display: inline; 
}

.ui-accordion .ui-accordion-header-active { 
  border-bottom: 0 !important; 
}

.ui-accordion .ui-accordion-header h3 a { 
  display: inline; 
  font-size: 14px; 
  
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion h3 a { 
  zoom: 1; 
  color:  #DBD445; 
  font-size: 12px;
  text-decoration: none;
}

.ui-accordion-icons .ui-accordion-header h3 a { 
  padding-left: .2em; 
  color:  #fff;
}

.ui-accordion .ui-state-default .ui-icon { 
  position: absolute; 
  left: 3px; 
  top: 50%; 
  margin-top: -14px; 
  height: 28px;
  width: 17px;
  background: url(xacars/images/ac_open.jpg) top left no-repeat;
}

.ui-accordion .ui-state-active .ui-icon  { 
  position: absolute; 
  left: 3px; 
  top: 50%; 
  margin-top: -14px; 
  height: 28px;
  width: 17px;
  background: url(xacars/images/ac_close.jpg) top left no-repeat; 
}

.ui-accordion .ui-accordion-content { 
  padding: 5px ; 
  border-top: 0; 
  margin-top: -2px; 
  position: relative; 
  top: 1px; 
  margin-bottom: 2px; 
  overflow: auto; 
  display: none; 
  zoom: 1; 
  background: #ddd;
  width: 388px;
  border: 1px solid #000;
}


.ui-accordion .ui-accordion-content th {
  background: #444343;
  color:  #DBD445;
  padding: 3px;
}

.ui-accordion .ui-accordion-content td {
  background: #E9E9E9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 3px;
}

.ui-accordion .ui-accordion-content-active { 
  display: table; 
}


.ui-progressbar-value { 
  background-image: url(xacars/images/pbar-ani.gif);
  height:22px;
  margin: -1px;
}

.ui-progressbar { 
  height:22px; 
  width: 400px;
  text-align: left; 
  background: #000;
}