@charset "utf-8";

/* Styles for Portrait screen */
@media all and (orientation:portrait) {
	body { }
	br.cb { clear: both; }
	
	/* Header */
	#wrapperHeader { width: 100%; height: 22em; position: relative; clear: both; }
	#headerBalkenKopf { height: .2em; }
	#wrapperHeaderBalkenNavigation { height: 3.8em; z-index: 4444; margin: -.5em 0 2em 0; position: fixed; }
	#wrapperHeaderNavigation { width: 100%; height: auto; }
	#headerLogo { width: 20%; height: auto; margin: 0 .4em .4em 0; float: right; text-align: right; }
	#headerLogo img { width: 84%; height: auto; }
	
	#headerNavigation { width: 54%; height: 2.4em; margin: 2.6em 0 0 0; display: none; }
	#headerNavigation li { font-size: 1.8em; margin: 0 1em 0 0; }
	#headerNavigationSmartphone { display: block; float: left; position: absolute; z-index: 4444; margin: 1em 0 0 .8em; }
	
	#headerSocialMedia { width: 18%; height: 1.8em; margin: 1.8em .6em 0 0; display: none; }
	#headerSocialMedia img { width: 18%; height: auto; }
	.socialmediaSymboleRight { float: left; margin: 0 0 0 .2em; }
	#headerSubnavigation { width: 24%; margin: 0 .4em 0 0; font-size: .7em; display: none; }
	
	#naviSocialMedia { width: 84%; height: 3em; margin: 1.3em 0 1em 2.4em; }
	#naviSocialMedia img { width: auto; height: 100%; }
	.socialmediaSymbole { }
	
	#headerHauptbild { width: 100%; height: 100%; margin: 2.6em 0 0 0; position: relative; }
	#headerHauptbild img { 	width: auto; height: 96%; top: 0px; margin: 0 0 0 -64%; vertical-align: bottom; position: relative; }
	.haederAnzeige { 	width: 20em; min-height: 13em; 	margin: -16em 0 3.3em 2%; }
	#headerHauptbildBalken { width: 100%; height: 3em; margin: -3.4em 0 0 0; position: relative; z-index: 4003; background-color: #369400; }
	#wrapperheaderZusatzinfos { width: 100%; height: 23.6em; margin: -23.6em 0 0 0; position: absolute; z-index: 4004; overflow: hidden; }
	#wrapperheaderZusatzinfos.mobilePartnerVisible { overflow: visible; }

  #headerZusatzinfoRVM { width: auto; height: 3em; display: block; float: right; margin: -.4em 4% 0 0; padding: 0; text-align: center; }
	#headerZusatzinfoRVM p a { font-size: 1.4em; font-weight: 400; color: #666; text-decoration: none; }
	#headerZusatzinfosLinks { width: 48%; height: 3em; position: relative; margin: 20.64em 0 0 0; z-index: 4011; float: left; display: none; }
	#headerZusatzinfosLinksSPK { height: 8.7em; display: none; }
	#headerZusatzinfosLinksSPK img { width: 100%; height: auto; }
	#headerZusatzinfosLinksSuche { height: 2.6em; background-image: none; }
	.inputSuche { width: 82%; font-size: 1em; margin: .4em 0 0 0; background-position: 94% center; }
	#headerZusatzinfosMitte { width: 44%; height: 2.6em; margin: 21.4em 0 0 .4em; }
	#headerZusatzinfosRechts { width: 100%; height: auto; margin: 4em 0 0 0; z-index: 4011; float: right; }
	#headerZusatzinfosRechtsTeaser { width: 100%; height: auto; margin: 0 0 0 0; text-align: center; }
	.headerZusatzinfosRechtsTeaser1 { font-size: 1.2em; }
	.headerZusatzinfosRechtsTeaser2 { font-size: 1.8em; }
	#headerZusatzinfosRechtsUnterkunftssuche { width: 50%; height: 3em; overflow: hidden; background-image: url(../gfx/layout/header/zusatzinfos/banner_unterkunftssuche_smartzphone.png);
		background-repeat: no-repeat; background-position: right top; background-size: 100% auto; float: right; margin: -7.4em .2em 0 0; }
	#headerZusatzinfosRechtsUnterkunftssuche p { width: 80%; height: auto; font-size: 1.3em; margin: .6em .4em 0 0; text-overflow: ellipsis; line-height: 1em; }
	
	#headerZusatzinfosRechtsNeutral { width: 50%; height: 3em; float: right; background-size: 100% auto; margin: -7.4em .2em 0 0; }
	#headerZusatzinfosRechtsNeutral p { width: 80%; height: auto; font-size: 1.3em; text-overflow: ellipsis; line-height: 1em; margin: .2em .4em 0 0; }
	
	.buttonAnzeigenschaltung { width: 60%; height: auto; margin: 2em 0 0 2em; font-size: 1.6em; }
	
	/* Content */
	#wrapperContent { width: 94%; height: auto; margin: 5em auto 10% auto; }
	#wrapperMain { width: 100%; height: auto; margin: 0 0 0 0; }
	#wrapperMain h1 { width: 100%; height: auto; font-size: 2.2em; margin: 0 0 .4em 0; }
	#wrapperMain p { width: auto; margin: 0 .6em 1.4em 0; font-size: 1.4em; font-weight: 300; }
	#breadcrumbNavigation { width: 94%; height: auto; margin: 0 0 .6em .6em; font-size: 1em; }
	
	.contentBoxBild { width: 100%; height: auto; }
	.contentBoxBild img { width: 100%; height: auto; }
	.contentBoxTitle { font-size: 1.8em; }
	.contentBoxText { font-size: 1.2em; }
	.contentBoxLink { font-size: 1.1em; }
	
	.contentBoxBildTitleTextLeft { width: 100%; height: auto; margin: 0 0 1.4em 0; clear: both; }
	.contentBoxBildTitleTextRight { width: 100%; height: auto; margin: 0 0 1.4em 0; clear: both; }
	
	.contentBoxBildTitle { width: 100%; height: auto; margin: 0 0 1.8em 0; clear: both; }
	.contentBoxBildTitleBalken { height: auto; margin: .4em 0 0 0; }
	.contentBoxBildTitleBalken h1 { font-size: 1.4em!important; font-weight: 300; }
	.contentBoxBildTitleImg { width: 100%; height: 100%; margin: 0 0 -.4em 0; }
	.contentBoxBildTitleImg img { width: 100%; height: auto; }
	.contentBoxBildTitleLink { font-size: 1.1em; margin: 7.5em 0 0 0; position: absolute; }
	
	.contentBoxPauschalangebot { width: 100%; height: auto; margin: .4em 0 1.8em 0; clear: both; }
	.contentBoxPauschalangebotTitle { margin: 0 auto 0 auto; padding: .4em .4em .05em .4em; position: relative; }
	.contentBoxPauschalangebotTitle h1 { font-size: 1.8em!important; text-overflow: ellipsis; }
	.contentBoxPauschalangebotImg { margin: -3.4em 0 0 0; }
	.contentBoxPauschalangebotImg img { width: auto; height: 100%; margin: 0 0 0 0; }
	.contentBoxPauschalangebotText { width: 95%; height: auto; margin: 10em 0 1em .4em; font-weight: 300; }
	.contentBoxPauschalangebotText ul { height: auto; margin: 0 0 0 1em; }
	.contentBoxPauschalangebotText li { font-size: 1.1em; }
	.contentBoxPauschalangebotTextPreis { width: 90%; height: auto; font-size: 1.4em; margin: 0em .4em .2em 0; }
	
	/* Sidebar */
	#contentSidebar { display: block; width: 100%; margin: 0 0 0 0; float: none;}
	#wrapperMain {float: none;}
	.sidebarWeitereLinks li { font-size: 1.4em; }
	
	/* Banner - Anzeigenleiste in der Sidebar */
	#wrapperSidebarAnzeigen { width: auto; height: auto !important;  }
	#anzeigenReisevermittlung { display: none; }
	#anzeigenReisevermittlung p { font-size: 1.4em; margin: -1.4em .4em 0 0; }
	#anzeigenReisevermittlung p a { color: #fff; }
	#wrapperAnzeigen { margin: -20em 0 0 0; }
	.AnzeigenPartnerTitle { display: block; width: auto; height: auto; float: right; font-size: 1em; padding: .2em .4em .2em .4em; margin: 0 .6em 0 0; }
	#wrapperAnzeigenLeiste { position: absolute; display: none;  top: -18em; right: .4em; }
	.showInMobile #wrapperAnzeigenLeiste { display: block !important; }
	
	/* Content Bild ueber Seitenbreite und Navigation */
	#wrappercontentBildseitenbreiteNavigation { display: none; }
	.anbieterDetailsLinkBuchungsformular { width: 100%; }
	
	/* Footer */
	#wrapperFooter { width: 100%; height: auto; font-weight: 300; background-color: #e8e8e8; }
	#wrapperfooterBoxen { width: 94%; }
	#footerBoxen { width: 96%; margin: 0 auto; padding: 1em 0 0 0; }
	.footerBox1 { width: 100%; margin: 0 0 0 0; }
	.footerBox1Logo img { width: 54%; height: auto; }
	.footerBox1LogoSlogan { margin: .2em 0 0 2.2em; }
	.footerBox2 { width: 100%; float: left; font-size: 1.2em; }
	.footerBox3 { display: none; }
	#wrapperfooterLeiste { height: 8em; }
	#footerleiste { width: 100%; height: auto; }
	#footerleisteSocialMedia { width: 94%; margin: .2em 0 0 0; }
	.footerleistesocialmediaSymbol { margin: 0 2em 0 0; width: 14%; height: auto; }
	#footerleisteCopyright { width: 94%; float: left; margin: 1.2em 0 1.4em 1em; }
	#footerleisteCopyright ul { width: 100%; text-align: left; }
	#footerleisteCopyright li { font-size: 1.2em; margin: 0 .6em 0 0; line-height: 2em; }
	
	/* Footer fuer Smartphones */
	#wrapperMobilFooter { width: 100%; height: 4.4em; background-color: #d1d1d1; position: fixed; bottom: 0; clear: both; padding: .2em 0 .2em 0; margin: 6em 0 0 0; border-top: solid 1px #333333; z-index: 444444; }
	.mobilfooterBoxLeft { width: 48%; height: auto; float: left; margin: 0 0 0 .6em; color: #333; text-align: center; font-size: .9em; font-weight: 300; }
	.mobilfooterBoxRight { width: 46%; height: auto; float: right; margin: 0 .6em 0 0; color: #333; text-align: center; font-size: .9em; font-weight: 300; }
	.mobilfooterBoxLeft a, .mobilfooterBoxRight a { color: #333; }
	
	/* Formulare */
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-size: 6% 34%; background-position: 98% center !important; }
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-size: 14px 8px; background-position: 98% center !important; }
}

/* Styles for Landscape screen */
@media all and (orientation:landscape) {
	
	body { }
	br.cb { clear: both; }
	
	/* Header */
	#wrapperHeader { width: 100%; height: 24em; position: relative; clear: both; }
	#headerBalkenKopf { height: .1em; }
	#wrapperHeaderBalkenNavigation { height: 4em; position: relative; z-index: 400004; margin: -.5em 0 0 0; clear: both; }
	#wrapperHeaderNavigation { width: 100%; height: auto; }
	#headerLogo { width: 24%; height: 2.6em; margin: -.2em 0 .4em 0; float: right; }
	#headerLogo img { width: 40%; height: auto; margin: 0 .4em 0 0; float: right; }
	
	#headerNavigation { width: 54%; height: 2.4em; margin: 2.6em 0 0 0; display: none; }
	#headerNavigation li { font-size: 1.8em; margin: 0 1em 0 0; }
	#headerNavigationSmartphone { display: block; float: left; position: absolute; margin: 1em 0 0 .8em; }
	
	#headerSocialMedia { width: 18%; height: 1.8em; margin: 1.8em .6em 0 0; display: none; }
	#headerSocialMedia img { width: 18%; height: auto; }
	.socialmediaSymboleRight { float: left; margin: 0 0 0 .2em; }
	#headerSubnavigation { width: 24%; margin: 0 .4em 0 0; font-size: .7em; display: none; }
	
		#naviSocialMedia { width: 84%; height: 3em; margin: -.8em 0 1em 2.4em; }
	#naviSocialMedia img { width: auto; height: 100%; }
	.socialmediaSymbole { }
	
	#headerHauptbild { width: auto; height: auto; margin: -.4em 0 0 0; position: relative; }
	#headerHauptbild img { 	width: 100%; height: auto; top: 0px; margin: 0 0 0 0; vertical-align: bottom; position: relative; }
	.haederAnzeige { 	width: 22em; min-height: 13.6em; 	margin: -16em 0 2em 20%; }
	#headerHauptbildBalken { width: 100%; height: 3em; margin: -2em 0 0 0; position: relative; z-index: 4003; background-color: #369400; }
	#wrapperheaderZusatzinfos { width: 100%; height: 23.6em; margin: -23.6em 0 0 0; position: absolute; z-index: 4004; overflow: hidden; }
	#wrapperheaderZusatzinfos.mobilePartnerVisible { overflow: visible; }
	
	#headerZusatzinfosLinks { width: 48%; height: 3em; position: relative; margin: 20.64em 0 0 0; z-index: 4011; float: left; display: none; }
	#headerZusatzinfosLinksSPK { height: 8.7em; display: none; }
	#headerZusatzinfosLinksSPK img { width: 100%; height: auto; }
	#headerZusatzinfosLinksSuche { height: 2.6em; background-image: none; }
	.inputSuche { width: 82%; font-size: 1em; margin: .4em 0 0 0; background-position: 94% center; }
	#headerZusatzinfosMitte { width: auto; height: 2.6em; margin: 21.4em 0 0 .4em; }
	#headerZusatzinfosRechts { width: 100%; height: auto; margin: 4em 0 0 0; z-index: 4011; float: right;  }
	#headerZusatzinfosRechtsTeaser { width: 100%; height: auto; margin: 0 0 0 0; text-align: center; }
	.headerZusatzinfosRechtsTeaser1 { font-size: 1.4em; }
	.headerZusatzinfosRechtsTeaser2 { font-size: 1.8em; }
	#headerZusatzinfosRechtsUnterkunftssuche { width: 44%; height: 3em; overflow: hidden; background-image: url(../gfx/layout/header/zusatzinfos/banner_unterkunftssuche_smartzphone.png);
		background-repeat: no-repeat; background-position: right top; background-size: 100% auto; float: right; margin: -7.4em .2em 0 0; }
	#headerZusatzinfosRechtsUnterkunftssuche p { width: 90%; height: auto; font-size: 1.8em; margin: .1em .4em 0 0; text-overflow: ellipsis; line-height: auto; }
	
	#headerZusatzinfosRechtsNeutral { width: 34%; height: 3em; float: right; background-size: 100% auto; margin: -7.4em .2em 0 0; }
	#headerZusatzinfosRechtsNeutral p { width: 80%; height: auto; font-size: 1.4em; text-overflow: ellipsis; line-height: 1em; margin: .1em .4em 0 0; }
	
	/* Content */
	#wrapperContent { width: 100%; height: auto; margin: 0 0 10% 0; }
	#wrapperMain { width: auto; height: auto; margin: 0 0 0 0; float:none; }
	#wrapperMain h1 { width: 90%; height: auto; font-size: 2.2em; margin: 0 0 .4em .4em; }
	#wrapperMain p { width: auto; margin: 0 .6em 0 .6em; font-size: 1.4em; font-weight: 300; }
	#breadcrumbNavigation { width: 94%; height: auto; margin: 0 0 .9em .8em; font-size: 1em; }
	.anbieterDetailsLinkBuchungsformular { width: 100%; }
	
	.contentBoxBild { width: 100%; height: auto; }
	.contentBoxBild img { width: 100%; height: auto; }
	.contentBoxTitle { font-size: 1.1em; margin: 0 0 .6em .2em; }
	.contentBoxText { font-size: .7em; }
	.contentBoxLink { font-size: .75em; }
	
	.contentBoxBildTitleTextLeft { width: 46%; height: auto; margin: 0 0 1.4em .6em;  }
	.contentBoxBildTitleTextRight { width: 46%; height: auto; margin: 0 .6em 1.4em 0;  }
	
	.contentBoxBildTitle { width: 100%; height: auto; margin: 0 0 1.2em 0; clear: both; }
	.contentBoxBildTitleBalken { margin: -.2em 0 0 -.7em;  padding: .6em; }
	.contentBoxBildTitleBalken h1 { width: auto; font-weight: 100; }
	.contentBoxBildTitleImg { width: 100%; height: 100%; margin: 0; }
	.contentBoxBildTitleImg img { width: 100%; height: auto; }
	.contentBoxBildTitleLink { font-size: .75em; margin: 12.2em 0 0 0; position: absolute; }
	
	.contentBoxPauschalangebot { width: 100%; height: auto; margin: 0 0 1.8em 0; clear: both; }
	.contentBoxPauschalangebotTitle { margin: 0 auto 0 auto; padding: .4em .4em .05em .4em; position: relative; }
	.contentBoxPauschalangebotTitle h1 { font-size: 1.2em!important; text-overflow: ellipsis; }
	.contentBoxPauschalangebotImg { margin: -4em 0 0 0; }
	.contentBoxPauschalangebotImg img { width: auto; height: 100%; margin: 0 0 0 0; }
	.contentBoxPauschalangebotText { width: 95%; height: auto; margin: 10em 0 .2em .4em; font-weight: 300; }
	.contentBoxPauschalangebotText ul { height: auto; margin: 0 0 0 1em; }
	.contentBoxPauschalangebotText li { font-size: .7em; }
	.contentBoxPauschalangebotTextPreis { width: 90%; height: auto; font-size: .8em; margin: 0em .4em .2em 0; }
	
	/* Sidebar */	
	#contentSidebar { margin: 0 1.8em 0 0; display: block; float: none; }
	.contentSidebarBox { padding: .4em; font-size: .8em; }
	#sidebarLogin { padding: .4em .6em 0.4em 0; font-size: 1em; }
	#sidebarSpreewaldAppBoxLinks img { width: 98%; height: auto; }
	#sidebarSpreewaldAppBoxRechts img { width: 94%; }
	
	/* Banner - Anzeigenleiste in der Sidebar */
	#wrapperSidebarAnzeigen { margin: -23em .8em 0 0; display: none; }
	#anzeigenReisevermittlung { height: 5em; }
	#anzeigenReisevermittlung p { font-size: 1.4em; margin: -1.4em .4em 0 0; }
	#anzeigenReisevermittlung p a { color: #fff; }
	#wrapperAnzeigen { margin: 2em 0 0 0; }
	.AnzeigenPartnerTitle { display: block; width: auto; height: auto; float: right; font-size: 1em; padding: .2em .4em .2em .4em; margin: 0 .6em 0 0; }
	#wrapperAnzeigenLeiste { position: absolute; display: none;  top: -18em; right: .4em; }
	.showInMobile #wrapperAnzeigenLeiste { display: block !important; }
	
	/* Content Bild ueber Seitenbreite und Navigation */
	#wrappercontentBildseitenbreiteNavigation { width: 100%; height: 17em; display: none; }
	#contentBildseitenbreiteNavigation { width: 98%; height: 14em; }
	#contentBildseitenbreiteNavigationsbloecke { width: auto; padding: .8em 0 .8em 1.8em; }
	.contentNavigationsboxBildbreite { width: 22%; margin: 0 1.4em 0 0; }
	.contentNavigationsboxBildbreite li { font-size: .8em; }
	
	/* Footer */
	#wrapperFooter { height: 16em; display: none; }
	#wrapperfooterBoxen { width: 97%; }
	#footerBoxen { width: 100%; height: 11.4em; padding: 0 0 0 0; }
	.footerBox1 { width: 34%; font-size: .9em; height: 10.8em; margin: 1.2em 0 0 0; }
	.footerBox2 { width: 30%; font-size: .9em; height: 10em; margin: .8em 0 0 0; line-height: 1.4em; }
	.footerBox3 { width: 34%; height: 10em; margin: 0 0 0 0; }
	#footerleiste { width: 100%; height: 3em; }
	#footerleisteSocialMedia { width: auto; margin: .6em 0 0 .8em; }
	#footerleisteSocialMedia img { width: 16%; height: auto; }
	#footerleisteCopyright { width: 60%; height: 3em; margin: 1.2em .8em 0 0; }
	#footerleisteCopyright ul { width: auto; margin: -.8em 0 0 0; }
	#footerleisteCopyright li { font-size: .8em; }
	
	/* Footer fuer Smartphones */
	#wrapperMobilFooter { display: none; width: 100%; height: 4.8em; background-color: #d1d1d1; position: fixed; bottom: 0; clear: both; padding: .2em 0 .2em 0; margin: 6em 0 0 0; border-top: solid 1px #333333; z-index: 444444; }
	.mobilfooterBoxLeft { width: 48%; height: auto; float: left; margin: 0 0 0 .6em; color: #333; text-align: center; font-size: .9em; font-weight: 300; }
	.mobilfooterBoxRight { width: 46%; height: auto; float: right; margin: 0 .6em 0 0; color: #333; text-align: center; font-size: .9em; font-weight: 300; }
	.mobilfooterBoxLeft a, .mobilfooterBoxRight a { color: #333; }	
}

/* Navigation Smartphone */
#mypanel {
	z-index: 10000 !important;
}

#mypanel a {
	color: #ccc;
	text-decoration: none;
	cursor: pointer;
}

#mypanel a:visited { color: #76b82a; }

#mypanel a:hover {
	color: #76b82a;
	text-decoration: underline;
}

#mypanel a:focus { outline: thin dotted; }

#partnerWrapper {
	z-index: 499999;
	display:none;
	position: absolute;
	top: 4em;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

#partner {
	text-align: center;
	z-index: 500000;
	position: static;
	overflow: scroll;
	top: 0;
}

.mp-close-wrapper {
	float:right;
	margin: .5em .5em;
}