/* CSS Document */

* {
	font-size:11px;font-family: Verdana, Arial, sans-serif;
	color:#555555;
}

body {
	margin: 0; 
	padding: 0;
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;

}

img {
	border:0;
}

select {
	width:230px;
}

h1{
	padding-top:8px;
	padding-left:14px;
	
	font-size:16px;
	font-weight:bold;
	
	margin-top:0px;
	margin-left:-13px;
}

h2{
	padding-top:8px;
	padding-left:14px;
	
	font-size:14px;
	font-weight:bold;
	
	margin-top:0px;
	margin-left:-13px;
}


h3{
	font-size:18px;
	font-family: Verdana, Arial, sans-serif;
}

a {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}

.Price {
font-weight:bold;
font-size:14px;
color:#AC0217
}

}

.Price2 {
font-weight:bold;
font-size:18px;
color:#AC0217
}

#bg_left {
	background-image:url(/layout/hg_schatten.gif);
	background-repeat:repeat-y;

}

#bg_right {
	background-image:url(/layout/hg_schatten_rechts.gif);
	background-repeat:repeat-y;
}

#bg_content {
	background-color:#ffffff; 

}

.prod_text {
        text-align:left;
        padding-left:15px;
        padding-right:15px;
        font-size:12px;
        font-weight:bold;
        color:#000000;
}



.bildabstand {
        text-align:left;
        padding-left:0px;
        padding-right:0px;
        font-size:2px;
        color:#000000;
}






.prod_picture {
        text-align:center;
        padding-top:6px;
height:120px;
	
}

.prod_link {
        padding-left:15px;
}

#navi {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#E4E9FF;
}

.navi_link {
	padding-right:20px;
	font-weight:bold
}

#column_left {
	padding:5px;

}

#column_main {
	padding:5px;
    
}

#footer {
	border-top:#CCCCCC 1px solid;
	margin-left:15px;
	margin-right:15px;
}

.box {
	background-color:#E8ECFD;
	margin-bottom:10px;
}

.box_topline {
	background-color:#BACFF3; 
	height:10px;
	color:#000000;
	font-weight:bold;
}

.box_bottomline {

}

/* menu left *
.left_menu {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
  margin-bottom: 1em;
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:20px;   /*eigenbau

  color: #333;
}
.left_menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
.left_menu li {
  border-bottom: 1px solid #90bade;
  margin: 0;
}
.left_menu li a {
  display: block;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:6px;
  background-color: #506297;
  color: #fff;
  text-decoration: none; 
  width: 174px;
}
.left_menu li a:hover {
  background-color: #506297;
  color: #fff;
}
.left_menu li {
  border-top: 1px solid #90bade;
  border-bottom: 0;
  margin: 0;
}
.left_menu li.level2 a {
  padding-top:4px;
  padding-bottom:4px;
  padding-left:15px;
  background-color: #BACFF3;
  width: 165px;
  color:#000000;
}
.left_menu li.level3 a {
  padding-top:4px;
  padding-bottom:4px;
  padding-left:25px;
  background-color: #E8ECFD;
  width: 140px;
  color:#000000;
}
*/
			.tab_border {
				margin-top:14px;
				border-collapse:collapse;
				border-width: 1px;
				border-style: solid;
				border-color: #B1BCC9;
			}
			
			.tab_border td {
				padding:5px;
			}
			
			.tab_border th {
				padding:5px;
				font-weight:bold;
				letter-spacing:0.1em;
				background-color:#818A95;
				color:#FFFFFF;
				border-collapse:collapse;
				border-width: 1px 1px 1px 1px;
				border-style: solid solid solid solid;
				border-color: #C3D0E1;
			}		
		
			.tab_border {
				margin-top:14px;
				border-collapse:collapse;
				border-width: 1px;
				border-style: solid;
				border-color: #B1BCC9;
			}
			
			.tab_border td {
				padding:5px;
			}
			
			.tab_border th {
				padding:5px;
				font-weight:bold;
				letter-spacing:0.1em;
				background-color:#818A95;
				color:#FFFFFF;
				border-collapse:collapse;
				border-width: 1px 1px 1px 1px;
				border-style: solid solid solid solid;
				border-color: #C3D0E1;
			}		
		
.tag_6 {
color:#417C9C;
display:inline;
font-size:10px;
}
.tag_5 {
color:#417C9C;
display:inline;
font-size:12px;
font-weight:bold;
}
.tag_4 {
color:#417C9C;
display:inline;
font-size:14px;
font-weight:bold;
}
.tag_3 {
color:#417C9C;
display:inline;
font-size:16px;
font-weight:bold;
}
.tag_2 {
color:#417C9C;
display:inline;
font-size:18px;
font-weight:bold;
}
.tag_1 {
color:#417C9C;
display:inline;
font-size:20px;
font-weight:bold;
}


#plentycat_267-0-0-0-0-0{
	display:none;
}
/* NEW ATTRIBUTE SELECT */


/* clear */
.clear {
clear: both;
}


/* wrapper */
.plentyAttributeSelectWrapper {
margin-bottom: 5px;
}
/* wrapper title */
.plentyAttributeSelectWrapperTitle { }
/* wrapper content */
.plentyAttributeSelectWrapperContent {
display: inline-block;
}

/* ul (all) */

/* ul */
.plentyAttributeSelectWrapperContent ul {
padding-left: 0;
}
/* li */
.plentyAttributeSelectWrapperContent ul > li {
list-style: none;
margin-left: 0;
overflow: hidden;
}

/* disabled */
li.plentyAttributeSelectDisabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
cursor: default !important;
}
li.plentyAttributeSelectDisabled a {
cursor: default !important;
}



/* DROPDOWN */

/* dropdown container */
.plentyAttributeSelectHasDropdown {
position: relative;
}
/* height if dropdown closed */
.plentyAttributeSelectHasDropdown,
.plentyAttributeSelectHasDropdown > div,
.plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover {
height: 18px;
}
/* openable container */
.plentyAttributeSelectHasDropdown > div {
position: absolute;
/*width: 100%;*/ /*has conflict with parent clearfix*/
overflow: hidden;
background: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* open dropdown if hovered */
.plentyAttributeSelectHasDropdown:hover > div {
height: auto;
z-index: 10000;
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

/* selectet item */

/* value (all) */
.plentyAttributeSelectedValue,
.plentyAttributeSelectValue > a {
padding: 0 0 0 7px;
white-space: nowrap;
}
/* value selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue {
position: relative;
padding-right: 20px;
}
/* arrow container */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow {
position: absolute;
right: 2px;
top: 2px;
width: 12px;
height: 12px;
}
/* arrow inner */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
display: inline-block;
border-style: solid;
border-width: 5px;
border-color: #999999 transparent transparent;
}
/* arrow hover */
.plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
border-color: #777777 transparent transparent;
}


/* list */

/* list wrapper */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper {
max-height: 108px; /*adapt to height of li*/
overflow-y: auto;
overflow-x: hidden;
}
/* ul */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul {
}
/* li */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li {
height: 18px;
}
/* a */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a {
display: block;
padding-right: 20px;
white-space: nowrap;
}
/* li hover / a focus */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus {
background: #eeeeee;
color: #000000;
cursor: pointer;
}
/* reset li hover / a focus if disabled */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus {
background: transparent;
color: #000000;
}
/* li / a selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a {
background: #eeeeee;
}
/* value & markup */
.plentyAttributeSelectValueName {
/*float: left;*/
}
.plentyAttributeSelectValueMarkup {
padding-left: 5px;
/*float: right;*/
}


/* IMAGE GALLERY / TEXT BOX */

/* ul */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
margin: 0 -5px -5px 0;
}
/* ul image gallery / text boxes */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
line-height: 0;
}
/* ul text boxes */
.plentyAttributeSelectHasTextList ul > li {
line-height: 1.5em;
}
/* image box size */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasImageGallery ul > li > a {
width: 60px; /*adapt box dimension to image dimension*/
height: 60px;
}
/* li */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasTextList ul > li,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
display: inline-block;
margin: 0 5px 5px 0;
border: 1px solid #DDDDDD;
border-radius: 3px;
padding: 3px;
}
/* li hover / selected */
.plentyAttributeSelectHasImageGallery ul > li:hover,
.plentyAttributeSelectHasTextList ul > li:hover,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
border-color: #999999;
cursor: pointer;
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
/* li selected image gallery */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected {
background: #DDDDDD;
}
/* li selected text box */
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
background: #eeeeee;
}
/* reset li hover / selected if selected */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
border-color: #DDDDDD;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* a */
.plentyAttributeSelectHasImageGallery ul > li > a {
display: block;
overflow: hidden;
}
/* img */
.plentyAttributeSelectHasImageGallery ul > li > a > img {
border: none;
}
/* a hover / a focus text box */
.plentyAttributeSelectHasTextList ul > li a:hover,
.plentyAttributeSelectHasTextList ul > li a:focus {
color: #000000;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
padding-right: 5px;
}

.cleard {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

div#AttrImage{
	width:auto !important;
}

h2.dpfix{
	margin:0 0 20px;
}

div.clearfix.dpfix{
	margin:20px 0 0;
}

div#faux div#content div#columns div#col2.wide div#teaser div#teaserText a.ekomi.dpfix{
	top:-30px !important;
}

div#faux div#content div#columns div#col2.wide div#teaser div.lpContent h1.dpfix{
	padding:0 0 15px;
}

#plentycat_799-0-0-0-0-0,#plentycat_800-0-0-0-0-0,#plentycat_801-0-0-0-0-0,#plentycat_852-0-0-0-0-0,#plentycat_803-0-0-0-0-0{
display: none;
}
.singleProduct > h3 > a{
line-height: 11px;
}
.cat_desc{

}
.catname{
font-size: 16px;
font-weight: bold;

color: #1f90cc;}
/* Name kurz*/   

.ellipsis {
    font-size:10px;
    line-height:12px;
    height: 36px;       /* 3x line height */
    width: 140px;
    overflow: hidden;
    position: relative; /* so we're a positioning parent for the dot hiders */
    background: white;
	font-weight: bold;

padding: 5px;
}

/* Used to push down .dots. Can't use absolute positioning, since that
   would stop the floating. Can't use relative positioning, since that
   would cause floating in the wrong (namely: original) place. Can't 
   change height of #dots, since it would have the full width, and
   thus cause early wrapping on all lines. */
.pre-dots {
    float: right;
    height: 24px;  /* 2x line height (one less than visible lines) */
}

.dots {
    float: right; /* to make the text wrap around the dots */
    clear: right; /* to push us below (not next to) .pre-dots */
}

/* hides the dots if the text has *exactly* 3 lines */
.hidedots1 {
    background: white;
    width: 140px;
    height: 12px;       /* line height */
    position: absolute; /* otherwise, because of the width, it'll be wrapped */
}
/* hides the dots if the text has *less than* 3 lines */
.hidedots2 {
    background: white; 
    width: 140px;
    height: 36px;       /* 3x line height, to ensure hiding even if empty */
    position: absolute; /* ensures we're above the dots */
}
li#plentycat_908-0-0-0-0-0{display: none;}
h5{color: rgb(31, 144, 204);
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;}
div#faux div#content div#teaser div#teaserBenefit h5, div#faux div#content div#col1 div h5, div#faux div#content div#col2 div h5 {
    background-color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: bold;
    padding: 15px 25px;
    color: rgb(31, 144, 204);
    margin: 0px;
    border-radius: 10px 10px 0px 0px;
}
/* Scrollbar */        
             
.scrollable
{
    position:relative;
    overflow:hidden;
    width: 228px;
    height:325px;
   
    float:left;   
}
.scrollable .items
{
    width:20000em;
    position:absolute;
    clear:both;
}
.items div.arround
{
    float:left;
    width:228px;   
}
.items div.sliderproduct
{
    float:left;
     width:228px;
      padding-top:0px;
}
 
.items div.sliderproduct:hover
{
    background-color:#e3e3e3;
}