﻿{
    box-sizing: border-box;
}

.head-responsive {
    max-width: 1070px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0px auto;
    background-image: url('../../html/Kopfbild.jpg');
    height: auto;
    border: 2px solid silver;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    responsive;
}

.headerstatic {
    background-position: 0px 0px;
    height: 32px;
    background-image: url('../img/Balkenverlauf.gif');
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    background-repeat: repeat;
    text-align: left;
    vertical-align: inherit;
    position: relative;
    width: 100%;
}

.headeractive {
    background-position: 0px 0px;
    height: 32px;
    background-image: url('../img/Balkenverlauf.gif');
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    background-repeat: repeat;
    text-align: left;
    vertical-align: inherit;
    position: relative;
}

#container {
    padding: 2px;
    max-width: 680px;
    width: 100%;
    margin: auto;
    height: 1050px;
    background-color: #EBEBEB;
    border: 2px solid silver;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.header {
    background-position: 0px 0px;
    height: 45px;
    background-image: url('../img/Balkenverlauf.gif');
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    background-repeat: repeat;
    text-align: left;
    vertical-align: middle;
    position: relative;
    width: 100%;
    max-width: 680px;
}

.headzeilerechts {
    width: 160px;
    float: left;
    padding-right: 5px;
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    height: 32px;
    position: relative;
    left: 500px;
    vertical-align: middle;
}

.Druck {
    width: 20%;
    height: 45px;
    float: left;
    padding-left: 5px;
}

.headzeilelinks {
    width: 30%;
    height: 45px;
    float: left;
    padding-left: 15px;
    vertical-align: middle;
}

.body {
    background-color: #FFFFFF;
}

.chkBox {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}



.UIBox_Body {
    margin: 8px 3px 5px 8px;
    border: 1px solid #51ABEE;
    padding: 2px;
    z-index: 1;
    border-radius: 4px;
    background-color: #ECF3F4;
    float: left;
}

.UIBox_Header {
    background-position: -5px;
    padding: 2px 2px 2px 4px;
    border: 1px solid #51ABEE;
    background-color: #B7CCDB;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-radius: 3px;
    height: 20px;
    max-width: 670px;
    background-image: url('../img/Balkenverlauf.gif');
}

.DatenfeldZelle {
    padding: 2px;
    background-color: #ECF3F4;
    width: 100%;
}

.warenkorbzeile {
    width: 98%;
    max-width: 660px;
    background-color: #ECF3F4;
    box-sizing: border-box;
}

.divTable {
    display: table;
    width: 100%;
    background-color: #eee;
    border: 1px solid #666666;
    border-spacing: 2px; /*cellspacing:poor IE support for this*/
    /* border-collapse:separate;*/
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

.divHeadrow {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.divRow {
    display: table-row;
    width: auto;
}

.Signatur {
    width: 50px;
    padding-left: 2px;
    float: left;
    background-color: #ECF3F4;
}

.Titel {
    width: 340px;
    max-Width: 340px;
    float: left;
    padding-left: 2px;
    background-color: #ECF3F4;
}

.Art {
    width: 80px;
    float: left;
    padding-left: 2px;
    background-color: #ECF3F4;
}

.Datum {
    width: 65px;
    float: left;
    padding-left: 12px;
    background-color: #ECF3F4;
}

.Plaetze {
    width: 20px;
    float: left;
    background-color: #ECF3F4;
    padding-left: 2px;
}

.loeschen {
    width: 24px;
    float: left;
    padding-right: 12px;
    background-image: url('../img/Delete.png');
    background-repeat: no-repeat;
    background-color: #ECF3F4;
}

.Auffrischeen {
    background-color: #ECF3F4;
    width: 5%;
    padding-right: 2px;
}

.Kundenhinweis {
    width: 100%;
}

.Eingabe {
    width: 40%;
}

.Marten {
    width: 30%;
}

.Schalter {
    width: 30%;
}

.UIBox_Info {
    padding: 0px 0px 0px 0px;
    width: 16px;
    height: 17px;
    float: right;
    textmode: multiline;
    background-image: url('../img/info.gif');
    background-repeat: no-repeat;
}

.UIBox_Message {
    display: block;
    margin: 5px 0px 2px 0px;
    padding: 2px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    width: 98%;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    z-index: 5;
}



.DatenfeldZelleW {
    width: 200px;
}

.EingabeZelle {
    padding: 2px;
}

.EingabeZelleW {
    padding: 2px;
    width: 200px;
}





.BeschriftungZelle {
    vertical-align: top;
    text-align: left;
    width: 20%;
}


.BeschriftungZelle {
    padding: 2px;
    vertical-align: top;
    caption-side: top;
}


.button {
    border: 1px hidden #0000FF;
    border-radius: 6px;
}

    .button:hover {
        border: 1px solid #0000FF;
    }



.Fehler {
    color: #FF0000;
    font-family: Arial;
    font-size: 10px;
}



.Overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.2;
    z-index: 1000;
}

.PopUpPanel {
    margin: 8px 3px 5px 8px;
    border: 1px solid #51ABEE;
    padding: 2px;
    border-radius: 4px;
    background-color: #ECF3F4;
    z-index: 2001;
    -moz-box-shadow: 3.5px 4px 5px #000000;
    -webkit-box-shadow: 3.5px 4px 5px #000000;
    box-shadow: 3.5px 4px 5px #000000;
}

.buchenButton {
    height: 32px;
    width: 128px;
}


.ajax__combobox_itemlist {
    position: relative !important;
    height: 100px !important;
    overflow: auto !important;
    top: 0px !important;
    left: 0px !important;
}



.Combo {
    z-index: 1222;
}
