/*****************************************************************************/
/*** SUGGEST ***/
/*****************************************************************************/

/* needed otherwise the searchBoxLine will pop-up in IE */
div.suggestFormWrap{
	position:absolute;
	z-index:1001;
}
div.suggestLayer {
	/*height: 1px;
	display: none;
	padding: 0;
	margin: 64px 0 0 0;
	z-index: 1000;
	background-color: white;
	background: transparent;*/
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #888;
    display: none;
    left: 240px;
    position:absolute;
    margin: 0;
    padding: 1px;
    top: 60px;
    z-index: 10000;
    display:none;
    /*min-width:400px;*/
    max-width:550px;



}
div.suggestLayer_directorder {
	/*height: 1px;
	display: none;
	padding: 0;
	margin: 64px 0 0 0;
	z-index: 1000;
	background-color: white;
	background: transparent;*/
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #888;
    display: block;
    position:absolute;
    max-width:800px;
    margin: 0;
    padding: 1px;
    z-index: 10000;
    display:none;



}
div.suggestcontent_directorderBlock {
	/*height: 1px;
	display: none;
	padding: 0;
	margin: 64px 0 0 0;
	z-index: 1000;
	background-color: white;
	background: transparent;*/
	background-color: #fff;
	float:left;
	min-width:500px;
    margin: 0;
    padding: 1px;
    z-index: 10000;




}
.suggestcontent_directorderBlockImage, .suggestcontent_directorderBlockText{
	float: left;
	padding: 0;
	margin: 0;

	box-sizing: border-box;

}
.suggestcontent_directorderBlockImage{
	width:65%;
	min-width:500px;
}
.suggestcontent_directorderBlockText{
width:35%;
border-left: 1px solid #ccc;
}

ul.suggestcontent_directorderList,ul.suggestcontent_directorderBlock,div.suggest_directorderLayerBlock{
	list-style: none;
	color: #58585a;
	font-size: 11px;
	/*background-color: white;*/
	cursor: pointer;

	-moz-box-shadow: 0 4px 3px #c2c4c6;
	-webkit-box-shadow: 0 4px 3px #c2c4c6;
	box-shadow: 0 4px 3px #c2c4c6;
	border-collapse: separate;

	float:left;

}
ul.suggestcontent_directorderList li,ul.suggestcontent_directorderBlock li, ul.suggestcontent_directorderBlockText li, ul.suggestcontent_directorderBlockImage li{
	list-style: none;
	display: block;

}
ul.suggestcontentList,ul.suggestcontentBlock,div.suggestcontentBlock{
	list-style: none;
	color: #58585a;
	font-size: 11px;
	cursor: pointer;
	border-collapse: separate;
	float:left;
}
ul.suggestcontentList li,ul.suggestcontentBlock li, ul.suggestcontentBlockText li, ul.suggestcontentBlockImage li{
	list-style: none;
	display: block;
	overflow:hidden;

}
.suggestcontentBlockImage, .suggestcontentBlockText{
	float: left;
	padding: 0;
	margin: 0;

	box-sizing: border-box;

}

.angebotsflag{
  background-color: #E4225D;
    border: 1px solid #E4225D;
    border-radius: 0 0 5px 0;
    color: white;
    display: block;
    /*font-family: verdana;*/
    font-size: 9px;
    height: auto;
    line-height: 11px;
    margin-right: 3px;
    padding: 2px 3px;
    width: auto;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
}

.angebotsflag.neu {
        background-color: #07C1A1;
        color: #fff;
        border-color: #07C1A1;
 }
    
    
.angebotsflag.angebot {
        background-color: #ffcf03;
        color: #fff;
        border-color: #ffcf03;
}


/* one item */
#suggestcontent>div>ul:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
#suggestcontent>div>ul:first-child:nth-last-child(2),
#suggestcontent>div>ul:first-child:nth-last-child(2) ~ ul {
    width: 50%;
}

.suggestcontentBlockText{

	padding-left:10px;
	/*width:50%;*/
	border-left: 1px solid #D7D7D7;
}
.suggestcontentBlockImage{

	/*width:50%;*/
	padding-right: 10px;
}
li.suggestHeader{
	color: #666;
	font-weight: bold;

	font-size: 10px;
	border-bottom: 1px solid #d7d7d7;
	padding: 3px 10px 3px 5px;
	margin: 5px;
	/*text-align: left;*/
}
.suggestcontentBlock ul:first-child li.suggestHeader:first-child{
	background-repeat: no-repeat;
	background-position: 98%;

}
.suggestcontentBlock ul.noborder{
	border: none;
	padding-left: 0;
	border-left: 0;
}
li.suggestRow{
	padding: 6px;
	max-width:600px;
}
li.suggestRowWithImage{
	height: 51px;
	/*vertical-align: middle;*/
	/*line-height: 40px;*/
}
span.suggestTextQuery{
		font-weight: normal;
		width:300px;
	line-height:0;
}
span.suggestTextQueryTyped{
	color: #F4822D;
		font-weight: bold;
}
span.suggestTextType{
	float: right;
	padding-left: 20px;
	font-size: 10px;
}
span.suggestTextAmount{
	float: right;
	padding-left: 10px;
	font-size: 10px;
	text-align: right;
	width: 90px;
}
span.suggestParentCategory{
	font-size: 10px;
	display:block;
	color: #B0B1B3;
	padding-left: 0px;
}
li.suggestHighlight{
	background-color: #DDD;

}
li.suggestHighlight .Background{
	opacity:0.5;
}
span.suggestImage{
	padding-right: 20px;
	height: 40px;
	float: left;
	min-width:40px;
}
span.suggestImage img{
	/*max-height: 40px;
	max-width: 120px;*/
	width:40px;
	height:auto;
}