/* #############################################
JM NRW - www.justiz-auktion.de
CSS 2.1 fuer standardkonforme Browser
Formate fuer Inhaltsseiten
(c) 2009 Webworker GmbH, Koeln
info@webworker-gmbh.de
Vorkommende Farbangaben:
Hellgrau:    #e3e4e5 - rgb(227,228,229)
Dunkelgrau:  #9c9d9f - rgb(156,157,159)
Blau:        #003882 - rgb(0,56,130)
Rot:         #a5032f - rgb(165,3,47)
############################################# */


/* Layoutcontainer ++++++++++++++++++++++++++ */

#colmain #breadcrumbs /* Ariadnepfad (Breadcrumbs) */
{
font-weight: bold;
color: #003882;
padding: 8px 0 6px 15px;
}

/* Tabelle fuer Auktionslisten Beginn */

#colmain table.list
{
width: 100%;
margin-top: 1px;
border-collapse: collapse;
}

#colmain table.list thead /* Tabellenkopf */
{
background: url("../images/chrome/gradient_grey_table.gif") repeat-x 0 0;
border: 1px solid #9c9d9f;
}

#colmain table.list thead th /* Tabellenkopfzellen */
{
padding: 4px 2px;
}

#colmain table.list tbody td /* Datenzellen, gesamter Inhalt rechtsbuendig */
{
padding: 5px;
text-align: right;
vertical-align: middle;
border: 1px solid #e3e4e5;
}

#colmain table.list tbody td a /* Links fuer Artikelnamen, Text linksbuendig */
{
display: block;
font-weight: bold;
text-align: left;
}

#colmain table.list tbody td img /* Bild in Bildspalte, zentriert mit Umrandung */
{
display: block;
width: 32px;
height: 32px;
margin-left: 5px;
margin-right: -2px;
text-align: center;
border: 1px solid #e3e4e5;
}

#colmain table.list tbody td img.icon /* Icons fuer Versandart */
{
display: block;
text-align: center;
width: auto;
height: auto;
margin: 0 0 0 10px;
border: 0;
}

#colmain table.list tbody td.navpages /* Blaetterleiste unten */
{
text-align: center;
font-weight: bold;
border: 0;
}

#colmain table.list tbody td.navpages a /* Linkeigenschaft "block" hier wieder aufheben */
{
display: inline;
}

#colmain table.list thead th a:link, /* Eingenschaften fuer alle Links in der Tabelle */
#colmain table.list thead th a:visited,
#colmain table.list tbody td a:link,
#colmain table.list tbody td a:visited,
#colmain table.list tbody td.navpages a:link,
#colmain table.list tbody td.navpages a:visited
{
color: #003882;
text-decoration: none;
}

#colmain table.list thead th a:hover,
#colmain table.list thead th a:active,
#colmain table.list thead th a:focus,
#colmain table.list tbody td a:hover,
#colmain table.list tbody td a:active,
#colmain table.list tbody td a:focus,
#colmain table.list tbody td.navpages a:hover,
#colmain table.list tbody td.navpages a:active,
#colmain table.list tbody td.navpages a:focus
{
color: #a5032f;
text-decoration: underline;
}

/* Tabelle fuer Auktionslisten Ende */

/* Detailansicht Beginn */

#detail h1, /* Hauptueberschrift: Artikelbezeichnung und Artikel-ID */
#formular h1
{
font-size: 100%;
color: #003882;
padding: 3px 14px;
margin-bottom: 15px;
background: url("../images/chrome/gradient_grey_table.gif") repeat-x 0 0;
border: 1px solid #9c9d9f;
}

#formular h1
{
margin-left: -15px;
}

#detail h2 /* Zwischenueberschriften */
{
clear: both;
font-size: 100%;
color: #003882;
margin: 2em 0 0.5em 0;
padding: 0 15px;
border-bottom: 1px solid #e3e4e5;
}

#detail p,
#detail ul
{
line-height: 140%;
margin: 5px 15px;
}

#detail ul
{
margin-left: 30px;
}

#detail table.article /* Tabelle fuer Auktionsdaten */
{
float: left;
width: 373px;
font-weight: bold;
margin: 0 40px 2em 15px;
border: 0;
border-collapse: collapse;
}

#detail table.article tr
{
vertical-align: top;
border-bottom: 1px solid #e3e4e5;
}

#detail table.article td
{
padding: 2px 0;
}

#detail table.article td p
{
margin: 0;
padding: 0;
}

#detail table.article td strong /* Fett und blau */
{
font-weight: bold;
color: #003882;
}

#detail table.article td em /* Fett und rot */
{
font-style: normal;
font-weight: bold;
color: #a5032f;
}

#detail table.article td a
{
margin-left: 10px;
padding-left: 10px;
background: url("../images/chrome/li_gt.gif") no-repeat 0 4px;
}

#detail table.article td a:link,
#detail table.article td a:visited
{
color: #003882;
text-decoration: none;
}

#detail table.article td a:hover,
#detail table.article td a:active,
#detail table.article td a:focus
{
color: #a5032f;
text-decoration: underline;
}

#detail table.article td img
{
padding: 0 5px;
vertical-align: middle;
}

#detail table.article td form
{
margin-bottom: 4px;
}

#detail table.article td label
{
display: block;
text-align: right;
margin-top: 5px;
margin-right: 5px;
}

#detail table.article td input
{
width: 120px;
padding: 2px 2px;
margin: 3px 0;
font-size: 90%;
letter-spacing: 1px;
text-align: right;
font-weight: bold;
border: 1px solid #9c9d9f;
}

#detail table.article td div.formbutton, /* Huelle fuer Button, um die Ecken abzurunden */
#formular div.formbutton,
#formular td div.formbutton
{
width: 124px;
padding: 0 0 1px 0;
color: #fff;
text-align: center;
border: 1px solid #a5032f;
background: url("../images/chrome/gradient_red_boxes.gif") repeat-x 0 0;
}

#detail table.article td input.formbutton, /* Button bezieht Farbe vom einschliessenden DIV */
#formular input.formbutton,
#formular td input.formbutton
{
width: auto;
padding: 0;
letter-spacing: 0;
text-align: center;
color: #fff;
background: none;
border: none;
}

#detail table.article td div.nobutton /* Kein Button, sieht nur so aus */
{
width: 124px;
margin: 5px 0;
padding: 0 0 1px 0;
color: #fff;
text-align: center;
border: 1px solid #a5032f;
background: url("../images/chrome/gradient_red_boxes.gif") repeat-x 0 0;
}

#detail table.article td div.nobutton p
{
margin: 3px 0;
padding: 0;
}

#detail table.article td p.icon /* Icon fuer Selbstabholung */
{
float: left;
padding-top: 3px;
}

#detail table.article td p a
{
margin: 0;
padding: 0;
}

#detail table.article td p a:link,
#detail table.article td p a:visited
{
color: #003882;
text-decoration: none;
background-image: none;
}

#detail table.article td p a:hover,
#detail table.article td p a:active,
#detail table.article td p a:focus
{
color: #a5032f;
text-decoration: underline;
background-image: none;
}

#detail .furtherinfo /* Spalte fuer kleines Bild und Rechtsvorschrift */
{
float: left;
width: 142px;
margin-right: 40px;
}

#detail .furtherinfo p
{
padding: 4px;
margin: 0;
font-weight: bold;
color: #003882;
border: 1px solid #a5032f;
}

#detail .furtherinfo img
{
margin-bottom: 10px;
border: 1px solid #e3e4e5;
}

#detail .colright /* Spalte fuer Verkaeuferinfos und weiteres */
{
float: left;
width: 220px;
}

#detail .colright .seller /* Verkaeuferinfos */
{
margin-bottom: 10px;
padding: 10px;
border: 1px solid #e3e4e5;
}

#detail .colright .seller h1
{
font-size: 100%;
text-align: center;
color: #fff;
margin: -10px -10px 8px -10px;
padding: 3px 3px 4px 3px;
border: 1px solid #a5032f;
background: url("../images/chrome/gradient_red_boxes.gif") repeat-x 0 0;
}

#detail .colright .seller h2
{
font-size: 100%;
color: #a5032f;
margin: 2px 0;
padding: 0;
border: 0;
}

#detail .colright .seller p
{
font-size: 100%;
font-weight: bold;
margin: 2px 0;
color: #003882;
}

#detail .colright .seller ol
{
list-style-type: none;
font-weight: bold;
}

#detail .colright .seller li
{
margin: 2px 0;
}

#detail .colright .seller li a
{
padding-left: 10px;
background: url("../images/chrome/li_gt.gif") no-repeat 0 4px;
}

#detail .colright .seller li a:link,
#detail .colright .seller li a:visited
{
color: #003882;
text-decoration: none;
}

#detail .colright .seller li a:hover,
#detail .colright .seller li a:active,
#detail .colright .seller li a:focus
{
color: #a5032f;
text-decoration: underline;
}

#detail .colright .watch
{
font-weight: bold;
color: #003882;
}

#detail .colright .watch p
{
margin-left: 0;
}

#detail .descriptionleft, /* Beschreibungstext, 2spaltig */
#detail .descriptionright
{
float: left;
width: 374px;
margin: 0 0 20px 0;
}

#detail .descriptionleft
{
margin-right: 40px;
}

#detail .thumbnails /* Bilder */
{
float: left;
width: 62px;
margin: 10px 147px 10px 15px;
}

#detail .thumbnails img
{
display: block;
margin-bottom: 15px;
border: 1px solid #e3e4e5;
}

#detail .bigimg /* Grosses Bild in der Mitte */
{
float: left;
width: 400px;
height: 400px;
margin: 10px 0 20px 0;
overflow: hidden;
border: 1px solid #e3e4e5;
}

/* Detailansicht Ende */

/* Fliesstextseite Beginn */

#bodytext
{
line-height: 150%;
margin-left: 15px;
margin-right: 10em;
}

#bodytext h1,
#bodytext h2,
#bodytext h3,
#bodytext h4,
#bodytext h5,
#bodytext h6,
#bodytext p,
#bodytext ul,
#bodytext ol
{
font-size: 100%;
margin: 10px 0;
}

#bodytext h1,
#bodytext h2,
#bodytext h3,
#bodytext h4,
#bodytext h5,
#bodytext h6
{
font-weight: bold;
}

#bodytext p,
#bodytext ul,
#bodytext ol
{
font-weight: normal;
}

#bodytext ul,
#bodytext ol
{
margin: 0 0 10px 30px;
list-style-type: none;
}

#bodytext ul li
{
padding-left: 10px;
background: url("../images/chrome/li_ndash.gif") no-repeat 0 0.8em;
}

#bodytext a
{
padding-left: 10px;
background: url("../images/chrome/li_gt.gif") no-repeat 0 4px;
}

#bodytext a:link,
#bodytext a:visited
{
color: #003882;
text-decoration: none;
}

#bodytext a:hover,
#bodytext a:active,
#bodytext a:focus
{
color: #a5032f;
text-decoration: underline;
}

/* Fliesstextseite Ende */

/* Layoutcontainer Ende +++++++++++++++++++++ */

/* Formulare Beginn +++++++++++++++++++++++++ */

/* Navigation in den Profilformularen */

#formular
{
margin: 0;
padding-left: 15px;
line-height: 150%;
}

#formular h1.formtitle
{
margin: 10px 0;
padding: 0;
font-size: 100%;
color: #003882;
background: none;
border: 0;
}

#formular ol
{
list-style-type: none;
min-height: 20px;
margin: 0 0 10px -15px;
background: url("../images/chrome/gradient_grey_table.gif") repeat-x 0 0;
border: 1px solid #9c9d9f;
}

#formular ol li
{
float: left;
min-height: 18px;
width: 24.8%;
padding: 3px 0 0 0;
font-weight: bold;
text-align: center;
border-right: 1px solid #fff;
}

#formular ol li.last
{
border: none;
}

#formular ol li a:link,
#formular ol li a:visited,
#formular td a:link,
#formular td a:visited,
#breadcrumbs a:link,
#breadcrumbs a:visited
{
color: #003882;
text-decoration: none;
}

#formular ol li a:hover,
#formular ol li a:active,
#formular ol li a:focus,
#formular td a:hover,
#formular td a:active,
#formular td a:focus,
#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus
{
color: #a5032f;
text-decoration: underline;
}

#formular td a
{
padding-left: 10px;
background: url("../images/chrome/li_gt.gif") no-repeat 0 4px;
}

#formular h1
{
clear: left;
margin-top: 10px;
margin-bottom: 10px;
}

/* Registrierungs- und Profilformular */

#formular fieldset
{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #e3e4e5;
}

#formular legend
{
font-weight: bold;
color: #003882;
}

#formular table
{
width: 100%;
border-collapse: collapse;
}

#formular table tr
{
vertical-align: top;
border-bottom: 1px solid #e3e4e5;
vertical-align: top;
}

#formular table td
{
padding: 5px 0;
}

#formular table td img
{
padding: 1px 5px;
border: 1px solid #9c9d9f;
}

#formular table td input,
#formular table td select,
#formular table td textarea
{
width: 92%;
margin-right: 15px;
padding: 1px;
font-size: 95%;
border: 1px solid #9c9d9f;
}

#formular table td input.short
{
width: 20%;
margin-right: 5px;
}

#formular table td input.mid
{
width: 67.3%;
}

#formular table td select
{
width: 93.3%;
}

#formular table td input.radio,
#formular table td input.check
{
width: auto;
margin-right: 5px;
border: 0;
vertical-align: middle;
}

#formular div.formbutton
{
width: 29%;
margin-left: 20.7%;
}

#formular input.formbutton
{
font-size: 95%;
font-weight: bold;
}

#formular td div.formbutton
{
width: 80%;;
margin-left: 0;
padding: 2px 0;
}



#formular td input.formbutton
{
margin: 0;
padding:0;
}

/* Formular Gebot bestaetigen */

#formular #bid,
#formular #confirm
{
width: 75%;
}

#formular #abusereport
{
width: 50%;
}

#formular #bid td input
{
text-align: right;
}

#formular .congratulation
{
width: 75%;
margin: 3em 0;
font-size: 120%;
font-weight: bold;
text-align: center;
color: #003882;
}

/* Formular Verstoss melden */



/* Formulare Ende +++++++++++++++++++++++++++ */