#logocontainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row wrap;
    background-color: white;
    justify-content: center;
    margin-top: 20px;
    align-content: stretch;
}

#logocontainer div {
    flex: 1;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    font-family: "Verdana","Century gothic", Verdana, Arial, sans-serif;
    text-align: center;
}


#inhaltcontainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row wrap;
    background-color: white;
    justify-content: space-between;
    text-align: center;
    align-items: stretch;
    margin-left: 0px;
    padding-left: 0px;
}

#inhaltcontainer div {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    font-family: "Monaco";
    padding-left: 0px;
    padding-top: 10px;
    margin: 10px;
    box-shadow:0 2px 5px 0 rgba(163,139,33,0.16),0 2px 10px 0 rgba(163,139,33,0.12);
}

#inhaltcontainer li {
    font-size: 14px;
}


#footercontainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row wrap;
    height: 30px;
    background-color: white;
    justify-content: center;
    align-content: stretch;
}

#footercontainer div {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    text-align: center;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
    color: #A38B21;
    font-size: smaller;
}

#footercontainer div div {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    text-align: center;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
    color: #A38B21;
    font-size: smaller;
}

form.kontakt{
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
    text-align: center;
    align-content: center;
}

img.abstand {
    padding-top: 10px;
    padding-bottom: 20px;
}

img.abstandkomp {
    padding-top: 10px;
    padding-bottom: 5px;
}

img.abstandk {
    padding-top: 5px;
    padding-bottom: 10px;
}

input[type=text]:focus {
    border: 3px solid #555;
}

body {
    background-color: white;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
    color: #606060;
}

h1 {
    color: #A38B21;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-bottom: 2px;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
}

h1.unterseite {
    padding-bottom: 0px;
}

ul {
    margin-top: 0px;
    padding-top: 25px;
    padding-left: 15px;
    text-align: left;
}
li {
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
    font-size: medium;
    color: #606060; /* #A38B21; */
    margin-left: 20px;
}

img.komp {
    padding-top: 10px;
    padding-left: 15px;
}

li.a{
    padding-bottom: 15px;
    min-width: 120px;
}

#image {
    line-height: 0.5px;
    list-style-image: url(img/kompetenzen_3.png);
    float: left;
}

table {
    padding-left: 0px;
}

table.komp {
    padding-left: 15px;
    padding-top: 15px;
    width: auto;
}
tr {
    padding-left: 0px;
}

th, td {
    vertical-align: top;
    font-size: medium;
    padding-right: 10px;
}

td.rechts, th.rechts {
    text-align: left;
    font-size: small;
    padding-left: 0px;
}

td.links {
    text-align: left;
    padding-left: 10px;
}

th {
    font-weight: bold;
    color: #D30E45;
    text-align: left;
}

td.links input {
    padding-left: 0;
    margin-left: 0;
    color: #606060;
}

th:hover {
    background-color: #D30E45;
    color: white;
}

textarea {
    border-color: lightgrey;
    width: 200px;

}
input[type=text]:focus {
    border: 3px solid #555;
}

input.kontakt{
    width: 200px;

}
p {
    font-size: small;
    text-align: left;
    padding-left: 20px;
}
p.anschrift {
    text-align: center;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
}

p.text {
    padding-right: 20px;
    padding-left: 20px;
    font-family: "Monaco","Century gothic", Verdana, Arial, sans-serif;
}

a {
    text-decoration:none;
}