/* CSS Document 
 v2021-02-08
*/
FORM .container {
    background-color: #faf8f2;
    border:1px solid #e0e0e0;
    padding: 1px;
    max-width:680px;
    margin:auto;
    /*font-size:95%;*/
}
FORM .container LABEL{padding-top:5px;line-height:1.3;display: inline-block;}
FORM .row{margin-bottom:3px;}
/* Clear floats after the columns */
FORM .row:after {
    content: "";
    display: table;
    clear: both;
}
FORM .col-25,
FORM .col-40,
FORM .col-60,
FORM .col-75{
    float: left;
    margin-top: 6px;
    box-sizing: border-box;
    padding-right:10px;
    padding-left:10px;
}

FORM .col-25 { width: 25%; text-align:right;}
FORM .col-40 { width: 40%; text-align:right;}
FORM .col-60 { width: 60%;}
FORM .col-75 { width: 75%;}

@media (max-width: 800px) {
    FORM .col-25,FORM  .col-40,FORM .col-60, FORM .col-75 { width: 100% !important; margin-top: 0; }
    FORM .col-25,FORM .col-40 {text-align:left;margin-top:10px;}
}

input:invalid {}

.inputsubmit:invalid {
  box-shadow: 0 0 5px 1px red;
}


DIV.err{ border:1px solid #ff2222;  background-color:#ff9999;
         padding:3px;
									padding-left:10px; padding-right:10px;
         display:block;
         text-align:left;
         margin-top:0px;
         margin-bottom:3px;
         line-height:1.1;
       }

FORM .br{ clear:left;}
FORM .titel{background-color: #777; background-color:var(--TitelBG);  color:#fff; color:var(--TitelColor);padding:5px; padding-left:15px;padding-right:15px;}
FORM INPUT,FORM SELECT {/*margin-bottom:3px;*/vertical-align: middle;}

/*** ComboBox <select><input> ***/
SELECT.combo option{ color:#444F;}
SELECT.combo, INPUT.combo {height:30px;}
SELECT.combo{appearance: none;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAWlBMVEX////8/PxfX1/4+PjT09NycnJmZmZWVlbg4ODb29vFxcXBwcG8vLyrq6unp6ecnJx0dHRsbGxiYmLt7e3f39/X19fPz8/Ly8u2traysrKhoaGSkpJcXFxZWVkV1i2DAAAAbElEQVQI102OWQ6EQAhEC+i2x9Fxm831/te0C2P0wUfxAgkgkkEuYWR6ByY3j9K9LVrhMGUXP1SoB6197dul1kCFatARhhDTLHAEz0InhD41diqja+PW8Nph+Be6vnAZ9q+nEVzkl4Tgxm3YAToPArp5gPuJAAAAAElFTkSuQmCC');
  background-position:right 2px center;
  background-repeat:no-repeat;
  cursor:pointer;
  color:#4440;
  border:1px solid #ccc;border-right:none;
  width:25px;
  padding:5px; outline: none;
  margin-right:0;
}
INPUT.combo {border:1px solid #ccc;border-left:none;color:#444;padding:4px;margin-left:0;}
/****************************/