/* StyleSheet for CreaTha [Produkte]*/

*{  
    margin: 0px;
}
    
#list_header{
    background: #0a0; /* for non-css3 browsers */
    background: -ms-linear-gradient(top, #3c3,  #080); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3c3), to(#080)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #3c3,  #080); /* for firefox 3.6+ */
    border-radius:10px 10px 0 0;
    color: #fff;
    text-align:left;
    height: 35px;
}


#list_header .liefer, .prodrow .col.liefer{
    width: 130px;
    padding-right:8px;
    padding-left:0px;
    text-align: right;
}

#list_header .preis, .prodrow .preis{
    width: 100px;
}

#list_header .name{
    padding: 4px 16px;
}

#list_header .col{
    float: right;
    border-left: 1px solid #000;
    text-align: center;
    cursor: pointer;
    padding: 4px 0px 0px 8px;
}

#list_footer{
    background: #0a0; /* for non-css3 browsers */
    background: -ms-linear-gradient(top, #3c3,  #080); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3c3), to(#080)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #3c3,  #080); /* for firefox 3.6+ */
    border-radius:0px 0px 10px 10px;
    color: #fff;
    text-align:left;
    height: 35px;
}

#list_footer .col{
    float: right;
    border-left: 1px solid #000;
    text-align: center;
    padding: 4px 0px 0px 8px;
}

#list_footer .summ{
    width: 92px;
    padding-right:16px;
    padding-left:0px;
    text-align: right;
}

#list_footer .text{
    width: 150px;
    float: right;
    text-align: center;
    padding: 4px 0px 0px 8px;
}

.prodrow{
    display:block;
    overflow:hidfden;
    height:88px;
    position:relative;
    border: 1px solid transparent;
}

.prodrow:hover{
    border-color: #0a0;
}

.prodrow .name{
    text-align:left;
    margin-left: 153px;
    margin-top: 14px;
    margin-right: 14px;
}

.prodrow .name h4{
    font-weight: normal;
    color: #000;
}

.prodrow .name p{
    color: #666;
    font-size: 14px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prodrow .preis, .prodrow .liefer{
    float: right;
    padding: 4px 0px 0px 8px;
    margin-left: 1px;
    margin-top: 30px;
    color: #000
}

.prodrow:nth-child(odd){
    
}

.prodrow:nth-child(even){
    
}

.prodrow.empty:hover{
     border-color: transparent;
}

.prodrow .image{
    left: 16px;
    top: 8px;
    position: absolute;
    border-top: solid 2px #afa;
    border-left:solid 2px #8d8;
    border-bottom: solid 2px #050;
    border-right:solid 2px #080;
    font-size:12px;
    background:#000;
    height:67px;
    width:100px;
    color:#fff;
}



.thumb{
    height:67px;
    
}

.listholder{
    width:900px;
    margin: 25px auto;
}