/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;padding: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;
}q:before, q:after {content: '';}abbr, acronym {border: 0;}
.pad_last {padding: 0 !important;}.last {margin: 0 !important;}
/**************************************************************************************/
* html .clearfix {  height: 1%;  overflow: visible;}/* float clearing for IE7 */
* + html .clearfix {  min-height: 1%;}.clearfix:after {
  clear: both;  content: ".";  display: block;  height: 0; visibility: hidden;
  font-size: 0;}html {  -pie-load-path: css/;}
@font-face {
    font-family: 'open_sansbold';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;    font-style: normal;
}
.bgbody{  background: url(../images/bodybg.jpg) repeat center top transparent; position:fixed; left: 0; top: 0; width:100%; height:100%;}
.wrapper{  width: 950px;  margin: 0 auto; position:relative;}
a{ text-decoration: none;}
.left{float: left; position: relative;}
.right{float: right; position: relative;}
.header{  padding: 32px 0 0; height: 125px; position: fixed; top: 0; left: 0; width: 100%;
z-index: 100;background: url(../images/bodybg.jpg) repeat center top transparent;
}
.fadediv{
  position: fixed;
  top: 157px;
  left: 0;
  width: 100%;
  height: 30px;
  background: url(../images/transparentgrad_30px.png) repeat-x center top transparent;
  z-index: 50;
}
.navi_top{padding-bottom: 32px;  text-align: center;}
.navi_top a{
  background-image: none;  background-repeat: no-repeat;
  background-position: center top;  background-color: transparent;
  display: inline-block; vertical-align: top;
  margin: 0 17px; padding-top: 36px; height: 20px;
  font-family: 'open_sansregular';  color: #007e95;
  font-size: 14px; line-height: 20px;
  border-bottom: 1px solid transparent;
  *display: inline; *zoom: 1;
}
.navi_top a.bkimg1{background-image: url(../images/nav_top_img1.png);}
.navi_top a.bkimg2{background-image: url(../images/nav_top_img2.png);}
.navi_top a.bkimg3{background-image: url(../images/nav_top_img3.png);}
.navi_top a span{font-family: 'open_sansbold';}
.navi_top a:hover , .navi_top a.active{color: #fc4e0b; border-bottom: 1px solid #fc4e0b;}
.navi_top a.bkimg1:hover , .navi_top a.bkimg1.active{background-image: url(../images/nav_top_img1_hover.png);}
.navi_top a.bkimg2:hover , .navi_top a.bkimg2.active{background-image: url(../images/nav_top_img2_hover.png);}
.navi_top a.bkimg3:hover , .navi_top a.bkimg3.active{background-image: url(../images/nav_top_img3_hover.png);}
.menuwrapper{}
.menu{  border-top: 1px solid #ffffff;  border-bottom: 1px solid #ffffff;text-align: center;}
.menu li{  position: relative;  display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.menu li a{  padding: 0 19px;
  font-family: 'open_sansregular';  color: #007e95; font-size: 14px;
  line-height: 34px;  height: 34px;*padding: 0 16px;}
.menu li a span{  padding-right: 6px;}
.menu li:hover a , .menu li.active a{  color: #fc4e0b;}
.main_content{  padding: 187px 0 0 0;font-size: 12.5px;
 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 

  /*  padding: 157px 0 0 0;*/}
.container{  padding: 32px 0 34px 0; border-bottom: 1px solid #ffffff; font-family: 'open_sansregular'; color: #007e95;}
.container.nopadtop{
  padding-top: 0;
}
.lcon{  width: 465px;}
.container h1{
  font-family: 'open_sanslight'; font-size: 25px;
  line-height: 1.2; padding-bottom: 15px;}
.container h2{
  font-family: 'open_sanslight'; font-size: 25px;
  line-height: 1.2; padding-bottom: 15px;}
.container p , #ostinpoel .container.container3 .rcon p{ line-height: 1.2;  padding-bottom: 14px;}
.container p em , .container span em{font-family: 'open_sansbold';}
.txtcon1{  width: 220px;}
.txtcon2{  width: 225px;}
.container a{
  font-family: 'open_sansregular';  color: #007e95; font-size: 13px;
  display: block; height: 26px; line-height: 26px;
  background-color: rgba(255,255,255,0.25);
  border: 1px solid #ffffff; position: relative; text-align: center;
  -pie-background: rgba(255,255,255,0.25);
  behavior: url(css/PIE.htc);
}
.txtcon2 p > span , .container.container3 .rcon p > span , .container.container5 p > span ,
.container.container7 p > span , #ostinpoel .container.container3 p > span.spantit{  display: block;}
.container a span , .container.container3 .rcon p > span span.icon-ok  , .container.container5 p > span span.icon-circle
, .container.container5 p > span span.icon-adjust , .container.container5 p > span span.icon-asterisk ,
.container.container7 p > span span.icon-phone , span span.icon-print , span.icon-envelope-alt , #ostinpoel .container.container3 p > span.spantit span.icon-circle{ padding-right: 7px;}
.rcon{border: 1px solid #ffffff; }
span.einzug { padding-left: 18px;}

.rcon.noborder , .container.container5 .rcon , .container.container6 .rcon , .container.container7 .rcon{  border: 0 none;}
.rcon.imghol{ width: 460px; height: 335px; }
.rcon.imghol.newclass img{left: 0;}
.rcon.imghol img{ position: absolute; height: 369px; width: 479px; top: -34px;
  left: -8px; display: block;}
.container.container2 .tab li a , .container.container4 a{ margin-bottom: 6px;
  text-align: left;  padding: 0 0 0 8px;  width: 212px}
.container.container2 a .icon-caret-right{float: right; display: none; font-size: 18px; line-height: 26px;*margin-top: -25px;}
.container.container1 a:hover , .container.container2 .tab li:hover a , .container.container2 .tab li.active a, .container.container4 a:hover ,
.container.container4 a.active , #ostinpoel .container.container3 h2 a:hover , #ostinpoel .container.container3 a:hover
, .contactform input.btnstyle:hover{ background-color: rgba(255,255,255,1);
-pie-background: rgba(255,255,255,1);}
.container.container2 .tab li:hover a .icon-caret-right , .container.container2 .tab li.active a .icon-caret-right
{display: block;}
#ostinpoel .container.container3 h2 a , #ostinpoel .container.container3 a{
  display: inline-block;
  margin-left: 20px;
  width: 204px;
  padding: 0 7px;
  text-align: left;
  *display: inline;
  *zoom: 1;
}
#ostinpoel .container.container3 a.nowidth{
  width: auto;
 padding: 5px 7px;
  height: auto;
  line-height: 1.2;
}
#ostinpoel .container.container3 a.nowidth .left{
  width: 11px;
}
#ostinpoel .container.container3 a.nowidth .right{
  width: 186px;
  padding-right: 0;
}
#ostinpoel .container.container3 a{
  margin-left: 0;
  display: block;
}
#ostinpoel .container.container3 .lcon , #ostinpoel .container.container3 .rcon{
  width: 463px;
}
#ostinpoel .container.container3 .txtcon2{
  width: 220px !important;
}
.container.container2 .txtcon2 .thumbgal{ display: none; }
.container.container2 .txtcon2 .thumbgal li{  float: left;  position: relative;
  margin-right: 5px;  margin-bottom: 25px;}
.container.container2 .txtcon2 .thumbgal li.last_margin{  margin-bottom: 0;}
.container.container2 .txtcon2 .thumbgal li a{
  width: 68px !important;  height: 68px;
  padding: 0 !important;  opacity: 0.6;
  filter: alpha(opacity=60);  behavior: url(css/PIE.htc);
}
.container.container2 .txtcon2 .thumbgal li a img , .container.container6 .txtcon1 p > span{  display: block;}
.container.container2 .txtcon2 .thumbgal li:hover a , .container.container2 .txtcon2 .thumbgal li.active a{opacity: 1;  filter: alpha(opacity=100);}
.container.container2 .rcon{  height: 352px;  width: 461px;}
.container.container2 .rcon > img{  position: relative;  top: 0;  left: 0;
  height: 352px;  width: 461px; display: none;}
.container.container2 .txtcon2 .thumbgal.active ,.container.container2 .rcon > img.active{
  display: block;
}
.container.container3 .imgbox1 a > span{
  display: block;
  padding-top: 5px;
}
.container.container3 a.fancybox , .container.container3 a.fancybox:hover{
  border: 0 none transparent !important;
  border-color: transparent !important;
  position: static;
  background-color: rgba(0,0,0,0) !important;
  behavior: none;
}
.container.container3 .imgbox1 a > span{
  padding-bottom: 40px;
}
.container.container3 .rcon , .container.container7 .rcon{  width: 460px;}
.container.container3 .lcon .txtcon2{  width: 220px;}
.container.container3 .imgbox1 a , .container.container3 .imgbox2 a{
  display: block;  height: auto;  width: auto;  background-color: rgba(0,0,0,0);
  border: 0 none;  line-height: 1.3;}
.container.container3 .rcon p{  padding-bottom: 21px;  line-height: 1.3;}
.container.container3 .imgbox1 a:hover , .container.container3 .imgbox2 a:hover{color: #fc4e0b;}
.container.container4 .rcon , .container.container5 .rcon , .container.container6 .rcon{  width: 705px;}
.container.container6 .rcon.exwidth{
  width: 708px;
}
.container.container4 .rcon iframe{  display: block;  position: relative;}
.container.container5 span > span.right span.icon-eur{  padding-right: 5px; margin-top:2px;}
.container.container5 span > span.right{text-align: right;}
.container.container5 p.padbord{  padding: 16px 0;  border-bottom: 1px solid #3b99a8;}
.container.container5 p.padbord.fst{  padding-top: 0;}
.container.container5 p.padbord.lst{  padding-bottom: 0;  border-bottom: 0 none;}
.container.container6 a{  font-family: 'FontAwesome' !important;}
.container.container6 .txtcon1 p > span span{
  display: inline-block;
  margin-right: 5px;
  position: relative;
  *display: inline;
  *zoom: 1;
}

.container.container6 .txtcon1 p > span span.freisty{
  border: 1px solid #e1cbba;
  background-color: #f3e6d4;
  width: 10px;
  height: 10px;
}
.container.container6 .txtcon1 p > span span.belegtsty{
  height: 12px;
  width: 12px;
  background-color: #f3cb00;
}
.container.container6 .txtcon1 p > span span.anreisesty{
   width: 0; height: 0;
  border-right: 12px solid #f3cb00;
  border-left: 6px solid transparent;
  margin-left: -6px;
  border-top: 12px solid transparent;
  behavior: url(css/PIE.htc);
}
.container.container6 .txtcon1 p > span span.abreisesty{
  width: 0; height: 0;
  border-left: 12px solid #f3cb00;
  border-right: 6px solid transparent;
  margin-right: -2px;
  border-bottom: 12px solid transparent;
  behavior: url(css/PIE.htc);
}
.container.container6 .txtcon1 p > span span.hauptsasty{
  height: 12px;
  width: 12px;
  background-color: #b7b7b7;
}
.container.container6 .txtcon1 p > span span.spezialsty{
  height: 12px;
  width: 12px;
  background-color: #ad7635;
}

#calendars_fields{  display: none;}
.contactform input , .contactform textarea{
  width: 181px;
  border: 1px solid #ffffff;
  height: 26px;
  line-height: 26px;
  outline: 0 none;
  padding-left: 27px;
  padding-right: 10px;
  color: #007e95;
  font-size: 13px;
  font-family: 'open_sansregular';
  background-color: transparent;
}
.contactform textarea{  resize: none;  height: 236px;}
.contactform .row{  padding-bottom: 10px;  position: relative;}
.contactform input.btnstyle{
  width: 220px;
  text-align: left;
  background-color: rgba(255,255,255,0.25);
  cursor: pointer;
  -pie-background: rgba(255,255,255,0.25);
  position: relative;
  behavior: url(css/PIE.htc);
  *line-height: 24px;
}
/*.contactform input.errorstyle{ border: 1px solid #fb4041;}*/
.contactform input:active , .contactform textarea:active , .contactform input:focus , .contactform textarea:focus{
  border: 1px solid #068198;}
.contactform .row span.icon-chevron-sign-right{
  position: absolute;  top: 1;  height: 27px;  line-height: 27px;  left: 8px;}
.container.container7 p.diffp{  font-size: 10px;}
.container.container7 p > span > span.left.lft1{  width: 30px;}
.container.container7 p > span > span.left.lft2{  width: 145px;}
.container.container7 p > span > span.right{  width: 40px;}
.footer_con{  text-align: center;  padding: 18px 0;  height: 15px; font-family: 'open_sansregular'; font-size: 13px; line-height: 1;}
.footer_con span , .footer_con a{display: inline-block; color: #007e95; vertical-align: top;  *display: inline;  *zoom: 1;}
.footer_con span{  vertical-align: top;  padding-right: 10px; }
.footer_con a{ padding: 0 10px; border-left: 1px solid #007e95;}
.footer_con a:hover{  color: #fc4e0b;}

/****************-----------Starts ostseebad insel poel------------**********/
#ostinpoel .container.container4 h2{
  letter-spacing: -1px;
}
#ostinpoel .container.container4 .rcon.imghol{
  position: relative;
 height: auto; 
}
.flexslider{
  position: relative;
  height: 462px;
}
.slides{
  overflow: hidden;
  width: 705px;
  height: 462px;
}
.rcon.imghol .slides li{
  position: relative;
  display: none;
}
.rcon.imghol .slides img {
  display: block;
  height: 462px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;}
.slides .slidecon{
  position: absolute;
  top: 42px;
  left: 36px;
  width: 100%;
}
.flexslider{
  position: relative;
}
.flex-control-nav  , .flexslider .thumbnails {
  position: absolute;
  bottom: 0px;
  left: -168px;
  text-align: center;
  width: 220px;
}
.flex-control-nav li , .flexslider .thumbnails li{
  float: left;
  position: relative;
  margin-left: 6px;
  cursor: pointer;
}
.container.container4 .flex-control-paging li a{
  height: 10px;
  width: 10px;
  display: block;
  border: 1px solid #ffffff;
  border-radius: 14px;
  font-size: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  background-color: rgba(255,255,255,0.50);
  -pie-background: rgba(255,255,255,0.50);
  behavior: url(css/PIE.htc);
}
.container.container4 .flex-control-paging li a.flex-active , .container.container4 .flex-control-paging li a:hover{
  background-color: rgba(255,255,255,1);
  -pie-background: rgba(255,255,255,1);
}
.con1{
  padding-bottom: 20px;
}
#ostinpoel .container.container3 p > span.spantit span.red{
  color: #ff8177;
}
#ostinpoel .container.container3 p > span.spantit span.blue{
  color: #0ba9cd;
}
#ostinpoel .container.container3 p > span.spantit span.yellow{
  color: #f6b600;
}
#ostinpoel .container.container3 p > span.spantit span.grey{
  color: #858585;
}
.imgholder{
  padding-bottom: 14px;
}
.mapholder{
  border: 1px solid #ffffff;
}
.mapholder img , .imgholder img{
  display: block;
}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin,.fancybox-outer,
.fancybox-inner, .fancybox-image, .fancybox-wrap iframe,
.fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{
	padding: 0;	margin: 0;	border: 0;	outline: none;	vertical-align: top;}
.fancybox-wrap {
	position: absolute;	top: 0;	left: 0; z-index: 8020;  behavior:url(css/PIE.htc);}

.fancybox-skin {
	position: relative;
	background-color: #ffffff;
}
.fancybox-opened {	z-index: 8030;}
.fancybox-opened .fancybox-skin {}
.fancybox-outer, .fancybox-inner {	position: relative;  padding-top: 16px;}
.fancybox-inner {	overflow: hidden; border-top: 1px solid #83a7a4;}
.fancybox-type-iframe .fancybox-inner {	-webkit-overflow-scrolling: touch;}
.fancybox-error {
	color: #e22557;margin: 0;	padding: 15px;	white-space: nowrap;}
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%;	height: 100%;}
.fancybox-image {	max-width: 100%;	max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  font-family:'FontAwesome';
  font-size: 13px;
  background-image: none;
  color: #007e95;
}
.fancybox-close:before{
  content:"\f00d";
  cursor: pointer;
}
.fancybox-prev span:before{content:"\f0d9";}
.fancybox-next span:before{content:"\f0da";}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 20px;
	height: 20px;
	background: 0 none center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 16px;
  background-color: #007e95;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
	height: 16px;
	z-index: 8060;
}

.fancybox-nav {
	position: absolute;
	top: -15px;
	width: 10px;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8090;
}
.fancybox-prev {
	/*right: 48px;*/
  right: 26px;
}.fancybox-next {
	/*right: 27px;*/
  right: 13px;
}
.fancybox-nav span {
	position: absolute;
	top: 0;
	width: 10px;
	height: 30px;
  line-height: 30px;
	cursor: pointer;
	z-index: 9080;
	visibility: visible;
}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
}
.fancybox-overlay-fixed {
	position: fixed;	bottom: 0;	right: 0;}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
   background-color: rgba(0,0,0,0.50);
  -pie-background: rgba(0,0,0,0.50);
  behavior: url(css/PIE.htc);
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
  width: 50%;
  top: 3px;
  height: 30px;
  line-height: 30px;
  left: 0;
  /*padding: 0 0 0 13px;*/
  right: 50%;
	text-align: left;
  z-index: 8050;
}
.fancybox-title-float-wrap .child {
	padding: 0 13px;
	color: #007e95;
  font-family: 'open_sansbold';
  font-size: 13px;
	line-height: 24px;
	white-space: nowrap;
  behavior:url(css/PIE.htc);
}
.fancybox-title-outside-wrap {
	position: relative;}
.fancybox-title-inside-wrap {	padding-top: 10px;}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}
.txtcon2 p > a #textlink a {
	text-decoration:underline 1px dotted;
	display:inline;
}


