html {
	height:100%;
}
body {
	height:100%;
	overflow-y: scroll;
  padding-bottom: 40px;
  color: #5a5a5a;
}

/*quick hack for shifiting on opening modals*/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
	margin-right: 0!important;
	width:99%!important;
}

h5 {
	font-weight:bold;
	margin:20px 0 10px 0;	
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 40px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 40px;
	margin-top:2em;
}

.navbar-wrapper {
  position: relative;
  z-index: 15;
}


.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #ff1c22;
	border-color: #ff1c22;
}


a {
	color: #5a5a5a;
}
a:hover, a:focus {
	color: #000;
}


#header {
  margin-bottom: 60px;
  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -90px;
	position:relative;
}
.header-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 42%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #5a5a5a;
  text-align: left;
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
	text-shadow:none;
}

.header-caption .btn {
  text-shadow: none;
}



.table tbody>tr>td {
    vertical-align:middle;
}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color:#ff1c22;
}




/*
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


.featurette-divider {
  margin: 80px 0;
}
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
*/



@media (min-width: 768px) {
	/*
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }
	*/

  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
	
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
	/*
  .featurette-heading {
    font-size: 50px;
  }
	*/
}

/*
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
*/


#header {
  margin-bottom: 60px;
  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -90px;
}


.navbar-brand {
	float: left;
	padding: 5px 5px;
	font-size: 18px;
	line-height: 20px;
}
#brandhelferb {
	width:80px; 
	height:30px; 
	margin:5px 12px 0 10px; 
	padding:0;
}



/* bcard */
#bcard-alert {
	margin-top:2em;
}


/* pricing */
/*
.pricing ul, .pricing p, .pricing h2, .pricing h3  {
	text-align:left;
}
*/

.panel-title {
	font-size: 14px;
}

#firmenaccount-navbar {

	
}
#firmenaccount-navbar .navbar-text, 
#firmenaccount-navbar .navbar-link,
#firmenaccount-navbar .navbar-brand,
#firmenaccount-navbar .navbar-nav > li > a {

}
#firmenaccount-navbar .navbar-nav > .active > a, 
#firmenaccount-navbar .navbar-nav > .active > a:hover, 
#firmenaccount-navbar .navbar-nav > .active > a:focus {
	
}


#firma-navbar {
	/*background-color:#e7e7e7;*/
	border-color:#ff1c22;
	
	margin-bottom:0;
}
#firma-navbar .navbar-text, #firma-navbar .navbar-link {
	color:#5a5a5a;
	margin-top:5px;
	margin-bottom:5px;
}


.qq-upload-button, .qq-upload-button:hover {
	background: #ff1c22;
	border:none;
	color: #FFF;
}



.stats-big-number {
	font-size:80px;
	text-align:center;
}


.tbl-cell-center {
	text-align:center;	
}


@media only screen and (max-width: 767px) {
	
	/* Force table to not be like tables anymore */
	.table-mobile, 
	.table-mobile > thead, 
	.table-mobile > tbody, 
	.table-mobile > thead > th, 
	.table-mobile > tbody > tr > td, 
	.table-mobile > tbody > tr { 
		display: block; 
	}
	
	.table-mobile {
		border-collapse:collapse;	
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-mobile > thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.table-mobile > tbody > tr { 
		/*border: 1px solid #ccc; */
		margin-bottom:2em;
	}
 
	.table-mobile > tbody > tr > td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40% !important; 
		white-space: normal;
		text-align:left;
	}
	.table-mobile > tbody > tr > td.tbl-cell-fullwidth { 
		padding-left: 6px !important; 
	}
 
	.table-mobile > tbody > tr > td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.table-mobile > tbody >  tr > td:before { content: attr(data-title); }
	
	.tbl-cell-center {
		text-align:left;	
	}
	
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0px;
	padding-left: 0px;
	}
	
	.form-mobile {
		margin-left:0.5em;
		margin-right:0.5em;	
	}
}

.igroup-select {
    border-color: #ccc; 
    border-radius:0; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-top: 7px; 
    padding-bottom: 7px;
}

.sprachen-slideout {
    display:none;
}

.sprachen-slideout-trigger {
    cursor:pointer;
}