/*
 * bx-extensions.css
 * Kollektion fuer Templates der BX Extensions
 * LASTCHANGE: sb4910 2012.02.09 Paging imgsliderfcepagination
 
 */


/***********Farbtonsuche - begin*/
.farbtonsuche-label {
margin-top:0;
padding-right:1em;
text-align:right;
width:120px;
}
.farbtonsuche-label, .farbtonsuche-select, #productSelect .fsselect {
display:block;
float:left;
/*margin-bottom:5px;
margin-top:-3px;*/
}
.farbtonsuche-submit-container {
margin-top:4px;
margin-left:148px;
}


.farbtonsuche-select, #productSelect .fsselect {
width:331px;
}
.farbtonsuche-formular-container {
padding-top:5px;
line-height:200%;
}
.farbtonsuche-formular-container .links{
float:left;
width:49%;
}
.farbtonsuche-formular-container .rechts {
float:left;
width:49%;
border-left:4px solid #e2e2e2;
}
.farbtonsuche-formular-container .farbfeld {
border:1px solid #ccc;
float:left;
overflow:hidden;
height:20px;
width:180px;
}

.farbtonsuche-formular form {
margin:0;
padding:0;
}
.farbtonsuche-formular br {
clear: left;
}
.arrow-button {
background:#fff url(../images/home/arrow_inactive.gif) no-repeat scroll 5px center;
color:#000000;
font-weight:bold;
margin:0;
padding:3px;
padding-left:25px;
border-top-color:#ddd;
border-left-color:#ccc;
border-right-color:#ccc;
border-bottom-color:#bbb;
}
.arrow-button:hover {
background:#fff url(../images/home/arrow_active.gif) no-repeat scroll 5px center;
color:#CE0E15;
}
.farbtonsuche-farbliste {
/*margin-right:20px;*/
}
.farbtonsuche-farbliste ul {
list-style:none;
padding:0px !important;
margin:0px !important;
float:left;
}
.farbtonsuche-farbliste ul li {
border:1px solid #e2e2e2;
height:40px; /*50 w bottomline*/
overflow:hidden;
margin-bottom:25px;
margin-right:20px; /*10px;*/
width: 730px;/*359px;*/
/*float:left;
position:relative;*/
}
.farbtonsuche-farbliste ul li.farbtonsuche-farbtonfeld2 {
height:64px;
}


.farbtonsuche-farbliste ul li:hover {
background-color: #f3f3f3;
}

.farbtonsuche-farbliste-bez {
float:left;
width:48%;
}
.farbtonsuche-farbliste-tools {
float:right;
height:40px;
}
.farbtonsuche-farbliste h3 {
padding:4px;
margin-bottom:0px;
}
.farbtonsuche-farbliste h3 a {
display:block;
}
.farbtonsuche-farbliste h3 span {
font-weight:100;
}

/*Farbflache*/
.farbtonsuche-farbliste .farbtonfeld {
height:40px;
float:right;
width: 374px; /*351 48%*/
}

.farbtonfeld2 {
clear:both;
}

.farbtonsuche-farbliste .farbtonfeld a, .farbtonsuche-farbliste .farbtonfeld2 a {
display:block;
height:40px;
/*text-indent:-999px;*/
text-align:right;
padding:10px 10px 0px 0px;
text-decoration:none;
}
.farbtonsuche-farbliste .farbtonfeld a span, .farbtonsuche-farbliste .farbtonfeld2 a span {
background: url(../images/home/arrow_inactive.gif) no-repeat scroll left center #f3f3f3;
padding:2px 2px 2px 20px;

}
.farbtonsuche-farbliste .farbtonfeld a:hover span, .farbtonsuche-farbliste .farbtonfeld2 a:hover span {
background: url(../images/home/arrow_inactive.gif) no-repeat scroll left center #fff;
}

/*Icon Buttons*/
.farbtonsuche-farbliste .farbtonfeld-link-select, .farbtonsuche-farbliste .farbtonfeld-link-delete {
/*position: absolute;*/
width:16px;
height:16px;
top:2px;
/*left:318px;*/
text-indent:-999px;
display:block;
border:1px solid #e2e2e2;
margin-right:5px;
margin-top:4px;
float:left;
}



.farbtonsuche-farbliste .farbtonfeld-link-select {
background:url(../img/icons/select.gif) no-repeat scroll top center;
background-color:#fff;
} 

.farbtonsuche-farbliste .farbtonfeld-link-select:hover {
background:url(../img/icons/select-over.gif) no-repeat scroll top center;
background-color:#fff;
}
.farbtonsuche-farbliste .farbtonfeld-link-delete {
background:url(../img/icons/close.gif) no-repeat scroll top center;
background-color:#fff;


}
.farbtonsuche-farbliste .farbtonfeld-link-delete:hover {
background:url(../img/icons/close-over.gif) no-repeat scroll top center;
background-color:#fff;
}


/*Link unter Farbfeld*/
.farbtonsuche-farbliste .arrow {
padding:4px;
padding-left:15px;
display:block;
background-position:left center;
text-decoration:none; 
}
.farbtonsuche-farbliste .arrow:hover {
background-position:left center;
}
#farbtonsuche-reset-colors-link {
margin-bottom:4px;
display:none;
}
.farbtonsuche-option-list {
margin-left:73px;
}
.farbtonsuche-product {
margin-right:20px;
width:120px;
height:120px;
overflow:hidden;
border:1px solid #e2e2e2;
float:left;
}
.farbtonsuche-product-text {
margin-left:150px;
}
.farbtonsuche-product-wrap {
margin-right:20px !important;
min-height:120px;
}

/***********Farbtonsuche - end*/
/***********Stellenangebote - begin*/
.bx-stellenangebote-list {
border:1px solid #e2e2e2;
border-top:none;
}
.bx-stellen-step1, .bx-stellen-step2 {

}

.bx-stellenangebote-link a, .bx-stellenangebote-link2 a {
padding:5px;
display:block;
border-top:1px solid #e2e2e2;
padding-left:20px;
background:transparent url(../images/bg_secondary_nav_inactive.png) no-repeat scroll 4px center;
}

.bx-stellenangebote-link a:hover, .bx-stellenangebote-link2 a:hover, .bx-stellenangebote-link a:active, .bx-stellenangebote-link2 a:active, .bx-stellenangebote-link a:focus, .bx-stellenangebote-link2 a:focus {
background-color:#e2e2e2;
}

.bx-stellenangebote-link {
background-color:#f3f3f3;
}

.bx-stellen-ort-link, .bx-stellen-ort-link2 {
}
.bx-stellen-buland {
padding-left:25px;
background-image:url(../img/corner-arrow.gif);
background-repeat:no-repeat;
background-position: 4px center;
clear:both;
border:1px solid #e2e2e2;

}
.bx-stellen-buland-abstand {
margin-top:15px;
}
.bx-stellen-buland p {
padding:5px;
padding-top:8px;
margin:0px;
font-weight:bold;

}
.bx-stellen-land {
padding:5px;
background-color:#e2e2e2;
border:1px solid #e2e2e2;
display:block;
float:left;
width:39%;
}
.bx-stellen-land p {
margin:0px;
float:left;
font-weight:bold;
}
.bx-stellen-land-abstand {
margin-top:30px;
}
.bx-stellen-flagge {
width:10px;
margin-right:15px;
float:left;
}
.bx-stellen-flagge img {
border:1px solid #ccc;
}
.bx-stellen-ort-link2,.bx-stellen-ort-link {
}
.bx-stellen-ort-link2 a, .bx-stellen-ort-link a {
border:1px solid #e2e2e2;
border-top:0px;
clear:both;
display:block;
padding:5px;
padding-left:45px;
background:transparent url(../images/bg_secondary_nav_inactive.png) no-repeat scroll 30px center;

}
.bx-stellen-ort-link a {
background-color:#f3f3f3;
}
.bx-stellen-ort-link2 a{
background-color:#fff;
}
.bx-stellen-ort-link2 a:hover, .bx-stellen-ort-link2 a:active, .bx-stellen-ort-link a:hover, .bx-stellen-ort-link a:active, .bx-stellen-ort-link2 a:focus, .bx-stellen-ort-link a:focus {
background:#e2e2e2 url(../images/bg_secondary_nav_active.png) no-repeat scroll 30px center;
}

.bx-stellendetail-ort
{
border:1px solid #e2e2e2;
background-color:#f3f3f3;
margin-bottom:10px;
padding:5px;
}
/***********Stellenangebote - end*/

/***********Handel - begin*/
.bxHandel-laender a {
display:block;
border:1px solid #e2e2e2 !important;
padding:3px !important;
padding-left:16px !important;
margin-bottom:10px;
background-position:left center !important;
}
.bxHandel-laender a:hover, .bxHandel-laender a:active,.bxHandel-laender a:focus {
background-color:#f3f3f3 !important;

}


/***********Handel - end*/



/********** Produktsuche */


.tx-bxproduktsuche-pi1 .tx-bxproduktsuche-pi1-browsebox, .bxsuche {
}

.tx-bxproduktsuche-pi1 .tx-bxproduktsuche-pi1-browsebox ul, .bxsuche .browsebox ul, .imgsliderfcelist ul  {
list-style:none;
padding:0px;
margin:0px !important;
}

}
.imgsliderfcepagination a {
display:block;
}
.tx-bxproduktsuche-pi1 .tx-bxproduktsuche-pi1-browsebox li, .bxsuche .browsebox li, .imgsliderfcepagination  a {
float:left;
margin:0px;
margin-right:5px;
margin-bottom:4px;
}

.tx-bxproduktsuche-pi1 .browsebox a, .tx-bxproduktsuche-pi1 .tx-bxproduktsuche-pi1-browsebox a, .bxsuche .browsebox a, .imgsliderfcepagination a{
border:1px solid #e2e2e2;
background:#f3f3f3 url(../images/bg_topbar.png) scroll repeat-x left bottom;
color:#000;
font-weight:bold;
font-size:90%;
text-decoration:none;
padding:2px;
padding-right:4px;
padding-left:4px;
padding-bottom:0px;
}		 
.tx-bxproduktsuche-pi1-browselist-currentPage a, .bxsuche .browsebox .active, .imgsliderfcepagination  a:hover, .imgsliderfcepagination  a:active, .imgsliderfcepagination  .current, .imgsliderfcepagination  a:focus {
background-color:#9ca2a5;
background-image:none;
color:#fff;
}

.tx-bxproduktsuche-pi1-res {
clear:both;
}
.tx-bxproduktsuche-pi1-whatis {
border:1px solid #e2e2e2;
padding:5px !important;
background:#fff url(../img/bg_shadow_top.jpg) scroll repeat-x left top;
overflow:auto;
margin-bottom:10px;
}
.tx-bxproduktsuche-pi1-sw {
font-weight:bold;
}
.bxsuche .bxsuche-description{
text-decoration:none;
}


/********** Produktsuche end */

@media print
{
.bx-stellen-ort-link a, .bx-stellenangebote-link2 a, .bx-stellenangebote-link a, .bx-stellenangebote-list, .bx-stellen-land, .bx-stellen-buland, .bx-stellen-ort-link2 a, .bx-stellen-ort-link a, .bx-stellen-ort-link2, .bx-stellen-ort-link, .bx-stellendetail-ort {
background-color:#fff;
border-color:#000;
}
}

/********** Naechstensuche begin ***/


.bx-naechstensuche-list {
border-top:none;
list-style:none;
margin:0px !important;
width:469px;
}


.bx-naechstensuche-link a, .bx-naechstensuche-link2 a {
padding:5px;
display:block;
border-top:1px solid #e2e2e2;
padding-left:20px;
background:transparent url(../images/bg_secondary_nav_inactive.png) no-repeat scroll 4px center;
}

.bx-naechstensuche-link a:hover, .bx-naechstensuche-link2 a:hover, .bx-naechstensuche-link a:active, .bx-naechstensuche-link2 a:active, .bx-naechstensuche-link a:focus, .bx-naechstensuche-link2 a:focus {
background-color:#e2e2e2;
}

.bx-naechstensuche-link {
background-color:#f3f3f3;
}
/********** Naechstensuche end ***/


