<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* from main website */
* {margin: 0;padding: 0;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; height: 100%; }
body {overflow-x: hidden;font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px;background: #ADB8B9; color: #000000; line-height: 1.8}
a {color: inherit;cursor: pointer; text-decoration: none; outline: 0; /*-o-transition: all 0.5s linear; -mx-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; */}
#border-content li a {display: block;  width: 100%;  height: 100%;}
img {border: 0;}
.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both; }
.clear {clear: both;display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#cookieChoiceInfo {box-sizing: border-box; left: 0; bottom: 0; font-size: 12px; background: rgba(0, 0, 0, 0.8) !important; color: #fff; }
#cookieChoiceInfo a {text-decoration: none;color: inherit; }
#cookieChoiceInfo #cookieChoiceDismiss {display: inline-block;background: #fff;padding: 0 10px; color: #000; }

header.header {position: absolute; width: 100%; top: 0; z-index: 2; left: 0;}
header.header nav.lang {position: absolute; left: 15px; top: 39px; text-transform: uppercase; font-weight: 300;}
header.header nav.lang a {display: inline-block; height: 20px; line-height: 20px; color: #000000;}

header.header nav.nav {position: absolute; left: -15px; top: 42px; font-weight: 300;}
header.header ul#menu {margin-bottom: 20px;font-size: 14px;list-style: none;}
header.header ul#menu li {transition: opacity 0.3s ease-in-out; height: 20px; line-height: 20px; text-transform: uppercase; padding-left: 15px;}
header.header ul#menu li a {color: #000000; display: inline-block;}
header.header ul#menu li:hover::before, header.header ul#menu li.active::before {color: #fff; content: '+'; position: absolute; left: -5px;}
header.header ul#menu li:hover a, header.header ul#menu li.active a {color: #fff;}
#mlogin {margin-top: -30px; margin-bottom: 8px; color: #ffffff;}
header.header ul#menu li#mlogin a {color: #fff;}
header.header ul#menu li#mlogin:before, header.header ul#menu li#mlogin:hover::before, header.header ul#menu li#mlogin.active::before {font-family: 'Glyphicons Halflings'; content: "\e008";position: absolute; left: -5px; font-size: 10px; margin-top: 1px;}

header.header .logo {position: absolute;right: -132px;top: 29px;width: 430px;height: 40px;}
header.header .logo a {display: block; height: 100%;}

div.address {font-size: 16px;position: absolute;left: 8.33vw;bottom: 67px;color: #000000;line-height: 20px;}
div.address strong {font-weight: 500; color: #fff;}

.main-section {margin-top: 190px;  padding: 0px 0 152px 0;}
.frame {margin-top: 34px;}
#p4 #loginform {margin-bottom: 80px;}

footer.footer {min-height: 105px; height: 105px; background: #fff; position: fixed; bottom: 0; left: 0; right: 0;}
.footerlogo {float: left;margin: 0 36px 0 0;}
.markevon {text-transform: uppercase;display: inline-block;margin-top: 14px;color: #CCD3D3;}
.footerlogo img {width: 88px;}
footer.footer .footeraddress {padding: 9px 0 0 0; color: #000000;letter-spacing: 1px; font-size: 15px; line-height: 21px;}
footer.footer .footeraddress strong {font-weight: 500;}
footer.footer .footeraddress a {text-decoration: underline;}
footer.footer .footeraddress a:hover {color: #000; text-decoration: none;}
footer.footer .footeraddress .nbsp { width: 10px; display: inline-block;}
footer.footer .footeraddress .social { margin-top: 10px;}
footer.footer .footeraddress .social img {margin-right: 5px;}
/* **** */

#p1, h1,h2,h3,h4,h5,h6,.Tx-Formhandler, #p20 #loginform {text-transform: uppercase; }
h1 {margin-top: 55px; margin-bottom: 40px;font-weight: 300;letter-spacing: 2px;color: #fff;}
h1 {margin-bottom: 60px;}
h3 {font-size: 18px;margin-top: 30px;margin-bottom: 4px;}
.small-reset {font-size: 14px; letter-spacing: normal; font-weight: 400; text-transform: uppercase; color: #2C3D3D; margin-top: 3px;}
.small-reset span { text-align: right; display: inline-block;}
.small-reset .glyphicon {/*vertical-align: top;*/margin-left: 21px; line-height: 0px;}
#p3 ul {margin-left: 30px;}
button {text-transform: uppercase;}
.btn-primary:hover {background-color: #CCD3D3; }
.close {opacity: 1;}
.header &gt; .container {position: relative;}
#overlay{background-color:#000;opacity:1;z-index:9001;top:0;left:0;width:100%}
.popover {color: #000;}
#fileupload{margin-top: 60px; margin-bottom: 0px;}
#quickview-popup{background:#fff;width:400px;height:400px;border:5px solid #000;z-index:9002;left:35%;top:50%}
.padding0{padding:0!important}
.help, .choosesection, .loginsection, .surfaceinject, .thickness-select, #material, .materialinput .glyphicon-check, #populatefields, .filelist-head, #m20, #m21, #m22, #m23, #extrafields {display: none;}
.glyphicon {cursor: pointer;}
.btn-group-vertical {vertical-align: top;}
.spacer-tr { background-color: transparent !important;}
.spacer-tr {height: 100px;}
.template-download, .template-download2 {max-height: 60px;}
.template-download img, .template-download2 img, .template-download3 img {height: 34px; width: 74px;}
.files &gt;  div {vertical-align: middle; border-bottom: 1px solid #CCD3D3;}/* rgba(255,255,255,0.6)*/
.files p {margin: 0; width: 80%; float: left; font-size: 11px; margin: 10px 0; line-height: 40px;}
.files p, .materialinput, .dickeinput, .stueckzahlinput {height: 40px; border-right: 1px solid #CCD3D3;}/* rgba(255,255,255,0.6)*/
.template-upload .stueckzahlinput {border-left: 1px solid #CCD3D3;} /* rgba(255,255,255,0.6)*/
.materialinput, .dickeinput {margin-top: 10px; margin-bottom: 10px; padding-right: 10px;}
.materialconfig, .dickeconfig {margin-top: 0px;display: inline-block; position: relative; top: -7px; cursor: pointer;}
.materialconfig select, .dickeconfig select {cursor: pointer;z-index: 2;position: relative;background-color: transparent; }
.materialconfig select {width: 160px !important;}
.dickeconfig select {width: 85px !important;}
.dickeconfig {left: -120px;}
.genericselect {width: 200px; position: relative;}
.genericselect select {width: 138% !important; cursor: pointer; margin-left: 7px;}
.materialconfig:after,
.dickeconfig:after,
.genericselect:after {content: "\e114"; font-family: 'Glyphicons Halflings'; position: absolute; font-size: 10px; margin-top: 1px;cursor: pointer; }
@-moz-document url-prefix() {
	.materialconfig:after,
	.dickeconfig:after,
	.genericselect:after {z-index: -1;}
}
.materialconfig:after,
.dickeconfig:after {right: 3px; top: 5px;}
.genericselect:after {right: 15px; top: 12px;}
.deliveryblock .genericselect:after {z-index: 0; right: 5px}
.materialconfig .form-control, .dickeconfig .form-control { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.materialconfig select::-ms-expand, .dickeconfig select::-ms-expand { display: none;}
.fg-zip, .fg-zone {width: 50%; float: left;}
.gs-country {width: 100%;}

.stueckzahlinput {display: inline-block; width: 60%;  margin-top: 10px;}
.stueckzahlinput input {width: 100%;}
.dickeinput select, .materialinput select {vertical-align: top; margin-top: 4px !important;}
.materialinput .glyphicon-ok, .materialinput .glyphicon-edit, .materialinput .glyphicon-pencil, .dickeinput .glyphicon-ok, .dickeinput .glyphicon-edit, .dickeinput .glyphicon-pencil {top: -15px; float: right; font-size: 15px;}
.dickeinput .glyphicon-pencil.multi {top: 13px;}
.selectedMaterial, .selectedSpecial, .selectedSpecialMulti {display: inline-block; font-size: 11px; line-height: 12px; margin-right: 10px;margin-left: 8px; width: 235px; position: relative;}
.selectedMaterial {top: -9px;}
.template-download2 .selectedMaterial {top: 0px;}
#webcalcorder .template-download2 .selectedMaterial {top: 5px;}
.selectedSpecial {top: -23px;}
.selectedSpecialMulti {top: 8px;}
.template-download2 .selectedSpecial, .template-download3 .selectedSpecial {top: 0px;}
#webcalcorder .template-download2 .selectedSpecial {top: 6px;}
.files p .glyphicon-edit, .files p .glyphicon-pencil {float: right; top: 12px; right: 10px; font-size: 15px;}
.files p .glyphicon-ok {float: left;top: -27px;left: -22px;font-size: 15px;}
a.downloadlink:focus, a.downloadlink:hover, a.downloadlink.hover {color: #000000; }

.button-spacer {width: 17%;height: 34px;display: inline-block;}
.progress {min-width: 200px; margin: 18px 8px; height: 24px;}
.btn-lg, .Tx-Formhandler .nav-tabs li a, .fileinput-button, .continue, .startover {font-size: 15px; line-height: 20px; padding: 20px 12px !important; }
#c30 {margin-bottom: 60px;}
#c39 {margin-bottom: 0; }
#c39 h2 {font-weight: 400;}
#c39 h2 {color: #ccc;margin-left: 10px;}
#c39 ul, #c142 ul, #c138 ul, #c140 ul, #border-content ul {list-style: none; margin-top: 60px;}
#c142 ul, #c138 ul, #c140 ul, #border-content ul {margin-bottom: 124px;}
#c39 ul.simplelinks {clear: both;}
#c39 li.menusymbols, #c142 li, #c138 li, #c140 li, #border-content li {display: block;  height: 60px;  margin: 0; line-height: 60px; border: 1px solid #fff; cursor: pointer; float: left; text-align: center; border-right: none; text-transform: uppercase;}
#c39 li.menusymbols {/*width: 25%;*/ width: 50%; padding: 0 70px 0 80px;}
#border-content li {width: 25%;}
#p4 #border-content li, #p37 #border-content li, #p38 #border-content li   {width: 33.3%;}
#p38 .section h1.element-header, #p24 .section .element-header, #p34 .section .element-header, #p26 .section .element-header, #p33 .section .element-header, #p27 .section .element-header, #p28 .section .element-header {margin: 180px 0 60px 0;}
#p33 .section h1.element-header {margin-top: 60px;}
#c39 li.menusymbols:last-child, #c142 li:last-child, #c140 li:last-child, #c138 li:last-child, #border-content li:last-child {border-right: 1px solid #fff;}
#c39 li.menusymbols:hover, #c142 li:hover, #c140 li:hover, #c138 li:hover, #border-content li:hover {background-color: #536676; color: #ffffff;}
#c39 li.menudownloads { text-transform: none; float: left; width: 50%; text-align: center;}
#c39 li.menudownloads a {color: #000; font-size: 12px;}
.choosecontainer .buttonwrap {text-align: right;}
.editable {border: 1px solid #ADB8B9;padding: 2px 5px;background-color: #fff;color: #ADB8B9;}
#webcalcform .webcalcsubmit-container {display: none;}
#loginform ~ p {text-align: center;padding-top: 7px;font-size: 12px;text-transform: uppercase;}
#p1 .btn-primary,#p20 .btn-primary, #p4 .btn-primary, #p29 .btn-primary {border-color: #ADB8B9;}
.login-password {position: relative;}
.login-password button {position: absolute; outline:0; z-index: 10; right: 5px; top:0; font-size: 20px; line-height: 50px;}
.login-password button:hover {color: #000;}
#loginform .btn-primary {-webkit-user-select: text; -ms-user-select: text; -moz-user-select: text; user-select: text;}
#loginform .buttonwrap.withborder {border-right: 6px solid #ADB8B9; }
#loginform {background: #fff; height: 122px; margin-top: 1px;}
#loginform &gt; p { line-height: 114px;}
#loginform &gt; p a:hover {color: #000;}
#loginform ~ p { line-height: 22px;}
.glyphicon-question-sign {color: #fff;}
.btn {font-weight: 400;}
#pass {border-left: none;}
#user {border-left-color: #ADB8B9;}
#pass, #user {height: 62px; border-right-color: #ADB8B9; }
.login-forgot .btn-primary {margin-left: -2px; padding:20px 0px !important; cursor: pointer; box-sizing: content-box; /*border-bottom-color: #fff !important;*/}
/*#pass.btn-primary.focus, #pass.btn-primary:focus, #user.btn-primary.focus, #user.btn-primary:focus {color: #ffffff;background-color: inherit; outline: 0; border-color:#fff;}*/
#pass.btn-primary.hover, #pass.btn-primary:hover, #user.btn-primary.hover, #user.btn-primary:hover {color: #ffffff; background-color: #536676; border-color:#fff;} /*border-color: rgba(255,255,255,0.6); */
.btn-default {border-color: #ADB8B9;}
.btn-default:focus, .btn-default.focus,.btn-default:hover, .btn-default.hover {background-color: #fff; border-color: #CCD3D3;}
.userweiter .btn-default.hover, .userweiter .btn-default:hover, .login-forgot .btn-default:hover {color: #000000; background-color: #fff;}
.userweiter .btn-primary.hover, .userweiter .btn-primary:hover, .login-forgot .btn-primary:hover {color: #ffffff; background-color: #536676; border-color:#536676;} /*border-color: rgba(255,255,255,0.6); */
.femanager_note {background-position: 10px 17px !important;}
.withborder .btn-default, .userweiter .btn-default {border-bottom-color: #fff;}

li.symbols20 {background: transparent url('/fileadmin/img/freie-kontur.png') no-repeat 57px center;}
li.symbols21 {background: transparent url('/fileadmin/img/multipart.png') no-repeat 70px center;}
li.symbols22 {background: transparent url('/fileadmin/img/fertigartikel.png') no-repeat 55px center;}
li.symbols23 {background: transparent url('/fileadmin/img/standardform.png') no-repeat 49px center;}
li.symbols20:hover {background-image: url('/fileadmin/img/freie-kontur-neg.png');}
li.symbols21:hover {background-image: url('/fileadmin/img/multipart-neg.png');}
li.symbols22:hover {background-image: url('/fileadmin/img/fertigartikel-neg.png');}
li.symbols23:hover {background-image: url('/fileadmin/img/standardform-neg.png');}

.alert {font-size: 11px; padding: 11px 15px; margin-top: -2px;}
.modal-header {width: 60px; position: absolute; top: 14px; right: -115px; padding: 0;}
#extrafields .modal-header, #modal-showrequest .modal-header {top: 135px;}
.modal-header .close, .modal-header .apply {opacity: 1;width: 60px;height: 42px;font-size: 26px;}
#extrafields .modal-header .close, #extrafields .modal-header .apply, #modal-showrequest .modal-header .close, #modal-showrequest .modal-header .apply {height: 62px;}
.modal-header .close {color: #ADB8B9;}
.alert-dismissible .close {right: -4px;}
.files-container {margin-bottom: 0px;}
.tdhead {font-size: 11px; font-weight: 400;}
.tdhead span {font-size: 15px; margin-left: 4px;}

.fileupload-buttonbar {}
.fileupload-buttonbar .btn {margin-top: -1px;}
.uploaderpadding {padding-top: 60px !important;}
.col-lg-9.alertbox {padding-top: 60px;}
.form-control, .form-control:focus {border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
button.continue, button.startover {position: relative; width: 100%; border: 1px solid #CCD3D3; /* border: 1px solid rgba(255,255,255,0.6); */ border-right: none; color:#000000; float: right; background: #ffffff;}
.pfeil {width: 12px; height: 60px; position: absolute; top: 0px; right: -12px; background-image: url('/fileadmin/img/pfeil-neg.png'); }
.pfeil.mirrored {-moz-transform: scaleX(-1); -o-transform: scaleX(-1);  -webkit-transform: scaleX(-1);  transform: scaleX(-1); filter: FlipH;  -ms-filter: "FlipH"; right: auto; left: -12px;}
button.continue:hover, button.continue.hover, button.startover:hover, button.startover.hover, span.fileinput-button:hover, span.fileinput-button.hover {background-color: #536676; color: #ffffff;}
button.continue:hover .pfeil, button.startover:hover .pfeil  {background-image: url('/fileadmin/img/pfeil.png') !important;}
.continue-container, .correct-container, .continuebutton {padding-top: 60px;}
.startover-container {padding-top: 0px;}
.filelist-head, .filelist-head2 {border-bottom: 1px solid #CCD3D3;} /*border-bottom: 1px solid rgba(255,255,255,0.6);*/
.anzahl-container, .actions-container {float: left;}
.anzahl-container {width: 60%}
.actions-container {width: 40%;}
.files .preview {width: 20%; height: 40px;overflow: hidden;display: block;float: left;margin-top: 10px;margin-bottom: 10px;}
.files .preview a {height: 40px; width: 80px; background: #fff; display: block; text-align: center; padding: 3px;}
.files .error {display: block;float: left; font-weight: bold; min-height: 40px; margin-top: 10px; margin-bottom: 10px; padding: 0px 12px;width: 60%;line-height: 20px; border-left: 1px solid #CCD3D3; border-right: 1px solid #CCD3D3;} /*border-left: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6);*/
select.form-control {width: auto; height: 20px; padding: 0px 4px; margin-bottom: 0px; font-size: 15px; line-height: 16px;-moz-appearance:window;-webkit-appearance:none;border: none; outline: 0; box-shadow: none; margin-top: 6px;}
select.form-control option {padding-left: 5px; border: none; outline: 0; box-shadow: none;  font-size: 15px; padding-top:5px; background-color:#FFF; color:#2C3D3D; height: 30px;}

select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000000;}

.delete, .cancel, .copy-to-next {display: block; width: 18%;margin: 0; padding: 0; float: right; margin-top: 16px;  color: #000000;}
.delete, .cancel {text-align: right;}
.copy-to-next {text-align: left;}
.kopieren {background: transparent url('/fileadmin/img/kopieren.png') no-repeat; width: 20px; height: 30px;}

.modal {background: #E4E8E7;}
.modal-content {background-color: #E4E8E7; border: 1px solid #E4E8E7; box-shadow: none;}
.modal-header, .modal-footer {border: none;}
.modal-body .btn  {background-color: transparent; color: #000000; border-color: #ADB8B9; width: 100%; height: 40px; border-left: none !important; border-right: none;  font-weight: 400; }
.modal-body label, .modal-footer label {font-weight: 400;}
.modal-body label {font-size: 12px;}
.modal-body .btn.active {background-color: #536676; color:#fff;box-shadow: none; border-color: #ffffff;}
.modal-body .btn:hover {background-color: #fff; border-color: #CCD3D3; color: #000000;}
.modal-body .btn.active:hover {background-color: #ADB8B9; color: #ffffff;}
.alloyinfo, .surfaceinfo, .dickeinfo {padding: 10px 10px; line-height: 20px; text-align: center; width: 100%; background-color: #536676; margin: 0; color: #fff; border-right: 1px solid #ADB8B9;}
.thicknessbtngroup  select {overflow-y: auto;scrollbar-width: none; background:transparent none; height: auto; color: #000000;  width: 100%; text-align: center; margin: 1px 0 0 0; padding: 0;}
.thicknessbtngroup  select option {color: #000000;text-shadow: none;height: 39px; padding: 10px 0;margin: 0; border-bottom: 1px solid #ADB8B9; background-color: #E4E8E7;}
.thicknessbtngroup  select option:first-child {height: 40px; margin-top: -1px; }
.modal-body .form-control:focus {border: none; box-shadow: none; margin-left:0px; background:white; }
.thicknessbtngroup select option.selected {color: #ffffff; border: 1px solid #ffffff; border-left: none; border-right: none; box-shadow: none !important; margin-left:0px !important; background-color: #536676 !important; background-image: linear-gradient(#536676, #536676);}
.thicknessbtngroup select option:hover {color: #000000 !important; border: none !important; box-shadow: none !important; margin-left:0px !important; background-color: white !important; background-image: linear-gradient(#ffffff, #ffffff);}
.thicknessbtngroup select option.selected:hover {color: #ffffff; background-image: linear-gradient(#ADB8B9, #ADB8B9);}

.modal-footer {padding-top: 28px;}
.modal-footer .btn-link {line-height: 26px; font-weight: 600; width: 66.6%; text-align: left; padding: 7px 0 7px 18px; font-size: 12px;}
#extrafields .modal-footer .btn-link, #modal-showrequest .modal-footer .btn-link {width: 50%}
.modal-footer .btn-link span {margin-right: 6px;}
.modal-footer .applyselection { background-color: #fff; color: #2C3D3D;}
.modal-footer .dismiss {color: #ADB8B9;}
.modal-footer .twolines {text-align: left; font-size: 12px; padding-top: 12px; line-height: 26px;}
.modal-footer .twolines label {padding-left: 6px;}
.modal-footer .twolines .btn-link {padding-left: 6px; font-weight: 400; }
.modal-footer .twolines .btn-link:hover {color: inherit;}

#extrafields input[type="radio"], #extrafields input[type="checkbox"] {margin: 6px 6px 0 0;}
#extrafields .form-control {float: left;  width: auto; height: auto;}
#extrafields .form-group {margin-bottom: 10px; margin-top: 10px;height: 40px;padding: 7px 10px;  border-right: 1px solid #CCD3D3;}
#extrafields .col-md-3:last-child .form-group, #extrafields .col-md-6:last-child .form-group {border: none;}
#extrafields .row {border-top: 1px solid #fff;}
#extrafields .modal-footer {border-top: none;}
#extrafields .modal-body {margin-top: 120px;}
#extrafields .modal-body .row:last-child {border-bottom: 1px solid #fff;}
#extrafields .form-control-text {height:100%; background-color: #E4E8E7; border: none; width: 100%; padding-left: 12px;}

#modal-showrequest .row {border-top: 1px solid #fff;}
#modal-showrequest .modal-footer {border-top: none;}
#modal-showrequest .modal-body {margin-top: 100px;}
#modal-showrequest .modal-body .row:last-child {border-bottom: 1px solid #fff;}
#modal-showrequest h3 {margin-top: 10px; font-size: 19px; font-weight: bold;}
#modal-showrequest h4 {font-size: 16px; margin-bottom: 0px;}
#modal-showrequest .partslist {margin-top: 15px;}
#modal-showrequest .selectedMaterial { top: 4px;}
#modal-showrequest .rowitems {line-height: 60px; font-size: 13px;}
#modal-showrequest .extras {padding-top: 4px;}
#modal-showrequest .wraplines {display: inline-block; width: 150px;word-wrap: break-word; white-space: -moz-pre-wrap; font-size: 12px;}
#modal-showrequest .template-download3 .preview {float: left;}
#modal-showrequest .template-download3 .name {margin-top: 14px; display: block; line-height: 1.5;}
#modal-showrequest .template-download3 .filename {font-size: 13px; display: block;}

ul.twolines {font-size: 15px;float: right;line-height: 20px;letter-spacing: normal; color: #000; list-style: none; margin-left: 60px; margin-right: 20px;}
ul.newrequestlist {font-size: 15px;line-height: 20px;letter-spacing: normal; color: #000; list-style: none; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #fff;}
ul.newrequestlist li {padding-left: 16px; position: relative;}
ul.newrequestlist li::before {color: #000; content: '+'; position: absolute; left: 0px;}
.oneline {color: #000; font-size: 22px; letter-spacing: normal; line-height: 40px; vertical-align: top;}
.userrequests h1.nomarginbottom, .useroffers h1.nomarginbottom {margin-top: 10px;}
.userrequests h1.nomarginbottom, .useroffers h1.nomarginbottom {margin-bottom: 0px;}
.userrequests h2, .useroffers h2 {font-size: 22px; margin-bottom: 60px; margin-top: 120px !important;}
.userrequests h2.nomargintop, .useroffers h2.nomargintop {margin-top: 15px !important; margin-bottom: 5px;}
.useroffers h1 {margin-bottom: 117px;}
.userrequests .requestlist &gt; div, .useroffers .requestlist &gt; div {border-right: 1px solid #fff; height: 50px; padding-left: 20px;}
.userrequests .requestlist &gt; div:first-child, .useroffers .requestlist &gt; div:first-child {padding-left: 0px;}
.userrequests .requestlist &gt; div.actions, .useroffers .requestlist &gt; div.actions {border: none; padding-left: 8px;}
.trimtext {white-space: nowrap; overflow: hidden;}
.messagerow {margin-top: 14px;}
.control-container, .wait-container, .order-container, .final-container {margin-top: 60px;}
.subheader {font-size: 16px;}
.filelist-head2 {margin-top: 20px;}
/* .template-download2 {background-color: #fff; } */
.template-download2  p.name, .template-download2 .materialinput, .template-download2 .dickeinput, .template-download2 .stueckzahlinput {border-color: #CCD3D3; } /*border-color: rgba(67,74,84,0.6);*/
.template-download2 .preview {width: 32%; margin-left: 4%;}
.template-download2 .materialinput {margin-top: 10px;}
.template-download2 .dickeinput {margin-top: 10px; overflow-y: auto;}
.template-download2 .selectedMaterial, .template-download2 .selectedSpecial {font-size: 12px; line-height: 13px;}
.template-download2 .filename {    font-size: 10px; letter-spacing: -0.8px;}
.template-download2 p.name, .waitmessages p.name {width: 64%;}

.template-download3  p.name, .template-download3 .materialinput, .template-download3 .dickeinput, .template-download3 .stueckzahlinput {border-color: transparent; }
.template-download3 .preview { width: 32%;  margin-left: 4%;  margin-top: 15px;  margin-right: 20px;  display: inline-block;}
.template-download3 .materialinput {margin-top: 10px;}
.template-download3 .dickeinput {margin-top: 12px;}
.template-download3 .selectedMaterial, .template-download3 .selectedSpecial {font-size: 12px; line-height: 13px;}
.template-download3 .filename {font-size: 13px;}
.template-download3 p.name {display: inline;}

.stueckzahlvalue {line-height: 40px; margin-top: 10px; margin-left: 8px;}
.margintop60 {margin-top: 60px; border-top:1px solid #CCD3D3; }
.margintop34 {margin-top: 34px; border-top:1px solid #CCD3D3; }

.requestlist &gt; div { padding-right: 10px;}
.offerlabel {width: 120px; display: inline-block;}
.useroffers .offerlabel {width: 95px; letter-spacing: -1.2px;}
.useroffers .datelabel {letter-spacing: -0.5px;}
.currencylabel {display: inline-block; text-align: right; /*width: 70px;*/}
.statuslabel, .deliverylabel, .errorlabel, messagelabel {color: #666969;}

.address-head {border-top: none;}
.delivery-head, .company-head {padding-top: 34px;}
.webcalcform2 .row, .webcalcform3 .row {border-bottom:1px solid #CCD3D3;} /*rgba(255,255,255,0.6);*/
.webcalcform3 .row.template-download2, .row.template-download3 {border-color: #ADB8B9;} /*.webcalcform2 .row.template-download2, */
.webcalcform2 .form-group, .webcalcform3 .form-group {position: relative; margin: 10px 0; height: 40px;}
label.insideinput {display: block; margin-bottom: 0px; font-weight: 400; position: absolute; top: 8px; right: 10px;}
.form-group {border-right:1px solid #CCD3D3;} /*rgba(255,255,255,0.6);*/
.noborder , .noborder .form-group {border: none !important;}
i.glyphicon {position: absolute; top: 15px; left: 10px; cursor: pointer;}
#deliverydate {margin-left: 20px; width: 80%;}
#deliverytime {color: #000000; margin: 5px 0 0 10px;}
#deliverymethod, #gender {margin-top: 7px; margin-left: 7px;}
#privacy {margin-left: 12px; margin-right: 6px;}
#privacy + label {font-weight: 400; font-size: 11px;}
#certificate {margin-left: 12px;vertical-align: middle;margin-top: -12px;}
#certificate + label { font-weight: 400; font-size: 11px; line-height: 40px;width: 260px;line-height: 15px;vertical-align: middle;margin: 5px 0 15px 5px;}
label[for="certificate"] {text-transform: none;}
label[for="ordernumber"], label[for="projectnumber"] {width: 50%; font-weight: normal; padding-left: 12px;text-transform: none;}
#ordernumber, #projectnumber {display:inline-block; width: 49%;}


.deliveryblock .glyphicon-question-sign {color: #000000;}
[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {background-color: transparent;}

select.missing, .webcalcform2 .form-control.missing, .webcalcform2 .form-control.existing, .webcalcform3 .form-control.missing, .webcalcform3 .form-control.existing, .stueckzahlinput input.missing {color: #ff0000;}
.webcalcform2 .form-control.missing::-moz-placeholder, .webcalcform2 .form-control.existing::-moz-placeholder, .webcalcform3 .form-control.missing::-moz-placeholder, .webcalcform3 .form-control.existing::-moz-placeholder {color: #f00; }
.webcalcform2 .form-control.missing:-ms-input-placeholder, .webcalcform2 .form-control.existing:-ms-input-placeholder, .webcalcform3 .form-control.missing:-ms-input-placeholder, .webcalcform3 .form-control.existing:-ms-input-placeholder {color: #f00; }
.webcalcform2 .form-control.missing::-webkit-input-placeholder, .webcalcform2 .form-control.existing::-webkit-input-placeholder, .webcalcform3 .form-control.missing::-webkit-input-placeholder, .webcalcform3 .form-control.existing::-webkit-input-placeholder {color: #f00; }
input[type="checkbox"].missing {display: none;}
input[type="checkbox"].missing + label:before {border: 1px solid #ffffff; background: #f00; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 16px; margin: 0 .25em 0 0; padding:0; vertical-align: top; width: 16px; text-align: center;}

.wait-container &gt; .row, .final-container &gt; .row {padding-bottom: 20px; border-bottom: 1px solid #CCD3D3;} /*rgba(255,255,255,0.6);*/
.wait-container .waitmessages, .final-container .waitmessages {padding-bottom: 0; text-transform: none;}
.waitmessages .preview {width: 32%; float: left;}
.waitmessages .preview img {height: 60px;}
.waitmessages .preview .glyphicon {font-size: 22px; margin-top: 17px;}
.waitmessages .csvicon img {height: 30px; margin: 15px 0;}
.withcertificate .form-group {
    width: 350px;
}


.waitmessages .progress {min-width: 0; margin: 18px 0px; width: 90%;}
.waitmessages .progress .progress-bar {width: 100%;}
.waitmessages .message {height: 40px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; line-height: 38px;white-space: nowrap;overflow: hidden; border-left: 1px solid #CCD3D3;} /*rgba(255,255,255,0.6)*/
.waitmessages p.name {float: left; font-size: 16px; line-height: 36px; margin-top: 10px;}

label[for="privacy"] { text-transform: none;}
.lines2 {margin-top: 14px !important;}
#webcalcorder .lines2 {margin-top: 10px !important;}
.prices, .shprices, .pricestotal {text-align: right; }
.prices, .shprices {padding-right: 12px;margin-top: 17px;}
.pricestotal {padding-right: 29px; font-weight: bold;line-height: 40px; margin-bottom: 7px; margin-top: 8px;}

.csc-mailform input, .csc-mailform select { background: #000;}
.alert-info { background-color: #ADB8B9; color: #ffffff;padding: 10px 12px !important;	 border-left: medium none; text-transform: none; border-color: #CCD3D3; } /*border-color: rgba(255, 255, 255, 0.6); */
.alert { font-size: 14px;  line-height: 20px;  margin-top: -1px;}
.loginchangepass { margin-top:0; margin-bottom:1px; }
#tx_felogin_pi1-newpassword2 { border-left:0; }

.femanager_edit .col-md-12 .form-group {border-right: none; height: auto;}
.femanager_edit h2 .glyphicon.glyphicon-question-sign, .femanager_edit h1 .glyphicon.glyphicon-question-sign {font-size: 14px; vertical-align: top;}
.femanager_edit h2, #c64 h2 {font-size: 22px;}
.femanager_edit h2 {margin-top: 60px;}
.femanager_edit textarea.form-control {height: 40px; overflow: hidden;}
#c64 &gt; h2 {margin-top: 55px;margin-bottom: 50px;font-weight: 300;letter-spacing: 1px;color: #fff;font-size: 34px;}
.femanager_fieldset {float: left; margin: 10px 5px !important; display: block;}
.femanager_fieldset .alert {position: absolute;z-index: 100;background: #000;margin-top: 40px;}
.femanager_fieldset input, .femanager_fieldset select, .femanager_fieldset option, .femanager_fieldset textarea {color: #000; height: 30px; display: block; width: 175px;}
.femanager_gender .controls {width: 360px;}
.femanager_gender .radio {width: 175px; float: left; display: block; padding-left: 30px;}
.femanager_gender .radio input[type="radio"] {left: 0; width: 20px; margin-left: 0; margin-top: 0px;}
.form-horizontal .femanager_gender .radio {padding-top: 0;}
.femanager_submit {margin-top: 43px !important; width: 175px;}
#femanager_field_submit {color: #fff; line-height: 15px;}
#femanager_field_submit:hover {color: #000;}
.fedelete {margin-top: 42px !important;}
.femanager_fieldset .btn-warning {height: 30px;line-height: 18px;width: 175px;color: #fff;}
.template-download2 .col-md-3 { height: 60px;}
.downloadlink {vertical-align: middle;line-height: 40px; text-transform: none;}
.downloadlink img {width: auto; height: 24px;margin: 8px 8px 8px 13px;}
.wait-continer .downloadlink img {margin: 14px 20px 20px 0px; vertical-align: middle;line-height: 24px;}

.shortrow {width: 50%;}
.shortrow .col-md-3 { width: 50%;}


.requestlist .actions {line-height: 15px; font-size: 12px; margin-top: -8px; text-align: right;}
.requestlist .col-sm-1 {padding-top: 6px;}
h3.loginlogout {margin-top: 4px;}
.bankkoordinaten {margin-top: 15px;margin-bottom: 10px; text-transform: none;}
.finalback a {text-transform: none; line-height: 40px;}

.femanager_flashmessages &gt; div, .femanager_note {background-image: none !important; padding-left: 12px !important;}
.userrequests, .useroffers {clear: both;}
.popover {font-family: "Lato",Helvetica,Arial,sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; overflow-wrap: normal;text-align: start; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal;}
.popover.right &gt; .arrow { left: -9px; border-right-color: #fff;}
.nav-tabs &gt; li &gt; a:hover, .nav-tabs &gt; li &gt; a:focus {color: #fff;background-color: transparent; border: 1px solid transparent !important; cursor: default;}
.nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:hover, .nav-tabs &gt; li.active &gt; a:focus {color: #ADB8B9; background-color: #fff; border: 1px solid #fff; border-bottom-color: transparent; cursor: default;}
.Tx-Formhandler .nav-tabs {border-top: 1px solid #CCD3D3; border-bottom: 1px solid #CCD3D3;}
.Tx-Formhandler .nav-tabs li {width: 25%; text-align: center;  border-right: 1px solid #CCD3D3; } /*border-top: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6);*/
.Tx-Formhandler .nav-tabs &gt; li &gt; a {margin-right: 0px;}
.nav-tabs &gt; li.oneone &gt; a, .nav-tabs &gt; li.twotwo &gt; a, .nav-tabs &gt; li.threethree &gt; a, .nav-tabs &gt; li.fourfour &gt; a, .nav-tabs &gt; li.oneone &gt; a:hover, .nav-tabs &gt; li.twotwo &gt; a:hover, .nav-tabs &gt; li.threethree &gt; a:hover, .nav-tabs &gt; li.fourfour &gt; a:hover {background-color: #CCD3D3; border: 1px solid #CCD3D3; cursor: default;}
.nav-tabs li.oneone::after, .nav-tabs li.twotwo::after , .nav-tabs li.threethree::after {content:''; width: 0; height: 0; content: ''; border-top: 31px solid transparent; border-bottom: 31px solid transparent; border-left: 12px solid #CCD3D3; display: block; position: absolute;top: 0;right: -12px;}
/*.nav-tabs li.oneone, .nav-tabs li.twotwo, .nav-tabs li.threethree {border-right: none;}*/
.Tx-Formhandler .nav-tabs &gt; li:hover, .Tx-Formhandler .nav-tabs &gt; li &gt; a:hover, .Tx-Formhandler .nav-tabs &gt; li &gt; a:focus {color: #000000;}
.nav-tabs li ,.nav-tabs li a { color: #000000; }
.nav-tabs li::before { color: #000000; font-size: 40px; position: absolute; left: 22px; top: -6px; z-index: 1; font-weight: 700;}
.nav-tabs li.oneone::before, .nav-tabs li.onetwo::before, .nav-tabs li.onethree::before, .nav-tabs li.onefour::before {content: '1';}
.nav-tabs li.twoone::before, .nav-tabs li.twotwo::before, .nav-tabs li.twothree::before, .nav-tabs li.twofour::before {content: '2';}
.nav-tabs li.threeone::before, .nav-tabs li.threetwo::before, .nav-tabs li.threethree::before, .nav-tabs li.threefour::before {content: '3';}
.nav-tabs li.fourone::before, .nav-tabs li.fourtwo::before, .nav-tabs li.fourthree::before, .nav-tabs li.fourfour::before {content: '4';}
.Tx-Formhandler .nav-tabs li:first-child { border-left:1px solid #CCD3D3; }
.popover { min-width:180px; }
.nav-tabs { pointer-events:none; }

#materialmatrix { width: 100%;margin-top: 180px; margin-bottom: 40px;}
#materialmatrix thead th {text-align: center;}
#materialmatrix thead th.legend {text-align: left; padding: 0 10px 0 8px;}
#materialmatrix tbody th {width: 33.3%; padding-left: 8px; font-weight: normal;}
#materialmatrix td {width: 33px;}
#materialmatrix td, #materialmatrix th {border: 1px solid #fff;}
#materialmatrix td a {display: block; width: 100%; height; 15px; text-align: center;}
#materialmatrix td.notavailable {}
#materialmatrix td.optional a {background-color: #ff0000; color: #ff0000;}
#materialmatrix td.standard a {background-color: #536676; color: #536676;}
#materialmatrix .chosen {-moz-box-shadow: inset 0px 0px 5px #009900;-webkit-box-shadow: inset 0px 0px 2px #004400;box-shadow: inset 0px 0px 2px #004400;}
#p33 td a {cursor: default;}

.resetpwdbutton a { display: block; width: 260px; height: 40px; border: 1px solid #CCD3D3; background-color: #536676; margin: 10px auto; line-height: 36px; font-size: 14px; color: #fff;}
.centerall {text-align: center; padding: 43px;}
#c169, #c171 {margin-top: 0; margin-bottom: 100px; font-size: 13px;}
#c169 label, #c171 label {font-weight: normal; color: #444; margin: 0 0 0 10px; cursor: pointer;}
#c169 label.changtolabel, #c171 label.changetolabel {margin-left: 10px;}

.alldownloads {padding: 20px 0; margin-bottom: 20px;}
.alldownloads img {margin-right: 10px; width: 25px; height: auto;}
.alldownloads .col-sm-6, .downloadsnote {font-size: 12px;}
.btn.empty span, #m18 {display: none;}
span.uploads-filesize {color: #273a47; font-size: 75%; margin: 0 10px;}

/*
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #2c3138;
  border-color: rgba(191, 191, 191, 0.6);
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #2c3138;
  border-color: rgba(224, 224, 224, 0.6);
}
.btn-primary:active,
.btn-primary.active,
.open &gt; .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #2c3138;
  border-color: rgba(224, 224, 224, 0.6);
}
*/

</pre></body></html>