* { padding: 0; margin: 0; font-family: Arial; font-size: 12px; }
table { width: 1000px; border-collapse: separate; border: 1px solid #830303; margin: 5px; } /* Temp: 5px Margin zum Testen */
/* thead */
table thead { background: url("images/thead-bg.png") repeat-x scroll left top black; height: 45px; color: white; font-size: 14px;}
table thead th { background: url("images/thead-th-sep.png") repeat-y scroll right top transparent; }
table thead th#anbieter { width: 110px; }
table thead th#mehrinfos { background: none; }
/* tbody */
table tbody tr.alt { background: url('images/tr-alt-bg.png') repeat-x; }
table tbody tr td { border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px;}
table tbody tr td.mehrdetails { border-right: none; border-top: 1px solid #CCC; padding: 10px;}
/* tbody: Anbieter */
table tbody tr td.anbieter { width: 120px; }
table tbody tr td.anbieter .anbieter  .partnervermittlung{ background: url('images/partnervermittlung.png') no-repeat; height: 27px; }
table tbody tr td.anbieter .anbieter  .kontaktanzeigen{ background: url('images/singleboerse.png') no-repeat; height: 26px; }
table tbody tr td.anbieter .anbieter  .logo{ border: 1px solid black; width: 143px;} 
table tbody tr td.anbieter .anbieter  { width: 145px;} 
table tbody tr td.anbieter .testurteil  { width:145px;}
table tbody tr td.anbieter .testurteil .test{ background: url('images/testurteil.png') no-repeat; height: 26px; margin-top: 10px;}
table tbody tr td.anbieter .testurteil .urteil{ background: url('images/urteil-bg.png') repeat-x; height: 24px; width: 136px; border: 1px solid black; font-weight: bold; color: white; font-size: 12px; line-height: 25px; padding-left: 7px;}
table tbody tr td.anbieter .testurteil .urteil small{ padding: 0 7px; float: right;}
/* tbody: Mitglieder */
table tbody tr td.mitglieder { width: 100px; }
table tbody tr td.mitglieder div.male { background: url("images/male.png") no-repeat scroll 0 6px transparent; font-weight: bold; padding: 5px 0 5px 24px; margin: 0 10px; }
table tbody tr td.mitglieder div.male span.male { color: #235c97; }
table tbody tr td.mitglieder div.female { background: url("images/female.png") no-repeat scroll 0 6px transparent; font-weight: bold; padding: 5px 0 5px 24px; margin: 0 10px;}
table tbody tr td.mitglieder div.female span.female { color: #bf0008; }
table tbody tr td.mitglieder div.alter { background: url("images/alter.png") no-repeat scroll 0 10px transparent; font-weight: bold; padding: 5px 0 5px 27px; margin: 0 7px; }
table tbody tr td.mitglieder div.alter span.alter { color: #6c5406; }
table tbody tr td.mitglieder div.sep { background: url('images/sep.png') repeat-x; height: 3px; }
/* tbody: Mitglieder */
table tbody tr td.mitgliedschaft { width: 120px; }
table tbody tr td.mitgliedschaft div.sep { background: url('images/sep.png') repeat-x; height: 3px; }
table tbody tr td.mitgliedschaft div.kostenlos { background: url("images/anmeldung.png") no-repeat scroll 0 0 transparent; font-weight: bold; padding: 5px 0 5px 52px; margin: 0 10px 10px 10px; }
table tbody tr td.mitgliedschaft div.kostenlos span.kostenlos { color: #266600;}
table tbody tr td.mitgliedschaft div.premium { background: url("images/premium.png") no-repeat scroll 0 0 transparent; font-weight: bold; padding: 5px 0 5px 52px; margin: 10px 10px 0;}
table tbody tr td.mitgliedschaft div.premium  span.premium{ color: #bf0008; }
/* tbody: Grundfunktionen */
table tbody tr td.grundfunktionen { width: 160px; }
table tbody tr td.grundfunktionen div.sep { background: url('images/sep.png') repeat-x; height: 3px; margin: 5px 0;}
table tbody tr td.grundfunktionen div.kostenlos { font-weight: bold; padding: 0 5px; }
table tbody tr td.grundfunktionen div.kostenlos span.kostenlos { color: #266600;}
table tbody tr td.grundfunktionen div.premium { font-weight: bold; padding: 0 5px; }
table tbody tr td.grundfunktionen div.premium  span.premium{ color: #bf0008; }
/* tbody: Besonderheiten */
table tbody tr td.besonderheiten { padding: 5px 10px; }
table tbody tr td.besonderheiten ul { list-style: none; }
table tbody tr td.besonderheiten ul li { font-size: 11px; background: url("images/list.png") no-repeat scroll left center transparent;  padding: 5px 5px 5px 25px; border-bottom: 1px solid #CCC;}
/* tbody: mehr Details */
table tbody tr td.mehrdetails { width: 100px; text-align: center;}
table tbody tr td.mehrdetails .detail-button { padding-bottom: 10px; }
/* tbody: qTip */
div#qTip { padding: 10px; border: 3px solid #000; display: none; background: #b30007; /* #999; */ color: #FFF; /*#FFF; */ font: normal 11px Verdana, Arial, sans-serif; text-align: left; width: 260px; position: absolute; z-index: 1000; cursor: help;}
abbr.glossary, abbr.myClass { border-bottom: dotted; border-color: #000; border-width: thin; cursor: help;}
