body {
  /*padding-top: 125px;
    padding-top: 75px;
	
	*/
 
 
  /*background:url(../assets/SCHROTH-Aviation-Himmel.png);
    background-repeat: no-repeat;
    background-size: 100%;*/


	
	font-family: 'Open Sans', sans-serif;

	font-size:16px;	
	box-sizing: content-box;
}

html {overflow-y: scroll;}

/*
.container {
	max-width:780px;	
}

*/


h1 {
  font-family: 'interstate-mono','Open Sans', sans-serif;	
  text-transform: uppercase;
}

#validationbutton {
	text-decoration: none; 	
}


html, body{
  height:100%;
  /* background-color: #f8fcfe;
  background-color: #e8f5ff; */
  background-color: #e6e6e6;
}

.tabis {
	margin-top: 75px;	
}

a:hover {
	text-decoration: none;	
}

.navbar-inverse {
  background-color: #3c3c3c;
}
.navbar-brand {
  max-width: 255px;
  margin-top: 8px;
}

.navbar-inverse .navbar-nav>li>a.telefonlink {
	color: #fff;	
	margin-top: 15px;
}

.navbar-inverse .navbar-nav>li>a.telefonlink:hover {
	color: #fedd03;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}



#startbutton {
	/* font-weight: bold; */
	font-size: 22px;
  font-family: 'interstate-mono','Open Sans', sans-serif;
  text-transform: uppercase;
}
.btn-primary:active {
  color: #fedd03;
  background-color: #3c3c3c;
}
.btn-primary:active:focus {
  color: #fedd03;
  background-color: #3c3c3c;
}

.startadress {
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 40px;
}


/* STEp-NAVIGATION*/
.secondnavbar {
  background: #3c3c3c;
	
}


.secondnavbar .nav {
	margin-top: 10px;
}

.secondnavbar li a {
	text-align: left!important;	
	font-size: 16px;
	font-weight: 400;
}
 


.outertabs  .tab-pane {
	padding-top: 50px;

}


.form-horizontal .form-group {
  /*  margin-right: 0;
    margin-left: 0;
	*/
}

.form-group {
    position: relative;
}


.help-block {
	font-size: 16px;
	margin: 10px 0;	
	
}



/* Noch abstimmen */
.as {
	/* border: 1px dotted #f00;	 */
}



.clearleft {
	clear: left;	
}

table {
	background: #fedd03;
  color: #3c3c3c;

}

table.form-group {
	margin-left: 0!important;
	margin-right: 0!important;
}

.subtable thead th {
	text-align: center;
}

.subtable  td {
	/* text-align: center; */
}

.subtable th, .subtable td {
	padding: 1% 2%;	
}

tbody tr th {
	/* text-align: right;*/	
}


.popover{
    width: 200%!important;
	max-width: 200%!important;
}



/* HINTERGRUNDBILDER */
#step0 {
  /* background:url(../assets/SCHROTH-Luftfahrtformular_StartseiteBackground.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	
	min-height:900px;
}
#step1, #step2, #step3, #step4, #step5 {
  /*background:url(../assets/SCHROTH-Aviation-Himmel.png); */
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	background-color: #e6f1f6;
	background-color: #e8f5ff;
  background-color: #e6e6e6;
	
	
	

	/*min-height:900px; */
	
	margin-top: 65px;
	margin-top: 125px;
	
	padding-bottom: 200px;
}

/*
.radiorow {
	border: 1px solid red;
	
}

*/


.has-feedback .Message {
	border: 1px solid red;
	width: 100%;	
	
}


.has-feedback label~.form-control-feedback {
    top: 0!important;
}


.radioauswahl .row.radio input[type=radio] {
	position: relative;
	display: block;	
}


/*
.radio>label {
    display: block;
    min-height: 40px;
    padding-left: 40px;
    padding: 8px 5px 5px 40px;
    background: #fff;
    line-height: 1.29411765;
}

*/


.fieldset-wrapper {
    margin-left: 100px;
}
@media (max-width: 991px) {
	 .fieldset-wrapper {
		margin-left: 0;
	}
}


.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
	min-width: 100px;
}

h2 {
	font-size: 26px;	
		font-family: 'interstate-mono','Open Sans', sans-serif;
	margin-bottom: 20px;
  text-transform: uppercase;
}

h3 {
	font-size: 20px;	
		font-family: 'interstate-mono','Open Sans', sans-serif;
	margin-bottom: 20px;
  text-transform: uppercase;
}


legend {
	font-family: 'interstate-mono','Open Sans', sans-serif;	
  text-transform: uppercase;
}

hr {
    margin-top: 40px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}


/* CUSTOMISED STYLES */
.nav-pills>li>a {
    border-radius: 0;
 	color: #fff;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
  background-color: #666;
}
.nav-pills>li.active>a {
	text-shadow: none;	
	background-color: #fedd03;
  color: #3c3c3c;
}
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:active {
  background-color: #fedd03;
  color: #3c3c3c;
}
.nav-pills>li.disabled>a {
  text-shadow: none;
}

.form-control, .has-success .form-control {
    box-shadow: none;
    color: #4c4c4c;
    font-weight: bold;
    background: #fff;
	
    display: block;
    height: 40px;
    padding: 6px 12px;
    font-size: 16px;
	font-weight: 600;
    line-height: 1.42857143;
    border: 1px solid #8baeca;
    border-radius: 0;
	
	/*
	border-right: 0;
    border-bottom: 0;
	*/
	
	border-color: rgb(139, 174, 202);
	border-bottom-color: #eee;
	border-right-color: #eee;
}

.form-control:focus {
    box-shadow: none!important;
    outline: 2px solid #337ab7;;
}



.form-group.has-success {
	/* border: 1px solid red;	 */
}


.form-group.has-feedback .glyphicon-ok {
	display: none;
	visibility: hidden;	
	
}













legend {
    font-weight: normal;
    padding-top: 50px;
    font-size: 24px;
	font-size: 20px;
	font-weight: 600;
    border: 0;
	
	display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
	margin-top: 32px;
	line-height: inherit;
    color: #337ab7;
    color: #3c3c3c;
}


.btn-primary {

    /*max-width: 200px; */

    color: #3c3c3c;
    background: #fedd03;
    border: 0;
    border-radius: 0;
    text-align: center;


   /* font-size: 1em; */
	
	
}

.btn-primary:hover, .btn-primary:visited, .btn-primary:active,  .btn-primary:focus {
    background: #3c3c3c;
    color: #fedd03;
}

.form-horizontal  .control-label {
    text-align: left;
	font-family: 'interstate-mono','Open Sans', sans-serif;
text-transform: uppercase;
}



label {
	font-weight: 600;
}

.has-success .control-label {
	color: #3c3c3c;	
}



/* Checkboxes und Radio-Buttons formatieren */

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    /*position: absolute;  */

	float: left;
    margin-top: 4px;
    margin-left: 0;
	width: auto!important;
	border: none;
	 margin-right: .75em;
	 
	 border: 1px solid blue!important;
	 
	 display: inline-block;
	 
	 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}


.glyphicon-ok {
    color: #3c763d;
}


label.steuerlabel {
	margin: 0;
	padding: 0;
	min-height: 0;
	margin-top: 10px;
	
}

.subimg {
    display: block;
    font-size: 14px;
    margin-top: -15px;
    margin-left: 5px;
    margin-right: 10px;
    font-weight: 600;
    float: none;
    text-align: right;
    height: 30px;
	max-width:414px;
}



/* remove standard-styles 
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
*/

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em; 
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden; 
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}




/* Neue Styles für Radio und Checkboxen */
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 22px;
    height:22px;
    position: relative;
    top:4px;
    border: 1px solid #999;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#999;
  box-shadow: inset 0 0 0 4px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background: #1c4d77;
  box-shadow: inset 0 0 0 4px white;
  border: 1px solid #777;
}






.floatfix {
	float: none; 
	clear: both;	
}


/* HELP ICON*/
.help-icon {
    position: absolute;
    top: 0;
    left: 10px;
    height: 40px;
    width: 40px;
    color: #6379af;
    font-family: "Franklin Gothic Medium Std Web",Arial,sans-serif;
    text-align: center;
    font-size: 22px;
    line-height: 1.77272727;
    border-radius: 100%;
    border: 2px solid #6379af;
    cursor: help;
}

.form-group img {
	transition: all ease-in-out 0.9s;
	 box-shadow: 0 0 1px 0 rgba(0,0,0,0.15); 
	/*border:      1px solid #e8e8e8;*/
	margin-bottom: 15px;
}

/*
.form-group img:hover {
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.9);
	cursor: pointer;
	transition: all ease-in-out 0.9s;
}
*/


#alle25einblenden, #alle31einblenden, #alle44einblenden, #alle77einblenden, #alle44cbeinblenden  {
	font-size: 50px;
	line-height: 50px;
    background: #fedd03;
	border-radius: 50px;
	display:block;
	width: 50px;
	text-align:center;
	cursor:pointer;
	float: left;
		margin-right: 15px;
}

.alle25text, .alle31text, .alle44text, .alle77text {
	display: block; 

	line-height: 50px;	
}


#block142_143 {
	/* border: 1px solid red; */	
	
}

@media (min-width: 992px) {
.help-icon {
    top: 8px;
    height: 25px;
    width: 25px;
    font-size: 19px;
    line-height: 1.17647059;
}
}




#allwrap {
	border: 1px solid transparent;
}


.btn-info {
color: #3c3c3c;
    background-color: #fedd03;
	border: none;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  background-color: #3c3c3c;
  color: #fedd03;
}

.navbar-right li {
	color: #eee;	
	padding-top: 30px;
}

#allwrap > table {
	margin: auto auto;	
	border-color: #eee;
}


#allwrap.bestaet td{
	padding: 5px 20px;
	
}