.body{
	background-color: #fafafa;
	overflow-y: hidden;
	overflow-x: hidden;
	ms-overflow-x: hidden;
	ms-overflow-y: hidden;
	background-image: url("../img/bg_wrapper.jpg");
	/* background-image: url("img/bg-wrapper.jpg");  */
	background-size: cover;
	background-repeat: no-repeat; 

}
  

 .header-img{
	max-width: 100%;
	height: auto;
	display:block;
	}

 .header-img-xs{
	display:none;
	}
	

.li-einzeilig{width:80px;}

.navbar-brand-on-off{display:none;}



#menue_home{
	float:left;
	text-align: center;
	height:22px;
	z-index:2;
	margin-top:1px;
	margin-left:10px;
	padding-right:-7px;

}
#menue_kontakt{
	float:left;
	text-align: center;
	height:22px;
	margin-top:-5px;
	margin-left:5px;
	padding-right:10px;
	padding-bottom:10px;
	z-index:2;

}
#menue_impressum{
	margin-top:-5px;
	float:left;
	text-align: center;
	height:22px;
	z-index:2;
	padding-left:10px;
	padding-right:10px;
}

#menue_stamp{
	margin-top:-5px;
	float:left;
	text-align: center;
	height:22px;
	z-index:2;
	padding-left:10px;
	padding-right:10px;
}

#menue_refresh{
	margin-top:-3px;
	float:left;
	text-align: center;
	height:22px;
	z-index:2;
	padding-left:5px;
	padding-right:7px;
	color: #FFFBF0;
}

#menue_safari{
	margin-top:-3px;
	float:left;
	text-align: center;
	height:22px;
	z-index:2;
	padding-left:5px;
	padding-right:9px;
	color: #FFFBF0;
}


/*   ende kontakt und impressum  */


.text-center {
  padding-top: 20px;
}

.left-links{
    float:left;
    margin-left:35px;
}


/* Hintergrundfarbe für Contentbereich */
.pagewrap{
	background-color: #FFFFFF;
	height: 100%;
}

header .navbar-default{
/*background:url("../img/kopf-stadt.jpg");
    height: 134px;*/
}



.navbar {
    margin-bottom: 0px;
	}



.content-wrapper{
    height: 100%;
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
	ms-overflow-x: hidden;
	ms-overflow-y: auto;
    position: relative;
}


/* collapsed sidebar styles */

@media screen and (max-width: 767px) {
.header-kopf{
	max-width: 100%;
	height: auto;
	display:none;
	}

.header-img-xs{
	display:block;
	}



.li-einzeilig{width:100%;}  
.li-xs{
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0080C0;	 
	}
.navbar-brand-on-off{display:flex;}

.navbar-collapse {   margin-top: 50px; }


.sidebar.active {
    overflow-y: scroll !important;
}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    z-index: 1111;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .row-offcanvas-right.active {
    right: 100%;
  }
  .row-offcanvas-left.active {
    left: 103%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .sidebar {
    padding-top:0;
  }
  .sidebar.active{
	margin-left: 15px;
  }


/*   begin leer block */
.platzhalter{
 margin: auto;
 width: 100%;
 /* border: 1px solid grey; */
 padding: 10px;
 margin-bottom:50px;
 margin-top:50px;
}

}