/**
 * TOOM TOURS
 * @author Rudi Bieller
 * @created 2008-01-07
 * @modified 2008-??-?? ???? ????
 * @modified 2008-12-15 Rudi Bieller Added vertical-align:top to #priceInfo
*/

/* ------ general structure ------ */
html, body {
	padding:0;
	margin:0;
}

body {
	background:url(../images/pattern_header.gif) repeat-x;
}

body, div, p {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}
/* ------ /general structure ------ */

/* ------ content structure ------ */

/* centered elements with content width */
#head, #navigationItem, #content #container, #footer #footerContent, #printRecommendButtons, 
#content #container .freetext {
	width:998px;
	margin-left:auto;
	margin-right:auto;
}
/* /centered elements */

#head {
	height:210px;
	position:relative;
}
#head a {
	position:absolute;
	right:30px;
	bottom:0;
}
#head a#rewegroup {
	right:30px;
	top:0;
	height:30px;
}

#navigation {
	position:relative;
	background:url(../images/pattern_navi.gif) repeat-x;
	z-index:20;
}
#navigationItem {
}

#content {
	z-index:10;
	margin-top:-21px;
	background:url(../images/pattern_content_lr.gif) repeat-x;
	background-position:-1px 0;
	background-color:#FEFDEC;
}
* html #content {
	position:absolute;
	margin-top:-24px;
	background-position:0 0;
}
*:first-child+html #content {
	margin-top:-24px;
}
#content #container {
	background:url(../images/pattern_content.gif) no-repeat;
	padding-top:38px;
}
#content #container #offer {
	background:url(../images/shade_content_left.gif) repeat-y;
	background-color:#fff;
	padding:30px;
	min-height:400px;
	width:926px;
	overflow:hidden;
}
#content #container #offer h1 {
	margin-bottom:25px;
}

#content #container #offer ul {
	list-style-image:url(../images/toom_list_style.gif);
}

#content #container .freetext {
	padding:0 20px 20px 20px;
	width:958px;
}
#content #container .freetext h1 {
	margin-bottom:10px;
}

/* image preview with text */
#content #container #previewImageBox {
	background:url(../images/bg_imgbox_detailpage.gif) no-repeat;
	background-position:0 0;
	width:479px;
	height:325px;
	position:relative;
	margin:0 20px 0 -5px;
	float:left;
}
#content #container #previewImageBox img#preview {
	width:465px;
	height:310px;
	position:absolute;
	left:6px;
	top:8px;
}
#content #container #previewImageBox #previewImageBoxPaging {
	position:absolute;
	right:20px;
	bottom:16px;
}
#content #container #previewImageBox #previewImageBoxPaging a {
	display:block;
	float:left;
	margin:0 0 0 10px;
}

#content #container #previewImageText {
	line-height:18px;
}
/* /image preview with text */

#content #container #offer .addInfo {
	background-color:#F8F5F5;
	padding:10px;
}
#content #container #offer .addInfo ul {
	display:block;
	margin:0;
	padding:0;
}
#content #container #offer .addInfo ul li {
	margin-left:20px;
}

/* price info */
#content #container #priceInfo table {
	border-collapse:collapse;
	margin-top:10px;
	table-layout:fixed;
	width:940px;
}
#content #container #priceInfo table td {
	padding:5px;
	width:146px;
	vertical-align:top;
}
#content #container #priceInfo table td.no6 {
	width:145px;
}

#content #container #priceInfo table td.no1, 
#content #container #priceInfo table td.no3, 
#content #container #priceInfo table td.no5 {
	background-color:#F0EAEA;
}
#content #container #priceInfo table td.no2, 
#content #container #priceInfo table td.no4, 
#content #container #priceInfo table td.no6 {
	background-color:#E4D9D9;
}

#content #container #priceInfo table td.hide {
	background-color:transparent;
}

#content #container #priceInfo table.beView {
	border:1px solid #000;
}
#content #container #priceInfo table.beView td {
	border:1px solid #000;
}
/* /price info */

/* IBE box */
#content #container #offer #ibeData {
	
}

#content #container #offer #ibeData table, 
#content #container #offer #ibeData img {
	display:block;
}

#content #container #offer #ibeData table {
	border-collapse:collapse;
	width:936px;
	margin:0;
}
#content #container #offer #ibeData table tr td {
	background-color:#F8F5F5;
	height:29px;
	vertical-align:middle;
	padding:0 20px;
}
#content #container #offer #ibeData table tr.hl td {
	background-color:#F3EDED;
	height:25px;
}

#content #container #offer #ibeData table tr td.headline, 
#content #container #offer #ibeData table tr td.headlineHl {
	width:290px;
	background-color:#FBF8F8;
}
#content #container #offer #ibeData table tr td.headlineHl {
	background-color:#F6F1F1;
}
#content #container #offer #ibeData table tr td.date {
	width:150px;
}
#content #container #offer #ibeData table tr td.button {
	width:30px;
}
#content #container #offer #ibeData table tr td.select {
	width:438px;
}

#content #container #offer #ibeData table tr.hl td.headline {
	background-color:#FBF8F8;
}
#content #container #offer #ibeData table tr.hl td.headlineHl {
	background-color:#F6F1F1;
}

#content #container #offer #ibeData table tr td.shadeL, 
#content #container #offer #ibeData table tr td.shadeR {
	background:url(../images/shade_tbl_left.gif) repeat-y;
	background-color:transparent;
	width:4px;
	overflow:hidden;
	padding:0;
}
#content #container #offer #ibeData table tr td.shadeR {
	background:url(../images/shade_tbl_right.gif) repeat-y;
}

#content #container #offer #ibeData table tr td a {
	color:#E70008;
	font-weight:bold;
	text-decoration:none;
}

#content #container #offer #ibeData table tr td strong {
	font-size:15px;
}

#view_IBE_page2 {
	width:434px;
	background-color:#F3EDED;
	padding:7px;
	border:1px solid #9C9897;
	position:relative;
	top:-100px;
	margin:0;
	display:none;
	overflow:hidden;
}

#view_IBE_page2 div.ibeRow {
	line-height:27px;
}
#view_IBE_page2 .ibeRow {
	background-color:#F8F5F5;
}
#view_IBE_page2 .hl {
	background-color:#f3eded;
}
/*
#view_IBE_page2 .desc, 
#view_IBE_page2 .smile, 
#view_IBE_page2 .order {
	border:1px solid red;
}
*/
#view_IBE_page2 .desc {
	width:260px;
	padding-left:20px;
}
#view_IBE_page2 .smile {
	width:30px;
}
#view_IBE_page2 .smile img {
	display:block;
	padding-top:6px;
}
#view_IBE_page2 .order {
	width:115px;
	text-align:center;
}
#view_IBE_page2 .order a {
	color:#E70008;
	font-weight:bold;
	text-decoration:none;
}




/*
#view_IBE_page2 table.bookingP2 {
	border-collapse:collapse;
	width:420px;
	margin:0;
	display:inline;
	height:50px;
}
#view_IBE_page2 table.bookingP2 tr td {
	padding:0;
	line-height:27px;
}
#view_IBE_page2 table.bookingP2 tr.hl td {
	background-color:#f3eded;
}
#view_IBE_page2 table.bookingP2 tr td.desc {
	width:207px;
}
#view_IBE_page2 table.bookingP2 tr td.smile {
	width:15px;
}
#view_IBE_page2 table.bookingP2 tr td.order {
	width:90px;
	padding-right:10px;
}
*/
/* /IBE box */

#footnotes {
	margin:10px 0;
}

#printRecommend {
	margin:10px 0 20px 0;
}
#printRecommend #printRecommendButtons img {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

* html #offerBottom, *:first-child+html #offerBottom {
	margin-top:-8px;
}
* html #offerBottom {
	padding-top:0;
	margin-top:-8px;
	height:4px;
}

#footer {
	background:url(../images/pattern_footer.gif) repeat-x;
	height:37px;
	line-height:37px;
}

/* todo: this is not very nice... */
#footer #footerContent {
	width:974px;
}
* html #footer #footerContent {
	width:970px;
}

#footer #footerContent ul {
	display:inline;
}

/* META NAVIGATION */
#footer #footerContent ul {
	margin:12px 0 0 0;
	padding:0;
	background-color:transparent;
	color:#fff;
	float:right;
}
#footer #footerContent ul li {
	display:inline;
	border:0;
}

#footer #footerContent ul li a {
	padding:0 6px 0 3px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	float:left;
	margin-right:5px;
	border:0;
	border-right:1px solid #fff;
	line-height:12px;
	font-size:11px;
}

#footer #footerContent ul li a.last {
	border-right:0;
}

#footer #footerContent ul li a:hover {
	text-decoration:underline;
}
/* ------ /content structure ------ */


/* ------ general tags ------ */
h1 {
	color:#E70008;
	font-size:20px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h2 {
	color:#E70008;
	font-size:16px;
	margin:10px 0;
	padding:0;
}

img {
	border:0;
}

hr {
	border:0;
	background-color:#E4DAD8;
	color:#E4DAD8;
	height:1px;
	display:block;
	clear:both;
	margin:20px 0;
}
/* ------ /general tags ------ */


/* doorpage */
#teaserLarge {
	background:url(../images/bg_angebotsbox_gross.gif) no-repeat;
	height:290px;
	font-size:13px;
}
#teaserLarge h1 {
	line-height:41px;
	margin:0;
	padding:0 5px 0 15px;
}
#teaserLarge img#teaserImgLarge {
	display:block;
	margin:2px 0 0 3px;
	float:left;
	width:651px;
	height:242px;
}
* html #teaserLarge img#teaserImgLarge {
	margin:2px 0 0 2px;
}
#teaserLarge #teaserLargeText {
	float:left;
	width:317px;
	height:224px;
	padding:20px 0 0 15px;
	position:relative;
}
#teaserLarge #teaserLargeText .teaserText {
	padding:0;
	font-size:13px;
}
#teaserLarge #teaserLargeText .teaserPrice {
	position:absolute;
	bottom:42px;
	right:15px;
	color:#E70008;
	font-size:14px;
	font-style:italic;
}
#teaserLarge #teaserLargeText a.viewOffer {
	position:absolute;
	bottom:0;
	right:0;
}
#teaserLarge #teaserLargeText .teaserPrice strong {
	font-size:28px;
}

#teasersSmall {
	margin:20px 0;
}
#teasersSmall .teaserSmall {
	float:left;
	background:url(../images/bg_angebotsbox_klein.gif) no-repeat;
	width:320px;
	height:417px;
	margin:0 15px 0 0;
	font-size:13px;
}

#teasersSmall .last {
	margin:0;
}

#teasersSmall .teaserSmall h1 {
	margin:0;
	padding:10px 5px 0 15px;
	height:50px;
}
#teasersSmall .teaserSmall img.teaserImgSmall {
	display:block;
	margin:2px 0 0 4px;
	width:315px;
	height:200px;
}
#teasersSmall .teaserSmall .teaserSmallText {
	position:relative;
	height:150px;
}
#teasersSmall .teaserSmall .teaserSmallText .teaserText {
	padding:10px 0 0 15px;
	font-size:13px;
}

#teasersSmall .teaserSmall .teaserSmallText .teaserPrice {
	position:absolute;
	bottom:42px;
	right:15px;
	color:#E70008;
	font-size:14px;
	font-style:italic;
}
#teasersSmall .teaserSmall .teaserSmallText a.viewOffer {
	position:absolute;
	bottom:0;
	right:0;
}
#teasersSmall .teaserSmall .teaserSmallText .teaserPrice strong {
	font-size:28px;
}
/* /doorpage */



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */