/* CSS Document */
/***********************************************************************************/
/***********************************************************************************
*** ab hier vor allem für 3spaltige Webseite (z.B. /Voyager/Reserver/Flug/default.aspx
************************************************************************************/

.topBox
{
	border-style: none solid;
	border-color: -moz-use-text-color rgb(197, 197, 198);
	border-width: medium 1px;
	padding: 10px 10px 0px 20px;
	background-image:url(http://www.hotelplan.ch/mediapool/images/booking/thailand/bgInfoTop.png);
	background-repeat:repeat;
	width: 541px;
	height: 230px;
}

.topBox iframe
{
	font-size:11px;
	padding:0;
	width: 543px;
	height:172px;
}

#formTopBox
{
	font-size:11px;
	color:#666;
}

/*Div-Boxen .topBoxBlocks (tBB) */
.topBox .topBoxBlocks, #formTopBox .topBoxBlocks
{
	padding:10px 6px 0 0;
	height:23px;
	vertical-align:middle;
	float:left;
}

.topBox #tBBfrom, #formTopBox #tBBfrom
{
    width:200px;	
}
.topBox #tBBto, #formTopBox #tBBto
{
    width:315px;
}

.topBox #tBBarrdate, .topBox #tBBdepdate,
#formTopBox #tBBarrdate, #formTopBox #tBBdepdate
{
    /* 8.5. jwi width:168px;*/
	width:156px;
}
*html .topBox #tBBarrdate, *html .topBox #tBBdepdate,
*html #formTopBox #tBBarrdate, *html #formTopBox #tBBdepdate
{
	width:147px;
}

.topBox #tBBdur, #formTopBox #tBBdur
{
    width:84px;
}

.topBox #tBBperson, #formTopBox #tBBperson
{
    width:300px;
}

.topBox #btnSearchDiv, #formTopBox #btnSearchDiv
{
	float:left;
	margin-top: 6px;
	width:150px;
	text-align:right;
}
*html .topBox #btnSearchDiv, *html #formTopBox #btnSearchDiv
{
	margin-left:15px;	
}

span#PreTitle, span.PreTitle
{
    font-size:11px !important;
	font-weight:bold !important;
}
span.miniHint
{
    font-size:13px !important;
	font-weight:normal !important;
}

/* Formularfelder und Inhalt von .topBoxBlocks div*/
.topBoxBlocks input, .topBoxBlocks select
{
	font-size:14px;
	padding-left:2px;
}
.topBoxBlocks .formContentTop
{
    margin: 0 5px 5px 0;
}

.topBoxBlocks #dplFrom, .topBoxBlocks #dplPersonE
{	
 padding:1px;
}
*html .topBoxBlocks #dplFrom
{
	margin-top:1px;	
}

.topBoxBlocks .blockDate
{
   width:98px;
}
.topBoxBlocks .imgCal
{
    padding:0;
    margin:0;
}

.topBoxBlocks #txtDur
{
    width:22px;
    padding-left:0px;
	text-align:center;
}
.topBox #TopBox_txtDur
{
	width:22px;
	text-align:center;
}
*html .topBoxBlocks #txtDur
{
  margin-left:9px;
}
*html .topBoxBlocks #txtArrdate
{
    margin-left:16px;
}

select.formContentTop
{
	width:127px;
}

.blockDate input
{    
    font-size: 13px; 
    width:100px;
	margin: 0px 25px 5px 0px;
	padding:2px;
	font-size:13px;
}

.blockDate #btnFrom, .blockDate #btnTo
{
    width:auto;
}

#ContentLteaser .ulLinkList li
{
	margin-bottom:5px;
	/*list-style-type:disc !important;*/
	background:left url(../../../mediapool/images/layout/list-disc-ff.gif) no-repeat;
	padding-left:10px;
	margin-left:-10px;
}
*html #ContentLteaser .ulLinkList li
{	/*IE 6*/
	margin-top:-15px;
	background:left url(../../../mediapool/images/layout/list-disc-ie6.gif) no-repeat;
}
*+html #ContentLteaser .ulLinkList li
{	/*IE 7*/
	margin-top:-15px;
	background:left url(../../../mediapool/images/layout/list-disc-ie6.gif) no-repeat;
}

.ulLinkList li a
{
	color:#666 !important;
}
#ContentLteaser li, #ContentLteaser ul
{
	line-height:13px;
}

#ContentLteaser .ulLinkList li span
{
	font-weight:bold;
	font-size:inherit;
}

.txtBox100 a
{
	font-size:11px;
	font-weight:bold;
}
.txtBox100 ul a
{
	font-weight:normal;
}

.txtBox100 h2
{
	padding-bottom:5px !important;
	margin-left:-10px !important;
}

/**********************************************************************************************
*  Content-Bereich
***********************************************************************************************/
#Content #contentMiddleFbe
{
	background-image:url(http://www.hotelplan.ch/mediapool/images/booking/thailand/bgRight_Green.jpg);
	background-repeat:y;
	min-height:900px;
	width:945px;
}

#Content #contentMiddleFbe #Div_Unternav
{
	width:957px;
	margin-right:0px;
	background-repeat:no-repeat;
	font-size:13px;
	line-height:17px;
}
*html #Content #contentMiddleFbe #Div_Unternav
{
	width:auto;
}
#Content #contentMiddleFbe #Div_Unternav a
{
	color:#cc0000;
}

#cMiddleRightGreen
{
  background-image: url(http://www.hotelplan.ch/mediapool/images/booking/thailand/bgRight_Green.jpg);
  background-repeat: repeat-y;
  margin-bottom: 15px;
  /*margin-top: 8px;*/
}

/* Achtung! ID ContentMain gibt es auf vielen Seiten  */
#ContentMain, #cMiddleRightGreen, 
{
    height:auto;
}

#Content #ContentMain #ContentTeaser
{
    width: 673px;
    float: left;
    padding: 0px 5px 0px 10px;
    margin-top:8px;
}

#ContentTeaser #ContentLteaser
{
    float:left;
    width: 463px;
}

#ContentLteaser .TeaserBox
{
    padding-bottom:6px;
}

#ContentTeaser #ContentMteaser
{
   width: 185px;
   float:left;
   border-left: 1px solid rgb(214, 214, 214);
   padding-left:14px;   
   font-size: 12px;
   color: rgb(102, 102, 102); 
   min-height:500px;
}


/*Fluginfos mittels Tabelle einheitlicher Darstellen*/
#ContentLteaser a.txtLink
{	
	border-bottom: 1px solid #fff;
}
#ContentLteaser a.txtLink:hover
{	
	border-bottom: 1px solid #666;
	text-decoration:none;
	cursor:pointer;
}
#ContentLteaser .divContentTeaserTop, #ContentLteaser .divContentTeaserBottom
{
	width:420px;
	border-bottom: inherit;
	z-index:5;
}
#ContentLteaser .divContentTeaserTop:hover, 
#ContentLteaser .divContentTeaserBottom:hover
{
	border-bottom: inherit;
	z-index:5;	
}
#ContentLteaser span.flightPriceText, #ContentLteaser span.flightDates
{	
	font-weight:normal !important;
	font-size: 11px;
	position:absolute;
	width:130px;
}
#ContentLteaser span.flightPriceText
{	
	left:347px;
}
#ContentLteaser span.flightDates
{
	left:350px;
}

/* für Javascript Accordeon-Effekt */
#ContentLteaser dt h2
{
	background-image:url(/mediapool/images/icons/more-up.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:425px;
	color:#666;
	
}
#ContentLteaser dt h2:hover
{
	background-image:url(/mediapool/images/icons/more-down.gif);
	text-decoration:underline;
	cursor:pointer;
	color:#666;
	
}
#ContentLteaser dt a
{
	color:#fff;
}
#ContentLteaser dt a:hover
{
	color:#666;
	cursor:pointer;
}

/* aus offers.css kopiert...*/
#cloudTags 
{
    background-image:url(/mediapool/images/booking/thailand/BgRight_float.png);
    background-repeat:no-repeat;
    float:left;
    height:350px;
    margin:0;
    padding-top:15px;
    width:253px;
}

#cloudTags .DivInfoBox
{
    margin-bottom:10px;    
}

#cloudTags a
{
	color:#666;
}
#cloudTags a:hover
{
	color:#666;
}

.errors
{
    font-size:12px !important;
}

/*Twitter-Webseite*/
#twitter .tweet
{
	font-weight:normal;
	list-style:disc outside;
	margin-left:13px;
	margin-top: 6px;
	padding-right:6px;
	font-size:12px;
	color:#666666;
}

#twitter .tweet strong
{
	display:block;
	padding-bottom:3px;
}

#ContentMain h2.normalTitle
{
	padding-left: 13px;
}