@font-face {
    font-family: 'OpenSansBold';
    src: url('../files/opensans-bold-webfont.eot');
    src: url('../files/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../files/opensans-bold-webfont.woff') format('woff'),
         url('../files/opensans-bold-webfont.ttf') format('truetype'),
         url('../files/opensans-bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OpenSansLightRegular';
    src: url('../files/opensans-light-webfont.eot');
    src: url('../files/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../files/opensans-light-webfont.woff') format('woff'),
         url('../files/opensans-light-webfont.ttf') format('truetype'),
         url('../files/opensans-light-webfont.svg#OpenSansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OpenSansRegular';
    src: url('../files/opensans-regular-webfont.eot');
    src: url('../files/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../files/opensans-regular-webfont.woff') format('woff'),
         url('../files/opensans-regular-webfont.ttf') format('truetype'),
         url('../files/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OpenSansSemiboldRegular';
    src: url('../files/opensans-semibold-webfont.eot');
    src: url('../files/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../files/opensans-semibold-webfont.woff') format('woff'),
         url('../files/opensans-semibold-webfont.ttf') format('truetype'),
         url('../files/opensans-semibold-webfont.svg#OpenSansSemiboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*************************************************************************/
/* =main-styles */
/*************************************************************************/
html {
	background:url(../images/layout/bg-html.jpg) fixed no-repeat;

}
body{
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1f1f1f;
	background:url(../images/layout/bg-body.png) repeat-x;
}

body a{
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#817f7f;
}

body a:hover{
	color: #c92220;
}

strong{
	font-weight:bold;
}


.clear{
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.break {
	padding-top:17px;
}

.float{
	float:left;
}

h1.branding a {
	width:326px;
	height:216px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:33px;
	left:327px;
	z-index:100;
}


h2{
	color:#05202f;
	font-size:33px;
   font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	margin-bottom:25px;

}



h2#datenschutz,
h2#company{
	font-size:15px;

}

h3{
	background:url(../images/layout/h3-bg.png) no-repeat;
	height:30px;
	font-size:15px;
	color:#05202f;
   font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	padding-top:7px;
	padding-left:20px;	
	margin-bottom:20px;
}


h4{

}

h5{

}

h6{

}

.margintop {
	margin-top: 40px;
}

p{
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	margin-bottom:15px;
	
}


address{
	margin-top:-15px;
	line-height:18px;
	font-style:normal;
}

#breadcrumbs {
	color:#a9a7a8;
	height:45px;
	font-size:13px;
}

#breadcrumbs a {
	color:#a9a7a8;
	text-decoration:underline;
}

/*************************************************************************/
/* =list-error */
/*************************************************************************/
ul.list-error{
	border:none !important;
}

ul.list-error li{
	font-weight:bold;
	color:#FF0000;
}

/*************************************************************************/
/* =content-list */
/*************************************************************************/
div#content ul{
	height:auto;
	margin-left:30px;
	margin-bottom:25px;


}

div#content ul li{

	line-height:22px;

	list-style-image:url(../images/layout/pfeil.png);
}

/*************************************************************************/
/* =container-header */
/*************************************************************************/
div#container-header{
	width:100%;
	height:265px;

}

/*************************************************************************/
/* =header */
/*************************************************************************/
div#header{
	width:980px;
	height:265px;
	position:relative;
	margin:0 auto;
	background:url(../images/layout/bg-header.jpg) no-repeat;
}

div#header #contact {
	position:absolute;
	top:15px;
}

div#header #contact p {
	color:#FFF;
	font-size:14px;
	margin-bottom:11px;
	line-height:19px;
}

div#header #contact a {
	color:#FFF;
	font-size:14px;
	text-decoration:underline;
}

div#header #player {
	position:absolute;
	left:880px;
	top:13px;
}

div#header #facebook {
	position:absolute;
	left:865px;
	top:156px;
}
	

/*************************************************************************/
/* =nav-add */
/*************************************************************************/
ul#nav-add{
	position:absolute;
	top:115px;
	left:720px;
	width:260px;
	display: flex;

}

ul#nav-add li {
	display:block;
	float:left;
}

ul#nav-add li a {
	color:#FFF;
	margin-right:13px;
	padding-right:13px;
	border-right:1px #fff solid;
}

ul#nav-add li a.impressum {
	color: #FFF;
	    margin-right: 13px;
	    padding-right: 13px;
	    border-right: 1px #fff solid;
}
ul#nav-add li a.datenschutzerklaerung {
	border-right:0px;
	margin:0px;
	padding:0px;
}

/*************************************************************************/
/* =nav */
/*************************************************************************/
ul#nav{
	width:980px;
	height:61px;
	top:193px;
	position:absolute;
}

ul#nav li {
	float:left;
}

ul#nav li a.firma{
	height:61px;
	width:104px;
	display:block;
	background:url(../images/layout/nav-sprite.png);
	text-indent:-9999px;
}

ul#nav li a.firma:hover,
ul#nav li.active a.firma{
	background:url(../images/layout/nav-sprite.png) no-repeat 0px -68px;
}

ul#nav li a.booking{
	height:61px;
	width:108px;
	display:block;
	background:url(../images/layout/nav-sprite.png) no-repeat -104px 0px;
	text-indent:-9999px;
}

ul#nav li a.booking:hover,
ul#nav li.active a.booking{
	background:url(../images/layout/nav-sprite.png) no-repeat -104px -68px;
}

ul#nav li a.termine{
	height:61px;
	width:108px;
	display:block;
	background:url(../images/layout/nav-sprite.png) no-repeat -212px 0px;
	text-indent:-9999px;
}

ul#nav li a.termine:hover,
ul#nav li.active a.termine{
	background:url(../images/layout/nav-sprite.png) no-repeat -212px -68px;
}

ul#nav li a.feedback{
	height:61px;
	width:107px;
	display:block;
	background:url(../images/layout/nav-sprite.png) no-repeat -658px 0px;
	text-indent:-9999px;
	margin-left:340px;
}

ul#nav li a.feedback:hover,
ul#nav li.active a.feedback{
	background:url(../images/layout/nav-sprite.png) no-repeat -658px -68px;
}

ul#nav li a.galerie{
	height:61px;
	width:106px;
	display:block;
	background:url(../images/layout/nav-sprite.png) no-repeat -765px 0px;
	text-indent:-9999px;

}

ul#nav li a.galerie:hover,
ul#nav li.active a.galerie{
	background:url(../images/layout/nav-sprite.png) no-repeat -765px -68px;
}

ul#nav li a.gaestebuch{
	height:61px;
	width:107px;
	display:block;
	background:url(../images/layout/nav-sprite.png) no-repeat -873px 0px;
	text-indent:-9999px;

}

ul#nav li a.gaestebuch:hover,
ul#nav li.active a.gaestebuch{
	background:url(../images/layout/nav-sprite.png) no-repeat -873px -68px;
}

/*************************************************************************/
/* =sub-nav */
/*************************************************************************/
ul.sub-nav{
  position: absolute;
  background-color:#9c9b9c;
  width:210px;
  display:block;
  top:61px;

}

ul.sub-nav-feedback{
  position: absolute;
  background-color:#9c9b9c;
  width:210px;
  display:block;
  top:61px;
  left:661px;

}

ul#nav li ul.sub-nav li,
ul.sub-nav-feedback li {
	display:block;
  float:none !important;
}

ul#nav li ul.sub-nav li a,
ul.sub-nav-feedback li a{
	color:#fff;
	font-size:14px;
	text-transform:none;
	line-height:36px;
	display:block;
	border-right:0px;
	width:240px;
	padding-left:25px;
}



ul#nav li ul.sub-nav li a:hover,
ul#nav li ul.sub-nav li.active a,
ul#nav li ul.sub-nav-feedback li a:hover,
ul#nav li ul.sub-nav-feedback li.active a {
  background-color:#C0C0C0;
  width:185px;
  padding:0px;
  color:#fff;
 	padding-left:25px;
}



ul#nav li ul{
	display:none;
}

ul#nav li:hover > ul{
	display:block;
} 


/*************************************************************************/
/* =container-content */
/*************************************************************************/
div#container-content{
	width:100%;
	height:auto;
	min-height:200px;


}

/*************************************************************************/
/* =content */
/*************************************************************************/
div#content{
	width:980px;
	height:auto;
	margin:0 auto;
	min-height:200px;

}

div#content {
	padding: 20px 0 30px 0;
}

div#content .column {
	width:305px;
	margin-right:25px;
	float:left;
}

div#content .column-right {
	width:305px;
	float:right;
}

div#content .column-1 {
	width:470px;
	margin-right:40px;
	float:left;
}

div#content .column-2 {
	width:470px;
	float:left;
}

div#content ul.pdf{
	height:auto;
	margin-left:30px;
	margin-bottom:25px;
}

div#content ul.pdf li{
	line-height:27px;
	list-style-image:url(../images/pdficon_large.png);
}

div#content ul.pdf li a{
	display:block;
}

div#content .gallery {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border:3px solid #05202f;
}

div#content .gallery1 {
	float:left;
	margin-bottom:8px;
	border:3px solid #05202f;
}

div#content-bilder {
	width:750px;
	float:left;
}

div#content-galerie {
	width:200px;
	float:left;
	margin-left:30px;
}

/*************************************************************************/
/* =accordion */
/*************************************************************************/

#accordion h4 {
	background:url(../images/index/accordion-1.jpg) no-repeat;
	height:30px;
	width:980px;
	display:block;
	margin-bottom:15px;
}

#accordion h4:hover,
#accordion h4:active {
	background:url(../images/index/accordion.jpg) no-repeat;
	height:30px;
	width:980px;
	display:block;
	margin-bottom:15px;
}

#accordion h4 a {
	display:block;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	padding-top:8px;
}

#accordion .accordion1 h4 {
	background:url(../images/index/accordion1.jpg) no-repeat;
	height:30px;
	width:980px;
	display:block;
	margin-bottom:15px;
}

#accordion .accordion1 h4:hover {
	background:url(../images/index/accordion1-1.jpg) no-repeat;
	height:30px;
	width:980px;
	display:block;
	margin-bottom:15px;
}



/*************************************************************************/
/* =container-footer */
/*************************************************************************/
div#container-footer{
	width:100%;
	height:540px;
	background:url(../images/layout/bg-footer.png) left bottom repeat-x;
}

/*************************************************************************/
/* =footer */
/*************************************************************************/
div#footer{
	width:980px;
	height:200px;
	margin:0 auto;
	position:relative;
}

#contentflow {
	width:980px;
	height:330px;
	margin:0 auto;
}

#teaser {
	width:980px;
	height:200px;
}

#teaser p span {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:21px;
	font-family: 'OpenSansBold';
	margin-top:15px;
	display:block;
}

#teaser p span.text {
	color:#FFFFFF;
	margin-top:126px;
	margin-left:10px;
	font-size:12px;
	text-transform:none;
	font-family: 'OpenSansRegular';
}

#teaser p {
	color:#FFF;
}

#teaser a {
	height:200px;
	width:300px;
	display:block;
	color:#FFF;
	float:left;
	margint-top:15px;
}

#teaser .teaser1 {
	height:200px;
	width:300px;
	background:url(../images/layout/teaser.png) no-repeat 0 0;
	margin-right:35px;
	float:left;
	display:block;
}

#teaser .teaser2 {
	height:200px;
	width:300px;
	background:url(../images/layout/teaser.png) no-repeat -340px 0px;
	float:left;
	margin-right:35px;
	display:block;
}

#teaser .teaser3 {
	height:200px;
	width:300px;
	background:url(../images/layout/teaser.png) no-repeat -680px 0px;
	float:left;
	display:block;
}

/*************************************************************************/
/* =googlemaps */
/*************************************************************************/

	div.tooltip {
		width:290px;
		height:120px;
	}
	
	div.tooltip p,
	div.tooltip a {
		margin:0 !important;
		padding:0 !important;
		color:#333333;

	}
	
	div.tooltip h4 {
		margin:0 !important;
		padding:0 !important;
		color:#333333;

	}
	
	div#googlemaps-address {
		width:980px;
		height:500px;
		margin-top:15px;
	}
	
	div#geocode {
		display:none;
	}




.gmaps {
	width: 100%;
	border: none;
	height: 500px;
	margin-top: 20px;
}

.btn {
	background-color: #03476c;
	color: #fff;
	padding: 15px;
	display: inline-block;
	margin-top: 20px;
}