/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules wohlfuehl urlaub portal 

Author: elements.at 
--------------------------------------------------------------------- */

#header {
	height: 320px;
}

#portal_flash {
	width: 415px;
	height: 145px;
	overflow: hidden;
	position: absolute;
	/* summer
	left: 582px;
	top: 215px; */
	left: 382px;
	top: 160px;
	z-index: 4;
}

#portal_flash img {
	behavior: url(/static/source/js/iepngfix.htc);
}

/* portal
--------------------------------------------------------------------- */
#portal {
	width: 1000px;
	overflow: hidden;
	padding: 0 0 40px 0;
}

#portal .boxheadline {
	width: 295px;
	height: 28px;
	overflow: hidden;
	padding: 20px 5px 12px 20px;
}

#portal .boxheadline h2 {
	width: 295px;
	line-height: 28px;
	overflow: hidden;
	font-size: 20px;
	font-weight: normal;
}

#portal .offers {
	background: url(/static/source/img/offers_portal_bg.gif) left top no-repeat;
	width: 320px;
	overflow: hidden;
	padding: 0 0 0 20px;
	float: left;
}

#portal .offers h2 {
	color: #811b4e;
}

#portal .newcomer {
	background: url(/static/source/img/newcomer_portal_bg.gif) left top no-repeat;
	width: 320px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#portal .newcomer h2 {
	color: #34648c;
}

#portal .teaser_portal {
	background: url(/static/source/img/newcomer_portal_bg.gif) left top no-repeat;
	width: 320px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#portal .teaser_portal h2 {
	color: #811b4e;
}

/* offer teaser portal */
.offer_teaser {
	background: url(/static/source/img/portalteaser_bg.gif) left top no-repeat;
	width: 320px;
	height: 98px;
	overflow: hidden;
	cursor: pointer;
}

.offer_teaser .image {
	width: 145px;
	height: 88px;
	overflow: hidden;
	float: left;
}

.offer_teaser .ot_text {
	width: 157px;
	height: 81px;
	overflow: hidden;
	padding: 7px 8px 0 10px;
	float: left;
}

.offer_teaser .ot_text .ot_top {
	width: 157px;
	height: 62px;
	overflow: hidden;
}

.offer_teaser .ot_text .ot_top h3 {
	width: 157px;
	overflow: hidden;
	color: #993366;
	margin: 0 0 3px 0;
}

.offer_teaser .ot_text .ot_top h3 a {
	text-decoration: none;
	color: #993366;
}

.offer_teaser .ot_text .ot_top p {
	width: 157px;
	overflow: hidden;
	color: #204e77;
}


.offer_teaser .ot_text .ot_price {
	width: 157px;
	height: 18px;
	overflow: hidden;
}

.offer_teaser .ot_text .ot_price .pricelabel {
	background: url(/static/source/img/portalteaser_pricelabel_bg.gif) left top no-repeat;
	height: 14px;
	overflow: hidden;
	padding: 2px 10px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
}


/* hotel teaser portal (newcomer) */
.hotel_teaser {
	background: url(/static/source/img/portalteaser_bg.gif) left top no-repeat;
	width: 320px;
	height: 98px;
	overflow: hidden;
	cursor: pointer;
}

.hotel_teaser .image {
	width: 145px;
	height: 88px;
	overflow: hidden;
	float: left;
}

.hotel_teaser .ht_text {
	width: 157px;
	height: 77px;
	overflow: hidden;
	padding: 7px 8px 0 10px;
	float: left;
}
.hotel_teaser .ht_text h3 {
	width: 157px;
	overflow: hidden;
	color: #34648c;
	margin: 0 0 7px 0;
}

.hotel_teaser .ht_text h3 a {
	text-decoration: none;
	color: #34648c;
}

.hotel_teaser .ht_text p {
	width: 157px;
	overflow: hidden;
	color: #204e77;
}