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


/* Grundeinstellungen +++++++++++++++++++++++ */

*
{
margin: 0;
padding: 0;
border: 0;
}

@media screen,
@media projection,
{
	.suchbuttonnavi,
	.formbutton
	{
	cursor: pointer;
	}
}

html
{
font-family: arial, helvetica, sans-serif;
font-size: 71%;
line-height: 130%;
}

hr
{
height: 1px;
margin: 5px 0;
background: #e3e4e5;
}

/* Grundeinstellungen Ende ++++++++++++++++++ */

/* Positionierungscontainer +++++++++++++++++ */

body
{
width: 980px;
margin: 0 auto;
}

/* "#outerstand" und "#innerstand", beide links 
   floatend, verhindern, dass bei einem "clear" 
   eines Tochterelements seitlich daneben
   angeordnete Elemente unter dem geclearten
   Element positioniert werden. */

#outerstand
{
float: left;
position: relative;
left: 0;
top: 10px;
}

#innerstand
{
float: left;
width: auto;
position: relative;
margin-bottom: 10px;
}

#wrapper /* umschliesst alle weiteren Container des Contentbereichs */
{
clear: both;
padding-top: 4px;
}

/* Positionierungscontainer Ende ++++++++++++ */

/* Navigation +++++++++++++++++++++++++++++++ */

ol.navitop, /* Obere Leiste */
ol.navibottom /* Untere Leiste */
{
height: 26px;
padding-left: 10px;
list-style-type: none;
}

ol.navitop
{
width: 969px;
margin-bottom: 5px;
padding-top: 1px;
border-right: 1px solid #9c9d9f;
background: url("../images/chrome/gradient_grey_menu_rdctopleft.gif") no-repeat left top;
}

ol.navibottom
{
width: 960px;
background: url("../images/chrome/gradient_grey_menu_rdcbottomleft.gif") no-repeat left bottom;
}

ol.navitop li
{
float: left;
overflow: hidden;
border-right: 1px solid #fff;
background: url("../images/chrome/gradient_grey_menu.gif") repeat-x 0 0;
}

ol.navitop li.last
{
border: 0;
}

ol.navitop li a
{
display: block;
width: auto;
height: 20px;
padding: 5px 3.25em 0 3.25em;
font-weight: bold;
text-align: center;
}

ol.navitop li a:link,
ol.navitop li a:visited
{
color: #003882;
background: transparent;
text-decoration: none;
}

ol.navitop li a:hover,
ol.navitop li a:active,
ol.navitop li a:focus
{
color: #fff;
background: url("../images/chrome/gradient_red_menu_hover.gif") repeat-x 0 0;
text-decoration: none;
}

ol.navibottom li
{
float: left;
overflow: hidden;
color: #003882;
background: url("../images/chrome/gradient_grey_menu.gif") repeat-x 0 0;
}

ol.navibottom li a,
ol.navibottom li label,
ol.navibottom li span
{
display: block;
width: auto;
height: 20px;
padding: 5px 3.15em 0 3.15em;
font-weight: bold;
text-align: left;
}

ol.navibottom li span
{
position: absolute;
right: 10px;
padding-right: 0;
}

ol.navibottom li label,
ol.navibottom form.such
{
float: left;
}

ol.navibottom li label
{
padding: 5px 0 0 3.15em;
margin-right: 0.5em;
}

ol.navibottom li input.suchfeldnavi
{
float: left;
width: 200px;
height: 16px;
margin-top: 3px;
font-size: 95%;
padding: 1px;
background: #fff;
border: 1px solid #9c9d9f;
}

ol.navibottom li input.suchbuttonnavi
{
margin-right: 2.5em;
margin-left: 10px;
padding-top: 3px;
}

ol.navibottom li span[title]
{
display: table-cell;
}

ol.navibottom li a
{
text-align: left;
padding: 5px 3em 0 10px;
}

ol.navibottom li a:link,
ol.navibottom li a:visited
{
color: #003882;
background: transparent;
text-decoration: none;
}

ol.navibottom li a:hover,
ol.navibottom li a:active,
ol.navibottom li a:focus
{
color: #fff;
background: url("../images/chrome/gradient_red_menu_hover.gif") repeat-x 0 0;
text-decoration: none;
}

ol.navibottom li ol /* Liste, 2. Ebene unsichtbar */
{
display: none;
}

ol.navibottom li:hover ol, /* Liste, 2. Ebene sichtbar */
ol.navibottom li:active ol,
ol.navibottom li:focus ol
{
display: block;
position: absolute;
z-index: 1000;
height: auto;
min-width: 16em;
padding: 10px;
text-align: left;
color: #fff;
background: #a5032f;
}

ol.navibottom li ol li,
ol.navibottom li ol li:hover
{
float: none;
display: block;
padding: 0;
color: #fff;
background: #a5032f;
}

ol.navibottom li ol li a,
ol.navibottom li ol li a:link,
ol.navibottom li ol li a:visited,
ol.navibottom li ol li a:hover,
ol.navibottom li ol li a:active,
ol.navibottom li ol li a:focus
{
display: block;
padding: 0;
text-decoration: none;
background: none;
}

ol.navibottom li ol li a:link,
ol.navibottom li ol li a:visited
{
color: #e3e4e5;
}

ol.navibottom li ol li a:hover,
ol.navibottom li ol li a:active,
ol.navibottom li ol li a:focus
{
color: #fff;
}

.navibottomend
{
float: right;
width: 10px;
height: 26px;
background: url("../images/chrome/gradient_grey_menu_rdcbottomright.gif") no-repeat right bottom;
}

/* Navigation Ende ++++++++++++++++++++++++++ */

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

#header /* Bildleiste und Logo */
{
width: auto;
height: 114px;
background: url("../images/chrome/logo_ja.gif") no-repeat 232px 0;
}

#header .headimg /* gemeinsamer Bildrahmen */
{
width: 506px;
height: 114px;
overflow: hidden;
padding-left: 1px;
margin-left: 472px;
}

#header .headimgsingle /* Einzelbild */
{
float: left;
width: 168px;
height: 114px;
overflow: hidden;
background-position: 0 0;
background-repeat: no-repeat;
}

#header .headimgborder
{
position: absolute;
left: 472px;
top: 0;
z-index: 1000;
width: 508px;
height: 114px;
background-color: #f00;
background: url("../images/chrome/headimg.gif") no-repeat 0 0;
}

#navi /* zweizeiliger Navigationsbereich */
{
clear: both;
width: 980px;
height: 55px;
margin-bottom: 10px;
background: #fff url("../images/chrome/lines_navi.gif") no-repeat 0 center;
}

#colleft /* Spalte im Contentbereich links */
{
float: left;
width: 140px;
margin-right: 10px;
}

#colleft .login /* Zum Bieten und Login, auch Mitgliederbereich */
{
width: 140px;
margin-bottom: 5px;
}

#colleft .login h1
{
font-size: 110%;
font-weight: bold;
min-height: 28px;
color: #fff;
background: url("../images/chrome/gradient_red_boxes_rdctopleft.gif") no-repeat left top;
}

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

#colleft .bodygrey
{
padding-top: 3px;
border-left: 1px solid  #9c9d9f;
border-right: 1px solid  #9c9d9f;
}

#colleft .bodygreyend
{
height: 8px;
background: url("../images/chrome/rdc_grey_bottomleft.gif") no-repeat left bottom;
}

#colleft .bodygreyend span
{
display: block;
height: 8px;
background: url("../images/chrome/rdc_grey_bottomright.gif") no-repeat right bottom;
}

#colleft .bodyredend
{
height: 8px;
margin-bottom: 5px;
background: url("../images/chrome/gradient_red_boxes_rdcbottomleft.gif") no-repeat left bottom;
}

#colleft .bodyredend span
{
display: block;
height: 8px;
background: url("../images/chrome/gradient_red_boxes_rdcbottomright.gif") no-repeat right bottom;
}

#colleft .login p
{
font-size: 100%;
font-weight: bold;
padding: 2px 5px 0px 10px;
color: #003882;
}

#colleft .login p span.status
{
color: #a5032f;
}

#colleft .login p.icon
{
float: left;
padding-top: 5px;
}

#colleft .login ol
{
list-style-type: none;
font-weight: bold;
padding: 2px 5px 2px 10px;
}

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

#colleft .login p a:link,
#colleft .login p a:visited,
#colleft .login li a:link,
#colleft .login li a:visited
{
color: #003882;
text-decoration: none;
}

#colleft .login p a:hover,
#colleft .login p a:active,
#colleft .login p a:focus,
#colleft .login li a:hover,
#colleft .login li a:active,
#colleft .login li a:focus
{
color: #a5032f;
text-decoration: underline;
}

#colleft .special /* Das Besondere ... */
{
width: 140px;
}

#colleft .special h1
{
font-size: 110%;
font-weight: bold;
color: #fff;
background: url("../images/chrome/gradient_red_boxes_rdctopleft.gif") no-repeat left top;
}

#colleft .special h1 span
{
display: block;
padding: 7px 5px 0px 10px;
background: url("../images/chrome/gradient_red_boxes_rdctopright.gif") no-repeat right top;
}

#colleft .login h1 a:link,
#colleft .login h1 a:visited,
#colleft .special h1 a:link,
#colleft .special h1 a:visited
{
color: #fff;
text-decoration: none;
}

#colleft .login h1 a:hover,
#colleft .login h1 a:active,
#colleft .login h1 a:focus,
#colleft .special h1 a:hover,
#colleft .special h1 a:active,
#colleft .special h1 a:focus
{
color: #fff;
text-decoration: underline;
}

#colleft .categories /* Kategorienliste links mit 1. und 2. Ebene (Unterkategorien) */
{
width: 140px;
margin-bottom: 5px;
}

#colleft .categories h1
{
font-size: 110%;
font-weight: bold;
min-height: 15px;
color: #003882;
background: url("../images/chrome/gradient_grey_boxes_rdctopleft.gif") no-repeat left top;
}

#colleft .categories h1 span
{
display: block;
min-height: 15px;
padding: 5px 5px 5px 10px;
color: #003882;
background: url("../images/chrome/gradient_grey_boxes_rdctopright.gif") no-repeat right top;
}

#colleft .categories ol
{
list-style-type: none;
margin-left: 10px;
}

#colleft .categories ol li
{
padding-right: 5px;
}

#colleft .categories ol li a
{
color: #003882;
}

#colleft .categories ol li a:link,
#colleft .categories ol li a:visited
{
text-decoration: none;
}

#colleft .categories ol li a:hover,
#colleft .categories ol li a:active,
#colleft .categories ol li a:focus
{
text-decoration: underline;
}

#colleft .hotline
{
width: 140px;
margin-bottom: 5px;
}

#colleft .hotline h1
{
line-height: 130%;
font-size: 140%;
}

#colleft .hotline p
{
margin-top: 2px;
font-size: 90%;
}

#colleft .bodyblue,
#colright .bodyblue
{
color:  #003882;
padding: 3px 10px 0 10px;
border-left: 1px solid  #003882;
border-right: 1px solid  #003882;
}

#colright .bodyblue
{
padding-top: 12px;
padding-bottom: 5px;
}

#colleft .bodybluebegin,
#colright .bodybluebegin
{
height: 8px;
background: url("../images/chrome/rdc_blue_topleft.gif") no-repeat left top;
}

#colleft .bodybluebegin span,
#colright .bodybluebegin span
{
display: block;
height: 8px;
background: url("../images/chrome/rdc_blue_topright.gif") no-repeat right top;
}

#colleft .bodyblueend,
#colright .bodyblueend
{
height: 8px;
background: url("../images/chrome/rdc_blue_bottomleft.gif") no-repeat left bottom;
}

#colleft .bodyblueend span,
#colright .bodyblueend span
{
display: block;
height: 8px;
background: url("../images/chrome/rdc_blue_bottomright.gif") no-repeat right bottom;
}

#colmain /* Hauptcontentbereich */
{
float: left;
width: 830px;
height: auto;
}

#footer
{
clear: both;
width: auto;
min-height: 17px;
margin-top: 10px;
margin-bottom: 20px;
padding: 7px 4em 3px 4em;
color: #777;
font-weight: bold;
background: url("../images/chrome/gradient_grey_footer.gif") repeat-x 0 0;
}

#footer p
{
float: left;
margin-right: 20px;
}

#footer ol
{
float: left;
list-style: none;
}

#footer ol li
{
display: inline;
padding-left: 12px;
background: url("../images/chrome/dot_centered.gif") no-repeat 3px 6px;
}

#footer ol li.first
{
padding-left: 0;
background: none;
}

#footer ol li a:link,
#footer ol li a:visited
{
color: #777;
text-decoration: none;
}

#footer ol li a:hover,
#footer ol li a:active,
#footer ol li a:focus
{
color: #777;
text-decoration: underline;
}

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

/* Listen +++++++++++++++++++++++++++++++++++++
   (in Navigation verwendete Listen sind dort
   zu finden) +++++++++++++++++++++++++++++++ */

/* Listen Ende ++++++++++++++++++++++++++++++ */

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

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



/* Freie Klassen ++++++++++++++++++++++++++++ */

.cl
{
clear: both;
}

.bgwt
{
background: #fff;
}

.brdr1w /* Border 1px rechts */
{
border-right: 1px solid #fff;
}

.brdl1w /* Border 1px rechts */
{
border-left: 1px solid #fff;
}

.red
{
color: #a5032f;
}

/* Verstecken fuer Ansicht, fuer Screenreader zugaenglich.
   "display: none" wuerde den Inhalt auch vor Screenreadern
   verstecken, deshalb hier Koordinate ausserhalb des Viewports. */

.hide
{
position: absolute;
top: 0;
left: -5000px;
}

/* Freie Klassen Ende +++++++++++++++++++++++ */

/* Ergänzungen Schaak 091111 */

.bt_schaak {
	background: #9c9d9f url("../images/chrome/gradient_grey_boxes.gif") repeat-x;
	width:230px;
	height:18px;
	padding: 0em 1em;
	font-size: 1em;
	color: black;
	vertical-align:middle;
}

.bt_schaak_rot {
	background: #a5032f url("../images/chrome/gradient_red_boxes.gif") repeat-x;
	width:230px;
	height:18px;
	padding: 0em 1em;
	font-size: 1em;
	color: white;
	font-weight: bold;
	vertical-align:middle;
}

#colmain textarea,
#colmain select,
#colmain input
{
	border: 1px solid #9c9d9f; 
}

#colmain input[type="radio"],
#colmain input[type="checkbox"]
{
	border: none; 
}

#colmain input[type="submit"]
{
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

#colmain fieldset { padding: 1em; border: 1px solid #e3e4e5; }

#colmain a {
	color: #003882;
	text-decoration: none;
	font-weight: bold;
}

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

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

div.mmenu_schaak
{
margin: 0 0 0 15px;
height: 18px;
padding-top: 4px;
padding-left: 2px;
background: url("../images/chrome/divmmenu-left.gif") repeat-x;
}
div.mmenu_schaak ol
{
list-style-type: none;
}
div.mmenu_schaak ol li
{
float: left;
}
#colmain div.mmenu_schaak ol li a
{
padding: 3px 10px;
border-right: 1px solid #fff;
color: #e3e4e5;
text-decoration: none;
text-align: center;
font-weight: bold;
background: url("../images/chrome/gradient_red_boxes.gif") repeat-x;
}
#colmain div.mmenu_schaak ol li a:focus,
#colmain div.mmenu_schaak ol li a:hover,
#colmain div.mmenu_schaak ol li a:active
{
color: white;
text-decoration: underline;
/* background: url("../images/chrome/gradient_grey_boxes.gif") repeat-x; */
}

#schaakdiv { margin-left: 15px; }
#schaakdiv h1 {
font-size: 100%; 
margin: 10px 0;
}

#formtitle_schaak { padding-left:15px; }
#formtitle_schaak h1 {
font-size: 100%;
float:left;
color:#003882;
}
#formtitle_schaak a {
color: #e3e4e5;
background: url("../images/chrome/gradient_red_boxes.gif") repeat-x;
margin-left:10px;
padding: 3px 10px;
}
#formtitle_schaak a:focus,
#formtitle_schaak a:hover,
#formtitle_schaak a:active
{
color: white;
text-decoration: underline;
}
/*Newsteil Klar 01.04.2010 */

.News_Block  { margin-left: 15px;
		margin-bottom:4em; 
		line-height:1.2em; 
		margin-top:1em;
		position:relative;
				
		}
			  
.News_Details{	min-height: 120px;
		border-width:thin;
		border-left-color: #9C9D9F;
		border-left-style: solid;
		min-height: 110px;
		}
			
.News_Block  h2 span {	padding-top: 5px;
			background: url("../images/chrome/gradient_grey_boxes_rdctopleft.gif") no-repeat left top;
		}
			
.News_Block  h2 {
				margin-top: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				width: 100%;
				font-size: 1.2em;
				font-weight: bold;
				color: #003882;
				background: url("../images/chrome/gradient_grey_boxes.gif") repeat-x;
				}
		 
#Mehr_Infos {position: absolute;
				right: 1px;
				top:-5px;
			    padding: 10px;
				font-size: 1.2em;
				font-weight: bold;
				color: #003882;
				}	
		 
.News_Details .Newspic { float: left;
				margin-left: 10px;
				margin-top: 10px;
				width: 100px;
				height: 100px;		
				}
				
.News_Details .Vorbericht { margin-left: 125px;			
			width: 83%;
			border: 0px;  
			}	

#News_Detailview {padding-top: 5px;
		  width: 100%;
		  margin-bottom: 6px;
				}

#News_Detailview .Newspic	{float: left;
					 margin:10px;
					 width: 100px;
					 height: 100px;	
					}
				
#News_Detailview h2 	{font-size: 2.0em;
					 line-height:130%;
					 font-weight: bold;
					 margin-bottom: 15px;
					 margin-top: -5px;
					 color: #003882;
					}
				
#News_Detailview .Vorbericht { margin-top: 10px;
					 margin-left: 120px}

#News_Detailview .Inhalt  {	margin-top: 10px;
					margin-left: 120px}

.Vorbericht li,
.Inhalt li { margin-left:2.6em;}

/*Newsteil Klar Ende*/

#ColMain-Pic {border:1px solid black; float: right; margin-left: 2px; margin-bottom: 2px;}

#schaak_header {margin-bottom:1em;}
#schaak_header,
#schaak_header_big { font-size: 1.4em; color: #003882; margin-left:15px; line-height:1.2em; margin-top:1em; }
#schaak_header_small { font-size: 1.1em; color: #003882; margin-left:15px; margin-bottom:1em; line-height:1.2em;}
/* styles für den Bereich des CKEditors */
div#textEditor  h1, 
div#textEditor  h2, 
div#textEditor  h3, 
div#textEditor  h4, 
div#textEditor  h5, 
div#textEditor  h6
{ background: none; border: 0; margin: 10px 0; padding: 0; color: black; }
div#textEditor  h1 { font-size: 1.4em; }
div#textEditor  h2 { font-size: 1.2em; }
div#textEditor  h3 { font-size: 1.0em; }
div#textEditor  h4, 
div#textEditor  h5,
div#textEditor  h6 
{ font-size: 0.8em; }

div#textEditor li { margin-left:2.6em;}


/* Ergänzungen Schaak 091111 Ende */