.button-group > li {
    vertical-align: top;
}
.image-container {
    padding: 21px;
    margin-bottom: 20px;
}
.image-container img {
   width: 85%;
}

/** create sort buttons **/
a.sort-up.sort-btn {
	height: 32px;
	float: left;
}
a.sort-down.sort-btn {
	height: 32px;
	float: left;
}
.fa.fa-sort-desc.fa-5x {
    height: 32px;
    line-height: 0;
}
.fa.fa-sort-asc.fa-5x {
    height: 32px;
}
.fa.fa-sort-asc.fa-5x:hover{
	color: green;
}
.fa.fa-sort-desc.fa-5x:hover {
    color: green;
}
/** end of sort buttons **/
@media (min-width: 1160px) and (max-width: 1580px) { 
    .left-wrapper {
        background: #fff;
        width: 100%;
   
    }
    
    ul.left {
        margin: auto 0 ;
        width: 100%;
        background: #fff;
    }

}

#main-container-inner h3:before {
content: " \f0fe";
font-family: FontAwesome;
font-size: 2em;
width: 1.28571em;
text-align: center;
padding-right: 10px;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    position: relative;
}

#main-container-inner{
    padding: 15px;
    padding-bottom: 150px;
}
.hide-item {
    text-align: right;
    border-bottom: 1px solid #ccc;
}
.hide-item a{
    color: #ccc;
}
.hide-item a:hover{
    color: #293d4d;
}
.btn-home {
    margin: 0;
}

.button {
	border: 1px solid white;
	display: block;
	text-align: left;
        padding: 7px;
        padding-left: 10px !important;
}
.blue {
	background: #006ab2;
}
.red {
	background: #941639;
}

#main-container1 {
	background: red url('../images/bg_stripes.png') center top repeat-y;
}
.bg-brighter {
	background: #f6f6f6;
        padding: 15px;
}
.small-font {
    font-size: 90%;
}
.small-font-h4 {
    font-size: 75%;
}
.small-font-h5 {
    font-size: 75%;
}
.bold {
    font-weight: bold;
}
.font-red {
    color: #941639;
    font-weight: bold;
}
/* ------------------ */
/* Common show styles */
/* edit 2015-05-03 jr */
/* ------------------ */

.show .show-content{
	background: #cccccc;
	padding: 5px 10px;
	white-space: normal;
}
.show p.show-content {
	min-height: 33px;
}


/* ------------------ */
/* view styles  product groups */
/* edit 2015-05-03 jr */
/* ------------------ */


#view-base-font {
	font-size: 100%;
}

.prod-grp-path {
	font-size: 14px;
	margin-bottom: 15px;
	padding-left: 5px;
	
	font-size: 73.7%;
	margin-bottom: 0.7895rem;
	padding-left: 0.2632rem;	
}

.prod-grp-nr {
	font-size: 24px;
	padding-top: 5px;
    margin-bottom: 5px;
	font-weight: 600;
	padding-left: 5px;
	
	font-size: 126.3%;
	padding-top:  0.2632rem;
    margin-bottom:  0.2632rem;
	font-weight: 600;
	padding-left:  0.2632rem;	
}

.prod-grp-name {
	font-size: 58px;
	margin-top: 5px;
    padding-bottom: 5px;
	max-width: 70%;
	font-weight: 600;
	
	font-size: 310%;
	margin-top: 0.2632rem;
    padding-bottom: 0.2632rem;
	max-width: 70%;
	font-weight: 600;	
}
.prod-desc-headline {
	font-size: 34px;
	margin: 50px 0 15px 0;
	
	font-size: 190%;
	margin: 2.632rem 0 0.7895rem 0;
}

.viewh1{
    font-weight: bold;
    font-size: 250%;
    padding-top: 5px;
    padding-bottom: 30px;
}
.viewh2{
    font-weight: normal;
    font-size: 120%;
    padding-top: 30px;
    padding-bottom: 5px;
}
.soehnle-red {
	color: #e2001a;
}
.soehnle-bg-red {
	background-color: #e2001a;
}
#main-container-inner h3.viewh3{
    font-weight: normal;
    font-size: 110%;
    padding-top: 15px;
    padding-bottom: 15px;
    background: none;
    border: none;
}
#main-container-inner h3.viewh3:before {
    content:"";
}
.pad15{
    padding: 15px;
}

.viewpanel {
    max-width: 40%;
    background: #f6f6f6;
    padding: 15px;
}

.bg-red {
    background: #e2001a;
}

p.pre {
font-family: inherit;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
white-space: pre-line;
padding-left: 20px;
}
.view-table th,
.view-table td{
	margin: 1px;
	background-color: #e8eaed;
	border: 1px solid white;
}


.tbl-header-red th,
.tbl-header-red td{
	background-color: #e2001a;
}
.tbl-header-red th,
.tbl-header-red td{
	background-color: #e2001a;
	color: white;
	font-weight: normal;
}
.tbl-header-dark th,
.tbl-header-dark td{
	background-color: #627a85;
	color: #131a1d;
	font-weight: bold;
}
/* soehnle */
.sp-font {
	font-family: 'Source Sans Pro', sans-serif;
}




/* Accordion */
.accordion .accordion-navigation_spec.active>a  {
   background: #999;
   color: #fff;
   font-weight: bold;
}

.accordion .accordion-navigation > .content.active,
.accordion dd > .content.active {
   background: #eaeaea; 
}

.input-wrapper {
    width: 40%;
    border: 0px solid red;

}
.spec-element-float{
    border: 0px solid red;
    /*float: left;*/
    
}
.item-box{
    border: 0px solid blue;
    width: auto;
    max-width: 45%;
    display: inline-block;
    padding: 15px;
    box-sizing: border-box;
    min-width: 480px;
}
/* Hide Home button */

.item-box.hidden {
    display: none;
}


/* footer not fixed */
@media (max-width: 1169px) {

footer {
background: #293d4d;
padding: 20px;
margin-top: 0px;
position: relative;
bottom: 0;
width: 100%;
height: 80px;
z-index: 100;
}

}
.icon-checkbox {
    height: 120px;
    border: 1px solid;
    background: #ffffff;
    border-color: darkcyan;
    cursor: pointer;
    margin-bottom: 10px;
}
.icon-checkbox-selected {
    height: 120px;
    border: 4px solid;
    background: #ffffff;
    margin-bottom: 10px;
    border-color: darkblue;
    cursor: pointer;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05), 0 0 10px 0 rgba(0, 0, 0, 0.5) inset, 0 0 6px 0 rgba(0, 0, 0, 0.35) inset;
}
.checkbox_div
{
    position: absolute;
    bottom: 0px;
    left: 15px;
}
.maincategory
{
    background: #026BB3 !important;
}
.maincategory:hover
{
    background: #3CA2E7 !important;
}
/*
.inactive-icon {
    content: "\f0fe" !important;
}
.active-icon {
    content: "\f146" !important;
}*/
.panel.callout {
	background: white;
	border: 1px solid #eee;
}
.panel.callout h2 {
	font-size: 140%;
}
.panel.callout h4 {
	font-size: 110%;
}
p.blue-text i {
	color: #0099FF;
	font-size: 100%;
}
i.blue-text {
	color: #0099FF;
}
ol.small-font li p {
	font-size: 100%;
}
.accordion.faqordion .accordion-navigation>a, .accordion dd>a {
	background: #888;
	padding: 15px 10px;
	font-size: 100%;
}
.accordion.faqordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	font-size: 85%;
}
span.header {
	font-size: 100%;
}
#topFixed {
    width: 100%;
	background: white;
}
#topFixed div.userInfo{
	padding: 8px 10px;
	font-size: 90%;
	font-style: italic;
}
#topFixed div.logOut {
	padding: 6px 0px;
}
#topFixed div.row {
    max-width: 100%;
}
img.logoSmall {
	margin-top:5px;
    max-width: 85px;
    margin-bottom: 5px;
}
td.alert {
    color: red;
}