.formular {
    background-color: rgb(240, 240, 240);
    width: auto;
    font-size: 12px;
    border-width: 0px;
    border-style: solid;
    border-color: red;
    margin-top: 20px;
    color: black;
}

.formular table {
    width: auto;
}

.formular td {
    font-size: 12px;
    text-align: left;
}

.formular form {
    background-color: rgb(220, 220, 220);
}

.formular .col1 {
    width: 100px;
}

.formular .col2 {
    width: 370px;
}

.formular .col3 {
    
}

.formular .headline {
    font-weight: bold;
}

.formular .gray {
    background-color: #eeeeee;
    color: #888888;
    cursor: pointer;
}

.formular .enabled {
    background-color: #aaaaaa;
    cursor: pointer;
}

.formular .active {
    background-color: yellow;
    color: blue;
    cursor: pointer;
}

.formular .selected {
    background-color: blue;
    color: yellow;
    cursor: pointer;
}

.compactformular {
    margin-bottom: 5px;
    
    background-color: #eeeeee;
   /* margin:2px; */
    font-weight: normal;
    font-size: 12px;
    
    border-width: 2px;
    border-style: solid;
    border-color: #cccccc;
}

.compactformular table {
    width: 100%;
}

.compactformular input.text {
    width:        47px;
    border-width:  0px;
    font-size:    12px;
    padding:       0px;
    margin:        0px;
    display:      inline;
}

.compactformular select {
    white-space:  pre;
    border-width:  0px;
    font-size:    12px;
    padding:       0px;
    margin:        0px;
    display:      inline;
}

.compactformular select option {
    border-width:  0px;
    font-size:    12px;
    padding:       0px;
    margin:        0px;
}

#content .compactformular h2 {
    background-color: #cccccc;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 3px;
    font-size: 16px;
}

#content .compactformular h3 {
   float: none;
   font-size: 14px;
   margin-top: 2px;
   margin-bottom: 2px;
}