#logo-kasten{
	border:0px solid #ff0000;
    width: 126px;
    height: 107px;
    position: absolute;
    left: 0px;
    top: 328px;
	
}

body{ padding:0px !important; margin:0px; !important; }


.white{
   color:#fff !important; font-weight: 300 !important;
}

.black-lnk{
	   color:#000 !important; font-weight: 300 !important; text-decoration:none;
}

.orange-lnk{
   color:#e30713 !important; font-weight: 700 !important;
}

#kartendetail div > h3{
	background-color: #e30713;
    margin-bottom: 2px !important;
	padding:0px !important;


}

.transitions {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

#kartendetail div.ui-collapsible-content.ui-body-inherit {
background-color:#ffffff !important;
color:#000 !important;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	text-align:left;
}

#kartendetail a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-inherit.ui-icon-plus{
    font-size: 16px;
    margin: .5em 0;
    padding: 0.5em 0em;
    display: block;
	color:#000 !important;
	padding-left:20px;    
	text-shadow:none;

}

#kartendetail a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-inherit.ui-icon-minus{
    font-size: 16px;
    margin: .5em 0;
    padding: 0.5em 0em;
    display: block;
	color:#fff !important;
	padding-left:20px;
	font-weight: 300 !important;

}



.ui-page-theme-a .ui-body-inherit {
	   transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	
}


#demo-page * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* Arrow only buttons in the header. */
#demo-page .ui-header .ui-btn {
    background: none;
    border: none;
    top: 9px;
}
#demo-page .ui-header .ui-btn-inner {
    border: none;
	
}

.demo-page{ overflow:hidden !important;}

/* Content styling. */
dl { font-family: "Times New Roman", Times, serif; padding: 1em; }
dt { font-size: 2em; font-weight: bold; }
dt span { font-size: .5em; color: #777; margin-left: .5em; }
dd { font-size: 1.25em; margin: 1em 0 0; padding-bottom: 1em; border-bottom: 1px solid #eee; }
.back-btn { float: right; margin: 0 2em 1em 0; }





.orange{
	color:#e30713;
	
}

.intro{
  opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}


.fadeIntext{
  opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}


#menu_down{ z-index:999; position:absolute; bottom:0px; width:100%; height:40px; overflow:hidden;}
#menu_down:hover{bottom:0px; height:95px;}



.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    
    text-shadow: none;
}

h3{ z-index:400;}

#con{
   border: 0px dotted #ff0000 !important;
  padding:0px !important;
  
  
}


.ui-collapsible img{
	content:url("minus.png");
}
.ui-collapsible-heading-collapsed img{
	
	content:url("plus.png");
}

.ui-btn-icon-left:after {
    left: .5625em;
	display:none;
	
}

.con-inner{
	position:absolute;
	top:-20px !important;
	left:0px;
	border: 2px dotted #ff0000 !important;
}


#info{display:none;}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ui-page-theme-a .ui-body-inherit{
	
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	border:none;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	margin-left:20px;
	margin-top:-10px;
	
	

	
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }



#spot4s > .ui-body-inherit {
	margin-top:-29px;
	margin-left:230px;
	background-color:#fff !important;
	color:#000;
	
	z-index:100;
	width:180px;
	 height: 25px !important;
}

#spot4s > .ui-body-inherit > p{
	padding:0px;
	 margin: 0px;
}


#spot3s > p {
	margin-top:-29px !important;
	margin-left:-202px !important;
	background-color:#fff !important;
	color:#000;
	z-index:100;
	width:100px;
	 height: 25px !important;
}

#spot3s > p{
display: block;
 margin: 0;
 padding: .5em 1em;
}





#spot2s > p {
	margin-top:-35px !important;
	margin-left:-355px !important;
	background-color:#fff !important;
	color:#000;
	z-index:100;
	width:200px;
	height: 25px !important;

}

#spot2s > p{
display: block;
 margin: 0;
 padding: .5em 1em;
}




#spot1s > p {
	margin-top:-36px !important;
	margin-left:-161px !important;
	background-color:#fff !important;
	color:#000;
	z-index:100;
	width:210px;
	 height: 25px !important;
	 padding:5px;
}

#spot1s > p{
display: block;
 margin: 0;
 padding: .5em 1em;
}






	



#spot1 > .ui-body-inherit{
	margin-top:-190px;
	
}


#spot3 > .ui-body-inherit{
	margin-top:-260px;
	
}

#spot5 > .ui-body-inherit{
	margin-left:-260px;
	width:250px;
	
}

#spot6 > .ui-body-inherit{
	margin-left:-220px;
	width:200px;
	height:80px;
	
}


.ui-page-theme-a .ui-body-inherit {
    opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	    margin-top: -31px;
		margin-left:17px;
		    text-shadow: none;
			font-size:14pt;
			line-height:20pt;
	
	
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  
}




.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    background: none;
    border: 0px solid  !important;
    color: #ff0000;
    text-shadow: 0 1px 0 #f3f3f3;
	box-shadow: none !important;
	
}

.ui-page-theme-a .ui-btn:hover{ background: none;}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited
{

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  
#menu_down{ z-index:999; position:absolute; bottom:60px; width:100%; height:40px; overflow:hidden;}
#menu_down:hover{bottom:60px; height:95px;}

#spot3 > .ui-body-inherit{
	margin-top:-219px;
	
}
}