﻿div.input label {
    font-size: 80%;
    font-weight: normal;
}

div.input input {
    border: 1px #aeaeae solid;
    border-radius: 3px;
}
div.language {
    display:inline;
    padding-left:5px;
    margin-bottom:15px;
    position:relative;
    bottom:10px;
}
div.language a {
    font-weight: bolder;
    font-size: 130%;
}
div.input label {
    font-size: 80%;
    display: inline-table !important;
    font-weight: normal;
}
div.input.bestaetigung label{
    font-size: 100% !important;
}
button {
    background-color: #65b32e;
    font: bold 133% 'Arial Narrow', Arial;
    color: #ffffff;
}

div.input input[type=text], div.input input[type=email], div.input input[type=tel], div.input select {
    min-width: 165px;
}
select#Anrede {
    width: 176px
}

input[type=checkbox] {
    margin: 3px;
}

div.input {
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 2px
}

    div.input input.invalid {
        color: red
    }

    div.input input.normal {
        color: black
    }

    div.input input.valid {
        color: green
    }

.ui-widget-overlay {
    background: url(assets/ui-bg_flat_10_000000_40x100.0f8012f9214f21e71d2e.png) 50% 50% repeat;
    opacity: .20;
    filter: Alpha(Opacity=30);
}

div.input input#iban {
    width: 210px
}

div.input input#kreditinstitut {
    width: 190px
}

#content {
    margin-bottom: 15px
}

div.input input.invalid {
    color: red
}

div.input input.valid {
    color: green
}

div.formular {
    border: 1px solid black;
    padding: 5px;
    margin: 2px
}

fieldset {
    background: #eeeeee;
    padding: 5px
}

div.text {
    background: #fff;
    padding: 5px
}

div.input {
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 2px
}
div.input.kassenzeichen label {
        z-index: 20;
        position: relative;
        left: 5px;
        width:170px;
}
div.input.kassenzeichen input {
    padding: 17px 2px 2px 2px;
    position: relative;
    bottom: 22px;
    z-index: 10;
}

div.input.error label {
    color: red
}
div.error div {font-weight:bolder;color:red}
div.kassenzeichen .disabled.input.error, input.error ,div.input.error input {font-weight:bolder;color:red;border:1px solid red !important;}
.flex-item-left {
    flex: 70%;
}
.flex-item-right {
    flex:30;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
}
.region .input {
    width: 200px;
}
span.hinweis {
    padding-left: 3px;
    font-size: 11px;
}
@media (max-width: 800px) {
    .flex-item-right, .flex-item-left {
        flex: 100%;
    }
}
#steuerplichtiger {
    width: 350px !important;
}
span.ui-Symbol {
    background-image: url("/dist/assets/images/ui-icons_777777_256x240.png");
    transform: scale(1.3);
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}
.ui-Symbol.ui-icon-minus {
    position: relative;
    left: 28px;
}
table.ueberpruefung tr td.underline {
    text-decoration:underline;
    font-weight:bold;
}
table.ueberpruefung tr td {
    border-top: 2px solid #dfdddd;
}
div.input.firma {display:none}
div.input.firma input{width:367px}
@media print {
    div .formular.flex-item-right, button {
        display: none;
    }
    h1 {
        position:absolute;
        opacity:0;
        height:0px;
    }
    h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    input[type="checkbox"] {
        margin: 3px;
        float: left;
        display:inline;
    }
}