/* schulz aktiv reisen - Website 3.0 */
/* Optimiert für kleine Bildschirme und Tablets*/


/*	--------------------------------------------------
	:: Grundelemente, Typografie und Farbe
	-------------------------------------------------- */
	#basis {
	width:95%;
	}

	@media screen and (max-width: 767px) {
		.nixda {display:none;} /* Lässt unliebsame DIV's verschwinden */
	}
	
/*	--------------------------------------------------
	:: Navigationsbereich
	-------------------------------------------------- */

	.mobil-navigationsleiste .nav-bar {
	display:inherit;
	background-color:#002454;
	border: 0;
	z-index: 999;
	margin: 0px;
	}
	
	.mobil-navigationsleiste .nav-bar>li {float: none; border: 0;}
	
	.mobil-navigationsleiste .nav-bar .flyout {
		background-color:#FFF;
		width: auto;
		position: relative;
		top: -2px;
	}
	
	.mobil-navigationsleiste .nav-bar>li.has-flyout>a.flyout-toggle span {
		border-top: 4px solid #fff;
	}	
	
	/* Blendet die Standartnavigationsleiste aus*/
	@media screen and (max-width: 1024px) {
		.navigationsleiste {display:none;} 
		.mobil-navigationsleiste {display:inherit;}
	}
	
	
/*	--------------------------------------------------
	:: Inhaltsbereich
	-------------------------------------------------- */	
	.spalte .breadcrumbs#reisenav {display:none;}
	
	
	/* :: Reise Buchen - Termine und Preise */		
	.zeile span {display:none;}
		
	@media screen and (max-width: 550px) {
		.termin {font-size:90%;}
		.preis {font-size:90%;}
		.buchen {width:auto; padding:8px 10px 0px 10px; font-size:100%; font-weight:bold; text-align:right; text-shadow: 1px 1px 0px #ffeecb;}
		.buchenbuttonmoblie {display: inline;}
	}

	
	.sspace{float:left; width:auto;}
	
		/* Ab 1010px untereinander angeordnet*/
			@media screen and (max-width: 1010px) {
			.sspace{float:none; width:auto;}
		}
	
		/* Ab 767px wieder nebeneinander angeordnet*/
			@media screen and (max-width: 767px) {
			.sspace{float:left; width:auto;}
		}
		
		/* Ab 660px untereinander angeordnet*/
			@media screen and (max-width: 660px) {
			.sspace{float:none; width:auto;}
		}
		
		
		
		
/*	:: 4.4 Startseite
	-------------------------------------------------- */	
	@media screen and (min-width: 767px) and (max-width: 920px) {
	.row.teaser .four.columns {min-width:200px; font-size:80%; line-height:14px;}	
	}	
	
	@media screen and (max-width: 767px) {
	.row.teaser .eight.columns {display:none;}	
	}	
	
	@media screen and (min-width: 480px) and (max-width: 767px) {
	#teasertabbs .tabs-content ul.kontinente {background:url(../../images/startseite/teaser/teaserwechseldich.png) no-repeat right; background-size: contain;}
	#teasertabbs .tabs-content ul.aktivitaeten {background:url(../../images/startseite/teaser/teaserwechseldich.png) no-repeat right; background-size: contain; }
	}
		

	/*	:: 4.9 Reisekalender
	-------------------------------------------------- */
	
		/* Ab 767px wieder nebeneinander angeordnet*/
		@media screen and (max-width: 767px) {
			.reika .rk {width:150px;float:left;}
			.reika dl dd {width:100%;max-width:200px; font-size:80%;padding:10px;float:left;}
			.reika dl  {overflow:hidden; margin:10px;}
		}
	
	.rpmonat .angebote a {font-size:90%;}	
	

	

	/*	:: 4.11 Bingo - Formular Erfolgsnachricht 
	-------------------------------------------------- */	
		@media screen and (max-width: 767px) {
			#bingobanner {margin: auto; width: 300px; padding-bottom:20px;}
		}


	
	
/*	--------------------------------------------------
	:: Fußbereich
	-------------------------------------------------- */	
	

		/* Ab 767px Fußnavi über ganze breite*/
			@media screen and (max-width: 767px) 	{
			
			#fussnav, #fussicons, #fussinfos {
			float:none;
			height:auto;
			margin:auto;
			text-align:center;
			margin:5px 0 5px 0;
			}		
		
			#fussinfos span {
			float:left;
			font-size:100%;
			line-height:1.5em;
			padding:1px;
			white-space:normal;
			}
			
				
			
			#fussnav select {
			border:0px;
			color:#fff;
			margin:0px;
			padding:10px;
			font-size:120%;
			width:100%;
			height:45px;
			}
			
			#fussicons .addthis_toolbox {margin-left:35%;}
		}