/* Styles für das Front-End */


/* Padding, margin auf 0 setzen */
h1,h2,h3, p {margin:0;padding:0;} 


body {
	width: 100%;
	height: 100%;
	font-family: 'Droid Sans', Calibri, Arial, sans-serif;
	font-size: 0.9em; line-height: 1.25;
	background-color: #E8E8E8;}

.wrapper {
	position: relative;
	box-sizing:border-box; 
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 30px 5px 50px 55px;
	background-color: #fff;
	min-height:100vh;
	}

a:link, a:visited {color: #FF4451;}
a:hover {color: #AB2A4A;}
a:active {color: #AB2A4A;}


.logo {width: 250px; position: absolute; left: 900px;}

b {font-weight: bold;}

p, label {font-size: 1em; line-height: 1.4em;}
h1 {font-size: 2.3em; margin-bottom: 1.5em; font-weight: bold;}
h2 {font-size: 1.3em; ; font-weight: bold;}
h3 {font-size: 1em; text-align: left; ; font-weight: bold;}

/* Damit Scrollrädchen bei input number nicht angezeigt wird */

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; }

input[type=number] {
    -moz-appearance:textfield;
}


select, input[type="text"], input[type="number"] {
	color: #666;
	font-size: 0.9em;
	border: 1px solid #999;
	padding: 0 3px;
	height: 1.8em;
}

textarea {
	color: #333;
	font-size: 1em;
	border: 1px solid #999;
	padding: 6px;
	margin: 6px 0;
}




label {font-weight: bold;}

.tabel_inst {width: 950px; border-collapse: collapse;}
.tabel_inst td {border: 0px solid black}
.tabel_inst td {padding-bottom: 10px; vertical-align: middle;}
.tabel_inst td input[type="text"] {width: 250px; }
.tabel_inst td input[type="number"] {width: 250px; }
.tabel_inst td select {width: 260px; }

/* Damit Input von Selectizer sich bei der Eingabe nicht ändert */
.selectize-input {height: 27px !important; }
.selectize-dropdown {z-index:100 !important;}
.selectize-input .item {padding-top: 2px !important;}

.tabel_inst tr {height: 30px;}
.tabel_inst .tab_titel td {height: 15px; padding-top: 15px;padding-bottom: 5px;}



/* Tabelle formatieren */

/* Tabelle Lernende / Abschluesse */
.tabel_lernende {width: 350px;border-collapse: collapse;}
.tabel_lernende .abstand {width: 15px; }
.tabel_lernende tr {height: 36px;}

.tabel_lernende .tab_titel td {padding: 0 5px 0px 0; }
.tabel_lernende .tab_titel td {font-size: 0.73em; line-height: 1.4; vertical-align: bottom; text-align: center; font-weight: normal; }
.tabel_lernende .tab_titel td h3 {font-size: 15px; text-align: left;}

.tabel_lernende .tt1, .tabel_lernende .tt2  {height: 15px; vertical-align: top;}
.tabel_lernende .tt1 td, .tabel_lernende .tt2 td  {padding-bottom: 8px; vertical-align: top;}

.tabel_lernende .tab_input td {text-align: center; padding-right: 5px; vertical-align: middle;}
.tabel_lernende .tab_input .td_beruf {text-align: left; vertical-align: middle; width: 450px;}

.tabel_lernende td input[type="text"] {width: 25px; text-align: center;}
.tabel_lernende td input[type="number"] {width: 25px; text-align: center;}
.tabel_lernende td input[name="beruf"] {width: 250px; text-align: left;}
.tabel_lernende td select {width: 180px; }



/* Tabelle Berufe */

.tabel_berufe {width: 850px;border-collapse: collapse;}
.tabel_berufe .beruf {width: 300px;}
.tabel_berufe .abstand {width: 15px; background-color: #fff;}
.tabel_berufe tr {height: 36px;}

.tabel_berufe td {border: 0px solid #999; }

.tabel_berufe .tab_titel td {padding: 0 5px 0px 0; }
.tabel_berufe .tab_titel td {font-size: 0.73em; line-height: 1.2; vertical-align: bottom; text-align: center; font-weight: normal; }
.tabel_berufe .tab_titel td h3 {font-size: 15px; text-align: left;}

.tabel_berufe .tt1, .tabel_berufe .tt2  {height: 15px;}
.tabel_berufe .tt1 td, .tabel_berufe .tt3 td  {padding-bottom: 8px;}

.tabel_berufe .tab_input td {text-align: center; padding-right: 5px; vertical-align: middle;}
.tabel_berufe .tab_input .td_beruf {text-align: left; vertical-align: middle; width: 450px;}

.tabel_berufe td input[type="text"] {width: 25px; text-align: center;}
.tabel_berufe td input[type="number"] {width: 25px; text-align: center;}
.tabel_berufe td input[name="beruf"] {width: 250px; text-align: left;}
.tabel_berufe td select {width: 260px; }


.tabel_berufe label {display: none;}


/* ========= NEU Cuno Mai 2020 =========== */
.input_beruf {width: 460px;}
.input_abschluss {width: 80px;}



/* Linien bei der Kontroll-Tabelle */
.tab_linie {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.tab_total {font-weight: bold; color: #999;}


/* Zumm Error-Meldungen positionieren */

td {position: relative;}

.error {
	font-size: 0.8em; color: #f00; padding-top: 3px; position: absolute; text-align: left;
	float:left; z-index: 50;
	}
/* Fehlermeldung oben */
.error_main {font-size: 1.05em; color: #f00; }

.warning {
	font-weight: bold; color: #f00; 
	}

.errnumb {font-size: 0.7em; width: 90px; margin-top: 3px; margin-bottom: 10px;text-align: center; background-color: white;}


/* ========= Zeilen einfügen - Zeilen Löschen ============== */

.add-new-line img, .del-line img  {opacity: 0.7;}
.add-new-line:hover img, .del-line:hover img {opacity: 1;}

/* del-line-symbol nach unten verschieben */
.del-line img {margin-top: 5px;}

/* Erste Zeile kein del-line-Icon */
#row0 .del-line {display: none;}

/* ============= Sprach-Navi =========== */
#sprach-navig {position: absolute; right: 65px; width: 50px; font-size: 80%; top: 75px;}
.lang-fr .spr-fr {color: #000; text-decoration: none; }
.lang-de .spr-de {color: #000; text-decoration: none; }


/* Diverses */
#impressum {font-size: 80%; }