/* CSS Document */

hr.clear{clear:both; margin:0px; border:none; margin-top:1px;}

/* allgemeine attribute einer artikelreihe */
div.article-row{width:688px; position:relative; clear:both; border-bottom:#999999 1px dotted;}

div.article-row.onecol{background-image:none;}
div.article-row.twocols{background-image:url(../../img/global/2cols.gif);}
div.article-row.fourcols{background-image:url(../../img/global/4cols.gif);}

div.article-row div.tombstone{margin-right:1px; background-color:#DDE2DC; overflow:hidden; }

div.article-row div *{}

/*allgeimeine attribute von textboxen im artikel */
div.article-row div p{padding-left:20px;clear:both;}

/* allgeimeine attribute des headline-containers */
div.article-row div p.headline{font-weight:bold; width:128px; overflow:hidden; margin-bottom:16px;}
div.article-row div.colspan2 p.headline{margin-top:1em;font-weight:bold; width:300px;}

div.article-row div h3{font-weight:bold; width:128px; overflow:hidden; margin-bottom:16px; font-size:12px; margin-left:20px;}

/* allgemeine attribute des text-containers */
div.article-row div p.text{overflow:hidden;text-overflow:ellipsis; margin-bottom:1.5em;}
div.article-row.long div p.text{overflow:hidden;text-overflow:ellipsis;}

/* drei punkte hinter den kurzen texten 
div.article-row div p.text:after{ content:"...";}*/

div.article-row div.colspan1.empty{height:200px;}

/* die breite des text-containers je nach colspan */
div.article-row div.colspan1 p.text{max-width:133px;} div.article-row div.colspan2 p.text{max-width:302px;} div.article-row div.colspan3 p.text{max-width:490px;} div.article-row div.colspan4 p.text{max-width:624px;}

/* allgemeine attribute des "mehr" textes (immer unten links) */
div.article-row div a.mehr{display:block; margin-top:20px; margin-bottom:21px; margin-left:20px; width:6em;} div.article-row div a.mehr img{height:15px; background-color:#D7DDD6;}

/* allgemeine attribute des bild-containers */
div.article-row div div { text-align:center; margin-bottom:12px; height:200px; background-color:#FFFFFF; margin-right:1px; overflow:hidden;}

/* allgemeine attribute des bildes im bild-container */	
div.article-row div div *{}
div.article-row div p.newprice{max-width:133px;}

/* die breite des bild-containers je nach colspan */
div.article-row div.colspan1 div{width:171px;} div.article-row div.colspan2 div{width:343px;} div.article-row div.colspan3 div{width:515px;} div.article-row div.colspan4 div{width:686px;}


/* allgemeine attribute des artikel containers */
div.article-row div {vertical-align:middle;float:left;}

/* die breite des artikel containers je nach colspan */
div.article-row div.colspan1{width:171px;} div.article-row div.colspan2{width:343px; overflow:hidden;} div.article-row div.colspan3{width:515px;} div.article-row div.colspan4{width:687px;}

div.colspan4 p.headline{min-width:400px;}
/* rollover für artikelboxen */
/*div.article-row div:hover {background-color:#B0B5AF;}*/

/* besondere vervorhebungen für "lange"(long) artikel */

/*für artikel reihen ohne bild*/
div.article-row.noimg{height:220px !Important;}
div.article-row.noimg div {height:220px !Important;}
div.article-row.noimg div p.text{ }
div.article-row.noimg div p.headline{}


table.listing{ margin-left:20px;}