@import url("fontsColors.css");

* {
	margin: 0;
	padding: 0;
}

body {
	min-width: 960px;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 8px;
}

.contentTeaser ul li {
	padding-left: 10px;
}

img {
	border: none;
	display: block;
}

div#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

div#mainMenu {
	clear:left;
	position: absolute;
	top: 0px;
	left: 480px;
	width: 359px;
	height: 80px;
	/*padding-left:1px;*/
}

div#mainMenu ul,
div#mainMenu ul li {
	float: left;
}

div#mainMenu ul li {
	width: 111px;
}

div#languageMenu {
	position: absolute;
	top: 0px;
	left: 840px;
	padding-left:1px;
	height: 80px;
}

img#logo {
	margin: 16px 648px 48px 104px;
}

/*img#logo,
div#additionalContentTeasers,
div#flashbox,
div#slideimg {
	float: left;
	position: relative;
}*/

div#pageContent,
div#pageContentPhotoGallery {
	float: left;
	width: 960px;
	height: 216px;
	border-bottom: 24px solid #ffffff;
	overflow: hidden;
}

div#pageContentPhotoGallery {
	height: 376px;
}

div#pageContent img, div#flashbox, div#pageContentPhotoGallery div.tx-rlmpflashdetection-pi1 {
	float: left;
	position: relative;
	width: 464px;
	height: 176px;
	margin-left: 8px;
}

div#pageContentPhotoGallery div.tx-rlmpflashdetection-pi1 {
	height: 376px;
}

div#pageContentText {
	position: relative;
	float: left;
	width: 464px;
	height: 216px;
	padding: 0 0px 0 8px;
	margin-left: 8px;
	overflow: hidden;
}

div#pageContentText h2 {
	/*height: 84px;*/
	height: 52px;
}

div#pageContentImageCaption,
div#homepageContentImageCaption {
	position: absolute;
	clear:both;
	z-index:99;
}

div#pageContentImageCaption {
	left: 96px;
	/* top: 136px; - modificado christian */
	top: 272px;
	width: 368px;
	height: 80px;
}

div#homepageContentImageCaption {
	top: 312px;
	left: 104px;
}

div#pageContentImageCaption h3,
div#pageContentImageCaption p {
	float: left;
	width: 264px;
	padding:  0 0 0 8px;
}

div#homepageContentImageCaption p {
	float: left;
	width: 272px;
	padding-left: 8px;
}

div#pageContentImageCaption h3 {
	height: 40px;
	/* updated by christian */
	padding-top: 4px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	width: 210px;
	line-height: 14px;
}

div#pageContentImageCaption img {
	float: left;
	width: 80px;
	height: 80px;
}

div#homepageContentImageCaption img {
	float: left;
	width: 80px;
	height: 40px;
	margin-left: 0px;
}

div#additionalContentTeasers {
	float:left;
	width: 960px;
	overflow:hidden;
}

div.contentTeaser {
	float: left;
	width: 224px;
	height: 112px;
	padding-left: 8px;
	margin-right: 8px;
	border-bottom: 8px solid #ffffff;
	overflow: hidden;
}

div.contentTeaser-1columnContainer {
	width: 240px;
	height: auto;
	padding: 0;
	margin: 0;
	border-bottom: none;
}

div.contentTeaser-2columnContainer {
	float:left;
	width: 480px;
	height: auto;
	padding: 0;
	margin: 0;
	border-bottom: none;
	overflow: hidden;
}

div.contentTeaser-image,
div.contentTeaser-image-rollover {
	width: 232px;
	padding-left: 0px;
}

div.contentTeaser-image {
	position: relative;
}

div.contentTeaser-image h3 {
	display: block;
	position: absolute;
	top: 72px;
	width: 232px;
	height: 56px;
	margin-left: 8px;
}

div.contentTeaser-smallimage-headline-text,
div.contentTeaser-smallimage-headline-list {
	padding: 0 8px 0 0;
}

div.contentTeaser-smallimage-headline-text h4,
div.contentTeaser-smallimage-headline-text p {
	padding-left: 8px;
}

div.contentTeaser-smallimage-headline-text h4 {
	padding-top: 4px;
}

div.contentTeaser-image-rollover {
	position: relative;
	height: 160px;
	border-bottom: none;
}

div.contentTeaser-image-rollover img {
	margin-top: 40px;
}

div.contentTeaser-image-rollover a,
div.contentTeaser-image-rollover ul {
	display: block;
	position: absolute;
	top: 144px;
	width: 224px;
	padding-left: 8px;
	z-index: 99;
}

div.contentTeaser-image-rollover ul {
	list-style: none;
	height: 16px;
	padding: 8px 8px 0 0;
	z-index: 98;
}

div.contentTeaser-image-rollover ul li {
	display: block;
	float: right;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
}

div.contentTeaser-image-rollover ul li img {
	margin: 0;
	padding: 0;
}

div.contentTeaser-multilist-sublist {
	height: auto;
	overflow: hidden;
	border-bottom: 16px solid #ffffff;
}

div.contentTeaser-multilist-sublist ul li ul {
	margin: 0 0 16px 8px;
}

div.csc-sitemap {
	width: 448px;
	height: auto;
	overflow: auto;
	border-bottom: 16px solid #ffffff;
	float:left;
	margin: 8px 0 0 8px;
}

div.csc-sitemap ul li ul {
	margin: 0 0 16px 8px;
}

div.csc-sitemap ul li ul li ul {
	margin: 0 0 16px 8px;
}

div.contentTeaser-2column {
	width: 464px;
	height: 224px;
	border-bottom: 16px solid #ffffff;
}

div.contentTeaser-2column ul {
	margin-top: 24px;
}

div.contentTeaser-2column ul li {
	float: left;
	width: 224px;
	padding-left: 8px;
}

div.contentTeaser-2columnContainer div.twoColumnContent {
	width: auto;
	height: auto;
}

div.contentTeaser-2columnContainer div.twoColumnContent img {
	float: left;
	width: 111px;
	margin-right: 8px;
}

div.contentTeaser-2columnContainer div.twoColumnContent ul {
	float:left;
}

div.contentTeaser-2columnContainer div.twoColumnContent ul li {
	float: left;
	padding-left: 10px;
	margin-right: 6px;
}

div.contentTeaser-2columnContainer div.twoColumnContent ul li.first {
	background: none;
	padding-left: 0;
}

div#footer {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

div#footerWrapper {
	width: 960px;
	margin: 22px auto;
}

/* footer links style by Christian */
div#footerWrapper a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #a39980;
	text-decoration: none;
}

div#footerWrapper a:hover {
	text-decoration: underline;
}
/* end footer links style */

div#footer ul,
div#footer p,
div.copyright {
	float: left;
	width: 232px;
	padding-left: 8px;
}

div#footer div.copyright ul,
div#footer div.copyright p {
	padding-left: 0;
	width: 224px;
}

div.copyright ul li {
	float: left;
}

img#poweredByopus5 {
	clear: left;
	float: right;
}

.contentTeaser fieldset, input, select, textarea {
	border: none;
}

.contentTeaser fieldset {
	margin-left: 8px;
}

.contentTeaser fieldset.lastSet {
	padding: 8px 0 40px 120px;
}

.contentTeaser fieldset * {
	float: left;
}

.contentTeaser fieldset legend {
	visibility: hidden;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	margin-bottom: 8px;
}

.contentTeaser form div {
	margin-bottom: 8px;
}

.contentTeaser form div.indent {
	margin-left: 120px;
}

.contentTeaser form label {
	display: block;
	width: 120px;
}

div.tx-sremailsubscribe-pi1 input,
.contentTeaser form input, textarea, select {
	width: 336px;
	background-color: #D0CCC0;
}

.contentTeaser form textarea {
	height:	62px;
}

.contentTeaser form input.excludeFromRule {
	width: auto;
	background-color: #FFFFFF;
}

.contentTeaser form div.indent label {
	/*float:right;*/
	width: 300px;
}

* html .contentTeaser form div.indent {
	margin-left: 60px;
}

.contentTeaser form div.indent label a {
	float: none;
}

* html .contentTeaser form div.indent label {
	margin-right: -3px;	
}

.contentTeaser option {
	float: none;
}

div.tx-sremailsubscribe-pi1 input.tx-sremailsubscribe-pi1-submit,
.contentTeaser form input.submit {
	height: 23px;
	width: 96px;
	padding: 0 0 0 8px;
}

div.tx-thmailformplus-pi1 ul#formErrorList,
div.tx-thmailformplus-pi1 p {
	margin: 8px 0 0 8px;
}

img#boxpic.fifty {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div.newlineElement {
	clear:left;
}

/* ---- BOOKING FORM CSS --- */
form#bookingForm {
	float: left;
}

/* Container for input hidden elements */
form#bookingForm div {
	display:none;
}

form#bookingForm p {
	height: 2em;
	float: left;
}

form#bookingForm p label,
form#bookingForm p input,
form#bookingForm p select,
form#bookingForm p img,
form#bookingForm p span {
	display: block;
	float: left;
	/*vertical-align: middle;*/
}

form#bookingForm p label {
	width: 96px;
}

form#bookingForm p input,
form#bookingForm p select {
	width: 24px;
	height: 1.5em;
}

form#bookingForm p span {
	width: 8px;
	text-align: center;
}

form#bookingForm p img {
	margin-left: 8px;
}

form#bookingForm p input.submit {
	width: 78px;
	margin-left: 2px;
}

* html form#bookingForm p input.submit {
	height: 1.8em;
}

form#bookingForm select#amountOfNightsSelector {
	width: 40px;
}

p#bookModification,
p#bookFooter {
         float: left;
	border-top: 4px solid #362E37;
}

a#bookFormModRes {
	display:block;
	float: left;
	width: 118px;
	height: 1.5em;
	margin-left: 96px;
}

* html a#bookFormModRes {
	margin-left: 40px;
}

div.tx-sremailsubscribe-pi1 {
  margin-left: 8px;
  margin-bottom: 40px;
}