/* Anfang #Die Div Klassen für die Anzeige der Vorschau auf der Homepage  */

.div-produkt-view-outer-wrapper-300x200, .div-produkt-view-outer-wrapper-250x170, .div-produkt-view-outer-wrapper-150x100{
    background-color:silver;
    opacity:0.8;
    min-height:500px;
}

.DivProduktViewWrapper, .DivProduktViewWrapper300x200, .DivProduktViewWrapper250x170, .DivProduktViewWrapper150x100 {
    /*border:solid 1px green;*/
    /*text-align:center;*/
    /*margin-bottom:15px;*/
    /*background-color:#bbbbbb;*/
    /*background-color:white;
    margin:0 5px 5px 0;*/

}

.DivProduktView, .DivProduktView300x200, .DivProduktView250x170, .DivProduktView150x100,
.div-abview, .div-abview-300x200, .div-abview-250x170, .div-abview-150x100 {
    background-color:white;
    margin:0 5px 5px 0;
    /*border:solid thin;*/
    /*position:relative;*/
    background-position: center center;
    background-size:80%; 
    /*background-color:none;*/
    background-repeat: no-repeat;
    cursor:pointer;
    min-height:1em;
    float:left;
    /*margin-bottom:10px;*/
    /*opacity:1;*/

}

/*.DivProduktView, .DivProduktView300x200, .DivProduktView250x170, .DivProduktView150x100,
.div-abview, .div-abview-300x200, .div-abview-250x170, .div-abview-150x100 {
}*/
.DivProduktView300x200, .div-abview-300x200{
    width:300px; 
    height:200px;
    font-size:9pt;
}
.DivProduktView250x170, .div-abview-250x170{
    /*border:solid 1px yellow;*/
    width:250px; 
    height:170px; 
    font-size:8pt;
    /*margin:0 0 0 auto;*/
    /*padding:0 10px 0 0;*/
}
.DivProduktView150x100, .div-abview-150x100{
    width:150px; 
    height:100px;
    font-size:8pt; 
}

.DivProduktViewFilterWrapper{
    position:relative;
    min-height:1px;
    width:100%;
    height:100%;
    top:0; 
    left:0;
}

.DivProduktViewFilterText,
.DivProduktViewFilterText300x200, .DivProduktViewFilterText250x170, .DivProduktViewFilterText150x100,
.DivProduktViewFilterText40, .DivProduktViewFilterText30, .DivProduktViewFilterText20{
    position:absolute;
    min-height:1px;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-color:white;
    width:80%;
}
.DivProduktViewFilterText{
    height:100%;
}
.DivProduktViewFilterText300x200{
    height:40px;
    left:10%;
}
.DivProduktViewFilterText250x170{
    height:30px;
    left:10%;
}
.DivProduktViewFilterText150x100{
    height:20px;
    left:10%;
}
.DivProduktViewFilterText40{
    height:40px;
}
.DivProduktViewFilterText30{
    height:30px;
}
.DivProduktViewFilterText20{
    height:20px;
}

.DivProduktViewProduktText,
.DivProduktViewProduktText300x200, .DivProduktViewProduktText250x170, .DivProduktViewProduktText150x100,
.DivProduktViewProduktText40, .DivProduktViewProduktText30, .DivProduktViewProduktText20{
    position:absolute;
    min-height:1em;
    text-align:left;
    vertical-align:middle;
    margin:0 0 0 5px;
    color: #000000;
}
.DivProduktViewProduktText{

}
.DivProduktViewProduktText300x200{
    height:40px;
    font-size:1.4em;
    left:10%;
    margin:8px 0 0 5px;
}
.DivProduktViewProduktText250x170{
    height:30px;
    font-size:1.2em;
    left:10%;
    margin:4px 0 0 5px;
}
.DivProduktViewProduktText150x100{
    height:20px;
    font-size:1em;
    left:10%;
    margin:2px 0 0 5px;
}
.DivProduktViewProduktText40{
    height:40px;
    font-size:1.4em;
    margin:8px 0 0 5px;

}
.DivProduktViewProduktText30{
    height:30px;
    font-size:1.2em;
    margin:4px 0 0 5px;

}
.DivProduktViewProduktText20{
    height:20px;
    font-size:1em;
    margin:2px 0 0 5px;
}

.DivProduktViewProduktImageSale40, .DivProduktViewProduktImageSale30, .DivProduktViewProduktImageSale20{
    position:absolute;
    right:2px;
    /*min-height:60px;*/
    background-size:100%;
    background-repeat: no-repeat;
    /*background:no-repeat;*/
}
.DivProduktViewProduktImageSale40{
    top:15px;
    width:84px;
    min-height:80px;
}
.DivProduktViewProduktImageSale30{
    top:10px;
    width:64px;
    min-height:60px;
}
.DivProduktViewProduktImageSale20{
    top:5px;
    width:44px;
    min-height:50px;
}

.DivProduktViewProduktImageAusverkauft40, .DivProduktViewProduktImageAusverkauft30, .DivProduktViewProduktImageAusverkauft20{
    position:absolute;
    left:2px;
    /*min-height:90px;*/
    background-size:100%;
    background-repeat: no-repeat;
}
.DivProduktViewProduktImageAusverkauft40{
    top:40px;
    min-height:120px;
    width:128px;
}
.DivProduktViewProduktImageAusverkauft30{
    top:30px;
    min-height:90px;
    width:104px;
}
.DivProduktViewProduktImageAusverkauft20{
    top:20px;
    min-height:60px;
    width:64px;
}


.DivProduktViewFilterPreis,
.DivProduktViewFilterPreis300x200, .DivProduktViewFilterPreis250x170, .DivProduktViewFilterPreis150x100, 
.DivProduktViewFilterPreis40, .DivProduktViewFilterPreis30, .DivProduktViewFilterPreis20{
    position:absolute;
    min-height:1em;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-color:white;
}
.DivProduktViewFilterPreis{
    height:100%;
    width:60px;
}
.DivProduktViewFilterPreis300x200{
    height:40px;
    width:calc(100% - 20%);
    top:160px;
    left:10%;
}
.DivProduktViewFilterPreis250x170 {
    height:30px;
    width:calc(100% - 20%);
    top:140px;
    left:10%;
}
.DivProduktViewFilterPreis150x100{
    height:20px;
    width:calc(100% - 20%);
    top:80px;
    left:10%;
}
.DivProduktViewFilterPreis40{
    height:40px;
    width:70px;
    top:60px;
    left:calc(80px - 10%);
}
.DivProduktViewFilterPreis30{
    height:30px;
    width:160px;
    top:140px;
    left:calc(90px - 10%);
}
.DivProduktViewFilterPreis20{
    height:20px;
    width:90px;
    top:80px;
    left:60px;
}

.DivProduktViewProduktPreis,
.DivProduktViewProduktPreis300x200, .DivProduktViewProduktPreis250x170, .DivProduktViewProduktPreis150x100,
.DivProduktViewProduktPreis40, .DivProduktViewProduktPreis30, .DivProduktViewProduktPreis20{
    position:absolute;
    min-height:1em;
    padding:0 5px 0 0;
    text-align:right; 
    vertical-align: middle; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.2em;
    color: #000000; 
    font-weight: bold;
    width:100%;
}
.DivProduktViewProduktPreis300x200{
    height:40px;
    font-size: 2em;
    top:155px;
    width:calc(100% - 10%);
    padding:8px 5px 0 0;
}
.DivProduktViewProduktPreis250x170{
    height:30px;
    font-size: 1.8em;
    top:140px; 
    width:calc(100% - 10%);
    padding:4px 5px 0 0;
}
.DivProduktViewProduktPreis150x100{
    height:20px;
    font-size: 1em;
    top:80px;
    width:calc(100% - 10%);
    padding:2px 5px 0 0;
}
.DivProduktViewProduktPreis40{
    height:40px;
    font-size: 2em;
    top:60px;
    width:calc(100% - 10%);
    padding:8px 5px 0 0;
}
.DivProduktViewProduktPreis30{
    height:30px;
    font-size: 1.8em;
    top:140px; 
    width:calc(100% - 10%);
    padding:4px 5px 0 0;
}
.DivProduktViewProduktPreis20{
    height:20px;
    font-size: 1em;
    top:80px;
    width:calc(100% - 10%);
    padding:2px 5px 0 0;
}

/*Anfang Class für Sonderpreise*/
.ProduktViewAlterPreis40, .ProduktViewAlterPreis30, .ProduktViewAlterPreis20{
    text-decoration:line-through;
}
.ProduktViewAlterPreis40{
    font-size:0.7em;
}
.ProduktViewAlterPreis30{
    font-size:0.7em;
}
.ProduktViewAlterPreis20{
    font-size:0.75em;
}

.ProduktViewNeuerPreis40, .ProduktViewNeuerPreis30, .ProduktViewNeuerPreis20{
    color:red;
}
.ProduktViewNeuerPreis40{
    font-size:1.1em;
}
.ProduktViewNeuerPreis30{
    font-size:1.1em;
}
.ProduktViewNeuerPreis20{
    font-size:1.1em;
}

.ProduktViewMwStHinweis40, .ProduktViewMwStHinweis30, .ProduktViewMwStHinweis20{
    color:black;
}
.ProduktViewMwStHinweis40{
    font-size:0.5em;
}
.ProduktViewMwStHinweis30{
    font-size:0.45em;
}
.ProduktViewMwStHinweis20{
    font-size:0.5em;
}
/*Ende Class für Sonderpreise*/

/*Hover effekte*/
.DivProduktViewFilterText:hover,
.DivProduktViewFilterText300x200:hover, .DivProduktViewFilterText250x170:hover, .DivProduktViewFilterText150x100:hover,
.DivProduktViewFilterText40:hover, .DivProduktViewFilterText30:hover, .DivProduktViewFilterText20:hover {
    /*background-color:#DDDDDD;
    width:100%;
    left:0;*/
}

.DivProduktViewProduktPreis:hover{
    opacity:1;
    filter:alpha(opacity=100);
}

.DivProduktView:hover,
.DivProduktView300x200:hover, .DivProduktView250x170:hover, .DivProduktView150x100:hover,
.div-abview:hover, .div-abview-150x100:hover, .div-abview-250x170:hover, .div-abview-300x200:hover {
    background-size:100%;
} 

/* Ende #Die Div Klassen für die Anzeige der Vorschau auf der Homepage  */

/* Die Div Klassen für die Anzeige auf der Detailansicht */

.DivProduktDetailWrapper{
}

.DivProduktDetailTitel{
    font-size:1.8em;
    font:bold;
}
.DivProduktDetailText{
}

.DivProduktDetailImages{
    float:right;
    min-width:226px;
    max-width:380px;
}

.DivProduktDetailPreis{
    width:100%;
    text-align:right;
}
.DivProduktDetailPreis .Text{
    font-size:0.8em;
}
.DivProduktDetailPreis .AlterPreis{
    font-size:1.5em;
    text-decoration:line-through;
}
.DivProduktDetailPreis .NeuerPreis{
    font-size:3em;
    font-weight:bold;
    color:red;
}
.DivProduktDetailPreis .Preis{
    font-size:3em;
    font-weight:bold;
}
.TextSmall{
    font-size:0.8em;
}

.DivProduktDetailVariante{
    /*border:1px solid silver;*/
    width:100%;
}

.DivProduktDetailMengeInhalt{
    width:100%;
}

.DivProduktDetailBasketButton{
    width:100%;
    /*clear:both;*/
}

/* Die Div Klassen für das GrößenVrianten Control */

.DivVariantenControl{
    /*border:4px solid orange;*/
    min-height:1em;
    width:100%;
}
.DivGroessenControl{
    /*border:5px solid blue;*/
    min-height:1em;
    width:100%;

}
.DivVarianteWrapper{
    /*border:1px solid green;*/
    width:200px;
    float:left;
}

.DivVariante{
    /*border:2px solid blue;*/
    font-size:1.3em;
    width:100%;
    color:green;
}
.DivVariation{
    /*border:2px solid blue;*/
    font-size:0.9em;
    width:100%;
    /*height:20px;*/
}

.DivVariation input[type="radio"] {
    padding:1px;
}

.DivVariation label{
    margin-left:3px;
}

.DivLSelectItemVariation{
    /*border:2px solid blue;*/
    color:red;
    width:100%;
    font-size:0.9em;
    float:left;
}
.DivVariationImage{
    /*border:2px solid green;*/
    float:left;
    min-height:1em;
    width:150px;
}
.DivBreak {
    clear: both;
}

/* Die Div Klassen für das Vote Control */
.vote-wrapper150, .vote-wrapper250, .vote-wrapper300{
    margin:2px 0 0 0;
    /*background-position:2px;*/
    /*background-image: url('/App_Themes/Image/RatingControlFill.png');*/
    background-repeat: no-repeat; 
    /*background-size: 72.4% 100%;*/
}
.vote-wrapper150{
    height:16px;
    width:80px;
}
.vote-wrapper250{
    height:20px;
    width:100px;
}
.vote-wrapper300{
    height:24px;
    width:120px;
}
.vote-stars{
    width:100%
}