@font-face {
    font-family: 'c_light';
    src:  url('/fonts/amag_text-light-webfont.ttf') format('truetype'),
    url('/fonts/amag_text-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'c_medium';
    src:  url('/fonts/amag_display-light-webfont.ttf') format('truetype'),
    url('/fonts/amag_display-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'c_bold';
    src:  url('/fonts/amag_display-bold-webfont.ttf') format('truetype'),
    url('/fonts/amag_display-bold-webfont.woff') format('woff');
}
h1, h1, h3, h4, h5, h6, strong, button {
    font-family: 'c_bold', Arial, sans-serif;
    font-weight: normal !important;
}
.font-light {
    font-family: 'c_light', Arial, sans-serif;
    font-weight: normal !important;
}
body {
    font-family: 'c_light', Arial, sans-serif;
    font-size: 102%;
    background-color: #f2f2f2;
    max-width: 900px;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: hidden;
    line-height: 27px;
    height: 100%;
    /*background: no-repeat url(../imgs/Header.jpg) center top;*/
}
header, main, footer {
    margin: 0 auto;
    background-color: #fff;
    padding: 25px 60px;
}
main {
    padding-top: 0;
    background-color: #fff;
    margin-top: 45px;
}
header {
    /*padding-top: 40px;*/
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: transparent;
}
ul {
    padding-left: 20px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
a:hover {
    color: #007bff;
    text-decoration: none;
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
hr {
    border-top: 1px solid rgba(0,0,0,.1);
}
td {
    padding: 4px 10px;
}
#logoWrapper {
    width: 100%;
    text-align: right;
    background-color: transparent;
}
#logoWrapper img {
    width: 150px;
    height: auto;
}
.full-width-image {
    width: 100%;
    height: auto;
    vertical-align:text-top;
}
#tableDaten {
    width: 100%;
    max-width: 720px;
}
#tableDaten td:nth-of-type(1) {
    min-width: 90px;
}
#tableDaten td {
    padding: 8px 10px;
}
#tableTagesablauf {
    width: 100%;
    max-width: 550px;
}
#tableAnfahrt {
    width: 100%;
    max-width: 200px;
}
.tableKontaktperson {
    width: 100%;
    max-width: 350px;
}
#tableAnmeldeschluss {
    width: 100%;
    max-width: 350px;
}
#colAnfahrtMap {
    background: transparent no-repeat url('../imgs/map_lowqual.png');
    background-size: contain;
    background-position-y: bottom;
}
/*Form Tables*/
.formTable {
    border-collapse: collapse;
    width: 100%;
    max-width: 700px;
}
.formTable td {
    position: relative;
}
.formTable td, .formTable th {
    border: 1px solid #ddd;
    padding: 8px;
}
tr:nth-child(odd){
    background-color: #f2f2f2;
}

/*.formTable tr:hover {
    background-color: #ddd;
}*/
.formTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #8f8f8f;
    color: #fff;
}
.tablecellInput {
    background: #ff7f7f;
    position: absolute;
    display: block;
    top:0;
    left:0;
    margin: 0;
    height: 100%;
    width: 100%;
    border: none;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.tableCellInputBG {
    background: #ff7f7f;
}

.formTable tr td:nth-of-type(1),
.formTable tr th:nth-of-type(1){
    width: 100px;
    text-align: center;
}
.formTable tr td:nth-of-type(2) {
    width: 300px;
}
.formTable tr td:nth-of-type(3) {
    width: 150px;
}
#sectionIntro {
    font-size: 18px;
}
section#sectionMessestand ul {
    max-width: 600px;
    margin-top: 10px;
}
section#sectionMessestand ul li:nth-child(odd) {
    background-color: #f2f2f2;
}

#anchorNav {
    position: fixed;
    position: sticky;
    top: 0;
    background: #6f6d67;
    display: inline-block;
    float: right;
    white-space: nowrap;
    z-index: 9;
    margin-right: -139px;
}
@media all and (-ms-high-contrast:none) {
    #anchorNav {
        position: fixed;
        margin-left: 800px;
    }
    .navbar {
        border-right: 1px solid  #ffffff;
    }
}
nav#anchorNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav#anchorNav ul li a {
    display: block;
    padding: 0.5rem 1rem;
    color: white;
    text-decoration: none;
}
nav#anchorNav ul li a.current {
    background: #fff;
    color: #000;
}
@media (max-width: 500px) {
    #anchorNav {
        margin-right: 0;
    }
    nav#anchorNav ul li a {
        padding: 0.5rem 1rem;
    }
}
.formAnswer {
    height: 300px;
    padding-top: 100px;
    font-weight: bold;
    font-size: 17px;
}
.pendingAnswer {
    background: url(../imgs/spinner.gif) transparent center 38% no-repeat !important;
    width: 100%;
    background-size: 100px !important;
}
.errorMsg {
    color: red;
}
.successMsg {
    color: green;
}
.customTextarea {
    display: block;
    width: 100%;
    min-height: 43px !important;
    height: 43px;
    margin: 0;
    padding: 7px !important;
    background-color: transparent;
}
/*amag*/
.generic-header__logoWrapper {
    overflow: hidden;
    height:160px

}
.generic-header__logoWrapper--white {
    background-color: #fff
}
.generic-header__logoWrapper--black {
    background-color: #000
}
.generic-header__logoWrapper--standard {
    width:128px
}

#formSubmit, #formSubmit:hover, #formSubmit:active, #formSubmit:visited {
    background-color: #000;
    border-color: #000;
}