@CHARSET "UTF-8";

/* MainCSS File */

html, body {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
}

.clearfix:after,
.navigation:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.mapson span {
	display: none;
}

#supersize {
	position: fixed;
	top: 0:
}

#supersize img {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
}

#page {
	position:relative;
	margin: 0 auto; 
	width: 900px;
	padding-top: 15px;
}

#logo img { margin:0; }
img.spacer { margin:0; height:10px; }

#contentWrapper { 
	width: 895px; 
	height: 460px; 
	background-color: #fff; 
	margin: 21px 0 0 2px;  
}

#content { 
	/*height: 440px;*/ 
	/*width: 874px;*/ 
	margin-left: 10px; 
	position:relative;
}

#language { 
	width: 122px;
	height:17px;
	position: absolute;
	right:3px;
	top:0;
	background-color: #A2BEDE;
}

#language a {
	display:block;
	height:100%;
	width:50%;
	float:left;
	text-align:center;
}

#language .active {
	background-color: #0A0A55;
}

#impressum {
	position: absolute;	
	right: 3px;
	top: 69px;
	display: block;
	width: 54px;
	height: 13px;
	padding-left: 3px;
}

#gallery { 
	width: 294px;
	border-right: 1px dotted #000;
	height: 421px;
	float:left;
}

#gallery img { margin-bottom: 1px; }
#imagesubscription { 
	height: 15px;
	width: 282px; 
	background-color: #e20045; 
	margin-bottom: 3px; 
	padding-left: 2px;
	line-height: 15px;
}

.thumbnail { cursor:pointer; }

#second-column {
	height: 421px;
	width: 580px;
	float:left;
}

#second-column .mceContentBody {
	height: 421px;
	border-right: 1px dotted #000;
	width: 264px;
	margin-left: 10px;
	padding-right: 10px;
	float:left;
	overflow-y: auto;
}

#metaheadline, .metaentry, #overviewheadline {	width: 272px; float: left; }
#metaheadline, #overviewheadline {  margin-left: 10px; }
#metaheadline, #finderheadline { margin-bottom: 3px; }
.red.headline { background-color: #e20045; }
.green.headline, #impressum.active { background-color: #99CC33; }

.headline {
	padding-left:12px;
	line-height: 25px;
	height: 25px;			
}

.metaentry { 
	margin-left:21px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.metaentry.border { border-top: 1px dotted #000; }
.metaarrow {
	display:block;
	float:right;
	width:5px;
	height:8px;
	background: transparent url(../images/arrow_right_black.png) left top no-repeat;
}
#overview img { margin-left: 9px; }
#finder { margin-left: 10px; width: 284px; float:left; margin-top: 11px; }
#waypoints #finder { margin: 0; width: 266px; float:none; }
#finder form { margin-bottom: 18px; }
#anreise_dd, #abreise_dd { width: 44px; }
#anreise_mmYYYY, #abreise_mmYYYY { width: 79px; }
#a0, #r0 { width: 13px; }
#sr0 { width: 137px; }
.calendar { 
	width: 60px; 
	background: transparent url(../images/icon_calendar.png) no-repeat 44px 4px;
	cursor: pointer;
	position: relative;
	display:block;
	float: left;
}
#finder form > div { margin-top: 4px; }
#finder .first { margin-left:10px; float: left; }
#finder .sec {  width: 72px; margin-left: 5px; float: left; }
#waypoints #finder .sec { width: 54px; }
#waypoints #finder .sec label{ width: 30px; float: left; line-height: 11px; }
#waypoints #finder .sec label.oneline{ line-height: 21px; }
#waypoints #finder .sec input{ float: left }
#finder label { vertical-align: center; height: 21px; line-height: 21px; }
#finder label.date { width: 38px; }
#finder .room { width: 60px; display: block; float: left; }
#finder input[type=text] { height: 15px; padding:1px; margin-right: 5px }
#finder select { padding: 0; margin: 0; height: 21px; }
#sd_D,#ed_D { width: 41px;}
#sd_M,#ed_M { width: 93px;}

#finder input[type=image] { float: right; }
.event { 
	width: 283px; 
	height: 122px; 
	border:1px dotted #000; 
	float:left; 
	background-color: #F2F2F2;
	margin-bottom: 10px; }
.eventimage { width:80px; height:80px; float:left; margin-left: 5px; position:relative; margin-top: 6px; }
.eventdetails { float:left; width: 183px; height:123px; margin-left: 14px; position:relative; }
.eventheadline { margin-bottom:0; margin-top: 3px;}
.eventdate { margin-bottom:-3px; }
.eventdescription { line-height: 10px; margin-bottom: 8px;}
.eventlink { 
	display: block; 
	width: 182px; 
	height: 17px; 
	position: absolute; 
	right: 0; 
	bottom: 0;
	padding-top: 8px;
	border-top: 1px dotted #e20045;
	background: transparent url(../images/arrow_right_red.png) 168px 10px no-repeat;
}
.eventmargin { margin-right: 10px; }
#eventfooter { 
	height: 19px; 
	width: 875px; 
	position: absolute; 
	left: 0; 
	top: 400px; 
	background-color: #99CC33;
	border-bottom: 1px dotted #333;
	text-align: right;
}
#eventfooter a {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	line-height: 19px;
	background: transparent url(../images/arrow_right_black_event.png) right 4px no-repeat;
	padding-right: 9px;
	margin-right: 9px;
}
.redbar { 
	width: 80px; 
	height: 6px; 
	background: transparent url(../images/overlay_redbar.png) left top no-repeat; 
	position: absolute;
	left: 0;
	top: 0;
}
.ver { width: 212px; margin-right:9px; float:left;}
.hor { clear: both; width: 875px; }
.column p, .impressumdetails p { margin: 0; line-height: 14px; }
.contactlink, .impressumlink { 
	display:block;
	padding: 5px 0; 
	margin-top: 8px; 
	margin-bottom: 12px;
	border-top: 1px dotted #99CC33;
	border-bottom: 1px dotted #99CC33;
	background: transparent url(../images/arrow_right_green.png) 190px 8px no-repeat;
}
p.contact-city { margin-bottom: 8px; }
.column { width: 204px; margin-left: 8px; padding-top: 5px; }
.wrap { float:left; margin-right: 9px; }

.impressum { float:left; width: 295px; border-right: 1px dotted #333; height: 421px; }
.impressumdetails { margin-left: 8px; padding-top: 9px; width: 267px; }
.impressumlink { background: transparent url(../images/arrow_right_green.png) 260px 8px no-repeat; }
.impressumheadline { width: 274px; }
.impressum .fat { margin-top: 21px; }
#haftungsausschluss { width: 570px; float: left; margin-left: 8px; }
.haftungsausschluss-column { width: 276px; float: left; }
#haftungsausschluss-scroll { width: 570px; height: 397px; overflow-y: auto; }
#haftungsausschluss .mceContentBody { border: 0 none; padding: 0; margin: 12px 4px; overflow-y: none; }
#waypoints {
	float:left;
	height:434px;
	width: 285px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: 10px;
}
#navigation-second + #content #waypoints {
	height:421px;
}
#waypoints > h1 {
	color: #fff;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	width: 255px;
	margin: 0 0 7px 0;
	padding: 0 0 0 11px;
}
#waypoints > h1.red {
	background-color: #E22045;
}
#waypoints > h1.green {
	background-color: #99CC33;
}

.marker {
	width: 255px;
	margin: 0 6px 8px 6px;
}

.teaser.red {
	background: transparent url('../images/background_dotted_line_red.png') repeat-x scroll 0 0;
}
.teaser.green {
	background: transparent url('../images/background_dotted_line_green.png') repeat-x scroll 0 0;
}

.teaser > div {
	margin-top: 6px;
	float: left;
}

.marker .icon{
	width: 24px;
	height: 32px;
}
.marker.red .icon {
	background: transparent url('../images/maplist_marker_red.png') no-repeat scroll 1px 0;
}
.marker.green .icon {
	background: transparent url('../images/maplist_marker_green.png') no-repeat scroll 1px 0;
}
.marker.green.tour .icon{
	background: none;
}

.teaser h2 {
	font-size: 12px;
	width: 225px;
	margin: 0 0 5px 0;
	color: #000;
	font-weight: bold;
	line-height: 12px;
}
.marker p {
	width: 225px;
}
.teaser.red h2 {
	background: transparent url('../images/arrow_right_red.png') no-repeat scroll bottom right; 
}
.teaser.green h2 {
	background: transparent url('../images/arrow_right_green.png') no-repeat scroll bottom right; 
}

.marker .desc {
	font-size: 10px;
	line-height: 11px;
	margin: 0 0 10px 0;
}

.marker .additional {
	line-height: 15px;
	margin: 0 0 4px 0;
}

.marker a {
	text-decoration: underline;
	width: 230px;
	display:block;
}

.marker.red a {
	color: #e22045;
	
}
.marker.green a {
	color: #99CC33;
}

.marker .tourcolor {
	width: 16px;
	height: 5px;
	display: block;
	margin: 1px 0 0;
	cursor: pointer;
}

.infowindow {
	min-height: 52px;
	padding-bottom: 22px;
	width: 246px;
	cursor: default;
}

.infowindow.red {
	background: transparent url('../images/map_overlay_info_red.png') no-repeat scroll left bottom;
}
.infowindow.red .xtop {
	background: transparent url('../images/map_overlay_info_red.png') no-repeat scroll left top;
	height: 1px;
}
.infowindow.green {
	background: transparent url('../images/map_overlay_info_green.png') no-repeat scroll left bottom;
}
.infowindow.green .xtop {
	background: transparent url('../images/map_overlay_info_green.png') no-repeat scroll left top;
	height: 1px;
}

.infowindow > img {
	width: 50px;
	height: 50px;
	margin: 2px 5px 0 3px;
	float: left;
}
.infowindow > h1 {
	font-size: 12px;
	color: #fff;
	line-height: 13px;
	padding: 2px 0 3px 0;
	background: transparent url('../images/background_dotted_line_white.png') repeat-x scroll bottom left;
	width: 98px;
	overflow: hidden;
	margin: 0;
}
.infowindow.tour h1 {
	width: 155px;
	margin-left: 5px;
}
.infowindow > a {
	color: #fff;
	font-size: 9px;
	background: transparent url('../images/arrow_right_white.png') no-repeat scroll top right;
	width: 107px;
	padding-right: 5px;
	display: block;
	overflow: hidden;
	line-height: 9px;
	margin-top: 2px;
}
.infowindow.tour a {
	width: 155px;
	margin-left: 5px;
}
.infowindow > .close {
	background: transparent url('../images/map_icon_close.png') no-repeat scroll top left;
	width: 7px;
	height: 7px;
	display: block;
	position: absolute;
	right: 76px;
	top: 3px;
	cursor: pointer;
}
#map path {
	cursor: pointer;
}

.hidden {
	opacity: 0;
	position:absolute;
	z-index: -1;
	width: 0px;
	height: 0px;
	padding: 0;
	border: 0;
}

body .ui-widget-header .ui-icon {
background-image:url(../images/ui-icons_222222_256x240.png);
}

.angebot a {
	color: #000;
}
.angebot a:hover {
	color: #6c9123;
}

.angebot a.active {
	color: #6c9123;
}
.angebot {
	width: 266px;
	margin-bottom: 7px;
	min-height: 1px;
}

.angebot.green h2{
	padding-left: 11px;
	width: 263px;
	background-position: right center;
}

.angebot .bild.nr0,
.angebot .bild.nr1{
	margin-right: 3px;
}

.angebot .bild{
	display:block;
	float: left;
	margin-bottom: 0;
}

.angebot div.bild{
	height: 69px;
	background-color: #ccc;
}

.angebot div.bild.nr0{
	width: 90px;
	height: 69px;
}
.angebot div.bild.nr1,
.angebot div.bild.nr2{
	width: 54px;
}

.preisbox{
	width: 61px;
	height: 69px;
	background-color: #99cc33;
	float: left;
	color: #fff;
	font-size:10px;
	line-height: 13px;
}

.preisbox .inner {
	margin-top: 24px;
	margin-left: 6px;
}

.large {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

#angebot-inhalt p {
	margin: 0 0 12px 12px;
}

#angebot-inhalt .mceContentBody {
	height: 305px;
	margin-left: 0;
	width: 262px;
	padding-right: 20px;
	position: relative;
}

#angebot-inhalt .mceContentBody p{
	margin: 0 0 0 2px;
}
#angebot-inhalt .top {
	height: 56px;
	margin: 0 0 0 2px;
}

#angebot-inhalt .top2 {
	min-height: 76px;
}
#angebot-inhalt .bottom {
	position: relative;
}

#angebot-inhalt .top .right {
	text-align: right;
}

#angebot-inhalt > div > .right {
	width: 285px;
}

#angebot-inhalt > div > .left {
	margin-left: 3px;
}

#angebot-inhalt .bild {
	margin-bottom: 0;
	margin-right: 3px;
	height: 69px;
	width: 90px;
	float: left;
	
}
#angebot-inhalt img.bild{
	display: block;
}
#angebot-inhalt div.bild{
	background-color: #ccc;
}

#angebot-inhalt .left,
#angebot-inhalt .right {
	margin: 0;
}
#angebot-inhalt .headline {
	font-size: 12px;
	line-height: 27px;
	margin-bottom: 7px;
}
#buchung .right,
#preisperson .right {
	color: #6c9123;
	text-align: right;
}

#preisperson .left {
	width: 188px;
}
#buchung .left,
#preisperson .left {
	margin: 0 0 0 12px;
}
#preisperson .right {
	width: 85px;
}

#angebot-inhalt .category {
	color: #6c9123;
	font-size: 10px;
	line-height: 16px;
}
.secondhead {
	color: #6C9123;
	font-weight: normal;
}
#angebot-inhalt .top h1 {
	margin-bottom: 4px;
}
#buchung {
	position: absolute;
	bottom: -5px;
	width: 285px;
}
#buchung img{
	margin: 0;
}
#buchung .button{
	margin-top: 6px;
}
#angebot-inhalt .top img{
	margin: 20px 0 0;
}
p.pixelnet {
	width: 262px;
	position: absolute;
	bottom: 0;
	font-size: 10px;
}