@charset "utf-8";
/* CSS Document */


body{padding 0 ; margin: 0 ;background:url(/tpl/de/layout/vld_skate/main_bg.jpg) #333;font-family:arial;font-size:12px}

p{padding:0 , margin:0}
h1{font-size:18px;color:#02306e;font-weight:600;font-family:arial;padding:10px 10px 10px 10px; margin:0px}
h2{font-size:16px;color:#02306e;font-weight:600;padding-left:10px;margin:0px;}

.content{color:#08000b;padding:10px}
.content p{padding:10px}
.content a{color:#740185}

.content_bg{background-color:#fdf5d1;width:1008px;background:url(/tpl/de/layout/vld_moebel/content_bg.png) repeat-y;}
.content_border{border-left:1px solid #ccc;border-right:1px solid #ccc;width:1000px}


.header_bg{height:200px;width:1000px;background:url(/tpl/de/layout/vld_skate/header_bg.jpg) repeat-x;text-align:left;border-bottom:1px solid #fd7100}

.lang{margin-bottom:53px;padding:8px 10px 0px 0px;font-size:12px;color:#FFF}
.lang a{color:#FFF;text-decoration:none}

.customer{font-size:12px;color:#fd7100;font-family:arial;padding:10px 10px 4px 10px;}
.customer a{color:#fd7100;text-decoration:none;}
.customer a:hover{color:#ccc;text-decoration:underline}

.h_menu2{background-color:#061c3a;padding:5px;border-top:1px solid #fd7100;border-bottom:1px solid #fd7100}
.h_menu2 a{text-decoration:none;font-size:13px;color:#FFF}
.h_menu2 a:hover{text-decoration:underline;font-size:13px;color:#FFF}

.start_content_bg{background-color:#596677;margin-left:10px;margin-top:10px;padding:6px}

.bread_bg{border-top:1px solid #FFF;border-bottom:1px solid #FFF;background-color:#FFF}
.search{float:right;margin-top:110px}
.bread{color:#0e1217!important; font-size:13px;}
.bread span{color:#0e1217!important}
.bread a{color:#0e1217!important;text-decoration:none}

.box_left{padding:10px 0px 10px 10px;text-align:left}
.box_left li{list-style:none;line-height:22px;}
.box_left li a{padding-left:20px;text-decoration:none;color:#0e1218;font-weight:bold}
.box_left a {display: block; color:#08000b; text-decoration:none;}
.box_left li:hover{background:url(/tpl/de/layout/vld_skate/li_bg.jpg) no-repeat}
.box_left li:hover a{color:#fb5a02}


.left_box_line{border-bottom:1px dotted #ccc;margin-bottom:10px}



.content_balken{margin:10px;padding:10px;background-color:#fdf5d1}


.content_text{font-size:13px;color:#02306e;margin:10px;}

.sing_art_details{;padding:10px;margin:10px;font-size:13px;color:#02306e;line-height:20px}
.Price_single_art{font-size:22px;}
.avaiable{margin:15px 0px 10px 0px;border:1px solid #ebeae5;width:200px;background:url(/tpl/de/layout/vld_moebel/av_text_bg.jpg) repeat-x}

.div_line{height:1px;border-top:1px solid #fdf5d1;margin:15px 0px 15px 0px}

.art_list_header{color:#02306e}
.art_list_header a{color:#02306e}
.art_list_name{font-size:12px;color:#02306e;text-decoration:none}
.art_list_small{font-size:11px!important;color:#02306e!important;text-decoration:none}
.art_list_small a{font-size:11px!important;color:#02306e!important;text-decoration:none}
.art_list_price{font-size:14px!important;color:#fb5a02!important;padding:3px 0px 3px 10px;font-weight:bold;}
.art_list_currency{color:#fb5a02!important}


.BrowseNextButton a{float:right;padding-left:20px;color:#08000b}
.BrowsePreviousButton a{float:right;color:#08000b}
.articleOrder{float:right}

.articlePages_Link{text-decoration: none;color:#08000b !important;font-size:13px;margin-top:-2px!important;margin-right:3px}
.articlePages_activeLink{text-decoration:none;font-weight: bold;color:#08000b !important;font-size:13px}


.footer{background-color:#FFF;width:1000px;height:200px;border-top:5px solid #fd7100}
.footer_menu{padding:15px 10px 15px 10px;background-color:#061c39;color:#fd7100;}
.footer_menu a{color:#fd7100;text-decoration:none;font-size:13px}
.footer_menu a:hover{color:#ccc}



ul.left_menu {
  padding:0px;
  margin:0px 0px 0px 0px;
  width:210px;    
}


ul.left_menu ul {
  padding:0px;
  margin:0px;
      
}

ul.left_menu li {
  text-align:left;
  list-style-type:none;
position:relative;width:auto
}

ul.left_menu a {display: block; color:#0e1218; text-decoration:none;}
ul.left_menu li:hover{background:url(/tpl/de/layout/vld_skate/li_bg.jpg) no-repeat}
ul.left_menu li:hover a{color:#fb5a02}
ul.left_menu li ul{ position: absolute;z-index: 199;display: none;}


ul.left_menu li:hover ul {display: block;margin-left: 180px; padding: 0;
        top: 0; 0; border:1px solid #0e1218;background-color:#FFF}
    
ul.left_menu li ul li {margin: 0; padding: 5px 0px 5px 0px;display:block }
ul.left_menu li ul li:hover{background-color:#0e1218}
    

ul.left_menu li.level2 { background-image:none;background-repeat:no-repeat;width:260px;margin:0px;position: relative;height:120%}

ul.left_menu li.level2 a {text-align:left; display: block; background-image:none; font-weight:normal; border:0px; color:#0e1218; padding: 0px 10px 0px 10px;  width:240px; font-size:13px;}

ul.left_menu li.level2 a:hover {
  color: #fb5a02;
  text-decoration: none;
  background-color: #0e1218;
 
}


.dark_bg_info{margin:10px;padding:10px;background-color:#311102;color:#fdf5d1;font-size:12px}
.dark_bg_info a{color:#8a827f}

#teaser{color:#5d2202}
#teaser a{color:#5d2202}

/* Buttons */  
    .prev {
         height:240px;
        width:1px;
        display:block;
        
             }
            .prev:hover   {background-position:top left; }
    .next {
        height:240px;
        width:1px;
        display:block;
       
              }
    .next:hover {background-position:top right;}
             
             
/* Scrollbar */        
             
.scrollable
{
    position:relative;
    overflow:hidden;
    width: 744px;
    height:240px;
color:#fff;
    float:left;   
}
.scrollable .items
{
    width:20000em;
    position:absolute;
    clear:both;
}
.items div.arround
{
    float:left;
    width:742px;   
}
.items div.sliderproduct
{
    float:left;
     width:147px;
border-right:1px dotted #ccc; padding-top:5px;padding-bottom:5px
}
 
.items div.sliderproduct:hover
{
    background-color:#aab1ba;
}


.items div.sliderproduct{float:left;width:147px;}
div.hover_item{width:147px;height:150px;}
div.hover_item:hover{background:none!important}

#live_article_search_result
.LiveSearchArticleName          



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