/********************************

             LARGE:
					>= 1800 px

*******************************/ 

.response_gth_Desktop #Col12{width: 50%}
.response_gth_Desktop #Col3, 
.response_gth_Desktop #Col3Eisackbus,
.response_gth_Desktop #Col4Eisackbus,
.response_gth_Desktop .ColFulltext, 
.response_gth_Desktop .ColFullMedia,
.response_gth_Desktop .ColSpecialMedia,
.response_gth_Desktop .ColFullHtml{width: 25%}
.response_gth_Desktop #SiteGeneralCont,
.response_gth_Desktop #SiteGeneralFooter{
	width: 1800px;
	margin: 0 auto;
}
.response_gth_Desktop .ColFullMediaDistance{
	width: 90%;
	margin: 0 auto;
}
.response_gth_Desktop #Col123{
	width: 75%;
}
.response_gth_Desktop #WayMapContainerInner{
	width: 1800px;
	margin: 0 auto;
	
}
.response_gth_Desktop #ApiIframeContainer.iframeConsisto3Col{
	padding-bottom: 0;
}
.response_gth_Desktop #LogoSuedtirol{
	width: 86px;
}
.response_gth_Desktop #HeaderNaviSuche{
	top: 106px;
}
.response_gth_Desktop .InfofensterGmap{
	padding-right: 20px;
}


/********************************

             DESKTOP
			>= 1001 - 1199 px

*******************************/


.responseDesktop #Col12{width: 50%}
.responseDesktop #Col3, 
.responseDesktop #Col3Eisackbus,
.responseDesktop #Col4Eisackbus,
.responseDesktop .ColFulltext, 
.responseDesktop .ColFullMedia,
.responseDesktop .ColSpecialMedia,
.responseDesktop .ColFullHtml{width: 24.9%; overflow: hidden; }
.responseDesktop .ColFullMediaDistance{
	width: 90%;
	margin: 0 auto;
}
.responseDesktop #Col123{
	width: 75%;
}
.responseDesktop #ApiIframeContainer.iframeConsisto3Col{
	padding-bottom: 0;
}

.responseDesktop #LogoSuedtirol{
	width: 77px;
	padding-bottom: 0px;
}
.responseDesktop #HeaderNaviSuche{
	top: 91px;
}
.responseDesktop .InfofensterGmap{
	padding-right: 20px;
}


/********************************

             MEDIUM
			>= 1025 - 1199 px

*******************************/

.responseMedium #Col12,
.responseMedium #Col3Eisackbus{width: 66%}
.responseMedium #Col3, 
.responseMedium #Col4Eisackbus,
.responseMedium .ColFulltext, 
.responseMedium .ColFullMedia,
.responseMedium .ColFullHtml{width: 33%}
.responseMedium .ColSpecialMedia{
	width: 100%;
}
.responseMedium .SiteGeneralControutenplaner #Col12{
	width: 50%;
}
.responseMedium #Col4 #BoxenLayout,
.responseMedium #ApiIframeContainer.iframeConsisto3Col{
	width: 98%;
}
.responseMedium .ColFullMediaDistance{
	width: 90%;
	margin: 0 auto;
}
.responseMedium #KruemelPfad{
	display: none; 
}
.responseMedium .tbLastFixedElementsPreText .colMediaImg{
	margin-top: 10px !important; 
	margin-bottom: 0 !important; 
}
.responseMedium #TitleHotels{
	width: 95%;
}
.responseMedium #Col3Eisackbus{
	float: left; 
}
.responseMedium .SingleEisackBusHotel{
	width: 45%;
	padding: 0 2% 0 3%;
	margin: 0;
	float: left; 
}
.responseMedium .InfofensterGmap img{
	width: 40%;
	float: left; 
	margin: 0 10px 5px 0;
}
.responseMedium #EisackBusHotels{
	width: 95%;
	margin: 0 auto;
}
.responseMedium #PagingHotels,
.responseMedium #PagingWebcams{
	width: 95%;
	margin: 0 auto;
}
.responseMedium #PagingHotels a,
.responseMedium #PagingWebcams a{
	margin: 0 5px;
}
.responseMedium .WayPoitBut{
	max-width: 140px;
}
.responseMedium #LogoSuedtirol,
.responseMedium #LanguageSearch{
	padding-right: 45px;
}

.responseMedium #LogoSuedtirol{
	width: 63px;
	padding-bottom: 0px;
}
.responseMedium #HeaderNaviSuche{
	top: 80px;
}
.responseMedium .InfofensterGmap{
	padding-right: 20px;
}
.responseMedium #Col3.IframeContents{
	width: 100%;
	padding-bottom: 30px;
}
.responseMedium #Col3.IframeContents .tbTextPartials{
	width: 95%;
}


/********************************

             TABLET
			 >= 681 - 1024 px

*******************************/


.responseTablet #Col12,
.responseTablet #Col123 #Col12{width: 100%; float:none; display: block; clear: both;}
.responseTablet #Col123 #Col3,
.responseTablet #Col3,
.responseTablet #Col3Eisackbus,
.responseTablet #Col4Eisackbus{width: 100%; float: none; display: block;clear: both;} 
.responseTablet .ColFulltext{width: 0} 
.responseTablet .ColFullMedia{width: 95%; margin: 0 auto; padding-top: 25px;  float: none; clear: both; display: block}
.responseTablet .ColFullHtml{width: 95%; margin: 0 auto; margin-top: 25px;  float: none; clear: both; display: block}
.responseTablet .ColSpecialMedia,
.responseTablet .SiteGeneralControutenplaner,
.responseTablet .SiteGeneralControutenplaner #ColMap,
.responseTablet .SiteGeneralControutenplaner #routeFormCont,
.responseTablet .SiteGeneralControutenplaner #directionsPanel{
	 width: 100%;
}
.responseTablet .APIInterfaces .tbTextPartials{
	width: 100%;
}
.responseTablet #Col4 #BoxenLayout,
.responseTablet #ApiIframeContainer.iframeConsisto3Col{
	width: 95%;
}
.responseTablet .singleHtmlCol{
	width: 45%;
}
.responseTablet .ColFullMedia .colMediaImg{
	float: left; 
	display: inline; 
	width: auto;
}
.responseTablet #HauptNavi .sitemap2{
	padding: 5px 0;
}
.responseTablet #HauptNaviCont{
	padding: 5px 0 0;
	margin: 0 auto;
	display: block; 
	float: none;
	width: 96%;
}
.responseTablet #HauptNavi{
	float: right; 
}
.responseTablet #KruemelPfad{
	display: none; 
}
.responseTablet .UebersichtAnzahlTxt2 .UebersichtSingleContent,
.responseTablet .UebersichtAnzahlTxt1 .UebersichtSingleContent{
	width: 90%;
	text-align: justify;	
	padding-right: 0;
	padding-left: 5%;
}
.responseTablet #UebersichtContentFbContainer .UebersichtContentTxt{
	width: 100%;
}
.responseTablet #UebersichtFbBox{
	width: 90%;
	padding-left: 5%;
}
.responseTablet .SocialShortCut{width:30px; height:28px; padding-right: 4px;}
.responseTablet .SocialShortCut a{background-position: 0 0}

.responseTablet #FooterSocial{padding-top: 10px}

.responseTablet .tbLastFixedElementsPreText .colMediaImg{
	padding-top: 10px; 
	margin-bottom: 0 !important; 
}
.responseTablet .Introspacer{
	display: block; 
}
.responseTablet #colFormularInner{
	width: 100%;
}
.responseTablet #colFormularInner2,
#RouteFormContB{
	padding: 2% 4%;
	width: 92%;
}
.responseTablet #colFormular{
	margin-top: 30px;
}
.responseTablet #FooterCont{
	width: 93%
}
.responseTablet .EisackBusContents2 .ContentAbsatz{
	width: 45%;
	margin: 0 2.5%;
	float: left; 
}
.responseTablet .EisackBusContents1 .ContentAbsatz,
.responseTablet .IframeContents .ContentAbsatz{
	width: 95%;
	margin: 0 auto;
}
.responseTablet .EisackBusContents2 .Col3InfoBox{
	width: 39%;
	padding: 3% 3%;
}
.responseTablet .EisackBusContents2 .trennerAbsatz{
	display: none; 
}
.responseTablet .tbTextPartials{
	width: 90%;
}
.responseTablet #Col4Eisackbus .tbTextPartials{
	width: 100%
}
.responseTablet #TitleHotels{
	width: 90%;
}
.responseTablet .SingleEisackBusHotel{
	width: 45%;
	padding: 0 2% 0 3%;
	margin: 0;
	float: left; 
}
.responseTablet .InfofensterGmap img{
	width: 40%;
	float: left; 
	margin: 0 10px 5px 0;
}
.responseTablet #EisackBusHotels{
	width: 95%;
}
.responseTablet #EisackBusHotels{
	width: 95%;
	margin: 0 auto;
}
.responseTablet #PagingHotels,
.responseTablet #PagingWebcams{
	width: 95%;
	margin: 0 auto;
}

.responseTablet #ApiIframeContainer{
	padding-top: 30px;
}
.responseTablet #PagingHotels a,
.responseTablet #PagingWebcams a{
	margin: 0 5px;
}

.responseTablet .WayPoitBut{
	max-width: 125px;
}
.responseTablet .wayDegSingleUrl{
	display: none !important;  /* MK: auf dem schmalen Design die URLs ausblenden, verwirren sonst nur */
}

.responseTablet #PresseRight,
.responseTablet #PresseMiddle{
	width: 65%;
}
.responseTablet #PresseLeft{
	width: 35%;
}
.responseTablet #PresseRight{
	margin-top: 20px;
	float: right; 
}
.responseTablet .SiteGeneralContwetter-webcam #Col4Eisackbus{
	margin-bottom: 19px;
}
.responseTablet #TitleWetter{
	width: 96%;
}
.responseTablet #HeaderNaviSuche{
/*	padding-right: 60px;*/
}
.responseTablet #LogoSuedtirol, .responseTablet #LanguageSearch{
	padding-right: 45px;
}


.responseTablet #LogoSuedtirol{
	width: 63px;
	padding-bottom: 0px;
}
.responseTablet #HeaderNaviSuche{
	top: 80px;
}
.responseTablet .InfofensterGmap{
	padding-right: 20px;
}
.responseTablet .SiteGeneralControutenplaner #Col12{
	padding-top: 15px;
}

/********************************

             SMALL
					<= 680 px

*******************************/
.responseSmart .notResponseSmart{
	display: none
}

.responseSmart .onlyResponseSmart{
		display:block
	}

.responseSmart #Col12,
.responseSmart #Col123 #Col12{width: 100%; float:none; display: block; clear: both;}
.responseSmart #Col1,
.responseSmart #Col123 #Col3 {width: 100%}
.responseSmart #Col2,
.responseSmart #Col3,
.responseSmart .ColFulltext{width: 0}
.responseSmart #Col3Eisackbus,
.responseSmart #Col4Eisackbus{width: 100%; float: none; display: block;clear: both;} 
.responseSmart .ColSpecialMedia,
.responseSmart .SiteGeneralControutenplaner #ColMap,
.responseSmart .SiteGeneralControutenplaner #routeFormCont,
.responseSmart .SiteGeneralControutenplaner #directionsPanel{
	 width: 100%;
}
.responseSmart .ColFullMedia{width: 90%; margin: 0 auto; padding-top: 25px; float: none; clear: both; display: block}
.responseSmart .ColFullHtml{width: 90%; margin: 0 auto; margin-top: 25px; float: none; clear: both; display: block}

.responseSmart #ApiIframeContainer{
	width: 90%;
	padding-top: 30px;
}

.responseSmart #tbTextSplitter #Col4Eisackbus .s19,
.responseSmart #Opener5Way,
.responseSmart #KruemelPfad,
.responseSmart #HauptNavi .MediaContInNavi,
.responseSmart #HauptNavi li.FallbackHauptNaviForTouches,
.responseSmart #HauptNavi li.FallbackHauptNaviForTouchesVisible,
/*.responseSmart #HeaderNaviSuche,*/
.responseSmart #HauptNavi .subnavi2ContArrow{
	display: none; 
}

.responseSmart .tbTextPartials .tbLastFixedElements{
	margin-top: 20px !important; 
}
.responseSmart #OpenSmartPhoneNavi{
	display: block; 
	padding-top: 5px;
}
.responseSmart .ColFullMedia .colMediaImg{
	float: left; 
	display: inline; 
	width: auto;
}
.responseSmart #Logo{
	padding: 25px 15px 0;
}
.responseSmart #LogoSuedtirol{
	padding: 22px 20px 4px;
	width: 74px;
}
.responseSmart #LanguageSearch{
	padding: 0 20px 0 0;
	margin-top: -12px;
}
.responseSmart #HauptNaviCont{
	width: 100%;
	margin: 0 auto;
	float: none;
	display: block; 
	padding: 0 0;
}
.responseSmart{
	display: block; 
}
.responseSmart #HauptNavi{
	float: none;
	overflow: hidden; 
}
.responseSmart #HauptNavi li{
	float: none;
	display: block; 
}
.responseSmart #HauptNavi{
	width: 100%;
}
.responseSmart #HauptNavi .HauptNaviAktiv3,
.responseSmart #HauptNavi .HauptNaviAktiv3 a{
	background: none;
	color: #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.responseSmart #HauptNavi .HauptNaviAktiv3 a{
	font-weight: bold;
	color: #607A21;
}
.responseSmart #HauptNavi .HauptNaviAktiv3 .SubNavi2List a{
	font-weight: normal;
	color: #000;
}
.responseSmart #HauptNavi .HauptNaviAktiv3 .HauptNaviAktiv6 a{
	font-weight: bold;
	color: #607A21;
}
.responseSmart #HauptNavi .HauptNaviAktiv6 .SubNavi3List a{
	font-weight: normal;
	color: #000;
}
.responseSmart #HauptNavi .HauptNaviAktiv3 a:hover{
	color: #607A21;
}
.responseSmart .subnavi2ContInner{
	border: none;
	padding: 0;
	box-shadow: none;
}
.responseSmart #HauptNavi li{
	width: 100%;
	padding: 3px 0;
	clear: both;
}
.responseSmart #HauptNavi li.sitemap2{
	min-height: 0;
}
.responseSmart #HauptNavi a{
	width: 75%;
}
.responseSmart #HauptNavi li.sitemap1 li.sitemap2 a{
	float: none;
	padding: 4px 0 2px 25px;
}
.responseSmart #HauptNavi li.sitemap1 a.smartNaviOpener{
	display: block; 
	width: 10%;
	float: right; 
	background-image: url(/img/css/pfeil11.png);
	background-repeat: no-repeat;
	background-position: 50% -33px;
	text-indent: -3000px;
	margin-top: -23px;
	padding: 0;
}
.responseSmart #HauptNavi li.sitemap1 a.smartNaviOpenerOpen{
	background-position: 50% 5px;
}
.responseSmart #HauptNavi li.sitemap1 div.smartNaviOpener{
	width: auto;
	float: right; 
	display: block; 
	margin-top: -25px;
	padding: 0 20px 0 0;
	color: #F0F4EC;
}
.responseSmart #HauptNavi li.sitemap1 div.smartNaviOpener a{
	display: block;
	width: 25px;
	background: #E2E9DA;
	padding: 2px 1px 1px;
	text-align: center; 
	float: right; 
	color: #4C601B;
	/*margin-right: 10px;*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.responseSmart #HauptNavi .subnavi2Cont{
	position: relative; 
	width: 100%;
	height: auto;
	overflow: hidden; 
	padding: 0;
}
.responseSmart #HauptNavi .subnavi2ContInner{
	position: relative; 
	width: 100%;
	right: 0;
	top: 0px;
	min-height: 0;
}
.responseSmart #HauptNavi .SubNavi2ListCont {
	width: 100%;
}

.responseSmart .UebersichtAnzahlTxt2 .UebersichtSingleContent,
.responseSmart .UebersichtAnzahlTxt1 .UebersichtSingleContent{
	width: 90%;
	text-align: justify;	
	padding-right: 0;
	padding-left: 5%;
}
.responseSmart #UebersichtContentFbContainer .UebersichtContentTxt{
	width: 100%;
}
.responseSmart #UebersichtFbBox{
	width: 90%;
	padding-left: 5%;
}
.responseSmart .SocialShortCut{width:30px; height:28px; padding-right: 4px;}
.responseSmart .SocialShortCut a{background-position: 0 0}
.responseSmart #FooterNavi{padding-bottom: 10px}
.responseSmart #FooterSocial .clearSpan{
	display: block;
	clear:both;
	height: 17px;
}
.responseSmart .tbLastFixedElementsPreText .colMediaImg{
	padding-top: 10px !important; 
	margin-bottom: 0 !important; 
}
.responseSmart .tbFirstFixedElements h1,
.responseSmart .tbFirstFixedElements h2{
	width: 90%;
}
.responseSmart #colFormular{
	margin-top: 30px;
}
.responseSmart #FooterCont{
	width: 88%
}
.responseSmart #colFormularInner{
	width: 100%;
}
.responseSmart #EisackBusHotels{
	width: 95%;
}
.responseSmart #EisackBusHotels,
.responseSmart #PagingHotels,
.responseSmart #PagingWebcams{
	width: 95%;
	margin: 0 auto;
}
.responseSmart .SingleEisackBusImg{
	width: 25%;
}
.responseSmart .SingleEisackBusTxtmitImg{
	width: 70%;
}
.responseSmart .SingleEisackBusHotel,
.responseSmart .EisackBusKurzInfo{
	height: auto !important; 
}
.responseSmart #PagingHotels a,
.responseSmart #PagingWebcams a{
	margin: 0 5px;
}
.responseSmart #MapCanvasEisackBus{
	width: 90%;
}
.responseSmart .InfofensterGmap{
	width: auto;
	padding-right: 5px;
}
.responseSmart .InfofensterGmap img{
	width: 40%;
	float: left; 
	margin: 0 10px 5px 0;
}

.responseSmart .tbTextSplitterCont{
	margin-top: 2px;
}
.responseSmart #TitleHotels img{
	max-width: 65%;
	vertical-align: baseline;
}
.responseSmart #HauptNavi li.sitemap1 {
	background: #F0F4EC url(/img/css/border_navi.gif) repeat-x left bottom;
}
.responseSmart #HauptNavi li.sitemap1 a{
	padding: 3px 0 1px 15px;
}
	
.responseSmart #WayMapContainer,
.responseSmart #WayMapContainerMask{
	display: none;
}
body.responseSmart{
	margin-right: 0;
	overflow: auto;
}
.responseSmart #Header #LanguageSearch{
	display: none; 
}
.responseSmart #LogoOverlay{
	display: none; 
}

.responseSmart .ErrorBoxes h1{
	font-size: 150%;
}
.responseSmart #PresseRight,
.responseSmart #PresseMiddle{
	width: 100%;
	margin-top: 20px;
}
.responseSmart #PresseLeft{
	width: 100%;
}
.responseSmart .SiteGeneralContwetter-webcam #Col4Eisackbus{
	margin-bottom: 19px;
}

.responseSmart #HeaderNaviSuche{
	display:block;
	float:none;
	clear:both;
	position:static;
	margin:10px 2.5% 0;
	padding:15px;
	background-color:#B6C513;
	border-radius:5px;
	color:#FFF
}
	.responseSmart #HeaderNaviSuche form{
		width:100%
	}
	
		.responseSmart #HeaderNaviSuche form .label{
			display:none
		}
		
		.responseSmart #HeaderNaviSuche form #searchtop{
			width:100%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			height:auto;
			padding:2% 5%
		}
		
		.responseSmart #HeaderNaviSuche form #searchtopButton{
			position:absolute;
			top:35%;
			right:4%
		}
		
		.responseSmart #resultLiveSearch{
			width:100%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		
			.responseSmart #ListResultPre,
			.responseSmart #resultLiveSearch .LCs ,
			.responseSmart #resultLiveSearch ul#Listresult,
			.responseSmart #resultLiveSearch ul#Listresult li,
			.responseSmart #resultLiveSearch ul#Listresult li a,
			.responseSmart #ListResultPost{
				width:auto
			}
.responseSmart #FooterLeft{
	width: 100%;
}
	.responseSmart #FooterAdress{
		margin: 0 0 15px 0;
	}
.responseSmart #FootertB{
	width: 100%;
	text-align: left;
	margin: 10px 0 0 0;
}

.responseSmart .SiteGeneralControutenplaner #Col12{
	padding-top: 15px;
}

.responseSmart #frmRoute .StartAdr,
.responseSmart #frmRoute .ZielAdr{
	width: 100%;
	padding-bottom: 8px;
}
.responseSmart .RouteBtn{
	float: right; 
}
.responseSmart #Col3.IframeContents{
	width: 100%;
}



/* FOR SERACH-BOTS only to show that the site is responsive */

@media only screen and (max-device-width: 700px){
	/* Smartphone */
	.mediaQuery{
		width: 25%;
	}
}
@media only screen and (min-device-width: 701px) and (max-device-width: 980px) {
	/* Tablet */
	.mediaQuery{
		width: 50%;
	}
}
@media only screen and (min-device-width: 981px) and (max-device-width: 1200px) {
	/* Desktop */
	.mediaQuery{
		width: 75%;
	}
}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1799px) {
	/* Big Screen */
	.mediaQuery{
		width: 100%;
	}
}
@media only screen and (min-device-width: 1800px) {
	/* Big Screen */
	.mediaQuery{
		width: 150%;
	}
}