/* #############################################
JM NRW - www.justiz-auktion.de
CSS 2.1 fuer standardkonforme Browser
Formate fuer Startseite
(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 ++++++++++++++++++++++++++ */

#colmidleft, /* Content Mitte links */
#colmidright /* Content Mitte rechts */
{
float: left;
width: 290px;
margin-left: 0;
margin-right: 30px;
}

.topic /* Einzelner Auktionseintrag */
{
clear: left;
margin-bottom: 10px;
}

#colmidleft .new,
#colmidleft .highscore,
#colmidright .ending,
#colmidright .favourites
{
width: 288px;
height: auto;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
border-style: solid;
border-color: #e3e4e5;
border-width: 0 1px 1px 1px;
}

#colmidleft .new h1,
#colmidleft .highscore h1,
#colmidright .ending h1,
#colmidright .favourites h1
{
min-height: 28px;
font-size: 110%;
color: #003882;
font-weight: bold;
text-align: left;
margin: -10px -10px 6px -10px;
padding-top: 7px;
padding-left: 60px;
background-position: 0 0;
background-repeat: no-repeat;
}

#colmidleft .new h1
{
background: url("../images/chrome/icon_new.gif");
}

#colmidleft .highscore h1
{
background: url("../images/chrome/icon_highscore.gif");
}

#colmidright .ending h1
{
background: url("../images/chrome/icon_ending.gif");
}

#colmidright .favourites h1
{
background: url("../images/chrome/icon_favourites.gif");
}

#colmidleft .new h1 a:link,
#colmidleft .highscore h1 a:link,
#colmidright .ending h1 a:link,
#colmidright .favourites h1 a:link,
#colmidleft .new h1 a:visited,
#colmidleft .highscore h1 a:visited,
#colmidright .ending h1 a:visited,
#colmidright .favourites h1 a:visited
{
color: #003882;
text-decoration: none;
}

#colmidleft .new h1 a:hover,
#colmidleft .highscore h1 a:hover,
#colmidright .ending h1 a:hover,
#colmidright .favourites h1 a:hover,
#colmidleft .new h1 a:active,
#colmidleft .highscore h1 a:active,
#colmidright .ending h1 a:active,
#colmidright .favourites h1 a:active,
#colmidleft .new h1 a:focus,
#colmidleft .highscore h1 a:focus,
#colmidright .ending h1 a:focus,
#colmidright .favourites h1 a:focus
{
color: #003882;
text-decoration: underline;
}

#colmidleft .new span,
#colmidleft .highscore span,
#colmidright .ending span,
#colmidright .favourites span
{
display: block;
float: left;
width: 75px;
height: 75px;
margin-bottom: 5px;
border: 1px solid #e3e4e5;
}

#colmidleft .new h2,
#colmidleft .highscore h2,
#colmidright .ending h2,
#colmidright .favourites h2
{
font-size: 100%;
font-weight: bold;
color: #a5032f;
margin-left: 85px;
}

#colmidleft .highscore h2,
#colmidright .ending h2,
#colmidright .favourites h2
{
padding-top: 3px;
padding-bottom: 5px;
}

#colmidleft .new h2 a:link,
#colmidleft .highscore h2 a:link,
#colmidright .ending h2 a:link,
#colmidright .favourites h2 a:link,
#colmidleft .new h2 a:visited,
#colmidleft .highscore h2 a:visited,
#colmidright .ending h2 a:visited,
#colmidright .favourites h2 a:visited
{
color: #a5032f;
text-decoration: none;
}

#colmidleft .new h2 a:hover,
#colmidleft .highscore h2 a:hover,
#colmidright .ending h2 a:hover,
#colmidright .favourites h2 a:hover,
#colmidleft .new h2 a:active,
#colmidleft .highscore h2 a:active,
#colmidright .ending h2 a:active,
#colmidright .favourites h2 a:active,
#colmidleft .new h2 a:focus,
#colmidleft .highscore h2 a:focus,
#colmidright .ending h2 a:focus,
#colmidright .favourites h2 a:focus
{
color: #a5032f;
text-decoration: underline;
}

#colmidleft .highscore h2 a,
#colmidright .ending h2 a,
#colmidright .favourites h2 a
{
padding: 2px 4px;
border: 1px solid #9c9d9f;
}

#colmidleft .new p,
#colmidleft .highscore p,
#colmidright .ending p,
#colmidright .favourites p
{
font-size: 100%;
font-weight: normal;
color: #003882;
margin-left: 85px;
padding-bottom: 5px;
}

#colright /* Content rechts aussen */
{
float: left;
width: 190px;
}

#colright .tophits
{
width: 190px;
margin-bottom: 5px;
color:  #003882;
background: #fff;
}

#colright .tophits h1
{
font-size: 110%;
font-weight: bold;
text-align: center;
min-height: 18px;
color: #fff;
background: url("../images/chrome/gradient_red_boxes_red_lines_rdctopleft.gif") no-repeat left top;
}

#colright .tophits h1 span
{
display: block;
padding: 8px 5px 7px 10px;
background: url("../images/chrome/gradient_red_boxes_red_lines_rdctopright.gif") no-repeat right top;
}

#colright .tophits .image01,
#colright .tophits .image02
{
float: left;
width: 77px;
height: auto;
font-weight: bold;
color: #003882;
margin-bottom: 20px;
}

#colright .tophits .image01
{
margin-right: 10px;
}

#colright .tophits .image02
{
margin-right: 0;
}

#colright .tophits .image
{
width: 77px;
margin: 0 auto;
height: 77px;
margin-top: 15px;
}

#colright .tophits .image01 img,
#colright .tophits .image02 img,
#colright .tophits .image img
{
width: 75px;
height: 75px;
overflow: hidden;
border: 1px solid #e3e4e5;
}

#colright .tophits h2
{
clear: left;
font-size: 100%;
font-weight: bold;
color: #a5032f;
margin-top: 5px;
margin-bottom: 0;
}

#colright .tophits h2 a:link,
#colright .tophits h2 a:visited
{
color: #a5032f;
text-decoration: none;
}

#colright .tophits h2 a:hover,
#colright .tophits h2 a:active,
#colright .tophits h2 a:focus
{
color: #a5032f;
text-decoration: underline;
}

#colright .tophits p
{
font-size: 100%;
font-weight: normal;
color: #003882;
margin-bottom: 10px;
}

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