@charset "UTF-8";
/* CSS Document */

/* Individuelles Styling
-----------------------------------*/

.navbar {
	border-bottom:10px solid #690;	
}

.nav-aktiv {
	background-color:#690;	
}

.border-left {
	padding-left: 0.5em;
	border-left: 2px solid #690;
	
}

/* Individuelles Styling
ENDE -----------------------------------*/


/* intro 
_____________________________*/


.image-intro {
	max-width:300px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	border: 7px solid #fff;	
	margin: 0 auto;
	padding:2em;
	
}

#home {
 
  background-color:#F7F7F7;
  
  background-image:url(../images/intro-hintergrund/bg-hoehenlinien.jpg);


}

#home h2 {
 text-align:center;
}

h1 {
	border:none;
	margin-top:70px;
	color:#690 !important;
}


.img-logos {
	max-height:100px;	
}

/* intro 
ENDE _____________________________*/


/* Intro Section
-------------------------------- */

.dachzeile {
	padding-right: 3em;
	border-bottom: 1px solid #9C0;
	font-style:italic;
	margin-bottom:0.8em;
}

/* Intro Section
ENDE -------------------------------- */


/* Etappen Section
-------------------------------- */



.etappen-item {
	margin-top:1.5em;
	margin-bottom:1.5em;	
	
	padding:0;
	border: 10px solid transparent;
}

/* Etappen Section
ENDE -------------------------------- */

/* Zwischenbilder
-------------------------------- */
#zwischen-bild-1 {
  background: url(../images/teufelsstieg/intro-Molkenhaus-Hasselteich.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}

  @media (min-width : 992px)  {
	  
	  #zwischen-bild-1 {
	  background-attachment: fixed;
	  } 
 
}




/* Zwischenbilder
ENDE -------------------------------- */




/* Download
-------------------------------- */


.hoehen-profil {
	margin-bottom:2em;	
}

#download img {
	width: 100%;
	max-width:1200px;
	margin:auto;
	display:table;
}

.download-eq {	
	min-height:200px;
}

.gpx-track {
	background-color:#666;	
	margin-top:2em;
}
.gpx-track h2 {
color:#fff !important;
}

@media (max-width:991px) {
	.gpx-track {
		padding-top:1em;	
}
}

/* Download
ENDE -------------------------------- */




/* Karte
 -------------------------------- */




.avz-icon {
    fill: #666 !important;
	cursor:pointer;
}

.avz-border {
    background: #fff;
    border-radius: 4px !important;
    border: none !important;
	color:#666 !important;
}
.avz-border a {
	color:#fff !important;	
}

.avz-search-box-input {
	
	background:none !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;	
}

.avz-layer-list {	
	
	
	top:40px !important;
	right: 40px !important;
	font-family:Arial, Helvetica, sans-serif;
}



.avz-click-callout-bubble.avz-bottom-right:before, .avz-click-callout-bubble.avz-bottom-left:before,
.avz-click-callout-bubble.avz-top-right:before, .avz-click-callout-bubble.avz-top-left:before {
	border-left-width: 0 !important; 
	border-top-width: 0 !important;	
	border-right-width: 0 !important; 
	border-bottom-width: 0 !important;	
	
}

.avz-border.avz-hover-callout-bubble {
	display:none !important;
}

.avz-border.avz-click-callout-bubble {
	z-index:5;
}

.avz-button-close {	
	width: 2em !important;
	height: 2em !important;
}


.map-brand {
	position:absolute;
	bottom:-30px;
	right:0px;	
	padding:0.3em;
	z-index:3;
	
	font-size:12px;
}


#map_container {
			 
			max-width: 378px; 
			width: 100%;
			
			height: 100%;
			max-height:440px;	
			
			margin:0 auto;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
			
			border-radius: 5px 5px 0px 0px;
			
			border-bottom: 8px solid #9C0;
		
	
		}
@media (max-width:767px) {
	


#map_container {
			 
			
			height: 80%;	
			
		
	
		}

}



/* Karte
 ENDE-------------------------------- */