@charset "utf-8";
/* reset all browser default styling */
@import "reset.css";
@import "flyoutstyle.css";

/* older browser html5 workaround */
header, section, footer, aside, nav, article, figure{
	display: block;
}
*{max-width:100%;box-sizing:border-box;}
html{
	background:#f2f2f2;
	height:101%;
	color: #323232;
	font-family: "Open Sans",sans-serif;
	font-size:14px;
}
 b , strong{ font-weight:700;}
body {
	font-size: 1em;
	font-weight:400;
	line-height:normal;
}
a:link,a:visited {
	cursor:pointer;
	outline:none;
	text-decoration:none;
	color: #000;
}
a:active, a:hover {
	text-decoration:underline;
}
:focus,:visited{
	outline: none !important;
}
#content a:link , #content a:visited{
	color:#3399cc;
	text-decoration:none;
}
a.more{
	margin-top:1em;
	display:block;
}
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;}
article.boxen>br.clearfix:only-child{display:none;}
section:empty{display:none;}
hr{
	height:1px;
	background:#f2f2f2;
	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:400;
		line-height: normal;
		color:#3399cc;
	}
	h1 , h2{
		font-size: 2.75em;
		font-weight:300;
		line-height: 1em;
		margin-bottom:0.25em;
		text-transform:none;
	}
	h2{
		font-size: 2.25em;
		margin:0.25em 0;
	}
	h3{
		font-size: 1.5em;
		font-weight:400;
		color:#000;
	}
	h6 a:link, footer a:link ,h6 a:visited, footer a:visited{
		color:#323232;
	}

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


/* header */
	header{
		width:100%;
	}
	#logo{
		display:inline-block;
		padding:0;
		width:100%;
	}
	header #topnav{
		display:inline-block;
		text-align:right;
		font-size:1.25em;
		padding:20px 0 0 0;
		float:right;
	}
	header #topnav ul , header #topnav ul li{
		display:inline;
		clear:right;
	}
	header  #topnav ul li a{
		padding:0 0 0 10px;
	}

/* nav */
	header nav{
		margin:0;
		text-align:center;
		font-weight:300;
		background: #3399cc;
	}
	#navi div{
		width:100%;
		display:inline-block;
		text-align:left;
		padding:0 15px;
	}
		#navi ul{
			display:inline-block;
			list-style-type: none;
			margin: 0 auto;
		}
			#navi ul li ul{
				background: #3399cc;
				margin-top:5px;
			}
			nav ul li{
				display:inline-block;
				padding:5px 0;
				margin:0 10px 0 0;
				text-align:left;
			}
				nav ul li.active{
					color:yellow;
				}
				nav ul li.active li{
					border:none;
				}
				nav ul li a{
					text-decoration:none;
					color:#fff !important;
					font-size:1.75em;
					padding:0 15px 0 0;
				}
				nav ul li li a{
					font-size:1.25em;
					background:none;
					padding:0;
				}
				nav ul li li:hover a , #nav ul li li.active a{
					text-decoration:underline;
				}
					nav ul li:hover li a, #nav ul li.active li a{
						text-decoration:none;
						font-weight:normal;
						hyphens :auto;
						color:#fff !important;
					}
					nav ul li li:hover a{
						color:#fff !important;
						text-decoration:underline;
					}
					nav ul li.active li.active a{
						font-weight:bold;
						text-decoration:none;
						color:#fff !important;
					}
					#sfnav ul {z-index:100;display:block;}
					#sfnav li ul{
						margin:0px 20px 0 0;
						padding:15px 5px;
					}
					#sfnav li li{
						padding:0 5px;
					}
/* #mobinav */
	#mobinav{display:none;}
	a.menu-toggle{
		display:block;
		background:transparent;
		color:#fff;
		font-weight:600;
		border:none;
		padding:5px;
	}
	#mobile_navi{
		display:none;
		clear:both;
		float:left;
		width:100%;
		background:#3399cc;
	}
		#mobile_navi #mobinav{
			display:none;
			clear:both;
			width:100%;
			float:left;
			list-style-type: none;
			margin:0;
			z-index:200;
			background:#3399cc;
			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:#f2f2f2;
	}
	footer ul{
		margin:10px auto;
		width:100%;
	}
	footer li{
		padding:5px 15px;
		width:25%;
		min-height:2em;
		min-width:245px;
		display:inline-block;
		vertical-align:top;
	}







/* content */
#content{
	margin:0 auto;
}




/* article */
	article{
		display:block;
		padding:0;
		margin:0 auto;
	}

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

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


	/*  pdf / links / pics */
	aside div{
		width:100%;
		display:block;
		float:left;
		margin-bottom:5px;
	}
		aside img{
			float:left;
			padding:0 2% 2% 0;
			display:block;
		}
		aside #pdf {
			display:block;
			margin:1em 0;
		}
		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:2px 15px;
		color:#fff !important;
		background:#3399cc;
		margin:5px;
		font:caption;
		cursor:pointer;
		white-space:nowrap;
		border:none;
	}

/*  finderform */

	.box.finderform{
		height:auto;
	}
	#finderform {
	padding-top:15px;
	}
	#finderform h5{
		display:block;
		color:#323232;
	}
	#finderform fieldset{
		padding: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;
		width:100%;
		padding:5px;
		font-size:1.5em;
		border:1px solid silver;
	}
	button[form=finderform]{
		background:#3399cc;
		border:0;
		width:100%;
		color:#fff;
		font-size:2em;
		margin-top:5px;
		padding:5px 10px;
		cursor:pointer;
	}
	button.more{
		width:auto;
		padding:5px;

	}

/* form datenschutz */
	[id^=terms]{
		text-decoration:underline;
		color:#3399cc;
		cursor:pointer;
	}
	p.terms{
		margin-right:-20px;
		display:none;
	}
/* #contact form  */
	#contact {
		background:#f2f2f2;
	}
/* #booking form  */
	#booking {
		background:#f2f2f2;
	}
		#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:scroll !important;
			clear:left;
			margin:0 0 10px 0;
		}
		#booking .terms b{
			display:block;
		}
		#booking input[type=reset]{
			display:none;
		}
		#booking textarea{
			height:100px;
		}
		#booking fieldset.fullwidth.white:empty{display:none;}


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

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



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

	.box{
		background:#f2f2f2;
		width:310px;
		margin:15px;
		display:block;
		float:left;
		clear:right;
		border:#e5e5e5 thin solid;
	}
		.box .pic{
			margin-top:75px;
			width:100%;
			height:100px;
			display:block;
			position:relative;
		}
			.box .pic div{
				width:100%;
				top:-75px;
				left:0;
				position:absolute;
				color:#3399cc;
				padding:10px 5px 5px;
				font-size:1.5em;
				line-height:1.25em;
				letter-spacing:0;
				background:#f2f2f2 url(../pics/f2_opacity.png) repeat 0 0;
			}
		.box .shorttext{
			display:block;
			margin:0;
			padding:5px;
			height:5em;
			overflow:hidden;
		}
		.box a.strong{
			float:left;
			display:block;
			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;
		}


/* newsbox */
	.box.newsbox{
		height:auto;
		float:right;
		vertical-align:top;
	}
	.box.newsbox .shorttext{
		margin-top:0px;
		height:auto;
	}
	.box.newsbox .shorttext li{
		margin:.5em auto;
		background:#fff;
		padding:5px;
	}
	.box.newsbox >h4{
		padding:5px;
	}

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

	.news h4{
		background:#efefef;
		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;margin:0 auto;display:block;padding:0 20px; }
	section.reise_display h1{margin:.7em 0;font-size: 2.25em;}
	section.reise_display h2{font-size: 2.75em;}
	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;}

/* termine */
section.article > div{
  width: 50%;
  min-width: 300px;
  display: inline-block;
  float: left;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}
section.article div.fullwidth{
  width: 100%;
}
/* #termine_preise */

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

/* #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:#efefef;clear:both;}

	#termine_liste p{
		padding:5px 5px 0 0;
		display: table-cell;
		clear:both;
		width:100%;
		vertical-align:top;
	}
	#termine_liste .symbole{
		margin:2px;
		min-width:25px;
		min-height:25px;
		max-height:25px
	}
	#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;}
	#termine_liste p.symbole{width:40%;}
	#termine_liste p.buttons{white-space:nowrap;width:60%;}
	#termine_liste form[id^=form_] {display:table-cell;padding:0;margin:0;}
	#termine_liste form[id^=form_] fieldset{padding:0;margin:0;display:inline;min-width:150px}
	#termine_liste form[id^=form_] fieldset input[type=text]{padding:1px;margin:0;display:inline;width:120px;text-align:center}
	#termine_liste form[id^=form_] button.rbg_update{padding:0;margin:0;cursor:pointer;display:inline !important;width:25px}
	#termine_liste form[id^=form_] select.rbg_update{width:125px;}
	/*
	mobile
	#termine_liste p{display: inline-block;float:left;min-width:100%;}
	*/

/*  showhide */
	.showhide {
		padding:0 10px;
		float:right;
		display:block;
		width:50%;
		min-width:320px;
		max-width:100%;
		margin: 15px 0;
	}
	.showhide:first-child {
		float:left;
	}
	.showhide  ul{
		padding: 5px 5px 5px 15px;
		margin:0;
	}
	.showhide  ul li{
		list-style-type:disc;
		list-style-position:outside;
	}
	.showhide h4{
		padding:5px;
		width:100%;
		font-size:20px;
		font-weight:400;
		background:#f2f2f2 url(../pics/arrow_right_small.png) no-repeat 99% .5em;
	}
	.showhide h4:hover{
		background:#f2f2f2 url(../pics/arrow_down_small.png) no-repeat 99% .5em;
	}
	.showhide h4.open{
		background:#f2f2f2 url(../pics/arrow_down_small.png) no-repeat 99% .5em;
	}
	.showhide h4.open:hover{
		background:#f2f2f2 url(../pics/arrow_up_small.png) no-repeat 99% .5em;
	}
	.showhide h4:only-child{
		background:#f2f2f2 !important;
	}
	.showhide .tooglebox{
		padding:15px 5px;
		width:100%;
		font-size:1em;
		font-weight:400;
	}
	.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:.5em 0 0 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;
	}
	.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]{
		padding:0 1%;
		color:#fff;
		background:#3399cc;
		border:none;
		white-space:nowrap;
		cursor:pointer;
		margin-left:5px;
	}
	tr.toogle td{
		background:#e5e5e5 url(../pics/arrow_right_small.png) no-repeat center right;
		border-bottom:2px solid white;
		cursor:pointer;
		color:#fff;
	}
	tr.toogle td.open {
		background:#e5e5e5 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:0;
	}
	/* important for maps markers & controls */
	#tripmap div , #tripmap iframe div{max-width:none;}

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

	/* verschachtelung z.b. infos */
	.showhide .tooglebox .showhide h4{
		background:#e5e5e5 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:#e5e5e5 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:#3399cc;
		clear:both;
	}
	#breadcrumb p{
		max-width:990px;
		display:block;
		margin:0 auto;
	}
	#breadcrumb a{
		color:white;
		display:inline-block;
		color:#fff;
		padding:1px 0 1px 10px;
	}


.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;}

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

	@media screen and (max-width: 479px) {
		/* iPhone Portrait width: 320px */
		#navi{display:none;}#mobile_navi{display:block;}
		.padding{padding:10px;}#slideshow,#single{padding:0;max-height:300px;}
		.slide div {font-size:.8em;}.prev_slide,.next_slide{display:none !important;}
		.reisenteaser .box{margin:5px;}header #topnav{width:auto;}h1,h2{font-size:1.5em;}h3{font-size:1em;}
		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-image: url(../pics/arrow_down_small.png);}
		.showhide h4:hover{background-image:url(../pics/arrow_up_small.png);}
		.showhide h4.open{background-image:url(../pics/arrow_right_small.png);}
		.showhide h4.open:hover{background-image:url(../pics/arrow_down_small.png);}
		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{display:block;}
		.box button.pic{display:none;}
	}
	@media screen and (min-width: 480px) and (max-width: 767px) {
		#navi{display:none;}#mobile_navi{display:block;}
		.padding{padding:10px;}#slideshow,#single{padding:0;max-height:300px;}
		.slide div {font-size:.8em;}
		.reisenteaser .box{margin:5px;}header #topnav{width:auto;}h1,h2{font-size:1.5em;}h3{font-size:1em;}
		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-image: url(../pics/arrow_down_small.png);}
		.showhide h4:hover{background-image:url(../pics/arrow_up_small.png);}
		.showhide h4.open{background-image:url(../pics/arrow_right_small.png);}
		.showhide h4.open:hover{background-image:url(../pics/arrow_down_small.png);}
		fieldset{width:50%;}fieldset.halfwidth{width:100%;}#booking select{max-width:400px;}
		#grundleistungen{display:none;}
		/* teaserbox pic != button */
		.box div.pic{display:block;}
		.box button.pic{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;}
		aside{float:right;width:40%;padding:20px 0 10px 5%;}
		aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
		fieldset{width:50%;}
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		/* iPad [landscape] */
		aside{float:right;width:40%;padding:20px 0 10px 5%;}
		aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}
	}
	@media screen and (min-width: 1025px) {
		/* >ipad portait ,netbooks,  macbook */
		#topnav{width:60%;}
		aside{float:right;width:40%;padding:20px 0 10px 5%;}
		aside div{clear:both !important;padding:0 0 10px 0;display:block;float:right;}

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

	}