/*
 * Page
 */
body {
	BACKGROUND-COLOR: #ffffff;
	text-align:left !Important;
	padding:0;
	margin: 0;
}
iframe {
	border: 0;
}
 
div, label, p, td, a, input {
	font-family: "segoe ui", arial, sans-serif;
	font-size:12px;
	/*border: 1px solid #000000;*/
}
div {
	text-align:left;
}
img {border:0;}
textarea {
	resize: none;
}
a {
	text-decoration: none;
	color:black;
}

.CG {
	clear:both;
	margin-bottom:3px;
}
.CG_input {  
	border: 1px solid #7f9db9 !important;
	padding:0 4px 0 4px;
	width:160px;
	height:20px !Important;
}
.CG_inputReq {  
	border: 1px solid #7f9db9 !important;
	padding:0 4px 0 4px;
	width:160px;
	height:20px !Important;
	background-color:#fcffe3 !Important;
}
.CG_inputErr {  
	border: 1px solid red !important;
	padding:0 4px 0 4px;
	width:160px;
	height:20px !Important;
	background-color:#fcffe3 !Important;
}
.CG_inputI {  
	border: 1px solid #7f9db9 !important;
	padding:0 4px 0 4px;
}
.CG_inputIReq {
	border: 1px solid #7f9db9 !important;
	padding: 0 4px 0 4px;
	background-color: #fcffe3 !Important;
}
.CG_inputIErr {
	border: 1px solid red !important;
	padding: 0 4px 0 4px;
	background-color: #fcffe3 !Important;
}
.RadInput .riTextBox {
	padding: 1px 5px !important;
	color: black !important;
}
.CG_inputDD {  
	border: 1px solid #7f9db9 !important;
	width:170px;
	padding:0 0 0 2px;
	height:22px !Important;
}
.CG_inputDDReq {  
	border: 1px solid #7f9db9 !important;
	width:170px;
	padding:0 0 0 2px;
	height:22px !Important;
	background-color:#fcffe3;
}
.CG_inputDDErr {  
	border: 1px solid red !important;
	width:170px;
	padding:0 0 0 2px;
	height:22px !Important;
	background-color:#fcffe3;
}
.CG .CG_Label
{
	float:left;
	margin-top:2px;
	margin-right:5px;
	width:115px;
}
.CG .Validator {
	color: Red; 
	margin: 0px 0px 0px 5px;
}
[ng-cloak], .k-i-close, .k-button-icon
{
	display: none !important;
}       
.RadPanelBar_Default {
	border: 1px solid gray !important;    
}
.RadPanelBar_Default .rpText {
	color:black !important;
}
.RadWindow .rwContent {
	padding:0 !important;
}
.RadInput .CG_input {
	height: 22px !Important;
	padding-right: 5px !Important;
	width: 122px !Important;
}

.riDisabled {
	background-color:#f0f0f0 !important;
	border: 1px solid #d0d0d0 !important;
}
input.aspNetDisabled {
	background-color:#f0f0f0 !important;
	border: 1px solid #d0d0d0 !important;
}

td.Schatten
{
  /*background-color: #; /* 000000 2F4F4F */
}
td.Schatten2
{
  background-color: #AAAAAA;
}
td.Page
{
  border: 1px #828282 solid;
  background-color: #FAFAFA;
}
td.PageIntern
{
  width:624px;
  border: 1px #AAAAAA solid;
  background-color: #eeeeee;
  vertical-align:top;
}
td.PageInternHeader
{
  width:100%;
  font:bold 13px Verdana;
  background-color:#999999;
  color:white;
  padding:3px 0px 3px 4px;
  border-bottom:#dddddd 1px solid;
}
td.PageTitle
{
  color:white;
  font-weight:bold;
  height:26px;
  padding-left:5px;
}
td.PageMenu
{
  text-align:right;
  padding-right:5px;
  vertical-align:bottom;
}

/*
 * PageHeader
 */
table.PageHeader
{
  height: 26px !Important;
  margin: 0px;
  border-bottom: 1px #828282 solid !Important;
}
	table.PageHeader td
	{
		background-color:transparent !Important;
	}

.PageNo
{
  font-family: verdana;
  font-size: 13px;
  color: white;
  padding-left: 5px;
  padding-right:5px;
  margin-top:-2px;
  float:left;
  margin-bottom:0;
  font-weight:normal;
}

.WsPageNo
{
  
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
  margin-right:5px;
  background-color:#FAFAFA;
  padding-left:4px;
  padding-right:2px;
  height:15px;
  border:1px solid #EEEEEE;
  color:red;
  white-space:nowrap;
  margin-top:-2px;
  float:left;
  margin-bottom:0;
  font-weight:normal;
}

.MePageNo
{
  
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
  margin-right:5px;
  background-color:#FAFAFA;
  padding-left:4px;
  padding-right:2px;
  height:15px;
  border:1px solid #EEEEEE;
  color:green;
  white-space:nowrap;
  margin-top:-2px;
  float:left;
  margin-bottom:0;
  font-weight:normal;
}

span.PageTitle
{
  font-family: verdana;
  font-size: 13px;
  color: white;
  margin-right: 5px;
  margin-top:-2px;
  float:left;
}

h1.PageTitle
{
  font-family: verdana;
  font-size: 13px;
  color: white;
  margin-right: 5px;
  margin-top:-2px;
  float:left;
  margin-bottom:0;
  font-weight:normal;
}


/*
 * PageFooter
 */
table.PageFooter1
{
  margin: 0px;
  color:white;
  border-top: 1px #828282 solid !Important;
}
table.PageFooter1 td
{
	height: 24px !Important;
}
table.PageFooter2
{
  height: 15px;
  margin: 0px;
}
span.fnPfad
{
  height: 21px;  
  font-size: 11px;
  font-weight: normal;
  color:  white;
  margin: 4px 0px 0px 5px;
}
span.CopyRight
{
  
  font-size: 10px;
  margin-right: 0px;
}
span.CopyRightSymbol
{
  font-size: 11px;
}
.Version
{
  
  font-size: 10px;
  margin-left: 0px;
}


/*
 * ImgBlock
 */
td.StripeData
{
  vertical-align: top;
  padding: 2px;
}
td.StripeImgBlock
{
  text-align: right;
  vertical-align: top;
  padding-bottom: 8px;
}
td.StripeImgBlockI {
	text-align: right;
	vertical-align: top;
}
table.ImgTable
{
  border: 1px #CCCCCC solid;
  margin: 5px 4px 0 0;
  float:right;
}
table.NoImgTable
{
  border: 1px #FFFFFF solid;
  margin: 5px 4px 0 0;
}
td.PopupLinks
{
  background-color: #DDDDDD;
  vertical-align: middle;
  height: 13px;
}
td.NoPopupLinks
{
  height: 13px;
}
img.PopupLink
{
  margin: 0 0 0 2px;
  cursor: pointer;
  position: relative;
  top: 1px;
}
img.Transparent
{
  position:relative;
  left:0px;
  top:0px;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50,FinishOpacity=0,Style=0,StartX=0,FinishX=100, StartY=0, FinishY=100);
  cursor:pointer;
}
img.NonTransparent
{
  cursor:pointer;
}
a.Img
{
  
  font-size: 10px;
  color: #888888;
  font-weight:normal;
  text-decoration: none;
  margin:0 2px 0 4px;
}
a.Img:hover
{
  color: blue;
  text-decoration: underline;
}
a.ImgSelected, a.ImgSelected:hover
{
  
  font-size: 10px;
  color: blue;
  font-weight:normal;
  text-decoration: underline;
  margin:0 2px 0 4px;
}


/*
 * Stripe
 */
 
/* Title -------------------*/
.StripeTitle
{  
  font-size: 13px;
  font-weight: bold;
  margin:0px;
}
div.Description
{
  margin-right:5px;
  letter-spacing:0.6px;
}
div.DescriptionBorder
{
  margin-right:5px;
  border: 1px gray solid;
}
span.Description
{
  font-family: Verdana;
  font-size: 10px;
  letter-spacing:0.6px;
}

/* DescriptionList ---------*/
span.Li, table[bkelement=DescriptionList] td 
{
	font-family: Verdana;
	font-size: 10px;
	letter-spacing: 0.6px;
}

/* ArtTable ----------------*/
table.tblStripe
{
	width:100% !Important;
	padding-top:11px;
	padding-right:8px;
	padding-bottom:4px;
}
table.tblStripeI {
	width: 100% !Important;
	padding-right: 8px;
	padding-bottom: 4px;
}
th.ArtMark
{
  text-align: left;  
}
th.ArtNo
{
}
th.ArtAttr
{
  font-family: Verdana;
  font-size: 10px;
  text-align: left;  
  font-weight: normal;  
  padding-left: 4px;
  vertical-align: bottom;
  white-space: nowrap;
  letter-spacing:0.6px;
}
th.ArtBrutto
{
  font-family: Verdana;
  font-size: 10px;
  text-align: center;  
  font-weight: normal;  
  padding-left: 4px;
  vertical-align: bottom;
  white-space: nowrap;
  letter-spacing:0.6px;
}
td.ArtMark
{
  text-align: left;  
  /* cursor: pointer; */
}
td.ArtNo {
	font-family: Verdana;
	font-size: 10px;
	BACKGROUND-COLOR: #E1E1E1;
	padding-left: 4px;
	white-space: nowrap;
	letter-spacing: 0.6px;
}
td.ArtAttr
{
  font-family: Verdana;
  font-size: 10px;
  background-color: #EBEBEB;  
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
  letter-spacing:0.6px;
}
td.ArtBrutto
{
  font-family: Verdana;
  font-size: 10px;
  background-color: #EBEBEB;  
  padding-left: 2px;
  padding-right: 1px;
  text-align: right;
  white-space: nowrap;
  letter-spacing:0.6px;
}
td.ArtImglink {
	background-color: #EBEBEB;
	padding-left: 2px;
	text-align: left;
	white-space: nowrap;
	display: none;
}


div.Pruefzeichen
{
  font-family: Verdana;
  font-size: 10px;
  margin-left:15px;
  letter-spacing:0.6px;
}
span.PZ
{
  /* Dummy */
}

/* ArtNo und Links ----------*/
A.ArtNoCA
{
  font-family: Verdana;
  font-size: 10px;  
  color: darkblue;
  font-weight: normal;
  text-decoration: none;
  letter-spacing:0.6px;
}
A.ArtNo, span.ArtNo
{
  font-family: Verdana;
  font-size: 10px;  
  color: darkblue !Important;
  font-weight: normal;
  text-decoration: none;
  letter-spacing:0.6px;
}
A.ArtNo:hover
{
  color: darkblue;
  text-decoration: underline;
}
A.ArtNoLow
{
  font-family: Verdana;
  font-size: 10px;  
  color: darkgreen;
  font-weight: normal;
  text-decoration: none; 
  letter-spacing:0.6px; 
}
A.ArtNoLow:hover
{
  color: darkgreen;
  text-decoration: underline;
}
A.ArtNoGesperrt
{
  font-family: Verdana;
  font-size: 10px;  
  font-weight: normal;
  text-decoration: none;
  color:#665665;
  letter-spacing:0.6px;
}
A.ArtNoGesperrt:hover
{
  font-family: Verdana;
  font-size: 10px;  
  font-weight: normal;
  text-decoration: underline;
  color:#665665;
  letter-spacing:0.6px;
}
span.A
{
  /* Dummy */
}
span.TD
{
  /* Dummy */
}

/* Info ---------------------*/
td.InfoImg
{
  text-align: center;
  vertical-align: top;
  height: 16px;
  padding: 0px 3px;
}
td.InfoTitle
{
  vertical-align: bottom;
  height: 16px;  
  font-family: Verdana;
  font-size: 10px;  
  font-weight:normal; 
  letter-spacing:0.6px; 
}
td.InfoBullet
{
  padding-left: 2px;
  padding-top: 4px;
  vertical-align: top;
}

.InfoTitle2
{
  font-family: Verdana;
  font-size: 10px;  
  font-weight:bold;  
  letter-spacing:0.6px;  
}
.InfoText
{
  font-family: Verdana;
  font-size: 10px;  
  font-weight:normal; 
  letter-spacing:0.6px;   
}
td.InfoContent
{
  /*padding-top: 10px;*/
}

/* Spezial Stripes */
/* Pegaso Produkteinfoblatt HTML */
.normal
{
  font-family: Verdana;
  font-size: 10px;  
  font-weight:normal;   
  letter-spacing:0.6px; 
}

/* TranlationLinks */
a.Translate
{
  font-family: Verdana;
  font-size: 9px;  
  font-weight:normal;
  color:darkblue;
  text-decoration: none;
  cursor: pointer;
  margin-left: 5px;
  letter-spacing:0.6px;
}
a.Translate:hover
{
  font-family: Verdana;
  font-size: 9px;  
  font-weight:normal;
  color:red;
  text-decoration: none;
  cursor: pointer;
  margin-left: 5px;
  letter-spacing:0.6px;
}
/* folgende Klasse wird im Kat.Editor für generischen
 * Text-Content benutzt!
 */
.GenericText
{
  font-family: Verdana;
  font-size: 10px;   
  letter-spacing:0.6px;
}

/*
 * Edit Stripe
 */

td.EditStripeHead
{
  /*border:1px solid #AAAAAA; //erledigt XSLT */
  font:12px Arial;
  background-color:#EEEEEE;
  padding-left:4px;
  padding-right:4px;
}


/*
 * StripeIdInfo
 */
td.StripeIdTitle
{
  width:30px;
}
td.StripeIdNo
{
  width:18px;
  font:bold 11px Verdana;
  color:maroon;  
  text-align:center;
  letter-spacing:0.6px;
}
td.StripeId
{
  width:18px;
  padding-left:5px;
}
td.StripeIdId
{
  width:75px;
  font:11px Verdana;
  text-align:center;
  color:maroon;
  padding-left:2px;
  letter-spacing:0.6px;
}
div.StripeIdInfo
{
  background-color:#F0F0F0;
  margin: 10px 0 -4px 0;
  padding:1px 0 1px 6px;
  white-space:nowrap;
}
table.StripeId
{
  font:11px Arial;
}

/*
 *
 */
div.Debug
{
  width: 626px;
  height: 5px;
}
pre.Debug
{
  display:none; 
  font: 5px Courier;
}
/*
 *
 */
span.delim
{
  font:10px Verdana;
  margin-left:2px;
  margin-right:2px;
  letter-spacing:0.6px;
}
a.werkstatt
{
  color:#444444;
  font:bold 10px Verdana;
  text-decoration:none;
  white-space:nowrap;
  letter-spacing:0.6px;
}
a.werkstatt:hover
{
  color:blue;
  font:bold 10px Verdana;
  text-decoration:none;
  white-space:nowrap;
  letter-spacing:0.6px;
}




#homepage-content {
	border-top: 1px solid #828282;
	float: left;
	margin-left: 7px;
	margin-top: 56px;
	width: 585px;
	min-height:977px;
}
#homepage-contentI {
	border-top: 1px solid #828282;
	float: left;
	margin-left: 1px;
	margin-top: 56px;
	width: 585px;
	height:1px;
}


/*-----------Sidebar-----------------*/
#homepage-sidebar {
	/*border-left: 1px solid #828282;*/
	float: left;
	margin-left: 10px;
	width: 261px;
}

.atitle {
	background-image: url("https://static.bbag.ch/img/headbg.png");
	border-bottom: 1px solid #828282;
	border-right: 1px solid #828282;
	border-top: 1px solid #828282;
	 
	
	font-weight: bold;
	height: 21px;
	padding-left: 8px;
	padding-top: 4px;
	width: 250px;
}

.sidebartable td {
	vertical-align: top;
	padding-left:5px;
	padding-top:7px;
	padding-bottom:11px;
}

 /*-----------Homepage post-----------------*/
 
 

.post-body {
	border-bottom: 1px solid grey;
	height: 145px;
	margin-top: 10px;
	width: 585px;

}
.post-body-OldLogin {    
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	margin-bottom: 10px;
	height: 145px;
	width: 616px;
}

.post-img {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.title {
	float: left;
	font-size: 18px;
	height: 25px;
	margin-left: 10px;
	
	width: 445px;
}
.post-title {
	font-size: 18px;
	height: 25px;
	margin-left: 10px;
}
.post-text 
{ 
	font-size: 14px;
	min-height: 102px;
	line-height: 20px;
}
.post-text p {
	margin: 0;
	padding: 0;
}
.PosTexttd {
	padding:0 7px 0 0 !important;
	border:0 !important;
	white-space:nowrap;
}
.PosTexttdI {
	padding:0 !important;
	border:0 !important;
	white-space:nowrap;
}

.SideBarimg {
	float: left; 
	margin-right: 8px; 
	margin-bottom: 5px;
}

.ArtToFavImgI {
	cursor:pointer;
	margin-top:2px;
}
.ArtToFavImg {
	margin-top:2px;
}
.nowrap {
	white-space:nowrap;
}
.RadGrid_Default {
	border-color:#828282 !important;
}

	#uploadDiv .ruSelectWrap {
		margin-top:2px;
		margin-left:180px;
		cursor:pointer;
	}

	/* Customize the RadUpload */
	#uploadDiv .RadUpload {
		width: auto;
		padding: 1px 150px;
		background: #e8e8e8;
	}
 
	#uploadDiv .ruInputs li {
		position: relative;
		/*line-height: 1.1;*/
	}
 
	/* Upload mini-control */
	#uploadDiv .ruInputs li:first-child {
		padding-top: 1em;
		padding-bottom: 1em;
	}

.ruRemove {
	color:white;
	float:right;
	font-size:16px !important;
	padding: 1px 7px; 
	width:13px;
	overflow:hidden;
}
.ruRemove::before {
	color: black !important;
}
.ruFileLI {
	border-bottom:1px solid lightgray;
}
.radIcon {    
	background-image: url("https://static.bbag.ch/img/UploadOK.png");
	margin:0 0 5px 5px;
}
.radIcon::before {    
	background-color:transparent !important;
}
.ruFileWrap {
	margin:0 0 5px 5px;
}
.ruErrorMessage {
	 margin:0 0 5px 5px;
}

.RadButton {
	padding-top:3px !important;
	line-height: inherit !important;
}
.RadButton .rbText {
	line-height: inherit !important;
}

#uploadDiv {
	position:absolute;
	margin-top:5px;
	border:1px solid #7f9db9;
	min-height:77px;
	width:278px;
}
#DivFileupload {
	position:absolute;
	border-bottom:1px solid lightgray;
	padding: 7px 10px 8px 10px; 
	background-color:#eeeeee;
	width:258px;
}
#FileuploadInfo {
	width:248px;
	white-space:normal;
}
.featIcoWrapper {
	margin: 0px 3px 0px 0px;
	display: inline-block;
}
.featIco {
	height: 50px;
}
#featIco {
	margin-top: 5px;
}
#PageBody > td {
	padding-top:5px !important;
}
.featText {
	position:absolute;
	text-align: center;
	margin-top: -25px;
	height: 1px;
}
.featTextI {
	position: relative;   
	text-align: center;
	height: 20px;
	vertical-align: bottom;
	display: table-cell;
	font-family: Verdana;
	font-size: 8px;
	font-weight: normal;
	letter-spacing: 0.6px;
}
.featTextWidth {
	width: 50px;
}
.featTextWidthWide {
	width: 97px;
}
.featIcoColor0 {
	position: absolute;
	width: 44px;
	margin-left:3px;
	margin-top: 5px;
}
.featIcoColor1 {
	position: absolute;
	width: 44px;
	margin-left: 3px;
	margin-top: 16px;
}
.featIcoColor2 {
	position: absolute;
	width: 44px;
	margin-left: 3px;
	margin-top: 27px;
}
.featIcoColor3 {
	position: absolute;
	width: 44px;
	margin-left: 3px;
	margin-top: 38px;
}
#featIcoPDF, #featIcoPrint {
	float:right;
	margin-left:5px;
	display:block;
}
div.rddlPopup_Default {
	width: 180px !important;
}
div.rddlPopup_Default .rddlItemImg {
	width: 30px;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
.lcSmall {
	font-size:9px;
	vertical-align:top;
	padding:3px 5px 0 0;
}
.lcSmallI {
	font-size: 7px;
}
.lcSmallII {
	font-size: 7px;
	padding: 3px 0 1px 0;
}
#FacetListI {
	width:300px;
}
.heatBox {
	float: left;
	width: 95px;
	margin-bottom: 9px;
	margin-right: 5px;
	height:80px;
}
.heatBox .dotImg {
	width: 5px;
	display: inline-block;
	margin-right: 3px;
}
.heatBox .mainImg {
	width: 50px;
}

.k-pdf-export #LightConeStripeTitle, .k-pdf-export #LightConeStripeTitleI, .k-pdf-export #dataSheet {
	width: 842px;
}
.k-pdf-export #dataSheet {
	height: 595px;
}
.k-pdf-export #featIcoPDF {
	display: none;
}
#featIcoPDFHeader, #featIcoPDFFooter, #featIcoPDFFooterI {
	display: none;
}
.k-pdf-export #featIcoPDFHeader {
	display: block;
	margin-left:-26px;
	background-color: white;
}
.k-pdf-export #featIcoPDFFooter, .k-pdf-export #featIcoPDFFooterI {
	margin-top: 21px;
	display: block;
}
.k-pdf-export #LightConeContentBody {
	margin-left: 26px;
}
.k-pdf-export, .k-pdf-export *, .k-pdf-export td.ArtAttr, .k-pdf-export a.ArtNo, .k-pdf-export span.Li {
	font-family: "segoe ui", arial, sans-serif;
	font-weight: normal;
}
.font-bold {
	font-weight:bold;
}

.k-tabstrip-items {
	padding-left: 3px !important;
}

.ArticleFilesNew {
	padding-top: 7px;
	text-align: right;
}
.ArticleFilesNew img {
	margin-right: 5px;
	cursor: pointer;
	display: inline-block;
}
#csmddDocDpdfEn1 {
	display:none;
}


/*----------- similar is in Katalog.css -----------------*/
div.ad {
	clear: both;
	height: 25px
}
span.as {
	margin:3px 0 0 5px;float:left
}
.ai {
	width:25px;float:left
}
.kspezimg {
	width:60px;
	height:60px;
}
.StockLegend td{padding-bottom:5px;vertical-align:top} 
.StockLegend td img{float:left;margin-top:6px}
.StockLegendI td{padding-bottom:5px;vertical-align:top} 
.StockLegendI td img{float:left;margin-top:6px}
.StockLegendI {display:none}
.ComnormImage {
	opacity: 0.6;
	filter: alpha(opacity=60); /* msie */
}

#ddlContactPerson > .rcbReadOnly:not(.rcbExpanded) {
    background: #fcffe3;
} 
/*#ddlContactPerson > .rcbReadOnly.rcbHovered {
    background: darkgray !important;
}*/