﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #fff;
    color: #60605f;
    font-size: 1.5em;
    font-family: "Titillium Web Regular", Sans-Serif;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */


input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
select,
textarea {
    width: 100%;
    font-size: 1.2em;
    border: 1px solid gainsboro;
    /*color: teal;*/
    /*font-family: inherit;*/
    font-weight: 300;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 5px;
}

input[type="submit"] {
}

.CheckBox {
    text-align: left;
}

table.TableForm {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

    table.TableForm td:nth-child(1) {
        max-width: 250px;
    }

    table.TableForm td:nth-child(2) {
        /*width:100%;*/
    }

    table.TableForm td {
        padding: 0.1em 0.1em 0.1em 0em;
        border: 0 none;
    }

td.TableFormSubHeadline {
    font-weight: bold;
}

table.TableRequestNavigation {
    width: 100%;
}

    table.TableRequestNavigation td {
        width: 33%;
        text-align: center;
    }





@media (max-width: 767px) {
    .header-logo {
        display: none!important;
    }
    .jumbotron {
        margin-top: 10px;
    }
    .requestchild-body {
        margin-top: 40px!important;
    }
    .container .body-content {
        margin-top: 60px !important;
    }
    .umbruch::before {
        content: "\A";
        white-space: pre;
    }
    .body-content {
        margin-top: 60px;
    }
    }







/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        padding: 0;
        margin-top: 60px;
    }
}

.header-logo {
    height: 70px;
    width: auto;
}

