/* CSS Document */

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/
/*
.navbar-brand {
  padding: 0px; /* firefox bug fix */
/*}
.navbar-brand>png {
  height: 100%;
  padding: 15px; /* firefox bug fix 
  width: auto;
  height:auto;
}
.navbar-brand png {
  background: url(http://disputebills.com/site/uploads/2015/10/dispute.png) center / contain no-repeat;
  width: 200px;
}

*/

@charset "utf-8";

html { height: 101%; } /*Scrollleisten werden in Firefox gleich angezeigt (längere Seiten wackeln dann nicht mehr)!  background-color:#F2F2F2;   */

 body  {
	background-color:#FFF;
	font-size: 15px;
	}

.wichtig {
	font-weight: 600;
	}
	
.navbar-brand {
  padding: 0px;
  margin-top: 1px;
  margin-right: 25px;
  margin-left: 5px;
  margin-bottom:1px;
}
.navbar-brand>img {
  height: 100%;
  padding: 25px;
  width: auto;
}

#wolfd {
	padding-left: 35px;
	padding-right: 0;
	margin-right: 0;
	}
	
/*  #wolfm {
	padding-left: 15px;
	} */


	
	.carousel-caption {

top: 80px !important;
}


.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 15px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=90);
  opacity: .9;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=50);
  outline: 0;
  opacity: .5;
}

 .navbar-default {
	color: #fff;
    background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 2px!important; 
  padding-left: 2px!important;
 }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.start {
  background-color: #BDBDBD;
}
 
.groesse{
 margin-top: 15px; /* Groesse carousel-Button  */
}

 span.glyphicon-link {
    font-size: 2em;
}

span.mysize {font-size: 1.3em;}
 
 .carousel-control.left {
	 background: #003082; /* Old Browsers */
background: -webkit-linear-gradient(right,#003082,#212326); /*Safari 5.1-6*/
background: -o-linear-gradient(right,#003082,#212326); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,#003082,#212326); /*Fx 3.6-15*/
background: linear-gradient(to left, #003082, #212326); /*Standard*/
border-bottom: 3px solid #bed600; 
}
.carousel-control.right {
  left: auto;
  right: 0;
  background: #003082; /* Old Browsers */
background: -webkit-linear-gradient(left,#003082,#212326); /*Safari 5.1-6*/
background: -o-linear-gradient(left,#003082,#212326); /*Opera 11.1-12*/
background: -moz-linear-gradient(left,#003082,#212326); /*Fx 3.6-15*/
background: linear-gradient(to right, #003082, #212326); /*Standard*/
border-bottom: 3px solid #bed600;
}

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    font-size: 25px;
  }
  
  .marketing { 
    background-color:#FFF;
    }
	
@media (min-width: 768px) {
	
	.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    font-size: 20px;
  }
  
  /* ================================================================================================
     ID  #suchediv
	==============================================================================================*/
 #suchediv {
	/*	height: 80px;
		width: 200px; */
max-width: 100%;
	background: #fefefe;
	color: #5a5a5a; 
	padding: 1px 1px 0px 1px;
	border: 2px solid #C2C9D1;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */;
display:none;
margin-top: 70px;
margin-bottom: 20px;	
}

	#suchediv p { 
	display: block;
    text-align: left;
	color:#000;
    font-weight: normal;
	padding: 4px 4px 4px 4px;
    margin: 0;
	line-height: 1.2em;
    } 
	
#suchediv em { 
	color:#000;	
} 

#suchediv hr { 
	border: 1px solid #C2C9D1;
	padding: 0;
    margin: 0;
}

#suchediv a:link {
	display: block;
    color: #5a5a5a;
    font-size: 1.2em;
    font-weight: 300;
    outline: medium none;
    text-align: left;
    text-decoration: none;
	padding: 0px 3px 0px 3px;
} 

#suchediv a:hover { 
	color: #000 !important;
   font-weight:bold !important ;
 	} 

#suchediv hr:last-of-type {
visibility: hidden;	
border: 1px solid #fefefe;
padding: 0;
margin: 0;
} 

/* ================================================================================================ */
	
  .abfuhrklein {
	display: none;
	}
  
   #ohnenenue {
	display: none;
	}

	.marketing { 
padding-top: 20px;
}

.marketing h4 { 
    font-size: 17px;
    }

.img-circle {
  border-radius: 50%;
  width: 80px;
  height:80px;
  margin-bottom: 1px;
}

  #ohneb {
	display: block !important;
	}
	
	.navbar-form {
	display: none;
	}

  /* Navbar positioning foo */
  .navbar-default .navbar-nav > li > a {
	color: #333;
	border-right: 2px solid #bed600;
	font-weight: 600;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
  border-right: 2px solid #bed600;
}

  
  .navbar-wrapper {
    margin-top: 20px;
	}
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
   .navbar-default {
	color: #fff;
    background-color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #bed600;
	}
	
/*	#wolfm {
	display:none;
	} */
	
	.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.weit {
	margin-bottom: 25px;
}

.start {
  background-color: #BDBDBD;
}

}

@media (max-width: 767px) { 

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 10px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
} 

.ohnefooter {
	display: none;
	}

.abfuhrgross {
	display: none;
	}

.dropdown-menu {
  font-size: 16px;
}

 #ohneb {
	display: block !important;
	}
	
	.navbar-form {
	display: none;
	}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -20px;
}

/* Carousel base class */
.carousel {
  height: 280px;
  margin-bottom: 0px;
  background-color: #003082;
 }
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 280px;
  background-color: #003082;
}


.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 280px;
  border-bottom: 3px solid #bed600;
  border-top:transparent;
}

.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    font-size: 16px;
  }


.marketing { 
padding-top: 40px;
}

.marketing h4 { 
    font-size: 16px;
    }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
  border-top-color: #fff;
}

	
	.navbar-default .navbar-nav > li > a {
    font-size: 16px;
	color: #333;
	font-weight: 600;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
   font-size: 16px;
}
  .dropdown-menu > li > a:hover {
  background-color: #e7e7e7;
  border: 1px solid silver;
   font-size: 16px;
}
	
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #003082;
}

.blue {
    color: #333;
}

.white {
    color: #fff;
}

#footer {
    width: 100%;
    height : 60px;
    background-color:grey;
    display: inline-block;
}

 /* #wolfd {
	display:none;
	} */

.img-circle {
  border-radius: 50%;
  width: 80px;
  height:80px;
  margin-bottom: 1px;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.weit {
	margin-bottom: 20px;
}

.start {
  background-color: #BDBDBD;
}
}

@media (min-width: 992px) {
	
	.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    font-size: 25px;
  }
	
	.marketing { 
padding-top: 30px;
}

	.carousel-caption {
top: 90px !important;
}

.iconohne{
	 pointer-events: none !important;
}

.navbar-default .navbar-nav > li > a {
	color: #333;
	font-weight: 600;
}
	
	.navbar-brand>img {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  magrin. 0;
  width: auto;
}

#ohneb {
	border-right: 2px solid #fff !important;
	margin-right: 15px;
	display:none !important;
	}
	
	.navbar-form {
	display: block;
	}

	.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
 
 .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #e7e7e7;
}

/* #wolfm {
	display:none;
	
	} */
}

@media(max-width:1200px){
	
	.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    font-size: 18px;
  }
  
	#ohneb {
	border-right: 2px solid #fff !important;
	margin-right: 15px;
	display:none;
	}

	.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
}

@media(min-width:1200px){
	
	.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    font-size: 20px;
  }
  
.marketing { 
padding-top: 40px;}

	.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
  border-right: 2px solid #bed600;
}
	
	.navbar-default {
	color: #fff;
    background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #fff;
	}

	 .navbar-default {
	color: #fff;
    background-color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #bed600;
	}
	
	.navbar-default .navbar-nav > li > a {
    border-right: 2px solid #bed600;
	color: #333;
	font-weight: 600;
}

  /* #wolfm {
	display:none;
	} */
	
	#ohneb {
	border-right: 2px solid #fff !important;
	margin-right: 15px;
	display:none;
	}

.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 350px !important;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.iconohne{
	 pointer-events: none !important;
}

}