#navibox { padding: 0; margin: 0; border: 0; width:150px; float:left; }
#navibox ul, #navibox li { list-style: none; margin: 0; padding:0px; }
#navibox ul { position: relative; z-index: 597; }
#navibox ul li { position: relative; min-height: 20px; vertical-align: middle; background-color:#EEE; border:1px solid; }
#navibox ul li.hover,
#navibox ul li:hover { position: relative; z-index: 599; cursor: default; }
#navibox ul ul  { visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 598; width:100%; }
#navibox ul ul li { float: none; }
#navibox ul ul ul { top: 0; left: auto; right: -99.5%; }
#navibox ul li:hover > ul { visibility: visible; }
#navibox a { display: block; line-height: 1em; text-decoration: none; }

#contentbox { margin:0 0 0 20px; float:left; border:1px solid; background-color:#EEE; width:500px; }

#anzeige_standort { position:absolute; left:20px; top:20px; }

tr.headline { font-weight:bold; }
tr.a_select:hover { cursor:pointer; background-color:#FF9; }
tr.b_select:hover { cursor:default; }
tr.a_selected { background-color:#FF9; }
tr.a_selectable { cursor:pointer; }
table.show_list td { padding:1px 5px; }
table.show_list tr.headline td {vertical-align: top; background-color: #DEF !important;}

a { text-decoration:none; }
.dbutton, .ebutton { cursor:pointer; }
#a_search { width:90px; }
	
	
	#pageWrapper { margin-bottom:140px; }
	#headerContent { width:auto; max-width:1400px; width: 1150px !important; }

	#pageContainer { background:#F5F5F5; }
	#page { padding:0 20px; }
	#page { padding:0; background:none; overflow:visible; }

	#pageContent { width:auto; max-width:1400px; overflow:visible; }
	#pageContent { padding-bottom:0; }
	.pageContent { margin:0 10px; background:#FFF; padding:10px; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 0 #CCC; -webkit-box-shadow:0 1px 0 #CCC; box-shadow:0 1px 0 #CCC;}
	.pageContent h1 { margin:20px 30px; }

	.tabs { margin-bottom:0px; padding:10px 15px 0; background:#F5F5F5; }
	.tabs div a { border-right:0; }
	.tabs div.active a { border:0; background:none; }	
	.tabs { padding:10px;  }

	#footerContent { width:auto; padding:0 20px; max-width:1400px; }	
	#footerContent { margin:10px auto auto; }
	
	table.form { padding:10px 0; }
	table.form td { vertical-align:top; }
	table.form td.label { padding-right:10px; }

	.greyBox { background:#F4F4F4; }
	.hintBox { background-color:#FFFBCC; }
	.hintBox ul,
	.errorBox ul { list-style:disc inside none; padding:0; }

	label.switch { float:left; padding:10px; width:150px; display:block; line-height:19px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	label.switchSelected { background:#EEE; }
	label.switch > input { float:left; }
	label.switch > strong { font-size:11px; }
	
	.layerMove {
		/* rgba(82, 168, 236, 0.5); */ 
		-moz-box-shadow:0 0 8px #000; 
		-webkit-box-shadow:0 0 8px #000; 
		box-shadow:0 0 8px #000;
	}	
	
	div.documentCustomer { float:left; width:180px; height:30px; }
	div.documentDate { float:left; width:70px; font-size:11px; }
	div.documentCheckBox { float:left; width:25px; }
	div.documentSendType { width:140px; }
	div.documentAmount { float:right; width:130px; } 


#header {
	padding:2px 0; 
}

img:hover {
    font-size: 0.25em;
    color:#FFF900;
}    

ul.navigation {
	z-index:10;
	margin:0;
	padding-left:20px;
	padding-bottom: 0px;
}
ul.navigation li {
	display:inline;
	list-style:none outside none;
}
ul.navigation ul {
	display:none;
	left:0;
	position:absolute;
	margin: 0;
}
ul.navigation div:hover ul.level1 {
	display:block;
	margin-top: 0px;
}
ul.navigation div div:hover > ul {
	background-color:#FFF;
	display:block;
	left:220px;
	top:0;
	z-index:10;
}
ul.navigation div div ul div {}
ul.navigation div {
	float:left;
	position:relative;
}
ul.navigation div div {
	float:none;
}
ul.navigation div li:first-child > div {}
ul.navigation div li:last-child > div {}
ul.navigation div ul li {
	display:block;
}
ul.navigation a {
	color:#FFF;
	display:block;
	padding:5px 12px;
	text-decoration:none;
}
ul.navigation a.level0 {
	margin-right: 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
ul.navigation a.level-on {
	background:rgba(255,255,255,.3);
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 3px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.1);
}
ul.navigation a.level-off {
	background:rgba(255,255,255,.3);
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 3px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.1);
}
ul.navigation a.redborder {
	
	color: #F00;
	
}
ul.navigation div:hover a.level-on {
	color: #4C4C4C;
	background: #FFF; /* fallback */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(1, #e0e0e0));
	background: -moz-linear-gradient(top, #e0e0e0, #FFF);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	text-shadow: none;
	padding-bottom: 8px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
ul.navigation div:hover a.level-off {
	color: #4C4C4C;
	background: #FFF; /* fallback */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(1, #e0e0e0));
	background: -moz-linear-gradient(top, #e0e0e0, #FFF);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	text-shadow: none;
	padding-bottom: 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
ul.navigation div ul {
	background-color:#FFF;
	width:240px;
	z-index:11;
	padding:0;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.5);
	-moz-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:0px 5px 5px 5px;
	border-radius:0px 5px 5px 5px;
	border: 2px solid #FFFFFF;
}
ul.navigation div li a {
	text-decoration: none;
	color:#4C4C4C;
}
ul.navigation div li div:hover > a {
	background-color:#B5D6F6;
	color:#4C4C4C;
}
ul.navigation div span {
	background:url(/images/icons/bullet_arrow_right.png) no-repeat scroll top left transparent;
	height:16px;
	margin-top:-7px;
	position:absolute;
	right:10px;
	top:50%;
	width:16px;
}
ul.navigation a.active,
ul.navigation div:hover a.level0 {
	background: #FFF; /* fallback */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(1, #e0e0e0));
	background: -moz-linear-gradient(top, #e0e0e0, #FFF);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	text-shadow: none;	
	color:#4C4C4C;
	padding-bottom: 8px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
ul.navigation .level1 a:hover {
	background-color: #B5D6F6;
	color:#4C4C4C;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}

ul.navigation .no-drop {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}
ul.navigation a:hover.no-drop {
	padding-bottom: 5px !important;
}
ul.navigation div:hover .topMenuIcon {
	background: url(/images/icons/bullet_arrow_down.png) no-repeat scroll top left transparent;
}
ul.navigation .happy a {
	background-image: url(/images/icons/feedback_smiley_green.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 28px;
}
ul.navigation .sad a {
	background-image: url(/images/icons/feedback_smiley_red.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 28px;
}

.count0 {color: #CCC !important;}

input.artikelnr { width:60px; background:transparent; padding:1px; border:1px solid transparent; }
input.artikelnrhover { border:1px solid #cccccc !important; }
input.artikelnredit { border:1px solid #cccccc !important; background:#eeeeee !important; }
select.artikeltyp {border:1px solid #cccccc; width:110px; background:transparent; padding:1px;}

input.reserve { width:30px; background:transparent; padding:1px; border:1px solid transparent; }
input.reservehover { border:1px solid #cccccc !important; }
input.reserveedit { border:1px solid #cccccc !important; background:#eeeeee !important; }

input.gewicht { width:50px; background:transparent; padding:1px; border:1px solid transparent; }
input.gewichthover { border:1px solid #cccccc !important; }
input.gewichtedit { border:1px solid #cccccc !important; background:#eeeeee !important; }

input.laenge { width:45px; background:transparent; padding:1px; border:1px solid transparent; }
input.laengehover { border:1px solid #cccccc !important; }
input.laengeedit { border:1px solid #cccccc !important; background:#eeeeee !important; }

input.breite { width:45px; background:transparent; padding:1px; border:1px solid transparent; }
input.breitehover { border:1px solid #cccccc !important; }
input.breiteedit { border:1px solid #cccccc !important; background:#eeeeee !important; }

input.hoehe { width:45px; background:transparent; padding:1px; border:1px solid transparent; }
input.hoehehover { border:1px solid #cccccc !important; }
input.hoeheedit { border:1px solid #cccccc !important; background:#eeeeee !important; }


.fa.green {background: transparent; color: green;}
.fa.red {background: transparent; color: red;}

/* Versandart-Buttons in der Versandfreigabe */
.cf .col{
	display: block;
	float:left;
	margin: 3px 0 3px 3px;
}
/*.cf .col:first-of-type { margin-left: 0; } */
.cf{
	padding-bottom:0px;
}
.cf input{
	display: none;
}
.cf label {
	position: relative;
	color: #fff;
	background-color: #D4D0C8;
	font-size: 10px;
	text-align: center;
	height: 40px;
	line-height: 30px;
	display: block;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cf label:hover, .cf label.checked{
	border: 1px solid #666;
	background-color: #99CC99;
}
.cf label:hover{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}
.cf label:hover:after, .cf label.checked:after, button.invoice_send.nochmal:after {
	content: "\2713";
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 100%;
	border: 1px solid #666;
	background-color: #99CC99;
	z-index: 10;
	position: absolute;
	top: -5px;
	right: -5px;
	color:#fff;
}
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
.cf.procesed label {
	cursor:default;
}
.four { width: 40px; max-width: 40px;}
/* .cf.procesed .dhl-label { margin-left:43px;} */

.page_head td {
	background: #eee;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

button.downloadversand, button.invoice_send, button.delete, button.take2li, button.take2ot, button.amz_prime_shipping {
	width: 40px;
	height: 40px;
	background-image: url(/img/versand-datei.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	cursor:pointer;
}

button.downloadversand:hover, button.invoice_send:hover, button.delete:hover, button.take2li:hover, button.take2ot:hover, button.amz_prime_shipping:hover {
	background-color:#d8d8d8;
}

button.downloadversand {
	background-image: url(/img/versand-datei.png);
}

button.invoice_send {
	background-image: url(/img/invoice_send.png);
}
button.delete {
	background-image: url(/img/delete.png);
}
button.take2li {
	background-image: url(/img/take2li.png);
}
button.take2ot {
	background-image: url(/img/take2ot.png);
}

button.amz_prime_shipping {
	background-image: url(/img/amz_prime_shipping.png);
}

button.invoice_send.nochmal {
	border-color: #333;
	background-color: #99CC99;
	border: 1px solid #666;
	position: relative;
}

table.group th {
	background-color: #DDD;
}

table.prime_versand.artikel thead th, table.prime_versand.artikel tfoot th {
	height: 28px;
	vertical-align: middle;
	background-color: #EEE;
}

table.prime_versand.artikel input {
	width: 40px;
	text-align: right;
	border: 1px solid #000;
}
.field_error {
	border: 1px solid red !important;
}


.amz_shipping_options 							{width: 100%}
.amz_shipping_options tr 						{height: 45px;}
.amz_shipping_options tr:nth-child(even) 	{background: #DDD}
.amz_shipping_options tr:nth-child(odd) 	{background: #EEE}
.amz_shipping_options td						{padding: 3px; font-size: 18px;}
.amz_shipping_options td.carrier				{width: 50px; text-align: center;}
.amz_shipping_options td.desc					{width: auto;}
.amz_shipping_options td.price				{width: 100px; text-align: right;}
.amz_shipping_options td.button				{width: 150px; text-align: center;}
.get_shipping_label								{background-color: lightgreen;}
.ama_error											{color: red;}
























/*- Amazon Versand--------------------------- */


#list_filter, .list_pagination {
padding:7px 5px 3px 5px!;
background-color: #F2F2F2;
border-bottom:1px solid #ccc;
overflow:hidden;
}

#list_filter .wrapper_filter, #list_filter .wrapper_buttons{
float:left;

}
#list_filter .wrapper_filter{
width:70%;
overflow:auto;
height:25px;
}

#list_filter .wrapper_filter .list_filter_h{
	margin: 2px 0 0 2px;
}

#list_filter .wrapper_filter ul.list_filter_h .list_filter_item {
display:inline; 
float:left;
padding:0 10px 0 0; 
}

#list_filter .wrapper_buttons{
width:10%;
height: 25%;
padding: 13px 15px 0 5px;
text-align:right;
float:right;
}

#list_filter #btn_filtern{ 
	display:inline-block;
	margin-right: 10px;
	Padding:0px 2px;
	border-radius: 4px;
}

#list_filter div .input-group{
width:50%;
float:right;  
}

.list_filter {
column-count: 3;
column-gap: 0px;
list-style-type: none;
Padding:0px 7px;
}

.list_pagination {
border-top:2px solid #fff;
margin-bottom:2px;
background-color: #e2e2e2;
padding:0px 5px;
}

.list_pagination .wrapper_seite,
.list_pagination .wrapper_anzahl,
.list_pagination .wrapper_summe {
float:left;
width:33.3%; 
}

.list_pagination .wrapper_anzahl{
text-align: center; 
}

.list_pagination .wrapper_summe {
text-align: right;
padding-top:4px;
}


.list_pagination #list_anzahl{ 
	display:inline-block;
	margin-right: 10px;
	height:5px;
}


#list_content table{ 
	border-spacing: 1px;
	border-collapse: separate;
	border:1px solid #ccc;
}
#list_content table td{ 
	padding:3px 5px;
	vertical-align:middle;
}
/*
#list_content table td.r_kubez1{ 
	color:#888;
}
#list_content table td.r_kubez1 b{ 
	color:#000;
}
*/
.list_filter_field {width: 90px;}
.list_filter_operator {width: 100px;}
.list_filter_value {width: 110px;}


#list_content table{ 
	border-spacing: 1px;
	border-collapse: separate;
	border:1px solid #ccc;
	width: 100%;
}
#list_content table td{ 
	padding:3px 5px;
	vertical-align:middle;
	cursor:pointer;
}

.autoheight thead 	{border:1px solid #ccc;
							 background-color:#fff;
							 }
.autoheight thead th {padding:0 5px;
							background-color:#436CA8;
							color: #fff;
							 	}

table.stripes tr:nth-child(odd), table.stripes tr:nth-child(odd){
   background-color: #F8F8F8;
}

table.stripes tr, table.stripes tr {
   background-color: #EFEFEF;
}
/* ------------     list_shippings   tabelle mit fixirtem Kopf ---------------------------------------------- */
#list_shippings #h_belegnr_extern, #list_shippings .r_belegnr_extern {			width:150px;text-align:center;}
#list_shippings #h_shipment_id, #list_shippings .r_shipment_id{					width:230px;text-align:center;}
#list_shippings #h_address, #list_shippings .r_address{								width:300px;text-align:center;}
#list_shippings #h_carrier, #list_shippings .r_carrier {								width:70px;}
#list_shippings #h_weight, #list_shippings .r_weight {								width:70px;text-align:center;padding-right:4px;}
#list_shippings .r_weight {																	text-align:right;}
#list_shippings #h_tracking_id, #list_shippings .r_tracking_id {					width:160px;text-align:center;}
#list_shippings #h_mdate, #list_shippings .r_mdate {									width:80px;}
#list_shippings #h_status, #list_shippings .r_actions {								width:70px;text-align:center;}
#list_shippings td {																				font-weight: bold;}


#list_dailylists #h_id, #list_dailylists .r_id {										width:70px;text-align:center;}
#list_dailylists #h_carrier, #list_dailylists .r_carrier {							width:100px;text-align:center;}
#list_dailylists #h_beleg, #list_dailylists .r_beleg {								width:100px;text-align:center;}
#list_dailylists #h_anzahl, #list_dailylists .r_anzahl {								width:80px;text-align:center;}
#list_dailylists #h_date, #list_dailylists .r_date {									width:100px;text-align:center;}
#list_dailylists td {																			font-weight: bold;}

.button {
  cursor: pointer;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 4px 6px 4px 6px;
  border: 1px solid #777;
}

td.checkbox, td.addressfield, td.bemerkungen, td.pakete, td.versandart_btn, td.articles {
	vertical-align: top;
}

div.articles {
	position: relative;
}

div.sum_quantity {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #fff;
	padding: 4px 25px;
	font-size: 20px;
	line-height: 24px;
	border: 2px solid #666;
}
/* ------------     amazon_producttypes  tabelle mit fixiertem Kopf ---------------------------------------------- */
#list_amazon_producttypes .r_value {
    text-align:center;
}
#list_amazon_producttypes .r_active {
    width:25px;
    text-align:center;
}
#list_amazon_producttypes .r_active > input[type=checkbox] {
    height:20px;
    width:20px;
    margin: 0 auto;
}