/* Ab hier Header! 
=============================================================================*/

.form-control.alert-danger::-moz-placeholder {
	color: red;
}

.form-control.alert-danger::placeholder {
	color: red;
}

.form-control.alert-danger:-ms-input-placeholder {
	color: red;
}

.form-control.alert-danger::-ms-input-placeholder {
	color: red;
}


.spinner {
	display:none;
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: rgba( 255, 255, 255, .8 ) url('./img/gifs/ofs_spinner.gif') 50% 50% no-repeat;
}



#success_message {
	display: none;
}

/* Farbe und Position des Headers */
.header {
	border-bottom: 2px solid #105b7f;
	background-color: #1b98d5;
	width: 100%;
}

.schatten {
	-moz-box-shadow: 3px 3px 20px #a0a0a0; /* Firefox */
	-webkit-box-shadow: 3px 3px 4px #a0a0a0; /* Chrome, Safari */
	-khtml-box-shadow: 3px 3px 4px #a0a0a0; /* Konqueror */
	box-shadow: 2px 3px 10px #a0a0a0; /* CSS3 */
}

/* Button Größe */
.small-sun {
	/* overflow: hidden; */
	width: auto;
	padding-top: 9px;
}

.kindl-logo {
	/* overflow: hidden; */
	width: auto;
	padding-top: 6px;
}

/* Logo Ausrichtung */
.logo {
	display: block;
	height: 50px;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
	padding-top: 11px;
}

/* Logo Größe */
.logo img {
	max-height: 30px;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}

.referatslogo img {
	max-height: 50px;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}
.subRefLogo {
	width: 100%;
}

/* Ausblendung des rechten Logos */
.mask-right-image {
	display: none;
}

/* Sonnenlogo der Stadt */
@media screen and (min-width: 768px) {
	.header-inhalt .wrap-inner {
		background: url("./img/index.png") no-repeat scroll 4em bottom/auto 92%
			rgba(0, 0, 0, 0);
	}
}

@media screen and (min-width: 768px) {
	.header-inhalt .wrap-inner {
		background-position: 1em bottom;
		padding: 10px 10px 10px 125px;
	}
	.logo {
		display: inline-block;
		float: left;
		padding: 15px;
		text-align: left;
	}
	.mask-right-image {
		display: block;
		float: right;
	}
}

@media only screen and (min-width: 768px) {
	.show-not {
		display: none !important;
	}
}

@media only screen and (max-width: 480px) {
	.show-small {
		display: none !important;
	}
}

/* Neuer Header Ende
================================  */
@media screen {
	.only-print {
		display: none;
	}
	body {
		padding-top: 90px;
		font-family: Arial, Helvetica, sans-serif, Courier New, serif,
			Times New Roman;
		background-color: #fff;
	}

	/* Text Formatierungen */
	.zaehlen:hover, .zaehlen:focus, .zaehlen {
		border: none;
		background-color: transparent;
		padding: 0;
		margin: 0;
		margin-right: -16px;
		color: #2E2E2E;
		font-weight: normal;
		margin-top: 3px;
		box-shadow: none;
		width: 47px;
	}
	.rot {
		color: #ff0000;
	}
	h3 {
		color: #000;
	}
	h4 {
		color: #000;
	}
	h5 {
		color: #444;
		font-size: 1.2em;
	}
	h6 {
		color: #444;
		font-size: 1em;
	}
	h7 {
		font-size: 1em;
	}
	.fett {
		font-weight: bold;
		border: 0;
	}
	.normal {
		font-weight: normal;
		border: 0;
	}
	.middle {
		vertical-align: middle;
	}
	.color-black {
		color: #000 !important;
		text-decoration: underline;
	}
	.align-center {
		text-align: center !important;
	}
	.zweispaltig {
		position: relative;
		padding-right: 0px;
		paddingl-left: 0px;
		width: 100%;
	}
	.col-xxs-12, .col-xxs-12, .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 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxs-12 {
		float: left;
	}
	.col-xxs-12 {
		width: 100%;
	}
	.col-xxs-6 {
		float: left;
	}
	.col-xxs-6 {
		width: 50%;
	}
	.payimages {
		margin-left: 2%;
		width: 98.333px;
		height: 52.033px;
		margin-top: 10px;
	}
	.subRefLogo {
			width: 20%;
		}
	.payimage_lastschrift {
		margin-left: 2%;
		width: 102.867px;
		height: 56.633px;
		margin-top: 10px;
	}
	@media ( min-width : 480px) {
		.zweispaltig {
			padding-right: 0px;
			paddingl-left: 0px;
			float: left;
			width: 50%;
		}
		.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
			.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
			float: left;
		}
		.col-xs-12 {
			width: 100%;
		}
		.col-xs-11 {
			width: 91.66666667%;
		}
		.col-xs-10 {
			width: 83.33333333%;
		}
		.col-xs-9 {
			width: 75%;
		}
		.col-xs-8 {
			width: 66.66666667%;
		}
		.col-xs-7 {
			width: 58.33333333%;
		}
		.col-xs-6 {
			width: 50%;
		}
		.col-xs-5 {
			width: 41.66666667%;
		}
		.col-xs-4 {
			width: 33.33333333%;
		}
		.col-xs-3 {
			width: 25%;
		}
		.col-xs-2 {
			width: 16.66666667%;
		}
		.col-xs-1 {
			width: 8.33333333%;
		}
		.payimages {
			margin-left: 2%;
			width: 158.567px;
			height: 110.983px;
			margin-bottom: 20px;
			margin-top: 10px;
		}
		.subRefLogo {
			width: 40%;
		}
		.payimage_lastschrift {
			margin-left: 2%;
			width: 186.5px;
			height: 127.533px
		}
	}
}

@media ( min-width : 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
		.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.payimages {
		margin-left: 2%;
		width: 118.567px;
		height: 82.9833px;
		margin-top: 10px;
	}
	.subRefLogo {
		width: 60%;
}
	.payimage_lastschrift {
		margin-left: 2%;
		width: 146.5px;
		height: 100.183px;
		margin-top: 10px;
	}
}

@media ( min-width : 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
		.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.payimages {
		margin-left: 2%;
		width: 153.85px;
		height: 107.683px;
		margin-top: 10px;
	}
	.subRefLogo {
		width: 80%;
}
	.payimage_lastschrift {
		margin-left: 2%;
		width: 173.4px;
		height: 118.567px;
		margin-top: 10px;
	}
}

@media
(
min-width
:
1200px)
{
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}

.col-lg-12 {
	width: 100%;
}

.col-lg-11 {
	width: 91.66666667%;
}

.col-lg-10 {
	width: 83.33333333%;
}

.col-lg-9 {
	width: 75%;
}

.col-lg-8 {
	width: 66.66666667%;
}

.col-lg-7 {
	width: 58.33333333%;
}

.col-lg-6 {
	width: 50%;
}

.col-lg-5 {
	width: 41.66666667%;
}

.col-lg-4 {
	width: 33.33333333%;
}

.col-lg-3 {
	width: 25%;
}

.col-lg-2 {
	width: 16.66666667%;
}

.col-lg-1 {
	width: 8.33333333%;
}

.payimages {
	margin-left: 2%;
	width: 171.95px;
	height: 114.35px;
	margin-top: 10px;
}
.subRefLogo {
	width: 90%;
}
.payimage_lastschrift {
	margin-left: 2%;
	width: 200px;
	height: 130.433px;
	margin-top: 10px;
}

}
}

/* Bezahlsymbole 
================================*/
.payimage-selector input {
	position: absolute;
	z-index: 999;
}

.giropay {
	background-image: url(../img/Giropay.svg);
}

.rechnung {
	background-image: url(../img/Rechnung.svg);
}

.kreditkarte {
	background-image: url(../img/Kreditkarte.svg);
}

.lastschrift {
	background-image: url(../img/Lastschrift_ohne_Stift.svg);
	/*background-image: url(../img/Lastschrift.svg);*/
}

.payimage-selector input:active+.payimage-label, .payimage-selector input:active+.payimage-label
	{
	opacity: .9;
}

.payimage-selector input:checked+.payimage-label, .payimage-selector input:checked+.payimage-label,
	.payimage-label:hover {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
	/*filter: url(filters.svg#brightness); /* Firefox 3.5+ */
	/*border-top: 5px solid #fff;*/
	/*transform:scale(0.8);*/
	/*-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		-webkit-transform: translate(20px,-50px);*/
	/*opacity: 0.4;*/
	opacity: 1;
}

.payimage-label {
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	/*-webkit-filter: brightness(1.2) opacity(.8);
		-moz-filter: brightness(1.2) opacity(.8);				
		filter: brightness(1.2) opacity(.8);*/
	opacity: 0.15;
}

.payimage-selector input[type="radio"] {
	display: none;
}

}

/* Fieldset */
label {
	font-size: 1em;
	color: #000;
}

.labelnormal {
	font-weight: normal;
}

.labelclass {
	display: inline-block;
	padding-left: 10px;
	vertical-align: top;
}

fieldset {
	border: none;
	border-radius: 6px;
	background: #f0f0f0;
	margin-bottom: 40px;
	float: none;
}

legend {
	padding: 10px 25px;
	background-color: #1b98d5;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
	border: none;
	border-bottom: 6px solid #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	margin-bottom: 0%;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid grey;
}

/* Tabelle */
table {
	width: 100%;
	border-style: none;
	border-collapse: separate;
}

/*Wiesn-Tagesmeldung für den oberen Datetimepicker, damit der datetimepicker widget nicht overlapped*/
.table-overflow-allowed {
	border: none;
	overflow-x: inherit;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: 2px solid #d8d8d8;
	vertical-align: middle !important;
}

.table-main {
	padding: 25px;
}

.table-responsive {
	border: none;
}

.table-class {
	padding: 3%;
	margin-bottom: 0px;
	border-top: 0px solid #ddd;
}

.voll {
	width: 100%;
	height: 100%;
}

.form-control-auto {
	width: auto;
	display: inline-block;
	margin-left: 3%;
}

.form-control-white {
	background-color: #fff !important;
	display: inline-block;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

/* Info Link Modal
	==================================================== */
.btn-link {
	color: #979797;
}

.glyphicon-globe {
	color: #979797;
}

.modal-title {
	color: #333333;
	font-size: 1.15em;
	font-weight: bold;
}

.modal-body
 
p {
	font-size: 16px;
}

/* Sonstiges */
.bobo {
	margin-bottom: 28px;
	border-bottom: 6px solid #d8d8d8;
}

.responsive-fieldset {
	display: table;
	width: 100%;
}

.input-group-addon {
	cursor: pointer;
}

.submitbutton {
	width: auto;
	padding: 6px 36px;
	margin-bottom: 20px;
	height: 35px;
	color: #000;
	background-color: #ffe900;
	border: none;
	border-radius: 6px;
	text-decoration: bold;
	cursor: pointer;
}

.uploadbutton {
	width: 140px;
	height: 35px;
	background-color: #1b98d5;
	border: none;
	border-radius: 6px;
	text-decoration: bold;
	cursor: pointer;
}

.file-upload-text {
	padding-top: 7px;
	margin-bottom: 25px;
}

button.wiesn_remove {
    background: url("../img/png/red_cross_14px.png") no-repeat;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border: none;
    vertical-align: middle;
}
.background-file-text {
	background-color: #fff;
	padding: 9px 12px;
	border-radius: 6px;
	border: 1px solid #ccc;
}

.unterschrift {
	padding-top: 30px;
}

/* Breite */
.zehn0 {
	width: 10%
}

.fuenf0 {
	width: 50%
}

.vier0 {
	width: 40%
}

.hide-label {
	display: inline-block;
}

@media screen and (max-width: 480px) {
	.submitbutton {
		width: 100%;
	}
	.uploadbutton {
		width: 100%;
	}
	.zehn0 {
		width: 15%
	}
	.fuenf0 {
		width: 0%
	}
	.vier0 {
		width: 85%
	}
	.hide-label {
		display: none;
	}
}

/* Abstände */
.abstand-rechts {
	margin-right: 5px;
}

.abstand5 {
	margin-left: 5px;
}

.abstand10 {
	margin-left: 10px;
}

.abstand20 {
	margin-left: 20px;
}

.abstand25 {
	margin-left: 25px;
}

.abstand30 {
	margin-left: 30px;
}

.abstand40 {
	margin-left: 40px;
}

.abstand50 {
	margin-left: 50px;
}

.abstand80 {
	margin-left: 80px;
}

.abstand110 {
	margin-left: 110px;
}

.abstand120 {
	margin-left: 120px;
}

.abstand160 {
	margin-left: 160px;
}

/* Bootstrap-Formatierungen */
/* input {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
} */

.checkbox {
	margin-top: 0px !important;
}

input[type="checkbox"] {
	margin: 0px 0px 0px 0px !important;
	vertical-align: middle !important;
}

/*textarea {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	margin-bottom: 10px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
} */

input[type="radio"], input[type="checkbox"] {
	border: none;
	background-color: #eeeeee;
	height: 15px;
	width: 15px;
	margin: 0px 2px 0px 2px;
	cursor: pointer;
}

/* Für die disabled Felder der zusammenfassenden Seite */
input[type='text'][disabled='disabled'], input[type='password'][disabled='disabled'],
	input[type='file'][disabled='disabled'], textarea[disabled='disabled'],
	select[disabled='disabled'] {
	background: #f4f4f4;
	border: #f4f4f4 1px solid;
	color: #000000;
	cursor: default;
	position: relative;
	top: -4px;
}

input[type='checkbox'][readonly='readonly'][checked='checked'] {
	position: absolute;
	left: -999em;
}

/* File upload */
.file-upload {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-color: transparent;
	color: transparent;
	cursor: pointer;
}

.btn-upload {
	background-color: #ffe900; 
	color: #000;
	border: none;
	font-size: 14px;
	padding: 5px 20px;
	margin: 0px 20px;
}

/* Tabs 
	==================================================== */
.tabs {
	/* max-width: 100%; */
	/* float: none; */
	list-style: none;
}
/* .tabs-narrow {
		display: none !important;
	}	 */
.tabs:after {
	content: '';
	display: table;
	clear: both;
}

.tabs-block {
	display: inline-block;
	width: 33.333%;
	margin-bottom: 30px;
}

.two-tabs-block {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 30px;
}

.tabs2 input[type=radio] {
	display: none;
}

.tabs {
	padding: 10px 0px;
	float: none;
	width: 100%;
	color: #d4d4d4;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	cursor: default;
	border-bottom: 4px solid #d4d4d4;
	border-top: 4px solid #d4d4d4;
	background: #fff;
}

.tabs2 {
	padding: 10px 0px;
	float: none;
	width: 100%;
	color: #d4d4d4;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	cursor: default;
	/*border-bottom: 4px solid #d4d4d4;*/
	/*border-top: 4px solid #d4d4d4;*/
	background: #fff;
}

/* .tabs label:hover {
		color: #3498db;
		border-top: 4px solid #1b98d5;
		border-bottom: 4px solid #1b98d5;
		
	} */
.tabs-checked {
	padding: 10px 0px;
	float: none;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	cursor: default;
	background: #fff;
	/* box-shadow: inset 0 4px #3498db; */
	border-top: 4px solid #1b98d5;
	border-bottom: 4px solid #1b98d5;
	color: #1b98d5;
}

/*damit das Geburtsdatums in der Summary in einer Zeile steht*/
#hinweise_gewerberegisterauskunft ~ form #datepicker2_geb_dat,
#hinweise_gewerberegisterauskunft ~ form #datepicker2_gebdatum2,
#hinweise_gewerberegisterauskunft ~ form #datepicker2_gd1,
#hinweise_gewerberegisterauskunft ~ form label[for="gd1"],
#hinweise_gewerberegisterauskunft ~ form label[for="geb_dat"],
#hinweise_gewerberegisterauskunft ~ form label[for="gebdatum2"] {
float: left;
}

/*Zum Ausblenden eines Elements auf der Gewerberegister Zusammenfassungsseite*/
#hinweise_gewerberegisterauskunft ~ form .radio-info {
	display: none;
}
/*damit es nur auf der Summary Seite ausgeblendet ist*/ 
#summary ~ form .radio-info {
	display: block;
}

/* Damit auf der Summary Seite bei Gewerberegister die Hausnummer in einer Zeile ist*/
#hinweise_gewerberegisterauskunft ~ form #cont_adresse_strasse #hausnr_div_col { padding: 0;}
/*wenn es keine summary seite ist den Ausgangszustand wiederherstellen*/
#summary ~ form #cont_adresse_strasse #hausnr_div_col { padding: 0 15px;}

@media ( max-width : 800px) {
	.tabs-block {
		display: block;
		float: clear;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/*Damit im Hinweistext des Briefwahlformulars die Gesetznummer als ein ganzes Element umgebrochen wird*/
@media only screen and (min-width: 1200px ) {
	.wahlgesetz { display: block; }
}

@media screen and (min-width:592px) and (max-width: 674px) {
	.wahlgesetz { display: block; }
}

@media screen and (min-width:412px) and (max-width: 446px) {
	.wahlgesetz { display: block; }
}

@media screen and (min-width:336px) and (max-width: 375px) {
	.wahlgesetz { display: block; }
}

/* Media Print
=========================================================================================== */
@media print {
	.page-break { 
		height:0; 
		page-break-before:always; 
		margin:0; 
		border-top:none;
	}
	.page{
		height:500px;
		padding-top:5px;
		page-break-after : always;   
		font-family: Arial, Helvetica, sans-serif;
		position:relative;
	    
	}
  body {
		margin-left:2em; 
		margin-right:2em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #fff;
	}
	.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0px;
  line-height: 1.0;
  vertical-align: top;
  border-top: 0px solid #ddd;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0px;
}
  
.navbar-fixed-top, .header, .container-fluid, .btn-upload, .alert-info, .no_mobile{
	display:none;
}
  hr {
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0px solid grey;
	
}
	/*Versteckt die Placeholdertexte f�r die Druckversion in allen g�ngigen Browsern*/
	::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

    textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }
	
	input[type='text'][disabled='disabled'], input[type='password'][disabled='disabled'],
	input[type='file'][disabled='disabled'], textarea[disabled='disabled'],
	select[disabled='disabled'] {
		background: #fff;
		/*border: #f4f4f4 1px solid;*/
		color: #000000;
		cursor: default;
		position: relative;
		top: -1px;
	}
		
		/*file display none*/
		input[type='file']
		{
			display:none;
		}
		
		/*zaehlen border ausblenden*/
		.zaehlen{
			border:none;
			background-color: transparent;
			width: 25px;
		}
	
	h1,h2,h3,h4,h5,h6 { 
		page-break-after: avoid; 
	}
	a[href]:after { 
		/*content:" <"attr(href)">"; 
		background-color: inherit;
		color: #369; 
		font-style: italic;*/
		display:none;
	}
	#container:after {
content: "\ Alle Rechte vorbehalten. (c) 2017 Landeshauptstadt M�nchen, www.muenchen.de";
color: #999 !important;
font-size: 0.8em;
border-top: 1px solid #999;
}
pre, blockquote {
    page-break-inside: auto;
  }

	
	.radio-info input[type="radio"]+label::after {
		background-color: #000;
	}
	.radio-info input[type="radio"]:checked+label::before {
		border-color: #000;
	}
	.radio-info input[type="radio"]:checked+label::after {
		background-color: #000;
	}
	.print-not {
		display: none;
	}
	.rot {
		display: none;
	}
	
	h1 {
		font-size: 40pt;
		margin-left: -32px;
	}

	h3 {
		font-size: 1.2em;
		font-weight: bold;
		margin-left: -30px;
	}
	label {
      display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 13px;
}
.form-control {
	margin-bottom: 5px;
	margin-top: 5px;
	height: 23px;
	font-size: 13pt;
	border: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	fieldset {
	border: none;
	border-radius: 0px;
	background: #f0f0f0;
	margin-bottom: 0px;
	float: none;
}

legend {
	padding-top: 1px;
	padding-left:0px;
	margin-left:-14px;
	background-color: #1b98d5;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1em;
	border: none;
	border-bottom: 0px solid #fff;
	color: #fff;
	margin-bottom: 1px;
	margin-top: 100px;
}
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: 0px solid #d8d8d8;
	vertical-align: middle !important;
}

.table-main {
	padding: 0px;
	
}
.input { border-style: none; display: inline}

label[for=datenschutz]
{
    display:none;
}
	/*h5, legend{
		display:none;
	}*/
	.form-group {
		/*display:none;*/
		margin-bottom: 0px;
	    margin-top: 0px;
	    padding: 0px 0px 0px 0px;
	 }
	.form-control::-moz-placeholder {
		color: #fff;
	}
	.form-control:-ms-input-placeholder {
		color: #fff;
	}
	.form-control::-webkit-input-placeholder {
		color: #fff;
	}
	.dropdown-toggle {
		border: 0px;
	}
	.input-group-addon {
		display: none;
	}
	.btn {
		font-size: 13pt;
		padding-left:0px;
		margin-top: -3px;
		margin-bottom: px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.bs-caret {
		display: none;
	}
	.glyphicon {
		display: none;
	}
	.unterschrift {
		padding-top: 30px;
	}
	.unterschrift-input {
		height: 60px;
		background-color: #f4f4f4 !important;
	}
	input[type="checkbox"] {
		display: none;
	}
	.header-print {
		page-break-after: avoid;
		/*background-color: #f0f0f0 !important;*/
		padding: 0px 10px 0px 5px;
		/*height: 120px;*/
	}
	.logo-print {
		page-break-after: avoid;
		height: 45px;
		width: auto;
		padding-top: 0px;
		vertical-align: center;
	}

	.form-control::-webkit-input-placeholder { /* WebKit browsers */
		color: transparent;
   }
   .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: transparent;
   }
   .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: transparent;
   }
   .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: transparent;
   }
   .form-control::placeholder {
		color: transparent;
   }

 /*Print CSS für Formular Bescheinigungen_abh*/
 .table-main h1 { font-size: 18px; }
 .table-main h4 { font-size: 10px; margin-left: -20px; }
 #datepicker2_geb_dat, #datepicker2_gebdatum2 { float: left; }
 #hinweise_gewerberegisterauskunft ~ form .responsive-fieldset {margin: 0 0 15px 0; font-size: 12px;}
 #hinweise_gewerberegisterauskunft ~ form .responsive-fieldset:nth-child(4) label { font-size: 12px; margin-right: 5px; }
 #hinweise_gewerberegisterauskunft ~ form .responsive-fieldset:nth-child(5) label { font-size: 12px; }
 #hinweise_gewerberegisterauskunft ~ form legend { font-size: 14px; }
 #hinweise_gewerberegisterauskunft ~ form .form-group { display: block; width: 100%; }
 #hinweise_gewerberegisterauskunft ~ form .form-group label { width: 355px; font-size: 12px; float: left; }
 	/*soll nur für Firefox angewendet werden da sich die Abstände von Chrome und firefox unterscheiden*/
 	@-moz-document url-prefix() {
		#hinweise_gewerberegisterauskunft ~ form { margin-top: -160px;}
		#hinweise_gewerberegisterauskunft ~ form .responsive-fieldset { margin: 0 0 -60px 0; font-size: 12px;}
	}
 }
 
 @media only screen and (max-width: 600px) {
#submit_table .submitbutton.pull-right {
margin-bottom: 70px;
}