/* CSS Document */

* {
  font-size:11px;
  font-family: Verdana, Arial, sans-serif;
  color:#000000;
}

img { border: 0px; }

body {
  margin: 0; 
  padding: 0;
  font-size:11px;
  font-family: Verdana, Arial, sans-serif;
  background-image:url(/layout/default_layout_6/background.jpg);
  background-repeat:repeat-x;
  background-color:#fff;
}


.Price {
  font-weight:bold;
  font-size:12px;
  color:#CC0000;
}

h1 {
  font-size:18px;
  color:#171717;
}

h2{
  font-size:16px;
  color:#171717;
}

h3{
  font-size:14px;
  color:#171717;
}

h4{
  font-size:12px;
  color:#171717;
}

h5{
  font-size:11px;
  color:#171717;
}

.table_border {
  border-left:1px #CCCCCC solid;
  border-right:1px #CCCCCC solid;
  background-color:#FFFFFF;

}

.menu {
  background-image:url(/layout/default_layout_6/bg_navigation.gif);
  background-repeat:repeat-x;
  padding-left:13px;
  padding-right:13px;
  margin:0px;

}

.menu a {
  color:#000000;
  text-decoration:none;

}

.table_menu {
  margin-left:19px;
}

.header {
  background-image:url(/images/gallery/Basis/logo008fa.jpg);
  background-repeat:no-repeat; 
        height:100px;
       }


.header_navigation_right {
  margin:10px;
  padding-right:10px;
  padding-bottom:10px;
  padding-top:10px;
  text-align:right;
  color:#000000;
}

.header_navigation_right a {
  color:#000000;
  text-decoration:none;
}

/**
 * 2. row
 */
#left_column {
  padding-top:20px;
  width:204px;

}

#main_column {
        text-align:left;
  width:580px;
  padding:20px;
  

}

#right_column {
  width:196px;
  padding-top:20px;

}


ul.left_menu {
   padding:0px;
   margin:0px 0px 0px 20px;
   width:204px;        }


ul.left_menu ul {
   padding:0px;
   margin:0px;
   width:204px;        }

ul.left_menu li {
   text-align:left;
   list-style-type:none;
   background-image:url(/layout/default_layout_6/bg_subnavi.gif);
   background-repeat:no-repeat;
   padding-left: 0px;
       padding-top:0px;
       margin-left:0px;
   width: 100%;
}

ul.left_menu a {
   display: block;
   color:#3c3c3c;
   text-decoration:none;
   padding: 7px 4px 5px 20px;
   width:160px;
}

ul.left_menu li a:hover {
   font-weight:bold;
}

ul.left_menu li.level2 {
   text-align:left;
   background-image:none;
   background-repeat:no-repeat;
}

ul.left_menu li.level2 a {
   display: block;
   background-image:none;
   background-color:#E6E4E4;
   border-top:1px #B7B7B7 solid;
   padding: 7px 4px 5px 30px;
   width:150px;
}


ul.left_menu li.level3 {
   text-align:left;
   background-image:none;
   background-repeat:no-repeat;
}

ul.left_menu li.level3 a {
   display: block;
   background-image:none;
   background-color:#d3d0d0;
   border-top:1px #C0C0C0 solid;
   padding: 7px 4px 5px 40px;
   width:140px;
}

.box {
  width:200px;
  padding-right:5px;
}

#left_column .box {
        text-align:left;
  padding-left:20px;
  padding-right:0px;
}

#left_column .box .content {
        text-align:left;
  
}

.box .header {

  padding:0px;
  
  
  height:28px;
  
  background-image:url(/layout/default_layout_6/bg_box.gif);
  background-repeat:no-repeat;
}

.header h2 {
        text-align:left;
  padding-top:6px;
  padding-left:20px;
  padding-bottom:0px;
  
  margin: 0px;
  
  font-size:12px;
  font-weight:normal;
}

.box .content {  
        text-align:left;
  font-size:11px;
  font-weight:normal;
  
  background-image:url(/layout/default_layout_6/bg_text_box.gif);
  background-repeat:repeat-y;
  
  margin-top:0px;
  margin-left:0px;

  padding: 10px 10px 0px 10px;
  
  width:inherit;
}

.box .footer {
        text-align:left;
  background-image:url(/layout/default_layout_6/box_footer.gif);
  background-repeat:no-repeat;
  margin-bottom:10px;
}



.bg_content {
  background-color:#ffffff;
  padding:9px;
  width:964px;
  margin-top:45px;  

}

/**
 * mit dieser Anweisung kann das Logo im Kopfbereich geändert werden.
 */
.logo {
  
}



.footer {
  background-image:url(/layout/default_layout_6/bg_footer.jpg);
  background-repeat:repeat-x;
  height:25px;
  color:#ffffff;
  padding-left:16px;

}

/**
 * Hinweistexte oder Ergebnisausgaben werden in diesen Boxen platziert
 */
.plenty_horizontal_bar {
  width:99%; 
  margin: 4px 0px 4px 0px;
  padding:0px;
  border: 2px solid #dfdfdf; 
  background-color:#f8f8ff;
  text-align:left;
  vertical-align:middle;
}

.plenty_horizontal_bar div {
  padding-left: 8px;
  padding-bottom: 4px;
}

.plenty_horizontal_bar h2 {
  color:#D2D1D7;
  font-weight:normal;
}

.ArticleAttrImageSelected {
  border:1px solid #E2007A;
}


/**
 * für Flagge fr
 */
.flag_fr {
  visibility:hidden;
}
      .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;
      }    

    
.article_rating_column_right {
    padding-left:10px;
    padding-bottom:6px;
}

.article_rating_column_right .name {
     font-style:italic;
}

.article_rating_column_right .comment {
     font-weight:bold;
}

#PlentyOrderPayPalExpressPanel{
        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;
} 