/* ------------------------------------------------------------------------------------------------ */
/* LIEFERT-ES 				styles.css */
/* ------------------------------------------------------------------------------------------------ */
/*
Standardschrift fuer die gesamte Applikation
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	/* //TODO WH: 28.02.2019 - Style-Erweiterungen: font-size fuer body gesetzt */
	font-size: 12px;
}

p, tr, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 11px;
	color: #898E92;
	line-height: 120%;
	background: transparent;	
}

a {
	text-decoration: none;
}

/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */
a:link { color: #000000}
a:visited { color: #000000}
/* a:hover { color: #cc0000;} */
/*WH: 22.05.2017 - Nachbearbeiten Styles angepasst wg Einbindung bootstrap.css*/
/* text-decoration:none*/
 a:hover { color: #f89c04;
 	text-decoration:none;}

a.standard {
	text-decoration: none;
}
a.standard:link { color: #660000}
a.standard:visited { color: #660000}
a.standard:hover { color: #FF5D00;
}

.standardtext {
	/* grau: color: #999999; */
	color: #000000; /* scheint weiterhin grau zu werden - bei vtmp kein Problem ??? */
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
}

.standardtextBig {
	/* grau: color: #999999; */
	color: #000000;	
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
}

.standardtextHellgrau {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
}

.produktname {
	font-size: 11px;
	line-height: 120%;
	background: transparent;	
	
	font-weight: bold;
	color: #666666;	
}

.produktdetails {
	font-size: 11px;
	line-height: 120%;
	background: transparent;	
	
	color: #f99d05;
	line-height: 100%;
	font-weight: bold;	
}
a.produktdetails:link { color: #f99d05}
a.produktdetails:visited { color: #f99d05}
a.produktdetails:hover { color: #666666
}

.produktpreis {
	font-size: 11px;
	line-height: 120%;
	background: transparent;	

	color: #666666;	
}

.hbBreadcrumb {
	font-size: 10px;
	line-height: 100%;
}

a.hbBreadcrumb:link { color: #f99d05}
a.hbBreadcrumb:visited { color: #f99d05}
a.hbBreadcrumb:hover { color: #666666
}

/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */	
.warning {
	color: #f89c04;
	font-size: 10px;
	line-height: 100%;	
}

.hint {
	color: #00aa00;
	font-size: 10px;
	line-height: 100%;	
}
.hintLarge {
	color: #00aa00;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
}
.headline {
	color: #f99d05;
	font-size: 12px;
	font-weight: bold;
	background: transparent;
	/*klee 25.08.06: da unter MS-IE das Ä nicht lesbar war */
	line-height: 108%;
	/*letter-spacing:0.03em;*/
}

.hauptgruppe {
	color: #f99d05;
	font-size: 11px;
	line-height: 135%;
	font-weight: bold;
}
a.hauptgruppe:link { color: #f99d05;}
a.hauptgruppe:visited { color: #333333}
a.hauptgruppe:hover { color: #333333}


.untergruppe {
	color: #333333;
	font-size: 11px;
	line-height: 135%;
	font-weight: normal;
}
a.untergruppe:link { color: #333333}
a.untergruppe:visited { color: #333333}
a.untergruppe:hover { color: #f99d05}



.boxheaders {
	color: #ffffff;
	font-size: 11px;
	line-height: 100%;
	font-weight: bold;
}

a.boxheaders:link { color: #ffffff}
a.boxheaders:visited { color: #ffffff}
a.boxheaders:hover { color: #000000}


/* Ueberarbeitung von Styles bei soft-carrier und liefert-es  (klee: 12.11.2009) */
.listtext {
	color: #000000;
	font-size: 11px;
	line-height: 125%;
	font-weight: normal;	
}
a.listtext:link { color: #000000}
a.listtext:visited { color: #000000}
/* a.listtext:hover { color: #cc0000}*/
a.listtext:hover { color: #f89c04}

/* Ueberarbeitung von Styles bei soft-carrier und liefert-es  (klee: 12.11.2009) */
.listtextHeader {
	color: #f99d05;
	font-size: 11px;
	line-height: 125%;
	font-weight: bold;	
}

a.listtextHeader:link { color: #f99d05}
a.listtextHeader:visited { color: #f99d05}
/*a.listtextHeader:hover { color: #f99d05}*/
a.listtextHeader:hover { color: #000000}


.hbListtextNotiz {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #000000;	
	line-height: 125%;
	font-weight: bold;	
}
a.hbListtextNotiz:link { color: #007700}
a.hbListtextNotiz:visited { color: #007700}
a.hbListtextNotiz:hover { color: #FF5D00}


.detailtitle {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: transparent;	
}

.detailtext {
	color: #585858;
	font-size: 12px;
	line-height: 120%;
	
	background: transparent;	
}

.detailcaptions {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	paddding-left:5px;
}

/* Ueberarbeitung von Styles bei soft-carrier und liefert-es  (klee: 12.11.2009) */
/* Farbe von #cc0000 auf #f89c04 gewechselt */
.detailfooter {
	/* color: #cc0000;*/
	color: #f89c04;
	font-size: 11px;
	font-weight: bold;
	line-height: 120%;
	background: transparent;	
}

/* Ueberarbeitung von Styles bei soft-carrier und liefert-es  (klee: 12.11.2009) */
/* Farbe von #cc0000 auf #f89c04 gewechselt */
.pdflink {
	color: #f89c04;
	line-height: 100%;
	font-weight: bold;	
}

a.pdflink:link { color: #f89c04}
a.pdflink:visited { color: #f89c04}
a.pdflink:hover { color: #666666
}

.stueckbtn {
	color: #ffffff;
	line-height: 100%;
	font-weight: bold;
	font-size: 11px;
}

a.stueckbtn:link { color: #ffffff}
a.stueckbtn:visited { color: #ffffff}
a.stueckbtn:hover { color: #000000}

/* ------------------------------------------------------------------------------------------------ */
/* styles_nav.css */
/* ------------------------------------------------------------------------------------------------ */
p.nav {
	color: #666666;
	font-size: 10px;
	line-height: 120%;
	background: transparent;	
}

.nav {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	
}	
/*WH: Konflikt mit der gleichnamigen bootstrap Klasse, deshalb content mit Default = normal gesetzt */
.nav::after{
	content: normal !important;
}
.nav::before{
	content: normal !important;
}
a.nav:link		{ color: #FFFFFF; font-size:12px;}
a.nav:visited	{ color: #FFFFFF; font-size:12px;}
a.nav:hover		{ color: #333333;  font-size:12px;}


.dropmenu {
	color: #666666;
	font-size: 11px;
}
a.dropmenu:link		{ color: #666666}
a.dropmenu:visited	{ color: #666666}
a.dropmenu:hover	{ color: #ff6600}

/*
*  WH 24.07.2015 farbliche Hinterlegung der gerade aktivierten Suche als Style
*  Links der Klasse dropmenu, wenn sie Klasse dropmenu-selected-item enthalten
*/
a.dropmenu:link[class~=dropmenu-selected-item] {color: #ff6600}

.secondnav {
	color: #000000;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;	
}

a.secondnav:link { color: #ffffff}
a.secondnav:visited { color: #ffffff}
a.secondnav:hover { color: #000000
}

.supportlinks {
	font-size: 11px;
	line-height: 170%;
	color: #333333;
}
a.supportlinks:link { color: #ff6600}
a.supportlinks:visited { color: #ff6600}
a.supportlinks:hover { color: #666666
}

/* Alter Design
.logoschrift {
	color: #ff6600;
	font-size: 21px;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}
*/

/* Alter Design */
.logoschrift {
	color:#f99d05;
	font-size: 34px;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}


/* ------------------------------------------------------------------------------------------------ */
/* styles_footer.css */
/* ------------------------------------------------------------------------------------------------ */
p.footer {
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-weight: bold;
	}

.footer {
	text-decoration: none;
	}
a.footer:link 	{ color: #333333}
a.footer:visited	{ color: #333333}
a.footer:hover	{ color: #333333; text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------ */
/* styles_index.css */
/* ------------------------------------------------------------------------------------------------ */
/* diese Styles werden in 'info.html.php' benutzt */

p.index {
	color: #666666;
	font-size: 10px;
	line-height: 120%;
	background: transparent;	
}

/* 'sidebar' ist die Info-Frame */
.sidebartext {
	color: #333333;
	font-size: 11px;
	line-height: 120%;
	background: transparent;	
}
/* Zahlungbedingungen in WK */
.zahlbd {
	color: #333333;
	font-size: 10px;
	line-height: 120%;
	background: transparent;	
}	

.company {
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	background: transparent;	
}

.special {
	color: #ff6600;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	background: transparent;	
}
a.special:link { color: #ff6600}
a.special:visited { color: #ff6600}
a.special:hover { color: #666666
}

.login {
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	color: #333333;	
}
a.login:link { color: #ff6600}
a.login:visited { color: #ff6600}
a.login:hover { color: #333333}

/* ------------------------------------------------------------------------------------------------ */
/* Alexander Styles */
/* zugefügt bei Alexander Salnikov */
/* ------------------------------------------------------------------------------------------------ */
                       
/* #898E92 - grau */
.pagenumber {
	font-size: 16px;
	line-height: 120%;
	background: transparent;	
	text-decoration: none;
	
	color: #666666;
	line-height: 100%;
	font-weight: bolder;
	
	letter-spacing:0.15em;
	/*font-stretch:	ultra-expanded;*/
	/*border:1px solid grey;*/
}
/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */
a.pagenumber:link { color: #f89c04}
a.pagenumber:visited { color: #f89c04}
a.pagenumber:hover { color: #666666}
img.pagenumber{ border: none }


.pagenumberinv {
	font-size: 16px;
	line-height: 120%;
	background: transparent;	
	text-decoration: none;
	
	color: #666666;
	line-height: 100%;
	font-weight: bolder;
	
	letter-spacing:0.15em;
	/*font-stretch:	ultra-expanded;*/
	/*border:1px solid grey;*/
}

/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */
a.pagenumberinv:link { color: #f89c04}
a.pagenumberinv:visited { color: #f89c04}
a.pagenumberinv:hover { color: #666666}
img.pagenumberinv{ border: none }

.formInputText {
	color: #000000;
	font-size: 11px;
	line-height: 125%;
	font-weight: normal;	
}

.formtext {
	color: #000000;
	font-size: 11px;
	line-height: 125%;
	font-weight: normal;	
}

a.formtext:link { color: #f89c04}
a.formtext:visited { color: #f89c04}
a.formtext:hover { color: #000000}


/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */	
.pfadrod {
	color: #f89c04;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: transparent;	
}

/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */	
.important {
	color: #f89c04;
	font-size: 11px;
	line-height: 125%;
	font-weight: normal;	
}	


.vielMehr {
	color: #ff6600;
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
	background: transparent;	
}
a.vielMehr:link { color: #ff6600}
a.vielMehr:visited { color: #ff6600}
a.vielMehr:hover { color: #666666
}

.searchListHeader {
	line-height: 100%;
	font-weight: bold;	
}

/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */
a.searchListHeader:link { color: #333333;}
a.searchListHeader:visited { color: #f89c04}
a.searchListHeader:hover { color: #f89c04
}

/* 'login' im Info-Frame */
.logintext {
	color: #333333;
	font-size: 11px;
	line-height: 120%;
	background: #FFFFFF;	
}

/* Styles fuer den Suchbaum  */
 
/* Ueberarbeitung von Styles bei liefert-es  (klee: 18.11.2009) */				
/* Farbe von #cc0000 auf #f89c04 gewechselt */	
.hbSuchbaumSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent;	
	color: #f89c04;
	background-color: yellow;
	font-weight: bold;
	vertical-align:middle;

}
.hbSuchbaumKategorieHauptgruppe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent;	
	color: #000000;
	vertical-align:middle;
}
.hbSuchbaumUntergruppe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent;	
	color: blue;
	background-color: white;
	vertical-align:middle;
}

/*
Zum Andrucken der Kategorien + Gruppen + Untergruppen-Uberschriften
*/
a.KatLinkBig {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12.0pt;
	font-weight:bold
}
a.KatLinkBig:link { color: black}
a.KatLinkBig:visited { color: black}
a.KatLinkBig:hover { color: #00aeef}

/*
Zum Andrucken der Kategorien + Gruppen + Untergruppen-Links
*/
a.KatLinkSmall {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8.0pt;
}
a.KatLinkSmall:link { color: black;}
a.KatLinkSmall:visited { color: black;}
a.KatLinkSmall:hover { color: #00aeef;}

#hbLoginTable { 
	width:1100px;
	height:25px;
	background-image:url(/hbdb/scShared/img/liefert-es/bg_graugestreift.jpg);
	border-top:2px solid #ffffff;
	font-size:11px;
}

#hbLoginTable a:link { color: #000000; text-decoration:underline;}
#hbLoginTable a:visited { color: #000000; text-decoration:underline;}
#hbLoginTable a:hover { color: #333333; text-decoration:none;}



/* ****************************************************
 * Styles Innomarket: BEGINN
**/

/*
Styles fuer liefert-es allgemein
*/

form {
	margin:0px;
}

.im_gesamt { background-color:#ffffff; border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;
}

#im_LoginTable { 
	width:1100px;
	height:50px;
	background-image:url(/hbdb/scShared/img/liefert-es/bg_header1.jpg);
	/*background-image:url(/hbdb/scShared/img/liefert-es/bg_graugestreift.jpg);*/
	border-top:2px solid #ffffff;
	font-size:11px;
	/* WH: 20.07.2017 - Styles angepasst liefert-es wegen bootstrap-Styles*/
	/* line-height von bootstrap ueberschrieben, weil sonst dicke orange Linie zwischen
	den #im_LoginTable und #MenuTable */
	line-height: 1 !important;
}

#im_LoginTable a:link { color: #000000; text-decoration:underline;}
#im_LoginTable a:visited { color: #000000; text-decoration:underline;}
#im_LoginTable a:hover { color: #333333; text-decoration:none;}

.im_infotext { 
	color:#FFFFFF;
}

#MenuTable { 
	/*background-image:url(/hbdb/scShared/img/liefert-es/bg_orangegestreift.jpg);*/
	background-image:url(/hbdb/scShared/img/liefert-es/bg_header2.jpg);
	height:30px;
	background-repeat:repeat-x;
}

#MenuTable td table tr td { 
	height:30px;
	padding:2px 5px 0px 5px;
	/*border-right:1px solid #af8135;*/
	border-right:1px solid #FFFFFF;
}

#im_SearchTable {
	font-size:11px;
	height:30px;
	background-image:url(/hbdb/scShared/img/liefert-es/bg_grauverlauf.jpg);
	background-repeat:repeat-x;
	border-bottom:2px solid #ffffff;
	}

#im_SearchTable a:link { color: #333333; text-decoration:none; font-weight:bold;}
#im_SearchTable a:visited { color: #333333; text-decoration:none; font-weight:bold;}
#im_SearchTable a:hover { color: #333333; text-decoration:underline; font-weight:bold;}

.im_inhalt {
	background-image:url(/hbdb/scShared/img/liefert-es/bg_mitte.jpg);
	}
	
.im_kosten { 
	font-size:11px; 
	color:#999999; 
	margin-left:20px;
}	

.im_footer {
	height:30px;
	font-size:12px;
	background-image:url(/hbdb/scShared/img/liefert-es/bg_graugestreift.jpg);
	border-top:2px solid #ffffff;
}

.im_footer tr td table { 
	margin-left:220px;
	#margin-left:140px;
	font-size:12px;
}

.im_inhalt_links table tr td {
	font-size:12px;
	color:#333333;
}

.im_tabellenkopf {
	background-image:url(/hbdb/scShared/img/liefert-es/bg_orangegestreift.jpg);
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.im_tabellenkopf td { 
	padding-left:20px; 
	height:30px;
}

.im_tabellenkopf a:link { color: #000000; text-decoration:underline;}
.im_tabellenkopf a:visited { color: #000000; text-decoration:underline;}
.im_tabellenkopf a:hover { color: #000000; text-decoration:none;}

.im_navi_links {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.im_navi_links ul { 
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.im_navi_links ul li { 
	border-bottom:1px solid #cccccc;
}

.im_navi_links ul li ul { 
	display:none;
	}
	
.im_navi_links ul li ul li {
	border-bottom:1px solid #cccccc;
	}	
	
.im_navi_links a:link {
	display:block;
	color: #ffffff; 
	text-decoration:none; 	
	background-image:url(/hbdb/scShared/img/liefert-es/bg_navi_links.jpg);
	background-repeat:repeat-x;
	padding:3px 0px 3px 20px;
}

.im_navi_links a:visited { 
	display:block;
	color: #ffffff; 
	text-decoration:none; 	
	background-image:url(/hbdb/scShared/img/liefert-es/bg_navi_links.jpg);
	background-repeat:repeat-x;
	padding:3px 0px 3px 20px;
	}

.im_navi_links a:hover {
	display:block;
	color: #333333; 
	text-decoration:none;
	background-image:url(/hbdb/scShared/img/liefert-es/bg_navi_links_hover.jpg);
	}

a.im_navi_links_e2 {
		margin:0px 0px 0px 10px;
		color:#333333;
		font-weight:normal;
}

a.im_navi_links_e2:link{
	background-image:none; 	
	color:#333333;	
}

a.im_navi_links_e2:hover{
	background-image:none; 	
	color:#333333;	
	text-decoration:underline;
	}	
	
.im_navi_inhalt { font-size:12px;}

a.im_navi_inhalt:link { color: #333333; text-decoration:none;}
a.im_navi_inhalt:visited { color: #333333; text-decoration:none;}
a.im_navi_inhalt:hover { color: #333333; text-decoration:underline;}

.im_inhalt_kat { font-size:14px; color:#f89c04; font-weight:bold;}

.im_pfadnavi { color:#f99d05; font-size:12px; font-weight:bold;}
a.im_pfadnavi { color:#f99d05; text-decoration:underline;}

.im_kategorieuebersicht a {
	font-size:12px;
	color:#333333;
	line-height:20px;
}

.im_kategorieuebersicht a:hover {
	color:#f99d05;
	text-decoration:underline;
}

/*
Styles fuer die Detailansicht
*/
.im_standardtextHellgrau {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 100%;
}

/* Ueberarbeitung von Styles bei soft-carrier und liefert-es  (klee: 12.11.2009) */
/* Farbe von #cc0000 auf #f89c04 gewechselt */

.im_trenner_small_top td{
	border-top:1px solid #f89c04;
	padding: 0px 0px 0px 0px;
	height: 1px;
}

.im_trenner_small_bottom td{
	border-bottom:1px solid #f89c04;
	padding: 0px 0px 0px 0px;
	height: 1px;
}

tr.im_trenner_top td{
	border-bottom:1px solid #f89c04;
	border-top:1px solid #f89c04;
	padding: 10px 0px 10px 0px;	
}

.im_trenner td{
	border-bottom:1px solid #f89c04;
	padding: 10px 0px 10px 0px;
}

.im_hinterlegt_orange{ 
	background-color: #EDEDED;
}

/* 
 * Styles Innomarket: ENDE
******************************************************/

/*****************************************************/
/* //(klee: 22.11.2013 Einbau schneller Tooltips fuer Anker ueber Styles) */
/* Beispiel: <a href="" class="tooltip">Überqueren Sie mich mit der Maus!<span>Ich bin ein ToolTip der aus einem Text besteht</span></a> */
/* Beispiel: <a href="" class="tooltip">Überqueren Sie mich mit der Maus!<span><img src="/test.png" /></span></a> */

a.tooltip
{
  position: relative;
  text-decoration: none;
  color: black;
}

a.tooltip span
{
  display: none;
}

a.tooltip:hover span
{
  position: absolute;
  display: block;
  top: 1.5em;
  left: 2em;
  border: 1px solid black;
  background-color:white;
  padding: 0.2em;
  font-size:12px;
  z-index:999;
}


/* WH: 30.01.2017 - Markenshop-Logo als Link in die Markenwelt*/
/* WH Tooltips speziell fuer die Markenwelt an beliebigen Elementen*/
/* Tooltip container */
.tooltipMarkenwelt {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipMarkenwelt .tooltiptextMarkenwelt {
	
    visibility: hidden;
    font-size:12px;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
     position: absolute;
   
    z-index: 1;
}

/* Tooltip text Markenwelt vorhanden */
.tooltipMarkenwelt .tooltiptextMarkenweltExists {
	/*Farbe wie die Navigationsbuttons*/
    background-color: #f99d05;
   
}
/* Tooltip text keine Markenwelt vorhanden */
.tooltipMarkenwelt .tooltiptextMarkenweltNot {
	/*Farbe wie die Navigationsbuttons*/
    background-color: #f99d05;
    /*WH:  opacity durchscheinend*/
    opacity:0.4;
  
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipMarkenwelt:hover .tooltiptextMarkenwelt {
    visibility: visible;
}

/* WH ENDE Tooltips Markenwelt*/

/* WH: Tooltip fuer Lieferfaehigkeit*/
/* Tooltip container */
.tooltipLieferfaehig {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipLieferfaehig .tooltiptextLieferfaehig {
	font-family: Arial, Helvetica, sans-serif;
    visibility: hidden;
    font-size:12px;
    width: 120px;
    /*background-color: black;*/
    /*Farbe wie die Navigationsbuttons*/
    background-color: #00aeef;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
     position: absolute;
   
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltipLieferfaehig:hover .tooltiptextLieferfaehig {
    visibility: visible;
}
/* WH: ENDE Tooltip fuer Lieferfaehigkeit*/
/***********************************************/
/* FG 05.12.2013*/
/* Styles für Superadmin -> ShopHinweise*/
/***********************************************/
.ShopHinweisfenster {
	position: absolute;
	top: 250px;
	left: 250px;
	width: 500px;
	height: 370px;
	border: 3px solid red;
	background-color: white;
	font-weight: normal;
	font-size: 12pt;
	z-index: 250;
	display: none;
}

.ShopHinweisGrafikContainer {
	position: relative;
	float: left;
	width: 105px;
	height: 320px;
}

.ShopHinweisGrafikContainer img {
	padding-right: 5px;
	max-width: 105px;
	max-height: 150px;
}

.ShopHinweisGrafik {
	position: absolute;
	width: 100%;
	text-align: center;
}

.ShopHinweisTitel {
	float: left;
	position: relative;
	padding: 5px;
	width: 490px;
	max-width: 490px;
	max-height: 50px;
	overflow: hidden;
	text-align: left;
	font-weight: bold;
	font-size: 18pt;
	text-align: center;
	color: black;
}

.ShopHinweisText {
	position: relative;
	float: left;
	padding: 5px;
	max-width: 375px;
	min-width: 375px;
	height: 320px;
	overflow: hidden;
	white-space: pre-wrap;
	text-align: left;
	vertical-align: top;
}

.ShopHinweisSchliessenButton {
	position: absolute;
	bottom: 10px;
	left: 300px;
	width: 80px;
	height: 18px;
	text-align: center;
	cursor: pointer !important;
	cursor: hand;
}

.SubmitButtonHellblau {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	line-height: 120%;
	text-decoration: none;
	vertical-align: middle;
	background-color: #00AEEF;
	cursor: pointer !important;
	cursor: hand;
}

.SubmitButtonHellblau:hover {
	color: black;
}

/***********************************************/
/* FG 05.12.2013*/
/* Styles für MWST-Nr Feld -> neue Steuernummer Schweiz*/
/***********************************************/

.mwstHinweisDiv{
						
position:absolute; 

  width: 220px; 
  height: 40px;
  border: 1px solid black;
  background: white;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  padding: 10px; 
  text-align:left;
  
}

.mwstHinweisDiv:before {
  content:"";	
  position:absolute;			  		
  width: 0;
  height: 0;
  top:15px;
  left:-30px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 30px solid black;
  
}
.mwstHinweisDiv:after{
  content:"";	
  position:absolute;			  
  width: 0;
  height: 0;
  top:15px;
  left:-29px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 30px solid white;
}
/*****************************************************/
/*styles für suchvorschläge*/
div.suchvorschlage{
	background:white;	
	overflow: hidden;
	position: absolute;
	width:180px;
	z-index: 99;
	
	border: 1px solid black;
	display:none;
}

div.vorschlag_div{
	background:white;
	font-weight:normal;
	margin-left: 5px;
	font-size: 12px;
	cursor:hand;
	cursor:pointer;
}

div.vorschlag_div:hover, div.vorschlag_div_selected b, div.vorschlag_div_selected:hover b{
	/*background:rgba(0, 150, 255, 0.9) !important;*/
	background:orange;
	margin-left: 5px;
	color:white;
	font-weight:bolder;
	font-size: 12px;
	cursor:pointer;
}


div.suchvorschlag_label{
	color:grey;
	font-size: 12px;
	margin: 5px auto;
	padding-left:5px;
	border-bottom:thin solid grey;
}

/***********************************************/
/* Style Für Filter
/* AUTHOR:FG
/***********************************************/

div.filter{
	margin-left:2px;
	margin-bottom:4px;
	width: 200px;
	max-height: 180px;
	overflow-x: hidden;
	font-size: 11px;	
	white-space: nowrap;
	text-align: left;
}

table.ergTable{
	border-collapse:collapse;
	border:1px solid grey;
	/*text-indent: 3px;*/
	clear: both;
	width:880px;
}

div.ergebnis{
	float: left; 
	position: relative; 
	/*margin: 10px;*/ 
	width:880px;
	font-size:11px;
}

table.ergTable table.priceTable{
	border:none;
	font-size:11px;
}
table.ergTable table.priceTable th{
	border:none;
	font-size:11px;
}
table.ergTable table.priceTable td{
	border:none;
	font-size:11px;
	margin:0;
	padding:0;
}

table.ergTable th{
	border:1px solid grey;
	font-size:11px;
}
table.ergTable td{
	border-right:1px dashed grey;
	border-bottom:1px solid grey;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
}
table.priceTable tr{

	cursor:pointer !important;
	cursor:hand;
	margin:0;
	padding:0;
}

input[type=checkbox]:checked + label {
	font-weight: bold;
	
}
input[type=checkbox]{
	margin:0;
	padding:0;
	/*WH: 13.02.2019 - vertical align middle, um Checkbox mittig zu umschliessenden Label zu platzieren */
	vertical-align:middle;
}

/* WH: 13.02.2019 radio button align mit label*/
input[type=radio] {
	margin-top: -1px;

	}
	
div.filterContainer, td.filter{
	width: 1100px;
	font-size:11px;
}

div.filterOffen{
	width: 200px;
	max-height: 200px;
	border: solid 1px;
	border-color: rgba(204, 204, 204, 0.9) !important;		
	border-color: #ccc;
	/*border-color: rgba(0, 150, 255, 0.9) !important;
	border-color: lightblue;
	border-radius:5px;*/
	margin: 5px auto;	
}

div.filterZu{
	width: 200px; 
	border:1px solid #ccc; 
	background-color: #ddd;
	cursor:pointer !important; 
	cursor:hand;
	color: #007EBC;
	font-weight: bold;
	padding-left: 5px; img/vtmp/
	padding-right: 5px;
	margin: 5px auto;
}

div.filterTitel{
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 2px;
	padding-bottom:2px;
	margin-bottom:3px;
	font-weight: bold;
	color:white;
	cursor:pointer !important; 
	cursor:hand;
	width:190px;
	/*background-image: url(/hbdb/scShared/img/vtmp/vtmp_bg_hl.jpg); 
	background-repeat: repeat-x;*/
	/*background-color: #F99D05;*/
	/*background-color: #990033;*/
	background-color: #FE9900;
	/*background-color: lightblue;*/
}	

div.suche {
	width: 680px;
 	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 12px;
}

div.filterMenu{
	position: relative; 
	margin-top: 12px; 	
	float: left; 
	width: 200px; 
	min-height: 50px; 
	margin-right: 10px;
	clear:both;
}

div.moreFilter{
	
	color: #007EBC; 
	text-decoration: underline; 
	cursor:hand; 
	cursor:pointer !important;
	text-align:center;
}
div.ergebnisLimit{
	float:left;
	margin-right:2px;
	width:30px;
	height: 20px;
	line-height: 175%;
	font-size:11px;	
	border:1px solid black;
	text-align:center;
	vertical-align:middle;
	cursor:hand; 
	cursor:pointer !important;
	font-weight: bolder;
	color:white;
	background-color: #f89c04;
	/*background-image: url(/hbdb/scShared/img/vtmp/vtmp_bg_hl.jpg); 
	background-repeat: repeat-x;*/
}
div.ergebnisLimitChecked{
	float:left;
	margin-right:2px;
	width:30px;
	height: 20px;
	line-height: 175%;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	border:1px solid black;
	cursor:hand; 
	cursor:pointer !important;
	font-weight: bolder;
	color:white;
	background-color: #CC0000;
	/*background-image: linear-gradient(#FAC5A2 0%, #FF6600 100%); 
	background-repeat: repeat-x;*/
}

div.goToSeite{
	font-weight:bolder; 
	font-size:15px; 
	cursor:pointer !important; 
	cursor:hand;
	width:10%;
}

div.seitenNavi{
	display:block; 
	width:80%; 
	text-align:center; 
	padding-left:10%; 
	padding-right:10%;
}

div.artikelProSeite{
	float: right; 
	margin-right: 10px;
}

div.filterSort{
	vertical-align: middle;
}

span.searchListLink{
	color:black;
	cursor:hand; 
	cursor:pointer !important;
}

span.searchListLink:hover{
	color:#F99D05;
}

span.searchListLinkBezeichnung{
	color:#F99D05;
	cursor:hand; 
	cursor:pointer !important;
}
span.searchListLinkBezeichnung:hover{
	color:black;
}

div.sucheAufSuche{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 125%;
    text-decoration: none;
    color: #F99D05;
    float: left;
    cursor:pointer !important;
    cursor:hand;
}

div.sucheAufSuche:hover{
	color:black;
}

span.buttonSeitenNaviInaktiv{
	color:#666666;
	font-weight:bold;
	font-size:15px;
	cursor:hand; 
	cursor:pointer !important;
}
span.buttonSeitenNaviInaktiv:hover{
	color:#FF9A00;
}
span.buttonSeitenNaviAktiv{
	color:black;
	font-weight:bolder;
	font-size:20px;
}

/***********************************************/
/* Style für Bilder-Slideshow in der
/*		 Artikeldetailsseite
/* AUTHOR:FG
/* mri: 28.7.2016 - Bildergalerie Artikeldetailseite Style Änderung
/***********************************************/

div.slideShowDiv{
	outline: 0;
	width:220px;
	height: 220px;
	max-width:220px;
	max-height: 220px;
	background-color: white;
	z-index: 999;
	border: 1px solid grey;
	position: fixed;
	display:table;
	top: 270px;
	left: 340px;
}

div.mehrInfoBtn{
	width:160px; 
	background-color:#F99D05; 
	line-height:18px; 
	font-weight:bold; 
	text-align:center;
	font-size:11px;
}

/***********************************************/
/* Style für neue Artikeldetailsseite
/* AUTHOR:FG
/***********************************************/
.artikelDetailNavLine {
	color: #F99D05;
	background-color: #F99D05;
	border-color: #F99D05;
	border:1px solid;
}
table.artikelDetailNav td  {
	color: #F99D05;
}

/***********************************************/
/* Style für Solr-Suche
/* AUTHOR:Klee
/***********************************************/

/***********************************************/
/* Style für die Farben für Table: Header, Ebene-Positionen, Summe
/* AUTHOR:Klee
/***********************************************/
.bgcolorHead {
	background-color: #CCCCCC;
}
.bgcolorPositionEven {
	background-color: #DDDDDD;
}
.bgcolorPositionOdd {
	background-color: #FFFFFF;
}
.bgcolorSumme {
	background-color: #EEEEEE;
}

/***********************************************/
/* Style für die Farben für Table EKR
/* AUTHOR:Klee
/***********************************************/
.bgcolorEKR {
	background-color: #DDDDDD;
}

/***********************************************/
/* Style für die Buttons in Angular-Formularen z.B. EKR
/* sowie weitere Styles
/* AUTHOR: WH
/***********************************************/
/* der Default-Button, mit transparentem Hintergrund, 
erweiterbar durch Background-Farben*/
.btnDefault {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;	
	line-height: 120%;
	background: transparent;	
	vertical-align:middle;
}


.btnBackgroundSubmit {
	background-color: #00AEEF;
}

.btnBackgroundWarning {
	background-color: #CC0000;
}

.btnBackgroundReset {
	background-color: #CCCCCC;
	color: #000000;
}

input[readonly], input[readonly="readonly"] 
{
	background-color: #CCCCCC;

   }
/***********************************************/
/* Style für die Modal-Window in Angular-Formularen z.B. EKR
/* AUTHOR: WH
/***********************************************/
/* WH: 17.05.2017 - Styles angepasst wg Einbindung bootstrap.css 
 Klasse modal umbenannt in hbmodal, weil bootstrap auch Klasse modal hat */
div.m-modals {
	/*WH: Deckkraft herabgesetzt von 0,8 auf 0.5,background-color: rgba( 0, 0, 0, 0.8 ) ;*/
	background-color: rgba( 0, 0, 0, 0.5 ) ; 
	bottom: 0px ;
	left: 0px ;
	position: fixed ;
	right: 0px ;
	top: 0px ;
	/*WH: z-index hinzugefuegt*/
	z-index:249;
}

div.m-modals.ng-hide {
	background-color: rgba( 0, 0, 0, 0 );
}

div.m-modals.ng-hide-add.ng-hide-add-active,
div.m-modals.ng-hide-remove.ng-hide-remove-active {
	transition: 250ms ease all ;
}

div.m-modals > .hbmodal {
	background-color: #FAFAFA ;
	border-radius: 3px 3px 3px 3px ;
	box-sizing: border-box ;
		-moz-box-sizing: border-box ;
	padding: 20px 20px 20px 20px ;
	position: fixed ;
	left: 50% ;
	margin-left: -200px ;
	top: 200px ;
	width: 400px ;
	z-index:999;
}

div.m-modals.ng-hide > .hbmodal.ng-enter {
	top: -200px ;
	transition: 250ms ease top ;
}

div.m-modals.ng-hide > .hbmodal.ng-enter.ng-enter-active {
	top: 200px ;
}

/**
* Styles fuer den Angular-File-Upload
* 
*
*/
/*fuer den Thumbnail einer hochzuladenden Datei*/
.hbThumb {
   /* float: left; */
    height: 40px;
    padding-right: 10px;
    width: 40px;
}

/*fuer den Thumbnail einer hochzuladenden Datei*/
.hbcanvas {
    background-color: #f3f3f3;
    -webkit-box-shadow: 3px 3px 3px 0 #e3e3e3;
    -moz-box-shadow: 3px 3px 3px 0 #e3e3e3;
    box-shadow: 3px 3px 3px 0 #e3e3e3;
    border: 1px solid #c3c3c3;
   /* height: 100px; */
    margin: 6px 0 0 6px;
}

/*Fuer die Fortschrittsbalken*/
.hb-item-progress-box {
    height: 20px;
    margin-top: -20px;
    margin-left: 60px;
    margin-right: 10px;
}

.hb-item-progress {
    background-color: #90B8DA;
    height: 100%;
    width: 0;
}

.hb-total-progress-box {
    height: 20px;
    margin-top: -20px;
    margin-left: 90px;
    margin-right: 10px;
}

.hb-total-progress {
    background-color: #90B8DA;
    height: 100%;
    width: 0;
}


.hb-progress {
    background-color: mediumpurple;
    height: 20px;
}



/* Style fuer das Loader-Img, den sich drehenden Kreis*/
.hbLoaderImgStyle {
	border: solid 5px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	opacity: 0.3;
	background-color: grey
}

/* Zentrieren eines Divs */
.hbCenterDiv {
    margin: auto;
    width: 60%;
    border:3px solid #73AD21;
    padding: 10px;
}
/*fuer Fehlermeldung im kleineren Font*/
.hbWarningSmall {
	font-family: Arial, Helvetica, sans-serif;
	/*color: #00aeef;*/
	/* color: red; */
	color: #cc0000;
	font-size: 10px;
	line-height: 100%;
	font-weight: bold;
}

/* klee: 09.03.2016 --  */
/* Stichwortsuche: Verbesserung der LOG-Auswertung nicht gefundener Artikel: */
/* Längenbegrenzung + Terme die Nummern beinhalten  */
/* Style für jquery-overlay */
.hbJqueryOverlay {
   	background: #FFFFFF; 
   	width: 80%; 
   	margin-top: 100px; 
   	padding: 10px; 
   	border: 1px solid red;
	
}

.hbJqueryOverlayCloseButton  {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	line-height: 120%;
	text-decoration: none;
	vertical-align: middle;
	horizontal-align: right;
	background-color: #f89c04;
	cursor: pointer !important;
	cursor: hand;

}

/* klee: 14.06.2016 -- Direktlieferung bei Lieferanschriften wird markanter präsentiert */
.question-circle:before
{
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 1.8ex;
    height: 1.8ex;
    font-size: 2.0ex;
    line-height: 1.8ex;
    border-radius: 1.2ex;
    margin-right: 4px;
    padding: 1px;
    color: #f99d05;
    background: white;
    border: 1px solid #f99d05;
    text-decoration: none;
}

.question-circle:hover:before
{
    color: white;
    background: #f99d05;
    border-color: white;
    text-decoration: none;
}
/* klee: 14.09.2016 -- Optimierung Suchvorschläge */
.keineTreffer{
	padding-top:75px;
	padding-left:400px;
	color: #f99d05;
	font-size: 13px;" 	
}

/* WH: 17.05.2017 - Styles angepasst wg Einbindung bootstrap.css*/


/* den von bootstrap gesetzten border-box (Angaben fuer padding, margin, etc werden addiert, um die width zu erzielen)
durch content-box (width bezieht sich auf den content und padding und margin werden zusaetzlich addiert) ersetzen*/
* {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
/* Style fuer hr aus main.css soll greifen, deswegen die Styles, die bootstrap fuer hr vorgibt, hier ueberschreiben,
damit nicht alle main.css geaendert werden muessen*/
hr {
	margin-bottom: 8px;
	margin-top: 8px;
}

/* Klasse fuer Menue Meine Daten*/
.hbMtools {
	background-color:#ffffff;
	/*damit die weissen Striche zwischen den Menuepunkten sichtbar sind*/
	border-collapse: separate;
	border-spacing: 1px;
}

/* HMTL-Tag label wird von bootstrap mit font-weight 700 gesetzt. Damit dieser Default beibehalten werden kann,
die in der Applikation gesetzten label, die bis jetzt keinerlei Wirkung hatten, durch hblabel ersetzen, was 
dann auch wieder keine Auswirkung hat*/
.hblabel {
	
}

/*Klasse fuer die HTML-Seite innerhalb des iframes zum Setzen des Backgrounds, weil sonst
der iframe nicht den Hintergrund der Seite zeigt, in die er eingebettet ist, sondern den
Background der eingebetteten Seite im Scroll-Bereich nach unten*/
.hbHtmlBackground {
	background-color: #cccccc;
}

/* Default-Values fuer table border collapse und spacing */
table {
	border-collapse: separate;
	border-spacing: 2px;
}
table [border="0"]{
	border-collapse: collapse;
}
/* Padding td fuer Tables mit cellpadding */
table[cellpadding="0"]  td {
   padding: 0px;
}
table[cellpadding="1"]  td {
   padding: 1px;
}
table[cellpadding="2"]  td {
   padding: 2px;
}
table[cellpadding="3"]  td {
   padding: 3px;
}
table[cellpadding="5"]  td {
   padding: 5px;
}
/* HTML-Tag img wird von bootstrap mit vertical-align:middle belegt, deswegen hier mit Default ueberschrieben*/
img {
	vertical-align: baseline;
}
/* WH: 17.05.2017 -  ENDE Styles angepasst wg Einbindung bootstrap.css*/

/* WH: 22.05.2017 - Styles fuer bootstrap Formulare*/

/* alle Input-Felder schmaler machen in der Hoehe*/
.form-control {
   background-color: #ffffff;
  
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    /*font-size: 14px;*/
    font-size: 12px;
   /* height: 34px;*/
   height: 20px;
    line-height: 1.42857;
   /* padding: 6px 12px; */
     padding: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

/* Sonderfall fuer Selectboxen, die werden zu schmal in der Hoehe, schneiden den Text ab
deswegen Padding auf 0px */
select.form-control{
	padding: 0px 0px;
}
/*WH: fuer nicht korrekte Input-Felder: Text rot, Rahmen rot*/
input.ng-invalid {
  color: red;
  border-color:red;
}

/*WH: fuer Fehlermeldungen im Formular*/
.hb-text-error {
  color: red;
}

/* WH Stylen Telefonsymbol aus font-awesome*/
.hbPhoneSymbol  {
	margin-left:10px; 
	vertical-align:top; 
	/* rot*/
	color:#ff0000;
}

/* WH: Klasse, um Element z.B. span, tr, als Clickbar zu kennzeichnen*/
.hb-clickable {
	cursor:pointer;
}

/*WH: LastwagenSymbol in Suchliste fuer Verfuegbarkeitsauskunft*/
.hbTruckSymbolVerfuegbar {
	color: #00AEEF;
}

/* WH Stylen Warenkorbsymbol aus font-awesome*/
.hbShoppingCartSymbolSearch  {
	margin-left:2px; 
	color:#f99d05;
}
/* ShoppingCart Symbol bei liefert-es rechts oben im Header vor Link*/
.hbShoppingCartSymbolHeader  {	
	color:#ffffff;
	margin-right: 2px;
	
}
.hbShoppingCartSymbolHeader:hover  {
	color:#000000;
}

/*WH: Styles fuer die Buttons im DetailFrameset im Zuge der Umstellung auf bootstrap-Buttons
s. auch properties.inc.php*/
.hbBtnFrageProdukt {
	color:#ffffff;
	/*HB_COLOR_BUTTON_INSERT*/
	background-color:#999999;
	font-weight:bold;
	width:120px;
	margin: 1px;
}

.hbBtnLinkAlternativProdukt {
	color:#ffffff !important;
	/*HB_COLOR_BUTTON_OK*/
	background-color:#f89c04;
	font-weight:bold;
	width:120px;
	margin: 1px;
}

.hbBtnLinkMehrInfo{
	color:#ffffff !important;
	background-color:#F99D05;
	font-weight:bold;
	width:150px; 
	margin: 1px;
}

.hbBtnLinkStueckInWK{
	color:#ffffff !important;
	/*HB_COLOR_BUTTON_OK*/
	background-color:#f89c04;
	font-weight:bold;
	width:230px; 
	margin: 1px;
}

/* WH: 27.11.2017 - Styles fuer Applikations-Standard-Buttons zur Verwendung mit bootstrap*/
/* Button mit der OK-Farbe fuer den Hintergrund*/
.hbBtnStandardOk {
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	/*HB_COLOR_BUTTON_OK*/
	background-color:#f89c04;
	font-weight: bold;
	margin: 1px;
}

/* Button mit der OK-Refresh-Farbe fuer den Hintergrund*/
.hbBtnStandardOkRefresh {
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	/*HB_COLOR_BUTTON_OK_REFRESH : gruengelb*/
	background-color:#aaaa00;
	font-weight: bold;
	margin: 1px;
}

/* Button mit der Insert-Farbe fuer den Hintergrund*/
.hbBtnStandardInsert {
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	/*HB_COLOR_BUTTON_INSERT */
	background-color:#999999;
	font-weight: bold;
	margin: 1px;
}

/* Button mit der Critical-Farbe fuer den Hintergrund*/
.hbBtnStandardCritical {
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	/*HB_COLOR_BUTTON_CRITICAL : rot*/
	background-color:#CC0000;
	font-weight: bold;
	margin: 1px;
}

/* Button mit der OkSmart-Farbe fuer den Hintergrund*/
.hbBtnStandardOkSmart {
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	/*HB_COLOR_BUTTON_OK_SMART : grau*/
	background-color:#999999;
	font-weight: bold;
	margin: 1px;
}

/* klee:17.07.2017 --  Korrektur Bootstrap-Styles: Problem Browser-Print-Funktionalität(zerschlägt komplett den Ausdruck) 
Verhinderung des Andruckes von Link-Adressen hinter Links (zerschlägt komplett den Ausdruck) */
@media print {
	a[href]:after {
		content: none
	}
}

/* WH Anpassung fuer NG-Button*/
/* Button als Link gestylt*/
.hb-btn-link{ 
	color:#333333;
	font-weight:bold;
}

/* klee fuer DSGVO Abfrage */
@media (min-width: 992px) { 
  .modal-hb-lg {
	width: 1300px;
  }
}

/*WH: fuer nicht korrekte text-area: Rahmen rot*/
textarea.ng-invalid {
	border-color: red;
	background-color: pink;
}

/*WH: Hintergrund und Rand fuer eine Leiste von nebeneinanderstehenden Buttons */
.hb-button-leiste {
	background-color: #f5f5f5;
	border-color: #ddd;
	display: block;
}

/*WH: Abstand fuer jeden button in der hb-button-leiste*/
.hb-btn-margin {
	margin-left: 1%;
	margin-right: 1%;
}

/*WH: Grid fuer Versand-Frachtkostenauswahl*/
.gridFrachtkosten {
	width: 100%;
	height: 10px;
}

#gridfrachtkostenHb .ui-grid-row.ui-grid-row-selected {
 	border-bottom-style: solid;
 	border-bottom-width: thin;
 	border-bottom-color: #000000;
 	
 	border-top-style: solid;
 	border-top-width: thin;
 	border-top-color: #000000;
 }

/*WH: Grid fuer Lieferanschriften */
.gridLieferanschriften {
	width: 100%;
	height: 100%;
}

/* WH  Selected Row mit Rahmen oben und unten*/
 #gridLieferanschriftenHb .ui-grid-row.ui-grid-row-selected {
 	border-bottom-style: solid;
 	border-bottom-width: thin;
 	border-bottom-color: #000000;
 	
 	border-top-style: solid;
 	border-top-width: thin;
 	border-top-color: #000000;
 }

/*Styles fuer buttons an einer input-group, z.b. die Lupe am Suchfeld, in der das input-Feld die class form-control hat
 statt die Groessenangaben von Bootstrap wie btn-sm, btn-xs etc*/
.btn-hb-form-control {
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
	padding: 0px 10px 0px;
	/*height auf 24px, damit es in der Hoehe buendig abschliesst mit dem Input-Feld*/
	height: 24px;
}

/* WH Bootstrap well ueberschreiben mit weissem Hintergrund*/
.hb-well {
	background-color: #ffffff;
}

/* WH: den grauen senkrechten Balken nach dem Label andrucken fuer Pflichtfelder innerhalb der form-group*/
.form-group.hb-required .control-label:after { 
    color: #d00;
    content: url(/hbdb/scShared/img/sharedSc/required.gif);
    position: absolute;
    margin-left: 8px;
    top:7px;
}

/* WH: roter Rand um einen Button, um ihn besonders hervorzuheben
 z.B. im Zusammenspiel mit ng-class*/
 .hb-btn-border-red {
 	border: 2px solid red;
 }
 
 /*  WH: 04.02.2019 - Direktive hbClearText*/
.hb-clearable.x {
   background: #fff url(/hbdb/scShared/img/shared/kleines-x.png) no-repeat right -10px center; 
     background-size: 16px 16px;
     background-position: right 5px center;  
     /* WH: Abstand des rechts stehenden Kreuzchens zum Eingabestring*/
    padding-right: 30px;   
}
.hb-clearable.onX{ cursor: pointer; }
/* WH: 22.05.2017 - ENDE Styles fuer bootstrap Formulare*/

/* klee: 15.11.2018 für Linke Close Kreuz Alert-Box z.B. Cookies-Hinweis */
.closeLeft {
	float: left;
}
/* klee 13.12.2018 - in datenschutzHbDiv class="well" gegen class="datenschutzBox" ausgetauscht */
.datenschutzBox{
	background-color: #f5f5f5;
}
/*****************************************************/
/* Styles Herr Peter: BEGINN */

/* siehe /home/soft/softcarrier.de/www/htdocs/shopcms/templates/vtmp/css/hiblue.css */

/* Styles Herr Peter: ENDE */
/*****************************************************/

/*  WH: 01.08.2019 - neue Klasse hbDisplayNoneLogOut
Ausblenden von Bereichen im ausgeloggten Zustand */
.hbDisplayNoneLogout {
	display: none;
}