/* ===========================
	LAYOUT  STYLES	Positionierung 
	
	Template: wbc_blanco_j3
	========================== */

@font-face {

}


* {
margin:0;
padding:0;
}
html { /* style oer flexicontent behebt bug seite wackelt */
	 height: auto !important; 
     width: auto !important; 
	 overflow: auto !important;
	    }
body { height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
		}
	
#bg {} /** Hintergrundbild body */
.header-top {
	 width: 100%; 
	 min-height: 100px;
	 height: auto; 
	 margin: 0px;
	 z-index: 900;
	  }
	 
#header-top-01 { padding-top: 15px;}
.pos-relative { position: relative;}


/*** Position Logo *******************************************************************/
#logo img { max-width: 100%; height:auto; padding-left: 10px; padding-right: 10px; }
#logo { padding-top: 20px; padding-bottom: 20px;}
/*************************************************************************************/

#wrap-content {position: static;}
.wrap-outer {
	
	  heigth: auto !important;
      margin: 0;
	  padding: 0;	  
	    }
.wrap-main { margin-bottom: 20px; margin-top: 20px;}
.nofront {}
.nofront .header {}

/*** nur Startseite    */
.front {}
.front .header {}


/* Layout Module Headerimng */

#headerimg {
	position: relative;
	overflow: hidden;
	z-index: 10;
}

#headerimg .row {}
#headerimg img {width: 100%; max-width: 100%; height:auto; padding: 0px; margin: 0px;}
#headerimg .container-fluid .wrap-headerimg { padding: 0px; }

#headerimg p,
#overlay_headerimg .custom-outer p

 {  line-height: 0px; padding: 0px; margin: 0px;  }


.lg-slider { margin: 0px; padding: 0px;}
.no-headerimg {height: 150px; clear:both; }	

#wrap-breadcrumb {  }	

#navigation-main {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.header .navbar { margin-bottom: 0px; min-height: 100px;}

.navbar-right {}
#wrap-content { padding-bottom: 60px; }


/*-----    Sidebars  --------------------------------------------------------------------*/
#toggle-sidebar-btn {   /* Button blendet sidebar-left ein-aus bei phone + tablet */
    position: absolute;
	left: 5px;
	top: 10px;
	}


#sidebar-left, #sidebar-right {margin-bottom: 20px; }
#sidebar-left > div  {}
#sidebar-right > div {}

/*-------------------------  Footer ----------------------------------------------------*/
footer#footer {
    border-top: medium none;
    box-shadow: 0px -1px 5px 2px rgba(0, 0, 0, 0.9);
}

#wrap-footer   {
	margin: 0px;
	padding: 60px 0px 0px;
	height: auto;
	width: 100%;
	}
	
/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== */


@media (max-width: 480px) { /* phone */
  
	}

@media (max-width: 767px) {
	
	}
	
@media (min-width: 768px) {
    #toggle-sidebar-btn { display: none; position: relative; }
}
@media (min-width: 768px) and (max-width: 998px) {

}


@media (max-width: 979px) {}

@media (min-width: 980px) {
	.header-top {
		 z-index: 999; 
		 top: 0px; 
	  }
	  
	#headerimg {
		  padding: 0px;
		  position: relative;
		  top: 0px;
		  z-index: 10;
	  }
	#wrap-footer   {
		margin: 0px;
		padding: 60px 0px 20px;
		min-height: 250px;
		height:auto;
		width: 100%;
		background: #CCC;
		}
	.wrap-outer {
		heigth: auto !important;
		margin: 0 auto -250px;
		padding: 0 0 250px;	  
		  }
	

	}
	
@media (min-width: 992px)   {


}

@media (min-width: 1200px) {

.inside-left {	padding-left: 20px; }
.inside-right {	padding-right: 20px; }
#overlay_headerimg { position: absolute; z-index: 20; bottom: 0px; left: 0px; }
#headerimg img {width: 100%; max-width:auto; height:auto; padding: 0px; margin: 0px;}
}