/* highlight results */
#artikellistview {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
	background-color:#FFF;
 	margin: 0;
    padding: 2px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:none;  
	/*margin-left:-17px;*/
	/*border: 1px solid red !important;*/
}


#connectionlistview {
	
	width:auto;
    max-height: 950px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
	background-color:#212b46;
 	margin: 5px;
 	
    padding: 2px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:block; 
	
}

#connectionlistview2 {
	width:auto;
    max-height: 450px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
	background-color:#006C00;
 	margin: 10;
    padding: 2px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:block;  
}
#artikelbearblistview {
	margin-top:0px;
	max-height: 550px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	display:block;  
	/*border: 1px solid red !important;*/
}

.posi_h{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:darkblue;
	text-decoration:none;
}
.posi_p{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:darkblue;
	text-decoration:none;
	text-align:right;
	vertical-align:right;
}
.posi_p_bemerkung{
     padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:darkblue;
	text-decoration:none;
	text-align:right;
	vertical-align:right;

}
.posi_p_2{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:gray;
	text-decoration:line-through;
	text-align:right;
	vertical-align:right;
}
.posi_h_2{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:gray;
	text-decoration:line-through;
	
}
.schnellauswahl_posi_p_2{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:red;
	text-align:right;
	vertical-align:right;

}
.schnellauswahl_posi_h_2{
    padding: 0px 0px 0px 0px;
	font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
	color:red;
	text-decoration: underline;
	
}

.verschieben{
	background-color:red;
	height:60px;
	float:left;
	width:5px;
	display:block;
	right:-115px;
	data-corners:false;
}
.label_1{
	background-color:red;
	height:60px;
	float:left;
	width:5px;
	display:block;
	data-corners:false;
}
.label_2{
	background-color:darkred;
	height:60px;
	float:left;
	width:5px;
	data-corners:false;
	display:none;
} 
.noartikel{
	width:100%;
    font-style: italic; font-size:1.9em;
	font-size: 24px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
}
.table {
  display: table;
  width: 100%;
  border: 0px solid gray;
  margin-top:-10px;
}
.menge {
display:none;  

}
.my-count {font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px;  border-radius: 1em 1em 1em 1em; background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;  border: 1px solid #CCCCCC; color: #222222;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF; }
/*.my-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px;  border-radius: 1em 1em 1em 1em; background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;  border: 1px solid #CCCCCC; color: #222222;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF; }*/
.staricon .ui-icon {
	background-image: url(images/star-yellow.png);
	background-position: center ;
	background-size: 80%; 	
}
			

.artikellistview li h2 {
	width:100%;
    font-style: italic; font-size:0.9em;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: -.0em 0 .0em;
	text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap:break-word;
    overflow-wrap: break-word;
}