html, body {
    height:100%;
    margin:0;
    padding:0;
    background-color: #FFFFFF;

    background-repeat: no-repeat;

    background-image: -webkit-linear-gradient(277deg, #b0cae3 0em, white 12em);
    background-image: -moz-linear-gradient(277deg, #b0cae3 0em, white 12em);
    background-image: -o-linear-gradient(277deg, #b0cae3 0em, white 12em);
    background-image: linear-gradient(173deg, #b0cae3 0em, white 12em);

}


div.mainwrapper {
    /*
    margin: 0;
    */
    max-width: 80%;

    margin:auto;
    font-family: Arial;
    /*font-size:2em;*/


    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    position:relative;

    text-shadow: 0px 0px 1px #eee;
    color: #253e5a;




}

/* Index-Body */
.index-body {

    margin: auto;

    padding-bottom: 3em;
    min-height: 101%;
    height: auto !important;
    height: 101%;
    text-align: left;


}

/* Inputfelder */
input {
    /*height: 2em;*/
    box-sizing: border-box;
    min-width: 100%;
}
label{
    padding-right: 0.5em;
}
@media (max-width: 50em)
{
    input {
        width: 100%;
    }
}

.button, a.navlink, .dropdown {

    margin: auto;
    display: inline-block;
    border-radius: 0.2em;
    font-size: 1.2em;
    color: #ffffff;
    text-shadow: 0 0 2px black;
}

.button-apply
{
    margin-top:1em;

}
/* OK-Button */
.button-apply , button
{

    cursor: pointer;

    box-sizing: border-box;
    font-size: 0.8rem;
    display:table-cell;
    font-weight: bold;
    text-decoration: none;
    vertical-align:middle;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 2px black;
    background-color: #ffa500;
    border: 1px ridge #a96000;
    border-radius: 0.2rem;
    padding: 0.2rem;
    background-image: -webkit-linear-gradient(277deg, rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(277deg, rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -o-linear-gradient(277deg, rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0.5),rgba(255,255,255,0));
    -moz-transition: all 0.3s ease; /* WebKit */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; /* Standard */
    font-style: normal;
    font-family: Arial;
    -webkit-box-shadow: 2px 3px 6px -3px rgba(107,107,107,1);
    -moz-box-shadow: 2px 3px 6px -3px rgba(107,107,107,1);
    box-shadow: 2px 3px 6px -3px rgba(107,107,107,1);
}
.button-apply:hover , button:hover
{
    background-color: #ff7f00;

}

.button-apply2, a.navlink, button, .dropdown
{


    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

a.navlink, .dropdown{
    padding: 0.3em;
    margin-top:2em;
    color: #fff;

}


.error
{
    color: #aa5500;
}


select {
    min-width:5em;
}
a.navlink, div.dropdown{

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    margin:0px;
display: block;
    font-size: 1em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */

    background-color: #1469ba; /* Old browsers */
    background-image: -webkit-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -o-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0.7),rgba(255,255,255,0));

    border: 1px ridge #1163ac;
    margin-top:0.5em;
    margin-bottom: 0.5em;
    flex-grow: 1;
    margin:0.3em;
    position: relative;

    -webkit-transition: all 0.3s ease; /* Firefox */
    -moz-transition: all 0.3s ease; /* WebKit */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; /* Standard */

}
a.navlink:hover, a.navlink:focus, a.navlink:active, .dropdown:hover, .dropdown:focus, .dropdown:active {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
    background: #1e5799; /* Old browsers */
    background-image: -webkit-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -o-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0.7),rgba(255,255,255,0));    -webkit-transition: all 3s ease; /* Firefox */
    -moz-transition: all 0.3s ease; /* WebKit */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; /* Standard */
}
div.nav, nav.nav{
    padding-top: 1em;
    margin:-0.3em;
    display: flex;
    justify-content: space-between;
flex-wrap: wrap;
    position: relative;
}

fieldset {
    margin-top: 0.5em;
}
select{
    min-width: 100%;
}

textarea{
    min-width: 30em;
    min-height: 10em;
}




/* The CSS */
select {

    box-sizing: border-box;
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 1px 2px 2px #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 1px 2px 2px #ccc, 0 -1px #fff inset;
    box-shadow: 1px 2px 2px #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    background: url(new_arrow.png) no-repeat right #eee;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    outline: none;
    padding-right: 2em;
}
select:active{
    outline: none;
}

select:focus{
    outline: none;
}

option{
    outline: none;
}
option:active{
    outline: none;
}
option:focus{
    outline: none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

fieldset {
    color:#fff;
    text-shadow: 0 0 2px black;
    display: inline-block;
    margin-top:1em;
    background-color: rgba(12, 35, 61, 0.71);
    background-image: -webkit-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -o-linear-gradient(277deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0.7),rgba(255,255,255,0));
    border: 0px;

    border-bottom-left-radius: 1em;
    border-top-right-radius: 1em;
    /*
    border-bottom-right-radius:1em;
    */
    padding: 1em 3em 2em 2em;
    -webkit-box-shadow: -3px -4px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px -4px 12px 1px rgba(0,0,0,0.75);
    box-shadow: -3px -4px 12px 1px rgba(0,0,0,0.75);
    -moz-transition: all 0.15s ease; /* WebKit */
    -o-transition: all 0.15s ease; /* Opera */
    transition: all 0.15s ease; /* Standard */
}
fieldset a {
    text-shadow: none;
}

fieldset:active, fieldset:hover, fieldset:focus {
    /*
    transform: scale(1.05);
    */
}

a {
    color: #be0006;
}

a.button-apply3 {
    display: block;
    margin-top: 1em;
    vertical-align: bottom;
}

div.survey-apply-container {
    display: block;
    align-content: center;
}

input.submit-no-top-margin {
    margin-top:0;
}