
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}


#homepage-content {
	border:none;
	float: left;
	margin-left: 1px;
	margin-top: 56px;
	width: 585px;
}

#shop-homepage-content {
	border:none;
	float: left;
	margin-left: 1px;
	margin-top: 56px;
	width: 585px;
}

#homepage-sidebar {
	/*border-left: 1px solid #828282;*/
	margin-left: 10px;    
	width: 261px;
}



/*-----------Sidebar-----------------*/


.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: 3px;
	width: 250px;
}

.sidebartable td {
	vertical-align: top;
	padding: 5px;
}
 
 /*-----------Homepage-----------------*/
 

.post-body {
	border-bottom: none;
	height: 145px;
	margin-top: 10px;
	width: 585px;

}

.post-img {
	float: left;
}

.title {
	float: left;
	font-size: 18px;
	height: 25px;
	margin-left: 10px;
	
	width: 445px;
}
.post-text {
	float: left;
	font-size: 14px;
	height: 102px;
	width: 430px;
}

.post-text p {
	margin: 0;
	padding: 0;
}

/*----------Configurator feature------------------*/



#configwrapm, #configwrap, #configwrapI, #configwrapII {
    height: auto;
    min-height: 130px;
    width: 585px;
}

.icon
{
	border: 1px solid #919191;
	color: #FFFFFF;
	float: left;
	font-family: arial;
	height: 18px;
	padding: 4px 2px 2px 5px;
	width: 18px;
}

#A1
{
	background-image: url("https://static.bbag.ch/img/alicht.png");


}

#A2
{
	background-image: url("https://static.bbag.ch/img/alicht.png");


}
 
#lux
{
	background-image: url("https://static.bbag.ch/img/alicht.png");


}

#B1
{
	background-image: url("https://static.bbag.ch/img/bkueche.png");
}

#B2
{
	background-image: url("https://static.bbag.ch/img/bkueche.png");
}

#B3
{
	background-image: url("https://static.bbag.ch/img/bkueche.png");
}
#Blum {
	background-image: url("https://static.bbag.ch/img/Blum.png");
}
#Furnipart {
    background-image: url("https://static.bbag.ch/img/furnipart_Miniatur-Logo.jpg");
}



#C1
{
	background-image: url("https://static.bbag.ch/img/craum.png");
}

#D1
{
	background-image: url("https://static.bbag.ch/img/dmoebel.png");
}

#BM
{
	background-image: url("https://static.bbag.ch/img/box.png");
}

#K1
{
	background-image: url("https://static.bbag.ch/img/box.png");
}

#K2
{
	background-image: url("https://static.bbag.ch/img/alicht.png");
}

#K3
{
	background-image: url("https://static.bbag.ch/img/alu.png");
}

#K1I {
	background-image: url("https://static.bbag.ch/img/alu.png");
}
#K2I {
	background-image: url("https://static.bbag.ch/img/kspez.png");
}
#K3I, #K1II, #K2II {
    background-color: #025ea9;
}


.isHidden
{
display:none;
}

/*----------Accordion------------------*/





.exp {
	float: left;
	height: 26px;
	width: 188px;
	display:flex;
}

ul li {list-style-type:none}
hr{visibility:hidden; height:0; border-width:0}

.js .accordwrap{visibility:hidden}



.accordwrap {
	height: auto;
	min-height: 25px;
	width: 585px;
}

li.expand{margin:0; padding-bottom:.4em}
h4.expand{margin:0; padding-top:.4em;    float: left;}

.collapse {
	overflow: hidden;
	position: absolute;
	top: 45px;
}
.chapterArr {
	float:right;
	margin-top:-17px;
	margin-right:2px;
}

h3 {margin-bottom:.35em}
.lists h3 {margin-bottom:.75em}

h4, .accordwrap li {margin:0; font-size:1em; font-weight:700}

#wrapper ul {margin:0; padding:0 0 0 30px}

#wrapper .accordwrap ul {padding-left:0}

.accordwrap .collapse li {
  margin:0;
  margin-top:.4em;
  padding:3px 25px;
  background-color:#323541; 
  color:#fff;
  font-weight:normal
}


.collapsed {
	background-image: url("https://static.bbag.ch/img/headbg.png");
	border-bottom: 1px solid #919191;
	border-right: 1px solid #919191;
	border-top: 1px solid #919191;
	color: #000000;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	line-height: 10px;
	min-height: 0;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	width: 156px;
}


.expanded {
	background-image: url("https://static.bbag.ch/img/headbg.png");
	border-right: 1px solid #919191;
	border-top: 1px solid #919191;
	color: black;
	display: block;
	float: left;
	height: 21px;
	line-height: 10px;
	min-height: 0;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	width: 156px;
	cursor: pointer;
}

.boximg{
	float: left;
	cursor: pointer;
	width:15px;
	height:26px;
}

.scr {margin-left:15px}

em.num {left:-.5em; top:-.4em}

.sliderLevel1{
width: 585px;
height:auto;
background-image:url("https://static.bbag.ch/img/sliderbg.png");
background-repeat:repeat-x;
}
.sliderLevel2{
width: 585px;
height:auto;
background-image:url("https://static.bbag.ch/img/sliderbg.png");
background-repeat:repeat-x;
}
.sliderLevel3{
width: 585px;
height:auto;
background-image:url("https://static.bbag.ch/img/sliderbg.png");
background-repeat:repeat-x;

}

.sliderLevelK, .sliderLevelKI, .sliderLevelKII {
    width: 585px;
    height: auto;
    background-image: url("https://static.bbag.ch/img/sliderbg.png");
    background-repeat: repeat-x;
}




.wrapper {
	height: 26px;
	margin-top: 10px;
	width: 585px
}


	
	.space{
	
	
	
	}
	
.spaceBorder1{


}


.kspezIntroText
{
	   border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	color: #000000;
	font-weight: bold;
	padding: 4px;
}

.kspezSubTitle
{
font-size: 9px;
}

#licht {
	background-image: url("https://static.bbag.ch/img/alicht.png");
	border: 1px solid #958a6b;
	color: white;
	font-weight: bold;
	height: 20px;
	padding: 2px 2px 2px 7px;
	width: 85px;
	float:left;
	 font-size: 13px;
}


#luxmanufaktur {
	background-image: url("https://static.bbag.ch/img/lux.png");
	border: 1px solid #8D8556;
	color: white;
	float: right;
	font-weight: bold;
	height: 20px;
	margin-right: 66px;
	padding: 2px 2px 2px 7px;
	width: 108px;
	font-size: 13px;
}

#kueche {
	background-image: url("https://static.bbag.ch/img/bkueche.png");
	border: 1px solid #8c695f;
	color: white;
	font-weight: bold;
	height: 20px;
	padding: 2px 2px 2px 7px;
	width: 85px;
	 font-size: 13px;
}

#raum {
	background-image: url("https://static.bbag.ch/img/craum.png");
	border: 1px solid #875e63;
	color: white;
	font-weight: bold;
	height: 20px;
	padding: 2px 2px 2px 7px;
	width: 85px;
	float:left;
	font-size: 13px;
}

#moebel {
	background-image: url("https://static.bbag.ch/img/dmoebel.png");
	border: 1px solid #7e6d5c;
	color: white;
	font-weight: bold;
	height: 20px;
	padding: 2px 2px 2px 7px;
	width: 85px;
		float:left;
		margin-left: 99px;
		 font-size: 13px;
}

#boxmanufaktur {
	background-image: url("https://static.bbag.ch/img/box.png");
	border: 1px solid #866a57;
	color: white;
	font-weight: bold;
	height: 20px;
	padding: 2px 2px 2px 7px;
	width: 108px;
	float:left;
	margin-left: 100px;
	font-size: 13px;
}


 /*--------------------------------------- PLACEHOLDERS -------------------------------------------*/

#placehoder {
	height: 50px;
	margin-top: 1px;
   
}

.notFirst {
	margin-left: 10px;
}

.placehoderElement {
	float: left;
	height: 90px;
	 width: 188px;
	cursor:pointer;
	margin-top:5px;
}


/*-------------------------------------- PLACEHOLDER CONTENT -----------------------------------------------*/

.placeholderClear
{
	  height: 0px;
	  width: 575px;
	  clear:both;

	}

.konfPlaceholderIcon
{
width: 80px;
height: 80px;
float: left;
}

.konfPlaceholderText
{
	float: left;
	 height: 56px;
	width: 105px;
padding-top: 11px;
}


.konfIcon
{
  
}


 /*--------------------------------------- SPACE -------------------------------------------*/

  .spacing
  {
   background-color: #FFFFFF;
	height: 3px;
	width: 585px;
	  }



	  
   .literalwrap
   {
   border-bottom: 1px solid #919191;
	   
	   }

.matchtext {
    line-height: 19px;
    text-align: center;
    width: 156px;
}
.matchtextI {
	text-align: center;
	  width: 156px;
	 
}
 /*--------------------------------------- TITLE ELEMENTS -------------------------------------------*/

.expandK2, .expandK3, .expandK2I, .expandK3I, .expandK2II, .expandK3II {
    margin-left: 10px;
}


.expand2
{
	margin-left:10px;
}

.expand3
{
		margin-left:10px;
}
.expand5
{
	margin-left:10px;
}

.expand6
{
		margin-left:10px;
}
.expand8
{
	margin-left:10px;
}

.expand9
{
		margin-left:10px;
}
 /*--------------------------------------- EXPANDING AREA-------------------------------------------*/

.element
{
	min-height: 130px;
}


.sliderElementRow 
{
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	height: 60px;
	padding-top: 5px;
	width: 583px;
}

.sliderElement {
	float: left;
	height: 51px;
	width: 185px;
}

.NotFirstElement
{
	margin-left: 9px;
	}
 


.sliderElementText {
	color: black;
	float: left;
	
	height: 54px;
	padding: 3px;
	width: 119px;
}
 

.sliderElementImage {
	float: left;
	height: 60px;
	width: 60px;
}

.sliderElementKonfImage
{
	float: left;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	width: 149px;
}

/*-------------------------------------- SECTION TITLES -----------------------------------------------*/
.firstsectiontitle
{
	height: 18px;
	width: 585px;
	  margin-top: -4px;
}
.sectiontitle {
	height: 18px;
	margin-top: 10px;
	width: 585px;
}


.sectiontext {
	float: left;
	font-weight: bold;
	height: 18px;
	margin-right:3px;
}


.sectionline {
	border-bottom: 1px solid #808080;
	height: 9px;
	margin-left: 0;
	overflow: hidden;
}

/*-------------------------------------- Connect between accordion button and content-----------------------------------------------*/
	
 /*---------- LEFT -------*/
 
.connectwrapperleft {
	background-color: white;
	height: 5px;
	width: 585px;
}
	
.connectwrapperleft .connectleft {
	border-left:1px solid #919191;
	border-right:1px solid #919191;
	background-color:#eaeaea;
	height: 5px;
	width: 186px;
	float:left;
}

.connectwrapperleft .connectmid {
	border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
	width: 185px;
}

.connectwrapperleft .connectright {
	border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
	width: 212px;
}

 /*---------- MID -------*/

.connectwrappermid {
	background-color: white;
	height: 5px;
	width: 585px;
}
	
.connectwrappermid .connectleft {
  border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
  width: 198px;
}

.connectwrappermid .connectmid {
	
	  border-left:1px solid #919191;
	border-right:1px solid #919191;
	background-color:#eaeaea;
	height: 5px;
	width: 186px;
	float:left;
}

.connectwrappermid .connectright {
	border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
	width: 199px;
	
}


 /*---------- RIGHT -------*/

.connectwrapperright {
	background-color: white;
	height: 5px;
	width: 585px;
}
	
.connectwrapperright .connectleft {
	border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
	width: 205px;
}

.connectwrapperright .connectmid {
	border-bottom: 1px solid #919191;
	float: left;
	height: 4px;
	width: 191px;
}

.connectwrapperright .connectright {
	border-left:1px solid #919191;
	border-right:1px solid #919191;
	background-color:#eaeaea;
	height: 5px;
	width: 187px;
	float:left;
}


img {border:0}

.DivEditGrid1 {
	border-bottom:1px solid lightgray;
	padding: 5px 10px 4px 10px; 
	background-color:#cccccc;
	width:596px;
	margin-bottom:10px;
}
.DivEditGrid {
	border:1px solid gray;
	padding:8px;
	background-color:#eeeeee;
	width:598px;
}
/*Fetter Text*/   
.TextBold 
{
  font-style: normal;
  font-weight: bold;
  color: #535353;
}
.Text 
{
  font-style: normal;
  font-weight:normal;
}
.SideBarimg {
	float: left; 
	margin-right: 8px; 
	margin-bottom: 5px;
}


a:link { text-decoration: none; }


/*-------------------------------------- SPECIAL RULES -----------------------------------------------*/

.bmicon
{
	padding-left: 4px;
	padding-right: 3px;
}

.lmicon
{
	padding-left: 4px;
	padding-right: 3px;
}
