#table-wrapper {
  position:relative;
}
#table-scroll {
  height:300px;
  overflow:auto;  
  #margin-top:10px;
  margin-right: 20px;
}
#table-wrapper table {
	hsl(28, 88%, 96%);
	width:100%;
	border: 1px solid black;
}

#table-wrapper table a {
	font-weight: normal;
	color:black;
}

#table-wrapper table * tr:nth-of-type(odd){
  background:hsl(28, 88%, 80%);
  color:black;
}

#table-wrapper table thead .text {
  #position:absolute;   
  #top:-20px;
  #z-index:2;
  #height:20px;
  #width:85%;
  #border:1px solid red;
  background: hsl(28, 88%, 66%); color: white;
}
#table-wrapper table th {
	#background:white;
	background: hsl(28, 88%, 66%); color: white;
	padding: 5px;
}

#table-wrapper table td {
	padding: 5px;
}


*{margin:0;padding:0;}
html,body{min-height: 100%;}
body{font-family:'Assistant';font-weight:400;font-size:13px;font-style:normal;padding-top:60px;color:#333;background:#eee;overflow-y:scroll;}
body.clean{width:100%;background:#fff;}
body.clean .content{margin:0 auto;max-width:400px;}
b,strong,h3,.bold{font-weight:600;}
h1{font-size:1.6em;font-weight:300;line-height:1.1em;margin-bottom:1em;}
h2{font-size:1.3em;font-weight:300;line-height:1.1em;margin-bottom:.8em;}
h3{font-size:1em;line-height:1.1em;margin-bottom:.4em;}
p{margin-bottom:1em;line-height:1.1em;}
table{border-spacing:0;margin-bottom:10px;}
table th,table td{padding:2px 20px 2px 0;vertical-align:middle;}
table th{padding-bottom:10px;}
table th:last-of-type, table td:last-of-type{padding-right:0;}
table th{font-size:.9em;font-weight:600;text-align:left;white-space:nowrap;color:#000;}
small{font-size:.8em;}

ul,ol{list-style:none;margin-bottom:1.5em;}
li{line-height:20px;}

input,label,input[type="text"],input[type="email"],input[type="number"],input[type="file"],textarea,option,select{display:inline-block;box-sizing:border-box;border:1px solid #9dc8e4;font-family:"Assistant";font-size:1em;}
input[type="file"]{border:0 none;}
input[type="checkbox"]{width:auto;vertical-align:middle;}
input[type="number"]{text-align:right;}

input.tag,input.monat,input.jahr{float:left;width:32%;margin-right:2%;}
input.jahr{margin-right:0;}
input.preis{max-width:80px;}
input.prozent{max-width:50px;}
input.rabatt{max-width:50px;}
input.menge{max-width:50px;}
input.gewicht{max-width:70px;}
input.lieferzeit{max-width:40px;}

a,a:visited {text-decoration:none;color:#AD191F;font-weight:600;border:0;outline:0;}
a:hover,a:focus,a.active {color:#000;}
a.new{display:inline-block;width:auto;cursor:pointer;}

textarea{width:100%;min-height:4em;resize:vertical;line-height:1em;}
label{border:0;margin-right:10px;}
select{padding:0;}
option{display:block;height:auto;line-height:normal;padding:0;margin:0;border:0;}

table input,
table select, 
table textarea{display:inline-block;width:100%;}

input:disabled,textaera:disabled,select:disabled{color:#555;}

form{width:100%;vertical-align:top;}

button,a.button{display:inline-block;height:26px;line-height:26px;padding:0 8px;border:0;font-family:Assistant;color:#fff;background-color:#AD191F;cursor:pointer;transition:background .2s;font-weight:300;}
button,a.button{color:#fff;background-color:#AD191F;}
button:hover,a.button:hover,a.button.active{color:#fff;background-color:#DA1F27;}
button:before,a.button:before{color:#fff;}
button::-moz-focus-inner {padding:0;border:0;}

.submit{float:right;clear:both;width:100%;margin:20px 0 0;text-align:right;}
.filter form{width:auto;}
.filter label,.filter input,.filter button,.filter select{float:left;height:26px;line-height:26px;margin-right:10px;width:auto;}
.filter button,.filter a.button,.filter span{float:right;margin:0 0 0 20px;height:26px;line-height:26px;}
.filter span:before{top:4px;}

header,.middle,footer{box-sizing:border-box;width:100%;padding:20px 0;}
header{position:fixed;top:0;z-index:9998;height:60px;padding:10px 1%;background:#AD191F;box-shadow: 0 0 10px rgba(0,0,0,.2);}
header ul{display:block;width:auto;list-style:none;margin:0;}
header li{float:left;margin:0 10px 0 0;}

.logo{float:left;width:auto;margin-right:100px;text-align:left;}
.logo a{display:block;vertical-align:middle;text-align:left;margin:0;padding:0;}
.logo img{display:block;height:40px;width:auto;margin:0;padding:0;text-align:left;}
.mainmenu{float:left;padding:5px 0;}
.mainmenu a,.mainmenu a:visited,.submenu a,.submenu a:visited{display:block;height:20px;line-height:20px;padding:5px 10px;background:rgba(255,255,255,.1);color:#fff;transition:background .2s;font-weight:400;}
.mainmenu a.active,.mainmenu a:hover,.submenu a.active,.submenu a:hover{background:rgba(255,255,255,.25);color:#fff;}
.extramenu{float:right;text-align:right;}
.extramenu ul{text-align:right;}
.extramenu li{float:right;margin:0 0 0 10px;}
.extramenu a,.extramenu a:visited{padding:0;background:none;color:#fff;}
.extramenu a.active,.extramenu a:hover{border-bottom:1px solid #C83D43;}
.middle{background:#eee;}
.content{background:transparent;}
.content > .left{/* position:fixed;top:80px;left:0; */width:18%;padding:1%;box-sizing:border-box;background:#AD191F;}
.content > .left section{color:#333;}
.content > .left section.clean{background:transparent;color:#fff;}
.content > .left h1,.content .left h2{color:#fff;}
.content > .left h1{font-size:2em;font-weight:400;text-transform:uppercase;}
.content > .left > a,.content > .left > a:visited{color:#fff;}
.content > .left section table td{vertical-align:top;}
.content > .left section table.angebote td{box-sizing:border-box;width:33.3%;padding:0 5px 0 0;overflow:hidden;white-space:nowrap;}
.content > .left section table.angebote td:last-of-type{padding:0;}
.content > .right{width:80%;margin-right:1%;padding:1%;box-sizing:border-box;background:#fff;}
.content > .center{width:60%;padding:1%;box-sizing:border-box;background:#fff;margin:0 auto;}
.content > .right.clean{padding:0;background:transparent;box-shadow:none;}

.submenu{padding-top:20px;border-top:1px solid #9B161C;}
.submenu ul{margin:0;padding:0;}
.submenu li a{display:inline-block;width:auto;}

section{display:block;padding:10px;margin:0 0 20px;box-shadow:0 1px 4px rgba(0,0,0,.2);background:#fff;}
section.clean{margin:10px 0;padding:0;box-shadow:none;background:none;}

footer{clear:both;color:#999;padding:2% 0;background:transparent;}
footer .left,footer .right{width:auto;}
footer nav{float:left;width:auto;margin-right:20px;}
footer nav:last-of-type{margin-right:0;}
footer .header{font-size:1.1em;margin-bottom:.6em;color:#dedede;}
footer ul{list-style:none;}
footer a,footer a:visited{color:#999;text-decoration:none;}
footer a:hover{color:#ddd;}
footer img.ssl{float:right;display:block;width:100px;margin:20px 0;}

h1{color:#353535;}
h2,.content .left h2,.paging a:hover,.paging a.active{color:#000;}

.content .left button,.content .left a.button{background:#900006;}
.content .left button:hover,.content .left a.button:hover{background:#DA1F27;}

table.view{width:100%;}
table.view tr{transition:background-color .2s ease;}
table.view tr:nth-of-type(odd):not(:first-of-type) {background:#f4f4f4;}
table.view tr:nth-of-type(even) {background:#fafafa;}
table.view tr:hover:not(:first-of-type) {background:#fff;outline:1px solid #67B746;}
table.view tr td table tr:hover:not(:first-of-type){outline:none;}
table.view td, table.view th {padding:4px 8px;vertical-align:top;}

/* ARTIKEL ALLGEMEIN */
th.her_name,td.her_name,td.dokumente,td.art_kategorie,td.zahl{white-space:nowrap;}
th.art_nr,td.art_nr{white-space:nowrap;}
th.art_text,td.art_text{max-width:180px;}
th.art_memo,td.art_memo{max-width:180px;}
td.art_memo textarea{font-size:.8em;}
th.art_zolltarifnr,td.art_zolltarifnr{}
th.zahl,td.zahl{text-align:right;}
th.status,td.status{max-width:30px;}
th.ze,td.ze{text-align:right;max-width:24px;white-space:nowrap;}

table.details {max-width:200px !important;margin-top:.25em;font-size:.9em;margin-bottom:0;}
table.details tr{background:none !important;}
table.details td{padding:0 10px 0 0;line-height:1.1em;cursor:help;}

table.zahlungen {width:auto !important;margin-top:.25em;font-size:.9em;}
table.zahlungen tr{background:none !important;}
table.zahlungen td{padding:0 10px 0 0;line-height:1.1em;}

/* ANFRAGE AP (Kunde, Lieferant) */
div.anfrage-select-ap{margin-bottom:10px;padding:6px;border:1px solid #ddd;background:#fefefe;}
div.anfrage-select-ap p.name{font-weight:600;margin-bottom:.3em;}
div.anfrage-select-ap p.memo{max-width:200px;font-size:.9em;font-weight:400;}
div.anfrage-select-ap table{width:100%;text-align:right;}
div.anfrage-select-ap table td{padding:0;text-align:right;}
div.anfrage-select-ap table td:first-of-type{text-align:left;}
div.anfrage-select-ap table td:last-of-type{width:30px;}
div.anfrage-select-ap table td input{width:auto;}
div.anfrage-select-ap label{cursor:pointer;}
section.artikel table{width:100%;}
table.details_anfrage{margin-bottom:20px;}

/* LIEFERUNG AP UND ADRESSEN (Kunde, Lieferant) */
div.lieferung-select-values{margin-bottom:10px;/* padding:6px;border:1px solid #ddd;background:#fefefe; */}
div.lieferung-select-values div{float:left;margin-right:2%;width:30%;}
div.lieferung-select-values h3{margin-bottom:20px;}
div.lieferung-select-values table{width:auto;text-align:left;}
div.lieferung-select-values table td{text-align:left;vertical-align:top;}
div.lieferung-select-values table td:first-of-type{text-align:left;}
div.lieferung-select-values table td:last-of-type{width:30px;}
div.lieferung-select-values table td input{width:auto;}
div.lieferung-select-values label{cursor:pointer;}
div.lieferung-select-values table.adresse td{padding:0 10px 10px 0;}

/* ANGEBOT KALKULATION */
table.kalkulation td:nth-of-type(5),
table.kalkulation td:nth-of-type(4),
table.kalkulation td:nth-of-type(3){width:15%;}
table.kalkulation table{width:100%;white-space:nowrap;}
table.kalkulation table tr{background:inherit !important;}
table.kalkulation table td{width:30% !important;line-height:1em;}

table.summen {float:right;width:auto !important;border-top:2px solid #ddd;}
table.summen td{padding: 2px 8px 0;}
table.summen td:last-of-type{text-align:right;font-weight:600;}

/* ANFRAGE ÜBERSICHT */
table.anfrage-uebersicht{width:100%;text-align:left;}
table.anfrage-uebersicht th{padding:0 10px 10px 0;text-align:left;}
table.anfrage-uebersicht td{line-height:2em;padding:2px 10px 0 0;vertical-align:top;white-space:nowrap;text-align:left;}
table.anfrage-uebersicht th.summe_mengen,table.anfrage-uebersicht td.summe_mengen{text-align:right;}
table.anfrage-uebersicht th.summe_total,table.anfrage-uebersicht td.summe_total{text-align:right;padding-right:60px;}
table.anfrage-uebersicht table {width:100%;margin:.25em 0 0 0;}
table.anfrage-uebersicht table tr{background:inherit !important;}
table.anfrage-uebersicht table td{width:33.33%;line-height:1.2em;padding-right:10px;}

/* SONSTIGE */

div.action{width:auto;text-align:right;}
div.action p{float:left;width:auto;text-align:left;}
div.action button{margin-left:20px;}

.max200px{max-width:200px;white-space:nowrap;}
.max300px{max-width:300px;white-space:nowrap;}
.max400px{max-width:400px;white-space:nowrap;}
.max500px{max-width:500px;white-space:nowrap;}
.max600px{max-width:600px;white-space:nowrap;}
.max800px{max-width:800px;white-space:nowrap;}

.responseSelectList li{margin:2px 0 0 0;color:#999;}
.responseSelectList li:first-of-type{margin:10px 0 0 0;}
.responseSelectList li.disabled{color:#777;}
.responseSelectList a{cursor:pointer;}

th.right,td.right{float:none;width:auto;text-align:right;}

section.vorhanden{border:1px solid #67b746;}

form#formSelectLieferanten{position:absolute;top:10%;left:1%;z-index:999;display:none;width:auto;padding:1%;background:#fff;}
div.responseListArtikel{float:left;clear:both;width:100%;margin:15px 0;padding-bottom:5px;box-sizing:border-box;border-bottom:1px solid #ddd;}
div.responseListArtikel table{margin:10px 0;}

div#responseSelectKunde{margin-top:2%;}

#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1;	display:none;}
#processIcon{height:70px;width:70px;padding:30px;background:#fff url(img/processing.gif) no-repeat center center;position:fixed;z-index:999;top:calc(50% - 50px);left:calc(50% - 50px);display:none;}

div#liefPosten{display:none;}
div#profPosten{display:none;}
div#profArtikelReady{display:none;}
div#liefArtikelLieferbar{display:none;}
div#liefArtikelGruppeZoll{display:none;}
section#ArtikelLieferbar{display:none;}
section#ArtikelProfReady{display:none;}
section#ArtikelInArbeit{display:none;}

div#liefUnv{display:none;}
div#liefUnb{display:none;}
div#profUnv{display:none;}
div#profUnb{display:none;}

.hidden{display:none;}

/* ATTACHMENTS */
table.attachments{margin-top:15px;width:100%;font-size:1em;}

.dokLink,.dokLink:visited,.dokLink:link{display:inline-block;height:28px;line-height:28px;margin:20px 0 30px;padding:0 6px 0 36px;color:#fff;background:url("img/pdf_file.png") no-repeat 0 50%;background-size:28px auto;font-size:1.1em;transition:background-size .2s ease;}
.dokLink:hover{background-size:32px auto;}

.attLink,.attLink:visited,.attLink:link{}

.miniButton{position:relative;top:0;display:inline-block;height:16px;width:16px;cursor:pointer;background:#67B746 url(img/sprites.svg) 1px -21px;color:#fff;transition:background-color .2s ease;border-radius:3px;}
.miniButton:hover{background-color:#AD191F;}
.miniButton.plus{text-align:center;background-position:22px -20px;}
.miniButton.plus.addPosten{top: -4px;}
.miniButton.plus.addDbArtikel{top: -4px;}
.miniButton.checkAll.all{background-position:-1px -61px;}
.miniButton.checkAll.none{background-position:-1px -81px;background-color:#7b7b7b;}

h2 .miniButton{top:3px;margin-left:5px;}

/* STATI UND MESSAGES */
.status,.check,.false{background:url(img/sprites.svg) no-repeat 555px 555px;display:inline-block;height:18px;width:18px;margin-right:4px;margin-bottom:-5px;border-radius:18px;cursor:help;}
.offen,.null{background-position:1px -80px;background-color:#aaa;}
.rueckfrage{background-position:1px 1px;background-color:#FFCE00;}
.nicht-lieferbar{background-position:1px 1px;background-color:#CE3A3A;}
.erledigt{background-position:0 -60px;background-color:#67B746;}
.check{background-position:0 -40px;background-color:transparent;}
.false{background-position:-20px -40px;background-color:transparent;}

.angefragt,.inarbeit{background-position:0 -100px;background-color:#3E9DE5;}
.angebot-lieferant{background-position:0 -120px;background-color:#F28400;}
.angebot-kunde{background-position:0 -140px;background-color:#A456D6;}
.auftrag-kunde{background-position:0 -140px;background-color:#67B746;}
.proforma-vorbereitung{background-position:0 -260px;background-color:#aaa;}
.proforma-erstellt{background-position:0 -260px;background-color:#3E9DE5;}
.proforma-bezahlt{background-position:0 -260px;background-color:#67B746;}
.bestellung-lieferant{background-position:0 -160px;background-color:#A5602D;}
.wareneingang{background-position:0 -160px;background-color:#67B746;}
.lieferung-vorbereitung{background-position:0 -180px;background-color:#aaa;}
.lieferung-packbereit{background-position:0 -180px;background-color:#3E9DE5;}
.lieferung-gepackt{background-position:0 -180px;background-color:#67B746;}
.lieferung-abgeholt{background-position:0 -200px;background-color:#67B746;}
.rechnung-erstellt{background-position:0 -220px;background-color:#3E9DE5;}
.rechnung-gesendet{background-position:0 -220px;background-color:#F28400;}
.rechnung-bezahlt{background-position:0 -220px;background-color:#67B746;}

.zahlung{border-radius:0px;}
.zahlung.offen{background-position:0 -220px;background-color:#aaa;}
.zahlung.teilbezahlt{background-position:0 -220px;background-color:#3E9DE5;}
.zahlung.bezahlt{background-position:0 -220px;background-color:#67B746;}

.intern{background-position:0 -120px;background-color:#CE3A3A;}
.oeffentlich{background-position:0 -120px;background-color:#67B746;}

.html_message{padding:20px 10px 6px; margin-bottom:20px;background:#fff;border:4px dotted;font-size:1.2em;box-sizing:}
.html_message:before{display:none;}
.html_message.error{border-color:#CE3A3A;}
.html_message.success{border-color:#67B746;}
.success,.error,.memo{position:relative;padding-left:24px;line-height:18px;font-weight:600;cursor:help;}
.success:before,.error:before,.memo:before{position:absolute;top:2px;left:0;height:16px;width:16px;background:#CE3A3A url(img/sprites.svg) no-repeat 0 0;content:"";vertical-align:middle;border-radius:4px 0;}
.success:before{background-position:-1px -61px;background-color:#67B746;}
.memo:before{background-color:#FFCE00;}
.red{color:#CE3A3A;}
.green{color:#67B746;}
.grey{color:#aaa;}

h2 .status{margin-bottom:-3px;margin-right:10px;}
h2 .check,h2 .false{margin-bottom:-3px;margin-right:0;}
h2 .memo, h2 .error{top: 3px;}

.icon,.icon:link,.icon:active,.icon:hover,.icon:visited{position:relative;margin-right:20px;padding-left:24px;color:#000;background:none;font-weight:400;}
.icon.active{color:#000;background:none;font-weight:600;}
.icon:before{position:absolute;top:2px;left:0;height:18px;width:18px;background:#aaa url(img/sprites.svg) no-repeat 0 0;content:"";vertical-align:middle;}
.icon.artikel:before{background-position:0 -240px;background-color:#3E9DE5;}
.icon.angebote:before{background-position:0 -140px;background-color:#A456D6;}
.icon.auftraege:before{background-position:0 -140px;background-color:#67B746;}
.icon.lieferungen:before{background-position:0 -180px;background-color:#3E9DE5;}
.icon.rechnungen:before{background-position:0 -220px;background-color:#67B746;}
.icon.uebersicht:before{background-position:0 -120px;background-color:#AD191F;}

.content .left .status{border:1px solid #fff;}

header a,a.button,.paging a{text-decoration:none;}

/* DIVS */

.left{float:left;width:46%;}
.right{float:right;width:46%;}
.drittel{float:left;width:30.6666%;margin-right:4%;}
.viertel{float:left;width:22%;margin-right:4%;}
.drittel:last-of-type,.viertel:last-of-type{margin-right:0;}

.width_auto{width:auto !important;}
.float_left{float:left;width:auto;}
.float_right{float:right;width:auto;}
.margin_right{margin-right:2%;}

.paging{width:100%;margin:20px 0;text-align:right;}
.paging ul{float:right;list-style:none;width:auto;margin:0;}
.paging li{float:left;margin:0 0 8px 8px;}
.paging a,.paging a:visited{display:block;height:20px;width:20px;line-height:20px;text-align:center;font-size:.9em;border-radius:2px;color:#fff;background:#aaa;transition:background-color .2s;}
.paging a:hover,.paging a.active{background:#AD191F;}

.spaceborder{clear:both;display:block;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #eee;}





/* MODAL TEST */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* TEST ENDE*/

.clear,
.clear:after,
header:after,
header nav:after,
header ul:after,
.mainmenu:after,
.submenu:after,
.middle:after,
.content:after,
.center:after,
.filter:after,
section:after,
.anfrage-select-ap:after,
.lieferung-select-values:after,
.paging:after,
.submit:after,
footer:after{display:block;content:"";clear:both;}