/* Autosuggest hübscher machen */
.ui-menu-item {
	padding: 6px 0 !important;
	border-bottom: 1px solid #d9d9d9 !important;
}

/* Suchfeld breiter 
#searchBox .searchBoxField input			{color: #666 !important;  padding: 0 8px 0 8px !important;  height: 100% !important;  float: left !important; width:390px !important;}
*/

/**
	Sortierungs-Pfeilchen für die Suche
*/
#showListSort ul li {
	background-image: none;
	padding-left: 0;
}
#showListSort ul li a {
    background-image: url("https://media.osiander.de/img/sort_arrow_up_down.png");
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 40px;
    hyphens: none;
}
#showListSort ul li.asc a {
	background-image: url("https://media.osiander.de/img/sort_arrow_up.png");
}
#showListSort ul li.desc a {
	background-image: url("https://media.osiander.de/img/sort_arrow_down.png");
}


/* Veranstaltungen wie "showBookShop" anzeigen */
.showEvent			{display:block;cursor:pointer;position:relative}
.showEventList		{position:absolute;top:20px;color:#333;font-size:12px;padding:15px;border:1px solid #999999;display:none;background:#fff;z-index:2000}
/* schliessen "X" für "vorrätig in" */
.showEventList {
    background: url(https://media.osiander.de/img/close.png);
    background-repeat: no-repeat;
    background-position: 99% 1%;
	background-color: #fff;
}


/**
	Startseite: Icons im Secondslider auch als Sprite ...
	Das Warenkorb-Symbol fehlt allerdings noch.
	Außerdem müsste eigentlich die Höhe der Cover fix sein, sieht sonst komisch aus ...
*/
/*
#secondary-slider span.carouselLike {
	background-image: url("https://media.osiander.de/img/sprite.png");
    background-position: -96px 0;
    width: 26px;
    height: 23px;
}
#secondary-slider span.carouselLike a {
    display: block;
    height: 100%;
    width: 100%;
}
*/

/* advent */
/*
img.adventIcon {
    position: absolute;
    left: 300px;
    top: -20px;
}

@media only screen and (max-width: 1230px){

#logo {
    margin: 30px 0 0 25px;
}

img.adventIcon {
    position: absolute;
    left: 180px;
    top: 25px;
}

}

@media only screen and (max-width: 980px){

#logo {
    margin: 20px 0 0 25px;
}

img.adventIcon {
    position: absolute;
    left: 170px;
    top: 15px;
}

}

@media only screen and (max-width: 900px){
img.adventIcon {
    position: absolute;
    left: 160px;
    top: 12px;
}
}

@media only screen and (max-width: 768px){
img.adventIcon {
    position: absolute;
    left: auto;
    top: -10px;
    right: 20px;
    width: 120px;
}
}

@media only screen and (max-width: 450px){
img.adventIcon {
    right: 10px;
    width: 90px;
    top: -5px;
}
}

@media only screen and (max-width: 400px){
#logo > a > img {
    max-width: 70% !important;
}
img.adventIcon {
    right: 0px;
    width: 90px;
    top: -5px;
}
#logo {
    margin: 20px 0 0 12px;
}
}
*/
/* advent ende */


/**
	Warenkorb-Badge 
*/
.tolinoBasketButton a:first-child,
#quicknav a:first-child {
	position: relative;
}
span.basketBadge {
	position: absolute;
	left: 20px;
	bottom: 25px;
	display: inline;
	padding: .3em .6em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .75em;
	background-color: #f00;
}

/* Link zur Detailsuche/Expertensuche über dem Suchergebnis */
.searchListDetailsearch {
	/* kann nix */
}

/* focus beim autosuggest */
.ui-state-focus {
	background-color: #dedede;
}

/* Warenkorb-Button für PocketBook muss als Link ausgegeben werden (ohne AJAX), daher Look-and-Feel wie beim a.linkButton */
span.doBasket form a.button_basket {cursor: pointer;
    padding: 10px 20px;
    background-color: #e43434;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border: 0;
    outline: none;
    font-size: 13px;
	width: auto !important;}

/* Autocomplete */
.ui-autocomplete {
	border: 1px solid #aaa;
	padding: 4px;
	position: absolute !important;
}

/* Suchfilter / Facetten linke Spalte, jsTree */
#UWKSearchFilter {margin-top: 0;}
#UWKSearchFilter li.on {display:block;}
#UWKSearchFilter li.off {display:none;}
#loading{margin:18px 0 0 5px;}
#UWKSearchFilter div#facets ul li a {padding-left:0;}

/* Buchrecherche-Link in Artikel-Detailansicht */
.detailsContent span.doBasket a.doBasket {
    background-color: #e43434;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
}

/* Buchrecherche-Link in Suchergebnis-Liste */
.searchListBody .listLine.EAN9783981305005 .bookInfoSaleContainer span.doBasket a.doBasket {
    background-color: #e43434;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
}

/*#showBookShop, #showBookShop2 {*/
/*
.showBookShop {
    cursor: pointer;
    display: block;
    position: relative;
}
*/
/*#showBookShopList, #showBookShopList2 {*/
/*
.showBookShopList {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999999;
    color: #333;
    display: none;
    font-size: 12px;
    padding: 15px;
    position: absolute;
    top: 20px;
    z-index: 2000;
}
*/
/** 
	OLA Status-Begrifflichkeiten sollten besser erhalten bleieben. Debugging und Kommunkikation sonst erschwert!
*/
.bookInfoSaleContainer li.OLA {
	padding-left: 0;
}

/*.bookInfoSaleContainer li.OLA span.availability {*/
span.availability {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin-right: 8px;
}
/*.bookInfoSaleContainer li.OLA span.availability.green {*/
span.availability.green {
    background: transparent url("//media.osiander.de/pic/availability/lieferbar_klein.png") no-repeat scroll 0 0;
    background-size: 20px auto;
}
/*.bookInfoSaleContainer li.OLA span.availability.orange {*/
span.availability.orange {
    background: transparent url("//media.osiander.de/pic/availability/bestellbar_klein.png") no-repeat scroll 0 0;
    background-size: 20px auto;
}
/*.bookInfoSaleContainer li.OLA span.availability.red {*/
span.availability.red {
    background: transparent url("//media.osiander.de/pic/availability/aufAnfrage_klein.png") no-repeat scroll 0 0;
    background-size: 20px auto;
}
div.OrderTracking span.availability, table.warenkorb .ArtOla span.availability {
    height: 16px;
    width: 16px;
}
div.OrderTracking span.availability.green, table.warenkorb .ArtOla span.availability.green {
    background: transparent url("//media.osiander.de/pic/availability/lieferbar_klein.png") no-repeat scroll 0 0;
}
div.OrderTracking span.availability.orange, table.warenkorb .ArtOla span.availability.orange {
    background: transparent url("//media.osiander.de/pic/availability/bestellbar_klein.png") no-repeat scroll 0 0;
}
div.OrderTracking span.availability.red, table.warenkorb .ArtOla span.availability.red {
    background: transparent url("//media.osiander.de/pic/availability/aufAnfrage_klein.png") no-repeat scroll 0 0;
}

/**
	Hintergrund fürs Autocomplete. Fehlt hier das jquery-ui css komplett?
*/
/* Übernahme in style.css 10.10.
.ui-widget-content {
    background-color: #fff;*/
    /*border: 1px solid #aaa;*/
    /*color: #222;
}
*/

/**
	Filter-Navigation in den Suchergebnissen
*/
#waregroupTree {
    margin: 10px 0;
    width: 188px;
}
div#links div.abstand ul li a {
    padding-left: 14px;
}
#waregroupTree.jstree ins {
    background-position: -4px 0;
    left: 0;
    position: absolute;
    top: 0;
}
#waregroupTree.jstree-default.jstree-focused {
    background-color: transparent;
}
#waregroupTree.jstree a {
    color: black;
    display: inline-block;
    height: auto;
    line-height: 16px;
    margin: 0;
    padding: 1px 2px 1px 18px;
    text-decoration: none;
    vertical-align: top;
    white-space: normal;
    width: 90%;
}
#waregroupTree.jstree li.jstree-open > ul {
    margin-left: 14px;
}
#waregroupTree.jstree li {
    display: block;
    line-height: 18px;
    margin-left: 0;
    min-height: 18px;
    min-width: 18px;
    position: relative;
    white-space: normal;
}
#waregroupTree.jstree li.jstree-leaf a {
    padding-left: 9px;
}



/* einzelne Artikel via <cf_osi_article ...>, z.B. Startseite neben dem MA-Tipp Slider */
.dspArticleShort .pictureShadowRightBottom {
	max-width: 100%;
}
.dspArticleShort span {
    display: block;
    float: left;
    padding: 10px 3px;
}
.dspArticleShort div.carouselBasket span.carouselPrice {
    color: #666;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.jQueryMediaScreen {width:1000px;}

@media screen and (max-width: 835px){

.jQueryMediaScreen {width:835px;}

.wk3.equal.dontShow820.textLeft {
    display: block !important;
    height: auto !important;
	    width: 100%;
    border: 0 !important;
}

.wk3.equal.dontShow820.textLeft .wk_inner {
    padding: 5px 0;
}

}



/* neues css ud bereits in style.css verankert */

#quickPhoneBox img {max-width:100%;height: auto !important;width: auto !important;}

form table {
    width: 100% !important;
    padding: 0px;
    max-width: 700px;
    border: 1px solid #CCCCCC;
    border-collapse: initial;
	margin:0 !important;
}

form td {
    padding: 5px 15px;
	vertical-align: top;
}

form table div#paymode_fields td {
    padding: 5px 0;
}
form select {
/*width: calc(100% - 18px);*/
    width: 100%;
}

#org_fields,
#pobox_fields,
#packstation_fields,
#paymode_fields {
	float:left;
	clear:left; 
	width:100%;
}

/* neues css retina löschen, wenn von uwe übertragen */

#quicknav .sprite			{cursor: pointer;width: 35px;height: 36px;display:block;margin-bottom:4px;}

/* nicht eingeloggt */
#quicknav .quickLoginOff {
    background-position: -479px -536px;
    background-repeat: no-repeat;
}

/* eingeloggt */
#quicknav .quickLoginOn {
    background-position: -544px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickPhone {
    background-position: -674px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickMail {
    background-position: -609px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickFb {
    background-position: -219px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickTw {
    background-position: -349px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickGoo {
    background-position: -284px -536px;
    background-repeat: no-repeat;
}

#quicknav .quickYt {
    background-position: -414px -536px;
    background-repeat: no-repeat;
}

#quicknav .app {
    background-position: -154px -536px;
    background-repeat: no-repeat;
}

#quicknav .basket {
    background-position: -89px -536px;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 760px)
{
.show700InlineBlock  {
display: inline-block !important;
margin-bottom:0 !important;
margin-left:4px;
}
}

@media only screen and (max-width: 450px){
.dontShow450 {
    display: none !important;
}
}

.flex-direction-nav a.flex-next:before, .sprite, .flex-direction-nav a:before, .searchBoxIcon, .basketValue, img.cash, .reviews span.reviewStar {
    background-image: url("../../img/quicknav/sprite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.flex-direction-nav a.flex-next:before, .sprite, .flex-direction-nav a:before, .searchBoxIcon, .basketValue, img.cash, .reviews span.reviewStar {
    background-image: url("../../img/quicknav/sprite_retina.png");
   background-size: 800px 800px; 
}
}

/**
	Buttons auf der Adressverwaltungs-Seite 
*/
input.addressDelete,
input.addressChange {
	clear:left;
	display:block;
	background-color: #929292;
	padding: 4px 10px;
	margin: 10px 0;
	width: 80px !important;
	font-weight: normal !important;
}
input.addressDelete {

}

/* Status Ausgabe, z.B. beim Speichern von Adressänderungen */
.osistatus {
	padding: 10px 30px;
	font-weight: bold;
	margin: 5px 0;
}
.success {
	background-color: #c9fbdb;
}
.error {
	background-color: #fa7878;
}


/* inhaltslisten nicht über sprite.png */

div#blockContentMainContainerInner ul.inhalt li, ul.textLastPage li, #accordion .accordionInner ul li {
    background-image: url(https://media.osiander.de/img/list-arrow.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding: 5px 5px 5px 30px;
    background-size: 7px;
}

/* schliessen "X" für "vorrätig in" */

.showBookShopList, .showBookShopList2 {
    background: url(https://media.osiander.de/img/close.png);
    background-repeat: no-repeat;
    background-position: 99% 1%;
	background-color: #fff;
}


@media only screen and (max-width: 1060px) {

	input.wkQuantity[type="text"].disabled,
	input.wkQuantity[type="text"]:disabled {
		background-color: #929292 !important; 
		color: #fff !important;
	}

}
input.wkQuantity[type="text"].disabled {
	background-color: #929292 !important; 
	color: #fff !important;
}


@media only screen and (max-width: 760px) {
	#blockContentQuickNavContainer {
    	top: 135px;
	}
}