@charset "utf-8";
/* reset all browser default styling */
@import "reset.css";
@import "flyoutstyle.css";
/*
Farbwerte CL:
- helloragne #FEF3D7
- orange navi: #FFA800
- hellgrau footer: #F2F5FA
footer font: #747474
- Große Bilder slideshow 1600 (max 1920) x 690 px
- Vorschaubilder proportional auf 270 px Breite (das entspricht der jeweiligen Blockbreite)
Typografie:
color: #3E3E3E Arial, sans-serif
reise togglebox bg #FEF3D7 dunkel / #FEF3D7 (hell)
*/


/* older browser html5 workaround */
header, section, footer, aside, nav, article, figure{
	display: block;
}
*{max-width:100%;box-sizing:border-box;}
html{
	background:#fff;
	height:100%;
	color: #3E3E3E;
	font-family: 'Arial', sans-serif;
	font-size:15px;
	margin:0;
}
b , strong{ font-weight:700;}
i , em{ font-style:italic;}
body {
	font-size: 1em;
	font-weight:400;
	line-height:normal;
	margin:0;
}
a:link,a:visited {
	cursor:pointer;
	outline:none;
	text-decoration:none;
	color: #3E3E3E;
}
a:active, a:hover {
	text-decoration:underline;
}
:focus,:visited{
	outline: none !important;
}
#content a:link , #content a:visited{
	color:#FFA800;
	font-weight:600;
}
a.more{
	margin-top:1em;
	display:inline-block;
	background:#FFA800;
	color:#fff !important;
	padding:2px 4px;
}
a#gotop{
	float:right;
	margin:20px 10px -25px 10px;
	background:#F2F5FA;
	padding:0 10px;
	border-radius:5px;
}
.message{
	display:block;
	color:red;
	text-align:center;
	background:#fff;
	padding:5px;
}
	.message:empty{
		display:none;
	}
.clearfix{
	clear:both !important;
}
section.article>br.clearfix:only-child{display:none;}

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

/* Überschriften */
	h1,h2,h3,h4,h5,h6{
		font-size: 1.5em;
		font-weight:200;
		-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;
	}
	h3{font-size: 1.25em;}
	h1 , h2.h1{
		font-weight:100;
		word-break: normal;
		/*text-transform:uppercase;*/
	}
	h6 a:link, footer a:link ,h6 a:visited, footer a:visited{
		color:#323232;
	}

/* .silver global background class*/
	.silver{
		background: #F2F5FA;
	}
	.white{
		background: white;
	}
/* global padding class */
	.padding{
		padding:10px 20px;
	}
/* #wrapper */
	#wrapper{
		position:relative;
		margin:0 auto;
		width:100%;
		height:100%;
	}

/* header */
	header{
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}
	header #logo{
		display:inline-block;
		padding:0;
		width:100%;
		background:transparent url(../pics/opacity.png) left top repeat;
	}
	header #logo #topwrapper{
		padding: 0 20px;
		max-width:1240px;
		margin:0 auto;
		position: relative;
	}
	header #logo #topwrapper a#home{
		z-index:10000;
		color:#00429E;
		font-size:1.75em;
	}
	header #logo #topwrapper a#home:hover{
		text-decoration:none;
	}
	header #logo #topwrapper a#home img{
		margin:5px 0 -10px 0;
		display:inline-block;
		max-width:30%;
	}
	header #logo #topwrapper #claim{

	}
	header #logo #topwrapper #callus{
		text-align:right;
		position: absolute;
		top:-5px;
		right:0;
	}


/* nav */
	header nav{
		margin:0;
		text-align:center;
		font-weight:200;
		background: transparent url(../pics/opacity.png) repeat;
		display:block;
	}
	#navi div{
		width:100%;
		height:2.5em;
		display:inline-block;
			text-align:right;
			max-width:1200px;
	}
		#navi ul{
			display:inline-block;
			list-style-type: none;
			margin:0 auto;
		}
			#navi ul li ul{
				background: #FFA800;
				margin-top:1px;
			}
			nav ul li{
				display:inline-block;
				padding:5px 0;
				margin:5px 0 5px 10px;
				text-align:left;
			}
				nav ul li.active{
					color:yellow;
				}
				nav ul li a{
					text-decoration:none;
					color:#fff !important;
					font-size:1.4em;
					text-transform:uppercase;
					background:#FFA800;
					padding:5px 10px;
					-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;
				}
				nav ul li li{
					padding:5px 0;
					margin: 5px 0 0 5px;
				}
				nav ul li li a{
					font-size:1em;
					text-transform:none;
					background:none;
					padding:0;
				}
				nav ul li:hover>a  , nav ul li.active>a {
					text-decoration:underline;
					color:#fff !important;
				}
/*					nav ul li:hover li a, #nav ul li.active li a{*/
/*						text-decoration:none;*/
/*						font-weight:normal;*/
/*						-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;*/
/*						color:#fff !important;*/
/*					}*/
/*					nav ul li li:hover a , nav ul li li.active a {*/
/*						color:#fff !important;*/
/*						text-decoration:underline;*/
/*					}*/
/*					nav ul li.active li.active a{*/
/*						font-weight:bold;*/
/*						color:#fff !important;*/
/*					}*/
					#sfnav ul {z-index:100;display:block;}
					#sfnav li ul{
						margin:0 20px 0 0;
						padding:15px 5px;
					}
					#sfnav li ul ul{
						margin:0 -50% 0 50%;
					}
					#sfnav li li {
						padding:0 5px;
					}
					#sfnav li li a{
						font-weight:600;
					}
/* #mobile_navi */

	#mobile_navi{
		display:none;
		clear:both;
		float:left;
		width:100%;
		background:transparent;
		position: relative;
	}
		#mobile_navi #icons{
			position: relative;
			float:right;
			padding:5px 20px;
			display:inline-block;
		}
			#mobile_navi #icons a.menu-toggle{
				font-size:2em;
				color:#FFA800;
				padding:2px 70px 0 0;
				background:transparent url(../pics/menue.png)no-repeat right top;
			}
			#mobile_navi #icons a:hover{
				text-decoration:none;
			}
		#mobile_navi #mobinav{
			display:none;
			clear:both;
			width:100%;
			list-style-type: none;
			margin:0;
			z-index:200;
			background: #FFA800;
			padding:0;
			border-bottom:1px solid #fff;
		}
		#mobile_navi ul{
			display:block;
			float:left;
			border:none;
			padding:0;
			margin:0 0 4px 0;
			width:100%;
		}
		#mobile_navi li{
			padding:10px 0 0 1.5em;
			display:inline-block;
			width:100%;
			margin:0;
			border-bottom:thin solid #fff;
		}
		#mobile_navi li li{
			border-bottom:none;
		}
		#mobile_navi li a{
			background:transparent;
			font-weight:500;
		}
		#mobile_navi #alle_termine{
			position:absolute;
			height:2em;
			bottom:-2em;
			left:0;
			width:100%;
			border:none;
			text-align:center;
			background:transparent url(../pics/orange_opacity.png)repeat;

			color:#fff;
			font-size:1.5em;
			font-weight:100;
			cursor:pointer;
			z-index:1;
		}

/* footer */
	footer{
		margin-top:20px;
		float:left;
		width:100%;
		padding:25px 10px;
		background:#F2F5FA;
	}
		footer section{
			margin:0 auto;
			max-width:1240px;
		}
			footer section div.footer_box{
				display:inline-block;
				float:left;
				min-width:240px;
				min-height:280px;
				 /* adjust width in media queries */
				border-left:1px solid #C2C5CA;
				padding:0 20px;
				margin:10px 0;
			}
			footer section div.footer_box div{
				display:inline-block;
				padding:0 5px;
			}
			div.footer_box.first{border-left:none;}
				div.footer_box h6{margin:.5em 0;}
				div.footer_box h6:first-child{margin:0 0 .5em 0;}
				div.footer_box img{max-width:100%;}
				div.footer_box p.social_networks a{
					display:block;
					padding:5px 0 0 30px;
					background-color: transparent;
					background-image: url("../pics/social_sprite.jpg");
					background-repeat: no-repeat;
					font-size:.8em;
					height:25px;
				}
				p.social_networks a[title='Blog']{background-position:0 top;}
				p.social_networks a[title='Facebook']{background-position:0 24%;}
				p.social_networks a[title='Google']{background-position:0 49%;}
				p.social_networks a[title='Youtube']{background-position:0 73%;}
				p.social_networks a[title='Flickr']{background-position:0 97%;}

/* footer navi */
	footer ul{
		margin:15px auto;
		width:100%;
		max-width:1200px;
	}
		footer li{
			padding:0px 10px;
			display:inline-block;
			vertical-align:top;
			border-left:1px solid #C2C5CA;
			font-size:.85em;
		}
		footer li:first-child{
			border-left:none;
			padding-left:0;
		}
			footer li a:link,footer li a:visited{
				color:#707378;
			}
	/* footer copyright */
		footer li:last-child{
			border:none;
			float:right;
			color:#707378;
		}



/* slideshow */

	#slideshow{
		display:block;
		float:left;
		overflow:hidden;
		position:relative;
		height:690px;
		width:100%;
		background:#fff;
	}
	#slideshow.small {height:490px;}
	.slide{
		width:100%;
		height:100%;
		position:relative;
	}
		#slideshow .slide div section{
			display:block;
			width:100%;
			max-width:580px;
			padding:0;
		}
		#slideshow .slide div section:empty{
			display:none;
		}
		#slideshow .slide ul.plus{
			max-width:380px;
			padding:0 !important;
			margin:0;
		}
		#slideshow .slide div section ul.plus li{
			display:block;
			background:url(../pics/plus.png) no-repeat 0 7px  ;
			padding-left:15px !important;
		}
		.slide div.textblock_wrapper{	/* textblock wrapper*/
			display:block;
			width:100%;
			position:absolute;
			top:45%;
			left:0;
			z-index:-1;
		}
		.slide div.textblock_wrapper div.textblock{ /* textblock zentriert*/
			position:relative;
			width:auto;
			max-width:1200px;
			margin: auto;

		}
			.slide div h2,.slide div h1{
				display:inline-block;
				padding:15px 20px 10px 20px;
				margin:0;
				text-transform:none;
				font-size:2.75em;
				font-weight:100;
				background:white;
				opacity:.8;
			}
			.slide div span{
				display:inline-block;
				font-size:1.25em;
				padding:10px 20px;
				background:white;
				opacity:.8;
				max-height:3em;
				overflow:hidden;
				border:bottom:10px solid white;
			}
			.slide div a:hover{
				text-decoration:none;
			}
				.slide div a button{
					display:block;
					margin:20px 0;
					text-transform:uppercase;
					border:none;
					padding:10px 20px;
					cursor:pointer;
					font-size:1.5em;
					background:#FFA800;
					color:#fff;
					font-weight:100;
				}
		#slideshow .slide  span:empty ,#slideshow .slide  h2:empty{
			background:none !important;
		}

	#slideshow.dummy{	/*aufspreizen fuer #logo*/
		height:230px;
		position:relative;
	}
/* .slide_nav pfeile */
.slide_nav{margin-top:20px;}
	.prev_slide , .next_slide{
		display:none;
		width:120px;
		height:100%;
		cursor:pointer;
		opacity:1;
	}
	.prev_slide{
		float:left;
		background:transparent url(../pics/arrow-left.png)no-repeat right 55%;
	}
	.next_slide{
		float:right;
		background:transparent url(../pics/arrow-right.png)no-repeat left 55%;
	}

	.slide:not(:first-child):hover .prev_slide,.slide:not(:last-child):hover .next_slide{
		display:block;
	}
/* slide_navi kästchen */
	.slide_nav a{
		color:transparent;
		background:#fff;
		height:15px;
		width:15px;
		display:inline-block;
		margin:0 5px 0 0;
		opacity:.5;
	}
	.slide_nav a.activeSlide{
		opacity:1;
	}


/* .breadcrumb (inside slideshow) */
	.breadcrumb{
		position:absolute;
		left:0;
		bottom:0;
		height:50px;
		width:100%;
		background: transparent url(../pics/opacity.png) repeat top left;
	}
	.breadcrumb p{
		max-width:1220px;
		display:block;
		margin:0 auto;
		position:relative;
	}
	.breadcrumb a{
		text-transform: uppercase;
		display:inline-block;
		padding:15px 0 15px 10px;
		font-size:.8em;
	}
	.breadcrumb a:last-child{
		font-weight:bold;
	}


/* content */
	#content{
		margin:0 auto;
		max-width:1240px;
		background:#fff;
	}
			section.article > div{
				width:50%;
				min-width:300px;
				display:inline-block;
				text-align:top;
				float:left;
				padding:10px 20px 0 20px;
			}
			section.article div p , section.article div li{line-height:inherit;}
			section.article div p.halfwidth{width:50%;display:inline-block;}

			section.article div.fullwidth{width:100%;}
			section.article div.fullwidth h2{font-size: 2.75em;}
			section.article div:empty{display:none !important;}

			section.article.pics div{display:block;float:right;}

			section.article div[class^='bild']{height:200px;}
			section.article div.bild_1{margin:10px 0;}
			section.article div.bild_3{margin:40px 0 20px 0;width:100%;}

			section.article img.dummy{height:100%;width:100%;}
			section.article img[class^='bild']{margin:0;}
			section.article img.bild_1{margin:20px 0;}
			section.article img.bild_2{margin:20px 0;}

			/* formatierungen as tinymce*/
			section.article table{
				min-width:100%;
				margin:1em 0;
				border-collapse: separate;
				border-spacing: 2px 2px;
			}
			section.article table:not([class=center]) td{
				vertical-align:top;
				text-align:left;
				padding:5px;
				background:#f7f7f7;
			}
			section.article td img{
				margin:auto;
				height:auto;
			}

/* content h5 + div.toggle */

			section.article h5.toggle{
				font-size:1.25em;
				color:#FDA700;
				text-transform:uppercase;
				cursor:pointer;
				padding:5px;
				margin: 20px 0 5px 0;
				clear:both;
				background:#F7F7F7 url(../pics/arrow_right.png) no-repeat right top;
				background-origin: content-box;
				background-size: 1.25em 1.25em;
			}
			section.article h5.toggle:hover, section.article h5.open{
				background-image:url(../pics/arrow_down.png);
			}
			section.article div.toggle{
				width:100%;
				display:none;
				padding:10px 0;
			}
			section.article div.toggle p , section.article div.toggle strong{
				padding:5px 10px 5px 0;
				display:block;
			}
			section.article div.toggle p.halfwidth{
				max-width:50%;
				float:left;
			}
			section.article div.toggle td{
				background:#fff;
			}

/*  showhide reise_termine */
	.showhide {
		padding:0 15px;
		display:inline-block;
		width:100%;
		min-width:320px;
		max-width:100%;
		margin: 5px 0;
	}
	.showhide .showhide{
		padding:0 0px;
	}

	.showhide h4{
		padding:5px;
		width:100%;
		font-size:20px;
		font-weight:400;
		background:#FFF9EB url(../pics/arrow_right_small.png) no-repeat 98% center;
		color:#ffa600;
	}
	.showhide h4:hover{
		background:#FEF3D7 url(../pics/arrow_down_small.png) no-repeat 98% center;
	}
	.showhide h4.open{
		background:#FEF3D7 url(../pics/arrow_down_small.png) no-repeat 98% center;
	}
	.showhide h4.open:hover{
		background:#FEF3D7 url(../pics/arrow_up_small.png) no-repeat 98% center;
	}
	.showhide h4:only-child{
		background:#FEF3D7 !important;
	}
	.showhide .tooglebox{
		padding:25px 5px 15px 5px;
		width:100%;
		font-size:1em;
		font-weight:400;
	}
	.showhide .tooglebox .showhide .tooglebox{display:none;}
	.showhide .tooglebox span{
		font-size:1em !important;
	}
	.showhide .tooglebox strong{
		display:inline;
		font-weight:700;
	}
	.showhide .tooglebox h3 , .showhide .tooglebox h3 strong{
		font-weight:400;
		font-size:20px;
		margin:0;
	}
	.showhide .tooglebox table{
		width:100%;
	}
	.showhide .tooglebox table th{
		padding: 0 0 5px 0;
		font-weight:700;
	}
	.showhide .tooglebox table td{
		padding: 5px 10px 5px 0;
		background:#FEF3D7 !important;
	}
	.showhide .tooglebox table.termine_preise td{
		min-width:25%;
	}
	.showhide .tooglebox table.termine_preise td:first-child{
		width:50%;
	}
	.showhide .tooglebox table.termine_preise td input[type=submit],.showhide .tooglebox table.termine_preise td a.button, .termine_preise td a.button{
		padding:0 1%;
		background:#FEF3D7;
		color:#CC071E !important;
		border:none;
		white-space:nowrap;
		cursor:pointer;
		margin-left:5px;
	}
	tr.toogle td{
		background:#FEF3D7 url(../pics/arrow_right_small.png) no-repeat center right;
		border-bottom:2px solid white;
		cursor:pointer;
	}
	tr.toogle td.open {
		background:#FEF3D7 url(../pics/arrow_down_small.png) no-repeat center right;
	}
	tr[class^="toogle_"]{
		display:none;
	}
	.showhide .tooglebox hr{
		display:none;
	}
	.showhide #tripmap{
		float:right !important;
		width:100%;
		height:350px;
	}
	.showhide #tripmap iframe{
		width:100%;
		min-width:100%;
		height:350px;
		border:none;
	}
	.showhide img.reisethumb , .showhide iframe.reisethumb{
		width:100%;
		min-height:190px;
	}
/* Reiseseite: reiter bg #FEF3D7 dunkel / #FFF9EB (hell)*/

		section.article div#reiter{
			padding:1px 18px;
		}
			#reiter h4{
				color:#FFA800;
				background:#FFF9EB;
				border:2px solid #fff;
				background-clip:padding-box;
				margin:0;
				padding:10px;
				width:20%;
				display:inline-block;
				cursor:pointer;
				text-align:center;
				white-space:nowrap;
			}
			#reiter h4.open{
				color:#000;
				background:#FEF3D7;
			}
		section.article div#reiter_display{
			background:#FEF3D7;
			background-clip:content-box;
			margin:0;
			padding:0 20px;
		}
			#reiter_display div[data-content]{
				display:block;
				width: 100%;
				padding:40px;
				-webkit-columns: 400px 2; /* Chrome, Safari, Opera */
				-moz-columns: 400px 2; /* Firefox */
				columns: 400px 2;

				-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
				-moz-column-gap: 40px; /* Firefox */
				column-gap: 40px;
			}

			#reiter_display div[data-content] h3{margin:1.25em 0 .25em 0;font-weight:700;}
			#reiter_display div[data-content] h3:first-child{margin-top:0.25em;}
			#reiter_display div[data-content] div{width: 100%;}

			h4[data-panel-control]{
				color:#FFA800;
				background:#fff;
				padding:5px 10px;
				margin:3px 0;
				width:100%;
				display:inline-block;
				cursor:pointer;
			}
			h4[data-panel-control].open{
				color:#000;
			}


/* Reiseseite: section.article ul li */
	section.article ul{
		margin:0;
		padding-left:15px;
	}
	section.article ul.plus{padding-left:20px;}
	section.article div[data-content] ul{padding-left:20px;}

		section.article ul li{
			list-style-type: disc;
			list-style-image: url(../pics/disc.png);
			list-style-position:outside;
		}
		section.article ul.bullet li{list-style-image: url(../pics/bullet.png);}
		section.article ul.plus li{list-style-image: url(../pics/plus.png);}
		section.article div[data-content] li{list-style-image: url(../pics/plus.png);}

/* section.article h1 , h2 */
	section.article div h1{
		margin:5px 0 10px 0;
	}
	 section.article div h2{
		margin:5px 0 5px 0;
		font-size:2.5em;
	}

/* #content iframe.article: achtung! iframe muss eine class haben sonst conflicts mit googlemaps!!! */
	#content iframe.article{
		width:1240px;
		max-width:100%;
		border:0;
		min-height:500px;
		display:block;
	}
/* article */
	article{
		display:inline-block;
		max-width:1240px;
		padding:0 20px;
		margin:0 auto;
	}
/* aside pdf / links */
	aside{
		width:100%;
		padding:10px 0;
		clear:both;
		display:block;
	}
	#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:2px 15px;
		color:#fff !important;
		background:#FFA800;
		margin:5px;
		font:caption;
		cursor:pointer;
		white-space:nowrap;
		border:none;
	}
	a.print{float:right;}

/*  finderform */
	.box.finderform{
		height:410px;
		position:relative;
	}
	#finderform {
		height:250px;
	}
	#finderform h5{
		display:block;
		color:#3e3e3e;
		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:#3e3e3e;
		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;
	}
	button[form=finderform]{
		background:#CD071E;
		border:0;
		width:100%;
		color:#fff;
		font-size:2em;
		margin-top:20px;
		padding:5px 10px;
		position:absolute;
		bottom:0;
		left:0;
		cursor:pointer;
	}
/* form datenschutz */
	[id^=terms]{
		text-decoration:underline;
		color:#FFA800;
		cursor:pointer;
	}
	p.terms{
		margin-right:-20px;
		display:none;
	}
/* #contact form  */
	#contact {
		background:#F2F5FA;
	}
/* #booking form  */
	#booking{
		background:#F2F5FA;
	}
	#booking , #booking div{
		background:#F2F5FA;
		width:100%;
	}
		#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;
	}
	#googlemap div{max-width:none;}

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


/* teaserboxen panel + reise_pages_trailer */
	.panel_item{
		position:relative;
		display:inline-block;
		padding:20px;
		height: 360px;
		background-clip:content-box !important;
		background-size:cover;
		background-color:transparent;
		background-position:center;
		background-repeat:no-repeat;
	}
		.panel_item button{
			position:relative;
			display:block;
			width:100%;
			height: 200px;
			cursor:pointer;
			border:none;
			background-color:transparent;
			background-size:cover;
			background-color:#f0f0f0;
			background-position:center center;
			background-repeat:no-repeat;
		}
		.panel_item div{
			position:relative;
			display:block;
			width:100%;
			height: 120px;
		}
		.panel_item p{
			color:#000;
			background:transparent;
			padding:0 0 10px 0;
			width:100%;
			bottom:0;
			left:0;
			position:absolute;
			font-weight:100;
			font-size:1em;
			-webkit-box-shadow: 3px 13px 41px -40px rgba(0,0,0,0.92);
			-moz-box-shadow: 3px 13px 41px -40px rgba(0,0,0,0.92);
			box-shadow: 0px 13px 41px -40px rgba(0,0,0,0.92);
		}
		.panel_item p a {
			background:#FFA800;
			color:#fff !important;
			padding:10px;
			display:block;
			z-index:1;
		}
		.panel_item span{
			color:black;
			text-transform:none;
			padding:.5em 10px;
			height:5.5em;
			font-size:1em;
			overflow:hidden;
			display:block;
			font-weight:500;
		}
		section.moretrips {
			font-size:1.5em;
			text-align:center;
			margin:0;
			display:block;
			width:100%;
			padding:0 20px;
			clear:both;
		}
		section.moretrips a{
			width:100%;
		}
	section.article  .panel_item{padding:5px;}

	/* reiseleiter */
	section.article  div.panel_item h6{
			background:#FFA800;
			color:#fff;
			padding: 5px 5px 0 5px;
		}
	.panel_item:hover p span.hidden{
		overflow:show;
		height:auto;
		cursor:pointer;
		background:#fff;
	}

div.blog > div{
	float:left;
	display:inline-block;
	width:50%;
	padding:10px;
}

button.button{
	background:#FFA800;
	border:0;
	color:#fff;
	font-weight:600;
	padding:5px 10px;
	cursor:pointer;
}
button.inactive{
 background-color: #fef3d7;
 cursor:default;
}
button.blog{
	width:100%;
	color:#FFA800;
	border:0;
	text-align:right;
	padding:5px 0 10px;
	background:#fff;
	font-size:1.5em;
	cursor:pointer;
}
/* blog blättern */
button.button.prev{float:left;width:auto;margin:20px;}
button.button.next{float:right;width:auto;margin:20px;}
button.button a{color:#fff !important;}

button.open_weltkarte{
	width:100%;
	color:#FFA800;
	border:0;
	padding:10px;
	background:#fff;
	font-size:1.5em;
	cursor:pointer;
}
img.symbole{
	max-width:35px;
	max-height:35px;
	width:35px;
	height:35px;
	cursor:pointer;
	margin-right:5px;
	background: silver;
	border-radius:5px;
}

img.reisethumb , iframe.reisethumb{
	width:270px;
	height:190px;
}


/* #tripmap */
	#tripmap{
		display:block;
		width:100%;
		height:300px;
		clear:both;
		margin-bottom:80px;
		padding-top:0;
	}
	#tripmap iframe{
		width:100%;
		min-width:100%;
		height:350px;
		border:none;
	}
	#tripmap div , #tripmap iframe div {max-width:none;}
/* weltkarte #map */
	#map{
		margin:0;
		width: 100%;
	}
	#map div div{max-width:none;}

/* #termine_preise */

	div#termine_preise {
		position:relative;
		clear:both;
		display:block;
		width:100%;
		padding:20px 0;
	}
	div#termine_preise div{
		position:relative;
		clear:both;
		display:inline-block;
		background:#fff;
		background-clip: content-box;
		padding:0;
		margin-bottom:3px;
		width:100%;
	}
	div#termine_preise div p{
		padding:5px 0;
		display: inline-block;
		width:100%;
		min-height:40px;
		vertical-align:top;
		text-align:right;
	}
	div#termine_preise div p span{
		float:left;
		display:inline-block;
		padding:10px 0 5px 0;
	}
	div#termine_preise div p.th{
		background:#fff;
		font-size:1.5em;
		text-align:center;
		min-height:0px;
		padding:0;
	}
	div#termine_preise div p.th span{
		padding:0;
	}
	div#termine_preise div img.ampel{
		margin:10px 0 -2px 10px;
		display:inline-block;
		border-radius:3px;
	}
	div#termine_preise div button{
		float:right;
		margin:0 0 0 10px;
		height:40px;
		display:inline-block;
		position:relative;
		padding:0 5px;
		border-radius:5px;
	}


/* #termine_liste */

	section#termine_liste{
		width:100%;
		border-collapse: separate;
		border-spacing: 5px;
		display: table;
	}
	#termine_liste hr{
		border-top:#F2F5FA thin solid;
		display:block ;
		clear:both;
		width:100%;
	}
	#termine_liste div{
		position:relative;
		display:table-cell;
		padding:5px;
		vertical-align:top;
	}
	#termine_liste div.fullwidth{background:#FEF3D7;clear:both;}

	#termine_liste p{
		padding:5px 5px 0 0;
		display: table-cell;
		clear:both;
		width:100%;
		vertical-align:top;
	}
	#termine_liste p img.ampel{
		margin:10px 10px 0 10px;
	}

	#termine_liste p.termin{width:180px;white-space:nowrap;}
	#termine_liste p.reisename{width: calc(100% - 180px);}
	#termine_liste p.infos{calc(100% - 100px);}
	#termine_liste p.preis{white-space:nowrap;}
	/*
	mobile
	#termine_liste p{display: inline-block;float:left;min-width:100%;}
	*/



.ui-tooltip{min-width:480px; max-width: 850px; width: auto;z-index:10000;overflow:auto !important;}
.ui-tooltip-content iframe{ max-width: 800px; width: 800px;display:block;}
.img-tooltip-content{min-width:40px;overflow:auto !important;}
.ui-tooltip-content h6{font-size:1.5em;}
.my-tooltip-styling{min-width:20px !important;}

.showhide h4{cursor:pointer;}
div.fancybox-title.fancybox-title-inside-wrap {text-align:center;}

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

	@media screen and (max-width: 479px) {
		/* iPhone Portrait width: 320px */
		header #logo #topwrapper{padding:0 5px;margin-bottom:35px;}
		header #logo #topwrapper #home{position:fixed;min-width:320px;}
		header #logo #topwrapper #callus{position:fixed;background:white;z-index:1000000000000;border:5px solid #fff}

		#navi,.breadcrumb,#claim,#callus span,.prev_slide,.next_slide{display:none !important;}#mobile_navi{display:block;}header{position: relative;margin-bottom:90px;}
		.padding{padding:10px;}#slideshow{max-height:310px;}#slideshow.dummy{height:0px;}
		.slide div {font-size:.6em !important;}
		.slide .reise_display h1{color:#00439e;font-size:4em;}
		.panel_item ,.footer_box{width:100%;}h3{font-size:1em;}
		a.more{font-size:17px;}
		*{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}

		fieldset , fieldset.halfwidth{width:100%;}#booking select{max-width:300px;}
		.ui-tooltip{min-width:none;}
		section.article div{width:100%;}
		#termine_liste p{display: inline-block;float:left;}
		div#termine_preise div p{width:100%;}
		div#reiter h4{width:100%;}
		div#reiter_display div[data-content]{padding:10px;}
		.panel_item a.hidden{display:block;}
		div.blog > div{width:100%;}

		.tooglebox {display:none;}
		.showhide h4.open{color:#000;}
		.gallery_item{min-width:100%;}
	}
	@media screen and (min-width: 480px){
		.panel_item ,.footer_box{width:100%;}
		h1,h2,h3,h4,h5,h6{word-break: normal;}
		section.article  div.panel_item{width:50%;float:left;}
		.gallery_item{min-width:50%;}
	}
	@media screen and (min-width: 480px) and (max-width: 767px) {
		#navi ,.breadcrumb,.prev_slide,.next_slide{display:none !important;}#mobile_navi{display:block;}header{position: relative;}
		.padding{padding:10px;}#slideshow{max-height:350px;}#slideshow.dummy{height:100px;}
		.slide div {font-size:.8em !important;}
		.panel_item ,.footer_box{width:50%;}h3{font-size:1em;}
		.gallery_item{min-width:50%;}
		a.more{font-size:17px;}
		*{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}

		fieldset{width:50%;}fieldset.halfwidth{width:100%;}#booking select{max-width:400px;}
		section.article div{width:100%;}
		div#reiter h4{width:50%;}
		div#reiter_display div[data-content]{padding:20px;}
		.panel_item a.hidden{display:block;}
		div.blog > div{width:100%;}

		.tooglebox {display:none;}
		.showhide h4.open{color:#000;}
	}
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		/* iPad [Portrait + landscape] */
		.padding{padding:10px;}
		.panel_item ,.footer_box{width:50%;}h3{font-size:1em;}
		.gallery_item{min-width:33.33%;}
		fieldset{width:50%;}
		div#reiter h4{width:50%;}
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		/* iPad [landscape] */
		.panel_item{width:30.33%;} .footer_box{width:20%;}
		.gallery_item{min-width:33.33%;}
	}
	@media screen and (min-width: 1025px) {
		/* >ipad portait ,netbooks,  macbook */
		.panel_item{width:25%;} .footer_box{width:20%;}
		.gallery_item{min-width:20%;}
		section.article  .panel_item{padding:5px 10px 0 0;}
		section.silver{margin:0 15px;}
		h1,h2{font-size: 2.75em;}
	}
	@media screen and (min-width: 1500px) {
		/* desktop, imac */
		.panel_item{width:25%;} .footer_box{width:20%;}
		.gallery_item{min-width:20%;}
		section.silver{margin:0 15px;}
	}