/**
 * Standard: Object in main area are inside .mainGrey 
 */
#mainCol h1 {
	padding: 16px 0 10px 0;
	margin: 4px 0;
	color: #666666;
	font-size: 28px;
	font-weight: normal;  
	letter-spacing: 0.05em;
}
#mainCol h2 {
	padding: 10px 0;
	margin: 2px 0 4px 0;
	color: #666666;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
/**
 * Subline, right below the headline 
 */
#mainCol h2.subline {
	position: relative;
	top: -4px;
	padding: 0 0 6px 0;
	margin-bottom: 6px;
	color: #454545;
	font-size: 16px;
	font-weight: normal;
}
#mainCol h3 {
	padding: 6px 0 8px 0;
	color: #454545;
	font-size: 12px;
	font-weight: bold;
}


.htmlText {
	padding-bottom: 10px; 
	line-height: inherit;
}
.htmlText p {
	padding: 4px 0 8px 0;
	margin: 0;
}

/**
 * OBJECT: download link 
 */
#mainCol .downloadLink {
	margin: 5px 0 20px 0;
}
#mainCol .downloadLink .icon {
	float: left; 
	width: 50px; 
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
#mainCol .downloadLink .descCont {
	float: left;              
	width: 585px;
	clear: none;
}
#mainCol .downloadLink h4 {
	font-weight: bold;
	font-size: 12px;
	color: #454545;
}
#mainCol .downloadLink h4 a, #mainCol .downloadLink h4 a:visited {
	color: #454545;
}


/**
 * img left/right aligned. 
 *  problem: not knowing the img width, the subtitle might stretch the whole div!  
 **/
.imgRightAlignedWithText {
	padding: 10px 0 15px 0; 
}
.imgRightAlignedWithText .image {
	float: right;
	margin: 0 0 5px 10px;
}
.imgRightAlignedWithText .image .subtitle {
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
.imgLeftAlignedWithText {
	padding: 10px 0 15px 0; 
}
.imgLeftAlignedWithText .image {
	float: left;
	margin: 0 10px 5px 0;
}
.imgLeftAlignedWithText .image .subtitle {
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}

   
.distance {
  	height: 15px;
  	overflow: hidden;
	clear: both;
}


.image1 {
	margin: 0 0 15px 0;
}
.image1 .subtitle {
 	padding-top: 5px;  
	font-size: 11px;
	color: #666666;
}

/**
 * OBJECT: separator
 * horizontal separator with 3 different styles ! 
 */
.separator {
	height: 10px;
	margin: 5px 0;
}
#mainCol .separator {
	margin: 15px 0;
} 
.separator .style1 {
	background: url(/images/objects/separator/bg_style1.gif) left center repeat-x;
}
.separator .style2 {
	background: url(/images/objects/separator/bg_style2.gif) left center repeat-x;
}
.separator .style3 {
	background: url(/images/objects/separator/bg_style3.gif) left center repeat-x;
}



/*  ***************************************************************************  *
 *   CUSTOM (NON GENERIC) OBJECTS 
 *  ***************************************************************************  */

 
.image2 {
	margin-bottom: 15px;
}
.image2 div.std, .image2 div.last  {
	float: left;  
	width: 254px;
	text-align: center;
}
.image2 div.subtitle {
	font-size: 11px;
	color: #666633;
}


.image3 {
	margin: 0;
}
.image3 div.imgFrame  {
	display: inline;
	padding: 0;
	margin: 0;
}
.image3 div.imgFrame img  {
	padding: 0;
	margin: 0;
	border: 0;
}
.image3 div.subtitle {
	padding: 5px;
	font-size: 11px;
	color: #666633;
}

/**
 * OBJECT greyLinkButton
 */
.greyLinkButton {
	height: 16px;
	margin: 10px 0;
	overflow: hidden;
}
.greyLinkButton .linkMain {
	float: left;
	height: 16px;
	background: #333333;
	line-height: 1em;
} 
.greyLinkButton .linkMain a {
	display: block;
	padding: 2px 5px; 
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.greyLinkButton .linkMain a:hover {
	color: #F6A300;
}
.greyLinkButton .linkIcon, .greyLinkButton .returnIcon {
	float: left;
} 
.greyLinkButton .linkIcon { margin-left: 1px; }
.greyLinkButton .returnIcon { margin-right: 1px; } 

   

/*  ***************************************************************************  *
 *   LISTINGS   
 *  ***************************************************************************  */
 


/*  ***************************************************************************  *
 *   CONTAINER  
 *  ***************************************************************************  */
 
/**
 * Topics list with images right aligned 
 */
#mainCol .topicsList {
	margin: 15px 0;
}
#mainCol .topicsList .item {
	margin: 5px 0 20px 0;
}
#mainCol .topicsList .image {
	float: left;
	width: 130px;
	height: 105px;
	margin-right: 15px;
	overflow: hidden;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}
#mainCol .topicsList .image img {
	width: 130px;
	height: 105px;
}
#mainCol .topicsList h2 {
	font-size: 14px;
	padding: 6px 0 0 0;
	color: #454545;
}
#mainCol .topicsList h2 a, #mainCol .topicsList h2 a:visited{
	color: #454545;
	text-decoration: none;
}
#mainCol .topicsList h2 a:hover {
	color: #000000;
	text-decoration: underline;
}
#mainCol .topicsList .intro {
	color: #666666;
	height: 55px;
	overflow: hidden;
}
#mainCol .topicsList .intro p {
	display: inline;
} 
#mainCol .topicsList .moreInfo {
	color: #454545;
	text-align: right;
}
/**
 * Article list with images left aligned 
 */
#mainCol .articleList {
	margin: 15px 0;
}
#mainCol .articleList .item {
	margin: 5px 0 20px 0;
}
#mainCol .articleList .image {
	float: right;
	margin-left: 15px;
}
#mainCol .articleList h3 {
	font-size: 12px;
	padding: 0;
	color: #454545;
}
#mainCol .articleList h3 a, #mainCol .articleList h3 a:visited{
	color: #454545;
	text-decoration: none;
}
#mainCol .articleList h3 a:hover {
	color: #942431;
	text-decoration: underline;
}
#mainCol .articleList .intro {
	color: #454545;
}
#mainCol .articleList .intro p {
	display: inline;
}


/**
 * NEWS LIST 
 */
table#newsList {
	width: 100%;
	border: 0;
}
table#newsList tr td.date {
	padding-right: 10px;
}
table#newsList tr td.text {
	padding-right: 10px;
	text-align: left;
}
table#newsList tr.separator td {
	height: 15px;
	overflow: hidden;
	background: url(/images/objects/separator/bg_style2.gif) left center repeat-x;
}


       
/*  ***************************************************************************  *
 *   HOTELS    
 *  ***************************************************************************  */
/**
 * hotels listing 
 */
#mainCol h2.hotelListTit {
	padding: 0;
	margin-top: 10px;
	font-size: 12px;
	letter-spacing: normal;
	color: #666666;
	font-weight: bold;
}
#mainCol ul.hotelListShort {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
#mainCol ul.hotelListShort li {
	margin: 0;
	padding: 2px 0;
}

#mainCol .imgGalleryAutoTrans div {
	background: #ffffff;
}

/**
 * Hotel Banner  : overlay title image fits only with image-height 140px
 */
.hotelBanner {
	position: relative;
	width: 210px;
	overflow: hidden;   
	background: #333333;
}   
.hotelBanner .bannerTit {
	position: absolute;
	top: 120px;
	left: 5px;
}
.hotelBanner .bannerPic {
	height: 140px;
	overflow: hidden;
}
.hotelBanner .bannerMain {
	padding: 0 10px 5px 10px;
	color: #ffffff;
}
.hotelBanner .bannerMain h4 {
	padding: 28px 0 0 0;
	color: #ffffff;
}
.hotelBanner .bannerMain h4 a {
	color: #ffffff;
	text-decoration: none;
}
.hotelBanner .bannerMain h4 a:hover {
	text-decoration: underline;
}
.hotelBanner .bannerMain h5 {
	padding: 3px 0;
	color: #cccccc;
}
.hotelBanner .bannerMain h5 a {
	color: #cccccc;            
	text-decoration: none;
}
.hotelBanner .bannerMain h5 a:hover {         
	text-decoration: underline;
}
.hotelBanner .bannerMain p {
	padding: 0;
	margin: 0;
}
.hotelBanner .bannerMain p a {
	text-decoration: none;
	color: #ffffff;
}
.hotelBanner .bannerMain p a:hover {
	text-decoration: underline;
}

/**
 * Hotel details 
 */
table.contactData {
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 5px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}