/* Sprachen - Wenn Sie die Sprachen einblenden möchten löschen Sie bitte diese CSS Anweißung */

.lang {display:none;}

/* Sprachen */

* {
  padding: 0;
  margin: 0;
  outline:none;
}
html {
  overflow-y: scroll;
}
body, td, th, input, select {
  color: #626262;
}
body {
  background-color: #666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#626262;
}
a:link, a:visited, a:hover {
  text-decoration: none;
  color:#9BC030;
}
#ff01_maincontent ul, #ff01_maincontent ol, #ff01_maincontent_order ul, #ff01_maincontent_order ol {
  padding: 8px 4px 8px 25px;

}
#outer {
  width:950px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  text-align:left;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-image:url(/layout/farbfinal01/images/ff01_bg_bottom.png);
  background-attachment: scroll;
  background-position: bottom;
}

#ff01_footer {
  text-align:center;
  color:#FFF;
  padding:6px 0 15px 0;
}

#ff01_top_bg {
  width:950px;
  height:15px;
  background-image:url(/layout/farbfinal01/images/ff01_bg_top.png);
  background-color: #FFF;
  background-repeat: no-repeat;
}
#ff01_inner {
  padding: 0 15px 15px 15px;
}
#ff01_header {
  background-image: url(/layout/farbfinal01/images/ff01_header_bg.jpg);
  width: 725px;
  height:90px;
  float:left;
  position:relative;
}
#ff01_logo {
  position:absolute;
  left: 20px;
  top: 7px;
  font-size:50px;
  color:#FFF;
}
#ff01_claim {
  position:absolute;
  left: 20px;
  top: 59px;
  font-size:14px;
  color:#FFF;
}
#ff01_basket {
  background-image: url(/layout/farbfinal01/images/ff01_bg_basket.png);
  width: 190px;
  height:90px;
  float:left;
  position:relative;
  margin-left:5px;
}

#ff01_basket_head {
  font-size:16px;
  font-weight:bold;
  position:absolute;
  right:10px;
  top:7px;
}

#ff01_basket_amount {
  font-weight:bold;
  position:absolute;
  right:10px;
  top:30px;
  text-align:right;
}

#ff01_basket_links {
  position:absolute;
  right:10px;
  bottom:7px;
  text-align:right;
}

#ff01_basket a:link, #ff01_basket a:visited {
  color:#666666;
}

#ff01_topmenu {
  clear:both;
  width:920px;
  height:47px;
  margin-top:5px;
  margin-bottom:5px;
  float:left;
}
#ff01_topmenu ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}
#ff01_topmenu ul li {
  display:inline;
  line-height:100%;
  padding-left:0;
}
#ff01_topmenu a {
  background-image:url(/layout/farbfinal01/images/ff01_btn_topmenu.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  float:left;
  font-size:13px;
  font-weight:bold;
  height:30px;
  margin-right:8px;
  padding-bottom:0;
  padding-top:17px;
  text-align:center;
  width:108px;
}
#ff01_topmenu a:hover {
  background-position: 0 -47px;
}
#ff01_topmenu .ff01_btn_kasse a {
  background-image:url(/layout/farbfinal01/images/ff01_btn_topmenu_kasse.jpg);
  float:left;
  margin-right:0px;
}
#ff01_topmenu .ff01_btn_kasse_empty a, #ff01_topmenu .ff01_btn_kasse_empty a:hover {
  background-image:url(/layout/farbfinal01/images/ff01_btn_topmenu_kasse_empty.jpg);
  background-position: 0 0;
}
#ff01_content {
  clear:both;
}
#ff01_left {
  width:190px;
  float:left;
  margin-right:5px;
  border: 0px solid red;
}
#ff01_right {
  width:190px;
  float:left;
  margin-left:5px;
}
#ff01_maincontent {
  width:530px;
  float:left;
}

.ff01_maincontent_border {
  width:508px !important;
  float:left;
  border: 1px solid #cccccc;
  padding:10px;
}

.ff01_clear {
  clear:both;
}
.ff01_box {
  margin-bottom:5px;
}

.ff01_box input, .ff01_box select{
  font-size: 11px;
}

.ff01_box h1 {
  background-image: url(/layout/farbfinal01/images/ff01_box_head.jpg);
  font-size: 14px;
  color: #FFF;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 6px;
}
.ff01_box .ff01_box_top {
  height: 5px;
  width: 190px;
  font-size:0;
  margin-top:5px;
}
.ff01_box.grey .ff01_box_top {
  background-image: url(/layout/farbfinal01/images/ff01_box_grey_top.png);
}
.ff01_box.darkgrey .ff01_box_top {
  background-image: url(/layout/farbfinal01/images/ff01_box_darkgrey_top.png);
}
.ff01_box.white .ff01_box_top {
  background-image: url(/layout/farbfinal01/images/ff01_box_white_top.png);
}
.ff01_box .ff01_box_bottom {
  height: 5px;
  width: 190px;
  font-size:0;
}
.ff01_box.grey .ff01_box_bottom {
  background-image: url(/layout/farbfinal01/images/ff01_box_grey_bottom.png);
}
.ff01_box.darkgrey .ff01_box_bottom {
  background-image: url(/layout/farbfinal01/images/ff01_box_darkgrey_bottom.png);
}
.ff01_box.white .ff01_box_bottom {
  background-image: url(/layout/farbfinal01/images/ff01_box_white_bottom.png);
}
.ff01_box .ff01_box_content {
  padding: 2px 10px 2px 10px;
  width: 168px;
}
.ff01_box.grey .ff01_box_content {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #E8E8E8;
}
.ff01_box.darkgrey .ff01_box_content {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  background-color: #7A7A7A;
}
.ff01_box.white .ff01_box_content {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.ff01_box_content_hotline{
  background-image:url(/layout/farbfinal01/images/box_hotline.jpg);
  height:140px;
  width:190px;
  position:relative;
  margin-top: 5px;
}

.ff01_box_content_hotline_number{
  font-size:16px;
  font-weight:bold;
  position:absolute;
  bottom:2px;
  left:10px;
}

/* menu */

ul.left_menu li {
  list-style-type:none;
  text-align:left;
  width:168px;
  line-height: 170%;
}

.left_menu a, .left_menu a:link, .left_menu a:visited {
  color:#FFF !important;
}

.left_menu .level1 a{
  background-image:url(/layout/farbfinal01/images/ff01_listimg.png);
  background-repeat: no-repeat;
  padding-left:15px;
  background-position: 0px 2px;
}

.left_menu .level1active_link{
  font-weight:bold;
}

.left_menu .level2 a{
  padding-left:20px;
  background-image:none;
}

.left_menu .level2active_link{
  font-weight:bold;
}

.left_menu .level3 a{
  padding-left:30px;
  background-image:none;
}

.left_menu .level3active_link{
  font-weight:bold;
}

.left_menu .level4 a{
  padding-left:40px;
  background-image:none;
}

.left_menu .level4active_link{
  font-weight:bold;
}

/* Artikelansichten */



.ff01_tablepadding td{
  padding:5px;
}

.ff01_tablenopadding td{
  padding:0px;
}

.border{
  border: 1px solid #cccccc;
}

.marginbottom{
  margin-bottom:5px;
}

.small{
  font-size: 0.8em;
}

.Price_single_art, .Price{
  color:#278EB1;
  font-size:1.5em;
  font-weight:bold;
}

.currency{
  color:#278EB1;
  font-weight:bold;
}

.ArticleAttrTable td{
  text-align:right;
  padding-bottom: 3px;
  padding-left: 3px;
}

.ff01_pagenav{
  margin-bottom: 5px;
  width: 510px;
  height:22px;
  background-color:#06C;
  background-image: url(/layout/farbfinal01/images/ff01_headline_bg.png);
  padding-left:10px;
  padding-right:10px;
  padding-top:6px;
}

.ff01_pagenav h2{
  font-size: 14px !important;
  color: #fff !important;
  font-weight: bold;
  line-height: 14px;
  display: inline;
  float: left;

}

.articlePages_Link{
  text-decoration: none;
  color: #fff !important;
}

.articlePages_activeLink{
  text-decoration: none;
  font-weight: bold;
  color: #fff !important;
}

.articlePages{
  display:inline;
  float:right;
  margin-top:1px;
}

.ff01_BrowsePreviousButton{
  float:right;
  margin-right: 5px;
  margin-top:1px;
}

.ff01_BrowseNextButton{
  float:right;
  margin-left: 5px;
  margin-top:1px;
}

.ff01_articleOrder{
  float: right;
  /*display:none;*/
  padding-top:0px;
  
}

.ff01_articleOrder select{
  font-size: 11px;  
}

.ff01_article input, .ff01_article select{
  font-size: 11px;
}

.ff01_2row_name {
  height: 45px;
}

.ff01_2row_name a:link, .ff01_2row_name a:visited {
  height: 45px;
  color:#666666;
}

.ff01_single_previm {
  margin-top:10px;
}

.ff01_single_previm img{
  width:75px;
}

.ff01_single .Price_single_art, .ff01_single .Price{
  font-size:1.9em;
}

#ff01_maincontent p, #ff01_maincontent ul{
  margin-bottom:15px;
}

.ff01_maincontent_border input, .ff01_maincontent_border textarea{
  margin-bottom:8px;
}

#ff01_maincontent h1, #PlentyMyAccount h1{
  font-size: 1.4em;
  margin-bottom: 15px;
  color:#278EB1;
}

#ff01_maincontent h2, #PlentyMyAccount h1{
  font-size: 1.2em;
  margin-bottom: 10px;
  color:#278EB1;
}


#ff01_maincontent ul{
  padding-left:25px;
}

.ff01_box_article_name a:link, .ff01_box_article_name a:visited {
  color:#666666;
}

.ff01_box_article_name{
  margin-bottom: 3px;
}

.ff01_box_article_img {
  margin-bottom: 5px;
}

.ff01_box_article_price {
  margin-bottom: 15px;
  color:#278EB1;
  font-weight:bold;
}

.ff01_msg{
  margin-bottom:5px;
  padding:10px;
}

.ff01_msg_ok{
  background-color:#CFF0FF;
}

.plentyErrorBox {
  margin-bottom:5px;
  padding:10px;
  width:auto;
}

.plentyMessageBox{
  margin-bottom:5px;
  padding:10px;
  width:auto;
}

.left_menu .level5 a{
  padding-left:50px;
  background-image:none;
}

.left_menu .level5active_link{
  font-weight:bold;
}


.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;
}/* 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;
}

/* Buttons */  
    .prev {
         background:url(/images/gallery/Bilder/image-slide-arrows.jpg) bottom left;
        height:200px;
        width:25px;
        display:block;
        border:1px solid #b9cad6; border-right:0;
             }
            .prev:hover   {background-position:top left; border:1px solid #87a7ba;}
    .next {
        background:url(/images/gallery/Bilder/image-slide-arrows.jpg) bottom right;
        height:200px;
         width:25px;
        display:block;
        border:1px solid #b9cad6;
        border-left:0;
              }
    .next:hover {background-position:top right; border:1px solid #87a7ba;}
             
             
/* Scrollbar */        
             
.scrollable
{
    position:relative;
    overflow:hidden;
    width: 540px;
    height:200px;
    border:1px solid #e8e1db;
    float:left;   
}
.scrollable .items
{
    width:20000em;
    position:interval;
    clear:both;
}
.items div.arround
{
    float:left;
    width:380px;   
}
.items div.sliderproduct
{
    float:left;
     width:135px;
     border-right:1px dotted #ccc; padding-top:5px;
}
 
.items div.sliderproduct:hover
{
    background-color:#e3e3e3;
}


/* Buttons */  
    .prev {
        background:url /images/gallery/Bilder/image-slide-arrows.jpg bottom left;
        height:200px;
        width:25px;
        display:block;
        border:1px solid #b9cad6; 
		border-right:0;
             }
    .prev:hover   {background-position:top left; border:1px solid #87a7ba;}
    .next {
        background:url/images/gallery/Bilder/image-slide-arrows.jpg bottom right;
        height:200px;
        width:25px;
        display:block;
        border:1px solid #b9cad6;
        border-left:0;
              }
    .next:hover {background-position:top right; border:1px solid #87a7ba;}
             
             
/* Scrollbar */        
             
.scrollable
{
    position:relativ;
    overflow:hidden;
    width: 475px;
    height:190px;
    border:1px solid #e8e1db;
    float:left;   
}
.scrollable .items
{
    width:20000em;
    position:absolute;
    clear:both;
}
.items div.arround
{
    float:left;
    width:680px;   
}
.items div.sliderproduct
{
    float:left;
     width:160px;
     border-right:1px dotted #ccc; 
	padding-top:5px;
}
 
.items div.sliderproduct:hover
{
    background-color:#e3e3e3;
}
Tauschen Sie unter /* Buttons */ die vorgegebenen Button-Links gegen Button-Links aus, die auf Ihre Konfiguration zutreffen.
Sie