@media screen 
{
	/* HTML BODY */
	body
	{
		font:300 13px/21px 'droid_sansregular', Arial, sans-serif;
		color:#434343;
		background-color:#fff;
		background-image: url(../images/body.jpg);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	/* MARK */
	::selection {background: #27607f; color:#fff; }
	::-moz-selection {background: #27607f; color:#fff; }
	
	/* TYPO */
	hr
	{
		height:1px;
		margin-bottom:2em;
		margin-top: 0;
		border:none;
		border-top:1px solid #e0dfdf;
		background-color: transparent;
		display:block
	}
	strong {
		font-family: 'droid_sansbold';
	}
	a 
	{
		text-decoration:none;
		color:#27607f;
		
		transition:all .15s ease-in-out
	}
		a:hover, a:active, a:focus
		{
			color:#27607f;
			outline: none;
		}
	.highlightBox {
		background-color: #27607f;
		background-image: url(../images/info.png);
		background-repeat: no-repeat;
		background-position: 12px 15px;
		color: #fff;
		padding: 15px 15px 15px 40px;
		margin-bottom: 20px;
	}
		/* TYPO *//* ALL HEADLINES */
		h1, h2, h3, h4, h5, h6 
		{
			font-weight:300;
			margin-bottom:0.5em;
			text-rendering: optimizeLegibility;/* optimize text kerning */
		}
			h1
			{
				width: 100%;
				text-align: center;
				font-size:2.154em;
				color: #27607f;
				line-height: 33px;
				font-family: 'open_sansregular';
				margin-bottom: 65px;
			}
			h1 > span {
				display: block;
				font-size: 0.786em;
				color: #505152;
				font-family: 'open_sanslight';
			}
			h2
			{
				font-size:1.714em;
				font-family: 'open_sansregular';
				margin-bottom: 20px;
				line-height: 1.5em;
			}
			h3
			{
				font-size:1.35em;
				font-family: 'open_sansregular';
				margin-bottom: 20px;
			}
			h4
			{
				font-size:1.286em;
				font-family: 'open_sansregular';
				margin-bottom: 20px;
			}
			h5
			{
				font-size:1.286em
			}
			h6
			{
				font-size:1em
			}
	
	/* ALL CONTAINER */
	.container
	{
		width:960px;
		margin:0 auto;
	}
		/*= ALL NAVIGATIONS */
		nav ul,	.navi
		{
			list-style:none;
		}
		.navi a
		{
			display:block;
		}
	
	/* HEADER */
	body.index #header {
		height: 582px;
	}
	#header {
		height: 412px;
		margin-bottom: 70px;
		position: relative;
	}
	#header .col_12
	{
		height: 100px;
	}
	body.index #header .panorama {
		display: block;
	}
	#header .panorama {
		position: relative;
		z-index: 20;
		display: none;
	}
	#header .panorama > img {
		border: 2px #fff solid;
	}
	#header .panorama .slogan {
		display: block;
		transition: opacity 250ms linear;
		position: absolute;
		top: 100px; 
		right: 50px;
		z-index: 100;
		text-indent: -9999px;
		width: 558px;
		height: 90px;
		background-image: url(../images/panorama-slogan.png);
	}
	body.index #header .teaser {
		margin-top: -60px;
	}
	#header .teaser {
		position: relative;
		z-index: 30;
		margin-top: 100px;
	}
	#header .teaser > div.col_4 {
		height: 210px;
		position: relative;
	}
	#header .teaser > div.col_4 > span {
		margin: 0 auto;
		display: inline-block;
		text-align: center;
		width: 100%;
		padding-top: 15px;
		color: #27607f;
		font-size: 1.308em;
		font-family: 'droid_sansbold';
	}
	#header .teaser > div.col_4 a.main {
		background-color: #27607f;
		background-image: url(../images/teaser-arrow.png);
		background-repeat: no-repeat;
		background-position: 13px 7px;
		color: #fff;
		padding: 11px 0 11px 50px;
		font-size: 1.154em;
		font-family: 'droid_sansbold';
		display: block;
		width: 240px;
		position: absolute;
		bottom: -20px;
		left: 24px;
	}
	#header .teaser > div.col_4.uebernachtung-und-fruehstueck {
		background-image: url(../images/teaser-uebernachtung-und-fruehstueck.jpg);
	}
	#header .teaser > div.col_4.restaurant {
		background-image: url(../images/teaser-restaurant.jpg);
	}
	#header .teaser > div.col_4.campingplatz {
		background-image: url(../images/teaser-campingplatz.jpg);
	}
	#header .teaser > div.col_4 .navi {
		width: 240px;
		position: absolute;
		bottom: 23px;
		left: 24px;
		display: block;
		padding: 5px 0;
		background-color: #27607f;
		background-image: url(../images/teaser-shadow.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	body.nojs #header .teaser > div.col_4 .navi {
		opacity: .9;
	}
	#header .teaser > div.col_4 .navi li {
		margin: 0 20px;
	}
	#header .teaser > div.col_4 .navi a {
		color: #fff;
		font-size: 1.231em;
		font-family: 'open_sanslight';
		border-bottom: 1px #6e94a9 solid;
		padding: 7px 15px;
	}
	#header .teaser > div.col_4 .navi a:hover,
	#header .teaser > div.col_4 .navi a.active {
		color: #A8BFCC;
	}
	
	#header .teaser > div.col_4 .navi li:last-child a {
		border: none;
	}
	#header .teaser > div.col_4 .navi a:before {
		content: '»';
		margin-right: 5px;
	}


		/* HEADER *//* STYLES */
		/* HEADER *//* STYLES *//* NAVIGATION MAIN */
		#navi {
			margin: 45px 0 0 353px;
		}
			#navi > li {
				display: inline-block;
				margin-right: 11px;
			}
			#navi > li:last-child {
				margin-right: 0;
			}
				#navi > li > a,
				#navi > li > span {
					display: inline-block;
					color: #ffffff;
					font-family: 'droid_sansbold';
					font-weight: normal;
					font-size: 1.077em;
					padding: 5px 8px 3px;
					border: 1px transparent solid;
				}
				#navi > li > a:hover, 
				#navi > li > a.active {
					border: 1px #fff solid;
				}
				#navi > li > ul {
					display: none;
				}
	
	/* MAIN */
	#main {
		margin-bottom: 50px;
	}
	#main a:hover
	{
		text-decoration: underline;
		color: #434343;
	}

		/* MAIN *//* CONTENT */
		#content
		{
		}
		
		/* MAIN *//* SIDEBAR */
		#sidebar {
			margin-left: 20px;
		}
		#sidebar .top
		{
			background-color: #27607f;
			padding: 10px;
			text-align: center;
			display: block;
			color: #fff;
			font-size: 1.308em;
			font-family: 'open_sanslight';
		}
		#sidebar .map {
			display: block;
			margin-bottom: 35px;
		}
		#sidebar .main {
			background-color: #f2f2f2;
			padding: 25px 28px;

		}
		#sidebar .main dl {
			margin-bottom: 0;
		}
		#sidebar .main dl dt {
			width: 25%;
		}
		#sidebar .main dl dd {
			width: 75%;
		}
		#sidebar a.escape {
			margin-bottom: 1.3em;
			display: block;
		}
		#sidebar .warmeKueche {
			color: #27607f;
			font-family: 'droid_sansbold';
			font-size: 1.077em;
			margin-bottom: 0;
		}
			/* MAIN *//* SIDEBAR *//* STYLES */

			/* MAIN *//* CONTENT *//* STYLES */
			/* MAIN *//* CONTENT *//* STYLES *//* MAP */
			#map
			{
				width:690px;
				height:450px;
				border: none;
			}

			/* MAIN *//* CONTENT *//* STYLES *//* STANDARDS */
			#content p, #content ul, #content ol, #content dl, #content table, .floatList
			{
				margin-bottom:1.3em;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;
			}

			/* MAIN *//* CONTENT *//* STYLES *//* IMG */
			a[data-rel="lightbox"],
			a[rel="lightbox"],
			img.floatLeft,
			img.floatRight
			{
				float: left;
				margin-bottom: 1.5em;
				margin-right: 1.5em;
			}
				a[data-rel="lightbox"].floatRight,
				a[rel="lightbox"].floatRight,
				img.floatRight
				{
					float: right;
					margin-right: 0;
					margin-left: 1.5em;
				}
				a[data-rel="lightbox"].last,
				a[rel="lightbox"].last,
				img.floatLeft.last
				{
					margin-right: 0em;
				}
					a[data-rel="lightbox"].floatRight.last,
					a[rel="lightbox"].floatRight.last,
					img.floatRight.last
					{
						margin-right: 1.5em;
						margin-left: 0;
					}
				a[data-rel="lightbox"] img,
				a[rel="lightbox"] img
				{
					float: left;
				}

			/* MAIN *//* CONTENT *//* STYLES *//* INFOBOX */
			.infoBox
			{
				background-color: #F4F4F4;
				border-bottom: 1px dotted #cfcfcf;
				border-left: 2px solid #27935B;
				padding: 1em;
				margin-bottom: 2em;
			}
				#content .infoBox p:last-child
				{
					margin-bottom: 0;
				}

			/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES */
			.button
			{
				text-transform: uppercase;
				font-size: 1em;
				padding: 15px;
				display: inline-block;
				text-decoration: none;

				background-color: #e2001a;
				color: #fff;
			}
				/* MAIN *//* CONTENT *//* STYLES *//* BUTTON STYLES *//* HOVER */
				.button:hover
				{
					color: #fff;
					background-color: #B00016;
				}
			
			/* MAIN *//* CONTENT *//* STYLES *//* LIST STYLES */
			#content ul
			{
				width:100%;
				display:inline-block;
			}
			#content iframe {
				border: none;
				margin-bottom: 20px;
			}
				#content ul li
				{
					background-image:url(../images/listenpunkt.png);
					background-repeat:no-repeat;
					background-position:11px 14px;
					text-align:left;
					padding:6px 0 5px 30px;
					float:none;
					display:block;
					border-bottom:1px dotted #cfcfcf;
					
					transition:all .15s ease-in-out
				}
				#content ul li:hover
				{
					background-position:13px 14px;
				}
				#content ul li:last-child
				{
					border-bottom: none;
				}
		
	/* FOOTER */
	#footer
	{
	}
	/*Yourrate*/
	
	#yourrate-widget-js2hkCCtwr {
	  
	    float: right;
	    width: 271px;
	 
	}
		/* FOOTER *//* STYLES */

}