body { }
p { line-height: 1.5em; }
td { }
a {
	border: 0xp;
}
a:link { }
a:visited { }
a:hover { }
a:active { }
a:active, a:focus{ outline:none; }

.hide {
	display: none;
}
.clear {
	clear: both;
}
h1.section {
	background: url(/images/decolist.gif) no-repeat;
	padding-left: 51px;
	padding-top: 2px;
	margin: 44px 0 12px;
	color: #1d1d1d;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 15px;
	height: 18px;
}

h2.descr {
	color: #636363;
	font-size: 15px;
	font-weight: lighter;
	margin: 7px 0 -5px;
}

#galleryimages {
	padding: 0px;
	margin: 0 auto;
}

#galleryimages div {
	display: inline;
	margin: 7px 8px;
}

.candy {
	margin: 5px 3px 4px 3px;
	float: left;
}

a.candy_link {
	margin: 0px -30px 0px -30px;
	height: 36px;
	background: url(/images/candy_background.jpg) no-repeat;
	display: block;
	border-top: 1px #C9C9C9 solid !important;
}

.stars{
	display: block;
	width: 81px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	border: 0px;
	background: url(/images/stars.gif) no-repeat;
}
li {
	list-style-image: url(/images/icon_list.gif);
	list-style-position: outside;
	margin-right: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body {
	word-wrap: break-word;
	background: url('/images/background.jpg') #000000 no-repeat;
	background-position: center top;
	background-attachment: fixed;

}

#main {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/* Oberster Container mit grossem Bild */ 
#ad {
	/*width: 700px;
	height: 467px;
	background-color: #E3E3E3;*/
}

/* Container direkt unter #ad, der Teil des Logos dazusetzt */
#bottomad {
	background: url('/images/bottomoftop.gif') no-repeat;
	width: 750px;
	height: 20px;
}


.generalmessage {
	width: 750px;
	background-color: #F4F4F4;
	color: #4C4440;
	border-bottom: #8E8E8E 1px solid;
	margin: 0px;
}
#greenmessage {
	width: 750px;
	background-color: #AADAB6;
	color: #404C42;
	border-bottom: #8E8E8E 1px solid;
	margin: 0px;
}
/* Message-Style Class */
#redmessage {
	width: 750px;
	background-color: #D09891;
	color: #4C4440;
	border-bottom: #8E8E8E 1px solid;
	margin: 0px;
}

/* Wegen IE6 den eigtl Text mit margin versehen, statt padding */
.message{
	margin: 10px 30px;
}


/* Container mit aktuellem Titel und rechts Navigation*/
#top {
	width: 750px;
	height: auto;
	border-top: 1px solid #353535;
	vertical-align: middle;
	background-color: #1D1D1D;
	color: #FFFFFF;
}

#navigationtitle{
	margin-top: 90px;
	margin-left: 30px;
	width: 370px;
}

/* Container mit Navigation */
#navigation {
	padding: 10px 0;
	width: 268px;
	height: auto;
	vertical-align: middle;
	float: right;
}

#navigation a {
	line-height: 1.4em;
}

/* Container für den Hauptinhalt */
#content {
	width: 690px;
	background: url(../images/content_background.gif) repeat-x;
	background-color: #F3F3F3;
	color: #1C1C1C;
	padding: 17px 30px 30px 30px;
	position: relative;
}
#bodyDeco {
	background: url(../images/content_background.gif) repeat-x;
	height: 30px;
	margin: -20px 0;
	z-index: 1;
	position: absolute;
}
#expander {
	padding: 0 30px 0px 30px;
}
/* Container der Sidebar, die im Hauptinhalt sitzt */
#sidebar {
	width: 268px;
	float: right;
	margin: -17px -30px 3px 17px;
	float: right;
}
#sidebarpusher {
 /* Um nach unten überstehende Sidebar zu vermeiden*/
	width: 268px;
	height: 1px;
	clear: both;
}
* html #sidebar{
	width: 298px;
	float: right;
	margin: -17px -30px 3px 17px;
	float: right;	
}
/* Container, der Optionen zum aktuellen Content anzeigt */
.contentspecific {
	background: url(../images/sidebar_background.gif) repeat-x;
	background-color: #D4D4D4;
	width: 248px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}

/* Container unten in der Sidebar */
#similiar {
	background-color: #FCFCFC;
	padding-left: 36px;
	padding-top: 10px;
	padding-bottom: 15px;
	border-left: #D4D4D4 1px solid;
	border-bottom: #D4D4D4 1px solid;
}

/* Container mit Bilder IN der Sidebar */
#gallery {
	width: 250px;
	background-color: #FCFCFC;
	padding-left: 8px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 7px;
	border-left: #D4D4D4 1px solid;
	border-bottom: #D4D4D4 1px solid;
}

/* Container mit Comments zum aktuellen Angebot IN der Sidebar */
#comments {
	width: 205px;
	background-color: #FCFCFC;
	padding-left: 36px;
	padding-right: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: #D4D4D4 1px solid;
	border-bottom: #D4D4D4 1px solid;
}


a.media-bubble {
	display: block;
	float: left;
	width: 177px;
	height: 121px;
	margin: 5px 15px 10px 0;
}
a.media-bubble div {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/media-bubble.png) top left no-repeat;
}
a.media-bubble div:active {
	background-position-x: -177px;
}
a.media-bubble.video div { background-image: url(/images/media-bubble-video.png); }
a.media-bubble.slideshow div { background-image: url(/images/media-bubble-slideshow.png); }
a.media-bubble.get-more div { background-image: url(/images/media-bubble-get-more.png); }


.popuptextcontainer {
	background: #f3f3f3;
	padding: 25px 20px;
	width: 350px;
}
.popuptextcontainer h1.section {
	margin-top: 0;
}
.popuptextcontainer div.highlightbox {
	margin-bottom: 0;
}

.popupcontainer span {
	font-size: 13px;
	font-weight: bolder;
	text-shadow: 0 1px 1px white;
	color: #444;
	display: inline;
}
.popupcontainer img {
	z-index: 1;
}
.popupanchor {
	height: 123px;
	width: 178px;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
}
.videopopup { background: url(/images/videopopup.png) no-repeat; }
.videopopup:active { background-image: url(/images/videopopup_active.png); }
.slidepopup { background: url(/images/slidepopup.png) no-repeat; }
.slidepopup:active { background-image: url(/images/slidepopup_active.png); }
.morepopup { background: url(/images/morepopup.png) no-repeat; margin: 30px 0 0; }
.morepopup:active { background-image: url(/images/morepopup_active.png); }

.popupshowmore {
	display: block;
	margin: 40px 0 0 20px;
}


/* Class für Links, die Divs raussliden */
.slideout_link {
	width: 690px;
	height: 20px;
	padding: 3px 30px 3px 30px;
	background-color: #E5E5E5;
	border-top: 1px solid #C9C9C9;
	background-repeat: no-repeat;
	background-image: url(/images/icon_slidein.gif);
}

.slideout {
	width: 690px;
	padding: 3px 30px 3px 30px;
	font-family: "News Gothic MT", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #E5E5E5;
}

.inside{ margin: 0px -30px;}

/* Container für die untere Leiste */
#bottom {
	width: 750px;
	height: 100px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	color: #000000;
}

#slideout_booking {
	display: none;
}

* html #slideout_booking {
	display: none;
}


.bottom_note {
	color: #6D6D6D;
	padding: 10px 30px 0px 30px;
}

hr {
	height: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px #C9C9C9 solid;
}

h1 { font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #4D4D4D;font-weight: bold; margin: 0.67em 0; }
h2 { font-size: 1.0em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.67em 0; }
h3 { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; font-weight: bold; margin: 1.0em 0 0.5em 0; }

.icontext {
	margin-top: 20px;
	padding-right: 15px;
}

.highlightbox {
	border-top: #ACACAC 3px solid;
	padding-top: 5px;
	margin-bottom: 30px;
}