/* schulz aktiv reisen - Website 3.5 */

/* -------------------------------------------------- 
    Übersicht
-----------------------------------------------------
::	1. Grundelemente, Typografie und Farbe
::	2. Kopfbereich
::	3. Navigationsbereich
::	4. Inhaltsbereich
	4.1. Reiseseite
	4.2. Buchungsschritte 1,2,3,4
	4.3. Länder A-Z
	4.4. Startseite
	4.5. Restplätze
	4.6. Kontaktformular
	4.7. Geschichte
	...
	4.17 Corona-Hinweisseite
::	5. Randspalte
::	6. Fußbereich
::	7. Sarikator 
*/


/* =Schriftarten
----------------------------------------------- */
/* @import 'https://fonts.googleapis.com/css?family=Lato:300,400,700'; */

/* lato-300 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/schrift/lato/lato-v23-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/schrift/lato/lato-v23-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/schrift/lato/lato-v23-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/schrift/lato/lato-v23-latin-ext_latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/schrift/lato/lato-v23-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/schrift/lato/lato-v23-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/schrift/lato/lato-v23-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/schrift/lato/lato-v23-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/schrift/lato/lato-v23-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/schrift/lato/lato-v23-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/schrift/lato/lato-v23-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/schrift/lato/lato-v23-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/schrift/lato/lato-v23-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'manusregular';
    src: url('/schrift/manus/manus-webfont.eot');
    src: url('/schrift/manus/manus-webfont.eot?#iefix') format('embedded-opentype'),
         url('/schrift/manus/manus-webfont.woff2') format('woff2'),
         url('/schrift/manus/manus-webfont.woff') format('woff'),
         url('/schrift/manus/manus-webfont.ttf') format('truetype'),
         url('/schrift/manus/manus-webfont.svg#manusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =Mediakram
----------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.desktoponly {display:none;}
	.mobileonly {display:block;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	.desktoponly {display:none;}
	.mobileonly {display:block;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	.desktoponly {display:none;}
	.mobileonly {display:block;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.desktoponly {display:block;}
	.mobileonly {display:none;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.desktoponly {display:block;}
	.mobileonly {display:none;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.desktoponly {display:block;}
	.mobileonly {display:none;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	.desktoponly {display:block;}
	.mobileonly {display:none;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	.desktoponly {display:block;}
	.mobileonly {display:none;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.desktoponly {display:none;}
	.mobileonly {display:block;}
}

 /*	--------------------------------------------------
	:: 1. Grundelemente, Typografie und Farbe
	-------------------------------------------------- */
	#basis {
	width:80%;
	max-width:1280px;
	margin:10px auto 0px auto;
	}
	
	#schatten {
	border-radius: 0px;
	box-shadow: 0px;
	}


	/* SARI-Farben für Schriften oder Hintergründe */	
	.bg.fff {background:#fff; color:#2c3c4c}
	.blau {color:#002454}
	.bg.blau {background:#002454; color:#fff}
	.orange {color:#f55d03}
	.bg.orange {background:#f55d03; color:#fff}
	.sand {color:#e7eaf3}
	
	
	/* Farbe: SARI Beige mit Verlauf */
	.bg.sand {
	color:#2c3c4c;
	}
	
	
	/* Farbe: SARI Blau mit Verlauf */
	.bgb { 
	background-color:#002454;
	}

	
	/* Farbe: SARI Orange mit Verlauf */
	.bgo {		
	background: rgb(246,110,29);
	}

	
	/* jQuery Tabbs - wird an vielen verschiedenen Stellen verwendet */
	#helletabbs {border: 0px; background: transparent;}   
	#helletabbs ul.ui-tabs-nav {padding: 0px; background: transparent;} 
	#helletabbs ul.ui-tabs-nav li a {line-height: 18px;} 
	#helletabbs ul.ui-tabs-nav li.ui-state-default {border: 0px; background: white;} 
	#helletabbs ul.ui-tabs-nav li.ui-state-default a {background:#f1f3f8; color: #2c3c4c;} 
	#helletabbs ul.ui-tabs-nav li.ui-state-active {background: #e7eaf3;} 
	#helletabbs ul.ui-tabs-nav li.ui-state-active a {background:#e7eaf3; color:#f55d03;} 
	#helletabbs .tabs-content {background: #e7eaf3;}	


	/* Ergänzen bzw. überschreiben des Foundation CSS*/
	body {
	color:#2c3c4c;
	background:#fff url(../../images/hintergrundbild.jpg) no-repeat center bottom;
	background-attachment: fixed;
	background-size: cover;
	font-family: Lato, "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased;
	}

	h1, h2, h3, h4, h5, h6 { color: #002454; font-weight: bold; line-height: 1.25; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 200%; font-weight: 700; margin-bottom: 5px!important; letter-spacing:-1px;}
	h2 { font-size: 130%; margin-bottom: 5px; color:#002454;}
	h3 { font-size: 120%; margin-bottom: 5px;}
	h4 { font-size: 110%; margin-bottom: 3px;}
	h5 { font-size: 110%; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 80%; font-weight: normal; }

	p { font-size: 120%; line-height: 1.4; margin: 0px 0px 18px 0px; color:#2c3c4c; }
	p img { margin: 0; }
	p.lead { font-size: 125%; font-size: 18px; line-height: 1.5;  }
	p.kleiner{ font-size: 110%; line-height: 1.3;  }
	
	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 80%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
	a {color: #002454; text-decoration: none; line-height: inherit; }
	a:hover { text-decoration:underline; color: #002454;}
	a:focus { color: #002454; outline: none; }
	p a {text-decoration: underline;}
	p a, p a:visited { line-height: inherit; }
	
	blockquote {font-style: italic;}
	blockquote strong {font-style: normal;}

	blockquote cite.bqcite {font-weight: bold;}
	
	form.nice div.form-field input, 
	form.nice input.input-text, 
	form.nice textarea {
    font-size: 14px;
    padding: 5px;
    outline: none!important;
    background: #fff;
	}
	
	hr {margin: 25px 10% 25px 10%; border-color: #e7eaf3;}
	
	.manus {
		font-family: manusregular;
		font-size: 400%;
		font-weight: normal;
		color: #002454;
		margin-bottom: 10px;
		text-align: center;
		}
	
	

	/* Globale Knopfüberschreibung */
	.button {
		font-family: Lato;
		font-weight: 400;
		font-size: 100%!important;
		background: #305182 !important;
		border-radius: 2px !important;
		text-transform: uppercase;
		border: 0px !important;
		box-shadow: 0px !important;
		text-decoration: none !important;
	}
	
		.button:hover {background: #F55D03 !important;}
	
	.red.label {background-color:#f55d03;}
	a.label {color:#fff; text-decoration:none; margin-left:1px; box-shadow: none; }
	a:hover.label {background:#002454; }
	.blue.label {background-color:#002454;}
	
	
	.spalte ul.agb {
		font-size: inherit;
		padding-left: 30px;
		margin-left: 5px;
		margin-bottom: 16px;
		list-style-type: disc;
	}
	.spalte ul.agb  li {margin: 4px 0px 0px 0px;}

	/*.btxt a[href^="http:"] {
	background: transparent url(../../images/elink.gif) center left no-repeat;
	padding-left: 14px;
	}
	
	.btxt a[href^="http://www.schulz-aktiv-reisen.de"]
	.btxt a[href^="http://.schulz-aktiv-reisen.de"]*/

	textarea {width:100%;}
	
	label {font-weight:bold; color:#002454;} 
	
	select {
	width:100%;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #bbb;
	}

	
	.tooltip { 
	font-weight:normal;
	font-size:11px;
	max-width:200px;
	background-color:#002454;
	color: #FFFFFF;
	display: none;
	line-height: normal;
	padding: 5px;
	position: absolute;
	z-index: 999;
	}
	
	.tooltip .nub {display:none;}
	
	ul.listen {
	font-size:110%; 
	padding:20px 20px 10px 30px; 
	margin-bottom:18px; 
	border:2px solid #e7eaf3; 
	list-style: disc;
	}
	
	ul.listen .headerli {
	color: #002454; font-size: 140%; font-weight: bold;
	line-height: 120%;
	list-style: disc;
	}
	
	
	/* Löscht das HG bei falsch ausgefüllten Forms */
	form.nice div.form-field input.red, form.nice input.input-text.red, form.nice textarea.red, label.red {border:1px solid #C00000;background:#ffcccc; color:#C00000;border-radius:0px;} 
	
	.six.columns.red {border-bottom:1px solid #C00000;border-top:1px solid #C00000; color:#C00000; border-radius: 0px;}
	
	
	/* hCard - Visitenkarte*/
	.hcard {
	overflow:hidden;
	background:#fff;
	width:auto;
	min-height:120px;
	padding:10px 10px 10px 15px;
	margin-bottom:20px;
	border-radius: 0px;
	}
	
	.hcard img {border-radius: 0px; margin-top:5px; width:100px;}
	.hcard p {font-size:100%; width:auto;}
	.hcard ul {border:0px; max-width:450px;}
	.hcard hr {border-color:#fff;}
	.hcard h4 {margin-bottom:10px;}
	.hcard .fn {color:#002454; font-size:110%; font-weight:bold; margin-bottom:0px;}
	.hcard .job {color:#f55d03; font-size:100%; font-weight:bold; margin-bottom:0px;}
	.hcard .reg {font-style:italic;}
	.hcard .prosa {font-style:normal;}
	.hcard .tel {padding-left:20px; background:url(../../images/hcard_tel.png) no-repeat 0 1px;}
	.hcard .mail {padding-left:20px; background:url(../../images/hcard_mail.png) no-repeat 0 2px;}
	.hcard .cardinfo {padding-left:20px; background:url(../../images/hcard_info.png) no-repeat 0 2px;}
	
	a[href^="tel"]:link,
	a[href^="tel"]:visited, 
	a[href^="tel"]:hover {text-decoration: none; color: #666666; cursor: text;}
	
	.laz.row .hcard {margin:10px 10px;}
	
	dd h2 {margin-left:10px;}

	legend { font-size: 120%; font-weight:700; color: #F55d03; margin-bottom: 5px;}

	.debug {display: none;}

	
/*	--------------------------------------------------
	:: 2. Kopfbereich
	-------------------------------------------------- */
	#kopf {margin:0px 0px 25px 0px; overflow:hidden;}
	#mobilkopf {display: none;} /* blendet den Mobile Header aus*/
	
	/* CL's Suchfeld im Header - nicht entfernen! */
	#kopf input.headersuche {
		display:none; 
		position: fixed; top: 50px; right: 0px; z-index: 10000;
		width: 200px; padding: 5px 5px 5px 25px; 
		background:url(../../images/headersuche.png) 3px 7px #fff no-repeat;"
		border-radius: 0px;
		opacity: 0.8;  
	}
	
	
/*	--------------------------------------------------
	:: 3. Navigationsbereich
	-------------------------------------------------- */
	.navigationsleiste {
	height:50px;
	padding-left:1.5%;
	border-bottom:0px;
	border-radius: 0px;
	}			

	.mobil-navigationsleiste  {
	display:none; /* blendet die Mobile Navigation aus*/
	}
	
	/* Verhindert die Anzeige der PNG-Buttons für IE */	
	.do-ie {display:none;}
	
	/* Ergänzen bzw. überschreiben des Foundation CSS*/
	.navigationsleiste .nav-bar, ul, ol  { 
	background: none;
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 0px;
	}

	.navigationsleiste .nav-bar li { 
	width:14%;
	height: 100%;
	line-height:0px;
	border-right: 0px;
	}

		
	.navigationsleiste .nav-bar img { 
	width:100%;
	margin:13px 0px 10px 0px;
	}
	
	.hoverme img {cursor: default;}
	.hoverorclickme {cursor:pointer;}
	
		.navigationsleiste .nav-bar li:visited {border-bottom: 4px solid #F55D03;}
		.navigationsleiste .nav-bar li:hover   {border-bottom: 4px solid #305182;} 
		.hovered {border-bottom: 4px solid #F55D03;}
		
	/*stylen der ALT-Texte für Browser, die kein SVG oder PNG anzeigen, z.b. FF 3.6.x */
	ul.nav-bar li a img {
		font-size: 120%;
		line-height: 42px;
		font-weight: bold;
		color: white;
	}
	ul.nav-bar li a img:hover {text-decoration: none;}
	
	/*farbliche Hervorhebung gerade aktiver Hauptseiten*/
	.abisz .nav-bar li#laenderaz, 
	.restplaetze .nav-bar li#restplaetze,
	.aktivitaeten .nav-bar li#aktivitaeten,
	.kalender .nav-bar li#reisekalender,
	
	.kontakt .nav-bar li#ueberuns,
	.rabatte .nav-bar li#service,
	.gutschein .nav-bar li#service,
	.reiseschutz .nav-bar li#service,
	.visum .nav-bar li#service,
	.fragebogen .nav-bar li#service,
	.agb .nav-bar li#service,
	.reisevortraege .nav-bar li#service,
	.messen .nav-bar li#service,
	.vorteile .nav-bar li#ueberuns,
	
	.philosophie .nav-bar li#ueberuns,
	.geschichte .nav-bar li#ueberuns,
	.team .nav-bar li#ueberuns,
	.jobs .nav-bar li#ueberuns,
	.links .nav-bar li#ueberuns
	{
	border-bottom: 4px solid #F55D03;
	}
		
	.navigationsleiste .flyout {
	background:rgba(255, 255, 255, 1);
	overflow:hidden;
	border-radius: 0px;
	}
	
	.navigationsleiste .flyout.small {
	max-width:100%;
	}
	
	.navigationsleiste .flyout.small a {
	font-weight:bold; 
	font-size:110%;
	line-height:20px;}

	.navigationsleiste  label {
	font-weight:bold; 
	font-size:110%;
	color:#f55d03;
	}

	a.elink  {background:url(../../images/elink.gif) no-repeat right; margin:0px 0px 3px 0px; padding-right:15px;}
	
	#fussinhalt dl.sub-nav {border-bottom:1px solid #c7cfda; margin: 0px 0px 20px 0;}
	
/*	:: Reisefinder
	-------------------------------------------------- */	
	#rf-inhalt{
	margin:0px;
	min-width:400px;
	border:1px solid #fff; /* Firefox Bugbehebung */
	}

	#rf-inhalt select {width:90%; 
	margin:0 10px 10px 0;
	font-size: 14px;
	height:27px;
	}
	
	#rf-inhalt form.nice label {height: 50px;}
	
	#rf-inhalt form.nice div.form-field input, 
	#rf-inhalt form.nice input.input-text, 
	#rf-inhalt form.nice textarea {font-size:100%;}
		
		.red.button { 
		background-color: #f55d03;
		}
		
		.nice.red.button { 
		border: 1px solid #f55d03;
		}

		.red.button:hover, .red.button:focus { 
		background-color: #f33a01;
		}

	table thead tr th, table tfoot tr td { 
	font-size: 12px;
	}
	
	/* Alternativer Reisefinder für Mobile oder Javascriptmuffel */
	#rf-alternativ label { 
	color: #F55D03;
	font-size: 110%;
	font-weight: 700;
	}	
	
	#rf-alternativ  select {width:90%; 
	margin:0 10px 10px 0;
	font-size: 14px;
	height:27px;
	}
	
	#rf-alternativ  form.nice label {height: 50px;}
	
	#rf-alternativ  form.nice div.form-field input, 
	#rf-alternativ  form.nice input.input-text, 
	#rf-alternativ  form.nice textarea {font-size:100%;}
	
	



/*	--------------------------------------------------
	:: 4. Inhaltsbereich
	-------------------------------------------------- */
	.spalte .breadcrumbs {margin:0px 0 20px 0; padding:1px 0 0 5px; border-top:0px; list-style-type:none;}
	.spalte .breadcrumbs#reisenav {float:left; margin:0px 0 20px 0; padding:1px 0 0 5px; border-top:0px; list-style-type:none;}
	.spalte .breadcrumbs#sprungmarke {
		float:right; 
		margin:0px 0 20px 0; 
		padding:1px 0 0 5px; 
		border-top:0px; 
		list-style-type:none;
		border: 1px solid #002454;
		border-radius: 0%;
		border-top: 0px;
		font-weight: bold;
	}


	dl.sub-nav dd.active a {background:#305182;}
	dl.sub-nav dd a {padding: 3px 9px;}
	dl.sub-nav dd a:hover {background:#F55D03; color:#fff; }
	dl.sub-nav dd a:active {background:#305182;}
	
	.hochdruck {overflow:hidden;border-bottom:1px dashed #ccc; margin-bottom:20px;}
	
	a.druckendiv {
		float:left;
		height: 20px; 
		margin:10px 0px 0px 0px; 
		padding-right: 25px;
		text-align: left;
		font-size:11px; color:#999;
		background: url(../../images/druckendiv.png) right no-repeat #fff;
		cursor: pointer;
		text-decoration: none;
	}
	a.druckendiv:hover {
		color: #002454;
		background: url(../../images/druckendiv_hover.png) right no-repeat #fff;
	}
	
	
	a.updiv {
		float:right;
		height: 20px; 
		margin:10px 0px 0px 0px; 
		padding-right: 25px;
		text-align: left;
		font-size:11px; color:#999;
		background: url(../../images/updiv.png) right 1px  no-repeat #fff;
		cursor: pointer;
		text-decoration: none;
	}
	a.updiv:hover {
		color: #002454;
		background: url(../../images/updiv_hover.png) right 1px  no-repeat #fff;
	}
	a.updiv.zentral {
		float: none;
		display: block; width: 60px; 
		margin: 0 auto 0 auto; padding: 0px;
		background: none;
		text-align: center;
	}


/*	:: 4.1. Reiseseite
	-------------------------------------------------- */
	.inhalt {background-color:#fff;}
	
	.reisetitel {padding: 10px 0px 20px 0px;}
	.reisetitel.klassiker {background:url(../../images/stempel_klassiker.png) no-repeat top right; padding-right: 95px;}
	
	/* 2-Spaltiges Layout*/
	.eight .spalte {
	width:auto;
	padding:0px 20px;
	}

	/* 1-Spaltiges Layout*/
	.twelve .spalte { 
	width:auto;
	padding:0px 20px;
	}

	/* responsive yt-videos */
	.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	#jumpmenu {padding-left:0px;}
	#jumpmenu li {background:url(../../images/startseite/teaser/pfeil_down.png) no-repeat left; padding-left:15px;}
	#jumpmenu li:before { content: ""; padding-left: 0;} 
	#jumpmenu li span {padding-left:0px;}
	#jumpmenu li a {text-transform:capitalize; font-weight:normal; list-style-image:none; padding-left:0px;}

	
	.spalte  .rslides_container {overflow: hidden;}

	.eight #highlights {
	padding: 30px 1px;
	margin: 0px;
	overflow:hidden;
	}
	
	.eight #highlights  ul li {
	font-size: 150%; font-weight: 400;	color: #002454; line-height: 120%;
	background: url(../../images/li_highlight.png) no-repeat 0px 5px;
	padding: 0px 0px 0px 24px;
	}
	
	
	/* :: Beschreibungstext*/
	.btxt{font-size: 120%; line-height: 1.4; margin: 0px 0px 18px 0px; color:#3c4955;}
	.btxt p{font-size:100%;}
	
	/* :: Beschreibungstext - ausklappbar machen*/
	
	.btxt {max-height: none; position: relative;}

	.btxt.read-less {
		height: 250px;
		overflow: hidden;
	}
	.btxt.read-less::after {
		content: "";
		position: absolute;
		bottom: 0;
		height: 30%;
		width: 100%;
		background: linear-gradient(to bottom, rgba(238,238,238,0), #fff);
	}

	.read-more {
		display: block;
		text-align: center;
		margin-top: 10px;
		color: #002454;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.read-more.hidden {display: none;}
	.read-more h3 {font-size: 20.16px;font-weight:700;}


	/* :: fvb - frei verfügbarer Bereich*/
	.fvb ul>li {list-style-image: url(../../images/listenpunkt.png); margin:0 0 5px 15px;}	
	/*div.fvb {padding-top: 18px;}*/
	/*div.fvb p{font-size:110%;}*/
	/*div.fvb p{font-size:110%;}*/
	
	
	/* :: Kurz- und Detailverlauf in Tabs*/
	.reiseverlauf{margin-bottom:20px;}

	
	/* :: Kurzverlauf der Reise*/
	.kurzverlauf {overflow:hidden; line-height:1.8em;}
	.kurzverlauf .row .three.columns {max-width:16%; min-width:60px;}	
	.kurzverlauf .row .nine.columns {float:left;}	

	.kurzverlauftbl {width: 100%; border: none; color:inherit; font:inherit;}
	.kurzverlauftbl td {color:inherit; font:inherit; padding: 5px 0px;}

	.kurzverlauftbl tr td.tag {text-align:right; white-space:nowrap; padding-right:10px; width:10%;}
	.kurzverlauftbl tr td.wochentag {min-width:20px; white-space:nowrap; padding-right:0px; width:5%;}
	.kurzverlauftbl tr td.text {border-left:1px solid rgba(0,0,0,0.15); padding-left:10px; width: 85%}
	
	
	/* :: Detailverlauf und Mitarbeiter der Reise*/
	.bearbeiterfrage {overflow:hidden;background:#fff;border-radius: 0px;padding:10px 10px 0px 15px; width:auto;margin-bottom:20px;}
	.bearbeiterfrage img {border-radius: 0px;margin-top: 5px;}
	.detailverlauf, .detailverlauf p {font-size:100%;}
	ul.vcard {border:0px;width: 100%;}
		.vcard .job, .vcard .reg, .vcard .prosa {max-width:400px; font-size:100%;} /* <-- Damit der IE6-8 nicht unkontrolliert umbricht! */
	.detailverlauf hr {border-color:#fff;}
	.detailverlauf img {border-radius: 0px;margin-top: 5px;width: 80px;}
	.detailverlauf h4 {margin-bottom:10px;}
	.detailverlauf ul li.fn {color:#002454; font-size:90%; font-weight:bold; margin-bottom:0px;}
	.detailverlauf ul {list-style-image: url(../../images/listenpunkt.png); margin:0 0 0px 15px;}
	 
	/* :: Leistungstab*/
	.tab-leistungen ul {list-style-image: url(../../images/listenpunkt.png); margin:0 0 0px 15px;}
	
	/* :: Reiseberater */
	.hcard.reiseberater {
		background-image: linear-gradient(90deg, #f1f3f8 0%,#fff 75%)
	}

	.hcard.reiseberater h4 {
		font-family: manusregular;
		font-weight: normal;
		font-size: 33px;
		color: #002454;
	}

	.hcard.reiseberater img {
		-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
	
	}

	/* :: Reiseverlauf  NEU 2020 */
	.accordion {
		background-color: #e7eaf3;
		color: #505A64;
		cursor: pointer;
		padding: 5px 0px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
	}

	button.accordion {font-weight: 700;};

	#tabbs-b span {margin-right: 100px;};

	.active, 
	 .accordion:hover {
		background-color: #e7eaf3;
	}

	.accordion:after {
		content: "+";
		color: #333;
		font-weight: 700;
		float: right;
		margin-left: 0px;
	}

	button.active:after {
		content: "\2212";
	}

	.reiseverlauf {
		margin-bottom:1px;
		background-color: #e7eaf3;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

	.reiseverlaufalt {
		margin-bottom:20px;
		background-color: #e7eaf3;
	}

	.reiseverlauf .rvtext {padding: 10px 0px 15px 0px; font-size: 85%;}
	.reiseverlauf img {padding: 0px 0px 15px 0px; font-size: 85%;}
	.rvtext h4 {color: #305182;}
	.rvtext p {margin: 0px 0px 5px 0px;}
	.rvtext .white.label {background-color: #fff;}
	.rvtext img {float: right;}
	.rvtext span.fa-info-circle {float:left; display:block; position:relative; top:1px;}
	.rvtext span.fa-calendar {float:left; display:block;}
	.rvtext span.rvkleintext {padding-left:16px; display:block}
	
	.plusminus {width: 100%; padding: 0px 0px; margin: 0px 0px; text-align: right;}

	.selectablebuttons button {
		-webkit-touch-callout: text;
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;	
	}
	
	span.taglabelallg {
		display: block; float:left;
		position: relative; top: -1px;
		color: white;
		background-color: #9c9ea4;
		padding: 1px 2px 2px 2px;
		width: 80px;
		font-size: 0.85em;
		text-align: center;
		border-radius: 8px;
	}
	span.taglabelspezday {
		display: inline-block; float:none;
		position: relative; top: -1px;
		color: white;
		background-color: #002454;
		padding: 1px 2px 2px 2px;
		min-width: 42px;
		font-size: 0.85em;
		text-align: center;
		border-radius: 8px 0px 0px 8px;
		border-right: 2px solid #e7eaf3;
	}
	span.taglabelspezdate {
		display: inline-block; float:none;
		position: relative; top: -1px;
		color: white;
		background-color: #9c9ea4;
		padding: 1px 10px 2px 8px;
		min-width: 50px;
		font-size: 0.85em;
		text-align: left;
		border-radius: 0px 8px 8px 0px;
	}
	

	
	/* :: Reiseleiter */
	div#accordion-rl.panel  {overflow:hidden; background:#FFFFFF; padding-bottom:20px}
	div#accordion-rl .ui-accordion-content {margin:0px;}

	.reiseleiter.row {margin: 20px 0;}
	
	.reiseleiter, 
	.reiseleiter p {font-size:105%;} 

	.reiseleiter li div {width: 150px; height: 150px; border-radius: 0%; display: table-cell; vertical-align: bottom;}
	.reiseleiter li div p {padding: 3px; margin: 0px; background: rgba(255,255,255,.8); font-size: 12px; color: #002454; text-align: center;}
	
	.rltxt ul li {list-style-type:disc; margin-left:25px;}
	
	/* Padding für ausgeklappte Einreisebestimmungen */
	div.spalte div.ui-accordion-content-active {padding: 0px 10px 0px 10px !important;}
	
	/* Reiseleiter Accordion Hick-Hack */
	#accordion-rl.ui-accordion {width:auto;}
	#accordion-rl .ui-accordion-header {text-align:left; font-size:100%; margin-bottom:0px; } 
	#accordion-rl.ui-accordion .ui-accordion-header a {padding:3px 3px 3px 30px; background:#FFF; color:#002454;}
	
	#accordion-rl .ui-state-active, 
	#accordion-rl .ui-state-default,
	#accordion-rl .ui-widget-content .ui-state-active,
	#accordion-rl .ui-widget-content .ui-state-default,	
	#accordion-rl .ui-widget-header .ui-state-active,
	#accordion-rl .ui-widget-header .ui-state-default {background:#fff; border:0px; }
	
	#accordion-rl .ui-state-active .ui-icon,
	#accordion-rl .ui-state-hover .ui-icon	
	{background-image: url("../jquery/saritheme/images/ui-icons_002454_256x240.png"); }
	
	#accordion-rl.panel h5, #accordion-rl.panel h5 a {font-weight:700;}
	
	.ui-accordion-content .reiseleiter, 
	.ui-accordion-content .reiseleiter p {font-size:100%;}  
	
	/* :: Reise Buchen - Termine und Preise */
	.anfragen {font-size:110%; font-weight:bold; text-align:right; margin-right:10px; float:right; overflow:hidden;} 
	.anfragen a {color:#305182; background:url(../../images/anfragen.png) no-repeat left; padding-left: 30px;}

	
	#minmaxteil.label {background:#e9e9e9; padding:5px; text-align: left; display:block; width: auto;/*oder width: 220px;*/ color:#2c3c4c; bottom: 0px;}
	
	.tup-rahmen {border: 1px solid #e9e9e9; margin: 0px 0px 20px 0px; border-radius:3px; overflow:hidden; clear:both;} 
	.tup {width:100%; border-spacing: 2px; margin:0px; border:0px; overflow:hidden;}
	.zeile {background-color:#e7eaf3; vertical-align:middle; overflow:hidden; border-bottom: 1px solid #fff;} 
	
	.tup tbody  tr  td {color:#2c3c4c;}
		
		/*  Ganz verzwicke überschreibung welche umgeht, dass jede 2. Tabellezeile eingefärbt wird. */
		table tbody tr:nth-child(n) {background:#e7eaf3;}
	
	/* Umständliche Abstandsregelung zw. normaler und hinzungeblendeter table.tup, damit auch Opera gleiche Zeilenabstände zeigt */
	table.tup:nth-of-type(1) tr:last-of-type {border-bottom: 0px;}	
	table.tup:nth-of-type(2) {border-top: 1px solid #fff;}
	table.tup:nth-of-type(2) tr:last-of-type {border: 0px;}

	/* Felder und Abstände */
	.jahr {width:auto; padding-left:20px; text-align: left; font-size:110%; font-weight:bold; color:#838383; background-color:#fff;}
	.status {width:20px; padding:0px 10px 0px 10px;}
	.termin {width:50%;font-size:110%;} 
	.preis {width:auto;font-size:110%; font-weight:bold;text-align: center;}
	.buchen {width:auto;font-size:110%; font-weight:bold; text-align:right;}
		.buchen a {padding:5px; background:url(../../images/buchen.gif) no-repeat left; width:25px; padding:0 0 0 25px;}
		.s5 .buchen a {background:url(../../images/ausgebucht.png) no-repeat left; color:#838383; cursor:default; visibility:hidden;} /* Status 4 = Ausgebucht */
		.s5 .buchen a:hover {text-decoration:none;}
		
	.zeile.mitinfo {border-bottom: 0px;}
		
	.tup-mehr{vertical-align:middle; width:20px; padding:0px 0px 2px 0px;text-align: center;}
	.tup-mehr img {vertical-align:middle;}
	.tup-mehr.s5 {font-size:11px;padding:0px 10px 0px 10px;background:#fff;}

    td.tup-mehr {
	}

	tr.infozeile-typs4 td.tup-mehr {
	}

	.info {vertical-align: top;font-size:11px; line-height: 12px; padding:0px 10px 2px 11px;}
	.info b, .info strong {font-weight: normal;}
	.info.s5 {font-size:11px;padding:0px 10px 0px 10px;background-color:#fff;}
	.info span{display:none;}
	
	

		/* Ab 1140px nur Buttons*/
		@media screen and (max-width: 1140px) {
		.buchen span{display:none;}
		.buchenbuttonmobile {display: inline !important;}
		.buchen a {background:none;}
		}

	/* Symbole und Status*/
	.sj{background:#ffffff; color:#838383; border:0px;}
	tr.infozeile-typs1, tr.infozeile-typs2, tr.infozeile-typs3, tr.infozeile-typs4 {background:#e7eaf3; border-bottom:1px solid #fff;}
	.s5, table tbody tr.s5, table tbody tr.infozeile-typs5 {background:#e9e9e9; color:#838383; }
	
	.sj .status{background:#ffffff url(../../images/sj.png) no-repeat center;} /* Termin/Jahr Kalendersymbol */		
	
	/*.s1 .status{background:#67b529 url(../../images/s1.gif) no-repeat center;}*/ /* Buchbar */
	/*.s1.rp-haken .status{background:#67b529 url(../../images/s1_g.gif) no-repeat center;}*/ /* Buchbar, gesichert */
	/*.s2 .status{background:#ffd647 url(../../images/s2.gif) no-repeat center;}*/ /* Wenig Plätze frei */
	/*.s3 .status{background:#f28c47 url(../../images/s3.gif) no-repeat center;}*/ /* Termin auf Anfrage */
	/*.s4 .status{background:#d7d7d7 url(../../images/s4.gif) no-repeat center;}*/ /* Ausgebucht */

	/*.s1 .status{background:#e7eaf4 url(../../images/s1.gif) no-repeat center;}*/ /* Buchbar */
	/*.s2 .status{background:#57a351 url(../../images/s1_nächstebuchung.gif) no-repeat center;}*/ /* Buchbar, mit nächster Buchung gesichert */
	/*.s3 .status{background:#57a351 url(../../images/s1_g.gif) no-repeat center;}*/ /* Buchbar, gesichert */
	/*.s4 .status{background:#f55d03 url(../../images/s3.gif) no-repeat center;}*/ /* Wenig Plätze frei */
	/*.s5 .status{background:#aaaaaa url(../../images/s4.gif) no-repeat center;}*/ /* Ausgebucht */
	/*.s6 .status{background:#ffd647 url(../../images/s2.gif) no-repeat center;}*/ /* Ausgebucht */

	.s1 .status{background:#9ed181 url(../../images/terminstatii25/s1.png) no-repeat center;} /* Buchbar */
	.s2 .status{background:#9ed181 url(../../images/terminstatii25/s2.png) no-repeat center;} /* Buchbar, mit nächster Buchung gesichert */
	.s3 .status{background:#57a351 url(../../images/terminstatii25/s3.png) no-repeat center;} /* Buchbar, gesichert */
	.s4 .status{background:#f55d03 url(../../images/terminstatii25/s4.png) no-repeat center;} /* Wenig Plätze frei */
	.s5 .status{background:#aaaaaa url(../../images/terminstatii25/s5.png) no-repeat center;} /* Ausgebucht */
	.s6 .status{background:#aaaaaa url(../../images/terminstatii25/s6.png) no-repeat center;} /* Ausgebucht */

	#termswitch .button, .kommentareladen.button {width:90%; margin:10px 0 10px 2px; background: #fff !important;}
	#termswitch span {display: none;}
	
	.button span {float: left;position: absolute; left: 7px; top: -3px;color: #999;font-size: 200%;}
	#moduletermswitch {display:none; margin:0px 0 0px 0;}
	
	a:hover.togglehide {text-decoration:none;}

	/* Zusatzbeschreibung (zbox) */
	.zbox{width:auto; margin-top:20px; border:1px solid #d7d7d7; border-radius: 3px 3px 0px 0px;} /* Zusatz-Box */
	.ztxt {background:url(../../images/zbox.gif) no-repeat 7px center #fff; width:auto; padding:8px 8px 8px 47px; text-align: left; font-size:100%; color:#838383; word-wrap: break-word;} /* Zusatz-Text */
	.ztxt p {font-size:100%; color:#333333; word-wrap: break-word;margin:0px;padding:0px;width: 95%}
	.ztxt p+p {border-top: 1px solid #ddd;margin-top: 2px;}
	.ztxt a {color:inherit;}
	.ztxt a:hover {color:#002454;}
	.ztxt b, .ztxt strong {font-weight: normal;}
	
	/* Symbol Legende */
	#legende {background:#aaaaaa;margin:8px 0px 0px 0px;}
	.suchlegende {overflow:hidden;width:100%; margin-bottom:20px;}
	.suchlegende div.has-tip {float: left;}
	.sspace {width:auto;float:left; padding:5px 10px 5px 35px; font-size:10px; border-radius:0px; text-shadow: 0px 0px 3px rgba(0,0,0,0.35);} /* Spalten Raum (Space) */
	
	/*.sspace.s1{background:#67b529 url(../../images/s1.gif) no-repeat; background-position:8px 50%; color:#3a6219;}*/ /* Buchbar */
	/*.sspace.s1.rp-haken {background:#67b529 url(../../images/s1_g.gif) no-repeat; background-position:8px 50%; color:#3a6219;border-left: 1px dotted #3a6219;}*/ /* Buchbar, gesichert */
	/*.sspace.s2{background:#ffd647 url(../../images/s2.gif) no-repeat; background-position:8px 50%; color:#ac7900;}*/ /* Wenig Plätze frei */
	/*.sspace.s3{background:#f28c47 url(../../images/s3.gif) no-repeat; background-position:8px 50%; color:#993300;}*/ /* Termin auf Anfrage */
	/*.sspace.s4{background:#d7d7d7 url(../../images/s4.gif) no-repeat; background-position:8px 50%; color:#838383;}*/ /* Ausgebucht / Nicht mehr buchbar */
	
	/*.sspace.s1{background:#e7eaf4 url(../../images/s1.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#57a351;}*/ /* Buchbar */
	/*.sspace.s2{background:#57a351 url(../../images/s1_nächstebuchung.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;}*/ /* Buchbar */
	/*.sspace.s3{background:#57a351 url(../../images/s1_g.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;border-left: 1px dotted #fff;}*/ /* Buchbar, gesichert */
	/*.sspace.s4{background:#f55d03 url(../../images/s3.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;}*/ /* Wenig Plätze frei */
	/*.sspace.s5{background:#aaaaaa url(../../images/s4.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;}*/ /* Ausgebucht / Nicht mehr buchbar */
	/*.sspace.s6{background:#ffd647 url(../../images/s2.gif) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;}*/ /* Ausgebucht / Nicht mehr buchbar */

	.sspace.s1{background:#9ed181 url(../../images/terminstatii25/s1.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;} /* Buchbar */
	.sspace.s2{background:#9ed181 url(../../images/terminstatii25/s2.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;} /* Buchbar */
	.sspace.s3{background:#57a351 url(../../images/terminstatii25/s3.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;border-left: 1px dotted #fff;} /* Buchbar, gesichert */
	.sspace.s4{background:#f55d03 url(../../images/terminstatii25/s4.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;} /* Wenig Plätze frei */
	.sspace.s5{background:#aaaaaa url(../../images/terminstatii25/s5.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;} /* Ausgebucht / Nicht mehr buchbar */
	.sspace.s6{background:#aaaaaa url(../../images/terminstatii25/s5.png) no-repeat; background-position:8px 50%; background-size: 30px; color:#fff;} /* Ausgebucht / Nicht mehr buchbar */

	#legende div.has-tip {float: left;}


/* Ähnliche Reisen */
	a.aera {padding:5px; display:block; margin-bottom:5px; overflow:hidden;}
		.aera img {width:80px; height:80px; float: left; margin: 2px 10px 15px 0; border-radius: 0px;}
		.aera h5 {font-size:100%; font-weight:bold; text-transform:uppercase;}
		.aera h6 {font-size:100%; font-weight:bold; color:#002454}

		a:hover.aera{
			text-decoration:none;
			display:block;
			border-radius: 0px;
			background:#e7eaf3;
			}


	/* Ab 1190px untereinander angeordnet*/
		@media screen and (max-width: 1190px) {
		.sspace{float:none; width:auto;}
		}



	/* DISQUS - Kommentarbutton */	
	#accordion .disquskommentare a,
	#accordion .disquskommentare a:hover,
	#accordion .disquskommentare a:active {font-size:18px; color: #333333; padding:5px 10px 5px 10px;}
	
	.disquskommentare.ui-state-default,
	.disquskommentare.ui-widget-content.ui-state-default,
	.disquskommentare.ui-widget-header.ui-state-default,
	.disquskommentare.ui-state-active,
	.disquskommentare.ui-widget-content.ui-state-active,
	.disquskommentare.ui-widget-header.ui-state-active,
	.disquskommentare.ui-corner-all	{border:0px; border-color:#DADADA; border-radius: 0px;}

    

/*	:: 4.2 Buchungsschritte 1,2,3,4
	-------------------------------------------------- */	
	
	table.tablesorter.einzelansicht tbody tr:nth-child(n),
	table.tablesorter.einzelansicht tbody tr  {border:1px solid #e7eaf3; border-radius: 0px;}
	
	#buchungsschritte {
		margin-bottom: 18px;
	}
	
	.buchung {overflow:hidden;}
		
	form.nice div.form-field input.rot,
	form.nice input.input-text.rot,
	form.nice select.rot,
	form.nice textarea.rot {background:#ffbaa5; border:1px solid #C00000; border-radius:3px;}
	.buchung .rot fieldset {background:#ffbaa5;border:1px solid #C00000;}
		.buchung .rot fieldset legend {background:#fff; border:1px solid #C00000; padding:3px; border-radius:3px;}

	.buchung fieldset.rot {background:#ffbaa5;border:1px solid #C00000;}

	.buchung textarea {width:100%;}
	
	.buchung textarea.zusammenfassung {
	height: 360px;
	padding:10px;
	background:#EEEEEE;
	font-family: Lato, Arial, helvetica,sans-serif;
	font-size: 12px;
	font-style:italic;
	line-height: 16px;
	color: #717171;
	}
	
	.buchung textarea.agbs {
	height: 300px;
	padding:20px;
	background:#fff;
	font-family: Lato, Arial, helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #717171;
	}	
	



/*	:: 4.3 Länder A-Z
	-------------------------------------------------- */	
	
	#sprungmenue {overflow:hidden;font-size:110%; font-weight:700; text-align:center; margin-bottom:20px;}
	
	#sprungmenue  .sprungbox  a{
	cursor:pointer;
	float:left;
	width:18px;
	height:18px;
	margin:3px;
	border: 1px solid #305182;
	padding:5px;
	
	border-radius: 100%;
	}
	
	#sprungmenue  .sprungbox  a:hover {
		border: 1px solid #F55D03;
	}
	
	#sprungmenue a {color: #305182;
	font-weight: 400;
	text-transform: uppercase;}
	
	#sprungmenue a:hover, 
	#sprungmenue a:focus {color:#F55D03;text-decoration:none;}
	
	.laz {min-height:400px;}
	
	.laz .five.columns {width:30%;}
	
	.laz h3 {
	padding:5px;
	background:#e7eaf3;
	font-size:120%;
	font-weight:bold;
	color:#f55d03;
	border-radius: 0px;
	border:1px solid #fff;
	text-shadow: 0px 1px 1px #fff;
	}
	
	.laz .azbox {margin:5px 0px;}
	.laz .azbox li {margin:0px 0px 2px 5px; font-size:110%; list-style: disc; list-style-position:inside; }
	
	.laz h3.scrolled {color: #fff;background-color: #f55d03;text-shadow: 0px 1px 1px #000000}
	.laz .azbox.scrolled a{font-weight: bold;}

	.landinfo.row.panel {
	width: auto;
	padding:20px;
	}

	.landinfo.row.panel img {border-radius: 0px;}
	
	.landinfo.row .columns {
	margin-left: 1%;
	}	
	
	.landinfo.row .nine.columns {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-width: 50%;
	-webkit-column-width: 50%;
	column-width: 50%;
	}
	
	.landinfo a{
		text-decoration:none;
		border-radius: 5px;
		background: #f1f3f8;
		padding: 1px 5px 1px 5px;
		font-weight: bold;
		cursor: pointer;
	}
	
	.landinfo+hr {margin-top: -12px;}

	.landinfo#teaser {font-size: 90%;}
	
	.filterbox {
		border: 2px solid #f1f3f8;
		border-bottom: 0px;
		margin-bottom: -10px;
		padding: 10px;
		opacity: 30%;
		filter: grayscale(100%);
		}

		.filterbox:hover {
			opacity: 100%;
			filter: grayscale(0%);
		}
	
	.filterbox label {font-size: 80%;}
	
	.filtertipp {
		padding-top: 0px;
		text-align: center;
	}
	
	.stickytooltip li .s1 {color: green !important;}
	.stickytooltip li .s2 {color: green !important;}
	.stickytooltip li .s3 {color: green !important;}
	.stickytooltip li .s4 {color: red !important;}
	.stickytooltip li .s5 {color: #002454 !important;}
	

	
/*	:: 4.4 Startseite
	-------------------------------------------------- */	
	/* :: Übergreifende Startseiten-Styles */
	.startseite {
		padding: 20px;
	}	
	
	.startseite h1 {
		text-align: center;
		font-family: 'manusregular';
		font-size: 300%;
		font-weight: normal;
		color: #002454;
		margin-bottom: 10px;
	}
	
		.startseite h1:before {content: "- "}
		.startseite h1:after {content: " -"}
		
	.startseite .four.columns {
	box-shadow: none!important;
	}
	
	/*	:: Teaser-Sektion */	
	.row.teaser {
	overflow:hidden;
	background: #002454 url(../../images/startseite/teaser/startbox_1280px.jpg) no-repeat center bottom;
	padding: 20px 0;
	}

	.teaser .tabs-content li {
	margin:0px 0px 2px 20px; 
	list-style: disc;
	color: #F55D03;
	}
	
		/* Zwischen 1920px und 1200px mehr PLatz zwischen den Merkmalen*/
		@media screen and (min-width: 1200px) and (max-width: 1920px) {
		.teaser .tabs-content li  {line-height:21px;}	
		}
		
		/* Zwischen 1024px und 1090px mehr PLatz zwischen den Merkmalen*/
		@media screen and (min-width: 1024px) and (max-width: 1090px) {
		.teaser .tabs-content li  {line-height:16px;}	
		}
	
	.teaser .tabs-content li a:hover {color:#fff;color:#ff5d03;text-decoration:none;}
	
	ul.reisefinderhighlights {
		margin-top: 1px;padding-right: 8px;
	}
	
	ul.reisefinderhighlights li {
		font-size: 110%;
		font-weight: 400;
		color: #002454 !important;
		line-height: 145%;
		background: url(../../images/li_highlight.png) no-repeat 0px 5px; 
		list-style:none !important; 
		padding: 0px 0px 0px 24px;
		margin: 0px 0px 12px 12px !important;
	}
	
	@media screen and (min-width: 1200px) and (max-width: 1920px) {
		.teaser .tabs-content li {
			line-height: 145% !important;
		}
	}
	
	hr.reisefinderhighlightstrenner {
		margin: 25px 0% 25px 0% !important;
		border-color: #002454; opacity: 0.3;
		display: none;
	}
	@media screen and (max-width: 767px) {
		hr.reisefinderhighlightstrenner { 
			display:block !important; 
		}
	}
	

	.ui-widget-header {border: 0px;}
	

		/* Reisekalender, Restplätze großes Datum */
		#helletabbs ul.jahreszahl.ui-tabs-nav li.ui-state-default a {font-size: 140%; font-weight:700;} 
		#helletabbs {opacity: .9;}
		
	/*	:: Angebots-Sektion */	



	/*	Reisetipps */
	.rtips {overflow:hidden;}	
	a.rtips {padding:5px; display:block; margin-bottom:5px;}
	.rtips img {width:100px; height:100px; float:left; margin: 5px; border-radius: 0px;}
	.rtips h5 {font-size:110%; font-weight:bold; text-transform:uppercase;}
	.rtips h6 {font-size:110%; font-weight:bold; color:#002454}	
	a.rtips span:nth-child(odd) {font-weight:700; white-space:nowrap;} /* Preis */	
		
/*	Reise-Kneipe Reklame */
	.rtips.reikneirek {background:#e7eaf3 url(/images/startseite/reise-kneipe-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}
	a:hover.rtips.reikneirek {background:#e7eaf3 url(/images/startseite/reise-kneipe-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}
	
	.rtips.reiloungerek {background:#e7eaf3 url(/images/startseite/reiselounge-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}
	a:hover.rtips.reiloungerek {background:#e7eaf3 url(/images/startseite/reiselounge-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}
	
	.rtips.filialeberlinrek {background:#e7eaf3 url(/images/startseite/filialeberlin-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}
	a:hover.rtips.filialeberlinrek {background:#e7eaf3 url(/images/startseite/filialeberlin-reklame_v2.png) no-repeat right bottom; border-radius: 0px;}

	.rtips.filialeberlinrek2 {background:#e7eaf3 url(/images/startseite/filialeberlin-reklame_v3.png) no-repeat right bottom; border-radius: 0px;}
	a:hover.rtips.filialeberlinrek2 {background:#e7eaf3 url(/images/startseite/filialeberlin-reklame_v3.png) no-repeat right bottom; border-radius: 0px;}

	a:hover.rtips{
	text-decoration:none;
	display:block;
	border-radius: 0px;
	background:#e7eaf3;
	}
	
		/* Reisetipps untereinander anordnen */

		.rtips img {width:95%; height:95%;}
		a.rtips h5,.reise a.rtips h6,.reise a.rtips span {font-size:110%; margin:0px 5px 5px 5px;}
		.angebote .reise {overflow:hidden;min-height:350px;}
	
	/*	Quickfinder */	
	.quickfinder {
	overflow:hidden;
	background:#e7eaf3;
	border-radius: 0px;

	}
	
	.quickfinder form {margin-bottom:0px;}
	.quickfinder select{margin-bottom:10px;}
	
	.angebote .reise {overflow:hidden;}
	.angebote dl.tabs {overflow:hidden;}
	
	.angebote .tabs-content {overflow:hidden;}
	.angebote .tabs-content li {margin:0px 0px 2px 5px; white-space:nowrap; font-size:100%; list-style-image:url(../../images/startseite/teaser/pfeil.png)}
	.angebote .tabs-content li span {text-transform:uppercase; font-weight:700; color:#f55d03;}
	
	.stickytooltip.startseite {overflow:hidden; padding:5px; max-width:300px;}
	.stickytooltip.startseite h6 {font-size:11px; font-weight:700; color:#002454;}
	.stickytooltip.startseite img {width:40px; height:40px; margin:2px 5px 2px 2px; border-radius:3px; float:left;}
	
	/*	Restplätze- und Reisekalender Tabbs */	
	#restekalender {}
		
		/* Zwischen 1060px und 1024px */
		@media screen and (min-width: 1024px) and (max-width: 1060px) {
		#restekalender .ui-tabs .ui-tabs-nav li a {padding: 0.2em 0.5em;}	
		}
	
	/*	:: Stopper-Sektion*/	
	.row.stopper {
	margin-top:20px;
	background:transparent;
	}
	
	.row.stopper .four.columns {

	}
	
	.stopper-bild {
	overflow:hidden;
	min-height: 125px;
	margin: 0px;
	padding:20px;
	}

	.rb-wrapper {
	  width: 100%;
	  position: relative;
	}
	.rb-wrapper:after {
	  padding-top: 66.49%;
	  display: block;
	  content: '';
	}
	
		/*	Hintergrundbilder der Stopperboxen */
		.stopper-bild#sb1 {background:url(../../images/startseite/stopper/stopperbox1.jpg) no-repeat left;}
		.stopper-bild#sb1_klassiker {background:url(../../images/startseite/stopper/stopperbox1_klassiker.jpg) no-repeat left;}		
		.stopper-bild#sb2 {background:url(../../images/startseite/stopper/stopperbox2.jpg) no-repeat left;}	
		.stopper-bild#sb_jobs {background:url(../../images/startseite/stopper/stopperbox_jobs.jpg) no-repeat right;}	
		.stopper-bild#sb3 {background:url(../../images/startseite/stopper/stopperbox3.jpg) no-repeat left;}
		.stopper-bild#sb3_gutegruende {background:url(../../images/startseite/stopper/stopperbox3_gutegruende.jpg) no-repeat left;}
		.stopper-bild#sb_neu {background:url(../../images/startseite/stopper/stopperbox4_neu.jpg) no-repeat left;} 

		.stopper-bild#sb_reise-kneipe {background:url(../../images/startseite/stopper/stopperbox_reise-kneipe.jpg) no-repeat left;} 	
		.stopper-bild#sb_fotowettbewerb {background:url(../../images/startseite/stopper/stopperbox_fotowettbewerb.jpg) no-repeat left;} 	
		.stopper-bild#sb_reisebericht {background:url(../../images/startseite/stopper/stopperbox_reisebericht.jpg) no-repeat left;} 			

	.stopper-beschreibung {
	overflow:hidden;
	padding:20px;
	background:#e7eaf3;
	min-height: 100px;
	}
	
		/*	Stopperboxen auf den Länderseiten für schulz individuell und schulz sportreisen*/
		.stopper-bild.SSR {padding: 0px; min-height: 200px;}
		.stopper-bild.SSR img {width: 100%;}
		
		.stopper-beschreibung-SSR {
		overflow:hidden;
		padding:20px;
		background:#F55D03;
		}
			.stopper-beschreibung-SSR h3 {color: #FFF; font-style: italic;;}
			.stopper-beschreibung-SSR p {color: #FFF; font-size: 100%; }
		
		
		
		.stopper-bild.SIR {padding: 0px; min-height: 200px;}
		.stopper-bild.SIR img {width: 100%;}
		
		.stopper-beschreibung-SIR {
		overflow:hidden;
		padding:20px;
		background:#e7eaf3;
		}
			.stopper-beschreibung-SIR h3 {color: #305182;}
			.stopper-beschreibung-SIR p {font-size: 100%; }
			
			
			
			
		a.stopperbox:hover {text-decoration: none;}
	
	.stopperbox h1 {color:#fff; text-shadow: 1px 1px 3px #333; font-weight:700; letter-spacing:-1px; text-align: right;}
	.stopperbox #sb1 h1 {text-align: right;}
	
	.four.columns .stopperbox .beschreibung {
	background-color:#002454; 
	background:rgba(0,36,84,0.9);
	}
	
	.four.columns .stopperbox .beschreibung p {font-size:110%; color:#fff;}
	
	
	/*	:: Info-Sektion */	
	
	.row.infs .four.columns {
	background:none;
	margin:0px 20px;
	width:29%;	
	}
	
	/* Katalog anfordern */
	.katanfo {
	overflow:hidden;
	margin-bottom:0px;
	}
	
	.infs .katanfo hr {
	height:10px;
	border:0px; 
	border-bottom:1px solid #e7eaf3; 
	box-shadow:none;
	}
	
	.katanfo img {
	float:right;
	width:100px;
	margin:10px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	}
	
	.katanfo p {font-size:110%;}
	
	
	/* Neuigkeiten aus Reiseblog 2.0 */
	.lcp_catlist li {overflow: hidden; border-bottom: 1px solid #e7eaf3; font-size: 110%; padding: 10px 0;}

	.lcp_catlist li a {font-weight: bold; clear: both; line-height: 25px;}
	.lcp_catlist li a::after {content: '\A'; white-space: pre}

	.lcp_catlist .newspic.wp-post-image {float: right; width: 20%; margin: 5px 0px 0px 10px;}
	.lcp_catlist li .newsdate {font-size: 80%;}
	
	
	/* Neuigkeiten */
	.infs .nlposts-block-item {
	overflow:hidden;
	margin:0px 0px 5px 0px;
	color:#002454;
	background:#f1f3f8; 
	padding:5px; 
	border-radius: 0px;	
	}
	
	.infs .nlposts-block-item:hover {background:#FFF;}
	
	.infs .nlposts-block-item li {margin-bottom:0px;}
	.infs .nlposts-block-thumbnail img {float:left; width:20%; margin:0px 5px 5px 3px; border-radius:3px;}
	.infs .nlposts-block-thumbnail h3 a {float:left; width:75%; font-size:80%; font-weight:700; color:#2c3c4c;}
	.infs .nlposts-block-thumbnail a:hover {font-weight:700; text-decoration:none; color:#002454;}
	.infs .nlposts-block-excerpt {display:none;}
	
	.infs hr {
	height:5px;
	margin:10px 0px; 	
	overflow:hidden; 
	border:0px; 
	border-bottom:1px solid #e7eaf3; 
	}
	
	/* Facebox */
	#facebox {
	}
	
	#newsicons {overflow:hidden; text-align: center;}
	#newsicons img {margin:2px;}
	
		/* Alte Newssektion aus Facebook RSS */
		.newsfeed {
		overflow:hidden;
		font-size:100%;
		font-size:11px;
		margin:0px 0px 5px 0px;
		color:#002454;
		}
		
		.newsfeed p {font-size:11px;margin:0px;color:#002454;}
		
		.newsfeed {
		overflow:hidden; 
		background:#f1f3f8; 
		padding:5px; 
		border-radius: 0px;
		}
		
		.newsfeed a .newspic {float:left; width:40px; height:40px; margin:0px 5px 0px 0px;}
		.newsfeed:hover  {background:#FFF;}
	
	
	
	/* Standort */
	/*.standort h3 {font-size:100%;}*/
	.standort h4 {font-size:110%;}
	.standort p {font-size:90%;}
	.standort a {font-size:100%; text-decoration: none;}
	.standort iframe {margin-bottom:5px;}
	
	.standort #firmensitz {
	overflow:hidden;
	font-size:100%;
	margin:0px 0px 5px 0px;
	color:#002454;
	background:#f1f3f8; 
	padding:10px; 
	border-radius: 0px;	
	}
	.standort #firmensitz p {width:60%; float:left; margin-bottom:0px; line-height:120%;}
		.standort #firmensitz p a {float:none;}

	.standort #firmensitz a img {
	width:40%;
	float:right;
	border-radius: 0px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);}
	
	
	/*	:: Werbung und Partner-Sektion */
	.wups {width:80%; margin:auto; padding:20px 0px 20px 0px;}	
	.wups a img {opacity:0.3; text-align:center;}
	.wups a:hover img{opacity:1;}
	
	
/*	:: 4.5 Restplätze
	-------------------------------------------------- */		
	.laz.rp dt {background:#e7eaf3url();}
	.laz.rp h1 {text-transform:uppercase; white-space:nowrap; font-size:160%}
	.stopperbox.rp {margin-bottom:0px; border-radius: 0px 0px 0px 0px; min-height:100px; max-height:150px;}
	.rp.beschreibung {background-color:#002454; padding:10px; background:#f1f3f8; }
	
	.rp.four.columns {background:#fff;border-top:5px dotted #e7eaf3; margin-bottom:10px;}
	.rp.four.columns.noshadow {}
	.rpmonat .monat {background:url(../../images/kalenderchen-orange.png) no-repeat 6px; font-size:100%; padding:5px 5px 5px 30px;}

	.rpmonat .monat h4 {position: relative; top: 3px;}
	.noshadow .monat {background-image:url(../../images/kalenderchen-orange_40prozent.png);}
	.noshadow .monat h4 {color: #fbbe9a;}

	.rpmonat .rp {width:100%; height:100px; background-size:cover;}
	.rpmonat .angebote {padding:10px;}
	.rpmonat .angebote a {font-size:110%; font-weight:700; padding-left:20px; background:url(../../images/startseite/teaser/pfeil.png) no-repeat 6px;}
	.abriss {background:#e7eaf3url(../../images/abrissrest.png) no-repeat; height:50px;}
				
		.rp.m00 {background:url(/images/reisekalender/abrissrest.png) no-repeat top;}
		.rp.m01 {background:url(/images/reisekalender/jan.jpg) no-repeat center top; background-size:cover;}
		.rp.m02 {background:url(/images/reisekalender/feb.jpg) no-repeat center; background-size:cover;}
		.rp.m03 {background:url(/images/reisekalender/mar.jpg) no-repeat center; background-size:cover;}
		.rp.m04 {background:url(/images/reisekalender/apr.jpg) no-repeat center; background-size:cover;}
		.rp.m05 {background:url(/images/reisekalender/mai.jpg) no-repeat center; background-size:cover;}
		.rp.m06 {background:url(/images/reisekalender/jun.jpg) no-repeat center; background-size:cover;}
		.rp.m07 {background:url(/images/reisekalender/jul.jpg) no-repeat center; background-size:cover;}
		.rp.m08 {background:url(/images/reisekalender/aug.jpg) no-repeat center; background-size:cover;}
		.rp.m09 {background:url(/images/reisekalender/sep.jpg) no-repeat center; background-size:cover;}
		.rp.m10 {background:url(/images/reisekalender/okt.jpg) no-repeat center; background-size:cover;}
		.rp.m11 {background:url(/images/reisekalender/nov.jpg) no-repeat center; background-size:cover;}
		.rp.m12 {background:url(/images/reisekalender/dez.jpg) no-repeat center; background-size:cover;}	

	
/*	:: 4.6 Kontaktformular
	-------------------------------------------------- */
	.kofo dt {
	padding-bottom:5px;
	background:url(../../images/ausklapper.png) no-repeat 98% top;
	font-size:100%;
	font-weight:700;
	color:#f55d03;
	border-radius: 0px;
	cursor: pointer;
	}
	
	.kofo label{font-weight:normal;} 
	#unsichtbar {display:none;}
	
	.kathg {height: 300px; background:url(../../images/startseite/katanfo2012.jpg) no-repeat 50% top;}
	
	.alert-box.error ul {
	list-style-type: disc; color: white;
	padding: 5px 10px 5px 40px;
	}
	.alert-box.error ul li {margin: 0px;}


/*	:: 4.7 Geschichte
	-------------------------------------------------- */	
	img.meilenstein {
	float:right;
	height:150px;
	width:150px;
	margin:20px; 
	border:4px solid #fff; 
	border-bottom:40px solid #fff; 
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 5px;
	left:auto;;
	}

	
	
	/*	:: 4.8 Aktivitäten
	-------------------------------------------------- */
	.akt img {margin:0px 10px 0px 0px;}
	.akt p {font-size:110%;}
	.akt h2 {margin:8px 0px 10px 0px;}
	
	.akt-zeile * {float: none;display: inline;}
	.akt-zeile {margin: 0px auto 0px auto; width: 100%;}
	
	
	/*	:: 4.9 Reisekalender
	-------------------------------------------------- */
	.reika dl {background-color:#e7eaf3;border-radius:0px 0px 5px 5px;}
	.rpmonat dt {background:url(../../images/kalenderchen-orange.png) no-repeat 8px; padding-left:30px;}
	.rpmonat dl dd {padding:10px 20px 20px 20px;overflow:hidden;}
	.rpmonat dl dd h4 a {font-size:100%; font-weight:700;}
	.reika dl dd li {font-size:80%; float:left; margin-top:5px; color:#2c3c4c; line-height:0px; border-bottom:1px solid #e7eaf3;}
	
	.row .ui-accordion-content {width:100%; padding:0px; border:0px; margin-top:10px; margin-bottom:10px;}
	.row .ui-accordion-header {font-size:110%; margin-bottom:20px;text-align:center;}
	.rkjahr { overflow:hidden; }
	
		.reika .rk {width:100%; height:100px; background-size:cover;}
		
		.rk.m01 {background:url(../../images/reisekalender/jan.jpg) no-repeat center top; background-size:cover;}
		.rk.m02 {background:url(../../images/reisekalender/feb.jpg) no-repeat center; background-size:cover;}
		.rk.m03 {background:url(../../images/reisekalender/mar.jpg) no-repeat center; background-size:cover;}
		.rk.m04 {background:url(../../images/reisekalender/apr.jpg) no-repeat center; background-size:cover;}
		.rk.m05 {background:url(../../images/reisekalender/mai.jpg) no-repeat center; background-size:cover;}
		.rk.m06 {background:url(../../images/reisekalender/jun.jpg) no-repeat center; background-size:cover;}
		.rk.m07 {background:url(../../images/reisekalender/jul.jpg) no-repeat center; background-size:cover;}
		.rk.m08 {background:url(../../images/reisekalender/aug.jpg) no-repeat center; background-size:cover;}
		.rk.m09 {background:url(../../images/reisekalender/sep.jpg) no-repeat center; background-size:cover;}
		.rk.m10 {background:url(../../images/reisekalender/okt.jpg) no-repeat center; background-size:cover;}
		.rk.m11 {background:url(../../images/reisekalender/nov.jpg) no-repeat center; background-size:cover;}
		.rk.m12 {background:url(../../images/reisekalender/dez.jpg) no-repeat center; background-size:cover;}		
	
	.reika.five.columns {min-height: 300px; margin:10px 1.5% 10px 1.7%; overflow:hidden;}	
	
	
	/*	:: 4.10 Messe
	-------------------------------------------------- */
	.gce-list-title {font-size:140%; margin:5px 0px 5px 0px; font-weight:700; color:#002454; display:none;}
	.panel.messe {padding-bottom: 15px;min-height: 150px;}
	.messe p {font-size:110%; margin:5px 0px 5px 0px;}	
	.messe p a{font-size:100%; font-weight:bold;}
	.messe .ort {height: 20px; background:url(../../images/messeort.png) no-repeat right; padding: 0px 15px 0px 0px;float: right;}
	.messe .ort a{font-size:90%; font-weight:bold;color:#818181;}

	.randinhalt a#rss {background:url(../../images/messerss.png) no-repeat left; padding-left: 20px; font-weight:700;font-size:90%;}
	.randinhalt a#ical {background:url(../../images/messeical.png) no-repeat left; padding-left: 20px; font-weight:700;font-size:90%;}
	.randinhalt #html {background:url(../../images/messehtml.png) no-repeat left; padding-left: 20px; font-weight:700;font-size:90%;}
	
	.messe * img {float:right; margin: 0px 0px 20px 40px;max-height:100px;width:auto;}
	
	
	
	
	/*	:: 4.12 Vorteile für Sie
	-------------------------------------------------- */
	table.vorteile {border:0px;}
	table.vorteile tbody tr {background:#FFF; border-bottom:1px solid #e7eaf3;}
	table.vorteile td h2 {color:#F55D03;}
	
	/* popup: RIT-Tickets: */
	.RIT p, .RIT ul {font-size: 12px;}
	.RIT ul {padding-left: 15px;list-style-type: disc;}
	.RIT li {margin: 0px;}
	
	
	
	
	


	/*	:: 4.11 Bingo - Formular Erfolgsnachricht 
	-------------------------------------------------- */	
	#bingobanner {margin: auto; width: 450px; padding-bottom:20px;}

	.alert-box.success#erfolg {min-height:55px; background:#7fae00 url(../../images/yay.png) no-repeat 10px 10px; padding: 25px 10px 0px 100px; font-size:140%; line-height:1.5em;}
	
	.alert-box.error#misserfolg{min-height:55px; background:#C00000 url(../../images/nooo.png) no-repeat 10px 10px; padding: 25px 10px 0px 100px; font-size:140%; line-height:1.5em;}

	
	/*	:: 4.12 Team-Seite: accordion als solches deutlich darstellen ... und auch sonst. 
	-------------------------------------------------- */	
	#accordion h3 {margin: 18px 0px 0px 0px; padding: 5px;}
	#accordion dl {
    	background: #ffeecb;
    	margin: 0px;
    	padding: 0px;
	}
	
	.rlanzeiger {cursor: pointer;}
	
	
	
	/*	:: 4.13 Gästefragebogen
	-------------------------------------------------- */
	.abstimmtabelle  {width: 100%;border-collapse: separate; border: 0px; }
	
	.abstimmtabelle thead tr td {
	   background: url(../../images/fragebogen_1-4.png) no-repeat #fff; 
	   height: 20px; padding: 3px 0px 5px 0px;
	}
    .abstimmtabelle thead tr td.wert0 { background-image: none; width: 70%;}
	.abstimmtabelle thead tr td.wert1 { background-position: center 1px;}
	.abstimmtabelle thead tr td.wert2 { background-position: center -25px;}
	.abstimmtabelle thead tr td.wert3 { background-position: center -51px;}
	.abstimmtabelle thead tr td.wert4 { background-position: center -77px;}
	.abstimmtabelle thead tr td.wert5 { background: url(../../images/fragebogen_5_ka.png) no-repeat #fff; background-position: center 1px;}

	.abstimmtabelle tbody tr td {padding: 5px 7px 5px 7px;border: 2px solid white; color: #2c3c4c; background: #eee no-repeat center;}
	.abstimmtabelle tbody tr td.x {background: url(../../images/kreuz.png) #eee no-repeat center;}
	

	.abstimmtabelle tbody tr td.x:nth-of-type(2) { background-image: url(../../images/smile_1.png); cursor:pointer;}
	.abstimmtabelle tbody tr td.x:nth-of-type(3) { background-image: url(../../images/smile_2.png); cursor:pointer;}
	.abstimmtabelle tbody tr td.x:nth-of-type(4) { background-image: url(../../images/smile_3.png); cursor:pointer;}
	.abstimmtabelle tbody tr td.x:nth-of-type(5) { background-image: url(../../images/smile_4.png); cursor:pointer;}

	
	.stickytooltip.fragebogen {background: #002454; height: 18px;}
	.stickytooltip.fragebogen p {color: white;}
	
	form.fragebogen label {clear: left; font-weight: initial; font-family: Lato, Arial;}
	form.fragebogen label input {position: relative; top: 1px;} /*crossbrowser-Kompromiss */
	form.fragebogen label input.inputtabbed {float: left; clear: left; margin: 0px 7px 24px 4px; }
	
	
	/*optional drin -> macht den Fragebogen weniger wuchtig ... */
	/*
	form.fragebogen legend {font-size: 100%;}
	form.fragebogen label {font-weight: normal; color: #2c3c4c;}
	*/
	/* ~ */
	
		
		
    /*	4.14 Reise-Vorträge
   	-------------------------------------------------- */
	div.rss-reisevortraege ul li.panel {
	padding: 30px;
	overflow: auto;
	border: 1px solid #ccc;
	white-space: pre-wrap;
	}
	
	div.rss-reisevortraege ul li.panel  p {
	font-size: inherit;
	}
	
	div.rss-reisevortraege ul li a { /*für alle Browser*/
	display: block; 
	font-size: 110%;
	font-weight: bold;
	position: relative; left: 0px;
	}

	div.rss-reisevortraege ul li a:first-of-type { /*für alle außer IE*/
	background:url(../../images/startseite/teaser/pfeil.png) 0px 5px no-repeat;
	left: -15px;
	padding-left: 15px;
	}
	
	div.rss-reisevortraege ul li p.bodytext {margin: 0px 0px 8px 0px;} 
	div.rss-reisevortraege ul li p.bodytext a {
	display: inline; background: none;font-size: inherit; position: static; padding: 0px;
	}

	div.rss-reisevortraege ul li img {
	float: right;
	max-height: 180px; width: auto;
	margin: 16px 0px 8px 8px;
	border-radius: 0px; 
	}

	div.rss-reisevortraege ul li a small {float: right;clear: right;color:#2c3c4c;}
	
	
    /*	4.15 Partnerlinks
   	-------------------------------------------------- */
	.links_sc {border-bottom:1px dashed #ccc; padding:10px; font-size:11px; line-height:14px; overflow:hidden;}	
	.links_sc a {font-size:140%; font-weight:700; color:#002454;}
	
	.links_sc:nth-child(odd) img {
	width:80px; 
	margin:0px 10px 10px 0px; 
	float:left; 
	border:2px solid #fff; 
	border-radius: 0px; 
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.50);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	}
	
	.links_sc:nth-child(even) img {
	width:80px; 
	margin:0px 10px 10px 0px; 
	float:left; 
	border:2px solid #fff; 
	border-radius: 0px; 
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(3deg);
	}

	.links_sc iframe {height:25px;}
	
	
    /*	4.16 Datenschutz
   	-------------------------------------------------- */	
	.row.datenschutz p {font-size: 14px;}
	.row.datenschutz li {font-size: 14px;}
	.ds-menu {margin: 0 0 20px 0;} 
	
	.ds-menu a {text-decoration: none; padding: 3px 9px; border-radius: 10px;} 
	.ds-menu a:hover {background:#F55D03; color:#fff; }
	.ds-menu a:active {background:#305182;}
	
	.ds-menu li {margin: 1px 0 3px 25px; list-style-type: decimal;}
	
	
	/*	4.17 Corona-Hinweisseite
   	-------------------------------------------------- */	
	div.coronareisezieleliste ul {
		padding: 0px 40px 20px 30px;
		float: left;
	}
	div.coronareisezieleliste ul li {
		list-style-type: disc;
		margin: 0px;
		font-size: 120%; line-height: 1.4;
		color: #2c3c4c;
	}
	
	ul.schoeneliste {
		padding: 0px 20px 20px 30px;
		float: left;
	}
	ul.schoeneliste li {
		list-style-type: disc;
		margin: 0px;
		font-size: 120%; line-height: 1.4;
		color: #2c3c4c;
	}
	
	body {top: 30px;} /*Anpassung wg. Hinweis am oberen Rand*/
	
	
	/* Ergänzen bzw. überschreiben des Foundation CSS
	-------------------------------------------------- */
	.row {max-width:none;min-width:0;}
	.has-tip, .has-tip:hover {border-bottom:0px;}
	div .panel {background: #fff;} 
	div .panel.blue {background: #e7eaf3; font-size: 80%;} /* Corona Hinweis*/
	span.tooltip {width: auto;padding: 5px;}
	.ui-accordion-content a {text-decoration: underline; color: #002454;} /* Coronakasten Links sichtbar machen */
	
	/*	4.18 Rabatte
   	-------------------------------------------------- */
	table.rabattetabelle tr.rabattetabellehead td {
		font-size: inherit !important;
		line-height: 18px;
		text-align: left;
	}
	table.rabattetabelle tbody tr td {
		font-size: 16px !important;
		line-height: 12px;
		font-weight:700 !important;
		text-align: left;
		min-width: 120px !important;
	}
	
	table.rabattetabelle {
		display: flex !important;
		overflow: auto !important;
	}
	

/*	--------------------------------------------------
	:: 5. Randspalte
	-------------------------------------------------- */	
	.four.columns.rand {box-shadow: -1px 1px 0px rgba(0,0,0,.1);	}
	
	.four .karte  {background-color:#fff;} /* 4px Hackfix! */
	.four .karte  img {width:100%;}
	


	/* Indikator für Land, Aktivitäten, Stufe */
	#landakt {
	background: #fff;
	margin-bottom:2px;
	padding:5%;
	border-radius:0px;}
	
	#landakt h1 {margin:0 0 10px 0; color:#002454; font-weight:700; text-transform: uppercase; text-shadow: none; vertical-align:middle; text-rendering:optimizeLegibility;letter-spacing:-1px;}	
	#aktpik img {width:40px; height:40px;}

	#schwufe {background-color:#002454;padding:2% 5% 1% 5%; overflow:hidden;}	
	#schwufe img {background-color:#002454;}	
	
	/*  Textinhalte der Randspalte */
	.randinhalt {padding:15px 5% 15px 5%;border-bottom:1px solid #e7eaf3; overflow: hidden;}
	.randinhalt:nth-last-child(1) {border-bottom:none; margin-bottom:20px;} /* Lernhilfe */

	.randinhalt h3 {font-size:100%; font-weight: 700;}
	.randinhalt h4 {color: #f55d03; font-size:100%; font-weight: 400; margin:3px 0px 2px 0px;} /* Zwischenüberschriften */
	/*.randinhalt h2 {font-family:georgia; color:red; text-decoration:blink; } /* Lernhilfe */
	.randinhalt h2 {color: #f55d03; font-size:110%; margin:3px 0px 2px 0px;} /* Zwischenüberschrift: temporär, damit nichts mehr blinkt */
	
	.randinhalt p {font-size:100%;}
	.randinhalt li {list-style-image: url(../../images/listenpunkt.png); margin:0 0 5px 15px;}
	#tabbs-leistungen li {list-style-image: url(../../images/listenpunkt.png); margin:0 0 8px 15px;}
	
	.randinhalt .tab {position: absolute; left: 85px;}
	
	li.elink  {list-style-image: url(../../images/elink.gif); margin:0 0 3px 15px;}
	
	#noli li {list-style:none; list-style-image:none; margin:0 0 3px 0px; font-weight:bold;}
	
	.randinhalt .panel h5 {font-size:100%; font-weight:bold;}
	
	.stempelflaeche img {width:100%;}
	
	.randinhalt.sozial {
	background-color:#e7eaf3;
	border-radius: 0px 0 0 5px;
	border-bottom:3px solid #f55d03;
	margin:	15px 0 15px 0;
	padding:5%;
	}	
	
	.randinhalt .gefaelltmir p {
	background:#fff url(../../images/sozial.png) no-repeat left; 
	color: #002454;
	font-size: 100%;
	font-weight:700;
	margin-bottom: 10px;
	padding-left:25px;
	text-align:left;
	}	
	
	.randinhalt .gefaelltmir span {color:#F55D03; }
	
	

	
/*	--------------------------------------------------
	:: 6. Fußbereich
	-------------------------------------------------- */	
	#fussinhalt {
	overflow:hidden;
	padding:20px 20px 0 20px;
	width: auto;
	background-color:#f1f3f8;
	border-top: 1px solid #f1f3f8;
	overflow:hidden;
	}

	#fussinhalt img {text-align: center;}	
	
	#fussnav form {overflow:hidden; margin: 0;} 
	
	#fussnav select {
	float:left;
	font-weight:300;
	background-color:#e9a562;
	border:0;
	padding:5px;
	color:#FFF;
	font-size:110%;
	width:200px;
	height:32px;
	border-radius: 0px;
	box-shadow:none;
	}
	
	#fussnav input {
	background:#F55D03 url(../../images/fussicons/senden.png) no-repeat;
	width:32px;
	height:32px;
	border:0px;
	margin:0px;
	cursor:pointer;
	}

	
	#fussinfos span {
	width:100%;
	font-size:90%;
	line-height:2.8em;
	color:#002454;
	padding:5px;
	text-align:center;
	}
	
	.fussinfos p {font-size: 80%;}
	.fussinfos a {color:#002454; font-weight:400; text-decoration: none;text-transform:uppercase;}
	.fussinfos a:hover {color: #f55d03;}


	
/*	--------------------------------------------------
	:: 7. Sarikator
	-------------------------------------------------- */

	/*div.alert-box#sarikator {
	z-index:500;
	background:url(../../images/sarikator.png) no-repeat top;
 	position:fixed;
	top:0px;
	right:0px;
	width:668px;
	margin:0px 0px 0px 0;
	height:39px;
	padding:2px 0px 2px 2px;
	border:0px solid #b4b4b4;
	border-radius:0px;
	overflow: hidden;
	}*/
	
	div.alert-box#sarikator {
	z-index:500;
	background:url(../../images/sarikator.png) no-repeat 0px -8px;
 	position:fixed;
	top:0px; right:0px;
	width:540px;
	margin:0px 0px 0px 0;
	height:32px;
	padding:2px 0px 2px 5px;
	border:0px solid #b4b4b4;
	border-radius:0px;
	overflow: hidden;

	}

	
	a.sarikatorschalter { 
		z-index:501;
		background:url(../../images/sarikator_min.png) -640px 0px no-repeat;
		color: #000; 
		position: fixed; right: 0px; top: 0px;
		font-size: 18px; 
		padding: 4px 4px 4px 10px; 
		cursor: pointer;
		display: block; width: 16px; height: 20px;
		opacity: 0.6;
	}
	
	/*#sarikator .button {
	float:left;
	height:22px; 
	font-size:120%; 
	padding:8px 10px 0px 35px; 
	margin:2px 0px 0px 6px; 
	background:#f55d03 url(../../images/einkaufswagen-sarikator.png) no-repeat 7px 6px;
	border-radius: 0px 0px 0px 5px;}*/
	
	#sarikator .button {
	float:left;
    margin: 1px 0px; 
	padding: 4px 4px 4px 30px;
	background:#f55d03 url(../../images/einkaufswagen-sarikator.png) no-repeat 3px 2px;
	border-radius:3px 0px 0px 3px;
	}
	
	
	/*#sarikator .button#anfrage, #sarikator .button#anfrage a{
	text-decoration:none;
	border-left:1px solid #e25502;
	padding:8px 0px 0px 35px; 
	margin:2px 5px 0px 0px; 
	background:#ff9900 url(../../images/bearbeitermail-sarikator.png) no-repeat 7px 6px;
	border-radius:0px 5px 5px 0px;
	}*/
	
	#sarikator .button#anfrage {
	text-decoration:none;
	margin-right: 10px;
	border-left:1px solid #e25502;
	background:#ff9900 url(../../images/bearbeitermail-sarikator.png) no-repeat 7px 3px;
	border-radius:0px 3px 3px 0px;
	}
	
	#sarikator a img{margin:auto;}	
	
	#sarikator #fbbox {float:left;  overflow:hidden; margin:1px 10px 0px 20px;}
	#sarikator #gpbox {float:left;  overflow:hidden; margin:1px 10px 0px 20px;}
	#sarikator #twbox {float:left;  overflow:hidden; margin:1px 10px 0px 10px;}

		/* Sichtbereich des Sarikators - unter 768px abgeschalten */
		@media screen and (max-width: 767px){ 
			div.alert-box#sarikator {display:none;}
		}
		
	.clear{
		clear:both;
		overflow: hidden;
		}

/*	--------------------------------------------------
	:: 8. Formulare
	-------------------------------------------------- */

	.formular input[type=text],
	.formular input[type=email],
	.formular textarea,
	.formular select {
		font-size: 14px;
		min-height: 30px;
		outline: none!important;
		background: #fff;
		width: 90%;	
		}
		
	/* Anpassungen fuer passolution-Content */
	div.corona-search-result h1 { font-size: 120%; letter-spacing: 0px; margin: 8px 0px 16px 0px;}
	div.corona-search-result h4 { font-size: 100%; margin-bottom: 8px; font-weight: bold;}
	div.corona-search-result li, div.corona-search-result p { color: #2c3c4c; font-size: inherit; line-height: 1.4;}
	div.corona-search-result ul { margin-bottom: 16px; }
	
	div.corona-search-result div.heading {float: left; clear:left; margin: 0px 3px 0px 8px; padding-left: 8px; height: 23px; background: url(https://www.schulz-aktiv-reisen.de/images/listenpunkt.png) left center no-repeat;}
	div.corona-search-result div.heading p:after {content:": ";}
	div.corona-search-result div.content {float: left; color: #2c3c4c; font-size: inherit; line-height: 1.4; margin-right: 3px;}
	div.corona-search-result div.additional-content {float: left; clear:left; margin-left: 16px; color: #2c3c4c; font-size: inherit; line-height: 1.4;}
	div.corona-search-result div.additional-content li {list-style-image: none;}
	div.corona-search-result div.additional-content ul, div.corona-search-result div.additional-content li {margin: 0px;}
	div.corona-search-result div.content p {display: none;} /*notwendig bis passolution das Markup korrigiert, also den Content auch innerhalb des <p>'s platziert, nicht davor. */