.tables {
margin:c0 auto calc(.5em + ((.5vw - 0.1em) * 0.1)) auto;
width:100%;
font-size: 80%;
padding:0;
border-collapse: collapse;
}
.tables th {
padding: 3px 5px 3px 10px;
font-size: 110%;
color: black;
width:50%;
text-align: left;
border-bottom: 2px solid #333333;
}
.tables td {
padding: 5px 5px 3px 10px;
color: black;
width:50%;
border:1px solid #555555;
}
.table {
margin:0 auto calc(.5em + ((.5vw - 0.1em) * 0.1)) auto;
width:100%;
font-size: 75%;
padding:0;
border-collapse: collapse;
}
.table th {
padding: 3px 5px 3px 10px;
font-size: 110%;
color: black;
text-align: left;
border-bottom: 2px solid #333333;
}
.table td {
padding: 5px 5px 3px 10px;
color: black;
border:1px solid #555555;
}
.table td img {
max-width: calc(.8em + ((.8vw - 0.1em) * 1));
width: 100%;
height: auto;
}
tr.big {
font-weight: bold;
background: #eeeeee;
font-size: 95%;
}
.bigg {
font-weight: bold;
font-size: 70%;
margin: 5px;
}


.tablefor {
margin:0 auto;
width:100%;
padding:0;
font-size: 100%;
border-collapse: collapse;
}



.tablefor th.kopp {
color: black;
width:50%;
text-align: left;
background: #f2f2f2;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}

.tablefor th {
padding: 3px 5px 3px 10px;
color: black;
width:50%;
text-align: left;
border-bottom: 2px solid gray;
}
.tablefor td {
padding: 5px 5px 3px 10px;
color: black;
width:50%;
border:1px solid gray;
}

.icon {
width: 50%;
height: auto;
}

#topform {
padding: 0 20px;
}


#admin {
margin: calc(.5em + ((.5vw - 0.1em) * 0.1)) 0;
}

#adi {
display: flex;
padding: 2px 5px;
font-size: 75%;
}
#adi a {
text-decoration: none;
}
#adi .links {
flex:1;
width: 45%;
height: auto;
margin: 1px 1%;
padding: 2px 0 2px 5px;
border: 1px solid gray;
text-align: left;
border-radius:4px;
}
#adi .rechts {
flex:1;
width: 45%;
height: auto;
margin: 1px 1%;
padding: 2px 0 2px 5px;
border: 1px solid gray;
text-align: left;
border-radius:4px;
}
.uredt li {
list-style-type: none;
margin:5px 0;
}
.uredt {
color:#8f8f8f;
}
.uredt span {
color:black;
}
.butl {
display:block;
width:200px;
height:30px;
margin:2px 10px 6px 2px;
padding:4px 10px 10px 10px;
background-color:#eeeeee;
border:1px solid #a10400;
text-align:left;
border-radius:4px;
}
.butl a, .butr a {
display: block;
text-decoration:none;
font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size: 75%;
font-weight:bold;
color:navy;
}
.butl a:hover, .butr a:hover {
color:maroon;
}
.butr {
display:block;
width:200px;
height:30px;
margin:-36px 10px 6px 220px;
padding:4px 10px 10px 10px;
background-color:#eeeeee;
border:1px solid #a10400;
text-align:left;
border-radius:4px;
}
.table td.none a {
color:red;
font-weight: bold;
text-decoration: none;
}
.table td.noed {
padding: 0 5px 0 10px;
color: black;
border:1px solid #555555;
}
td.noed a {
color:green;
text-decoration: none;
font-size:150%;
font-weight: bold;
}


.butti {
font-size: 125%;
cursor:pointer;
width: 95%;
height: 36px;
line-height: 18px;
color: white;
padding: 3px 20px;
margin-top: 3px;
margin-bottom: 3px;
background-color: #337ab7;
border-color: #122b40;
}
.butti:hover {
background: white;
background-color: #286090;
border-color: #204d74;
}
.butli {
font-size: 125%;
cursor:pointer;
width: 95%;
height: 36px;
line-height: 18px;
color: white;
padding: 2px 20px;
margin-top: 3px;
margin-bottom: 3px;
background-color: #337ab7;
border-color: #122b40;
}
.butli:hover {
background: white;
background-color: #286090;
border-color: #204d74;
}
.faces .form-controle {
color:black;
outline: none;
border:thin solid gray;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
background: white;
padding: 2px 3px 2px 5px;
margin:0 0 5px 0;
width:100%;
border-radius: 4px;
}
.faces .form-controle:valid {
border: 2px solid green;
}
.faces .form-controle:invalid {
border: 2px solid red;
}