﻿@charset "utf-8";
/* CSS Document */

/* Allgemeine Klassendefinitionen */
.hidden, hr { top: -1000px; left: -1000px; margin: 0; padding:0; position:absolute; }
.clearer { clear: both; }
div.left, p.left { float: left; }
div.right, p.right { float: right; }
th.left, td.left { text-align: left; }
th.right, td.right { text-align: right; }
.center { text-align: center; padding: inherit 5px; }
.big { font-size: 14px; }
.normal { font-size: 12px; font-weight: normal; }
.small { font-size: 11px; font-weight: normal; }
.odd { background-color: #f3f8fb; }
.even { background-color: #fff; }
a img { border: 0; }
a, a:hover, a:active, .link { color: #c00; }
a:hover, .link:hover { text-decoration: underline; }

/* Hauptlayout */
#main {/* clear: left; background: url(images/fbe/bg.gif); width: 948px; padding: 10px 20px; color: #333;*/ }
#sidebar { float: left; width: 178px; }
#content { float: left; margin-left: 7px; width: 755px; display: inline; }


#back { padding: 5px; margin: 0; height: 16px; }

/* Suche Ã¤ndern */

#bookingSearchBox { background: transparent url(images/fbe/search.gif) repeat-y; margin-top: 1em; display: inline-block; }

#bookingSearchBox h2 { background: transparent url(images/fbe/search_top.gif) no-repeat; }
#bookingSearchBox h2, #bookingSearchBox h2 { font-size: 12px; padding: 5px 9px; margin: 0; }
#bookingSearchBox div, #bookingSearchBox div { padding: 0 9px; }
#bookingSearchBox select, #refinement select { font-size: 12px; }
#bookingSearchBox label { font-weight: bold; display: inline-block; }
#bookingSearchBox img { border: 0; vertical-align: middle; }
#bookingSearchBox p, #bookingSearchBox p { margin: 3px 0; clear: right; display: inline-block; }
#bookingSearchBox .checkbox { margin: 0 3px 0 0; font-weight: normal; }
#bookingSearchBox .end { background: transparent url(images/fbe/search_bottom.gif) no-repeat; height: 7px; }
#home, #class, #depart_time, #return_time { width: 160px; }
#dest, #depart_duration, #return_duration { width: 154px; padding: 1px; }
#depart, #return { width: 94px; }


#search { background: transparent url(images/fbe/search.gif) repeat-y; margin-top: 1em; display: inline-block; }
#search h2 { background: transparent url(images/fbe/search_top.gif) no-repeat; }
#search h2, #refinement h2 { font-size: 12px; padding: 5px 9px; margin: 0; }
#search div, #refinement div { padding: 0 9px; }
#search select, #refinement select { font-size: 12px; }
#search label { font-weight: bold; display: inline-block; }
#search img { border: 0; vertical-align: middle; }
#search p, #refinement p { margin: 3px 0; clear: right; display: inline-block; }
#search .checkbox { margin: 0 3px 0 0; font-weight: normal; }
#search .end { background: transparent url(images/fbe/search_bottom.gif) no-repeat; height: 7px; }
#home, #class, #depart_time, #return_time { width: 160px; }
#dest, #depart_duration, #return_duration { width: 154px; padding: 1px; }
#depart, #return { width: 94px; }

/* Resultate einschrÃ¤nken */ 

#refinement { background: transparent url(images/fbe/refinement.gif) repeat-y; margin-top: 1em; display: inline-block; }
#refinement h2 { background: transparent url(images/fbe/refinement_top.gif) no-repeat; }
#refinement h3 { font-size: 12px; margin: 6px 0; }
#refinement label { margin: 0 3px 0 0; display: inline-block; }
#refinement .radio { margin: 0 3px 3px 0; font-size: 10px; padding: 0px; vertical-align: middle; }
#refinement .duration { width: 70px; margin: 0; float: left; padding: 2px 0; vertical-align: middle; text-align: right; }
#depart_duration, #return_duration { width: 78px; float: right; vertical-align: middle; }
#sl0base, #sl1base { width: 160px; height: 20px; background: url(images/fbe/slider.gif) no-repeat; height: 20px; margin-bottom: 6px; padding: 0; clear: both; }
#sl0slider, #sl1slider { position: relative; left: 147px; cursor: pointer; visibility: hidden; }
#refinement .end { background: transparent url(images/fbe/refinement_bottom.gif) no-repeat; height: 7px; }

/* Schrittanzeige */
#steps { font-size: 12px; list-style: none; }
#steps li { background: url(images/fbe/steps_bg.gif) repeat-x; float: left; width: 188px; }
#steps li.direct { width: 251px; }
#steps li.active { background: url(images/fbe/step_active.gif) repeat-x; font-weight: bold; }
#steps span { background: url(images/fbe/step_divider.gif) no-repeat; padding: 5px 20px 5px 32px; color: #555; height: 16px; display: block; }
#steps li.first span { background: none; margin-left: 0; padding-left: 20px; z-index: 10; }


/*update: 08.10.08 BIE ************************************************************************/
/* Navigation start neu */
#steps li.startactive span	{background: url(images/fbe/step_startactive.gif) no-repeat; font-weight: bold;}
#steps .basketLink 		{font-weight:bolder; text-decoration:underline;}

/* Erweiterte Suche Eingaben */
#tableframe				{border:1px solid #C1DF6F;margin-top:15px;}
#matrix2 				{margin:0px;}
#matrix2 td 			{padding:7px 5px 10px 10px;}
#matrix2 td.title 		{background-color:#C1DF6F; font-weight:bolder; font-size:12px; color:#555; padding:3px 0px 3px 5px; }
#matrix2 .lineMiddle	{border-bottom:1px dashed #CCCCCC;}
#matrix2 select			{font-size:11px;}
#matrix2 .textfield		{width:160px;}

/*end update: 08.10.08 BIE ************************************************************************/


#steps li.active span { background: url(images/fbe/step_beforeactive.gif) no-repeat; }
#steps li.afteractive span { background: url(images/fbe/step_afteractive.gif) no-repeat; }
#steps li.last { width: 191px; }
#steps li.last.direct { width: 253px; }
* html #steps li.last.direct { width: 251px; }

/* farbige Balken */
.bar { padding: 0; clear: both; margin-top: 1em; }
.bar.offer .left, .bar.offer .right {  width: 4px; height: 40px; }
.bar.offer { background: url(images/fbe/box_angebote.gif) repeat-x; }
.bar.offer .left { background: url(images/fbe/box_angebote_left.gif); }
.bar.offer .right { background: url(images/fbe/box_angebote_right.gif); }
.bar.offer .middle { padding-top: 11px; padding-bottom: 11px; }
.bar h2 { font-size: 15px; margin: 0; padding-top: 4px; }
.bar p { font-size: 12px; margin: 0; padding-bottom: 4px; }
.bar .middle p { padding-top: 2px; }
.bar img { vertical-align: middle; padding-right: 5px; }
.bar .numoffers { width: 450px; padding-right: 20px; }
.bar .paginate { float: right; width: 250px; text-align: right; }

.bar .left, .bar .right { width: 4px; height: 28px; }
.bar.top { background: url(images/fbe/box_liste.gif) repeat-x; }
.bar.top .left { background: url(images/fbe/box_liste_left.gif); }
.bar.top .right { background: url(images/fbe/box_liste_right.gif); }
.bar.top .middle { padding-top: 5px; padding-bottom: 5px; }
.bar.bottom { text-align: left; }

/* Tabellen fÃ¼r Matrix und Ãœbersicht */
table { border-collapse: collapse; margin: 1em 0; width: 100% }
#matrix, #overview { border: 1px #a4d02a solid; }
#matrix th, #overview th { background-color: #f6fae9; border-left: 1px #a4d02a solid; border-top: 1px #a4d02a solid; padding: 4px; }
#matrix th.return { border-bottom-width: 2px; }
#matrix th.depart { border-right-width: 2px; }
#matrix td.option:hover, #matrix .highlight { background: #ddedaf; }
table#overview th.option:hover, table#overview th.option.highlight { background: #e2f4eb; }
table#overview td.option:hover, table#overview td.option.highlight { background: #eaf8ff; }
td.option.none { color: #999; }
td.no { border-top-style: hidden; border-left-style: hidden; }
td.option { text-align: center; border-left: 1px #a4d02a solid; border-top: 1px #a4d02a solid; padding: 4px;  font-size: 12px; }
.option.cheap { background-color: #ffc; }
.option.selected, #overview td.option.selected { background-color: #d5f0ff; border: 1px #89b8da solid; }
#overview th.option.selected { background-color: #cdeceb; border: 1px #89b8da solid; }
#matrix td.option.newchoice { background: #ddedaf; border: 2px #87a82c solid; }
.option a, .option a:hover, .option a:active, .option a:visited { color: #333; display: block; padding: 4px;text-decoration: none; }
#matrix .selcol { border-left: 1px #89b8da solid; border-right: 1px #89b8da solid; }
#matrix .selrow { border-top: 1px #89b8da solid; border-bottom: 1px #89b8da solid; }
#matrix th.selcol { border-top-color: #89b8da }
#matrix th.selrow { border-left-color: #89b8da }
#matrix .hicol { border-left: 2px #a4d02a solid; border-right: 2px #a4d02a solid; }
#matrix .hirow { border-top: 2px #a4d02a solid; border-bottom: 2px #a4d02a solid; }
#matrix th.hicol { border-top: 2px #a4d02a solid; }
#matrix th.hirow { border-left: 2px #a4d02a solid; }
#content #overview .option.all { border-right: 2px #a4d02a solid; }
#content #overview .option.selected.all { border-right: 2px #89b8da solid; }

/* Legende */
.legend { width: 200px; margin-right: 20px; }
.legend .option { width: 30px; height: 30px; float: left; margin-right: 10px; display: inline; }
.legend .option.cheap { border: 1px #a4d02a solid; }
#continue { float: right; }

/* Suchergebnis fÃ¼r einzelnen Flug */
.flight { border: 1px #89b8da solid; margin-top: 10px; padding: 4px; display: inline-block; width: 745px; }
.flight h2 { font-size: 14px; margin: 5px 0 0 0; }
.flight h3 { font-size: 16px; margin: 5px 0 0 0; }
.flight h4 { font-size: 14px; margin: 9px 0; }
.flight .price { float: left; width: 140px; }
.flight .price p { margin-top: 0; margin-bottom: 1em; }
.flight .price input { font-size: 14px; padding: 0; width: 140px; line-height: 1.3em; }
.flight .price.details { width: 100%; }
.flight .price.details p { margin-bottom: 0; }
.flight .price.details table { margin: 0; }
.flight .price.details .total { font-weight: bold; }
* html .flight .price.details { width: 745px; }
.flight .detail th, .flight .details th { background-color: #f3f8fb; }
.flight .box { float: left; border: 1px #89b8da solid; padding: 4px; width: 285px; margin: 0 0 4px 4px; display: inline; }
.flight .box.detail { width: 359px; margin-top: 4px; }
.flight .box.detail.depart { margin-left: 1px; }
.flight .box p { margin: 0; }
.flight .box img { float: right; }
.flight .box table { margin-bottom: 0; }
.flight .box.detail table { margin-top: 0; }
.flight .box.detail .stopover { border-top: 1px #89b8da dotted; border-bottom: 1px #89b8da dotted; }
.flight .return { border-style: dashed; }
.flight div.box { border-left: 2px #89b8da solid; }
.flight td, .flight td { font-size: 12px; vertical-align: top; }
.flight td.middle { vertical-align: middle; }
.flight td.date { width: 90px; }
.flight td.time { width: 40px; }
.flight ul { list-style: none; margin-top: 1em; }
.flight ul li { padding: 2px; }
.flight ul table { margin-top: 0; }

/*oht:27.10.2008 begin - update*/
/*stem:02.02.2009 ohne Rahmen*/
.flightoffer{ 
/*border: 1px #89b8da solid;*/
margin-top: 10px; 
padding: 1px; 
display: inline-block; 
width: 600px; 
}
/*oht:27.10.2008 end - update*/

/*stem:05.02.2009 begin - update*/
.flightNote
{
	font-weight:bolder;
	background-color:#DDF0A8;
	padding:2px;
	margin-bottom:2px;
	width:60%;
	height:15px;
	text-align:center;	
	clear:left;
}
/*stem:05.02.2009 end - update*/

/* Links zum Ein- und Ausblenden von Details */
a.details { margin-left: 4px; padding-left: 16px; }
* html a.details { margin-left: 1px; }
a.show.details { background: url(images/fbe/showdetails.gif) no-repeat; }
a.hide.details { background: url(images/fbe/hidedetails.gif) no-repeat; }

/* Update oht,21.20.2008 */
.empty { border-style: none; }
#empty { width: 94px; }

body
{
    margin: 0;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

ul, ol, li
{
    margin: 0;
    padding: 0;
}

input
{
	font-size:11px;
}


from
{
	margin:0;
}

/*update: 12.11.08 BAA ************************************************************************/
.tooltip {
  position:absolute;
  display:none;
  background-color:#FFFFFF;
  border:1px solid #89B8DA;
  padding:2px 5px;
  width:230px;
}
/*end update: 12.11.08 BAA ************************************************************************/

body
{
	background-image:url(images/fbe/vertikal-line.png);
	background-repeat:repeat-y;
	background-position:950px 0;  /*Distantz noch anpassen....*/

	/* testfarbe */
	/*background-color:#99CCFF;*/
}
