article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
body {
	margin: 0
}
img {
	border: none;
	max-width: 100%;
}

.printlogo{
	display:none
}

.filled img{
	display:block
}
#responsive {
	width: 980px;
	margin: 0 auto;
}
header {
	height: 85px;
	position: relative;

}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

#logo {
	display: block;
	position: absolute;
	width: 649px;
	height: 60px;
	background: url(../upload/design/logo.png) no-repeat left center;
	margin-top:29px;
}


#logo_neu {
	display: block;
	position: absolute;
	width: 625px;
	height: 90px;
	background: url(../css/img/logo.png) no-repeat left center;
}

#subhead {
	display: block;
	position: absolute;
	right: 0;
	text-align: right;
	width:320px;
}
#subhead a {
	color: #7f7e7e;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	padding-left: 4px;
	text-transform: uppercase;
}

#subhead_neu {
	display: block;
	position: absolute;
	padding-top: 12px;
	text-align: left;
}
#subhead_neu a {
	color: #EB6808;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	padding-right: 5px;
	text-transform: uppercase;
}

#suche {
    text-align:left;
    padding: 3px 0 0 8px;
    float: left;
    width:150px;
    height:47px;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background linear 0.5s;
}
#suche.active, #suche:target {
    display:block;
    background-color: #ededed;
    position: absolute;
    top: 90px;
    min-width:223px;
    z-index: 99;
    padding: 2px 6px;
}
#suche.active #navigation_searchform_top input#search_term,
#suche:target #navigation_searchform_top input#search_term {
    min-width: 120px;
    margin-right: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkN2IwYTA3OS0xMTlmLTRjZWYtOWFjZC03ZGQyNjBlYTU3NjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFDQjBFRkMwM0MwMTFFQkE0NTg4MTQ1N0ZGQzc2QjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFDQjBFRkIwM0MwMTFFQkE0NTg4MTQ1N0ZGQzc2QjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozYWMyOTVkNi01NzMxLTRjNjEtOGUxZC01ZGViYTFlYjA3Y2QiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MzZlZmIyNi00MWZlLTExN2UtYWNhMi1hOGJhOWZjNTEzZjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IovxJAAABLUlEQVR42nTSwSvDcRjH8Z/5pVZKu7hQyiTNwV8gB4rUKA5uyGm5yeJAI2ctuQoXKYcVbislKeWC27jsIjmJophseT/r861va3vq1W/13fN7Pnu+a9rIZAJVAnOYRhfekMcBrgKvInoOIocVRHGPT8ziDIved6sfenCIPuwiiUk9l1DGthJUK8Q84tjBKn519opHfGFP0y7wbpOm8IJ9r8GvI1xjAL1+vKIa69UP7hBDp2sqoQXNQeOy5VRcEmu6Rb/G16sOjChJ0TVZ5lasK6pfbdhEt1b/5LZn9zOGGZxrUwW0656G9RNu8Oea7BKXlXkCWW9SSbEsYlovewh1aAcLmjikLX3gUpG2MK5rSYU1qz2VqDZV1llKsUexFmmwsW+vwepZf6ljnPwLMACO0khFe2+18AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    padding-left: 25px;
    letter-spacing: initial;
    line-height: 20px;
    font-size: 11px;
}
#suche #navigation_searchform_top input[type="submit"] {
    text-indent:0;
    width:auto;
    background:none;
    background-color:#009ee0;
    text-transform: uppercase;
    padding:0 12px;
    letter-spacing: .05em;
}
a.nav-search-link {
    display: inline-block;
    width: 13px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkN2IwYTA3OS0xMTlmLTRjZWYtOWFjZC03ZGQyNjBlYTU3NjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFDQjBFRkMwM0MwMTFFQkE0NTg4MTQ1N0ZGQzc2QjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFDQjBFRkIwM0MwMTFFQkE0NTg4MTQ1N0ZGQzc2QjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozYWMyOTVkNi01NzMxLTRjNjEtOGUxZC01ZGViYTFlYjA3Y2QiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MzZlZmIyNi00MWZlLTExN2UtYWNhMi1hOGJhOWZjNTEzZjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IovxJAAABLUlEQVR42nTSwSvDcRjH8Z/5pVZKu7hQyiTNwV8gB4rUKA5uyGm5yeJAI2ctuQoXKYcVbislKeWC27jsIjmJophseT/r861va3vq1W/13fN7Pnu+a9rIZAJVAnOYRhfekMcBrgKvInoOIocVRHGPT8ziDIved6sfenCIPuwiiUk9l1DGthJUK8Q84tjBKn519opHfGFP0y7wbpOm8IJ9r8GvI1xjAL1+vKIa69UP7hBDp2sqoQXNQeOy5VRcEmu6Rb/G16sOjChJ0TVZ5lasK6pfbdhEt1b/5LZn9zOGGZxrUwW0656G9RNu8Oea7BKXlXkCWW9SSbEsYlovewh1aAcLmjikLX3gUpG2MK5rSYU1qz2VqDZV1llKsUexFmmwsW+vwepZf6ljnPwLMACO0khFe2+18AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    cursor: pointer;
}
@media screen and (min-width: 650px) {
    #suche.active, #suche:target  {
        top: 143px;
        right: 0;
        min-width: 325px;
        padding: 5px 10px 2px;
    }
    #suche.active #navigation_searchform_top input#search_term,
    #suche:target #navigation_searchform_top input#search_term {
        min-width: 200px;
        background-position: 7px 9px;
        line-height: 36px;
        font-size: 14px;
    }
}

#suche > select,
input[type="text"],
textarea  {

 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

	border: 1px solid #CCC;
	padding: 3px;
 
}

#search_term {
    width: 104px !important; height:26px;
    border-color: transparent !important;
}
	
#buchungskonto {
     margin-left:1px;
     float: right;
     background:#ededed;
     width:265px;
     height:50px;
}

#suche_neu {
 text-align:right; padding-left:6px; padding-top:10px
}

#meta {
	padding-top:7px; margin-bottom:6px
}

#meta-mobil { display:none
}

#djh-logo {
position: absolute; right: 0; top: 12px;
}

.tagen  { font-size:13px !important}
.tagen a { font-size:13px !important}


#djh-logo_neu {
display: block;
	position: absolute;
	right: 0;
	padding-top: 10px;
	text-align: right;
}

#ideal-logo {
position: absolute; right: 0; top: -12px; 
}

.metalink { display:none}


#navigation_searchform_top input {
	background: #F8F8F8;
	border: 1px solid #CCC;
	padding: 3px ;

}

#subhead input {
	background: #fff;
	border: 1px solid #fff;
	padding: 3px 3px 3px 6px;
	word-spacing:0px;
	letter-spacing:-1px;
	
    line-height: 16px;
}
#navigation_searchform_top input[type="submit"],
#subhead input[type="submit"]
{
	background: url(../upload/design/ico-search.png) no-repeat center #e7e7e7;
	border: none;
	padding: 3px;
	text-indent: -9999em;
	width: 29px;
	height: 34px;
	cursor: pointer;
}


#navi-jh {}


ul.navi-jh-2018   {float: left;
	width:650px; padding:0px; margin:0px; margin-bottom:20px; margin-top:10px; list-style:none}
	
	ul.navi-jh-2018  li  {float: left;
	border-right: solid 1px #ffffff; border-top: solid 1px #ffffff;}

ul.navi-jh-2018  li .active { background:#9e9c9d; color:#ffffff;}

ul.navi-jh-2018 li.Portrait a { width:84px }
ul.navi-jh-2018 li.Familienurlaub a { width:131px }
ul.navi-jh-2018 li.Klassenfahrten a { width:137px }
ul.navi-jh-2018 li.Gruppen a { width:94px }
ul.navi-jh-2018 li.Aktivitäten a { width:108px }
ul.navi-jh-2018 li.Kontakt a { width:90px }
ul.navi-jh-2018 li.Restaurant a { width:112px }
ul.navi-jh-2018 li.Kongresszentrum a { width:157px }
ul.navi-jh-2018 li.Bald a { width:217px }
ul.navi-jh-2018 li.Jetzt a { width:217px }
ul.navi-jh-2018 li.Schlossbistro a { width:127px }
ul.navi-jh-2018 li.Burgschänke a { width:170px }
ul.navi-jh-2018 li.Keltendorf a { width:108px }
ul.navi-jh-2018 li.moderner a { width:180px }
ul.navi-jh-2018 li.Indoor-Kinderwelt a { width:150px }
ul.navi-jh-2018 li.Schrägaufzug a { width:200px }

	
ul.navi-jh-2018 li a {
	font-weight: normal;
	font-size: 14px;
	color:#4f4b4c;
	background:#e8e6e7;
	text-align:center;
	
	line-height: 30px; float:left; text-decoration:none;
}

ul.navi-jh-2018 li a .active {
	font-weight: normal;
	font-size: 14px;
	color:#4f4bff;
	text-align:center;
	line-height: 30px; float:left; text-decoration:none;
}




/* 
navi {
	z-index: 101;	
}
navi ul {
	margin: 10px 0 0 0;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
navi ul, nav ol {
	list-style: none;
	padding: 0;
}
navi li {
	float: left;
	background: #e8e8e8;
}
navi li.Jugendherbergen  {
	 border-right: solid 1px #ffffff;
	 width: 156px;
}

navi li.Familienurlaub  {
	 border-right: solid 1px #ffffff;
	 width: 112px;
}
navi li.Klassenfahrten {
	 border-right: solid 1px #ffffff;
	 width: 111px;
}

navi li.Gruppen  {
	 border-right: solid 1px #ffffff;
	 width: 69px;
}
navi li.Feriencamps  {
 border-right: solid 1px #ffffff;
	 width: 98px;
}
navi li.Kindergeburtstage {
	 border-right: solid 1px #ffffff;
	 width: 133px;
}
navi li.Gutschein {
	 border-right: solid 1px #ffffff;
	 width: 79px;
}
navi li.feiern {
	 border-right: solid 1px #ffffff;
	 width: 94px;
}
navi li.Service {
	 border-right: solid 1px #ffffff;
	 width: 62px;
}
navi li.Preise{
	margin-right: 0;
	 width: 57px;
}
nav li.Jugendherbergen select {
	margin: 0 15px 0 8px;
	width: 135px; padding:1px
}
navi ul > li.current {
	
	background-color:#EB6909;
}
navi ul > li.jhalle  {
	border-bottom-width: 0;
	border-bottom-style: solid;
}
navi a {
	display: block;
	color: #EB6909;
	text-decoration: none;
	font-size: 15px;
	line-height: 30px;
	text-align:center;
}
navi li.current a { color:#fff}
navi  li.current ol a { color:#666}
navi ol {
	display: none;
	background: #e8e8e8;
	margin-top: 10px;
	margin-bottom:10px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 30px;
	
}

navi ol li  {
	background: #e8e8e8;
	width: auto;
	margin: 0; 
}
navi ol a {
	font-weight: normal;
	font-size: 12px;
	border-right: solid 1px #ffffff;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 24px;
}


navi ol li.current a {
	background: #EB6909;
	border-right-style: none; color:#fff
}


navi li.current ol {
	display: block; 
}
navi .djh-list-small, nav .djh-list-medium {
	display: none;
	z-index: 101;
}
navi .djh-list-medium {
	background: #EB6909;
	color: #FFF;
	position: absolute;
	width: 980px;
	margin-top: 8px;
}
navi .djh-list-medium h4 {
	margin: 0 0 10px 0;
	font-size: 14px;
	padding: 0;
	color: #FFF;
}
navi .djh-list-medium .wieh4 {
	margin: 0 0 10px 0;
	font-size: 14px;
	padding: 0;
	color: #FFF;
	font-weight:bold;
}
navi .djh-list-medium .column {
	float: left;
	width: 20%;
}
navi .djh-list-medium a {
	display: block;
	text-decoration: none;
	line-height: 22px;
	color: #FFF;
	padding-left: 0;
	font-size: 13px;
	text-align:left;
}
navi .djh-list-medium a:hover {
	text-decoration: underline;
}
*/

nav ol.external { display:none}
 
main {
	z-index: 81; margin-top:5px !important;
}

/* CONTAINER */





section#head {
	width: 990px;
}
section#head div, section#content div {
	margin-right: 0; 
}
section#content{
	float: left;
	width: 650px;
	margin-bottom: 20px
}

#kontaktFormBox { font-size:12px}



footer {
	margin-bottom: 20px;
	float: left;
	width: 980px;	
}
footer a {
	color: #eb690b;	
	text-decoration: none;
}
footer .lnk {
	display: inline-block;
	padding-left: 20px;
	margin-right: 10px;
	background: url(../css/img/icons.png);
	margin-bottom: 10px;
}

.sozials {text-align:right; padding-right:320px}
a.lnk {
	color: #eb690b;
}


.djh-logo{margin-top:160px}


	a.scrollink{ font-weight:bold; color:#eb690b; text-decoration:none; line-height:20px;}
	a.scrollink:hover{ font-weight:bold; color:#eb690b; text-decoration:underline; line-height:20px;}

footer .action-top {
	background-position: 0 -212px;
}
footer .action-prev {
	background-position: 0 -169px;
}
footer .action-tell {
	background-position: 0 -290px;
	padding-left: 30px;
}
footer .action-print {
	background-position: 0 -250px;
}
footer .action-fb {
	background-position: 0 -744px;
	padding-left: 20px;
}

.jh-ueberblick { width:650px; float:left}

.footerzusatz { width:320px; float:right}

.footerend {
	margin-bottom: 0px;	
}
.footerend a {
	color: #eb690b;	
	text-decoration: none;
}
.footerend .lnk {
	display: inline-block;
	padding-left: 20px;
	margin-right: 10px;
	background: url(../css/img/icons.png);
	margin-bottom: 10px;
}





	a.scrollink{ font-weight:bold; color:#eb690b; text-decoration:none; line-height:20px;}
	a.scrollink:hover{ font-weight:bold; color:#eb690b; text-decoration:underline; line-height:20px;}

.footerend .action-top {
	background-position: 0 -212px;
}
.footerend .action-prev {
	background-position: 0 -169px;
}
.footerend .action-tell {
	background-position: 0 -290px;
	padding-left: 30px;
}
.footerend .action-print {
	background-position: 0 -250px;
}
.footerend .action-fb {
	background-position: 0 -744px;
	padding-left: 20px;
}


section#content {
	width: 650px; margin-top:120px;
}
section#content.startcontent {
	margin-top:8px;
}
aside {
	float: right;
}
main .cta-head {
	float:none;
	width: 980px;
}
main .cta-buchung, main .cta-direktauswahl, main .cta-teasertop, section#booking .cta-filter {
	float: right;
}

 main .cta-teasertop {
margin-top:30px;
}
main .cta-teasertop.startteasertop {
margin-top:5px;
}

main .cta-teasertop2 {
float: right;
	width: 320px;
}

.sidebargalerie_1{width:320px;}
.sidebargalerie_2{width:264px; margin-left:28px; margin-top:50px;}
.sidebargalerie_bild1{ margin:0px}
.sidebargalerie_bild2{margin:95px 0 0 46px;}
.sidebargalerie_bild3{margin:95px 0 0 0;}
.sidebargalerie_bild4{margin:95px 0 0 60px;}
.sidebargalerie_bild5{margin:95px 0 0 0;}
.sidebargalerie_bild6{margin:95px 0 0 0;}
.sidebargalerie_bild7{margin:95px 0 0 46px;}
.sidebargalerie_bild8{margin:95px 0 0 0;}



section#booking {
	line-height: 1.35em;
    font-size:12px;
}

#bookingfooter .lnk {
	margin-top: 10px; float:left	
}
section#booking .column-left p {
	margin: 0;
	padding: 0;
}
section#booking .cta-filter a {
	color: #EB6606;
}
section#booking .cta-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
section#booking .cta-filter .four-columns li {
	width: 25%;
	float: left;
}
section#booking .cta-filter li {
	padding: 1px 0;
}
section#booking .cta-filter input[type=checkbox] {
	margin: 0 6px 4px 0;
	vertical-align: middle;
}
section#booking .cta-filter h3 {
	margin: 0;
	padding: 0;
}
section#booking .cta-filter .toggle-this {
	margin-top: 10px;
}
.toggle-area {
	display: none;
	padding: 15px 0;
	margin-top: 10px;
}
section#booking .cta-filter h4 {
	color: #EB6606;
	margin: 0 0 0.4em;
	padding: 0;
}
section#booking .cta-list,
section#booking .cta-detail {
	width: 650px;
    float: left;
}

main .cta-newsletter {
	height: 330px;
}
section#head div {
	margin-right: 0;
}
#page-booking nav ul > li.current {
	border-bottom-width: 0;
	border-bottom-style: none;
}

section#booking .cta-teaser {
	margin-top: 0;
	min-height: 0;
}
section#booking .cta-head {
	border-top: 1px solid #E8E7E5;
	border-bottom: 1px solid #E8E7E5;
	padding: 5px 0;
	margin-bottom: 10px;
}
section#booking .cta-head .button-secondary {
	margin-right: 5px;
}
section#booking .cta-head h3 {
	display: inline-block;
}
section#booking .cta-head .left  {
	float: left;
}
section#booking .cta-head .right  {
	float: right;
}
section#booking .filled {
	margin-bottom: 10px;
}
section#booking article {
	width:100%;
	float: left;
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #E8E8E8;
}



section#booking .tb article  {
	float: left;
	padding: 5px 0 0 0  ;
	border-bottom: 1px solid #E8E8E8;
}

section#booking .cta-list article:hover {
	background: #F0F0EE;
}
section#booking .cta-detail article:hover {
	background: none;
}
section#booking article h3 {
	margin: 0 0 5px 0;
	padding-bottom: 0;
}
section#booking .programmResultAppointments {
    margin: 5px 0;
}
section#booking .erlebnisprogramme article {
	padding: 15px 0;
}
section#booking .erlebnisprogramme table,
section#booking #program-beschreibung table {
	border-spacing: 0;
}
section#booking .erlebnisprogramme table th,
section#booking #program-beschreibung table th {
	text-align: left;
}
section#booking .erlebnisprogramme table td  {
	padding: 0;
	font-size: 10px;
}
section#booking #program-beschreibung table td  {
	padding: 0;	
}
section#booking .erlebnisprogramme table td.price,
section#booking #program-beschreibung table td.price {
	padding-left: 10px;
	color: #eb690b;
	font-weight: bold;
}

section#booking article .column-right p  {
	margin: 0;
}
section#booking article:last-child {
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 7px 7px -6px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

section#booking .tb article:last-child {
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 7px 7px -6px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
}

section#booking article small strong {
	color: #eb690b;
}
section#booking .column-left {
	float: left;
	width: 220px;
}

section#booking .column-left-tb {
	float: left;
	width: 220px; height:40px; line-height:40px 
}

section#booking .column-left-tb h4 {
	line-height:40px; padding: 0
}
section#booking .programmtext-block {
    margin-right: 150px;
}
section#booking .programmResult .column-right {
	float: left;
	width: 430px;
	background: url(../css/img/ico-arrow-large.png) no-repeat right center;
}
section#booking .programmResult .column-right-plain {
	float: left;
	width: 430px;
}
section#booking .programmResult .column-right-arrow {
    background: url(../css/img/ico-arrow2-large.png) no-repeat right center;
}
section#booking .column-right-tb {
	float: left;
	width: 430px;
	background: url(../css/img/ico-arrow3-large.png) no-repeat right top;	
}

section#booking .column-right-tb h4 {
	line-height:40px; padding: 0 ; margin: 0
}

section#booking .column-right-tb .programmtitel {
	line-height:40px; padding: 0 ; margin: 0
}

section#booking .column-right-tb a.programmtitel {
	line-height:40px; padding: 0 ; margin: 0; text-decoration:none; color:#000000
}

section#booking .cta-detail .column-right {
	background: none;
	min-height: 160px;	
}
section#booking .cta-detail hr {
	margin:15px 0;
}
section#booking .bt-booking {
	display: block;
	width: 40px;
	height: 100px;
	text-indent: -9999em;
    position: absolute;
    right: 0;
}
section#booking .bt-booking-tb {
	display: block;
	width: 40px;
	height: 100px;
	text-indent: -9999em;
    position: absolute;
    right: 330px;
}

section#booking .bausteine .bt-booking {
	width: 40px;
	height: 80px;
}
section#booking .bausteine .bt-booking-tb {
	width: 40px;
	height: 40px;
}

section#booking h3 {
	line-height: 22px;
	margin: 0;
	padding: 0;
	color: #eb690b;
}
section#booking h4 {
	font-size: 14px;
	color: #eb690b;
	margin: 0 0 8px 0;
	line-height: 22px;
}
section#booking .cta-pricing {
	margin-bottom: 5px;
	padding: 10px;
	background: #F0F0EE;
}
section#booking .cta-pricing td {
	padding: 3px 0;
}
section#booking .cta-pricing .action {
	width: 20%;
}
section#booking .webcode {
	margin: 0;
	padding: 0;
	color: #eb690b;
}
section#booking .prices {
	padding-top: 8px;
	border-top: 1px solid #D1D1D1;
}
section#booking .prices strong {
	color: #eb690b;
}
section#booking .pb_num {
	background: #eb690b;
	padding: 0 5px 0 10px;
	color: #FFF;
}
section#booking article.selected {
	background: #F0F0EE;	
}
section#booking article.selected .bausteinTitel {
	color: #009EE0;
}
section#booking article.selected .pb_num {
	background: #009EE0;
}
#bookingfooter .button-secondary {
	float: right;	
}
section#booking a.inner {
	color: #eb690b;	
	text-decoration: none;
}
section#booking h5 a.inner {
	color: #000;
}
section#booking .erlebnisprogramme .kat-2,
section#booking .bausteine .kat-2,
section#booking .kindergeburtstag .kat-2,
section#booking #ferienprogrammResultList .kat-2 {
	background: url("img/ico-kat-II.png") no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
section#booking .erlebnisprogramme .kat-3,
section#booking .bausteine .kat-3,
section#booking .kindergeburtstag .kat-3,
section#booking #ferienprogrammResultList .kat-3 {
	background: url("img/ico-kat-III.png") no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
section#booking .erlebnisprogramme .kat-4,
section#booking .bausteine .kat-4,
section#booking .kindergeburtstag .kat-4,
section#booking #ferienprogrammResultList .kat-4 {
	background: url("img/ico-kat-IV.png") no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
section#booking .erlebnisprogramme .kat-5,
section#booking .bausteine .kat-5,
section#booking .kindergeburtstag .kat-5,
section#booking #ferienprogrammResultList .kat-5 {
	background: url("img/ico-kat-IVplus.png") no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
section#booking .erlebnisprogramme .kat-6,
section#booking .bausteine .kat-6,
section#booking .kindergeburtstag .kat-6,
section#booking #ferienprogrammResultList .kat-6 {
	background: url("img/ico-kat-V.png") no-repeat scroll right top rgba(0, 0, 0, 0) !important;
}
section#booking #erlebnisprogramme > .column-right { background: none; }

#newsletter_box_main_content .form-area {
	margin: 10px 10px 10px 330px;
	background: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	padding: 10px;
}
#newsletter_box_main_content .hinweise {
	padding-top: 8px;
	font-size: 9px;
	line-height: 12px;
	color: #999;
}
#newsletter_box_popup_content .form-area {
	margin: 3px;
	background: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	padding: 10px;
}
#newsletter_box_popup_content .hinweise {
	padding-top: 8px;
	font-size: 9px;
	line-height: 12px;
	color: #999;
}


a.button-first19,
#newsletter_form_st input[type="submit"] {
	display: inline-block;
	padding: 2px 16px;
	background: #FFF;
	border: 1px solid #D7D7D2;
	color: #009EE0;
	font-weight: bold;
	text-decoration: none;
}


.news19 {position:relative;width: 980px; height:250px; margin-bottom:40px; background:url(https://www.diejugendherbergen.de/cms/css/img/bg_newsletter19.jpg) no-repeat}
.newsletterform19 { width:426px; margin-left:554px; position: absolute}
.newslheadline1 { color:#666465; font-size:24px; margin-top:13px;  line-height: 20px}
.newslheadline2 {color:#eb690b; font-size:16px; margin-top:12px; line-height: 18px}
.newsform19-check {margin-top:12px; color:#666465}

#newsletteranmeldung .news19 {width: 650px; height:250px; margin-bottom:40px; background:url(https://www.diejugendherbergen.de/cms/css/img/bg_newsletter19-mid.jpg) no-repeat}
#newsletteranmeldung .newsletterform19 { width:426px; margin-left:224px; position: absolute}



#newsletter_form_st input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 12px;
  width: 100%
} 

/* graceful degradation for ie8 */
#newsletter_form_st input[type='checkbox'],
#newsletter_form_st input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

#newsletter_form_st input[type='checkbox']:checked,
#newsletter_form_st input[type='checkbox']:not(:checked),
#newsletter_form_st input[type='radio']:checked,
#newsletter_form_st input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

#newsletter_form_st input[type='checkbox'] + label,
#newsletter_form_st input[type='radio'] + label {
  cursor: pointer; margin-right:15px;
}


#newsletter_form_st input[type='checkbox']:checked + label::before,
#newsletter_form_st input[type='checkbox']:not(:checked) + label::before,
#newsletter_form_st input[type='radio']:checked + label::before,
#newsletter_form_st input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 14px;
    height:14px;
    position: relative;
    top:3px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

#newsletter_form_st input[type=radio]:checked + label::before,
#newsletter_form_st input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

#newsletter_form_st input[type='checkbox']:hover  + label::before,
#newsletter_form_st input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

#newsletter_form_st input[type='checkbox']:checked  + label::before,
#newsletter_form_st input[type='radio']:checked  + label::before {
  background:#666465;
  box-shadow: inset 0 0 0 2px white;
}



#newsletter_form_st .newsform19-email { }
#newsletter_form_st .newsform19-emailin {margin-top:12px; float:left; border:0px !important; padding:7px !important; width:190px; line-height:14px }
#newsletter_form_st .newsform19-anrede {}
#newsletter_form_st .newsform19-anredein {margin-top:12px; border:0px!important ;margin-left:6px; padding:6px; padding-left:3px; -webkit-appearance: button; color:#666465; width:204px; background-color:#fff; border-radius: 0px; height:28px  }
#newsletter_form_st .newsform19-vorname { }
#newsletter_form_st .newsform19-vornamein {margin-top:6px; float:left; border:0px !important; padding:7px !important; width:190px}
#newsletter_form_st .newsform19-name {}
#newsletter_form_st .newsform19-namein {margin-top:6px;margin-left:6px ; border:0px !important; padding:7px !important; width:190px}
#newsletter_form_st .news19-submit { text-align:right; margin-right:12px !important; margin-top:10px; margin-bottom:10px}
#newsletter_form_st .newsbutton19 {color:#009ee0; text-decoration:none; font-weight:bold; font-size:12px; line-height:18px}

.newsletterAnmeldungDanke2013 { width:926px; background:#ededed; border:0px; margin-bottom:40px}
.newsletterAnmeldungDanke2013 .nadHeadline { height:30px}
.newsletterAnmeldungDanke2013 .nadText { font-weight:normal; color:#666666}
.newsletterAnmeldungDanke2013 .nadFooter { float:none}

.deactivated {
	filter: alpha(opacity = 30);
	-ms-filter: "alpha(opacity = 30)";
	opacity: 0.3;
}
.cta-filled {
	background: #F0F0EE;
}
.spacer {
	height: 10px;	
}

.startheadline{font-size:14px;color:#eb690b;line-height:18px;padding-top:10px;padding-bottom:12px;margin:0;font-weight:700;text-decoration:none}
.start_sonderteaser{ margin-top:60px}
.start_sonderteaser-small {height:45px; display: none}		
	

ul.wandern {list-style-type:disc; color:#eb690b; list-style-position:outside; margin:0; padding:15px 0 20px 13px}
ul.text {list-style-type:none; list-style-position:outside; margin:0; padding:15px 0 20px 13px}
ul.text > li:before { content: "- ";}



/* HACKS */
.cf:before, .cf:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}



/* slider */
.slider {
	width: 650px;
	height: 417px;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0 auto;
	display: block;
}

/* kontaktformular */
.brosch { 
	 width:608px; border: 1px solid #C5C5C5; margin-bottom:8px; padding: 10px 10px 6px 10px
	} 
.brosch-left { float:left;  } 	
.brosch-right {  float:right; width:495px } 
.brosch-right-test {  float:right; width:433px } 
.brosch-right-oben { min-height:104px } 

.brosch-link { margin-top:10px
 } 


.nonmobil { display:block
	} 
.mobil { display:none
	} 

.nodesk { display:none
	} 
	
.nodesktop { display:none
	}	
.tablet {display:none}

.notablet { display:block
}


/* geschenkgutschein */	
.geschenk { 
 margin-bottom:10px;
	}


.geschenk-radio { 
float:left; width:30px
	}
	
.geschenk-text { 
float:left; width:450px; 
	}
	
.geschenk-wert { 
float:right
	}

	
/* startseite */

.headline_start {
	height:38px; 
	color:#ffffff; 
	background: #EB6909;
	padding-left:10px;
	font-size:16px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	line-height:38px}
	
	
	
	
	
 .contentbild_sozial { float:left; padding-right:10px; padding-bottom:10px; padding-top:2px }
 
.contentbild_news { float:left; padding-right:20px; padding-bottom:10px; padding-top:2px }


/* JH-Übersicht */		
.headline_jh {background-color:#eb6909; color:#FFFFFF; font-family:verdana; font-weight:bold; font-size:14px; line-height:20px; padding:5px 10px}
a.headline_jh_lnk {color:#FFFFFF; text-decoration:none}	
.contentbild_jh { float:left; padding-right:10px;}
.text_jh{ width:293px ; float:left; padding-top:8px}
.icons_jh{  float:right; width:22px; padding-top:12px }
.zusatztext_jh{ padding-top:10px; padding-bottom:20px}
.zusatztext2_jh{ padding-top:10px; padding-bottom:20px; float:left; width:530px}
.zusatztext3_jh{ padding-top:30px; padding-bottom:20px; float:right}
.orange {color:#eb6909;}
.blau {color:#009ee0; text-decoration:none}

.ueber_block_links{background:#ededed; width:320px; float:left; height: 258px; margin-top:10px}
.ueber_block_rechts{background:#ededed; width:320px; float:right; height: 258px; margin-top:10px}
.ueber_kat{float:left; height:45px; width:39px; display:block}
.ueber_kat_trier{float:left; height:45px; width:83px; display:block}
.ueber_name{padding-top:12px; font-size:14px; padding-left:48px; color:#eb6909;  text-transform: uppercase; font-weight:bold; }
.ueber_name_trier{padding-top:12px; font-size:14px; padding-left:92px; color:#eb6909;  text-transform: uppercase; font-weight:bold; }
.ueber_hausbild img{ display:block}
.ueber_button{ float:right; margin-top:8px}



/* ----- SEARCH RESULT ----- */
#search_term.full {
    width: 316px;
    height: 24px;
    padding: 0 5px;
    border: 1px solid #797979;
    margin-bottom: 30px;
    outline: none;
}
#navigation_searchform_top + h3 {
    white-space: pre-line;
    word-break: break-all;
}

.submit.search {
    vertical-align: top;
    background: #ec0053;
    border: 1px solid #a34a6a;
    border-radius: 12px;
    height: 28px;
    color: #fff;
    padding: 0 15px;
    cursor: pointer;
}

.pagination {
    padding: 10px 0;
    font-size: 11px;
}

.pagination ul {
    display: inline;
    margin: 0;
    float: right;
}

.pagination ul li {
    list-style: none;
    float: left;
    margin-left: 5px;
}

.pagination ul li a {
    color: #000;
}

.pagination ul li a.active,
.pagination ul li a:hover {
    color: #0083cb;
}

#content ul#search_result {
    display: inline;
}

#search_result li {
    list-style: none;
    padding: 0 10px 0 20px;
}

#search_result li>span {
    position: absolute;
    width: 29px;
    margin-left: -33px;
    text-align: right;
}

#search_result li a {
    color: #EB6808; text-decoration:none
}

#search_result li a:hover,
#search_result li:hover a {
    color: #EB6808; text-decoration:underline
}

#search_result li p {
    margin: 5px 0 20px 0;
}

/* ----- newscroller ----- */


.sagscroller{
width: 280px;  /*default width of scroller*/
height:200px;
overflow:hidden;
position:relative;
}


#mymarquee {
	width: 280px;
	height: 150px;
	overflow-y: auto;
}
#mymarquee div div {
	margin: 5px;
}

/* ----- Popup Gutschein ----- */
#gutschein-responsive {
	width: 650px;
	margin: 0 auto;
}

.gutschein-popup-block {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   
    max-width: 650px;
 
    text-align: left;
}

.pb_num {
	background:#eb690b; padding: 0 5px 0 10px; color: #ffffff;
}

.programm-popup {
    background-color: #e8e8e8;
    position: absolute;
    margin-top: -110px;
    border-radius: 2px;
    padding: 7px;
    width: 210px;
    color: #EB6808;
    font-weight: bold;
    line-height: 20px;
    font-size: 13px;
    margin-left: 90px;
    box-shadow: 0 0 8px gray;
}
.programm-popup .close {
    float: right;
    cursor: pointer;
    background-image: url(../tb_includes/img/popup-close.png);
    height: 17px;
    width: 17px;
}
.programm-popup a {
    float: right;
}

/* hygieneseite */	
.hygiene-content-start { background-color:#efefef; height:330px; padding-right:60px}
.hygiene-content-start-bild { float:left; height:330px; background-color:#efefef;}
.hygiene-content-start-bild2 { float:right; top:-25px; position:relative}
.hygiene-content-start-text {background-color:#efefef; padding-top:40px}
.hygiene-content-1 { background-color:#eb690b;  padding-right:10px}
.hygiene-content-1-bild { float:left; height:191px; background-color:#eb690b;}
.hygiene-content-1-text {background-color:#eb690b; padding-top:40px}
.hygiene-content-2 { background-color:#009ee0;  padding-right:10px}
.hygiene-content-2-bild { float:left; height:191px; background-color:#009ee0;}
.hygiene-content-2-text {background-color:#009ee0; padding-top:40px}
.hygiene-content-1-h { height:191px; }
.hygiene-content-2-h { height:191px; }	
.hygiene-content-3-h { height:191px; }	
.hygiene-content-4-h { height:191px; }
.hygiene-content-headline {color: #fff; font-size: 30px; line-height: 30px;}
a.hygiene {color: #eb690b; font-size:24px; font-weight:bold; text-decoration:none}	

@media only screen and (min-width: 650px) and (max-width: 980px) {
.hygiene-content-start { background-color:#efefef; height:400px; padding-right:40px; padding-left:20px}
.hygiene-content-start-bild { display:none}
.hygiene-content-start-bild2 { float:right; top:-0px; position:relative}
.hygiene-content-start-text {background-color:#efefef; padding-top:25px}
.hygiene-content-1 { background-color:#eb690b; padding-right:10px}
.hygiene-content-1-bild { float:left; height:250px; background-color:#eb690b;}
.hygiene-content-1-text {background-color:#eb690b; padding-top:40px}
.hygiene-content-2 { background-color:#009ee0; padding-right:10px}
.hygiene-content-2-bild { float:left; height:250px; background-color:#009ee0;}
.hygiene-content-2-text {background-color:#009ee0; padding-top:40px}
.hygiene-content-1-h { height:250px; }
.hygiene-content-2-h { height:250px; }	
.hygiene-content-3-h { height:280px; }	
.hygiene-content-4-h { height:250px; }
a.hygiene {color: #eb690b; font-size:16px; font-weight:bold; text-decoration:none}		
}

@media only screen and (max-width: 650px) {
.hygiene-content-start { background-color:#efefef; height:600px; padding-right:10px; padding-left:10px}
.hygiene-content-start-bild { display:none}
.hygiene-content-start-bild2 { float:right; top: 0px; position:relative}
.hygiene-content-start-text {background-color:#efefef; padding-top:20px}
.hygiene-content-1 { background-color:#eb690b; padding-right:10px;  padding-left:10px}
.hygiene-content-1-bild { float:left; height:191px; background-color:#eb690b; padding-left:20px}
.hygiene-content-1-text {background-color:#eb690b; padding-top:0px}
.hygiene-content-2 { background-color:#009ee0;  padding-right:10px;  padding-left:10px}
.hygiene-content-2-bild { float:left; height:191px; background-color:#009ee0; padding-left:20px}
.hygiene-content-2-text {background-color:#009ee0; padding-top:0px}
.hygiene-content-1-h { height:420px; }
.hygiene-content-2-h { height:500px; }	
.hygiene-content-3-h { height:450px; }	
.hygiene-content-4-h { height:380px; }
.hygiene-content-headline {color: #fff; font-size: 26px; line-height: 30px;}
a.hygiene {color: #eb690b; font-size:16px; font-weight:bold; text-decoration:none}
}



.start_doppelteaser_left { float:left}
.start_doppelteaser_right { float:right}

@media only screen and (min-width: 650px) and (max-width: 980px) {
.start_doppelteaser_left { float:left; width:325px}
.start_doppelteaser_right { float:right; width:325px}	
}

@media only screen and (max-width: 650px) {
.start_doppelteaser_left { float:left; width:134px; display:none}
.start_doppelteaser_right { float:right; width:320px; height:50px; display:block}
.start_sonderteaser {height:45px; display: none}		
.start_sonderteaser-small {height:165px; display: block}
		
	}


.teaser-wrapper{ width:320px; float:right}
.teaser-social {float:right; padding-top:125px; width:320px}
.teaser-jugendherbergen{  float:right; display:block; }
.teaser-trenner{ clear:both; width:320px; height:14px}
a.button-right{ width:298px}


#subleistecontent { position: relative ; }
#subleistecontent ul{ -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
#subleistecontent ul {column-count: 1; list-style:none; margin-top:35px; margin-bottom: 20px; padding-left:10px  }
#subleistecontent ul li {color: #7f7e7e; font-size:14px; padding: 7px}
#subleistecontent ul li a {color: #7f7e7e; text-decoration:none}

 @media only screen and (min-width: 650px) and (max-width: 980px) {
.teaser-wrapper{ width:650px;padding-top:118px }	  
.teaser-trenner{ display:none}
.teaser-social {float:left; padding-top:0px; width:320px}
a.button-right{ width:253px}
section#content {width: 650px; margin-top:20px;}
#subleistecontent ul {column-count: 3; list-style:none; margin-top:40px; margin-bottom: 20px; padding-left:10px; width:640px  }

 }





.blackpage {
	position:absolute;
	z-index:200;
	width:600px;
	margin-top:-420px;
	margin-left: 25px;
	color:#ffffff;
	font-size:20px;
	line-height: 26px}
	
@media only screen and (min-width: 650px) and (max-width: 980px) {	
.blackpage {
	
	margin-top:-290px;
	font-size:16px;
	}
}
@media only screen and (max-width: 650px) {
.blackpage {
	position:relative;
	z-index:200;
	width:320px;
	margin-top:0px;
	margin-left: 0px;
	color:#000000;
	font-size:14px;
	line-height: 20px;
	padding-bottom:20px}	
	}




@media (min-width: 980px) and (max-width: 1020px), (min-width: 650px) and (max-width: 690px), (max-width: 360px) {
    .programm-popup {
        margin-left: 70px;
    }
}
/* Tabletts */
@media only screen and (min-width: 650px) and (max-width: 980px) {


#responsive {
	width: 650px;
}
#logo {
	width: 366px;
	background: url(../upload/design/logo-m.png) no-repeat left center;
}

#subhead {
	width:290px;
}

	
	
/* 
nav a {

	font-size: 15px;

}

nav ul > li {
	width: 210px;
	margin: 0 0 5px 0;
}
nav ul > li.current {
	border-bottom-width: 0;
	border-bottom-style: none;
}
nav ol {
	top: 65px;
}
nav li.Jugendherbergen  {
	 border-right: solid 1px #ffffff;
	 width: 162px;
}
nav li.Familienurlaub  {
	 border-right: solid 1px #ffffff;
	 width: 162px;
}
nav li.Klassenfahrten {
	border-right: solid 1px #ffffff;
	 width: 162px;
}
nav li.Gruppen  {
	border-right: 0;
	 width: 161px;
}
nav li.Feriencamps  {
 border-right: solid 1px #ffffff;
	 width: 120px;
}
nav li.Kindergeburtstage {
	 border-right: solid 1px #ffffff;
	 width: 137px;
}
nav li.Gutschein {
	 border-right: solid 1px #ffffff;
	 width: 97px;
}
nav li.feiern {
	 border-right: solid 1px #ffffff;
	 width: 97px;
}
nav li.Service {
	 border-right: solid 1px #ffffff;
	 width: 97px;
}
nav li.Preise{
	border-right: 0;
	 width: 97px;
}


nav li.Jugendherbergen select {
	margin: 0 15px 0 6px;
	width: 135px;
}

nav .djh-list-medium {
	width: 650px;
}
nav .djh-list-medium a {
	font-size: 12px;
}
*/
/* CONTAINER */
section#head,
aside {
	width: 660px;
}
aside {
	float: none;
}
aside > div {
	float: left;
	margin-right: 10px;
}
main .cta-head {
	float: none;
	width: 650px;
}
main .cta-buchung,
main .cta-newsletter {
	float: right;
	width: 320px;
}
main .cta-newsletter {
	float: left !important;
}
main .cta-direktauswahl {
	display: none;	
}
main .cta-newsletter {
	float: right;
}

main .cta-teasertop {
	float:none;
	width: 650px;
	
}

footer {
	
	width: 650px;	
}

.sozials {text-align:right; padding-right:0px}

section#head div {
	margin-right: 10px;
}
section#booking .cta-teaser {
	margin-top: 10px;
}
section#booking .cta-filter h3 {
	background: url(../img/icons.png) 595px -51px no-repeat;
}
section#booking .cta-filter .toggle-this {
	display: none;
}
section#booking .cta-filter,
section#booking .cta-filter .cta-teaser {
	float: none;
	width: 650px;
}
section#booking .cta-filter .three-columns li {
	width: 33%;
	float: left;
}
section#content {
	margin-bottom: 30px; min-height: 20px;	
}

section#content.startcontent {
	margin-top:5px;
}

div.meister {
	height: 230px;	
}
div.sparen {
	height: 260px;	
}

div.interaktiv {
	height: 184px;	
}

div.zertifiziert {
	height: 146px;	
}

div.interaktiv {
	height: 146px;	
}

div.berlin {
	height: 230px;	
}

div.partner {
	height: 143px;	
}

div.teaserklassen {
	height: 352px;	
}

.payment-teaser img {
	margin: 25px 0;
}



.newsstart { display:block}
.news19 { width:650px; background: url(https://www.diejugendherbergen.de/cms/css/img/bg_newsletter19-mid.jpg) no-repeat;}
.newsletterform19 {  margin-left:224px}

.newsletterAnmeldungDanke2013 { width:596px; }
	
.nodesk { display:block
	} 
.nodesktop { display:block
	} 
	
.desktop { display:none
	} 
.tablet {display:block}		
	
.notablet { display:none
}
	
#sidebar-start	{
	display: none !important;	
}

.sagscroller{
width: 280px;  /*default width of scroller*/
height:156px;
overflow:hidden;
position:relative;
}


#mymarquee {
	width: 280px;
	height: 154px;
	overflow-y: auto;
}
#mymarquee div div {
	margin: 5px;
}
}

/* Smartphone */
@media only screen and (max-width: 650px) {

#responsive {
	width: 320px;
}
main {
	margin-top: 10px;
}
#logo {
	width: 100%;
	position: absolute;
	display: block;
	background-image: url(../upload/design/logo-small.png);
	height: 50px;
	z-index: 99;
	margin-top: 5px;
}



header {
	height: 75px;
	margin-top: 10px

}

#meta {
    display: none;
	padding-top:4px
}
#meta-mobil { display: block;text-align:center;
}
#meta-mobil a {
	color: #7f7e7e;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
	text-transform: uppercase;
	
}
#subhead {
    width: 273px;
    top: 80px;
    display: block;
    z-index: 201;
}

#suche {
    width: 129px;
    height: 37px;
    padding: 2px 0 1px 8px;
}

#navigation_searchform_top input  {
	font-size:9px; line-height:9px; 
}
#subhead #search_term {
    width: 78px !important;
    height: 19px;
}
#subhead input[type="submit"] {
    height: 27px;
}
#buchungskonto {
    width: 275px;
    height: 40px;
}
#buchungskonto .account-header-menu {
    margin: 0;
}

#buchungskonto .account-header-menu .account-label {
    font-size: 14px;
    line-height: 14px;
}
#buchungskonto .subtitle,
#buchungskonto .account-label .name {
    font-size: 12px;
    line-height: 12px;
}
main .cta-teasertop { margin-top:0px; position: absolute}
.start_sonderteaser{ margin-top:0px; margin-bottom:8px}




#nav > ul {
    margin-top: 5px;
}

nav ol.external {
	position: relative;
	display: block;
	top: inherit;
	left: inherit;
	text-align:left; 
	list-style:none;
	padding:0;
}
nav ol.external li {
	width: 100%;
	display: none;
	background:#e8e8e8;
	line-height: 35px;
	font-size: 14px;
	border-bottom: 1px solid #FFF !important;
}
nav ol.external li.current {
	background-image: url(/cms/css/img/icons.png);
	background-position: 295px -2px; background-color:#9e9c9d; color:#fff; display: block;
}
nav ol.external li a {

	background: none;
	border-right: none;
	padding-right: 0;
	padding-left: 8px;
	color: #666;
	text-align:left;
	text-shadow: none;
	filter: dropshadow(color=#777777, offx=1, offy=1);
}
nav ol.external li.current a {
color: #fff;
}

#navi-jh { display:none}




/* 

nav a{ padding-left:8px}
nav ul,
nav ol {
	margin: 10px 0;
	background-color:#fff

}
nav li {
	width: 100%;
	display: none;
	float: none;
	border-bottom: 1px solid #FFF !important;
}
nav ul > li.current {
	display: block;
	background-image: url(../css/img/icons.png);
	background-position: 295px -2px;
	border-bottom-width: 0;
	border-bottom-style: none;
}

nav li a {
	line-height: 38px;
	font-size: 16px;
	text-align:left;
}
nav ol li a {
	line-height: 31px;
	font-size: 14px;
}
nav li.kla {
	margin-right: 0;
}
nav li.Jugendherbergen  {
	border-right: 0;
	width: 100%;
}
nav li.Familienurlaub  {
	border-right: 0;
	width: 100%;
}
nav li.Klassenfahrten {
	border-right: 0;
	width: 100%;
}
nav li.Gruppen  {
	border-right: 0;
	width: 100%;
}
nav li.Feriencamps  {
	border-right: 0;
	width: 100%;
}
nav li.Kindergeburtstage {
	border-right: 0;
	width: 100%;
}
nav li.Gutschein {
	border-right: 0;
	width: 100%;
}
nav li.feiern {
	border-right: 0;
	width: 100%;
}
nav li.Service {
	border-right: 0;
	width: 100%;
}
nav li.Preise{
	border-right: 0;
	width: 100%;
}
nav ol,
nav li.current ol {
	display: none;
}
nav ol.external {
	position: relative;
	display: block;
	top: inherit;
	left: inherit;
	border: 2px solid #CCC;	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
}
#page-Jugendherbergen nav ol.external {
	border-color: #EB6909;
}
#page-Familien nav ol.external {
	border-color: #FDC400;
}
#page-Klassenfahrten nav ol.external {
	border-color: #9ACD34;
}
#page-Gruppen nav ol.external {
	border-color: #009EE0;
}
#page-Service nav ol.external {
	border-color: #00A091;
}
#page-Kontakt nav ol.external {
	border-color: #40C0EB;
}
nav ol.external li {
	width: 100%;
	display: none;
}
nav ol.external li.current {
	background-image: url(../css/img/icons.png);
	background-position: 295px -43px;
}


nav ol.external li a {

	background: none;
	border-right: none;
	padding-right: 0;
	padding-left: 8px;
	color: #666;
	text-align:left;
	text-shadow: none;
	filter: dropshadow(color=#777777, offx=1, offy=1);
}
nav ol.external li.current {
	display: block;
}

nav .djh-list-small {
	display: block;
	margin: 10px 0;
}
 */
/* CONTAINER */
section#content,
section#head,
aside,
footer {
	width: 320px; margin-top:0px; margin-bottom:0px
}


section#head div,
section#content > div {
	float: none;
	margin-right: 0;
}
section#content {
	margin-bottom: 25px; min-height: 10px;margin-top: 30px;
}
	
section#content.startcontent {
	margin-top:150px;
}	
	
main .cta-head {
	float: none;
	width: 320px;
}
main .cta-buchung
{
	float: none;
	width: 320px;
}

.sozials { height:80px; text-align:left; padding-right:0px}

section#booking .cta-teaser {
	margin-top: 10px;
}
section#booking .cta-filter {
	float: none;
}
section#booking .cta-filter h3 {
	background: url(../img/icons.png) 265px -51px no-repeat;
}
section#booking .cta-head .toggle-this {
	display: none !important;
}
section#booking .cta-filter .toggle-this {
	display: none;
}
section#booking .cta-list,
section#booking .cta-detail {
	width: 320px;
}
section#booking .cta-detail .column-right {
	min-height: 1px;
}
section#booking article {
	float: none;
}
section#booking .column-left {
	display: none;
}
section#booking .column-left2 {
	display: none;
	float: none;
}
section#booking .column-right2 {
    width: 100%;
}
section#booking .erlebnisprogramme .column-left {
	display: block;
	float: none;
}
section#booking .erlebnisprogramme .column-right {
	background: none; /* url(../css/img/ico-arrow-large.png) no-repeat right top; */
}
section#booking .column-right, section#booking .programmResult .column-right {
	float: none;
	width: 320px;
	background: url(../css/img/ico-arrow-large.png) no-repeat right center;
}

section#booking .column-right-tb {
	float: left;
	width: 320px;
	background: url(../css/img/ico-arrow3-large.png) no-repeat right top;
}

section#booking .bt-booking-tb {
width: 100% !important;
right:0px
}



section#booking .column-right span {
	white-space: normal !important;
}
section#booking .erlebnisprogramme table td.price,
section#booking #program-beschreibung table td.price {
	white-space: nowrap;
}

#newsletter_box_main_content .form-area {
	margin: 250px 10px 10px;
}

ul.form-area.wide li.no-label {
	padding-left: 0 !important;
}
ul.liste {
	padding-left: 0 !important;
}

.hide-small {
	display: none !important;
}

.noshow {display: none !important;}

 .job-boxlinks {
width:320px; float:left; border-bottom:1px solid #e7e7e7; padding-bottom:10px; padding-top:10px
}

.job-boxrechts {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}


.job-boxlinks-nobottom {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}

.job-boxrechts-nobottom {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}

.job-boxlinks-notop {
width:320px; float:left; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-top:10px
}

.job-boxrechts-notop {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}

.job-boxlinks-nobottomtop {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}

.job-boxrechts-nobottomtop {
width:320px; float:left !important; 	border-bottom:1px solid #e7e7e7; border-left:0 !important; padding-left:0 !important; padding-bottom:10px; margin-top:10px
}

.ausbildung {padding-left:0 !important; padding-right:0 !important; background:none !important; height:auto !important}

/* slider */
.slider {width:650px;height:250px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;}

.gal-frame{max-height:168px; overflow:hidden; }

/* kontaktformualr */
.brosch {
	width:280px; border: 1px solid #C5C5C5; margin-bottom:8px; padding: 10px 10px 6px 10px
}
.brosch-left { float:left; display:none }
.brosch-right {  float:right; width:275px }
.brosch-right-oben { min-height:104px }

.brosch-link { margin-top:10px
}
.brosch-right-test { width:280px }

.mobil { display: block
}
.nonmobil { display:none
}
.desktop { display:none
}
.nodesk { display:block
}
.nodesktop { display:block
}
.notablet { display:block
}	
	
.tablet {display:none}

/* geschenkgutschein */
.geschenk-radio {
	float:left; width:30px
}

.geschenk-text {
	float:left; width:250px
}

.geschenk-wert {
	float:right
}

.newsstart { display:block}
 .news19 { width:320px; background:#ededed; height:330px}
#newsletter_form_st .newsletterform19 {  margin-left:10px; width:310px;}
#newsletter_form_st .newslheadline1 { font-size:20px}
#newsletter_form_st .newsform19-emailin { float:none; width:286px}
#newsletter_form_st .newsform19-anredein { margin-left: 0px; margin-top:6px; width:300px}
#newsletter_form_st .newsform19-vornamein { float:none; width:286px}
#newsletter_form_st .newsform19-namein { margin-left: 0px; width:286px}


#newsletteranmeldung .news19 { width:320px; background:#ededed; height:330px}


.newsletterAnmeldungDanke2013 { width:266px; }
.newsletterAnmeldungDanke2013 .nadHeadline { height:50px}

.contentbild_sozial { float:left; padding-right:0; padding-bottom:10px; padding-top:2px; width:320px }
.contentbild_news { display:none }

/* JH-Übersicht */
.headline_jh {font-size:11px; line-height:14px; padding:5px 10px}
.zusatztext2_jh{ padding-top:10px; padding-bottom:0; float:none; width: 320px }
.zusatztext3_jh{ padding-top:10px; padding-bottom:20px; float:none }
.orange {color:#eb6909;}

/* Startseite */
.headline_start {
	height:28px;
	color:#ffffff;
	background: #EB6909;
	padding-left:6px;
	font-size:10px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	line-height:26px}

#sidebar-start	{
	display: none !important;
}

#bedingung { display:none}

/* ----- Popup Gutschein ----- */
#gutschein-responsive {
	width: 320px;
	margin: 0 auto;
}

.jh-ueberblick { display:none}
}

/* ----- style-content ----- */

h1 { font-size:16px; color:#eb690b; line-height:22px; padding-top:0px; padding-bottom:11px; margin:0px}
h2 { font-size:14px; color:#eb690b; line-height:18px; padding-top:15px; padding-bottom:11px; margin:0}
h3 { font-size:14px; color:#eb690b; line-height:18px; padding-bottom:12px; margin:0}
h4 { font-size:14px; color:#eb690b; line-height:20px; padding-top:0; padding-bottom:5px; margin:0}
h5 { font-size:12px; color:#eb690b; line-height:18px; padding:0; margin:0 }
h6 { font-size:12px; color:#eb690b; line-height:18px; padding-bottom:5px; margin:0 }

h1.startseite { font-size:16px; color:#eb690b; line-height:22px; padding-top:10px; padding-bottom:5px; margin:0}

a.lnk{text-decoration:none; color:#eb690b; cursor:pointer;}
a.lnk:hover{text-decoration:underline; color:#eb690b }
a.lnk-fett{color:#eb690b; cursor:pointer; font-weight:bold; text-decoration:none}
a.lnk-fett:hover{color:#eb690b; cursor:pointer; font-weight:bold; text-decoration:underline}

a.lnk-extern{text-decoration:none; color:#666; cursor:pointer; }
a.lnk-extern:hover{text-decoration:underline; color:#666 }

a.lnk-text{text-decoration:underline; color:#666; cursor:pointer; }
a.lnk-text:hover{text-decoration:underline; color:#666 }

a.lnk-blau{text-decoration:none; color:#009ee0; cursor:pointer; }
a.lnk-blau:hover{text-decoration:underline; color:#009ee0 }

.wieh1 { font-size:16px; color:#eb690b; line-height:22px; padding-top:20px; padding-bottom:5px; margin:0; font-weight:bold}
.wieh2 { font-size:14px; color:#eb690b; line-height:18px; padding-top:15px; padding-bottom:5px; margin:0; font-weight:bold}
.wieh3 {font-size:14px; color:#eb690b; line-height:18px; padding-top:0; padding-bottom:12px; margin:0; font-weight:bold}
.wieh5 {font-size:14px; color:#eb690b; line-height:18px; padding-top:0; padding-bottom:12px; margin:0; font-weight:bold}

.hblack { font-size:14px; color:#666; line-height:18px; padding-top:15px; padding-bottom:5px; margin:0; font-weight:bold}

/* ----- Marketingpages----- */

p.mark {
margin-top: 0; margin-bottom: 0;
}
h3.mark-box {
margin-top: 0; margin-bottom: 0; color:#FFF; padding:0
}

h3.mark { font-size:14px; color:#eb690b; line-height:18px; padding-top:15px; padding-bottom:5px; margin:0}
h4.mark { font-size:12px; color:#eb690b; line-height:16px; padding-top:15px; padding-bottom:5px; margin:0}


/* ----- Ende Marketingpages----- */
.orange {color:#eb690b;}

abbr {border-bottom: 1px dotted; color:#EB6909;}

ul.liste
 {
 list-style-type: none;
 padding: 10px 0 0 20px;
 margin: 0;
 }
ul.liste li
 {
background-image:url(../css/img/liste.gif);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 15px 20px;
 }

 ul.liste-box
 {
 list-style-type: none;
 padding: 0 0 0 0;
 margin: 0;
 }
ul.liste-box li
 {
background-image:url(../css/img/liste.gif);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 15px 20px;
 }
 
  ul.liste-box-klein
 {
 list-style-type: none;
 padding: 0 0 0 0;
 margin: 0;
 }
 
ul.liste-box-klein li
 {
background-image:url(../css/img/liste.gif);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 7px 20px;
 }

  ul.liste-footer
 {
 list-style-type: none;
 padding: 0 0 0 0;
 margin: 0;
 }
 
ul.liste-footer li
 {
background-image:url(../css/img/liste2.gif);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 0 15px;
 }



 .teaser-full {
width:320px;
-webkit-box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	margin-bottom:10px
}
 
 .teaser {
width:280px;
 background: #F0F0EE;
 -webkit-box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
 padding:15px 20px;
 margin-bottom:10px}
 
  .teaser-schmal {
width:280px;
 background: #F0F0EE;
 -webkit-box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
 padding:10px 20px;
 margin-bottom:10px}
 
 
 
/* ----- Newsletteranmeldung----- */ 
.newscontent { font-size:12px}
.newscontent .news19 {position:relative;width: 650px; height:250px; margin-bottom:2px; background:url(../upload/design/bg_newsletter-content.jpg) no-repeat}
.newscontent .newsletterform19 { width:355px; margin-left:299px; position: absolute}
.newscontent .newslheadline1 { color:#666465; font-size:24px; margin-top:13px}
.newscontent .newslheadline2 {color:#eb690b; font-size:16px; margin-top:8px}
.newscontent .newsform19-check {margin-top:12px; color:#666465}

.newscontent #newsletter_form_st input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
.newscontent #newsletter_form_st input[type='checkbox'],
.newscontent #newsletter_form_st input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

.newscontent #newsletter_form_st input[type='checkbox']:checked,
.newscontent #newsletter_form_st input[type='checkbox']:not(:checked),
.newscontent #newsletter_form_st input[type='radio']:checked,
.newscontent #newsletter_form_st input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.newscontent #newsletter_form_st input[type='checkbox'] + label,
.newscontent #newsletter_form_st input[type='radio'] + label {
  cursor: pointer; margin-right:20px;
}


.newscontent #newsletter_form_st input[type='checkbox']:checked + label::before,
.newscontent #newsletter_form_st input[type='checkbox']:not(:checked) + label::before,
.newscontent #newsletter_form_st input[type='radio']:checked + label::before,
.newscontent #newsletter_form_st input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 14px;
    height:14px;
    position: relative;
    top:3px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.newscontent #newsletter_form_st input[type=radio]:checked + label::before,
.newscontent #newsletter_form_st input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.newscontent #newsletter_form_st input[type='checkbox']:hover  + label::before,
.newscontent #newsletter_form_st input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

.newscontent #newsletter_form_st input[type='checkbox']:checked  + label::before,
.newscontent #newsletter_form_st input[type='radio']:checked  + label::before {
  background:#666465;
  box-shadow: inset 0 0 0 2px white;
}


.newscontent #newsletter_form_st .newsform19-email { }
.newscontent #newsletter_form_st .newsform19-emailin {margin-top:12px; float:left; border:0px !important; padding:7px !important; width:152px }
.newscontent #newsletter_form_st .newsform19-anrede {}
.newscontent #newsletter_form_st .newsform19-anredein {margin-top:12px; border:0px ;margin-left:6px; padding:6px; padding-left:3px; -webkit-appearance: button; color:#666465; width:166px; background-color:#fff; border-radius: 0px; height:28px  }
.newscontent #newsletter_form_st .newsform19-vorname { }
.newscontent #newsletter_form_st .newsform19-vornamein {margin-top:6px; float:left; border:0px !important; padding:7px !important; width:152px}
.newscontent #newsletter_form_st .newsform19-name {}
.newscontent #newsletter_form_st .newsform19-namein {margin-top:6px;margin-left:6px ; border:0px !important; padding:7px !important; width:152px}
.newscontent #newsletter_form_st .news19-submit { text-align:right; margin-right:18px !important; margin-top:10px; margin-bottom:10px}
.newscontent #newsletter_form_st .newsbutton19 {color:#009ee0; text-decoration:none; font-weight:bold}

.newscontent .newsletterAnmeldungDanke2013 { width:926px; background:#ededed; border:0px; margin-bottom:40px}
.newscontent .newsletterAnmeldungDanke2013 .nadHeadline { height:30px}
.newscontent .newsletterAnmeldungDanke2013 .nadText { font-weight:normal; color:#666666}
.newscontent .newsletterAnmeldungDanke2013 .nadFooter { float:none}
 
 @media only screen and (min-width: 650px) and (max-width: 980px) {
	  
 section#booking .bt-booking-tb {
width: 100% !important;
right:0px
}
 }

 .teaser .filled {
	background: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-right: 0;
	float: none;
}

 .teasertext { color:#666666}


.footer lnk { font-size:10px}
.jh-ueberschrift { margin-bottom:10px; }
.jh-ueberschrift p { margin:0px }
.jh-ueberschriftbild{float: left}
.jh-ueberschrift-inner{ font-size:22px; color:#eb6502; font-weight:bold; line-height:40px; margin:10px}


@media screen and (max-width: 650px) {
 .jh-ueberschrift { margin-bottom: 0px; }
 .jh-ueberschrift-inner{ font-size:14px; line-height:40px; margin:10px}
}

.jh-anschrift{width:320px; float:left; margin-top:10px}

.jh-anschrift2{width:320px; float:left; margin-top:7px; color:#039ddd}


.jh-icons {width:320px; float:right; margin-top:10px}
.jh-symbole { padding-bottom:15px}
.platzsichern{margin-top:-18px;}
h1.jh-ueberschrift { padding-top:10px}

.jh-icons .icon {
	display: inline-block;
	padding-left: 30px;
	background: url(../css/img/icons.png);
	line-height:25px;
	 margin-bottom:5px
}

.jh-icons .kat4plus {
	background-position: 0 -472px;
}

.jh-icons .kat4 {
	background-position: 0 -436px;
}

.jh-icons .kat3 {
	background-position: 0 -401px;
}

.jh-icons .kat2 {
	background-position: 0 -364px;
}

.jh-icons .familien {
	background-position: 0 -541px;
}

.jh-icons .dusche {
	background-position: 0 -508px;
}

.jh-icons .behindert {
	background-position: 0 -578px;
}

.jh-icons .burg {
	background-position: 0 -656px;
}

.jh-icons .tip {
	background-position: 0 -617px;
}

.jh-icons .angebote {
	background-position: 0 -658px;
}

.jh-icons .gastbuch {
	background-position: 0 -701px;
}

.jh-icons hr {
	margin-top:20px;
	margin-bottom:20px;
}

.vt-boxlinks {
width:320px; float:left; margin-bottom:10px;
}
.vt-boxlinks img { display:block
}

.vt-boxrechts {
width:320px; float:right; margin-bottom:10px;
}
.vt-boxrechts img { display:block
}

.jh-boxlinks {
width:320px; float:left
}
.jh-boxlinks img { display:block
}

.jh-boxrechts {
width:320px; float:right
}
.jh-boxrechts img { display:block
}

.jh-linkbox {
background-color:#b6b3b3; padding:10px 5px 10px 15px; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px
}
.jh-linkbox a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.jh-linkbox2 {
background-color:#eb690b; text-align:left; padding:10px 0 10px 15px
}
.jh-linkbox2 a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.jh-linkbox2 h3 {
	padding-bottom:0px}


.jh-linktextbox {
background-color:#ededed; padding:10px 15px 10px 15px; margin-bottom:10px; color:#666}

.jh-linktextbox-bild {
background-color:#ededed; padding:10px 15px; margin-bottom:0}


.job-boxlinks {
width:324px; float:left; border-bottom:1px solid #e7e7e7; padding-bottom:10px; padding-top:10px
}

.job-boxrechts {
width:311px; float:right; 	border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; padding-left:14px; padding-bottom:10px; padding-top:10px
}


.job-boxlinks-nobottom {
width:324px; float:left; padding-top:10px
}

.job-boxrechts-nobottom {
width:311px; float:right; border-left:1px solid #e7e7e7;	 padding-left:14px;  padding-top:10px
}

.job-boxlinks-notop {
width:324px; float:left; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-top:10px
}

.job-boxrechts-notop {
width:311px; float:right; 	border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; padding-left:14px; padding-bottom:10px; margin-top:10px
}

.job-boxlinks-nobottomtop {
width:324px; float:left; margin-top:10px
}

.job-boxrechts-nobottomtop {
width:311px; float:right; border-left:1px solid #e7e7e7; padding-left:14px;  margin-top:10px
}

.ovpbox {
background-color:#f0f0ee; margin-bottom:10px; padding:1px 10px}

.ovp-title{
background: #ffffff; color: #eb690b; width:300px; height:30px; font-weight:bold; font-size:14px; line-height:28px; cursor:pointer; margin-bottom:10px }

.open{
background: #eb690b; color: #ffffff; margin-bottom:0 }

.ovp-titlefix{
background: #eb690b; color: #ffffff; width:300px; height:30px; font-weight:bold; font-size:14px; line-height:28px; cursor:pointer; margin-bottom:0 }

.ovp-titlefix-blau{
background: #009ee0; color: #ffffff; width:300px; height:30px; font-weight:bold; font-size:14px; line-height:28px; cursor:pointer; margin-bottom:0 }

.ovp-kat{margin-left: 10px; }

.ovp-preis{text-align: right; margin-right: 10px; float:right}

.ovp-content{display: none; background: #ffffff; color: #eb690b; padding:10px; margin-bottom:10px}

.ovp-jhs{display: block; background: #ffffff; color: #eb690b; padding:10px; margin-bottom:10px}

.ovp-link{cursor:pointer; color: #eb690b; line-height: 24px; font-size:14px}

.ovp-link-blau{cursor:pointer; color: #009ee0; line-height: 24px}


.portrait-head-left{ float:left}
.portrait-head-right{ float:right; text-align:right; margin-right:2px}

.portrait-head-ueber { padding-top:5px; padding-bottom:2px}
.portrait-head-ueber .portrait-head-left{ float:left}
.portrait-head-ueber .portrait-head-right{ text-align:left; margin-left:48px; float:none}


 .contentbild_links { float:left; padding-right:10px; padding-bottom:10px; padding-top:2px; }
  .contentbild_rechts { float:right; padding-left:10px; padding-bottom:10px; padding-top:2px; }
  
  .hinweisbox { background-color:#ededed; padding: 15px;}

@media only screen and (max-width: 650px)
{
    .contentbild_links {
        float: none;
        display: block;
    }
}
    /* Preistabelle */

table.prices {
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #E8E8E8;
	color: #666;
}
table.prices th {
	text-align: left;
	background: #b6b3b3;
	color: #FFF;
	padding: 5px;
}
table.prices td {
	padding: 5px;
	border-top: 1px solid #FFF;
	background: #ededed;
}
/*
table.prices tr.special {
	background: #FFE97F;
	font-weight: bold;
}
*/
table.prices small {
	color: #666;
	font-weight: normal;
}
table.prices strong {
	color: #eb690b;
}

table.prices .grey {
	color: #009ee0;
}

table.prices .graufett {
	color: #666;
	font-weight:bold
}

small .grey {
	color: #666;
}

.preise {
font-size: 11px;

}

.preise strong {
	color: #eb690b;
}

.linklist{
	float: left;
	width: 206px;
	padding-right:10px
	}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.linie {
	height: 20px;
	position: relative;
	-webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
}

.h200 {
	height: 200px;
}

.h120 {
	height: 120px;
}

.h70 {
	height: 70px;
}

.h20 {
	height: 20px;
}

.h10 {
	height: 10px;
}
.h5 {
	height: 5px;
}
.h2 {
	height: 3px;
}


.mfp-close {
    top: -45px !important;
}


.white-popup-block .button{

	background-color:#eb690b; display: inline; color:#FFF;  padding:10px 15px; font-weight:bold; text-decoration:none}


.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
 }
 
 
 .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 
 .video2 {
position: relative;
padding-bottom: 53.00%;
padding-top: 0px;
height: 0;
 }

 .video2 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.videoc {

height: 366px;
 }
@media screen and (max-width: 650px) { 
 .videoc {

height: 180px;
 }
 }
.gast {
	 width:100%
	}

.gast-name {
	float:left; color:#eb690b; font-weight:bold
	}

.gast-date {
	float:right}

.gast-jh {
	font-weight:bold}

.gast-count{ text-align:center
	}

/*
startseite
*/

.jh-linkbox-start {
background-color:#eb690b;  padding:6px 15px 6px 15px; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px
}
.jh-linkbox-start a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.jh-linkbox-start-fam{
background-color:#FDC400;  padding:6px 15px 6px 15px; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px
}
.jh-linkbox-start-fam a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.jh-linkbox-start-klassen{
background-color:#9ACD34;  padding:6px 15px 6px 15px; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px
}
.jh-linkbox-start-klassen a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.jh-linkbox-start-gruppen{
background-color:#009EE0;  padding:6px 15px 6px 15px; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px
}
.jh-linkbox-start-gruppen a {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:14px}

.starttext {
	color:#666666}
	
a.starttext {
	color:#666666;
	text-decoration:none}
a.starttext:hover{text-decoration:underline;  }
	
.starttext2 {
	color:#009ee0;}
	
a.starttext2 {
	color:#009ee0;
	text-decoration:none;}
	
.starttext3 {
	color:#0581b5;}	
	
	a.starttext3 {
	color:#0581b5;
	text-decoration:none;}
	
.starttext4 {
	color:#eb6909;}	
	
	a.starttext4 {
	color:#eb6909;
	text-decoration:none;}
.footerbox {
	float:left; width: 216px;
	}		
.footerlink {
	color:#666666; font-size:12px; line-height:16px; display:block; margin-top:4px}	
	
a.footerlink {
	color:#666666; text-decoration:none; }
a.footerlink:hover{text-decoration:underline;  }

.footerlnk {
	color:#666666; font-size:10px; line-height:16px; margin-top:4px}	
	
a.footerlnk {
	color:#666666; text-decoration:none; font-size:10px; line-height:16px; margin-top:4px}
a.footerlnk:hover{text-decoration:underline;  font-size:10px; line-height:16px; margin-top:4px}	
	
.grau {
	color:#666666; }	
a.grau	{
	color:#666666; text-decoration:none }
a.grau:hover{text-decoration:underline;  }	
	
table.partner {
	border: 0;
	width:100%;
	border-spacing: 0;
    border-collapse: collapse;
}

table.partner td {
	border: 0;
	border-spacing: 0;
	padding: 0;
}	


.ausbildung {background-color:#f6f4f5; background: url(../upload/service/bg_ausbildung.jpg); height:232px; padding-left:9px; padding-right:129px;}


/*
newsletter aus alter seite
*/
/* Button Startseite Newsletter */
input.button-news-st {
width:174px;
height:55px;
margin-left:86px;
margin-top:10px;
background: url(http://www.diejugendherbergen.de/cms/images/newsletteranmeldung/submit_st.gif) no-repeat;
border: none;
cursor: pointer;
}

/* Button Startseite Newsletter 2013 */
input.button-news-st_2013 {
width:190px;
height:28px;
margin-left:90px;
margin-top:6px;
background: url(../css/img/start-news-botton.gif) no-repeat;
border: none;
cursor: pointer;
}

/* Erfolgsmeldung bei anmeldung */
.newsletterAnmeldungDanke {border-color:#eb690b; border-width: 0 3px 3px 3px; border-style:solid; display:none; width:480px; height:245px; overflow:hidden; padding:0 27px;}
.newsletterAnmeldungDanke .nadHeadline {height:70px; color:#009ce7; font-size:18px; line-height:24px; padding-top:10px; font-weight:bold;}
.newsletterAnmeldungDanke .nadText {height:120px; color:#999999; font-size:11px; font-weight:bold;}
.newsletterAnmeldungDanke .nadFooter {color:#EB690B; font-size:12px; line-height:16px; font-weight:bold;}

.newsletteseiterAnmeldungDanke {display:none; width:480px; height:245px; overflow:hidden; }
.newsletterseiteAnmeldungDanke .nadHeadline {height:70px; color:#009ce7; font-size:18px; line-height:24px; padding-top:10px; font-weight:bold;}
.newsletterseiteAnmeldungDanke .nadText {height:120px; color:#999999; font-size:11px; font-weight:bold;}
.newsletterseiteAnmeldungDanke .nadText2 {height:50px; color:#999999; font-size:11px; font-weight:bold;}
.newsletterseiteAnmeldungDanke .nadFooter {color:#EB690B; font-size:12px; line-height:16px; font-weight:bold; float:left; width:250px; margin-top:5px}
.newsletterseiteAnmeldungDanke .nadfb {color:#EB690B; font-size:12px; line-height:16px; font-weight:bold; float:right; width:243px}

/* Erfolgsmeldung bei anmeldung stratseite 2013 */
.newsletterAnmeldungDankepopup {border-color:#009ce7; border-width: 3px 3px 3px 3px; border-style:solid; display:none; width:589px; height:222px; overflow:hidden; padding:0 27px;}
.newsletterAnmeldungDanke2013 {border-color:#eb690b; border-width: 3px 3px 3px 3px; border-style:solid; display:none; width:589px; height:222px; overflow:hidden; padding:0 27px;}
.newsletterAnmeldungDanke2013 .nadHeadline {height:50px; color:#009ce7; font-size:18px; line-height:24px; padding-top:20px; font-weight:bold;}
.newsletterAnmeldungDanke2013 .nadText {height:100px; color:#999999; font-size:11px; font-weight:bold;}
.newsletterAnmeldungDanke2013 .nadFooter {color:#EB690B; font-size:12px; line-height:16px; font-weight:bold; float:left; width:250px; margin-top:5px}
.newsletterAnmeldungDanke2013 .nadfb {color:#EB690B; font-size:12px; line-height:16px; font-weight:bold; float:right; width:243px}

/* feste feiern */
div.feste-feiern {
	background-color: #f0f0ee; padding-top: 15px; padding-bottom: 10px; margin-top: 8px; display: inline-block
}	

table.feste {
	border: 0;
	border-spacing: 0;
    border-collapse: collapse;
	width: 310px; float: left; margin-left: 15px; 
}

/* Artikellist */


#articleList .artImage {
	float: left;
	margin-right: 15px;
	margin-bottom:10px;
}

#articleList .artImage img {
	display: block;
}

.newsPagination {
	min-height:48px
}

/* baustelle */
.baustelle_beitrag {border:1px; border-color:#c8c8c8; border-style:solid; padding:10px; }
.baustelle_datum {width:75px; height:35px; float:left; background-image:url(../upload/jugendherbergen/leutesdorf/bg_date.gif); font-family:verdana; font-size:12px; font-weight:bold; color:#EB690B; text-align:center; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-top:10px}
.baustelle_text {float:left; margin:10px 0 0 10px; max-width:323px}
.baustelle_links {width:200px; float:left; color:#EB690B; }
.baustelle_rechts {float:right; max-width:100%;}
a.baustelle_links,
a.baustelle_links:link,
a.baustelle_links:visited,
a.baustelle_links:active { text-decoration:underline; color:#EB690B}







/* landkarte */
.uk h2 { line-height:16px; font-size:12px}
.hell { background-color:#ffffff}
.dunkel{background-color:#ffffff}

/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; list-style-image:none; background:url(../css/img/karte_jugendherbergen.gif) ; background-repeat:no-repeat; width:650px; height:555px; position:relative;}
/* move the text off screen */
.uk li a {
	background:url(../images/transparent.gif);
	text-indent:-999px;
	display:block;
	width:18px;
	height:14px;
	position:absolute;
	line-height:8px;
	left: 88px;
	top: 99px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */



.uk li a.altenahr {top:131px; left:213px;}
.uk li a.berlin {top:66px; left:560px;}
.uk li a.altleiningen {top:413px; left:400px;}
.uk li a.bacharach {top:252px; left:333px;}
.uk li a.bad-bergzabern {top:492px; left:362px;}
.uk li a.bad-ems {top:188px; left:333px;}
.uk li a.bad-kreuznach {top:309px; left:352px;}
.uk li a.bad-marienberg {top:112px; left:372px;}
.uk li a.ahrweiler {top:134px; left:233px;}
.uk li a.bingen {top:277px; left:353px;}
.uk li a.bollendorf {top:262px; left:107px;}
.uk li a.cochem {top:233px; left:246px;}
.uk li a.dahn {top:486px; left:347px;}
.uk li a.daun {top:215px; left:194px;}
.uk li a.diez {top:185px; left:368px;}
.uk li a.dreisbach {top:405px; left:145px;}
.uk li a.gerolstein {top:206px; left:164px;}
.uk li a.hermeskeil {top:339px; left:213px;}
.uk li a.hochspeyer {top:417px; left:364px;}
.uk li a.homburg {top:460px; left:278px;}
.uk li a.idar-oberstein {top:333px; left:273px;}
.uk li a.kaub {top:239px; left:341px;}
.uk li a.koblenz {top:182px; left:314px;}
.uk li a.leutesdorf {top:152px; left:286px;}
.uk li a.mainz {top:280px; left:418px;}
.uk li a.manderscheid{top:242px; left:197px;}
.uk li a.mayen {top:190px; left:256px;}
.uk li a.neustadt {top:441px; left:389px;}
.uk li a.oberwesel{top:239px; left:324px;}
.uk li a.pirmasens {top:476px; left:322px;}
.uk li a.pruem {top:214px; left:126px;}
.uk li a.saarbruecken {top:452px; left:218px;}
.uk li a.saarburg {top:366px; left:138px;}
.uk li a.st-goar {top:226px; left:316px;}
.uk li a.sargenroth {top:304px; left:309px;}
.uk li a.speyer {top:445px; left:435px;}
.uk li a.thallichtenberg {top:382px; left:271px;}
.uk li a.tholey {top:400px; left:224px;}
.uk li a.traben-trarbach {top:276px; left:236px;}
.uk li a.trier {top:333px; left:157px;}
.uk li a.weiskirchen {top:381px; left:189px;}
.uk li a.wolfstein {top:368px; left:345px;}
.uk li a.worms {top:381px; left:437px;}


/* move the text back into view on hover */
.uk li a:hover { background-image:none; border:none; text-indent:0; text-decoration:none; height:1.2em; font-size:11px; color:#ffffff;  padding:0 0; width:25px;  z-index:200;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #ed802e; width:240px; color:#000000; padding:25px;font-style:normal; top:-65px; font-family:verdana, arial, sans-serif; line-height:14px}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #ed802e; display:block; margin-bottom:0;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#ed802e; position:absolute; left:0; top:58px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: #ededed;
	color: #666666;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

/* ----- style-elemnts ----- */

div.inner {
	padding: 10px;
}

#widget-booking div.inner {
padding: 0;
	}
.cta-buchung {
	background: #f0f0ee;
	font-size: 12px;
	margin-bottom: 10px;
}
.cta-buchung .category {
	border: 1px solid #9e9c9d;
	background: #9e9c9d;
	text-align: center;
}
.cta-buchung .category a, .cta-buchung .category .item {
	display: inline-block;
	line-height: 28px;	
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);	
}
.cta-buchung .category .only-symbol {
	text-indent: -9999em;
	border-right: none;
	background: url(../css/img/icons.png) no-repeat 5px -87px;
}
.cta-buchung .category .current.only-symbol {
	background: url(../css/img/icons.png) no-repeat 5px -125px #FFF;
}
.cta-buchung .category a[rel=area-familien],
.cta-buchung .category a[rel=area-klassen],
.cta-buchung .category a[rel=area-gruppen],
.cta-buchung .category a.area-familien,
.cta-buchung .category a.area-klassen,
.cta-buchung .category a.area-gruppen {
	width: 86px;
}
.cta-buchung .category a[rel=area-gast],
.cta-buchung .category a.area-gast {
	width: 56px;
}
.cta-buchung .category a.current {
	background-color: #FFF;
	color: #EB6909;
	text-shadow: none;	
	filter: none;
}
.cta-buchung .area {
	/*
	background: #ffffff;  Old browsers
	background: -moz-linear-gradient(top,  #ffffff 59%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #ffffff 59%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #ffffff 59%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #ffffff 59%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #ffffff 59%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	-webkit-border-radius: 2px;
	border-radius: 2px;
	 */
	margin-top: 10px;
	padding: 5px 15px;
	min-height: 248px;
}
.cta-buchung label {
	color: #EB6808;
	font-weight: bold;	
	line-height: 25px;
}
.cta-buchung .single-line {
	display: block;	
	width: 100%;
	margin-bottom: 5px;
	line-height: 30px;
}
.cta-buchung input.webcode {
	width: 65px;
}
.cta-buchung .right {
	float: right;	
}
.cta-buchung a {
	color: #EB6808;
	font-weight: bold;
	text-decoration: none;	
}
.cta-buchung .area-slide {
	display: none;	
}
.cta-buchung .area-familien {
	display: block;	
}
.cta-teaser {
	width: 320px;
	background: #F0F0EE;	
	-webkit-box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 5px 0 6px -5px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
	min-height: 210px;
}
.cta-teaser .spacing {
	padding: 15px 20px;
	margin-right: 0;
	float: none;
}
.cta-teaser .filled {
	background: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-right: 0;
	float: none;
}
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea  {
    border: 1px solid #CCC !important;
    padding: 3px ;
    box-shadow: none !important;


}
input[type="email"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}


input[type="date"] {
    font-family: inherit;
    font-size: inherit;
}

form .action input[type="button"],
form .action input[type="reset"] {
    -webkit-appearance: button !important;
}

.full-width {
	display: block;	
	width: 100%;
}
a.button-first,
a.button-secondary,
input[type="submit"] {
	display: inline-block;
	padding: 6px 18px;
	background: #FFF;
	border: 1px solid #D7D7D2;
	color: #009EE0;
	font-weight: bold;
	text-decoration: none;
}
a.button-secondary,
input[type="submit"] {
	cursor: pointer;
	background: #009EE0;
	color: #FFF;
	border: none; 
	margin-top:5px; 
	-webkit-appearance: none;
}

.mfp-content{font-size:12px}

.mfp-content a.button-secondary{padding: 6px 15px; font-size:12px}


button {
	cursor: pointer;
	background: #eb690b;
	color: #FFF;
	border: none;
	line-height: 21px;
	padding: 0 5px;
}


a.button3 {
	cursor: pointer;
	background: #009EE0;
	color: #FFF;
	border: none;
	line-height: 21px;
	padding: 6px 22px;
	font-weight:bold;
	text-decoration: none;
}
#webcodeForm {
	float: left;	
}
#webcode {
	width: 70px;	
}

hr {
	height: 1px;
	border: none;
	color: #E8E7E5;
	background-color: #E8E7E5;
	margin: 5px 0;
}
.make-toggle {
	cursor: pointer;
}

.cta-buchung hr {
	margin: 8px 0;
}
form.area {
	background: #F0F0EE;
	padding: 10px;
}
ul.form-area {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 305px;
	float: left;	
}
ul.wide {
	width: 100%;
	float: none;
	margin-bottom: 20px;
	padding-bottom: 20px;	
	border-bottom: 1px solid #E8E7E5;
}
ul.form-area li.head {
	padding-bottom: 10px;
}
ul.form-area li {
	padding: 2px 0;	
}
ul.form-area li.no-label {
	padding-left: 100px;
}
ul.form-area li.label-above label {
	float: none;
	width: auto;
}
ul.form-area label {
	width: 100px;
	display: block;
	float: left;
	line-height :1.8em;
}
ul.form-area input[type=text],
ul.form-area input[type=date],
ul.form-area input[type=email]
{
	width: 60%;
}
ul.form-area select {
	width: 40%;
}

ul.wide input[type=text],
ul.wide select {
	width: auto;
}
ul.form-area textarea {
	width: 94%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
ul.form-area li.no-label input[type=text] {
	margin-right: 8px;
}
ul.form-area li div {
	float: left;
}
div.action {
	padding: 10px;
	margin: 10px 0;
	text-align: right;
}
.action input {
	border: none;
	padding: 5px 8px;
}
.action input[type="button"] {
	background: #009EE0;
	color: #FFF;
}

.tabelle1 .newsletter1
{border: 0; cellspacing: 0; cellpadding: 0; width:100%}
.top
{vertical-align: top; }
.left25
{ width: 25px; text-align:left}
.width60
{ width: 60px; }
.width20
{ width: 20px; }
.width70
{ width: 70px; }
.width200
{ width: 200px; }
.hight32
{ height:32px }
.center
{ text-align:center}


.tabelle2 .newsletter1
{border: 0; cellspacing: 0; cellpadding: 0}

.tabelle3 .newsletter1
{border:0; cellspacing:0; cellpadding:0; margin-bottom:10px; height:50px}

/*
Gewinnspiel
*/

.gewinnspiel-form {
    background:#f0f0ee;  padding-top:0px;
}
.gewinnspiel-form fieldset{border:0px; padding:0px; margin:0px;}
.gewinnspiel-form input { width: 234px; }
.gewinnspiel-form input[type="text"] { width: 234px;}
.gewinnspiel-form input[type="email"] { width: 234px; }
.gewinnspiel-form input[type="password"] { width: 234px; }
.gewinnspiel-form input[type="checkbox"] { width: auto; }
.gewinnspiel_form  input.reset { float: left; }
.gewinnspiel-form input.birthday{width:60px;}
.gewinnspiel-form input.birthyear{width:120px;}
.gewinnspiel-form label { color: #000; font-weight:bold;font-size: 11px;font-family:verdana, Helvetica; }
.gewinnspiel-form label.month {width: 135px;}
.gewinnspiel-form input, textarea { border: 1px solid #cdcdcd; padding: 5px 5px 5px 10px; font-family: verdana; color: #4b4b4b; font-size: 11px; -webkit-border-radius: 5px; margin-bottom: 20px;  }
.gewinnspiel-form .select-style {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(images/select-arrow.png),
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #cdcdcd;
    font-size: 11px;
    margin: 0px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gewinnspiel-form .select-style.gender { margin-bottom: 20px; }

.gewinnspiel-form select:required:invalid {
    color: gray;
}
.gewinnspiel-form option[value=""][disabled] {
    display: none;
}
.gewinnspiel-form option {
    color: #4b4b4b;
}

.gewinnspiel-form .rechts { margin-left: 20px}

@media screen and (max-width: 650px) {
    .gewinnspiel-form .rechts { margin-left: 0 }
}


.gewinnspiel-form .gender {
    width:250px;
}
.gewinnspiel-form input.buttom{ background: #4b8df9; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 11px; font-family:Verdana, Geneva, sans-serif;}
.gewinnspiel-form input.buttom:hover	{ background-color: #2a78f6; }

.gewinnspiel-form .form_headline { margin: 10px 0px 10px 0px}


.gewinnspiel-form .form_num {background: #eb690b;
    font-size: 14px;
    font-weight:bold;
    padding: 5px 8px 5px 10px;

    font-family:Verdana, Geneva, sans-serif;
    color: #FFF;
    line-height: 22px;
    margin-right:10px;}

.gewinnspiel-form .form_titel {
    font-size: 14px;
    font-weight:bold;
    color: #eb690b;
    font-family:Verdana, Geneva, sans-serif;
    line-height: 22px;}

.gewinnspiel-form .form_num2 {
    background: #eb690b;
    font-size: 14px;
    padding: 0px 5px 0px 5px;
    font-family:Verdana, Geneva, sans-serif;
    color: #FFF;
    line-height: 22px;
    margin-right:10px;}

.gewinnspiel-form .form_titel2 {
    font-size: 12px;
    font-weight:bold;
    color: #eb690b;
    font-family:Verdana, Geneva, sans-serif;
    line-height: 22px;}
	
	
	ul.list3
 {
 list-style-type: none;
 padding: 10px 0 0 30px;
 margin: 0;
 }
ul.list3 li
 {
background-image:url(../css/img/liste3.png);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 15px 20px;
 }

/*
Ende Gewinnspiel
*/



/* Allgemeine CI konforme Check/Radio Boxen */
.ci_form_elements input {
    background-clip: padding-box;
    border:none;
    border-radius: 0;
    font-size: 1em;
}


.ci_form_elements li div {
    float:none!important;
    margin-left: 100px!important;
}

/* graceful degradation for ie8 */
.ci_form_elements input[type='checkbox'],
.ci_form_elements input[type='radio'] {
    width:auto;
    float:left;
    margin-right: .75em;
    background:transparent;
    border:none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ci_form_elements input[type='checkbox']:checked,
.ci_form_elements input[type='checkbox']:not(:checked),
.ci_form_elements input[type='radio']:checked,
.ci_form_elements input[type='radio']:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin:0;
    padding:0;
}

.ci_form_elements input[type='checkbox'] + label,
.ci_form_elements input[type='radio'] + label {
    cursor: pointer; margin-right:20px;
    width: 150px!important;
}


.ci_form_elements input[type='checkbox']:checked + label::before,
.ci_form_elements input[type='checkbox']:not(:checked) + label::before,
.ci_form_elements input[type='radio']:checked + label::before,
.ci_form_elements input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 14px;
    height:14px;
    position: relative;
    top:3px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.ci_form_elements input[type=radio]:checked + label::before,
.ci_form_elements input[type=radio]:not(:checked) + label::before {
    border-radius: 30px;
}

.ci_form_elements input[type='checkbox']:hover  + label::before,
.ci_form_elements input[type='radio']:hover  + label::before {
    background:#ddd;
    box-shadow: inset 0 0 0 2px white;
}

.ci_form_elements input[type='checkbox']:checked  + label::before,
.ci_form_elements input[type='radio']:checked  + label::before {
    background:#666465;
    box-shadow: inset 0 0 0 2px white;
}


table.agb   {
	width:100%; border:0px;  cellspacing: 0px; cellpadding:0px; vertical-align:top}
	
table.agb  tr  {
	width:100%; border:0;  cellspacing: 0; cellpadding:0; vertical-align:top}
	table.agb td {border:0; padding:0px}	
table.agb td.agb1 { width:40px; border:0;}	


#mybooking { width:380px; height:170px; background: rgba(255, 255, 255, .8); top:0; position:absolute; z-index:199; margin-left:580px; margin-top:205px; color:#636362; font-size:13px }
#mybooking .mybooking{ margin:13px 0 0 16px}	
#mybooking .mybooking .mybooking1{ font-size:20px; font-weight:bold;}	
#mybooking .mybooking .mybooking2{ margin-top:12px }
#mybooking .mybooking .mybooking3{ color:#009ee0; margin-top:4px}
#mybooking .mybooking .mybooking4{ float:left; margin-left:26px; margin-top:8px}
#mybooking .mybooking .mybooking5{ float:left; margin-left:16px; margin-top:8px}
#mybooking .button-secondary{background:#eb8b0c; border:#eb8b0c; width:140px; text-align:center; padding:6px 0px}

@media only screen and (min-width: 650px) and (max-width: 980px) {	
#mybooking { width:320px; height:144px; background: rgba(255, 255, 255, .8); top:0; position:absolute; z-index:199; margin-left:307px; margin-top:195px; color:#636362; font-size:11px }
#mybooking .mybooking{ margin:10px 0 0 8px}
#mybooking .mybooking .mybooking2{ margin-top:10px; line-height:16px }
#mybooking .mybooking .mybooking3{ color:#009ee0; margin-top:2px; font-size:11px}
#mybooking .mybooking .mybooking4{ float:left; margin-left:26px; margin-top:4px}
#mybooking .mybooking .mybooking5{ float:left; margin-left:10px; margin-top:4px}
#mybooking .button-secondary{background:#eb8b0c; border:#eb8b0c; width:120px; text-align:center; padding:2px 0px}
}

@media screen and (max-width: 650px) {
#mybooking {width:320px; height:145px; background: rgba(255, 255, 255, .8); top:0; position:absolute; z-index:199; margin-left:0px; margin-top:135px; color:#636362; font-size:11px }
#mybooking .mybooking{ margin:10px 0 0 8px}
#mybooking .mybooking .mybooking2{ margin-top:10px; line-height:16px }
#mybooking .mybooking .mybooking3{ color:#009ee0; margin-top:2px; font-size:11px}
#mybooking .mybooking .mybooking4{ float:left; margin-left:26px; margin-top:4px}
#mybooking .mybooking .mybooking5{ float:left; margin-left:10px; margin-top:4px}
#mybooking .button-secondary{background:#eb8b0c; border:#eb8b0c; width:120px; text-align:center; padding:2px 0px}
}

.vr-tour {width:650; height:400}
@media screen and (max-width: 650px) {
.vr-tour {width:320; height:197}	
	}