/* screenwork css framework (Fri, 07 May 2010 14:43:07 +0200) */

div#cmsAngebote div.rahmen, th, table.artikel {
    border: 1px solid #009231;
}

div#cmsAngebote div.rahmen  {
    border: 1px solid #009231;
    padding: 0em;
}

div#cmsAngebote table.artikel {
    border-width:  1px;
    border-style:  solid;
    margin-bottom: 0.5em;
    width:         100% ;
}

div#cmsRandomArticle .artikel {
    width: 51.8em;
}

.artikel td.bild, .artikel td.image {
    vertical-align: middle;
    width:          160px;
}

.artikel td.bild img {
}

.artikel td.bild p {
    padding: 0.5em;
}

div#cmsAngebote img.lupe {
    float: right;
}

div#cmsAngebote .artikel td.beschreibung, div#cmsAngebote .artikel td.description {
    border-left-width: 1px;
    border-style:      solid;
    padding:           1em;
    vertical-align:    top;
    font-size:     10px;

}

div#cmsArticle  td.description {
    border-left-width: 1px;
    border-style:      solid;
    padding:           1em;
    vertical-align:    top;
    font-size:     11px;

}

 div#cmsAngebote .artikel td.beschreibung h2,  .artikel td.description h2 {
    font-weight: bold;
    padding:     0em 0em 0.5em 0.5em;
}

div#cmsArticle  td.description h2 {
    font-weight: bold;
    color: #000;
    font-size:1.2em;
    padding:     0em 0em 0.5em 0.5em;
}

 .artikel td.beschreibung div.preis, .artikel .price {
    float:      left;
    height:     40px;
    margin-top: 0.5em;
    width:      125px;
}

div#cmsAngebote .artikel td.beschreibung div.preis p, div#cmsAngebote .artikel .price p {
    font-size:   17px;
    font-weight: bold;
    padding:     3px 20px 0px 0px;
    text-align:  right;
}


.artikel td.beschreibung div.topangebot, .artikel .is-top {
    height: 110px;
    width:  160px;
}

div#cmsAngebote  .artikel td.beschreibung div.topangebot p, div#cmsAngebote .artikel .is-top p {
    font-size: 20px;
    padding:   50px 25px 0px 0px;
}

.artikel td.beschreibung p.hinweis, .artikel .information {
    clear:      both;
    text-align: right;
}

#cmsArticle {
    height:        405px;
    padding-left:  0px;
    padding-right: 0px;
    position:      absolute;
    text-align:    left;
    top:           25px;
    width:         770px;
    z-index:       11;
    font-size:     62.5%;
}

#cmsArticle div.title span {
    font-weight: bold;
    float:       left;
    margin-left: 0px;
}


#cmsArticle div.title a {
    text-align: right;
    float:      right;
}

#cmsArticle table {
    clear:        both;
    width:        100%;
    height:       380px;
    margin-top:   0px;
    margin-left:  0px;
    border-width: 1px;
    border-style: solid;
}

#cmsArticle .description {
    vertical-align: top;
    padding-top:    40px;
}


#cmsArticle td.description {
    border-left: 1px solid #009231;
    padding:           1em;
    vertical-align:    top;
}

#cmsArticle table h2 {
    font-weight: bold;
    padding:     0px;
    margin:      0px;
}

#cmsArticle table .image {
    vertical-align: top;
    width:          380px;
}

#cmsArticle table .price {
    float:      left;
    height:     40px;
    width:      125px;
    background-image:url('/media/layout/preis-hintergrund-gruen.gif');
}

#cmsArticle table .price p {
    font-size:   17px;
    font-weight: bold;
    padding:     6px 19px 0px 0px;
    text-align:  right;
}

#cmsArticle table .description .is-top {
    height: 110px;
    width:  160px;
}

#cmsArticle table .description .is-top p {
    font-size: 1.8em;
    padding:   50px 25px 0px 0px;
}

#cmsArticle table .description .information {
    clear:      both;
    text-align: right;
    font-size:  10px;
}

div#cmsArticle div.links {
    margin-top:  1px;
    margin-left: 10px;
    width:       490px;
    margin-left: 260px;
}

#cmsArticle div.links a {
    color:     #fff;
    font-size: 13px;
}

#cmsArticle div.links .previous {
    float:  left;
    width:  130px;
    height: 15px;
}

#cmsArticle div.links .next {
    float: left;
    width: 130px;
}

#cmsArticle div.links .close {
    text-align: right;
    float:      right;
    width:      200px;
}

.mask {
    z-index:          2;
    position:         absolute;
    top:              0;
    left:             0;
    -moz-opacity:     0.5;
    opacity:          .50;
    filter:           alpha(opacity=50);
    background-color: #CCC;
    display:          block;
    width:            100%;
    height:           100%;
}

div.seitenzahlen div.ergebnisse {
    float: left;
}

div.seitenzahlen {
    margin-left: 0.5em;
}

div.seitenzahlen div.seiten {
    float: right;
}

div.seitenzahlen div.abstand {
    clear:  both;
    height: 0.5em;
}

div.seitenzahlen {
    clear:       left;
    padding-top: 0em;
}

a.seitenzahl, div.seitenzahlen strong {
    color:   #000;
    padding: 0.2em;
}

h2#angebote {
    margin-top:    0.5em;
    font-weight:   bold;
    border-bottom: 1px solid ;
}

a.blaettern, a.blaettern:visited {
    border:          1px solid ;
    display:         block;
    height:          1.2em;
    width:           1.2em;
    font-size:       1em;
    line-height:     1em;
    margin-top:      0.4em;
    margin-left:     0.2em;
    padding:         0em;
    text-decoration: none;
    text-align:      center;
    float:           left;
}

a.blaettern:hover, a.blaettern:focus {
    border: 1px solid ;
    height: 1.2em;
    width:  1.2em;
}

div.hgvkartikel {
    background-image: url("/media/layout/preis-hintergrund-gruen.gif");
}


.artikel {
    border-color: #009231 ;
}

div#cmsRandomArticle .artikel {
    width: 51.8em;
}

div#cmsRandomArticle td.description h2{
    padding:     0em 0em 0.5em 0.5em;
}


.artikel td.bild, .artikel td.image {
    background-color: #FFFFFF;
}

.artikel td.beschreibung, .artikel td.description {
    border-color:   #009231 ;
    padding:        1em;
    vertical-align: top;
}

.artikel td.beschreibung h2, .artikel td.description h2 {
    color: #000000;
}

.artikel td.beschreibung div.preis, .artikel .price {
    background-image: url(/media/layout/preis-hintergrund-gruen.gif);
}


.artikel td.beschreibung div.topangebot, .artikel .is-top {
    background-image: url(/media/layout/stern-preis-hintergrund.gif);
}

#cmsArticle {
    background-color: #009231;
}

#cmsArticle table {
    border-color:     #009231 ;
    background-color: #fff;
}

#cmsArticle table .description .is-top {
    background-image: url(/media/layout/stern-preis-hintergrund.gif);
}

.is-top p {
font-size:20px;
padding:50px 25px 0 0;
}

a.seitenzahl, div.seitenzahlen strong {
    color: #000;
}

h2#angebote {
    border-color: #009231;
}

a.blaettern, a.blaettern:visited {
    border-color:     #000 ;
    color:            #000;
    background-color: #F2F5D5;
}

a.blaettern:hover, a.blaettern:focus {
    border-color:     #fffdcc ;
    color:            #fff;
    background-color: #009231;
}

#cmsArticle td.description {
    border-color:     #009231 ;
    background-color: #F2F5D5;
}