/* StyleSheet for CreaTha [Produkte]*/
.infoholder{
    height: 300px;
    margin: 50px 50px;
}

.prdIMG_holder{
    height: 200px;
    width: 300px;
    float: left;
    border-top: solid 4px #afa;
    border-left:solid 4px #8d8;
    border-bottom: solid 4px #050;
    border-right:solid 4px #080;
    background: #000;
    color: #fff;
    text-align:center;
}

.prdIMG{
    height:200px;
}

.prdText{
    margin: 0px 350px;
    position:absolute;
    min-width: 300px;
    text-align: left;
}
.prdName{
    border-radius: 10px;
    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+ */
    text-align: center;
    color: #fff;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    white-space: nowrap;
}

.prdName h2{
    margin-top: 0;
    margin-bottom: 20px;
}

.prdBuy{
    margin-top:38px;
}

.description{
    position: absolute;
    margin: 275px 0;
    margin-right: 50px;
    border: solid 4px #080;
    border-radius: 10px;
    background: #fff;
    max-width:800px;
    min-height: 100px;
    padding: 5px;
    text-align: left;
    width: 100%;
}

.desSym{
    position: absolute;
    margin: 255px 15px;
    width: 95px;
    height: 20px;
    border-radius: 20px 20px 0 0;
    border: solid #000 1px;
    background: #0b0; /* 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+ */
    color: #fff;
    font-size: 12px;
}

.inCard:hover{
    text-decoration:underline;
}