@charset "UTF-8";
/* CSS Document */

/* TEXT Styles */

h2,h3,h4,h5,h6,td,tr,font,div,p,body,html,input, button {
	font-family: 'Lato',sans-serif !important;
	font-size: 14px;
	color: black;
}

body {
	background-color: white;
}

sub, sup {
  line-height: 0px;
  font-size: 80%;
}

a {
	text-decoration: none; 
	color: #253269; 
}
a:visited {
	text-decoration: none; 
	color: #005572; 
}

a:hover {
	text-decoration: underline; 
	color: #8e6565; 
}

.footer_small {
	font-size:9px;
	color:#515151;
	vertical-align: middle;
}

/* Header */

#page_header {
/*	position:relative;

	height:79px;
	width:828px;
	padding: 5px;
	background-image:url(css_color_graphics/dankgreenblue/header_round.jpg);
	background-repeat:no-repeat;
	*/
}

#page_logo {
	position:relative;
	float:left;
	left:12px;
	top:10px;
	width:100px;
}

#page_title, #page_desc { 
	font-size:14px;
	position:relative;
	left:50px;
	width:680px;
	height:auto;
}



/* Section */

.section { 
	font-size:12px;
	color:#515151;
	position:relative;
	width: 100%;
	height:auto;
}


/* Titelleiste */
.SEC_title {
	margin-bottom:1em;
	width:680;
}

.SECTITLE_content {
	line-height: 40px;
	font-size: 18px;
	background-color: #e7e7e7;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: normal;
	color: black;
}

.section p {
	padding: 0 20px;
}

table.payment {
	padding: 0 20px;
}

table.payment td {
	padding: 5px 10px;
}

.SECTITLE_content b {
	font-weight: normal !important;
}
	

/* Inhalt / Formular Felder */

.line {
	position:relative;
	width:700px;

	height:3px;
	background-image:url(css_color_graphics/dankgreenblue/line.jpg);
	background-repeat:no-repeat;
	margin:20px 0px 20px 0px;
}

.SEC_content {
	padding-top:5px;
	padding-bottom:5px;
}

.smallfield {
	float:left;
	margin: 7px 3px 0 0;
}

select {
	background-color: #f3f3f3;
	border: 1px solid #e5e5e5 !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	width: 445px;
	height: 30px;
	font-size: 13px;
	padding: 3px;
}

input {
	background-color: #f3f3f3;
	border: 1px solid #e5e5e5 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-size: 14px;
	margin: 0px;
	line-height: 22px;
	height: 22px;
	padding: 1px;
}

input.rad {
	position:relative;
	border:none 0px;
	margin:5px !important;
	vertical-align: middle;
	font-size:14px;
	height: 14px;
	margin-left: 0px;
}

input.smallrad {
	position:relative;
	vertical-align: middle;
	font-size:12px;
	height: 20px;
}

.errortext { 
	color:#a80316; 
	font-family: 'Lato',sans-serif !important;
	font-size: 12px;
}

.standardtext {
	color:#515151;
	font-family: 'Lato',sans-serif !important;
	font-size: 14px;
}

.fulltext { 
	color:#515151; 
	text-align:left; 
	padding:5px;
}

errortext {
	width:200px;
	text-align:left;
	float:right;
	vertical-align: middle;
	padding:0px 0px 0px 0px;
	color:#a80316;
}

<!--muss weg, wenn alle fields in tables verbaut sind: #activated2 > .SEC_content > .highlight label,--> #activated2 > .SEC_content > .highlight .labeltext {
	width: 175px;
	padding-left: 20px;
}

label, .labeltext {
	font-weight: bold;
	text-align: left;
}


/+
tr > td {
	padding-bottom: 1em !important;
}
+/
.labeltext + td{
	width: 480px;
	padding-left: 0px;
	text-align: left;
	margin-bottom: 10px;
}

.standardtext input[type=TEXT]{
	width: 440px;
}


.labeltext + td + td{
	width: 0px;
	text-align: left;
	margin-bottom: 10px;
}

.labeltext + td + td + td{
	width: 0px;
	text-align: left;
	margin-bottom: 10px;
}

label.UPPERlabel{
	width: auto !important;
	padding-left: 10px !important;
}

.instructions {
	position:relative;
	padding-left: 20px;
}

.highlight {
<!-- 	margin: 0 0 0.5em 0; -->
	clear: both;
	font-size: 11px;
}

.highlight:first-line {
	line-height: 5px;
	font-size: 14px;
}

.text_warning:first-line {
	color: red;
}

.highlight label:first-line, .highlight label span {
<!-- 	line-height: 0px; -->
	font-size: 14px;
	font-weight: bold;
}

.description_text {
	font-size: 11px !important;
	font-weight: normal !important;
	padding-left: 5px;
	position: fixed;
}

.highlight br {
	line-height: 22px;
}

.highlight label:first-line {
	line-height: 28px;
}

.highlight input {
	line-height: 22px;
	height: 22px;
}

.highlight input.standardtext {
	width: 440px;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

.submissionresults table {
	width: 100%;
	border: none;
}

.submissionresults table tbody tr td:first-child {
	width: 25%;
	border: none;
}

input[type=submit], input[type=reset], input[type=button]{
	background: url(/omnis/AHS/global/images/bni_submit.jpg);
	
	width:auto;
	background-size: 130% 100%;
	
	padding-left: 5px;
	padding-right: 5px;
	height: 38px;
	text-transform: uppercase;
	border: none !important;
	color: white;
	font-weight: bold;
}

/* <!-- Um das Padding der leeren Headline zu kompensieren.
Diese leere Headline wird von den Generic Fields immer zwanghaft an deren Anfang generiert.
Allerdings benutzen wir die Generic Fields am BNITM als Erweiterung des Formulars.
Somit ist eine Headline (mitten im Formular) unerwünscht. --> */
div#activated3 {
	margin-left: 20px;
}

div#activated3 td {
    float: left;
}

div#activated3 .labeltext {
	width: 175px;
	min-height: 48px;
	display: inline-block;
}

div#activated3 .labeltext #text {
	vertical-align: middle;
}

/* Damit die Generic fields auch alignen, selbst ohne Labeltext */
.SEC_content > table > tbody > tr > td:nth-child(1) {
    width: 175px !important;
    padding-left: 20px;
    text-align: left;
}

.SEC_content > table > tbody > tr > td:nth-child(2) {
    width: 440px !important;
    padding-top: 0px !important;
}

.SEC_content > table > tbody > tr > td:nth-child(2) label {
    display: none !important;
}

.SEC_content > table > tbody > tr > td:nth-child(2) textarea {
    width: 100%;
    font-family: 'Lato', Sans-Serif;
    font-size: 14px;
}

td.standardtext {
	float: left;
	width: auto;
	border: none;
}

.alignedtext {
padding-left: 20px;
}

.note {
	width: 444px;
	border-top: 1px solid #ccc;
	margin: 20px 0 20px 195px;
	padding: 10px 0 0 5px;
}

.mandatoryinfo {
	width: 650px;
	margin-left: 20px;
	border-collapse: collapse;
	border: none;
	padding: none;
}

.mandatoryinfo tr td:nth-of-type(1) {
	width: 175px;
}

<!-- Mieser Quick fix: Letzte tr der Resultspage ausblenden, weil dort sonst "AHS_PreviewSubmitAbstarct" steht. DS -->

.submissionresults tr:last-of-type {
	display: none;
}

/* Responsive & Mobile Devices */
@media only screen and (max-width : 700px) {

html, body {
	width:100%;
	height: 100%;
}

    table, tbody, td {
        display:flex;
        flex-flow: column;
        }
			
    #page_title, #page_desc, .SEC_title, .line, #activated2 > .SEC_content > .highlight .labeltext, .labeltext + td, .standardtext input[type=TEXT], div#activated3 .labeltext, .SEC_content > table > tbody > tr > td:nth-child(1), .SEC_content > table > tbody > tr > td:nth-child(2), .mandatoryinfo tr td:nth-of-type(1) {
        width:auto !important;
        }
		
			
label, .labeltext
{
padding-left: 10px;
}

#TABLEROW_datenschutz .standardtext{
  display: inline-block;
}

#TABLEROW_Berufsgruppe > td, #TABLEROW_EinsatzGeplant > td 
{
display:unset;
}

.SECTITLE_content {
word-break: break-word;
}


div#activated3 .labeltext{
width: auto; 
min-height: unset; }


.SEC_content > table > tbody > tr > td:nth-child(1) {
	padding-left: 0px ;

}


.note, .mandatoryinfo {

       width: 100% ;
       margin: 0px;}

select {width: 80vw ;}

input {max-width: 70vw; }

}
/* End - Responsive design */