body { padding:0px; margin:0px; font-family:arial; font-size:11pt; background-color:#d9cfc5; color:#58585a;}

BODY.BRAUN-AUDIO {
    background-color:#FFFFFF; color:#000000;
}
BODY.PURE {
    background-color:#FFFFFF; color:#000000;
}
DIV.Left { float:left;}
DIV.Right { float:right;}
DIV.Clear { clear:both;}


DIV.Holder { width:970px;}
DIV.Outer { margin-left:0px;}
DIV.TextSetter {
    text-align: left;
}
h2 { font-size:18pt; margin:0px; margin-bottom:20px;}

A {
    color:#997a6b;

}
A:Hover {
    color:#000000;

}

.BRAUN-AUDIO A {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}
.PURE A {
    color: #7ec9b4;

}

INPUT, TEXTAREA { background-color:#FFF; color:#58585a; border:solid 1px #c6c7c8; padding:30px; width:100%; box-sizing: border-box;resize: none  }
.BRAUN-AUDIO INPUT, TEXTAREA{
    color: #000000;
    border:solid 1px #000000;
}
DIV.Space { height:40px;}
DIV.Space2,DIV.Space20 { height:20px;}
DIV.Field { margin-bottom:10px;}
INPUT.Small2  {width: calc(100% / 3 - 10px); margin-right: 10px; }
INPUT.Small, TEXTAREA.Small, DIV.Preis  { width: calc(100% / 3 - 0px);}
TEXTAREA { padding: 0px; line-height: 40px; }
DIV.Preis { background-color:#58585a; color:#FFF; font-weight:bold; padding: 20px; height: 80px; overflow: hidden; vertical-align: middle; outline: none; margin: 0px; width: calc(100% / 3 - 0px); display: inline-block;}
INPUT.FileUpload { width: calc(100% - 0px); margin-right: 0px; border: none;  }
INPUT.Button { width:100%; border:none; background-color:#997a6b; color:#FFF; text-align:center; font-size:18pt; text-transform:uppercase;  border-box;resize: none}
.BRAUN-AUDIO INPUT.Button {
    background-color:#000000;
}
.PURE INPUT.Button {
    background-color:#7ec9b4  ;
}
INPUT[type=radio] { width:auto;}
INPUT.Button:Hover {
    opacity: .8;
}

.BRAUN-AUDIO INPUT.Button:Hover {
    color:#000000;
    opacity: 1;
    background-color: #ffb81c;
}
.PURE INPUT.Button:Hover {
    color:#FFFFFF;
    opacity: 1;
    background-color: #e1de06 ;
}
IMG { border:none;}
DIV.Anfrage A {  font-size:10pt; text-decoration:none;}
DIV.CreateItem A { color:#97bf0d; }
DIV.DeleteItem A { color:#e43000; }
DIV.DeleteItem { margin-left:20px; line-height:20px;}
DIV.CreateItem {line-height:20px; }
TEXTAREA.Field { padding:20px; }
INPUT.Error { background-color:#F7898A; }
INPUT.Preis { background-color:#58585a; color:#FFF; font-weight:bold;}


.Field100 INPUT { width: calc(100% - 0px); }
.Field100 SELECT { width: calc(100% - 0px); padding: 30px; border-color: #c6c7c8; border-width: 1px; background-color: #FFFFFF}

.BRAUN-AUDIO .Field100 SELECT {
    border-color: #000000;
}

INPUT.Error, SELECT.Error { background-color: #F7898A;}
INPUT.FieldDisabled, SELECT.FieldDisabled { background-color: #eeeeee; color: #aaaaaa;}

DIV.Text {
    line-height: 150%;
}
DIV.Header {margin-bottom: 0px; width: 970px;}
DIV.Header IMG {max-width: 100%;}
DIV.User { background-color:#000000; color:#FFFFFF; font-size:80%; margin-bottom: 20px; padding:20px;}
DIV.User A { color:#FFFFFF;}
DIV.User A:Hover {color:#FFFFFF;}
.Loader { text-align: center; background-color: #FFFFFF; border:solid 1px #c6c7c8; padding:30px;}

DIV.FileUploadArea {
    background-color: #FFFFFF; border:solid 1px #c6c7c8; padding:30px;
    width: 100%;
}
.BRAUN-AUDIO DIV.FileUploadArea {
    border-color: #000000;
}



DIV.FileUploadArea.Error {
    border: solid 4px #F7898A;
}

DIV.FileUploadArea INPUT { padding: 0px;}
DIV.FileUploadArea .filesUploaded { padding-top: 10px; }
DIV.FileUploadArea .progress {display: none;}
DIV.FileUploadArea .FileRow { border-bottom: solid 1px #CCCCCC; background-color: #efefef; font-size: 100%;}

DIV.AntragFiles .File {border-bottom: solid 1px #CCCCCC; background-color: #efefef; font-size: 100%; padding:6px; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;}
DIV.AntragFiles .File .DeleteItem { cursor: pointer; padding-right: 8px;}
DIV.AntragFiles .File:Hover { background-color: #cccccc;}

.AuftragControl { float: left; margin-right: 20px; cursor: pointer;}
.AuftragControl IMG { vertical-align: middle; line-height: 30px; margin-right: 5px;}
.AuftragControl:hover { opacity: .7;}

.mobile DIV.Header { width:100%;}
.mobile DIV.Header IMG {max-width: 100%;}
.mobile DIV.Holder { width:100%;}
.mobile DIV.Outer { margin-left:20px; margin-right: 20px;}

DIV.Auftragtitle { background-color: #000000; color:#efefef; padding: 20px; margin-bottom: 20px; }

/* css radio

 */


.control {

    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    margin-bottom: 0px;
    padding-top: 4px;
    cursor: pointer;



}

label.control { font-weight: normal;}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;

}

.RadioHolder.Error {
    background-color:#F7898A;
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;

}
.MobileOnly { display: none}
.mobile .MobileOnly { display: block}

.mobile .NoMobile { display: none;}
.mobile label.break-on-mobile {
    display: block;
}
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}
.control-radio .control_indicator {
    border-radius: 50%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #97bf0d;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
}
.control-radio input:disabled ~ .control_indicator:after {
    background: #7b7b7b;
}
DIV.CheckBoxOuter {
    border: solid 1px #FFFFFF;
    padding: 20px;
}

.BRAUN-AUDIO DIV.CheckBoxOuter{
    border-color: #000000;
}
DIV.CheckBox { float:left; width:30px; padding:0px; margin:0px; margin-top: 4px }
DIV.CheckboxText {  line-height:24px;   }
INPUT.Checkbox { border: solid 1px #f5f5f4; border-radius:0px; width:20px;height:20px;padding:0px; margin:0px;  margin-right:10px; }
DIV.CBHolder {
    margin-bottom: 2px;
}

DIV.CBHolder.Error {
    background-color: #F7898A ;
}
.selectBox-dropdown  {background:none;  background-color:#FFF;  border-radius:0px;  border: solid 1px #c6c7c8; margin:0px;  padding:30px; background-color:#FFFFFF;  color:#58585a; font-size:10pt; }
.selectBox-dropdown .selectBox-arrow { border-left:none; width:50px; background-repeat:no-repeat; margin:0px; padding:0px;  }
.selectBox-dropdown .selectBox-arrow .Notify { opacity:0;}

.selectBox-dropdown.Error {
    background-color: #F7898A;
}
/*
SELECT { display:none;}
 */

A.Half2 { margin-left:15px;}

.selectBox-dropdown-menu LI A { cursor: pointer; padding-top:15px; padding-bottom:15px; padding-left: 30px; border-bottom:solid 1px #e3e4e4; color: #58585a; text-decoration: none; }
.selectBox-options LI.selectBox-selected A {  }
.selectBox-options LI.selectBox-disabled A { background-color:#ffe6e6; color:#FFFFFF; font-style:italic; }
.selectBox-dropdown-menu { max-height:none;}

DIV.Text {
    color: #000000;
}
DIV.Text TABLE { margin-bottom: 20px;}
DIV.Text table td {
    border-right: #333 1px solid;
}

DIV.Text table th:first-child, DIV.Text table td:first-child {
    border-left: none;
}

DIV.Text table td {
    padding: 5px 10px;
    font-size: smaller;
}

DIV.Text table tr:nth-child(even) {
    background-color: #eee;
}

.BRAUN-AUDIO DIV.Text table tr:nth-child(even) {
    background-color: #FFFFFF;
}

.BRAUN-AUDIO DIV.Text table td {
    padding: 10px 10px;
}

.BRAUN-AUDIO DIV.Text table td P {
    padding: 0px;
    margin: 0px;
}

.mobile h1 {
    font-size: 20px;
}