/* CSS Document */

/* ----------------------------- */
/* Allgem. für alle Listenseiten */ 
/* Linke Spalte auf hellem   HG  */
/* ----------------------------- */

div#L_contS div.Reiseliste p, div#L_contS div.ReiselisteZwischen p{
	font-size: 69%;
	line-height: 135%;
}
div#L_contS div.Reiseliste a:link, div#L_contS div.Reiseliste a:visited{color: #666; text-decoration: underline; }
div#L_contS div.Reiseliste a:hover, div#L_contS div.Reiseliste a:active, div#L_contS div.Reiseliste a:focus{text-decoration: none; }

/* ----------------------------- */
/* Liste						 */ 
/* Linke Spalte auf hellem   HG  */
/* ----------------------------- */
div#L_contS div.Reiseliste {
	margin: 15px 16px 0 19px;
	padding: 0;
}
div#L_contS div.Reiseliste div.Reiseblk {
	float:left;
	clear: left;
	width: 565px;
	margin: 0;
	padding: 0 0 0 25px; 
	border-bottom: 1px solid #ccc;
	background-color: #F5F5F5;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubblk{
	float:left;
	clear: left;
	width: 369px; /*565-196*/
	padding: 5px 0;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubblk div.ReiseSubDatum{
	float:left;
	clear: left;
	width: 369px; /*565*/
	height: 18px;
	padding-left: 196px;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubblk div.ReiseSubDatum p.label{
	 float:left;
	 display:inline;
	 margin-top:1px;
	 margin-left:-196px;
	 color:#666666;/**/
}
div#L_contS div.ReiselisteDatum div.Reiseblk {
	width: 590px;
	padding-left: 0; 
}
div#L_contS div.ReiselisteDatum div.ReiseblkOpen {
	border-bottom: 0px solid #ccc;
}
div#L_contS div.Reiseliste h1, div#L_contS div.Reiseliste h2, div#L_contS div.Reiseliste h3 {
	font-family: Arial, Helvetica, sans-serif;
}
div#L_contS div.Reiseliste h1{
	/*background-color: #F5F5F5;*/
	text-align: center;
	clear: both;
	font-size: 110%; 
	font-weight:bold;
	color:#444444;
	margin: 0;
	margin-top:35px;
	padding: 7px 0;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#L_contS div.Reiseliste h1.first{
	margin-top: 0;
}
div#L_contS div.Reiseliste h2{
	clear: both;
	font-size: 101%;
	font-weight:bold;
	margin: 0;
	padding: 7px 0;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;
}
div#L_contS div.Reiseliste h2.first{
	/*border-top: 1px solid #ccc;  entfernt 4.12.08*/
}
/* (Seiten)Titel in Reiseliste der nicht innerhalb der Liste dargestellt werden sollen */
div#L_contS div.Reiseliste h2.norm {
	border: 0;
}
div#L_contS div.Reiseliste h3{
	float:left;
	width: 318px;
	font-size: 76%; 
	font-weight:bold;
	margin: 0;
	padding: 7px 0;
}
div#L_contS div.ReiselisteDatum h3{
	/*background-color:#FF9933;*/
	margin-top: 1px;
	font-size: 69%; 
	width: 253px;
}
div#L_contS div.Reiseliste h3.myAT{
	width: 256px;
}
div#L_contS div.ReiselisteDatum h3 span, div#L_contS div.Reiseliste h3 span{
	font-weight: normal;
}
div#L_contS div.ReiselisteDatum h3.repeat{
	font-weight:normal;
	padding-left: 20px;
	width: 50px;
}
div#L_contS div.Reiseliste div.Reiseblk span.Icon{
	float: right;
	width: 30px;
	text-align: center;
	margin: 6px 0 0 0;
	border-left: 1px solid #ccc;
}
div#L_contS div.Reiseliste div.Reiseblk span.Icon img {
	border-width:0;
	width: 17px; height: 17px;
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.Status, div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Status{
	float: right;
	width: 21px;
	text-align: center;
	margin: 6px 0 0 0;
	border-left: 1px solid #ccc;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Status{
	width: 30px; /* wie Icon */
	border-left: 1px solid #F5F5F5; /* unsichtbar */
	margin: 0px;
	color:#666666;
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.Status img, div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Status img {
	border-width:0;
	width: 8px; height: 17px;
}
div#L_contS div.Reiseliste div.Reiseblk span.Preis{
	float: right;
	width: 103px;
	margin: 8px 8px 0 0;
	text-align: right;	
	font-size: 69%; 
	border-left: 1px solid #ccc;
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.Preis{
	/*background-color:#FF9933;*/
	width: 84px;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Preis{
	margin: 2px 8px 0 0;
	width: 103px; /* wie langer Preistext */
	border-left: 1px solid #F5F5F5; /* unsichtbar */
	color:#666666;
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.PreisFolgeDatum{
	float: right;
	width: 103px;
	margin: 8px 8px 0 0;
	text-align: right;	
	font-size: 69%;
}
div#L_contS div.Reiseliste div.Reiseblk span.Dauer{
	float: right;
	width: 90px;
	margin:  8px 8px 0 0;
	text-align: right;
	font-size: 69%;
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.Dauer{
	/*background-color:#99FFFF;*/
	width: 50px;
}
div#L_contS div.Reiseliste div.Reiseblk span.ButDel{
	float: right;
	width: 30px;
	text-align: center;
	margin: 6px 0 0 0;
	border-left: 1px solid #ccc;
}
div#L_contS div.Reiseliste div.Reiseblk span.ButDel img {
	border-width:0;
	width: 16px; height: 17px; /*17*/
}

div#L_contS div.Reiseliste div.Reiseblk span.MarkerChkbx{
	float: right;
	width: 30px;
	text-align: center;
	margin: 6px 0 0 0;
	vertical-align: middle;
	border-left: 1px solid #ccc;
}
div#L_contS div.Reiseliste div.Reiseblk span.MarkerChkbx input {
	height: 14px;
	vertical-align: top;/**/
}





div#L_contS div.Reiseliste div.Reiseblk span.Infotxt{
	font-size: 69%; 
	margin: 0;
	margin-top: 7px;
	border-left: 1px solid #ccc;
}
/* Accordion in Reiseliste */
div#L_contS div.Reiseliste div.Reiseblk span.acctitle{
	float:left;
	width: 22px;
	font-size: 10%; 
	text-align:left;
	margin-left: -25px;
	padding:8px 0 8px 3px; /*max. klickbarer Bereich*/
}
div#L_contS div.ReiselisteDatum div.Reiseblk span.Datum, div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Datum{
	/*background-color:#99CCCC;*/
	float:left;
	font-size: 69%; 
	width: 120px;
	margin:8px 5px 0 2px;
	text-align:left;
}
div#L_contS div.Reiseliste div.Reiseblk div.ReiseSubDatum span.Datum{
	margin:2px 5px 0 2px;
	color:#666666;
	width: 210px;
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent{
	clear: both;
	width: 565px;
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent img.ReiseBild {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 7px;
	border-width:0;
	float:left;
	width: 186px; height: 68px;  
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent div.txt{
	float:left;
	width: 379px;
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent div.txt p{
	padding-left: 10px;
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent div.txt ul{
	list-style-image: url('img/i_lipkt_hoahg_gr.gif');
	margin: 0 0 0 28px;
	padding: 5px 0 0 0px;
}
div#L_contS div.Reiseliste div.Reiseblk div.acccontent div.txt ul li{
	line-height: 135%;
	font-size: 69%;
	margin: 0 0 3px 0;
	color:#666666;
}







div#L_contS div.Reiseliste div.Reiseblk p{
	margin: 0;
	padding: 0;
}

div#L_contS div.Reiseliste p{
	margin: 7px 0 0 0;
	padding: 0;
}

div#L_contS div.Reiseliste ul.fliess {
	list-style-image:url("../../img/i_lipkt_oaw.gif_kl");
	margin: 4px 5px 10px 18px;
	padding: 0;
	font-size: 69%; 
	line-height: 135%;
	}
div#L_contS div.Reiseliste ul.fliess li {
	margin: 0 0 2px 0;
	}



div#L_contS div.Reiseliste div.Reiseblk a.inv,
div#L_contS div.Reiseliste div.Reiseblk a.inv:visited,
div#L_contS div.Reiseliste div.Reiseblk a.inv:active {
	text-decoration: none; color: #222;
}
div#L_contS div.Reiseliste div.Reiseblk a.inv:focus,
div#L_contS div.Reiseliste div.Reiseblk a.inv:hover {
	color: #666;
}




/*Legede*/
div#L_contS div.Reiseliste h4.RStatusLegende {
	clear: both;
	font-size: 64%;
	font-weight: bold;
	margin:0;
	padding: 20px 0 4px 0;
	}
div#L_contS div.Reiseliste p.RStatusLegende {
	margin: 0;
	padding: 0 0 1px 25px;
	font-size: 64%;
	text-indent: -25px;
	color: #666;
}
div#L_contS div.Reiseliste .RStatusLegende img{
	margin: 0 9px 2px 2px;
	vertical-align:text-top;
	border: 0;
	width: 8px;
	height: 12px;
}
div#L_contS div.Reiseliste p.Fussnote {
	clear: both;
	padding-top: 20px;
	font-size: 64%;
	color: #666;
}

div#L_contS div.Reiseliste p.myATOptions {
	clear:both;
	padding-top: 10px;
	text-align: right;
}
div#L_contS div.Reiseliste p.myATOptions img{
	border: 0;
	margin: 1px 5px 1px 15px;
	vertical-align: middle;
}
div#L_contS div.Reiseliste p.myATOptions a:link, div#L_contS div.Reiseliste p.myATOptions a:visited{ color:#666; text-decoration: none; }
div#L_contS div.Reiseliste p.myATOptions a:hover, div#L_contS div.Reiseliste p.myATOptions a:active, div#L_contS div.Reiseliste p.myATOptions a:focus{ color:#111; }



/* ----------------------------- */
/* Zwischenliste				 */ 
/* Reisearten, Regionen, 		 */
/* Linke Spalte auf hellem   HG  */
/* ----------------------------- */


div#L_contS div.ReiselisteZwischen {
	margin: 0 0 0 19px;
	padding: 0;
}
div#L_contS div.ReiselisteZwischen div.Gruppe {
	margin: 7px 0 0px 0;
	padding-top: 7px;
	width:590px;
	border-top: 1px solid #ccc;
	float:left; 
}
div#L_contS div.ReiselisteZwischen div.GruppeLast {
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
}
div#L_contS div.ReiselisteZwischen div.Gruppe img.ra_illu {
	margin: 0;
	margin-right: 16px;
	border-width:0;
	float:left;
	width: 176px; height: 74px;  
}
div#L_contS div.ReiselisteZwischen div.Gruppe img.ra_ico {
	vertical-align: text-top;
	margin-right:7px;
	border-width:0;
	width: 17px; height: 17px;
}
div#L_contS div.ReiselisteZwischen div.Gruppe div {
	 width: 398px;
	 float:left;
}
div#L_contS div.ReiselisteZwischen div.Gruppe h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%; 
	font-weight:bold;
	margin: 0 0 0 0px;
}
div#L_contS div.ReiselisteZwischen div.Gruppe p {
	margin: 0; 
	padding-top:1px; padding-bottom:0px;
}
div#L_contS div.ReiselisteZwischen div.Gruppe p.reisearten {
	margin-left:25px; 
}
div#L_contS div.ReiselisteZwischen p span.nr {
	font-size: 93%;
	color:#666;
	font-weight:normal;
}
div#L_contS div.ReiselisteZwischen h1 span.nr {
	font-size: 76%;
	color:#666;
	font-weight:normal;
}
div#L_contS div.ReiselisteZwischen div.Gruppe h1 a.inv,
div#L_contS div.ReiselisteZwischen div.Gruppe h1 a.inv:visited,
div#L_contS div.ReiselisteZwischen div.Gruppe h1 a.inv:active {
	text-decoration: none; color: #222;
}
div#L_contS div.ReiselisteZwischen div.Gruppe h1 a.inv:hover,
div#L_contS div.ReiselisteZwischen div.Gruppe h1 a.inv:focus {
	color: #666;
}
div#L_contS div.ReiselisteZwischen div.Gruppe p a.inv,
div#L_contS div.ReiselisteZwischen div.Gruppe p a.inv:visited,
div#L_contS div.ReiselisteZwischen div.Gruppe p a.inv:active {
	text-decoration: none; color: #222; display: block;
}
div#L_contS div.ReiselisteZwischen div.Gruppe p a.inv:hover,
div#L_contS div.ReiselisteZwischen div.Gruppe p a.inv:focus {
	color: #666; display: block;
}


/* ----------------------------- */
/* Listenseiten					 */
/* Rechte Spalte auf dunklem HG  */
/* ----------------------------- */

div#L_info div.info{
	width:190px; /* Bereichsbreite (205) - linke Margin (13) - linkes Padding (2) = 190 */
	margin: 0 0 20px 13px;
	padding: 4px 0 0 2px;
	border-top: 1px solid #666;
}
div#L_info div.info h3, div#L_info div.info p, div#L_info div.info li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%; 
	line-height: 135%;
	color: #aaa;
	margin: 0;
}
div#L_info div.info h3{
	color: #ccc;
	font-weight:bold;
}
div#L_info div.info ul{
	list-style-type:disc;
	margin: 2px 0 2px 16px;
	padding: 0;
}

div#L_info div.info p.sepa {margin-top: 0.7em;}

div#L_info div.info a:link, div#L_info div.info a:visited{color: #bbb; text-decoration: underline; }
div#L_info div.info a:hover, div#L_info div.info a:active, div#L_info div.info a:focus{color: #eee; text-decoration: none; }




/* ----------------------------- */
/* Nächste Reisen (Form			 */
/* Rechte Spalte auf dunklem HG  */
/* ----------------------------- */
div#L_info div.info form select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
} /* Formfeld */




/* ------------------------------------- */
/* Ferienplaner: Anzeige Suchkriterien    */
/* Rechte Spalte auf dunklem HG			 */
/* ------------------------------------- */
div#L_info div.info ul.Suchkriterium{
	list-style-type:none;
	margin-left: 12px;
}
div#L_info div.info input.button {
	font-size: 11px;
	color: #cccccc; /*FF6600 keine*/
	border: 1px solid #999999;
	background-color: #444444;/*999999*/
	margin-left: 12px;
	padding: 0px 5px 0px 5px;
	overflow: visible;
}

/* --------------------------------	*/
/* Allg. Fehlermeldungen aus Forms	*/
/* Linke Spalte auf hellem  HG		*/
/* --------------------------------	*/

div#L_contS p.txterr {color:#FF6600; }
div#L_contS ul.listerr{
	font-size: 69%; 
	color:#FF6600;
	list-style-type:disc;
	margin: 0 19px 15px 18px;
}
div#L_contS form label.txterr {color:#FF6633; font-weight:bold; }
div#L_contS form p.txterr {color:#FF6600; }
div#L_contS form label.txtfak {color: red; }


/* ----------------------		*/
/* Ferienplaner: Suchform		*/
/* Linke Spalte auf hellem   HG	*/
/* ----------------------		*/

div#L_contS form#frmFerienplaner h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 110%; 
	margin: 0; padding: 0;
}
div#L_contS form#frmFerienplaner.InfoBoxWd{
	/*float: left;*/
	width: 590px; /* 3*186 + 2*16 */
	font-size: 69%;
	/*margin-right: 16px;*/
	padding: 0px;
	background:url("../../img/bg_ifobx_short_bg.jpg") repeat-x left bottom;
}
div#L_contS form#frmFerienplaner.InfoBoxWd div.top{
	margin: 0;
	padding: 5px 5px 3px 10px;
	background:url("../../img/bg_ifobx_wd_top.jpg") no-repeat left top;
}
div#L_contS form#frmFerienplaner.InfoBoxWd div.mid {
	margin: 0px;
	padding: 0px 15px 0 10px;
	border-width: 1px 1px 0 1px;
	border-color: #999;
	border-style: solid;
	background:url("../../img/bg_ifobx_short_bg.jpg") repeat-x left bottom;
}
div#L_contS form#frmFerienplaner.InfoBoxWd div.bot {
	height: 6px; 
	margin: 0px;
	padding: 0px;
	font-size:1px;
	background:url("../../img/bg_ifobx_wd_bot.jpg") no-repeat left bottom;
	background-color: #FFFFCC;
}
div#L_contS form#frmFerienplaner legend{
	font-family:arial, helvetica, sans-serif;
	font-size: 110%;
	color: #000;
	margin: 0 10px 5px 0; padding: 0 5px;
	border: 1px solid #ddd;
	background:url("../../img/bg_frm_label.jpg") repeat-x left top;/**/
	/*display: block;*/
	}
div#L_contS form#frmFerienplaner fieldset{
	display: block;
	vertical-align:top;
	margin: 10px 0 2px 0; padding: 0 10px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom-width: 0px;  
	border-right-width: 0px; 
	 
}
div#L_contS form#frmFerienplaner fieldset.hptgrpsm{
	width: 245px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#L_contS form#frmFerienplaner fieldset.hptgrpwd div{
	margin-top: 5px; padding-bottom: 10px;
}
div#L_contS form#frmFerienplaner fieldset.ez{
	margin: 0; padding: 0px;
	padding-left: 20px;
	border-width: 0px;
}
div#L_contS form#frmFerienplaner fieldset.ezez{
	margin: 0;
	padding-left: 20px;
	border-width: 0px;
}
/*div#L_contS form#frmFerienplaner input.txt{
	color: #666666;
	background-color:#EEEEEE;
	border: 1px solid #CCCCCC;
}
div#L_contS form#frmFerienplaner input.txt:focus{
	color: black;
	background-color: white;
}*/


div#L_contS form#frmFerienplaner input.formflderr {
	color: #FF6633; /*333*/
	border: 1px solid #FF6633; /*#ff3333*/
	background-color:#eee; /*FF6600 FFCC33*/
	padding: 2px;
}

div#L_contS form#frmFerienplaner div.button {
	clear:both;
	/*border-top: 1px solid #ddd;*/
	padding-top: 10px;
	text-align: center;
}

div#L_contS form#frmFerienplaner a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;/**/
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../img/datepicker/calendar.png) no-repeat; 
}
div#L_contS form#frmFerienplaner a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon*/
 
div#L_contS form#frmFerienplaner input.dp-applied {
	width: 140px;
	float: left;
}
div#L_contS form#frmFerienplaner label.dp{
	/*display: block;*/
}
div#L_contS form#frmFerienplaner label span.nr {
	font-size: 93%;
	color:#666;
	font-weight:normal;
}


/* Relativer Tooltip */
a.TooltipStd, a.TooltipStd:link, a.TooltipStd:visited, a.TooltipStd:active  {
  position: relative;
  text-decoration: normal;
  color:#666666;
  }
a.TooltipStd:hover {
  color: #666666; 
  text-decoration: none;
  background: transparent;
  cursor: default;
}
a.TooltipStd span {
  display: none;  
  text-decoration: none; 
}
a.TooltipStd:hover span {
  display: block;
  position: absolute; 
  top: 10px; 
  left: 15px; 
  /*width: 150px;*/
  white-space: nowrap;
  z-index: 5;
  color: #666;
  padding: 1px 4px 2px 3px;
  background-color:#fff;
  border:1px solid #666; 
  font-size: 64%; 
  text-align: left;
  }