th {
	font-family: Tahoma,Arial;
	font-size: 9px;
	text-align: left;
	font-weight: normal;
}
body {
	font-family: Tahoma,Arial;
	font-size: 11px;
}
input {
	
	font-family:Tahoma,Arial; font-size:11px;
}
select {
	font-family:Tahoma,Arial;
	font-size:11px;
}
textarea {
	font-family:Tahoma,Arial;
	font-size:11px; border:none;
}
form { 
	margin:0px;
	padding:0px;
}

.medium {
	width: 40%;	
}

a {
	font-weight:normal;
	color: #37474F;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	font-weight:normal;
	color:#37474F;
	text-decoration: underline;
}

body {
	background-color: #ECEFF1;	
}
caption.akte { 
	font-size:small;
}
tr.odd {
	background-color: #CFD8DC;
}
tr.odd2 {
	background-color: #CFD8DC;
}
tr.even {
	background-color: #ECEFF1;
}
tr.selected {
	background-color: orange;
}
td {
	font-family:Tahoma;
	font-size: 11px;
}
td.t1 {
	background-color: #546E7A;
}
td.t2 {
	background-color: #B0BEC5;
}
td.t3 {
	background-color: #ff7e30;
}

img.mainIcons {
	width: 14px;
	height: 14px;
}

img.mitarbeiter {
	width: 45px;
	height: 28px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

img.mitarbeiter_small {
	width: 30px;
	height: 19px;
}

img.mitarbeiter_startseite_benachrichtigung {
	width: 32px;
	height: 21px;
	margin-right: 8px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

img.delete {
	width: 14px;
	height: 14px;
	cursor: pointer;
}

div.main_content {
	
	clear:both; 
	overflow: auto; 
	overflow-x: hidden; 
	height:91%; 
	width: 98%;
	position:absolute;
	top:26px;
	z-index:99;
	background-color:#eee;
}

div.tabsMain {
	width: 100%;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	float: clear;
}

div.tabsMain > div {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 1.7em;
}

div.tabsMain > img {
	margin: 0px;
}

div.userBox {
	position: absolute;
	top: 2px;
	right: 4px;
}

div.userBox > div {
	float: left;
	margin-right: 8px;
}

div.t1       { background-color: #006600; }
div.t2       { background-color: #BDCEBB; }
div.t3       { background-color: #ff7e30; }
input.read  { border:none; background-color:#eeeeee; }
input.red   { color:#dd0000; }
font.info   { font-family:Tahoma,Arial; font-size:11px; color: #999999;}
a.t1        { text-decoration:none; color: #ffffff; }
a.t2        { text-decoration:none; color: white; }
a.t3        { text-decoration:none; color: #ffffff; }
a.boxhead   { font-size:9px; font-weight:bold; text-decoration:none; }

.display    { font-weight:bold;font-size:10pt; }
.error      { font-family:Tahoma,Arial; font-weight:bold; color:#cc0000; }
.mono		{ font-family:monospace; }
.box        { overflow:auto; border:1px solid #999999; padding:1px; margin-bottom:2px; }
.boxhead    { width:auto; background-color:#546E7A; padding-left:1px; color:#ffffff; font-size:9px; }
.tablehead  { width:auto; background-color:#546E7A; padding-left:1px; color:#000000; font-size:9px; margin:2px;}
.popuphead{ width:auto; background-color:#546E7A; padding-left:2px; color:#ffffff; font-size:16px; font-weight:bold;}
.popupstart { padding:3px;background-color:#dddddd;padding-left:5px;border-bottom:1px solid #cccccc;width:100%; }
.helpbox{ border:1px solid #999999; padding:3px; margin:5px; height:auto; }
.helpimg{ border:1px solid #999999; padding:3px; float:right;height:auto; background:#efefef; }
.helphead{ background-color:#546E7A; width:100%; padding:0px; margin:0px; color:#ffffff; font-size:16px;font-weight:bold;}

.traveler   { border-bottom: 1px dotted gray; vertical-align:top; }
.trgroup    { border-bottom: 1px dotted gray; background-color: beige; vertical-align:top; }
.outset1    { border-bottom: 0px solid gray; border-top: 1px outset white; }
.outset2    { border-bottom: 1px inset gray; }

.vorganginfobox {
	width: 92%;
	display: inline-block;
	padding: 8px;
	margin-top: 4px;
	vertical-align: middle;
}
.vorganginfoboximage {
	display: inline-block;
	width: 24px;
	margin: 4px;
	margin-right: 8px;
	float: left;
}

div.message {
    
    padding: 8px;
    font-weight: bold;
    font-size: 8pt;
    color: #666;
    
}

a.attachnavi{
 color:#ffffff;
 text-decoration:none;
 padding:2px;   
}
a:hover.attachnavi{
 color:#000000;
 background:#ffffff;
 text-decoration:none;  
 padding:2px;   
}

a.viewed{
 color:#aaaaaa; 
}

div.editBar{
     height:24px;
     padding:2px;
     background:#cccccc;
     border-left:1px #888888 solid;
     border-right:1px #888888 solid;
     text-align:right; 
}

a.editBar{
    display:block;
    width:20px;
    height:20px;
    background:#efefef;
    border:1px #888888 solid;
    padding:1px;
    margin:1px;
    float:right;
}

a:hover.editBar{
    padding:1px;
    margin:1px;
    background:#B9E7BA;
    border:1px #388D3A solid;
}


a.editBarleft{
    display:block;
    width:20px;
    height:20px;
    background:#efefef;
    border:1px #888888 solid;
    padding:1px;
    margin:1px;
    float:left;
}

a:hover.editBarleft{
    padding:1px;
    margin:1px;
    background:#B9E7BA;
    border:1px #388D3A solid;
}
.head a { text-decoration:none; }

.head   { width:auto; padding: 3px; color:#ffffff; font-size:9px; background: #546E7A; }
.head2  { width:auto; padding: 6px; color:#ffffff; font-size:9px; background: #546E7A; }
.head3  { width:auto; padding: 6px; color:#ffffff; font-size:11px;background: #546E7A; }

 
.headfonts  { color:#ffffff; font-size:11px; }
.table1 { width:auto; padding: 3px; height: 28px; color:#000000; font-size:11px; }
.textueber  { color:#000000; font-size:11px; margin: 2px;}
h3  { font-size: 11pt;}

.gebbildback { 
    border: 2px groove #cccccc;
    border-bottom: 0px solid gray;
}

.gebbildbackrund { 
    border: 2px groove #cccccc;
    border-bottom: 0px solid gray;
    background: #FFF8AF;
}

.gebtabborder { 
    border-top: 2px groove #cccccc;
    border-bottom: 2px groove #cccccc;
    background-image: url(../imgs/dcbar.gif);
}

.gebtabborderrund { 
    border-top: 2px groove #cccccc;
    border-bottom: 2px groove #cccccc;
}

.gebbox { 
    background: white;
    font-size: xx-small;
    font-family: sans-serif;
    border: 1px solid gray;
    border-right: 2px ridge gray;
    border-bottom: 2px ridge gray;
    padding: 1px 3px 0px 3px;
    margin-bottom: 4px;
}

.gebboxrund { 
    background: white;
    font-size: small;
    font-weight: 600;
    font-family: sans-serif;
    border: 1px solid green;
    border-right: 2px ridge gray;
    border-bottom: 2px ridge gray;
    padding: 1px 3px 0px 3px;
    margin-bottom: 1px;
}

.positionenbox {
	
	overflow:auto;
	border:1px solid #999999;
	padding:1px; 
	margin-bottom:2px;
	background: #FFFFFF;
	font-family: Tahoma,Arial;
	font-size: 10px;

}

.tdpositionenbox{
    font-family: Tahoma,Arial;
    font-size: 10px;
    padding: 0px;
}

input.lgreklamation{
	width:110px;
}
select.lgreklamation{
	with:110px;
}

.emailLink {	
	margin: 0 7px 0 0;
	padding: 0px;	
}

/* Symbole */

img.symbol_small {
	width: 12px;
	height: 12px;
}

img.symbol_middle {
	width: 14px;
	height: 14px;
}

img.symbol {
	width: 18px;
	height: 18px;
}

.hidden {
	display: none;
	visibility: hidden;
}

#message_panel {
    position: relative;
    height: 90%;
    width: 99%;
    overflow: auto;
    margin-top: 5px;
}

/*___________________________________________PopupWrapper*/
#PopupWrapper {
   position:absolute;
   height:94%;
   width:100%;
   overflow:auto;
}

img {
	vertical-align: middle;
	border: 0px none;
}

#user_panel {
	float: right;
	z-index: 999;
	vertical-align: middle;
	border-top-left-radius: 6px;
	background: linear-gradient(to bottom, #fefefe 2%, #fefefe 5%, #eee 100%);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	box-sizing: content-box;
	line-height: inherit;
	color: inherit;
}

#user_panel.development {
	
	background: linear-gradient(to bottom, #ada 2%, #baddaa 5%, #ddd 100%);
}

#user_panel.testing {
	
	background: linear-gradient(to bottom, #dadaaa 2%, #daddaa 5%, #ddd 100%);
}

#user_panel > div {
	display: inline-block;
	text-align: right;
	padding-left: 12px;
}

#tab_panel {
}

#main_tabs {
	float: left;
}

#Nav { position:absolute; top: 0px; left: 0px; visibility:hidden; }
#NavBox { position:absolute; top: 0px; left: 0px; width: 100%; }

#clickableHinweisElement {
	height: 10px; 
	min-height: 10px;
	display: inline;
	cursor: pointer;
}

#reklaHinweis {
	background: red; 
	font-weight: bold;
	font-size: 11px;	
}

#faehreHinweis {
	background: steelblue; 
	font-weight: bold;
	font-size: 11px;	
}

#clickableHinweisElement > a {
	text-decoration: none;	
}

input.hervorheben_gruen {
	border: 1px solid #008030;
	background-color: #F4FFF4;
	padding: 1px;
}

input.hervorheben_rot {
	border: 1px solid #F30F39;
	background-color: #F6F1F2;
	padding: 1px;
}

#lieferanten_versand_einstellungen {
	min-height: 250px;
	float: left;
	margin-left: 5px;
}

#kunden_versand_einstellungen {
	min-height: 250px;
	float: right;
	margin-right: 5px;	 
}

.halfSize {
	width: 48%;	
}

.clear {
	clear: both;
}

/* Tabelle ohne Tabelle */

div.table {
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.tablerow {
	display: table-row;
	width: 100%;
    border-top: 1px solid gray;
	margin: 0px;
}

.tablerow > div {
	display: table-cell;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.tablerow > div.text {
	vertical-align: middle;
}

.tablerow > div.rowspanned {
  position: absolute;
  top: 1px;
  bottom: 0;
}

.overflowContent {
	clear: both;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
}

.withTab {
	height: 91%;
}

.withoutTab {
	height: 99%;	
}

span.labelBox {
	color: white;
	font-size: 0.8em; 
	padding: 4px;
	margin: 0px;
	border-radius: 4px;
}

optgroup[label] {
   color: black;
   font-style: inherit;
   font-weight: 300;
   text-shadow: none
}