* {
	box-sizing: border-box;
}

body, html { 
	margin:0; 
	padding:0; 
	width:100%; 
    background-color: rgb(233, 233, 233);
    font-family: arial, verdana, sans-serif;
     overflow: auto; 
}

body {
    padding-top: 2em;
}

a {
    text-decoration: none;
    color: #24427d;
}

a:hover {
    color: #245ece;
}

.legende {
    margin-bottom: 1em;
}

.tmp-artikel-veranstaltung-hinzufuegen {
    flex: 0 1 49%;
    border-right: 1px solid #efefef;
    margin-right: 7em;
}

.tmp-artikel-veranstaltung-edit {
    margin-top: 2em;
}

.hinzugefuegt_von {
    margin-top: 2em;
    color: #999;
}

.hinzugefuegt_von a {
    color: #999;
}

.checkall {
	cursor: pointer;
}

.grau {
    background: #efefef;
}

.abstand_2 {
	margin-bottom: 2em;
}

.right_05 {
    margin-right: 0.5em;
}

.success {
    background: #abc3ab;
    padding: 1em;
    margin-bottom: 1em;
}

.top-nav {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 1em 1em 1em 0em;
}

a.active {
    font-weight: bold;
    color: #000;
}

.top-nav ul {
	list-style: none
}

.top-nav ul li {
	display: inline-block;
    margin-left: 1em;	
}

.top-nav ul li:first-child {
    margin-left: 0em;	
}

.loginError {
    background: #efc5c5;
    margin: 0.5em 2.3em 0em 2.3em;
    padding: .5em .5em .5em 1.2em;
    color: #232323;
}

.login {
	width:30em; 
	height:auto; 
	position:absolute; 
	top:50%; 
	left:50%; 
	transform:translateX(-50%) translateY(-50%); 
	background:#fff;
    padding: 2em;
}

.login img {
    max-width: 45%;
    height: auto;
}   

.login figure {
    margin-bottom: 4em;
        margin-left: 60px;
}

.login figcaption {
    position: absolute;
    top: 5.9em;
    color: #bfbfbf;
    left: 19em;
    font-weight: bold;
    font-size: 1.1em;
}

.login form {
}

.login form input { 
	margin:4% 10% 0 10%; 
	width:80%; 
	padding:5%; 
	display:block; 
	border:none; 
	border:1px solid #dadada; 
}

.login input:focus { 
	outline:none; 
	background-size:100% 100%;
}

.login #btn_send { 
	background:#dadada; 
	border:none; 
	color:#777; 
	width:80%; 
	margin:5% 10% 13px 10%; 
	cursor:pointer;
    padding: 1em;
}

.login #btn_send:hover { 
	background:#666; 
	color:#fff;
}

.passwort-vergessen {
    font-size: 12px;
    margin-left: 5.5em;
}

.separator {
    color: #999;
    margin-left: 5px;
    margin-right: 5px;
}

.passwort-vergessen a {
	color: #999;
}

.signup {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.signup h3 {
    display: block;
    margin-top: 3em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    width: 57.5%;
}

#anrede, #firma, #ma_bereich {
    width: 40%;
}

.signup-hinweis {
    margin-left: 1em;
    color: #999;
    font-size: 0.9em;
}

#password-meter {
    width: 40%;
    height: 8px;
    background: #efefef;
    margin-left: 12.3em;
}

#password-meter-progress {
	height: 100%;
	width: 0%;
	transition: width 400ms linear;
}

#password-meter-progress.low {
	background: #c00;
}

#password-meter-progress.medium {
	background: #f50;
}

#password-meter-progress.high {
	background: #080;
}

.minlengthpwd {
    color: #999;
    font-size: 0.9em;
    margin-left: 13.55em;
    margin-top: 5px;
    margin-bottom: 1em;
}

.signup .textfeld input, textarea, select {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
	outline: none;
}

.signup .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.index .textfeld input, textarea, select {
    width: 40%;
    display: inline-block;
    padding: 4px;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
    outline: none;
}

.index .textfeld label {
    display: inline-block;
    width: 17%;
    margin-top: 10px;
}

.index .textfeld input[type="radio"] {
    width: 1%;
}

#btn_registrieren {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 11%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.marken-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.marken-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

input#ma_logo {
	border:none;
}

.marken-insert .textfeld input[type="radio"] {
	width: 1%;
}

.marken-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}


.marken-insert textarea {
	height: 12em;
}

input.del_datei {
    width: 1% !important;
}

.textarea {
	vertical-align: top;
}

#btn_marken_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 11%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.marken-uebersicht {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.activate {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.index {
	max-width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.change-password {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.change-password .textfeld input {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.change-password .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

#btn_change-password {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 11%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.mitarbeiter-bearbeiten {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.mitarbeiter-bearbeiten .textfeld input {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.mitarbeiter-bearbeiten .textfeld input[type="radio"] {
	width: 1%;
}

.mitarbeiter-bearbeiten .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

#btn_mitarbeiter-bearbeiten {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 14%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.location-uebersicht {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.location-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.location-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

input#l_gelaendeplan {
	border:none;
}

input#l_foto {
	border:none;
}

input#d_datei {
    border:none;
}

input#n_bild {
    border:none;
}

.location-insert .textfeld input[type="radio"] {
	width: 1%;
}

.location-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.location-insert textarea {
	height: 12em;
}

.location-bildergalerie {
    margin-top: 2em;
    border-bottom: 1px dotted #999;
    padding-bottom: 3em;
}

.location-bildergalerie ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.location-bildergalerie ul li {
	display: inline-block;
	margin-bottom: 2em;
	margin-right: 11px;
}

.location-bildergalerie ul li:nth-of-type(7) {
	margin-right: 0px;
}

.location-bildergalerie img {
    width: 150px;
    height: auto;
    border: 1px solid #d4d3d3;
    background: #fff;
    padding: 1px;
}

.location-bildergalerie span {
    display: block;
    text-align: center;
    font-size: 11px;
    padding-top: 6px;
}

#btn_location_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 14%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.kein-bilder {
    margin-top: 2em;
    border-bottom: 1px dotted #999;
    padding-bottom: 3em;
}

.bilder-upload {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.frm_bilder-upload {
    margin-top: 1em;
    padding-top: 1.5em;
}

.bilder-upload .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.bilder-upload .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

input#bild_datei {
	border:none;
}

#btn_bilder-upload {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 14%;
    margin-top: 2%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.artikel-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.artikel-insert h3 {
    display: block;
    margin-top: 3em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    width: 91%;
}

.artikel-insert h4 {
    display: block;
    margin-top: 3em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    width: 57.5%;
}


.artikel-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

input#bild_datei {
	border:none;
}

.artikel-insert .textfeld input[type="radio"] {
	width: 2%;
}

#btn_artikel-insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 17%;
    margin-top: 2%;
    cursor: pointer;
    padding: 1%;
    margin-left: 9.3em;
}

#btn_artikel-insert_rechts {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 17%;
    margin-top: 2%;
    cursor: pointer;
    padding: 1%;
    margin-left: 0.8em;
}

input#a_beschaedigtbild, input#a_bild {
	border:none;
}

.artikel-insert .textfeld input[type="checkbox"] {
    width: 2%;
    display: inline-block;
}

.locArtikel {
    display: block;
}


.artikel_content {
    margin-top: 3em;
    display: flex;
}

.artikel_content div {
    margin-right: 3em;
    flex: 1 1 auto;
}

.artikel_content aside {
    margin-top: .2em;
    flex: 0 0 21em;
    line-height: 1.5em;
    height: 6em;
}

.artikel_content aside h2 {
    padding: 0.2em 0.8em;
    margin: 0;
    font-size: 1em;
    border-bottom: 1px solid #e8e5e5;
    display: none;
}

.artikel_content aside img {
    max-width: 336px;
    height: auto;
    margin-top: 3px;
}

.lager-uebersicht {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.lagerflaeche-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.lagerflaeche-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.lagerflaeche-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.lagerflaeche-insert textarea {
	height: 12em;
}

.lagerflaeche-insert .textfeld input[type="radio"] {
    width: 1%;
}


#btn_lagerflaeche_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 15%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}


#btn_zeiten_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 15%;
    margin-top: 1%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.lagerflaeche-uebersicht {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.lager-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.lager-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.lager-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.lager-insert textarea {
	height: 12em;
}

#btn_lager_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 11%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.password-vergessen {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.password-vergessen .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.password-vergessen .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

#btn_passwort-vergessen {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 11%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.mitarbeiter_daten {
    margin-top: 3em;
    display: flex;
}

.mitarbeiter_daten div {
    margin-right: 3em;
    flex: 1 1 auto;
}

.mitarbeiter_daten aside {
    margin-top: 1.2em;
    flex: 0 0 21em;
    line-height: 1.5em;
    background: rgba(239, 239, 239, 0.5);
    height: 5em;
}

.mitarbeiter_daten aside h2 {
    padding: 0.2em 0.8em;
    margin: 0;
    font-size: 1em;
    border-bottom: 1px solid #e8e5e5;
}

.mitarbeiter_daten aside ul {
    margin: 0;
    padding: 0.2em 1em 0.5em 0.3em;
    list-style-type: none;
}

.mitarbeiter_daten aside ul li {
    padding-left: 0.5em;
    margin-bottom: 1em;
    padding-top: 5px;
}

.mitarbeiter_daten .datum::before {
    content: "";
    background-image: url(../../img/icons/calendar.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: 1px 5px;
}

.mitarbeiter_daten .gesperrt::before {
    content: "";
    background-image: url(../../img/icons/closed.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: 1px 5px;
}

dl {
    width: 760px;
}
dt {
    width: 150px;
    display: inline-block;
    margin-bottom: 1em;
}
dd {
    width: 430px;
    display: inline-block;
    margin-bottom: 1em;
}

.dtAdresse {
    vertical-align: top;
}

.main-marke img {
    max-width: 19em;
    height: auto;
}

.main-marke {
    display: flex;
}

.main-marke-beschreibung {
	flex: 2;
	margin-right: 3em;
}

.main-marke-logo {
	flex: 1;
}

.qualitaetsstufen-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.qualitaetsstufen-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.qualitaetsstufen-insert .textfeld input[type="radio"] {
	width: 1%;
}

.qualitaetsstufen-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

#btn_qualitaetsstufen_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 16%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.bereich-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.bereich-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

input#be_bild {
	border:none;
}

.bereich-insert .textfeld input[type="radio"] {
	width: 1%;
}

.bereich-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.bereich-insert textarea {
	height: 12em;
}

#btn_bereich_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.tags-artikel {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.artikel-tag_ausgabe {
    margin-top: 2em;
    border-bottom: 1px dotted #999;
    padding-bottom: 3em;
}

.artikel-tag_ausgabe ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.artikel-tag_ausgabe ul li {
	display: inline-block;
	margin-bottom: 2em;
	margin-right: 2.5em;
}

.artikel-tag_ausgabe span {
    display: block;
    font-size: 11px;
    padding-top: 6px;
}

.frm_artikel-tags {
	margin-top:2em;
}

.tags-artikel .textfeld label {
	display: inline-block;
	width: 10%;
	margin-top: 10px;
}

#btn_artikel-tags {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 15%;
    margin-top: 2%;
    cursor: pointer;
    padding: 1%;
    margin-left: 8.8em;
}

.artikel-tag_hinzufuegen h3 {
	margin-top: 2em;
}

.artikelart-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.artikelart-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.artikelart-insert .textfeld input[type="radio"] {
	width: 1%;
}

.artikelart-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.artikelart-insert textarea {
	height: 12em;
}

#btn_artikelart-insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

form#file-up {
    margin-bottom: 2em;
}


.todo-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.todo-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

input#t_bild {
	border:none;
}

.todo-insert .textfeld input[type="radio"] {
	width: 1%;
}

.todo-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.todo-insert textarea {
	height: 12em;
}

#btn_todo_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.todo-detail {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.todo-detail h3 {
    margin-top: 3em;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
    width: 80%;
}

.todo-detail .textfeld input, textarea {
	width: 80%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #efefef;
	margin-top: 10px;
}

.todo-detail .textfeld label {
    width: 6%;
    margin-top: 10px;
    display: none;
}

.todo-detail textarea {
	height: 12em;
}

#btn_todo-detail {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.keineNotizen {
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 1px solid #efefef;
    padding-top: 1.5em;
    width: 80%;
}

.artikelTitelBild img {
	max-width: 340px;
	height: auto;
}

.artikelweitereBilder img {
    max-width: 82.7px;
    height: auto;
}

.artikelweitereBilder {
    margin-top: .5em;
}

.todo-detail .content {
    display: flex;
}

.todo-detail .content article {
    margin-right: 3em;
    flex: 1 1 auto;
}

.todo-detail .content aside {
    margin-top: 1.2em;
    flex: 0 0 21em;
    line-height: 1.5em;
    background: #efefef;
    padding: 1.5em 1em 0.5em 1em;
    height: 15em;
}

.todo-detail .content aside ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.todo-detail .content aside ul li {
    padding-left: 0.5em;
    margin-bottom: 1em;
}

.todo-detail .content aside p {
    padding: 0;
    margin: 0;
    padding-left: 35px;
    line-height: 15px;
}

.todo-detail .content aside p span {
    width: 8em;
    display: inline-block;
    vertical-align: middle;
}

.todo-detail .content aside	 ul li a {
    text-decoration: none;
    color: #5C5C5C;
    line-height: 1.5em;
}

.todo-detail .user::before {
    content: "";
    background-image: url(../../img/icons/black-user-shape.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}
.todo-detail .grund::before {
    content: "";
    background-image: url(../../img/icons/newspaper.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}

.todo-detail .datum::before {
    content: "";
    background-image: url(../../img/icons/calendar.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}

.todo-detail .status::before {
    content: "";
    background-image: url(../../img/icons/battery.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}

.todo-detail .prioritaet::before {
    content: "";
    background-image: url(../../img/icons/numbered-information.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}

.todo-detail .kommentar::before {
    content: "";
    background-image: url(../../img/icons/chat.png);
    float: left;
    font-size: 22px;
    color: #999;
    padding-top: 3px;
    width: 1em;
    height:1em;
    background-repeat: no-repeat;
}

.fuhrpark-uebersicht {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.fuhrpark-uebersicht .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.fuhrpark-uebersicht .textfeld input[type="radio"] {
	width: 1%;
}

.fuhrpark-uebersicht .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.fuhrpark-uebersicht textarea {
	height: 12em;
}

#btn_fuhrpark-insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

input#f_bild {
	border:none;
}

.qr-code-setting {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.qr-code-setting h3 {
	font-size: 16px;
	margin-top: 3em;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	width: 40.7em;
}

.qr-code-setting .textfeld input {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.qr-code-setting .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.qr-code-setting .mm {
	font-size: 11px;
	color: #999;
}

#btn_qr-code-setting {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.fuhrpark-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.fuhrpark-insert h3 {
	margin-top: 3em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
	width: 57%;
}

.fuhrpark-insert .textfeld input, textarea {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

input#f_bild {
	border:none;
}

.fuhrpark-insert .textfeld input[type="radio"] {
	width: 1%;
}

.fuhrpark-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.fuhrpark-insert textarea {
	height: 12em;
}

#btn_fuhrpark_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.artikelDetailUebersicht {
    display: flex;
    margin-top: 4em;
}

.artikelTitelBild {
    margin-right: 2em;
}

.artikelDetails {
    margin-top: -19px;
}

.mitarbeiterFilter {
    margin-bottom: 2em;
    text-align: right;
}

select#m_filter {
    width: 16%;
    background: #efefef;
}

.mitarbeiterFilter label {
	display: none;
}

.todoFilter {
    margin-bottom: 2em;
    text-align: right;
}

select#todo_filter {
    width: 16%;
    background: #efefef;
}

.todoFilter label {
	display: none;
}

span.hinweis_ausgabe {
    font-size: 0.8em;
    color: #999;
}

.csvImportFilter {
    margin-bottom: 2em;
    text-align: right;
}

.csvImportFilter label {
	display: none;
}

select#a_filter {
    width: 16%;
    background: #efefef;
}

.kopieren {
    margin-bottom: 1em;
    font-size: 13px;
    cursor: pointer;
}

.hidden {
	display: none;
}

dt.abstand2 {
    margin-top: 1em;
}

.settings {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.settings h3 {
	margin-top: 3em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
	width: 57%;
}

.settings .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

.settings .textfeld input {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.settings .textfeld input[type="radio"] {
	width: 1%;
}

#btn_settings {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 15%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

input#tags {
    width: 21em;
}

.SummeBestand {
    text-align: right;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 2em;
    margin-left: 50em;
}

.sb_abstand {
    width: 7em;
    display: inline-block;
}

.titel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.verantwortlichen-insert {
	width:1200px; 
	height:auto; 
	margin: 2em auto 0 auto;
	background:#fff;
	padding: 2em;
}

.verantwortlichen-insert .textfeld input {
	width: 40%;
	display: inline-block;
	padding: 4px;
	border: 1px solid #d4d4d4;
	margin-top: 10px;
}

.verantwortlichen-insert .textfeld label {
	display: inline-block;
	width: 17%;
	margin-top: 10px;
}

#btn_verantwortlichen_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 17%;
    margin-top: 5%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
}

.csshinweis {
    font-size: 13px;
    color: #999;
    margin-left: 7px;
}

.ergebnis_suche {
    margin-bottom: 2em;
    text-align: right;
}

.ergebnis_suche span {
	font-weight: bold;
}

.entfernung {
    margin-bottom: 2em;
    border: 1px solid #b3b0b0;
    background: #efefef;
    padding: 0.5em;
    margin-top: 2em;
}

.artikelart-insert h3 {
    display: block;
    margin-top: 3em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    width: 57%;
}

.zugabe_masse {
    color: red;
    font-size: 14px;
}

.zage_hinweis {
    color: #999;
    font-size: 0.9em;
    margin-left: 13.8em;
    margin-top: 5px;
    margin-bottom: 1em;
}

.zage_hinweis_kopieren {
    color: #999;
    font-size: 0.9em;
    margin-left: 13.55em;
    margin-top: 5px;
    margin-bottom: 1em;
}

.artikelart-insert .textfeld input[type="checkbox"] {
    width: 2%;
    display: inline-block;
}

#passwordStrength
{
	height:10px;
	margin-left: 17.2%;
}

.strength0
{
	width:250px;
	background:#efefef;
}

.strength1
{
	width:100px;
	background:#ff0000;
}

.strength2
{
	width:150px;	
	background:#ff5f5f;
}

.strength3
{
	width:200px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:250px;
}

.strength5
{
	background:#399800;
	width:250px;
}

footer {
    width: 1200px;
    margin: 2em auto 1em auto;
    background: #fff;
    padding: 0.5em 1em 0.5em 2em;
}


.abstand_top {
    margin-top: 2em;
}

.f-veranstaltung {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
}

.tmp-artikel-veranstaltung-hinzufuegen h3 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 9px;
    width: 70.8%;
}

.f-rechts {
    flex: 0 1 38%;
    margin-left: 1em;
}

.f-rechts h3 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 9px;
    width: 95%;
}

.f-rechts dl {
	width: 25em;
}

.f-rechts dt {
    width: 9em;
    display: inline-block;
    margin-bottom: 1em;
}

.f-rechts dd {
    width: 13em;
    display: inline-block;
    margin-bottom: 1em;
}

.todo-kommentar-insert {
    width: 80%;
}

.admin-location {
    width:1200px; 
    height:auto; 
    margin: 2em auto 0 auto;
    background:#fff;
    padding: 2em;
}

.admin-location h3 {
    display: block;
    margin-top: 3em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    width: 91%;
}


.main-admin-location-beschreibung {
    margin-bottom: 2em;
}

.location-logo-admin img {
    max-width: 550px;
    height: auto;
}

.main-admin-location {
    display: flex;
}

.location-logo-admin {

    margin-right: 3em;
    width: 54%;
}

#test {
    margin-top: 2em;
}

.test-insert {
    width:100%; 
    height:auto; 
    margin: 0em auto 0 auto;
    padding: 1em;
}

.test-insert .textfeld input, textarea {
    display: inline-block;
    padding: 4px;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
}


.test-insert .textfeld label {
    display: inline-block;
    width: 17%;
    margin-top: 10px;
}

.btn-test {
    display: inline-block;
    background: #efefef;
    border: none;
    color: #777;
    width: 10em;
    cursor: pointer;
    padding: 1.2%;
    text-align: center;
    border: 1px solid #999;
    margin-left: 20em;
    margin-top: 2em;
}

.btn-jobnummer {
    display: inline-block;
    background: #efefef;
    border: none;
    color: #777;
    width: 10em;
    cursor: pointer;
    padding: 1.2%;
    text-align: center;
    border: 1px solid #999;
    margin-top: 2em;
}

.fancybox-skin {
    background: #fff !important;
}


.locationweiterebilder {
    margin-top: .5em !important;
    border-top: 1px solid #efefef;
    padding-top: 9px;
    width: 92%;
}

.activate_ok {
    margin: 2.8em;
        border-top: 1px solid #4CAF50;
    border-bottom: 1px solid #4CAF50;
    padding: 1em;
    text-align: center;
    background: #d9f5d9;
}

.activate_errors {
    margin: 2.8em;
    border-top: 1px solid #ff0e0e;
    border-bottom: 1px solid #ff0000;
    padding: 1em;
    text-align: center;
    background: #e2a4a4;
}

.weitere_geraete_hinzufuegen {
    margin-left: 14.0em;
    margin-bottom: 1em;
}

button.add_field_button.submitbuttonAnfrage {
    background: #efefef;
    border: none;
    padding: 0.5em;
}


.kalenderDaten table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .kalenderDaten thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .kalenderDaten tbody { background-color:#f4f3f3;}
  
  .kalenderDaten th, .kalenderDaten td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .kalenderDaten tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .kalenderDaten tbody tr:hover {background-color:#dedede;}

.kalenderDaten table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

.kalenderDaten table.tablesorter thead tr .headerSortUp {
    background-image: url(../../img/icons/asc.gif);
}

.kalenderDaten table.tablesorter thead tr .headerSortDown {
    background-image: url(../../img/icons/desc.gif);
}

.ups table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .ups thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .ups tbody { background-color:#f4f3f3;}
  
  .ups th, .ups td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .ups tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .ups tbody tr:hover {background-color:#dedede;}

.ups table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

.ups table.tablesorter thead tr .headerSortUp {
    background-image: url(../../img/icons/asc.gif);
}

.ups table.tablesorter thead tr .headerSortDown {
    background-image: url(../../img/icons/desc.gif);
}


.zeiterfassung_ausgabe_admin table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .zeiterfassung_ausgabe_admin thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .zeiterfassung_ausgabe_admin tbody { background-color:#f4f3f3;}
  
  .zeiterfassung_ausgabe_admin th, .zeiterfassung_ausgabe_admin td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .zeiterfassung_ausgabe_admin tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .zeiterfassung_ausgabe_admin tbody tr:hover {background-color:#dedede;}

.zeiterfassung_ausgabe_admin table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

.zurueck {
    text-align: right;
    margin-bottom: 3em;
    border-top: 1px solid #efefef;
}

.ma {
    margin-top: 2em;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.ups h4 {
    border-bottom: 1px solid #e2dbdb;
    padding-bottom: 0.5em;
    width: 40.8em;
}

.tblVeranstaltung table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .tblVeranstaltung thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .tblVeranstaltung tbody { background-color:#f4f3f3;}
  
  .tblVeranstaltung th, .tblVeranstaltung td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .tblVeranstaltung tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .tblVeranstaltung tbody tr:hover {background-color:#dedede;}

.tblVeranstaltung table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

.tblVeranstaltung table.tablesorter thead tr .headerSortUp {
    background-image: url(../../img/icons/asc.gif);
}

.tblVeranstaltung table.tablesorter thead tr .headerSortDown {
    background-image: url(../../img/icons/desc.gif);
}

.vkPreis {
    border-top: 1px solid green;

    font-size: 21px;
    margin-top: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 31em;
}

.ups span {
    width: 8em;
    display: inline-block;
    line-height: 1.52em;
}

.gesamtZeit {
    text-align: right;
}

.suchkriterien {
    margin-bottom: 2em;
    margin-top: 2em;
}

.del {
    margin-top: 1em;
    text-align: right;
    width: 57%;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 13px;
    margin-bottom: 2em;
}

.azArtikel {
    color: #e26767;
}


.fuhrpark-insert table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .fuhrpark-insert thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .fuhrpark-insert tbody { background-color:#f4f3f3;}
  
  .fuhrpark-insert th, .fuhrpark-insert td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .fuhrpark-insert tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .fuhrpark-insert tbody tr:hover {background-color:#dedede;}

.fuhrpark-insert table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

.fuhrpark-insert table.tablesorter thead tr .headerSortUp {
    background-image: url(../../img/icons/asc.gif);
}

.fuhrpark-insert table.tablesorter thead tr .headerSortDown {
    background-image: url(../../img/icons/desc.gif);
}


#tbl-fuhrpark table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  #tbl-fuhrpark thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  #tbl-fuhrpark tbody { background-color:#f4f3f3;}
  
  #tbl-fuhrpark th, #tbl-fuhrpark td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  #tbl-fuhrpark tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  #tbl-fuhrpark tbody tr:hover {background-color:#dedede;}

.tbl-fuhrpark table.tablesorter thead tr .header {
    background-image: url(../../img/icons/bg.gif);
    background-repeat: no-repeat;
    background-position: center right 4px;
    cursor: pointer;
}

#tbl-fuhrpark table.tablesorter thead tr .headerSortUp {
    background-image: url(../../img/icons/asc.gif);
}

#tbl-fuhrpark table.tablesorter thead tr .headerSortDown {
    background-image: url(../../img/icons/desc.gif);
}

.suchkriterien-Zeiten {
    margin-bottom: 1em;
}

.zeiten_weitere_optionen {
    margin-bottom: 1em;
}

.suchkriterien-Zeiten input[type="text"] {
    padding: 8px;
    border: 1px solid #d8d2d2;
    background: #efefef;
    outline: none;
}

.suchkriterien-Zeiten select {
    padding: 7px;
    border: 1px solid #d8d2d2;
    background: #efefef;
    outline: none;
    width: 30%;
}

#usz_projektnummer {
    width: 22.5em;
    padding: 8px
}

.suchkriterien-Zeiten input#abschicken {
    background: #efefef;
    border: 1px solid #d8d2d2;
    padding: 8px;
    width: 11em;
    cursor: pointer;
}

.suchkriterien-Zeiten input#abschicken:hover {
    background: #e2e2e2;
}

.meineDatenaendern h2 {
    margin-bottom: 1em;
}

.meineDatenaendern .textfeld input, textarea, select {
    width: 40%;
    display: inline-block;
    padding: 4px;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
    outline: none;
}

.meineDatenaendern .textfeld input[type="radio"] {
    width: 1.5%;
}

.meineDatenaendern .textfeld label {
    display: inline-block;
    width: 25%;
    margin-top: 10px;
}

.meineDatenaendern h3 {
    margin-bottom: 1em;
    border-bottom: 1px solid #808080;
    padding-bottom: 5px;
    margin-top: 2em;
    width: 65.5%;
}

#begruessung {
    flex: 3;
    order: 1;
    margin-right: 3em;
}

.weitere_optionen {
    margin-top: 2em;
    padding-left: 1px;
    border-top: 1px solid #efefef;
    padding-top: 0.5em;
}


.lagerflaeche-uebersicht table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .lagerflaeche-uebersicht thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .lagerflaeche-uebersicht tbody { background-color:#f4f3f3;}
  
  .lagerflaeche-uebersicht th, .lagerflaeche-uebersicht td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .lagerflaeche-uebersicht tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .lagerflaeche-uebersicht tbody tr:hover {background-color:#dedede;}


.monatskalender {
    width:1200px; 
    height:auto; 
    margin: 2em auto 0 auto;
    background:#fff;
    padding: 2em;
}

.monatskalender table {
    border-spacing:0px;
    width:100%;
    border-collapse: collapse;
  }
  
  .monatskalender thead { color: #000; }
  
  .monatskalender th, .monatskalender td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 0.5em;
    border:1px solid #efefef;
  }

  .monatskalender th {
    border-bottom: 0px;
    background: #fdfafa;
  }

  .monatskalender td { 
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: top;
}   

@media only screen and (max-width: 610px) {

    body {
        padding-top: 0em;
    }

    .index {
        margin: auto;
        border-top: 1px solid #efefef;
        padding: 1em 2em;
    }

   .index .textfeld label {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .index .textfeld {
        margin-bottom: 1em;
    }

    .textfeld input, textarea, select {
        width: 100%;
    }

    #usz_projektnummer {
        width: 100%;
    }

    .zage_hinweis {
        margin-left: 0em;
    }

    #btn_zeiten_insert {
        width: 45%;
        padding: 1em;
        margin-left: 0;
    }
 }

 .bestellungBestaetigt {
    background: rgba(0, 128, 0, 0.21);
    border: 1px solid #999;
    padding: 0.5em;
}

.tageskalender-uebersicht {
    width:1200px; 
    height:auto; 
    margin: 2em auto 0 auto;
    background:#fff;
    padding: 2em;
}

#btn_m_insert {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 13%;
    margin-top: 1%;
    cursor: pointer;
    padding: 1%;
    margin-left: 14.8em;
    margin-bottom: 4%;
}

.filter-kalender {
    margin-bottom: 2em;
}


.personal-uebersicht table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .personal-uebersicht thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .personal-uebersicht tbody { background-color:#f4f3f3;}
  
  .personal-uebersicht th, .personal-uebersicht td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .personal-uebersicht tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .personal-uebersicht tbody tr:hover {background-color:#dedede;}


.eintragenZeiten {
    width: 60%;
    display: inline-block;
    border-right: 1px solid #ddd;
}

.ZeitenHeute {
    display: inline-block;
    vertical-align: top;
    margin-left: 4em;
}

.gesamtStundenUser {
    margin-top: 3em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0;
    /* background: #efefef; */
}

.eMail-Vorlagen {
    width:1200px; 
    height:auto; 
    margin: 2em auto 0 auto;
    background:#fff;
    padding: 2em;
}

.eMail-Vorlagen .textfeld input, textarea {
    width: 75%;
    display: inline-block;
    padding: 4px;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
}

.eMail-Vorlagen .textfeld input[type="radio"] {
    width: 1%;
}

.eMail-Vorlagen .textfeld label {
    display: inline-block;
    width: 17%;
    margin-top: 10px;
}

.eMail-Vorlagen textarea {
    height: 12em;
}

.eMail-Vorlagen table {
    border-collapse:separate;
    border-spacing:1px;
    width:100%;
  }
  
  .eMail-Vorlagen thead { background-color: rgba(46, 47, 47, 0.23); color: #000; }
  .eMail-Vorlagen tbody { background-color:#f4f3f3;}
  
  .eMail-Vorlagen th, .eMail-Vorlagen td {
    text-align:left;
    vertical-align:top;
    padding:0.5em 1em;
  }
    
  .eMail-Vorlagen tbody tr:nth-child(odd) { background-color:#f1f1f1;}
  .eMail-Vorlagen tbody tr:hover {background-color:#dedede;}

.platzhaltereMailVorlagen {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

#btn_eMailVorlagen {
    display: inline-block;
    background: #dadada;
    border: none;
    color: #777;
    width: 18%;
    margin-top: 0%;
    cursor: pointer;
    padding: 1%;
    margin-left: 12.5em;
}

.platzhalter {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin-top: 0.6em;
    padding-bottom: 6px;
    width: 11em;
}


.nProjektnummer {
    margin-left: 11.2em;
    margin-top: 0.7em;
    font-size: 0.8em;
    cursor: pointer;
}