@charset "utf-8";
/* reset all browser default styling */
@import "reset.css";
@import "flyoutstyle.css";
/* fonts */
	/* open-sans-regular - latin */
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Open Sans Regular'), local('OpenSans-Regular'),
		   url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
	}
	/* roboto-condensed-300 - latin */
	@font-face {
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
	  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
		   url('../fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
	}

	/* roboto-condensed-regular - latin */
	@font-face {
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
		   url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
	}

	/* roboto-condensed-700 - latin */
	@font-face {
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
		   url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
	}


/*
	Farbwerte SKT:
	- Blau #101C6F(die Farbblöcke auf 60% setzen)
	- Rot #c11102 (wenn transparent, dann auf 80% setzen)
	- hellgrau #f6f6f6 (footer: #ffffff)
	schrift: color:#646464;
	Bildgrößen:
	- Große Bilder 1240 x 650 px
	- Vorschaubilder proportional auf 310 px Breite (das entspricht der jeweiligen Blockbreite)

	Typografie:
	- „Open Sans“ aus den Google Webfonts
*/


/* older browser html5 workaround */
header, section, footer, aside, nav, article, figure{
	display: block;
}
*{max-width:100%;box-sizing:border-box;}
html{
	background:#1D1D1D;
	height:101%;
	color:#646464;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
}
p , section , .shorttext{ font-family: 'Open Sans', sans-serif;}
b , strong{ font-weight:600;}
li{list-style-type:disc;}
body {
	font-size: 1em;
	font-weight:400;
	line-height:normal;
}
a:link,a:visited {
	cursor:pointer;
	outline:none;
	text-decoration:none;
	color: #646464;
}
a:active, a:hover:not(a.phone,a.search) {
	text-decoration:underline;
}
:focus,:visited{
	outline: none !important;
}
#content a:link , #content a:visited{
	color:#646464;
	text-decoration:none;
}
.onlymobile{
	display:none;
}
a.more{
	margin-top:1em;
	display:block;
}
#show_booking_button,#show_termine_preise{
	_display:none;
	cursor:pointer;
	position:fixed;
	width:auto;
	height:3em;
	top:1em;
	right:1em;
	z-index:500000;
	border:none;
	background:#c11102;
	color:#fff;
	font-weight:600;
	padding:.5em 1.5em;
	border-radius:.5em;
}
#show_termine_preise{
	top:6em;
}
#gotop_button{
	display:none;
	cursor:pointer;
	position:fixed;
	width:30px;
	height:30px;
	top:140px;
	left:20px;
	z-index:50000000000;
	border:none;
	background:white url(../pics/bt-up.png)no-repeat center center;
}
#goback_button{
	cursor:pointer;
	position:fixed;
	width:30px;
	height:30px;
	top:140px;
	left:60px;
	z-index:50000;
	border:none;
	background:white url(../pics/bt-back.png)no-repeat center center;
}
p.gotop{
	padding:5px 10px ;
	display:block;
	float:right;
	background:white;
	margin-top:-15px;
}
	p.gotop a{
		padding:5px 5px 5px 20px;
		background:white url(../pics/gotop.png)no-repeat left center;
}
div.starticons{
	text-align:center;
	width:100%;
}
div.starticons a{
	display:inline-block;
	text-align:center;
	width:33%;
}
.message{
	display:block;
	color:red;
	text-align:center;
	background:#fff;
	padding:5px;
}
	.message:empty{
		display:none;
	}
.clearfix{
	clear:both !important;
}
article.silver>br.clearfix:only-child{display:none;}

hr{
	height:1px;
	background:#f6f6f6;
	border:none;
}
noscript:first-child{
	width:100%;
	height:100%;
	padding:10%;
	background: url(../pics/opacity.png) repeat;
	color:red;
	z-index:111;
	position:absolute;
	top:0;
	left:0;
}
	noscript:first-child h3{
		background:white;
		padding:20px;
	}

/* Überschriften */
	h1,h2,h3,h4,h5,h6{
		font-size: 2em;
		font-weight:500;
		line-height: normal;
		color:#646464;
		font-family: 'Roboto Condensed', sans-serif;
	}
	h1 , h2{
		font-size: 2.75em;
		font-weight:400;
		line-height: 1em;
		margin-top:.7em;
		text-transform:none;
	}
	h2{
		font-size: 2.25em;
		margin-bottom:0;
	}
	h3{
		font-size: 1.5em;
		font-weight:300;
		color:#646464;
	}
	h4{
		font-size: 1.65em;
		font-weight:400;
		margin-bottom:1em;
	}
	h6 a:link, footer a:link ,h6 a:visited, footer a:visited{
		color:#646464;
	}

/* .silver global background class*/
	.silver{
		background: #f6f6f6;
	}
	.white{
		background: white;
	}
/* global padding class */
	.padding{
		padding:20px 124px;
	}

	article.silver h5.toggle{
		background:#fff;
		padding:5px;
		width:100%;
		font-size:20px;
		font-weight:400;
		background:#fff url(../pics/arrow_right_small.png) no-repeat 99% .5em;
		background-repeat:no-repeat !important;
	}
	article.silver h5.toggle.readmore{background-color: #b5b5b5 !important;}
	article.silver h5.toggle:hover{
		background:#fff url(../pics/arrow_down_small.png) no-repeat 99% .5em;
	}
	article.silver h5.toggle.open{
		background:#fff url(../pics/arrow_down_small.png) no-repeat 99% .5em;
	}
	article.silver h5.toggle.open:hover{
		background:#fff url(../pics/arrow_up_small.png) no-repeat 99% .5em;
	}

	article.silver a:not(a.button) ,section.teasertext a {
		color:#c11102 !important;
		text-decoration:underline !important;
	}

/* #wrapper */
	#wrapper{
		position:relative;
		margin:0 auto;
		width:1428px;
		height:100%;
		background:#fff;
	}


/* header */
	header{
		background:#fff;
		position: relative;
		width:100%;
	}
	#logo{
		display:inline-block;
		width:100%;
		margin:0 auto;
	}
	header #topwrapper{
		position:relative;
		padding: 10px 20px 0px 0;
		max-width:1220px;
		margin:0 auto;
	}
	header #topwrapper a#home{
		width:260px;
	}
	header #topwrapper a#home img{
		width:inherit;
	}
	header #topwrapper a span{
		display:none;
	}
	header #topwrapper #toptel{
		position:absolute;
		top:1em;
		right:1em;
	}
	header #topwrapper #topnav{
		display:inline-block;
		position:relative;
		text-align:right;
		font-size:1.15em;
		float:right;
		padding:20px 10px;
	}
	header #topwrapper #topnav a.phone{
		background: white url(../pics/call.png) no-repeat center -10px ;
		width:40px;
		height:2em;
		padding:5px 10px;
		display:inline-block;
	}
	header #topwrapper #topnav a.search{
		background: white url(../pics/search.png) no-repeat center -10px;
		width:40px;
		height:2em;
		padding:5px 50px;
		display:inline-block;
	}
	header #topwrapper #topnav a.menue{
		background: white url(../pics/menue_button.png) no-repeat center center;
		background-size:contain;
		width:2em;
		height:2em;
		padding:10px;
		border:5px solid white;
		display:none;
		cursor:pointer;
		position:fixed;
		right:20px;top:50px;
	}
	header #topwrapper #topnav span[onclick]{
		cursor:pointer;
	}
	header #topwrapper #topnav ul , header #topwrapper #topnav ul li{
		display:inline-block;
		clear:right;
		padding:30px 0 0 0;
	}
	header #topwrapper #topnav ul li a{
		padding:0  10px;
		text-transform:uppercase;
		border-left:1px solid #646464;
		color:#646464;
	}
	header #topwrapper #topnav ul li:first-child a{border-left:none;}

/* reisefinder_quicksearchform #topnav */
	header #topnav form {
		position:absolute;
		left:70px;
		top:20px;
	}
	header #topnav form input[type='search']{
			background: #fff;
			background-size:contain;
			width:170px;
			height:25px;
			border:none;
			padding:5px 10px;
			color:#000;
			font-size:inherit;
			display:inline-block;
			margin-right:50px;
			border:none;
			float:left;
	}
	header #topnav form input[type='image']{
			background: #fff url(../pics/search.png) no-repeat center center;
			background-size:contain;
			width:40px;
			height:40px;
			
			display:inline-block;
			border:none;
			float:left;
	}

/* nav */
	header nav{
		margin:0;
		text-align:center;
		font-weight:400;
		background: #fff;
		color:#646464;
	}
	nav.screen{display:none;}
	nav.screen div{
		width:100%;
		height:auto;
		display:inline-block;
			text-align:left;
			max-width:100%;
			#background:#fff;/*background:none*/
	}

		nav.screen ul{
			display:inline-block;
			list-style-type: none;
			margin: 10px auto;
		}
			nav.screen ul li ul{
				background:#fff;
				margin-top:5px;
				margin-left:0px;
				display:block;
			}
			nav.screen ul li ul li{
				display:block;
				padding:5px 0;
			}
			nav.screen > div > ul > li{
				display:inline;
				padding:5px 0;
				margin:0 10px;
				text-align:left;
				float:left;
				height:100%;
				vertical-align:top;
			}
			nav.screen > div{
				padding:50px;/*120px*/
				margin-top:100px;
				position:relative;
				/*box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;*/
				box-shadow: 0px 5px 5px -5px silver inset;
			}
				nav.screen > div #cross{
					padding:20px 30px;
					position:absolute;
					top:0;
					right:50px;/*left:120px*/
					background:#fff;
					margin-top:-1px;
					box-shadow: 2px 5px 5px -5px silver;
					cursor:pointer;
					font-size:2em;
				}
				nav ul li a{
					text-decoration:none;
					color:#646464 !important;
					font-size:1.75em;
					padding:0 15px;
				}
				nav ul li li a{
					font-size:1em;
					background:none;
					padding: 5px 15px;
					color:#646464;
					hyphens :auto;
				}
				nav ul li:hover>a{
					background: url(../pics/doppelpfeil.png) no-repeat left center;
					color:#667878 !important;
				}
				nav ul li.active>a{
					background: url(../pics/doppelpfeil.png) no-repeat left center;
					color:#667878 !important;
				}

			nav#unsnavi ul li, nav#aktnavi ul li, nav#mobinavi ul li{
				padding:5px 15px;
				width:25%;
				min-height:2em;
				min-width:245px;
				display:inline-block;
				vertical-align:top;
			}
			nav#unsnavi ul li a, nav#aktnavi ul li a, nav#mobinavi ul li a{
				font-size:1em;
			}

/* #mobinavi */
			nav#mobinavi, nav#mobinavi ul li{padding:5px;}



/* reisefinder_quicksearchform #mobile_navi
		#mobile_navi table#buttons td.lupe input[type='search']{
			background: #f6f6f6;
			width:220px;
			height:40px;
			border:none;
			padding:5px;
			color:#000;
			font-size:1.5em;
			display:inline;
		}
		#mobile_navi table#buttons td.lupe input[type='image']{
			background: #f6f6f6 url(../pics/lupe.gif) no-repeat center center;
			background-size:contain;
			width:40px;
			height:40px;
			border:none;
			padding:0px;
			float:right;
		}
		#mobile_navi #mobinav{
			display:none;
			clear:both;
			width:100%;
			float:left;
			list-style-type: none;
			margin:0;
			z-index:200;
			background:#fff;
			padding:0;
			border-bottom:1px solid silver;
		}
		#mobile_navi #mobinav ul{
			display:block;
			float:left;
			border:none;
			padding:0;
			margin:0;
			width:100%;
		}
		#mobile_navi #mobinav li{
			padding:5px 0 0 1.5em;
			display:block;
			float:left;
			width:100%;
			margin:0;
		}
		#mobile_navi #mobinav li.active{border:none;}
		button ~ ul>li {border-top:1px solid silver;}
*/
/* footer */
	footer{
		float:left;
		width:100%;
		background:#fff;
	}
	footer p img{
		width:230px;
		margin-left:15px;
	}
	footer ul{
		margin:10px auto;
		width:100%;
		_max-width:1200px;
	}
	footer li{
		padding:0 15px;
		width:25%;
		min-height:1.75em;
		min-width:245px;
		display:inline-block;
		vertical-align:top;
	}
	footer li a{
		color:#646464;
		font-size:1em;
	}



/* slideshow */

	#slideshow{
		display:block;
		float:left;
		overflow:hidden;
		position:relative;
		height:580px;
		width:100%;
	}
	.slide{
		width:100%;
		height:100%;
		position:relative;
	}
		#slideshow .slide div span{
			display:block;
			width:100%;
			_max-width:480px;
			padding:10px !important;
		}
		#slideshow .slide div span:empty{
			display:none;
		}
		#slideshow .slide ul.plus{
			max-width:380px;
			padding:0 !important;
			margin:0;
		}
		#slideshow .slide div ul.plus li{
			display:block;
			background:url(../pics/plus.png) no-repeat 0 7px  ;
			padding-left:15px !important;
		}
		.slide div{
			width:100%;
			position:absolute;
			display:block;
			bottom:0;
			left:0;
			color:white;
			font-size: 1em;
		}
		.slide div div{
			position:relative;
			width:100%;
			max-width:1180px;
			margin:15px auto;
		}
			.slide div h2{
				text-transform:none;
				color:#fff;
				margin:5px 0;
				font-size:2em;
			}
				.slide div h2 a{
					text-decoration:none;
					font-size:inherit;
					color:white;
				}
			.slide div span , .slide div section{
				_background:transparent url(../pics/blue_opacity.png) repeat;
			}
			.slide div span{
				float:left;
				font-size:2em;
			}
			/* skt relaunch*/
			.slide h2.start-bt-icon-h2{text-align:center;}
			.slide img.start-bt-icon{padding:15px;max-width:16.6%;}


	#slideshow_dummy{height:20px;}

	.prev_slide , .next_slide{
		display:none;
		width:120px;
		height:100%;
		cursor:pointer;
		opacity:0.35;
	}
	.prev_slide{
		float:left;
		background:transparent url(../pics/arrow-left.png)no-repeat right center;
	}
	.next_slide{
		float:right;
		background:transparent url(../pics/arrow-right.png)no-repeat left center;
	}
		.slide:not(:first-child):hover .prev_slide,.slide:not(:last-child):hover .next_slide{
			display:block;
		}
	#slide_nav{text-align:center;margin-top:-100px;}

/* content */
	#content{
		margin:0 auto;
		_max-width:1210px;
		background:#f6f6f6;
	}
/* article */
	article{
		display:block;
		_max-width:1240px;
		_padding:0 20px;
		margin:0 auto;
		font-family: "Open Sans",sans-serif;
	}

	section ~ article.padding h1 , section ~ article > h2:first-of-type{
		margin-top:1em;
	}
	article ul{
		margin: 0 20px;
	}
	article ul li{
		list-style-type:disc;
		list-style-position:inside;
	}
	[data-toggle-content] ul li {list-style-position:outside;}
	/* achtung: iframe muss eine class haben sonst conflicts mit googlemaps!!! */
	#content iframe.article{
		width:990px;
		max-width:100%;
		border:0;
		min-height:500px;
		display:block;
	}

/* artice aside fuer bilder ect */
	article aside{
		width:100%;
		padding:10px 0;
		clear:both;
	}


	/*  pdf / links / pics */
	article aside div{
		width:100%;
		display:block;
		float:left;
		margin-bottom:5px;
	}
		article aside img{
			float:left;
			padding:0 2% 2% 0;
			display:block;
		}
		article aside #pdf {
			display:block;
			margin:1em 0;
		}
		article aside #pdf img{
			display:inline;
		}

/* forms */
	fieldset{
		border:0;
		width:33.33%;
		padding:15px;
		float:left;
	}
	fieldset.right{
		float:right;
	}
	fieldset.halfwidth{
		width:50%;
	}
	fieldset.fullwidth{
		width:100%;
	}
	fieldset.buttons{
		margin-top:10px;
		background:transparent;
		float:right;
		text-align:right;
	}
	label{
		display:block;
		margin:5px 0;
	}
	input.text,textarea,select{
		padding:2px;
		width:100%;
		font:inherit;
		box-sizing:border-box;
	}
	select, input.auto{
		width:auto;
	}
	textarea{
		height:200px;
	}
	fieldset.buttons button , fieldset.buttons .button ,a.button{
		padding:3px 15px;
		color:#fff !important;
		background:#CC071E;
		margin:5px;
		font:caption;
		cursor:pointer;
		white-space:nowrap;
		border:none;

		border-radius:10px;
	}
	fieldset.buttons a.button[title="zurück"]{color:#CC071E !important;background:transparent;}



/*  finderform 
	.box.finderform{
		_height:410px;
		position:relative;
	}
	#finderform {
		height:250px;
	}
	#finderform h5{
		display:block;
		color:#323232;
		margin:5px 10px;
	}
	#finderform fieldset{
		padding:5px 5px 10px 5px;
	}
	#finderform  select, #finderform  input[name^=reisedatum]{
		padding:5px;
		border:0;
		background:#fff;
		width:100%;
		color:#323232;
		font-size:1.85em;
		cursor:pointer;
	}
	#finderform  select option.notfirst{
		font-size:.75em;
	}
	#finderform input[name^=reisedatum]{
		background:#fff url(../pics/datepicker.gif) no-repeat right center;
		padding-left:10px;
		font-size:1.85em;
	}
	#finderform input[name=reisesuche]{
		background:#fff;
		padding:5px 5px 5px 10px;
		font-size:1.85em;
		border:1px solid silver;
		width:100%
	}

	button[form=finderform]{
		background:#CD071E;
		border:0;
		width:100%;
		color:#fff;
		font-size:2em;
		margin-top:10px;
		padding:5px 10px;
		display:inline-block;
		cursor:pointer;
	}
	*/
/* form datenschutz */
	[id^=terms]{
		text-decoration:underline;
		color:#CC071E;
		cursor:pointer;
	}
	p.terms{
		margin-right:-20px;
		display:none;
	}
/* #contact form  */
	#contact {
		background:#f6f6f6;
	}
/* #booking form  */
	#booking {
		background:#f6f6f6;
	}
		#booking h4{
			padding:10px 15px ;
			border-top:1px solid #fff;
			border-bottom:1px solid #fff;
		}
		#booking label{
			margin:5px 0;
		}
		#booking fieldset{
			padding:15px;
		}
		#booking fieldset h4{
			width:auto;
			padding:10px 0;
		}
		#booking fieldset strong{
			display:block;
			font-weight:700;
			margin:15px 0 0 0;
			padding:0 1px;
			background:#fff;
			clear:both;
		}
		#booking fieldset strong a:link:not([href^=info]){
			float:right;
			color:red;
			font-weight:500;
		}
		#booking fieldset strong[id^=terms-]::after {
		  content: " > ";
		  float:right;
		  padding:0 5px;
		}
		#booking fieldset strong[id^=terms-]:hover::after {
		  content: " v ";
		}
		#booking fieldset p {
			margin:10px 0;
		}
		#booking fieldset p.total {
			margin:0;
			padding:5px 0;
			border-top:1px solid silver;
		}
		#booking #steps{
			background:#fff;
			padding:15px;
		}
		#booking #steps p{
			padding:0px;
			background: url(../pics/accept.gif) repeat-x left center;
			background-origin: content-box;
			background-size: auto 3px;
			width:auto;
			display:inline-block;
		}
		#booking #steps span{
			background:#fff;
			padding: 5px 10px;
			margin:5px 20px 5px 0;
			border:2px solid #33cc00;
			border-radius:20px;
			color:#33cc00;
			display:inline-block;
			text-align:center;
		}
		#booking #steps span:last-child{margin-right:0;}
		#booking #steps span.done , #booking #steps span.done a{
			background:#33cc00;
			color:#fff;
		}
		#booking #steps span.active{
			background:#fff;
			border:2px solid #33cc00;
			color:#33cc00;
		}
		@media screen and (min-width: 650px) and (max-width: 900px) {
			#booking #steps p{background: none;}
		}
		@media screen and (max-width: 650px) {
			#booking #steps span i{font-style:normal;}
			#booking #steps span i.screen{display:none;}
			#booking #steps span{margin:5px 15px 5px 0;}
		}
		#booking input[type=checkbox]{
			display:block;
			float:right;
			margin:5px;
		}
		#booking input[type=checkbox].left{
			float:left;
			margin: 2px 5px;
		}
		#booking label.block ~ input[type=checkbox]{
			margin-top:2px;
		}
		#booking label.inline , #booking input[type=checkbox].inline{
			display:inline-block;
			float:none;
		}
		#booking input[type=radio]{
			display:block;
			float:left;
			margin:8px;
		}
		#booking input[type=submit]{
			font-weight:bold;
		}
		#booking select{
			display:block;
			max-width:445px;
		}
		#booking fieldset span{
			display:block;
			float:right;
			margin:0 5px;
		}
		#booking fieldset label.block{
			width:100%;
			font-weight:bold;
			clear:both;
		}
		#booking .terms{
			max-height: 300px;
			overflow-y:auto;
			clear:left;
			margin:0 0 10px 0;
		}
		#booking .terms b{
			display:block;
		}
		#booking input[type=reset]{
			display:none;
		}
		#booking textarea{
			height:100px;
		}


/* #googlemap */
	#googlemap{
		display:block;
		width: 100%;
		height: 500px;
	}

/* sitemap */
	.sitemap {
		margin: 10px 0;
	}
	.sitemap li{
		margin:10px 0;
		list-style-type:disc;
		list-style-position:inside;
	}


/* blog childteaser */
	.blog{
		width:100%;
		padding:0 10px;
	}
	.blog h2{
		padding:5px 10px;
		background:#f6f6f6;
	}
	.blog h2 i{
		float:right;
		font-size:0.5em;
	}
	.blog p{
		padding:10px;
	}
	.blog p:last-child{
		padding:0 10px;
		text-align:right;
		font-size:1.25em;
	}

	/* blog blättern */
	button.button{border:none;}
	button.button.prev{float:left;width:auto;margin:20px 10px;}
	button.button.next{float:right;width:auto;margin:20px 10px;}
	button.button a{color:#CC071E !important;background:#fff;padding:5px 10px;}
	button.button a span{font-size:1.5em;padding:5px 0;}

/* reise teaserboxen */
	.reisenteaser{
		width:100%;
		padding:0;
		margin:0 auto;
	}

	.box{
		background:#f6f6f6;
		_width:310px;
		_margin:15px;
		width:33.3333333%;
		padding:20px;
		background-clip:content-box;
		display:block;
		float:left;
		clear:right;
	}
		.box .pic{
			width:100%;
			height:200px;
			display:block;
			position:relative;
		}

	.thirtythree{
		width:33.3333333%;
		float:left;
	}
	.box.fifty{
		width:50%;
		padding:20px;
	}
	.sixtysix{
		width:66%;
		padding:20px;
		float:right;
	}
	.box.fullchild{
		width:100%;
		padding:20px;
	}
		.box.fifty .pic{
			height:300px;
		}
			.box .pic div{
				width:100%;
				bottom:0;
				left:0;
				position:absolute;
				color:#fff;
				padding:20px;
				font-size:1.15em;
				line-height:1.15em;
				letter-spacing:0;
				background: url(../pics/grau_trans.png) repeat 0 0;
				word-wrap:normal;
				overflow-wrap: anywhere;
			}
			.box .pic div::first-line{
				font-size:1.3em;
			}
		.box .shorttext{
			display:none;
			margin:0;
			padding:5px;
			height:9em;
			overflow:hidden;
		}
		.box a.strong{
			float:left;
			display:none;
			padding: 5px;
			font-size:1.75em;
		}

		.box div.pic{
			display:none;
		}
		.box button.pic{
			display:block;
			border:none;
			cursor:pointer;
			text-align:left;
			padding:0;
		}
	section.moretrips{
		font-size:2em;
		text-align:center;
		margin:0;
		display:block;
	}

/* newsbox */
	.box.newsbox{
		border:0;
		margin:45px 5px 10px 0;
		padding-right:15px;
		overflow:show;
		height:auto;
	}
	.box.newsbox .shorttext{
		margin-top:10px;
		height:auto;
	}
	.box.newsbox .shorttext li{
		margin:.5em 10px 0 0;
		background:#fff;
		padding:5px;
	}

	.news{
		padding:0 ;
		width:100%;
		min-width:320px;
		max-width:100%;
		margin: 10px 0;
	}

	.news h4{
		background:#fff;
		cursor:pointer;
		padding:10px;
		width:100%;
		font-size:20px;
		font-weight:400;
	}
	.news h4.open span{
		display:none;
	}
	.news h4:not(.open) span{
		color:#cd071e;
		display:block;
		float:right;
		font-size:.85em;
	}

	div.newstext{
		display:none;
		background:#fff;
		padding:10px;
	}

/*  reise_display */

	section.reise_display{clear:both;max-width:1300px;margin:0 auto;display:block;padding:30px;}
	section.reise_display h1{margin:.7em 0;font-size: 2em;}
	section.reise_display h2{font-size: 3em;padding:.25em;color:#fff;background: url(../pics/rot_opacity.png);}
	section.reise_display ul li{list-style-type:disc;list-style-position:outside;padding-left:5px;margin-left:5px;}
	section.reise_display #grundleistungen ul li{list-style-type:disc;list-style-position:outside;padding-left:0px;margin-left:25px;}
	.slide section.reise_display{max-height:300px;overflow-y:hidden;}

/* #infobox */
	#infobox{	
		display:block;
		width:100%;
		margin-top:-67px;
		min-height:300px;
		background:#e9e9e9;
		z-index:10000000;
		box-shadow: 3px 5px 15px #999999;
	}
		#infobox .box100 ,#infobox .box50{
			padding:20px;
			margin:0;
			border-bottom:2px solid #fff;
		}
		#infobox .box50{
			display:inline-block;
			width:50%;
		}
		#infobox h5,#infobox h4{
			font-size:1.5em;
			margin:0 auto;
		}
		#infobox .onlymobile h1{
			margin: 0.5em auto;
		}
		#infobox button{
			font-size:1.5em;
			padding:20px;
			color:#fff;
			border:none;
			width:100%;
			background:#c11102;
		}
		#infobox ul {padding:0;margin:0 0 0 10px;}
		#infobox ul li {padding:0;list-style-position:outside;}

/* #finder / finderinfo */
	.thirty{
		width:30%;
		float:left;
	}
	.hundret{
		width:100%;
		clear:both;
	}
	.seventy{
		width:70%;
		padding:20px;
		float:right;
		color:#666666;
	}
	h3.seventy{
		padding:0 40px;
		margin:0;
	}
	#finderinfo .box100{
		width:100%;
		padding:20px 15px;
		margin:0;
	}
	#finderinfo .border-bottom{
		border-bottom:2px solid #fff;	
	}
	#finderinfo .box50{
		display:inline-block;
		width:50%;
		padding:20px 15px;
		margin:0;
	}
	#finderinfo .bottom{
		background:#fff;
		display:block;
		clear:both;
	}
	#finderinfo .text{
		font-size:1.1em;
		display:block;
		width:55%;
		padding:20px;
		padding-bottom:0px;
		margin:0;
		float:left;
		text-align:top;
		background:#fff;
	}
	#finderinfo .text div ::first-line{
		_font-size:1.5em;
	}
	#finderinfo .text .tagcloud span{
		font-size:.85em;
		text-transform:uppercase;
		display:inline-block;
		background:#efeeea;
		border-radius:.75em;
		padding:3px 10px;
		margin: 10px 5px 0 0;
	}
	#finderinfo .info{
		background:#e8e8e8;
		display:inline-block;
		width:45%;
		padding:0;
		margin:0;
	}
	#finderinfo h5,#finderinfo h4{
		font-size:1.5em;
		margin:0 auto;
	}
	#finderinfo button{
		font-size:1.5em;
		padding:20px;
		color:#fff;
		border:none;
		width:100%;
		background:#c11102;
		cursor:pointer;
	}

		#finderinfo .pic{
			height:300px;
			position:relative;
		}
		#finderinfo .pic div{
			width:100%;
			bottom:0;
			left:0;
			position:absolute;
			color:#fff;
			padding:20px;
			font-size:1.15em;
			_line-height:1.15em;
			letter-spacing:0;
			background:transparent url(../pics/lightgray_opacity.png) repeat 0 0;
		}
		#finderinfo .pic div::first-line{
			font-size:1.3em;
		}
		#finderinfo div.pic{
			display:none;
		}
		#finderinfo button.pic{
			display:block;
			border:none;
			cursor:pointer;
			text-align:left;
			padding:0;
		}


/* finderbox */
	#finderbox{	
		display:block;
		width:100%;
		margin-top:-75px;
		padding-top:20px;
		height:auto;
		background:#fff;
		z-index:10000000;
	}
		#finderbox .box100{
			padding:20px;
			margin:0;
			border-bottom:2px solid #fff;
			clear:both;
			display:block;
		}
		#finderbox input[type=checkbox]{
			display:inline-block;
			background:red !important;
			color:yellow;
		}
		#finderbox input:checked +label{
			color:red;
			font-style:italic;
		}
		#finderbox input:disabled ,#finderbox input:disabled +label{
		  opacity:.5;
		}
		#finderbox label{
			display:inline-block;
			padding-left:1em;
		}
		#finderbox h5,#finderbox h4{
			font-size:1.5em;
			margin:0 auto;
			color:#646464;
		}
		#finderbox button{
			font-size:1.35em;
			padding:20px;
			color:#fff;
			border:none;
			width:100%;
			background:#c11102;
		}

/* impressionen*/
	#impressionen{
		position:relative;
		float:right;
		display:inline-block;
		width:35%;
		padding:0 30px;
	}
		#impressionen  h4, #youtube > h4{font-size: 1.5em;padding:0;margin:1em 0;}
		#impressionen .img{
			display:block;
			width:100%;
			max-width:100%;
			height:auto;
			margin:10px 0;
		}
		#impressionen p.txt{
			font-size:1em;
			padding-bottom:1em;
		}
		#impressionen iframe.reisethumb{
			width:100%;
			min-height:220px;
		}

/* .reisebeschreibung */
	.reisebeschreibung{
		float:left;
		__display:inline-block;
		width:65%;
		padding:30px;
	}
		.reisebeschreibung h1{
			font-size:1.65em;
			margin:0 0 1em 0;
		}
		.reisebeschreibung h2{
			font-size:1.65em;
			margin: 1em 0;
		}
		.reisebeschreibung h3{
			font-size:1.5em;
			font-weight:300;
			margin: 1em 0 .25em 0;
			display:inline-block;
		}
		.reisebeschreibung .img{
			display:block;
			width:100%;
			max-width:100%;
			height:auto;
			margin:15px 0;
		}
		/* BIGPIC */
		.reisebeschreibung div.img{
			margin-top:15px ;
		}
		.reisebeschreibung p.txt{
			font-size:1em;
			padding-bottom:2em;
		}

		[data-toogle-all-siblings]{
			display:block;
			float:right;
			width:25px;
			height:20px;
			background-color: transparent;
			background: url(../pics/arrow_right_small.png) 10px center no-repeat, url(../pics/arrow_right_small.png) 15px center no-repeat;
			cursor:pointer;
			border:none;
			margin-top:-20px;
		}
		[data-toogle-all-siblings]:hover{
			background: url(../pics/arrow_down_small.png) right bottom no-repeat, url(../pics/arrow_down_small.png) right top no-repeat;
		}
		[data-toogle-all-siblings].open{
			background: url(../pics/arrow_down_small.png) right bottom no-repeat, url(../pics/arrow_down_small.png) right top no-repeat;
		}
		[data-toogle-all-siblings].open:hover{
			background: url(../pics/arrow_right_small.png) 10px center no-repeat, url(../pics/arrow_right_small.png) 15px center no-repeat;
		}
	
	[data-toggle-header]{
		display:block;
		width:100%;
		margin:2em auto 0 auto;
		font-size:1em;
		background: transparent url(../pics/arrow_right_small.png) right center no-repeat;

	}
	[data-toggle-header]:hover{
		background:transparent url(../pics/arrow_down_small.png) right center no-repeat;
	}
	[data-toggle-header].open{
		background:transparent url(../pics/arrow_down_small.png) right center no-repeat;
	}
	[data-toggle-header].open:hover{
		background:transparent url(../pics/arrow_up_small.png) right center no-repeat;
	}
	strong[data-toggle-header]{border-bottom:1px silver solid;}
	h5[data-toggle-header]{border-bottom:1px silver solid;font-size:1.25em;margin-bottom:1em;}
	#infobox [data-toggle-header]{margin:0 auto;border-bottom:none;}


/* reise termine form */
	#anreise-termin-form fieldset{
		width:100%;
		margin:1em 0;
	}
	#anreise-termin-form label{
		display:inline-block;
		font-size:1.2em;
	}
	#anreise-termin-form input[name=anreise-termin]{
		display:inline-block;
		font-size:1.2em;
		padding:.25em 1em;
		border:none;
		border-radius:5px;
		background:#fff;
		color:gray;
	}
	#anreise-termin-form button{
		margin:.5em auto;
		cursor:pointer;
	}

/* table.termine_preise */

	table.termine_preise{
		min-width:100%;	
		background:#e9e9e9;
	}
	table.termine_preise td{
		min-width:25%;
		padding:5px 0;
		border-bottom:1px solid silver;
	}
	table.termine_preise th:first-child{
		width:50%;
	}
	table.termine_preise tbody tr:not(.toogle) td:last-child{
		text-align:right;
	}
	table.termine_preise td input[type=submit], table.termine_preise td .button{
		padding:3px 5px 3px 3px;
		color:#fff;
		background:#CC071E;
		border:none;
		white-space:nowrap;
		cursor:pointer;
		border-radius:7px;
	}
	tr.toogle td{
		background:#b5b5b5 url(../pics/arrow_right_small.png) no-repeat center right;
		border-bottom:3px solid #e9e9e9;
		border-right:3px solid #e9e9e9;
		cursor:pointer;
		color:#fff;
	}
	tr.toogle td:hover{
		background:#b5b5b5 url(../pics/arrow_down_small.png) no-repeat center right;
	}
	tr.toogle td.open {
		background:#b5b5b5 url(../pics/arrow_up_small.png) no-repeat center right;
	}
	tr[class^="toogle_"]{
		display:none;
	}
	.showhide .tooglebox hr{
		display:none;
	}
	.showhide h4{cursor:pointer;}
	.showhide #tripmap{
		float:right !important;
		width:100%;
		height:350px;
	}
	.showhide #tripmap iframe{
		width:100%;
		min-width:100%;
		height:350px;
	}

	/* important for maps markers & controls */
		#tripmap div , #tripmap iframe div{max-width:none;}

		.showhide img.reisethumb , .showhide iframe.reisethumb{
			width:100%;
			min-height:220px;
		}

	/* verschachtelung z.b. infos */
		.showhide .tooglebox .showhide h4{
			background:red url(../pics/arrow_right_small.png) no-repeat center right;
			border-bottom:2px solid white;
			font-size:16px;
			color:#fff;
		}
		.showhide .tooglebox .showhide h4.open{
			background:red url(../pics/arrow_down_small.png) no-repeat center right;
		}
		.showhide .tooglebox .showhide{
			width:100%;
			padding:0;
			margin:5px 0 0 0;
		}
		.showhide .tooglebox .showhide .tooglebox{
			display:none;
		}

	/* breadcrumb */
	#breadcrumb{
		background:#CD071E;
		clear:both;
		z-index:1000;
	}
	#breadcrumb p{
		_max-width:990px;
		padding:0 15px;
		display:block;
		margin:0 auto;
	}
	#breadcrumb a{
		color:white;
		display:inline-block;
		color:#fff;
		padding:1px 0 1px 10px;
		z-index:1000;
	}
.ui-tooltip{min-width:480px; max-width: 850px; width: auto;}
.ui-tooltip-content iframe{ max-width: 800px; width: 800px;display:block;}
.ui-tooltip-content h6{font-size:1.5em;}

/* start media queries (orientation: portrait)*/

	@media screen and (max-width: 479px) {
		/* iPhone Portrait width: 320px */
		header #topwrapper a#home{width:225px;padding-left:20px;}
		.onlymobile{display:block !important;}
		.onlyscreen{display:none !important;}header #topwrapper #topnav a.menue{display:inline-block;}
		.padding{padding:10px;}#slideshow,#single{padding:0;max-height:300px;}
		.slide div {font-size:.8em;}.prev_slide,.next_slide{display:none !important;}
		nav.screen > div{padding:10px;margin-top:0;}
		nav.screen > div #cross{display:none;}

		#impressionen , .reisebeschreibung{width:100%;display:block;padding:20px;}
		.slide img.start-bt-icon{padding:3%;max-width:33%}
		.thirty,.seventy,.thirtythree,.sixtysix,#finderinfo .text,#finderinfo .info{width:100%;}
		.reisebeschreibung h3{font-size:1.5em !important;}
		/* BIGPIC */
		.reisebeschreibung div.img{margin-top:-50px;}

		.reisenteaser .box{width:100%;padding:10px;}header #topnav{width:auto;}h1,h2,h3{font-size:1.5em !important;}
		a.more{font-size:17px;}.gotop a span{display:none;}
		*{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
		.showhide{margin:5px 0;padding:0 !important;width:100%;min-width:auto;}.showhide h4{cursor:pointer;}.tooglebox{display:none;}
		.showhide h4{background: url(../pics/arrow_down_small.png) no-repeat right center;}
		.showhide h4:hover{background:url(../pics/arrow_up_small.png) no-repeat right center;}
		.showhide h4.open{background:url(../pics/arrow_right_small.png) no-repeat right center;}
		.showhide h4.open:hover{background:url(../pics/arrow_down_small.png) no-repeat right center;}
		fieldset , fieldset.halfwidth{width:100%;}#booking select{max-width:300px;}
		article.padding{padding:0 0 10px 0 !important;display:block;float:right;}
		#grundleistungen{display:none;}
		.ui-tooltip{min-width:none;}
		/* teaserbox pic != button */
		.box div.pic,#finderinfo div.pic{display:block;}
		.box button.pic,#finderinfo button.pic{display:none;}
		.blog button{padding:5px 10px;}

		#goback_button,#gotop_button{top:5px;}
		#finderform [data-toggle-content],[data-toggle-content="tripmap"]{display:none;}
	}
	@media screen and (min-width: 480px) and (max-width: 767px) {
		header #topwrapper a#home{width:225px;padding-left:20px;}
		.onlymobile{display:block !important;}
		.onlyscreen{display:none !important;}header #topwrapper #topnav a.menue{display:inline-block;}
		.padding{padding:10px;}#slideshow,#single{padding:0;max-height:400px;}
		.slide div {font-size:.8em;}
		nav.screen > div{padding:10px;margin-top:0;}
		nav.screen > div #cross{display:none;}

		#impressionen , .reisebeschreibung{width:100%;display:block;padding:20px;}
		.slide img.start-bt-icon{padding:3%;max-width:30%}
		.thirty,.seventy,.thirtythree,.sixtysix,#finderinfo .text,#finderinfo .info{width:100%;}
				/* BIGPIC */
		.reisebeschreibung div.img{margin-top:-50px;}

		.reisenteaser .box{width:50%;padding:10px;}header #topnav{width:auto;}h1,h2,h3{font-size:1.5em;}
		a.more{font-size:17px;}.gotop a span{display:none;}
		*{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
		.showhide{margin:5px 0;padding:0 !important;width:100%;min-width:auto;}.showhide h4{cursor:pointer;}.tooglebox{display:none;}
		.showhide h4{background: url(../pics/arrow_down_small.png) no-repeat right center;}
		.showhide h4:hover{background:url(../pics/arrow_up_small.png) no-repeat right center;}
		.showhide h4.open{background:url(../pics/arrow_right_small.png) no-repeat right center;}
		.showhide h4.open:hover{background:url(../pics/arrow_down_small.png) no-repeat right center;}
		fieldset{width:50%;}fieldset.halfwidth{width:100%;}#booking select{max-width:400px;}
		#grundleistungen{display:none;}
		/* teaserbox pic != button */
		.box div.pic,#finderinfo div.pic{display:block;}
		.box button.pic,#finderinfo button.pic{display:none;}
		.blog button{padding:5px 10px;}

		#goback_button,#gotop_button{top:5px;}
		#finderform [data-toggle-content]{display:none;}
	}
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		/* iPad [Portrait + landscape] */
		.padding,header #topnav,header #logo{padding:10px;}#slideshow,#single{padding:0;}
		article aside{float:right;width:40%;padding:20px 0 10px 5%;}
		article aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
		fieldset{width:50%;}
		.blog button{padding:5px 10px;}
		#finderinfo .box100 , #finderinfo .box50{padding:10px 7px;}
		
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		/* iPad [landscape] */
		article aside{float:right;width:40%;padding:20px 0 10px 5%;}
		article aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
		section.reise_display h1{margin:3em 0 0 0;}

				#logo{
			position:fixed;
			background:#fff;
			left:cal(100%-714px);top:0;
			max-width:1428px;
		}
		
	}


	@media screen and (min-width: 1025px) {
		/* >ipad portait ,netbooks,  macbook */
		#topnav{width:50%;}
		article aside{float:right;width:40%;padding:20px 0 10px 5%;}
		article aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
		section.silver{margin:0 15px;}
		section.reise_display h1{margin:2.5em 0 0 0;}
		#logo{display:block;}
		.slide h2.start-bt-icon-h2{margin-bottom:1em;}

		#logo{
			position:fixed;
			background:#fff;
			left:cal(100%-714px);top:0;
			max-width:1428px;
		}


	@media screen and (min-width: 1500px) {
		/* desktop, imac */
		#topnav{width:60%;}
		article aside{float:right;width:40%;padding:20px 0 10px 5%;}
		article aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
		section.silver{margin:0 15px;}
		section.reise_display h1{margin:2.5em 0 0 0;}

		#gotop_button{left:300px;}
		#goback_button{left:260px;}
		#show_booking_button,#show_termine_preise{right:15em;top:250px;display:block;}


	}