@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) central stylesheet
* (de) entrales Stylesheets
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.5.1
*/


/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

  @import url(css/screen/basemod.css);
  /*@import url(css/screen/basemod_3col_fixed.css);*/
  /* Variable order and use of content columns */
  /* Change patch-File in javascript/general.js.php too */

  /* import 3 columns fix | 3 Spalten fixe Breite einbinden - default */
  /* @import url(css/screen/basemod_3col_fixed.css);*/

  /* import 3 columns flexible | 3 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_3col_flex.css); */

  /* import 2 columns flexible | 2 Spalten flexible Breite einbinden */
  /* @import url(css/screen/basemod_2col_flex_13.css); */

  /* import 2 columns fix | 2 Spalten fixe Breite einbinden */
  @import url(css/screen/basemod_2col_fixed_13.css);
  @import url(css/screen/content.css);
  @import url(css/screen/boxes.css);
  @import url(css/screen/categorie_listing.css);
  @import url(css/screen/categorie_navigation.css);
  @import url(css/screen/module.css);
  @import url(css/screen/product_info.css);
  @import url(css/screen/product_listing.css);
  @import url(css/screen/product_options.css);
  /*@import url(css/screen/top_navigation_shinybuttons.css);*/
  @import url(css/screen/top_navigation_slidingdoor.css);

/* import print layout | Druck-Layout einbinden */
  @import url(css/print/print_003.css);

.imedes_konfigurator {
}
.imedes_konfigurator h3.headingoptiongroup {
        cursor: pointer;
        cursor: hand;
        padding: 1px 5px;
        background: #666666;
        color:#ffffff;
        font-size:12px;
        margin:0px 0px 5px 0px;;
}
.imedes_konfigurator .openpet{
}
.imedes_konfigurator h3.headingoptionvalue {
        cursor: hand;
        cursor: pointer;
        font: bold 11px Verdana;
        margin: 0px;
        padding:0px;
        }
.accordprefix {
        float:right;
        padding-top:3px;
        }
div.HeadingOverview {
        font-family: Verdana,Arial,sans-serif;
        font-size: 10px;
        font-weight: bold;
        background-color: #666666;
        height: 17px;
        color: #ffffff;
        text-align:center;
        }
* html div.infoBoxHeading {
        font-family: Verdana,Arial,sans-serif;
        font-size: 10px;
        font-weight: bold;
        background-color: #666666;
        height: 17px;
        color: #ffffff;
        width:160px;
        text-align:center;
        }
.boxOverview {
        position:absolute;
        width:160px;
        top:120px;
        margin-left:10px;
        }
.boxOverviewOuter {
        height:400px;
        overflow:auto;
        }
* html .boxOverview {
        position:absolute;
        width:160px;
        top:120px;
        margin-left:-140px;
        }
.boxOverview_Content {
        width:100%;
        background-color:#e6e6e6;
        border:1px solid #666666;
        font-size:10px;
        text-align:left;
        }
.boxOverview h3 {
        display:inline;
        padding:0px;
        margin:0px;
        font-size:16px;
        }
.boxOverview textarea {
        width:150px; height:40px;font-size:10px;
        }
/* --- START Tab Menü --- */
@media projection, screen {
.ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.ui-tabs-nav, .ui-tabs-panel {
                width:100%;
                }
.ui-tabs-nav {
                list-style: none;
                margin: 0;
                padding: 0 0 0 0px;
                }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
                display: block;
                clear: both;
                content: " ";
                }
.ui-tabs-nav li {
                float: left;
                margin: 0 0 0 1px;
                min-width: 84px;
                }
.ui-tabs-nav a, .ui-tabs-nav a span {
                display: block;
                padding: 0 10px;
                background: url(img/tab.png) no-repeat;
                }
.ui-tabs-nav a {
                margin: 1px 0 0;
                padding-left: 0;
                color: #ffffff;
                font-weight: bold;
                line-height: 1.2;
                text-align: center;
                text-decoration: none;
                white-space: nowrap;
                outline: 0;
                }
.ui-tabs-nav .ui-tabs-selected a {
                position: relative;
                top: 1px;
                z-index: 2;
                margin-top: 0;
                color: #FFF;
                }
.ui-tabs-nav a span {
                width: 64px;
                min-width: 64px;
                height: 18px;
                min-height: 18px;
                padding-top: 6px;
                padding-right: 0;
                text-decoration: none;
                color:#FFF;
                }
*>.ui-tabs-nav a span {
                width: auto;
                height: auto;
                }
.ui-tabs-nav .ui-tabs-selected a span {
                padding-bottom: 1px;
                }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
                background-position: 100% -150px;
                }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
                background-position: 100% -100px;
                }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
                background-position: 0 -50px;
                }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
                background-position: 0 0;
                }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
                cursor: text;
                }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
                cursor: pointer;
                }
.ui-tabs-disabled {
                opacity: .4;
                filter: alpha(opacity=40);
                }
.ui-tabs-panel {
                padding:5px;
                }
.ui-tabs-loading em {
                padding: 0 0 0 20px;
                background: url(img/loading.gif) no-repeat 0 50%;
                }
* html .ui-tabs-nav {
                display: inline-block;
                }
*:first-child+html .ui-tabs-nav  {
            display: inline-block;
                }
/* Imedes Volumen und Flächen Rechner www.imedes.de */

.extra_objects {
        }
.extra_objects input.price_unit {
        border:0px;width:100%;
        }
.extra_objects input.volume_area {
        border:0px;width:100%;
        }
.extra_objects input.price {
        border:0px;
        font-weight:bold;
        width:100%;
        }
.extra_objects .errormessage {
        color: #800000; font-weight: bold; font-size:10px;
        }

/*OPTMOD*/

.atr_item{
border:1px solid #FFCF9A;clear:both;float:left;width:700px; padding:5px;margin-bottom:1px; margin-right:10px;cursor:pointer;
}
.atr_item:hover{
        background: #000 !important;
}
.atr_item1{
border:1px solid #FFCF9A;float:left;width:159px; padding:5px;margin-bottom:1px; margin-right:10px;cursor:pointer;overflow:hidden;
}
.atr_item1 img{
        width:129px;
        height:50px;
        margin:0px !important;
}
.atr_item1:hover{
        background: #000 !important;
}
.atr_item2{
border:1px solid #FFCF9A;float:left;width:159px; padding:5px;margin-bottom:1px; margin-right:10px;cursor:pointer;overflow:hidden;
}
.atr_item2 img{
        display:none;
}
.atr_item1:hover{
        background: #000 !important;
}
.area_block, .finish{
border:1px solid #FFCF9A;clear:both;float:left;width:700px; padding:5px;margin-bottom:1px; margin-right:10px;
background:#fef2e4;position:relative;
min-height:100px;
padding-bottom:40px;
}
.finish{margin-bottom:10px;}
.area_block td{
        border:0px;

}

.addCart{
        /*display:none;*/
}
.options {
        position:relative;
}
.btnback{
                background:url("img/zurueck_button.gif") no-repeat scroll 0 0 transparent;
        border:0 none;
        cursor:pointer;
        height:21px;
        outline:medium none;
        position:absolute;
        right:20px;
        top:5px;
        width:72px;
}
.next_button{
                background:url("img/next_atr.gif") no-repeat scroll 0 0 transparent;
        border:0 none;
        cursor:pointer;
        height:33px;
        outline:medium none;
        position:absolute;
        right:20px;
        bottom:10px;
        width:100px;
}
.options h2{
        background:url("img/sliding_door/background_top_navi.gif") repeat-x scroll left top transparent;
border:1px solid #ffcc00;
color:#fff;
margin-right:13px;
padding:5px;
}
.rez_atr_name{
        clear:both;
        color:#FF8600 !important;
        display:block;
        float:left;
        font-size:10px;
        line-height:20px;
        margin-right:15px;
        text-align:right;
        width:270px;
}
.productAttributes .rez_atr_name{width:215px;}
.productAttributes td{
        border:0px;
}
.productAttributes tr{
        border-bottom:1px solid #ccc;
}
.rez_value{
        line-height:20px;
        font-size:14px;
        max-width:140px;
}
.prodPriceInfo1{
        margin-right:20px;
}
.tocart{
        background:url("img/tocart.gif") no-repeat scroll 0 0 transparent;
        border:0 none;
        bottom:10px;
        height:24px;
        position:absolute;
        right:9px;
        width:224px;
        cursor:pointer;
}

/*----AREA-----*/
.area_type{
        width:400px;
        height:340px;
        position:relative;
        float:left;
}
/*----------------------*/
.top_size{
        position:absolute;
        left:100px;
        width:200px;
        height:40px;
}
#tl_size{
        position:absolute;
        left:20%;
}
#tr_size{
        position:absolute;
        right:20%;
}
#slider-top{
        position:absolute;
        bottom:0px;
}
/*----------------------*/
.left_size{
        position:absolute;
        top:60px;
        left:0px;
        height:200px;
        width:80px;
        text-align:right;
}
#lt_size{
        position:absolute;
        left:0;
        top:20%;
}
#lb_size{
        position:absolute;
        left:0;
        bottom:25%;
}
#slider-left{
        position:absolute;
        right:0px;
}
/*----------------------*/
.right_size{
        position:absolute;
        top:60px;
        right:0px;
        height:200px;
        width:80px;
        text-align:left;
}
#rt_size{
        position:absolute;
        right:0;
        top:20%;
}
#rb_size{
        position:absolute;
        right:0;
        bottom:25%;
}
#slider-right{
        position:absolute;
        left:0px;
}
.preview{
        position:absolute;
        width:200px;
        height:200px;
        top:60px;
        left:100px;
        background:#ccc;
}
#full_img{
        display:none;
        position:fixed;
        padding:5px;
        background:#fff;
        border:1px solid #ccc;
        right:0;
        top:0;
        z-index:999;
}
#full_img img{
        /*max-width:500px*/
}
.jalusi{
         width:605px;height:45px;margin-bottom:1px;
}
.productListing1ColBuyButton{display: none;}