BODY {
	FONT-SIZE: small;
	COLOR: #000000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	BACKGROUND-COLOR: #EAEAEA
}
TABLE {
	COLOR: #000000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	BACKGROUND-COLOR: #EAEAEA;
    border-radius: 10px;
    border: 0;
    border-collapse: collapse;
}
TH {
	FONT-WEIGHT: bold;
	FONT-SIZE: small;
	COLOR: #000000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	BACKGROUND-COLOR: #d3dce3
}
TD {
	FONT-SIZE: small;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
}
A:link {
	FONT-SIZE: small;
	COLOR: #0000ff;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: small;
	COLOR: #0000ff;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: small;
	COLOR: #ff0000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none
}
input.groesser {
	width: 18px;
	height: 18px;	
}
#WurstBilder {
}
.WarenBildButton {
	background-color: transparent;
	color: white;
	left: 0;
	border: none;
	padding: 0px;
	padding-top: 2px;
	margin: 0px;
}
.WarenBildMini {
	display: block;
	padding:0px;
	width: auto; /*or your image's width*/
	height: auto; /*or your image's height*/
}
.WarenBild {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	box-shadow: 2px 2px 8px 8px rgba(0,0,0,0.2);
	z-index: 1;
	top: 110px;
	position: fixed;
	padding:0px;  
}
.WarenBildMini:hover .WarenBild {
	display: block;
	padding:0px;
}
.FilBild {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	box-shadow: 2px 2px 8px 8px rgba(0,0,0,0.2);
	z-index: 1;
	top: 40px;
	left: 40px;
	position: fixed;
	padding:0px;  
}
.WarenBildMini:hover .FilBild {
	display: block;
	padding: 0px;
}
.print {
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial
}
.rundelinks {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 10px 0px 0px 0px;
    border: 0;
    border-collapse: seperate;
}
.runderechts {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 0px 10px 0px 0px;
    border: 0;
    border-collapse: seperate;
}
.rundeuntenl {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 0px 0px 0px 10px;
    border: 2;
    border-collapse: seperate;
}
.rundeuntenr {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 0px 0px 10px 0px;
    border: 2;
    border-collapse: seperate;
}
.rundedruckenunten {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 0px 0px 10px 10px;
    border: 0;
    border-collapse: seperate;
}
.rundeecken {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 10px 10px 10px 10px;
    border: 0;
    border-collapse: seperate;
}
.rundeeckenl {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 10px 0px 0px 10px;
    border: 0;
    border-collapse: seperate;
}
.rundeeckenr {
	BACKGROUND-COLOR: #d3dce3;
    border-radius: 0px 10px 10px 0px;
    border: 0;
    border-collapse: seperate;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#warenlisteth {
	font-size: 16px;
	font-weight: bold;
	BACKGROUND-COLOR: #F5F5F5;
	padding: 2px 10px;
}
#gerade {
	background-color: #F5F5F5;
}
#ungerade {
	background-color: #D0FFD0;
}
#ungeradebgw {
          BACKGROUND-COLOR: #ffffff;
}
#ungeradebgo {
          BACKGROUND-COLOR: #FFC097;
}
#wg {
	BACKGROUND-COLOR: #ffffff;
}
#bg {
	BACKGROUND-COLOR: #ffffff;
}
#bg:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#bgl {
	BACKGROUND-COLOR: #ffffff;
}
#bgl A:link {
	FONT-SIZE: big;
	COLOR: #000000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none;
}
#bgl A:visited {
	FONT-SIZE: big;
	COLOR: #000000;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none
}
#bgl A:hover {
	FONT-SIZE: big;
	COLOR: blue;
	FONT-FAMILY: arial, helvetica, geneva, sans-serif;
	TEXT-DECORATION: none;
}
#bgl:hover {
	BACKGROUND-COLOR: #FFFFAE;
	color: #000000
}
#bgw {
          BACKGROUND-COLOR: #ffffff;
}
#bgw:hover {
          BACKGROUND-COLOR: #FFFFAE;
}
#bgb {
          BACKGROUND-COLOR: #BFDFFF;
}
#bgb:hover {
          BACKGROUND-COLOR: #FFFFAE;
}
#bgg {
          BACKGROUND-COLOR: #D0FFD0;
}
#bgg:hover {
          BACKGROUND-COLOR: #FFFFAE;
}
#bgo {
          BACKGROUND-COLOR: #FFC097;
}

/*
 Warenfarben nach Lager 
 fgx  = gerade / dunkler
 fgxd = ungerade / heller
*/
#fg {
	BACKGROUND-COLOR: #F5F5F5;
}
#fga {
	BACKGROUND-COLOR: #F5F5F5;
}
#fga:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgad {
	BACKGROUND-COLOR: #E5E5E5;
}
#fgad:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgb {
	BACKGROUND-COLOR: #D0FFD0;
}
#fgb:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgbd {
	BACKGROUND-COLOR: #90EE90;
}
#fgbd:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgc {
	BACKGROUND-COLOR: #BFDFFF;
}
#fgc:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgcd {
	BACKGROUND-COLOR: #9DCEFF;
}
#fgcd:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgd {
	BACKGROUND-COLOR: #FFC097;
}
#fgd:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#fgdd {
	BACKGROUND-COLOR: #FE9A2E;
}
#fgdd:hover {
	BACKGROUND-COLOR: #FFFFAE;
}
#seite {
	width:1100px;
	margin:0px auto;
	padding: 5px 10px;

}
#header {
    background-color:#EAEAEA;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#EAEAEA;
    height:570px;
    width:150px;
    float:left;
    padding:5px;
}
#section {
    width:750px;
    float:left;
    padding:10px; 
}
#tablet {
    width:620px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}
#drucktabelle {
	font-size: 14px;
	border-bottom:0px;
	border-collapse: collapse;
	border-right:0px;
	border-left:0px;
	FONT-FAMILY: arial, tahoma, verdana, sans-serif;
}
#clip {
	position: relative;
	top: 0px;
	padding:2px;
}
#clipgrau {
    background-color:grey;
	border-radius: 10px;
	border: 0px;
	font-size: 11px;	
	padding:4px;
}
#cliprot {
    background-color:#FF3E3E;
	border-radius: 8px;
	border: 0px;
	font-size: 11px;
    padding:4px; 
}
#clipweiss {
    background-color:white;
	border-radius: 8px;
	border: 0px;
	font-size: 11px;
    padding:4px;
}
#maxver {
	width: 50px;
}
#menuelinks {
    background-color:#F5F5F5;
	text-align: left;
	width: 220px;
}
#menuerechts
 {
    background-color:#F5F5F5;
	width: 380px;
}
#rahmen {
	border-bottom: 1px solid black;
}
#rahmenz {
	border-bottom: 1px solid black;
}
#rahmenlinks {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
input.larger {
      width: 18px;
      height: 18px;
}
#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 460px;
    height: 340px;
	vertical-align: middle;
    padding: 5px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}
#vpnonline {
	BACKGROUND-COLOR: #80FF80;
}
#vpnoffline {
	BACKGROUND-COLOR: #FF5E5E;
}
.matzetip {
    background-color: #FFFFFF;
    border: 0 none;
	margin: 10px 5px;
    padding: 5px 10px;
}
.leuchten {
    background-color: #EAEAEA;
    border: 0 none;
	margin: 10px 5px;
    padding: 5px 10px;
}

tr.heller {
    background-color: #F5F5F5;
}
tr.heller:hover {
    background-color: #FFFFFF;
}
tr.dunkler {
    background-color: #FFFCD2;
}
tr.dunkler:hover {
    background-color: #FFFFFF;
}
a.hygen {	
	COLOR: #000000;
	TEXT-DECORATION: none;
}
a.hygen:hover {	
	COLOR: #6F156F;
	TEXT-DECORATION: none;
}
#loeschen {
	font-size: 10px;
    padding:2px 5px;
    border-radius: 0px;	
	border-bottom: 2px solid #EAEAEA;
}
#blasenzwo {
	font-size: 10px;
    padding:0px 10px;
    border-radius: 0px;	
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #ddd;	
}
#pumpen {
	font-size: 10px;
	position: relative;
	padding: 0px 5px;
	top: -15px;
}
#basislink {
    background-color: #EEE;
	border: 5px;	
	border-radius: 10px;
	vertical-align: middle;
	padding: 5px 10px;
    font-size: 14px;
}
#basisan {
    background-color: #d3dce3;
	border: 5px solid #eaeaea;
	COLOR: #000000;
	border-radius: 10px;
	vertical-align: middle;
	padding: 5px 10px;
    font-size: 14px;
	cursor: pointer;	
}
#basistab {
	border-spacing: 5px;
}