@charset "utf-8";
/*<![CDATA[*/
<!-- 


body.home-page {
	background-color:#ffffff;
	background-image:url(images/home-shaddow.gif);
	background-position:center top;
	background-repeat: repeat-y;
}


body.home-page #pageHeadOuterBg {
	background-image: none;
	clear:both;
	float:left;
	min-width:990px;
	height: 629px;
	text-align:left;
	width:100%;
}

body.home-page #pageHeadKeyvisualBox {
	clear:both;
	float:left;
	min-width:990px;
	height: 629px;
	text-align:center;
	width:100%;
	position:absolute;
	z-index:0;
	overflow:hidden;
}

body.home-page #pageHeadKeyvisual {
	background-position: left top;
	background-repeat:no-repeat;
	width: 1600px;
	height: 629px;
	position:absolute;
	left: 50%;
	margin-left: -800px;
}

body.home-page #pageHeadKeyvisual .alt-text {
	display:none;

}
body.home-page #pageHeadKeyvisual .me-keyvis-slideshow  {
	position:absolute; 
	overflow:hidden;
	width: 1600px;
	height: 629px;
}

body.home-page #pageHeadKeyvisual .me-keyvis-slideshow  .slide-item {
    position:absolute;
    top:0;
    left:0;
    z-index:13;
    height: 629px;
	width: 1600px;
}

body.home-page #pageHeadKeyvisual .me-keyvis-slideshow  .slide-item.active {
    z-index:15;
    opacity:1.0;
}

body.home-page #pageHeadKeyvisual .me-keyvis-slideshow  .slide-item.last-active {
    z-index:14;
}

body.home-page #pageHeadKeyvisual .me-keyvis-slideshow  .slide-item.active img {
    height: 629px;
    display: block;
    border: 0;
}


#pageHeadKeyvisualVideo {
	width: 1600px;
	height: 550px;
	overflow:hidden;
	border-top: 79px solid #90b5f6;
	position:absolute;
	left: 50%;
	margin-left: -800px;
}
#pageHeadKeyvisualContentOverlay {
	width: 1600px;
	height: 550px;
	position:absolute;
	z-index: 10;
}
#pageHeadKeyvisualContentVideo {
	width: 1600px;
	height: 550px;
	position:absolute;
	z-index: 5;
}

body.home-page #pageHead {
	background-image: url(images/home-top-bg.gif);
	background-repeat:no-repeat;
	background-position: center top;
	clear:both;
	float:left;
	min-width:990px;
	height: 129px;
	text-align:center;
	width:100%;
	position:absolute;
	z-index:50;
}

body.home-page  #pageHeadInnerBg {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

body.home-page #pageHeadOption {
	padding-right: 35px;
}

body.home-page  #pageHeadSubpartLeft {
	float: left;
	width:255px;
}

body.home-page  #pageHeadSubpartLeft #bookingForm  {
	clear:both;
	float:left;
	left:19px;
	margin-top:10px;
	position:relative;
	width:232px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body.home-page #pageHeadSubpartLeft #widgetNewscallendar{
	clear:both;
	float:left;
	left:19px;
	margin-top:10px;
	position:relative;
	width:232px;
	display: none;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#pageHeadNewsteaser { 
	background-image: url(images/home-newsteaser-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	clear:both;
	float:left;
	min-width:990px;
	height: 128px;
	text-align:center;
	width:100%;
	position:absolute;
	z-index:30;
	margin-top: 501px;
}

#homeNewsteaserBox {
	float:left;
	position:relative;
	left: 25px;
	margin-top: 417px;
	width: 720px;
	text-align:left;
}
#homeNewsteaserBox  .news-latest-container {width: 100%; height: 108px; overflow:hidden; }
#homeNewsteaserBox .news-latest-item {
	width: 50%;
	float:left;
	padding: 12px 0px 0 0;
}

#homeNewsteaserBox .news-latest-item-text {
	width: 260px;
	float:left;
}

#homeNewsteaserBox .news-latest-item p {color:#FFFFFF; font-size: 1.1em; }
#homeNewsteaserBox .news-latest-item h2 {
	color:#FFFFFF; 
	font-size: 1.7em; 
	font-weight: normal; 
	margin: 0 0;
	padding: 0 0;
}
#homeNewsteaserBox .news-latest-item p a {
	text-transform:uppercase;
	text-decoration:none;
	color:#CC993B;
	background-image:url(icons/icon-more-orange.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	padding-left: 16px;
	font-weight:bold;
}
#homeNewsteaserBox .news-latest-item p a:focus,
#homeNewsteaserBox .news-latest-item p a:hover{
	color:#fecb00;
	outline: none;
	background-image:url(icons/icon-more-yello.gif);

}

#homeNewsteaserBox .news-latest-images {
	width: 86px;
	float:left;
}
#homeNewsteaserBox .news-latest-images img {
	border: 2px solid #ffffff;
}

#homeNewsteaser-allnews { 
	float:left;
	clear:both;
	width: 100%; 
	font-size: 1.2em; 
	font-weight:bold;
	padding-right: 16px;
	text-align:right;
}

#homeNewsteaser-allnews a { 
	color:#FFFFFF; 
	background-image:url(icons/icon-more-white.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 12px;
	text-decoration:none;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TYPO EXT: me_flexstoerer */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body.home-page .me-flexstoerer-box {
	clear:both;
	float:left;
	height:629px;
	overflow:hidden;
	min-width:990px;
	width:100%;
	position:absolute;
	text-align:center;
	z-index:40;
}
body.home-page .me-flexstoerer-area {
	background-position:left top;
	background-repeat:no-repeat;
	height:1px;
	left:50%;
	margin-left:-800px;
	position:absolute;
	width:1600px;
}
body.home-page .me-flexstoerer-item {
	background-repeat:no-repeat;
	position:relative;
}
body.home-page .me-flexstoerer-item a { display:block;}
body.home-page .me-flexstoerer-item .stoerer-text { display:none;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* EXT: Anpassungen fer Homepage */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#homeTeaserArea {
	background-image:url(images/home-teaser-area.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	width: 100%;
	float:left;
	clear:both;
	text-align:center;
	min-height: 400px;
}

#homeTeaserRow-01,
#homeTeaserRow-02,
#homeTeaserRow-03 {
	margin:0 auto;
	text-align:left;
	width:966px;
	clear:both;
	height: auto;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* My Spiekeroog */
#homeMyspoog {
	float:left;
	clear:both;
	margin-top: 18px;
	width:956px;
	height: 61px;
	position:relative;
	left: 5px;
	background-image:url(images/home-myspoog-sprite.png);
	background-repeat:no-repeat;
	background-position: left top;
}

#homeMyspoog-what,
#homeMyspoog-or,
#homeMyspoog-who {
	float:right;
	height: 37px; 
	margin-top: 12px;
}

#homeMyspoog-what {
	padding-right: 12px;
}
#homeMyspoog-or {
	padding: 0 12px;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 37px;
	vertical-align:middle;
}
/* Select Box */
#homeMyspoog input.selectbox {
	margin: 0 0;
	text-align:center;
	background-color: transparent;
	font-size:1.5em;
	font-weight:bold;
	width : 184px;
	overflow:hidden;
	display : block;
	vertical-align:middle;
	padding-top:0.5em;
	height: 28px;
	line-height: 36px;
	display:block;
	cursor: pointer;
	border: 0px transparent;
	color: #FFFFFF;
	background-image:url(images/home-myspoog-sprite.png);
	background-repeat:no-repeat;
	background-position: left -100px;
 }
 

#homeMyspoog .selectbox-wrapper {
  position:absolute;
  width : 164px;
  background-color: #79776f;
  border:1px solid #737169;
  margin:0px;
  padding:0px;
  text-align:left;
  max-height:300px;
  overflow:auto;
  color:#FFFFFF;
}
#homeMyspoog .selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#homeMyspoog .selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding: 1px 5px;
  cursor:pointer;
  overflow:hidden;
  color:#FFFFFF;
  font-size: 1.3em;
}


#homeMyspoog .selectbox-wrapper ul li.selected {
	background-color: #000000;
	color:#FFFFFF;
}

 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Shorttrip Teaser */

#homeTeaserRow-02 .homeTeaserRow-center {
	width: 100%;
	float:left;
	clear:both;

}
#homeTeaserRow-02 a.widget-button {
	background-image:url(images/home-teaserbutton-sprite.png);
	background-position:right -80px;
	font-size:1.3em;
	height:31px;
	line-height:31px;
}
#homeTeaserRow-02 a.widget-button:hover,
#homeTeaserRow-02 a.widget-button:focus {
	background-position:right -120px;
	outline: none;
	cursor:pointer;
} 


#homeTeaserRow-02 a.widget-button .widget-button-bg {
	background-image:url(images/home-teaserbutton-sprite.png);
	height:31px;
	line-height:31px;
	margin-right:6px;
	padding-left:24px;
}
#homeTeaserRow-02 a.widget-button:hover .widget-button-bg ,
#homeTeaserRow-02 a.widget-button:focus .widget-button-bg  {
	background-position:left -40px;
	outline: none;
} 




#homeShorttrip{
	background-image:url(images/homeTeaserRow-02-coldev.gif);
	background-repeat:no-repeat;
	background-position: right 40px;
	min-height: 230px;
	width: 484px;
	float:left;
}

#homeShorttrip .teaser-title {
	width: 100%;
	float:left;
	clear:both;
	font-size: 2.0em;
	font-weight:normal;
	padding: 30px 0 5px 0;
}
#homeShorttrip .teaser-title span {
	padding-left: 12px;

}
#homeShorttrip .teaser-content {
	width: 100%;
	float:left;
	clear:both;
}
#homeShorttrip .teaser-content-left {
	float:left;
	width: 306px;
}
#homeShorttrip .teaser-content-right {
	float:left;
	width: 178px;
}
#homeShorttripMapimage {
	width:228px;
	height: 136px;
	position:relative;
	left: 35px;
	float:left;
	clear:both;
}

#homeShorttripMapButton{
	width:132px;
	height: 36px;
	position:relative;
	left: 16px;
	float:left;
	clear:both;
}

#homeOnlineShop,
#homeShorttripImpressions {
	background-image:url(images/home-shorttrip-impressions.png);
	background-repeat:no-repeat;
	width:124px;
	height: 136px;
	position:relative;
	left: 4px;
	float:left;
	clear:both;
}
#homeOnlineShop {
        background-image:url(images/home-veranstaltungen.png);
}
#homeOnlineShopButton,
#homeShorttripImpressionsButton {
	width:124px;
	height: 36px;
	position:relative;
	float:left;
	clear:both;
}
#homeShorttripImpressionsButton .widget-button { display:none;}
body.js-enabled #homeShorttripImpressionsButton .widget-button { display:block;}
body.js-enabled #homeShorttripImpressionsButton .widget-button-nojs { display:none;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* flexibler Teraser rechts neben Kurzbesuch */
#homeFlexteaser {
	float: right;
	width: 435px;
	min-height: 230px;
}

#homeFlexteaser .meui-flexteaser {
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 435px;
	height:210px;
	
}

#homeFlexteaser .meui-flexteaser h2{
	clear:both;
	float:left;
	font-size:2em;
	font-weight:normal;
	padding:30px 0 5px;
	width:100%;
}
#homeFlexteaser .meui-flexteaser p{
	padding-top: 16px;
	font-size: 1.4em;
}

#homeFlexteaser .teaser-text-box {
	height: 135px;
	float:left;
	clear:both;
	overflow: auto;
}

#homeFlexteaser .teaser-more-button {
	float:left;
	clear:both;
	overflow: auto;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#homeTeaserRow-03 .homeTeaserRow-center { width: 100%; float:left; clear:both; padding: 30px 0 30px 0 ;}
.homeTeaserCol-01,
.homeTeaserCol-02,
.homeTeaserCol-03,
.homeTeaserCol-04 {
	float:left;
	width: 244px;
}
.homeTeaserCol-04 {
	width: 234px;
}

.homeTeaserCol-padder {
	width: 234px;
	float:left;
	clear:both;
}


body.home-page .csc-frame-widget-bg  {
	background-color: none;
	width:100%;
}

body.home-page .csc-frame-widget .csc-header  {
	background-color: none;
	background-image:url(images/widget-head-bg.png);
	background-position: left top;
	margin:0 3px 0 0;
	padding:0 0 0 12px;
}

body.home-page .csc-frame-widget .csc-header p {
	background-color: none;
	background-image:url(images/widget-head-bg.png);
	background-position:right top;
	margin-left:3px;
	height: 30px;
	line-height: 30px;
	vertical-align:middle;
	margin-right:-3px;
	padding:0 0 0 0;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom: 0;
}


body.home-page .csc-frame-widget  .csc-frame-widget-body-outer {
	background-color: none;
	background-image:url(images/widget-body-home-bg.png);
	background-position:left bottom;
	min-height:180px;
	margin:0 3px 0 0;
	padding:0 0 0 12px;
}

body.home-page .csc-frame-widget  .csc-frame-widget-body-inner {
	background-color: none;
	background-image:url(images/widget-body-home-bg.png);
	background-position:right bottom;
	min-height:180px;
	margin-left:3px;
	margin-right:-3px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body.home-page .csc-frame-widget.csc-frame-widget-facebook  .csc-frame-widget-body-outer {
	padding:0 0 0 0;
}
body.home-page .csc-frame-widget.csc-frame-widget-facebook  .csc-frame-widget-body-inner { }

/* Abdecker */
.facbook-box {
	width: 230px;
	overflow:hidden;
	height: 170px;
}
.facbook-box iframe {
	width:230px; 
	height:180px;
	position:absolute; 
	z-index: 0;
}
.facbook-box .facbook-box-top {
	position:absolute;
	background-color:#FFFFFF;
	width: 230px;
	height: 2px;
	z-index: 20;
}
.facbook-box .facbook-box-left {
	position:absolute;
	width: 2px;
	background-color:#FFFFFF;
	height: 175px;
	z-index: 20;
}
.facbook-box .facbook-box-right {
	position:absolute;
	width: 2px;
	background-color:#FFFFFF;
	height: 175px;
	z-index: 20;
	margin-left: 228px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.csc-frame-widget-webcam .widget-content {
	min-height: 170px;
	padding-top: 10px;
	width: 220px;

}

.csc-frame-widget-webcam .teaser-item {width: 110px;  float:left;}
.csc-frame-widget-webcam .teaser-item  .item-image {
	background-image:url(images/widget-webcam-image-bg.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:  97px;
	height: 97px;
	overflow:hidden;
	margin-left: -2px;
}
.csc-frame-widget-webcam .item-image .image-crop {
	width: 89px;
	height: 89px;
	overflow:hidden;
	position:relative;
	left: 4px;
	margin-top: 4px;
}
.csc-frame-widget-webcam .teaser-item  .image-crop img {
	position: absolute;
	z-index: 10;
	width: 140px; 
	margin-left: -10px;
	margin-top: -10px;
}
.csc-frame-widget-webcam .teaser-item  .item-image-mask {
	width: 89px;
	height: 89px;
	background-image:url(images/widget-webcam-play.png);
	background-repeat:no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 20;
}
.csc-frame-widget-webcam  .me-webcam-teaser {
	float:left;
	clear:both;
}

.csc-frame-widget-webcam p.widget-webcam-more { float:right; margin-right: 15px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body.home-page  .csc-frame-widget  .csc-textpic {
	padding-top: 10px;

}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body.home-page #pageFootOuterBg { background-image:none; }
body.home-page #pageFoot { background-color: transparent;}

/*]]>*/