/* ------------------------------------------------------------------------------------------------ */
/* soft-carrier 				styles.css */
/* ------------------------------------------------------------------------------------------------ */
/*
Standardschrift fuer die gesamte Applikation
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* WH: 17.05.2017 - Styles angepasst wg Einbindung bootstrap.css*/
	/* deswegen die Styles, die bootstrap fuer hr vorgibt, hier ueberschreiben*/
	line-height: normal;
}

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

a.standard {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.standard:link {
	color: black;
}

a.standard:visited {
	color: black;
}

a.standard:hover {
	color: #00aeef;
}

.standardtextBig {
	/* grau: color: #999999; */
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
}

.standardtextHellgrau {
	/* grau: color: #999999; */
	color: #999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 100%;
}

.produktname {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	background: transparent;
	font-weight: bold;
	color: #666666;
}

.produktdetails {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	background: transparent;
	color: #00aeef;
	line-height: 100%;
	font-weight: bold;
}

a.produktdetails:link {
	color: #00aeef
}

a.produktdetails:visited {
	color: #00aeef
}

a.produktdetails:hover {
	color: #666666
}

.produktpreis {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	background: transparent;
	color: #666666;
}

.hbBreadcrumb {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 100%;
}

a.hbBreadcrumb:link {
	color: #00aeef
}

a.hbBreadcrumb:visited {
	color: #00aeef
}

a.hbBreadcrumb:hover {
	color: #666666
}

.warning {
	font-family: Arial, Helvetica, sans-serif;
	/*color: #00aeef;*/
	/* color: red; */
	color: #cc0000;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
}

.hint {
	font-family: Arial, Helvetica, sans-serif;
	/* color: #00aa00; */
	/*color: #81F7F3;*/
	color: #00aeef;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
}

.hintLarge {
	font-family: Arial, Helvetica, sans-serif;
	color: #00aa00;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #00aeef;
	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 {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00aeef;
	line-height: 135%;
	font-weight: bold;
}

a.hauptgruppe:link {
	color: #00aeef;
}

a.hauptgruppe:visited {
	color: #333333
}

a.hauptgruppe:hover {
	color: #333333
}

.untergruppe {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 135%;
	font-weight: normal;
}

a.untergruppe:link {
	color: #333333
}

a.untergruppe:visited {
	color: #333333
}

a.untergruppe:hover {
	color: #00aeef
}

.boxheaders {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 100%;
	font-weight: bold;
}

a.boxheaders:link {
	color: #ffffff
}

a.boxheaders:visited {
	color: #ffffff
}

a.boxheaders:hover {
	color: #000000
}

.listtext {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 125%;
	font-weight: normal;
}

a.listtext:link {
	color: #000000
}

a.listtext:visited {
	color: #000000
}

a.listtext:hover {
	color: #00389a
}

.listtextHeader {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 125%;
	font-weight: bold;
}

a.listtextHeader:link {
	color: #00389a
}

a.listtextHeader:visited {
	color: #00389a
}

a.listtextHeader:hover {
	color: #3ac0f3
}

.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-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
	background: transparent;
}

.detailtext {
	color: #585858;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: justify;
	background: transparent;
}

.detailcaptions {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	padding-left: 5px;
}

.detailfooter {
	color: #FF5D00;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	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 #00aeef gewechselt */
.pdflink {
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/* color: #FF5D00; */
	color: #00aeef;
	line-height: 100%;
	font-weight: bold;
}

a.pdflink:link {
	color: #00aeef
}

a.pdflink:visited {
	color: #00aeef
}

a.pdflink:hover {
	color: #000000
}

a.stueckbtn {
	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;
}

a.stueckbtn:link {
	color: #ffffff
}

a.stueckbtn:visited {
	color: #ffffff
}

a.stueckbtn:hover {
	color: #000000
}

.dropmenu {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

a.dropmenu:link {
	color: #666666
}

a.dropmenu:visited {
	color: #666666
}

a.dropmenu:hover {
	color: #00aeef
}

/*
* 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: #00aeef
}

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

.secondnav {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 120%;
	font-weight: bold;
}

a.secondnav:link {
	color: #ffffff
}

a.secondnav:visited {
	color: #ffffff
}

a.secondnav:hover {
	color: #000000
}

.supportlinks {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	color: #00aeef;
}

a.supportlinks:link {
	color: #00aeef
}

a.supportlinks:visited {
	color: #00aeef
}

a.supportlinks:hover {
	color: #666666
}

.logoschrift {
	color: #00aeef;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles_footer.css */
/* ------------------------------------------------------------------------------------------------ */
p.footer {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px 175px 10px 175px;
}

.footer {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.footer:link {
	color: #666666
}

a.footer:visited {
	color: #666666
}

a.footer:hover {
	color: #00aeef
}
/* ------------------------------------------------------------------------------------------------ */
/* styles_index.css */
/* ------------------------------------------------------------------------------------------------ */
/* diese Styles werden in 'info.html.php' benutzt */
p.index {
	color: #666666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	background: transparent;
}

/* 'sidebar' ist die Info-Frame */
.sidebartext {
	color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	background: transparent;
}

.company {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: bold;
	background: transparent;
}

.special {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00aeef;
	line-height: 120%;
	font-weight: bold;
	background: transparent;
}

a.special:link {
	color: #00aeef
}

a.special:visited {
	color: #00aeef
}

a.special:hover {
	color: #666666
}

.login {
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	color: #333333;
}

a.login:link {
	color: #00aeef
}

a.login:visited {
	color: #00aeef
}

a.login:hover {
	color: #333333
}

/* ------------------------------------------------------------------------------------------------ */
/* Alexander Styles */
/* zugefügt bei Alexander Salnikov */
/* ------------------------------------------------------------------------------------------------ */

/* #898E92 - grau */
.pagenumber {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	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;*/
}

a.pagenumber:link {
	color: #00aeef
}

a.pagenumber:visited {
	color: #00aeef
}

a.pagenumber:hover {
	color: #666666
}

img.pagenumber {
	border: none
}

.pagenumberinv {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	background: transparent;
	text-decoration: none;
	color: #00aeef;
	line-height: 100%;
	font-weight: bolder;
	letter-spacing: 0.15em;
	/*font-stretch:	ultra-expanded;*/
	/*border:1px solid grey;*/
}

a.pagenumberinv:link {
	color: #666666;
	border: 1px solid white;
}

a.pagenumberinv:visited {
	color: #666666;
	border: 1px solid grey;
}

a.pagenumberinv:hover {
	color: #00aeef;
	border: 1px solid grey;
}

.formInputText {
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	font-weight: normal;
}

.formtext {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 125%;
	font-weight: normal;
}

a.formtext:link {
	color: #00aeef
}

a.formtext:visited {
	color: #00aeef
}

a.formtext:hover {
	color: #000000
}

.pfadrod {
	color: #00aeef;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
	background: transparent;
}

.important {
	color: #00aeef;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	font-weight: normal;
}

.vielMehr {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00aeef;
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
	background: transparent;
}

a.vielMehr:link {
	color: #00aeef
}

a.vielMehr:visited {
	color: #00aeef
}

a.vielMehr:hover {
	color: #666666
}

.searchListHeader {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight: bold;
}

a.searchListHeader:link {
	color: #333333;
}

a.searchListHeader:visited {
	color: #cc0000
}

a.searchListHeader:hover {
	color: #cc0000
}

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

/* Styles fuer den Suchbaum  */
.hbSuchbaumSelected {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	color: #CC0000;
	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-Ueberschriften
*/
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: 9.0pt;
}

a.KatLinkSmall:link {
	color: black;
}

a.KatLinkSmall:visited {
	color: black;
}

a.KatLinkSmall:hover {
	color: #00aeef;
}

/*
Grauer Kasten -- rechte Seite
*/
.kastenRechts {
	font-size: 7.0pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #898E92;
	font-weight: normal;
	text-align: center;
}

/* ***********************************************  */
/* Styles fuer soft-carrier                         */
/* ***********************************************  */

/* ***********************************************  */
/* Styles fuer VTMP                                 */
/* ***********************************************  */
.vtmpHeadlineOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #00aeef;
	font-weight: bold;
}

.vtmpHeadlineWeiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: white;
	font-weight: bold;
}

/* Styles fuer VTMP: Definition von TV  */
.NormalSc10 {
	font-size: 10.0pt;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: normal;
}

td.VtmpSmall {
	font-size: 7.0pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #898E92;
	font-weight: normal;
	text-align: center;
}

.VtmpNormal {
	font-size: 8.0pt;
	font-family: Arial, Helvetica, sans-serif;
	/*	color: #898E92; */
	color: Black;
	font-weight: normal;
	text-align: center;
}

.VtmpSmall {
	font-size: 7.0pt;
	font-family: Arial, Helvetica, sans-serif;
	/*	color: #898E92; */
	color: Black;
	font-weight: normal;
	text-align: center;
}

.VtmpVerySmall {
	font-size: 6.0pt;
	font-family: Arial, Helvetica, sans-serif;
	/*	color: #898E92; */
	color: Black;
	font-weight: normal;
	text-align: center;
}

.VtmpRedSmall {
	font-size: 7.0pt;
	font-family: Arial, Helvetica, sans-serif;
	/*	color: #898E92; */
	color: Red;
	font-weight: normal;
	text-align: center;
}

td.VtmpFooter {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.VtmpLarge {
	font-size: 10.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.VtmpBoldBlue {
	font-size: 8.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #007EBC;
}

.VtmpBoldOrange {
	font-size: 8.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00aeef;
}

.VtmpRed {
	color: Red;
}

td.VtmpLineCell {
	font-size: 0.0pt;
}

.VtmpLine {
	width: 100%;
	height: 2px;
	color: #00aeef;
	background-color: #00aeef;
	border: 0px;
}

.VtmpSmallLink {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 100%;
	color: #00aeef;
}

a.VtmpSmallLink:link {
	color: #00aeef
}

a.VtmpSmallLink:visited {
	color: #00aeef
}

a.VtmpSmallLink:hover {
	color: #666666
}

/*
Zum Veraendern von Links in den Orginal VTMP-Homepages
*/
a {
	text-decoration: none;
}

a:link {
	color: black
}

a:visited {
	color: black
}
/*WH: 22.05.2017 - Nachbearbeiten Styles angepasst wg Einbindung bootstrap.css*/
/* text-decoration:none*/
a:hover {
	color: #00aeef;
	text-decoration: none;
}

.vtmpIdentifiert {
	background-image: url(/hbdb/scShared/img/soft-carrier/bg_verlauf.jpg);
}

.vtmpIdentifiert table td {
	padding: 0px 10px 0px 5px;
	font-size: 11px;
	color: #FFFFFF;
}

.vtmpIdentifiert a:link,a:visited,a:active {
	color: #333333;
}

.vtmpIdentifiert a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles innomarket */
/* ------------------------------------------------------------------------------------------------ */
.standardtext {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 100%;
}

.infotext {
	color: #333333;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	background: transparent;
}

.infotext a {
	text-decoration: underline;
}

.infotext a:link {
	color: #333333;
}

.infotext a:visited {
	color: #333333;
}

.infotext a:hover {
	color: #00aeef;
}

p.Normal {
	font-size: 9.0pt;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: normal;
}

.sc_kopf {
	font-family: Arial, Helvetica, sans-serif;
	/*WH: 19.07.2017 - Bild nicht laden (weisser Strich mit blauen Enden) weil sonst in einigen Browsern
	die blauen Striche das Logo umrahmen*/
	/*background-image: url(/hbdb/scShared/img/soft-carrier/sc_bg_kopf.jpg);*/
	background-repeat: repeat-y;
}

.sc_main {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_bg_main.jpg);
	background-repeat: repeat-y;
}

/*Navigation*/
.navSC {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.navSC td {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.navSC a {
	display: block;
	padding: 7px 0px 7px 17px;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.navSC a:link {
	color: #ffffff;
}

.navSC a:visited {
	color: #ffffff;
}

.navSC a:hover {
	color: #00389a;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi_hover.jpg);
}

/*Navigation*/
.navSCroot {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.navSCroot td {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*Navigation: Neuheiten-Button*/
.navSCneuheiten {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.navSCneuheiten td {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.navSCneuheiten a {
	display: block;
	padding: 7px 0px 7px 17px;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.navSCneuheiten a:link {
	color: #00389a;
}

.navSCneuheiten a:visited {
	color: #ffffff;
}

.navSCneuheiten a:hover {
	color: #ffffff;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi_hover.jpg);
}

/*Navigation Superadmin-Button*/
.navSCadmin {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.navSCadmin td {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.navSCadmin a {
	display: block;
	padding: 7px 0px 7px 17px;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.navSCadmin a:link {
	color: #bf0000;
}

.navSCadmin a:visited {
	color: #bf0000;
}

.navSCadmin a:hover {
	color: #00389a;
	background-image: url(/hbdb/scShared/img/soft-carrier/sc_navi_hover.jpg);
}

/*Warenkorb*/
.sc_warenkorb {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 18px 0px 15px 60px;
	background-image:
		url(/hbdb/scShared/img/soft-carrier/sc_bg_warenkorb_blau.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border-left: 2px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}

.sc_warenkorb a:link {
	color: #FFFFFF;
}

.sc_warenkorb a:visited {
	color: #FFFFFF;
}

.sc_warenkorb a:hover {
	color: #00389a;
	background-image:
		url(/hbdb/scShared/img/soft-carrier/sc_bg_navi_hover.gif);
}

/* Login und Suche */
.sc_login {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/hbdb/scShared/img/soft-carrier/bg_login.jpg);
	font-size: 11px;
	color: #00aeef;
	font-weight: bold;
}
/* WH: 17.05.2017 - Styles angepasst wg Einbindung bootstrap.css
!important gesetzt, damit das Padding des Tables durch dieses Padding ueberschrieben wird */
.sc_login td {
	padding: 0px 0px 0px 8px !important;
}

#suchbaumCheckbox {
	border: none;
}

.sc_login input {
	height: 16px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999999;
}

.sc_login select {
	height: 16px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999999;
}

.sc_login a:link,a:visited,a:active {
	color: #00389a;
}

.sc_login a:hover {
	text-decoration: underline;
}

a.sc_loginbtn {
	font-weight: bold;
	color: #00389a;
}

/* Spalten links und rechts */
.sc_spalten_dklblau p {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 5px 0px 5px;
}

.sc_spalten_dklblau a {
	color: #FFFFFF;
	text-decoration: underline;
}

.sc_spalten_dklblau a:hover {
	text-decoration: none;
}

.sc_spalten_dklblau hr {
	width: 90%;
	color: #809ccd;
	height: 1px;
	background-color: transparent;
}

/* Fuss */
.sc_fuss {
	text-align: center;
	border-bottom: 2px solid #ffffff;
	/* WH: 17.05.2017 - Styles angepasst wg Einbindung bootstrap.css*/
	height: 106px;
}

.sc_fuss a {
	font-size: 12px;
	font-weight: bold;
}

.sc_fuss a:link {
	color: #333333;
}

.sc_fuss a:visited {
	color: #333333;
}

.sc_fuss a:hover {
	color: #00389a;
	background-image:
		url(/hbdb/scShared/img/soft-carrier/sc_bg_navi_hover.gif);
}

/* ------------------------------------------------------------------------------------------------ */
/* Inhaltsbereich*/
.sc_ueberschrift_produktgruppen {
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

.sc_produktgruppenlink {
	font-size: 12px;
}

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

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

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

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

/*****************************************************/
/*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: lightblue;
	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;
}

/*****************************************************/
/* //(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;
	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: #00aeef;
}
/* Tooltip text keine Markenwelt vorhanden */
.tooltipMarkenwelt .tooltiptextMarkenweltNot {
	/*Farbe wie die Navigationsbuttons*/
	background-color: #00aeef;
	/*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: #00389a;
}

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

.ShopHinweisText :link {
	color: #00aeef;
}

.ShopHinweisText :hover {
	color: #00389a;
	text-decoration: underline;
}

.ShopHinweisSchliessenButton {
	position: absolute;
	bottom: 10px;
	left: 300px;
	width: 80px;
	height: 20px;
	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;
}

.siteOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: black;
	z-index: 249;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

/***********************************************/
/* 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;
}

/***********************************************/
/* 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;
	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: #00389a;
	/*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: #00aeef;
	/*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: #00AEEF;
}

span.searchListLinkBezeichnung {
	color: #00389A;
	cursor: hand;
	cursor: pointer !important;
}

span.searchListLinkBezeichnung:hover {
	color: #00AEEF;
}

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

div.sucheAufSuche:hover {
	color: #00AEEF;
}

span.buttonSeitenNaviInaktiv {
	color: #00389A;
	font-weight: bold;
	font-size: 15px;
	cursor: hand;
	cursor: pointer !important;
}

span.buttonSeitenNaviInaktiv:hover {
	color: #00AEEF;
}

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: 150px;
	left: 345px;
}

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

/***********************************************/
/* Style für neue Artikeldetailsseite
/* AUTHOR:FG
/***********************************************/

/*Warenkorb vorschlag...*/
.warenkorbButton {
	/*
	height: 60px;
    position: relative;
    width: 160px;*/
	/*line-height: 60px;*/
	/*WH: line-height verringert, damit Text unter Bild passt statt davor*/
	/*line-height: 1px;*/
	cursor: pointer !important;
	cursor: hand;
	color: #00aeef;
	font-weight: bold;
}

.warenkorbBild {
	background-image:
		url("/hbdb/scShared/img/soft-carrier/warenkorb_logo.png");
	background-position: 50% center;
	background-repeat: no-repeat;
	/* mri: height verringert, damit Warenkorb Text unten buendig ist*/
	/*height: 65px; */
	height: 50px;
	width: 60px;
	background-size: 40px auto;
}

.warenkorbText {
	color: #00aeef;
	font-weight: bold;
	/*WH: font-size gestezt, damit Text unter Bild passt statt davor
     und Font im eingeloggten und ausgeloggten Zustand derselbe bleibt*/
	font-size: 12px;
}

.warenkorbButton:hover a {
	color: #00389a;
	font-weight: bold;
}

.warenkorbText:hover {
	color: #00389a;
	font-weight: bold;
}

.warenkorbButton:hover .warenkorbBild {
	background-image:
		url("/hbdb/scShared/img/soft-carrier/warenkorb_logo_hover.png");
}

/*WH: style fuer Text vor Warenkorb-Symbol : Mehr als 50.000 Artikel ...*/
.vorWarenkorbText {
	cursor: default;
	color: #00389a;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	padding-right: 30px;
	padding-top: 15px;
}

/***********************************************/
/* 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: 150px;
	left: 345px;
}

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

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

table.artikelDetailNav td {
	color: #00389a;
}

/***********************************************/
/* 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
}

/*Zentrrieren 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: #00aeef;
	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: #00aeef;
	background: white;
	border: 1px solid #00aeef;
	text-decoration: none;
}

.question-circle:hover:before {
	color: white;
	background: #00aeef;
	border-color: white;
	text-decoration: none;
}
/* klee: 14.09.2016 -- Optimierung Suchvorschläge */
.keineTreffer {
	padding-top: 75px;
	padding-left: 400px;
	color: #00aeef;
	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: 6px;
	margin-top: 6px;
}

/* 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;
	/*WH: 24.07.2017 - borderspacing auskommentiert, 
	weil sich sonst im ui-grid die Header-Spalten gegenueber den Contentspalten verschieben*/
	/*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;
	/*sc-blau color:#00aeff;*/
	/* 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: #00aeff;
}
/* ShoppingCart Symbol bei soft-carrier rechts oben im Header*/
.hbShoppingCartSymbolHeader {
	margin-left: 2px;
	color: #00aeff;
	margin-top: 12px;
	margin-bottom: 3px;
}

.hbShoppingCartSymbolHeader:hover {
	color: #00389a;
}

/*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: #00aeef;
	font-weight: bold;
	width: 120px;
	margin: 1px;
}

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

.hbBtnLinkStueckInWK {
	color: #ffffff !important;
	/*HB_COLOR_BUTTON_OK*/
	background-color: #00aeef;
	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: #00aeef;
	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 : softDunkelBlau */
	background-color: #00389a;
	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: 120px;
}

/* WH  Selected Row mit Rahmen oben und unten*/
 #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 Height veraendern, damit buendiger Abschluss mit Eingabemaske Lieferanschriften*/
	height: 385px;
}

/* 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;
}

/* MS: 17.01.2019 styles für Recommendations im Warenkorb */
div.scrollmenu {
	background-color: #00aeff;
	max-width: 1100px;
	display: flex;
  	flex-wrap: nowrap;
  	overflow-x: auto;

  	.card {
    	flex: 0 0 auto;
  	}
 }
		
div.scrollmenu a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 14px;
	text-decoration: none;
}
		
div.scrollmenu a:hover {
	background-color: #777;
}


/*****************************************************/
/* Styles Herr Peter: BEGINN */

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

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

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