body {
	color:	#B2B2B2;
	background: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 7px;
}

a {
	color: #B2B2B2;
	/*text-decoration: none;*/
}

a img {
	border: 1px solid transparent;
}

.np a:hover img {
	border: 1px dashed white;
}

.logo {
	margin-top: 40px;
}

h1 {
	font-size: small;
	text-align: right;
	margin-top: 40px;
}

.intro {
	font-size: small;
	margin-top: 40px;
	font-style: italic;
}

dl {
	margin: 40px;
}

dt {
	margin-top: 40px;
}

dt a {
	text-decoration: underline;
}

dd {
	font-style: italic;
	margin-top: 1ex;
}

ul.np {
	list-style: none;
	margin-top: 40px;
}

.np {
	text-align: right;
	clear: both;
}

div.login {
	position: absolute;
	width: auto;
	right: 36px;
	top: 30px;
	font-family: monospace;
	font-size: small;
	text-align: right;
}

h2 {
	margin-top: 40px;
	font-family: monospace;
}

ol.thumbs {
	margin-top: 10px;
	padding: 0;
	list-decoration: none;
}

ol.thumbs li {
	display: block;
	float: left;
	text-align: left;
	margin: 5px 1px;
}

div.info {
	margin-top: 40px;
	margin-bottom: 40px;
}

.preis {
	color: red;
}

.maxpreis {
	color: white;
}

/* Einzelbildseite */

p.win {
	font-weight: bold;
	color: white;
}

p.loose {
	font-weight: bold;
	color: yellow;
}

/* Gebotsübersicht */

li.win b {
	font-weight: bold;
	color: white;
}

li.loose b {
	font-weight: bold;
	color: yellow;
}

ol.auctions {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0;
	list-style: none;
}

ol.auctions p {
	margin-right: 80px;
}

ol.auctions p.np {
	text-align: right;
	margin: 20px 0 40px;
}

.termin {
	font-style: italic;
}

div.pic {
	margin-top: 20px;
	margin-bottom: 10px;
}

.note {
	font-size: large;
	font-family: monospace;
	margin-top: 10px;
}

.note a {
	color: yellow;
}

.termin {
	display: block;
}

.office {
	font-family: Monospace;
}

.office div {
	border: 1px solid transparent;
	background: transparent;
}

.office div:hover {
	background: #333333;
	border-color: grey;
	border-style: dotted;
	color: white;
}

div.info {
	margin-top: 40px;
}

tr, td {
	background: #444444;
	padding: 1ex;
}

/*=====================================================*\
|	Hide/unhide mechanism				|
\*=====================================================*/

* html div.body {
	height: 1%;
}

div.head {
	clear: left;
}

div.hide, div.trigger {
	width: 60ex;
}

div.hide div.trigger {
	margin-bottom: 4px;
}

div.hide div.body {
	display: none;
}

div.hide:hover {
	width: auto;
}

div.hide:hover div.body {
	display: block;
}

@media print {

	div.hide div.trigger {
		display: none;
	}

	div.hide div.body {
		display: block;
	}
}

/*=====================================================*\
|	Hide/unhide farbe				|
\*=====================================================*/

div.hide div.trigger {
	color: black;
	background: white;
	padding: 0.2ex;
}

div.hide div.body {
	padding: 2ex;
	border: 1px solid gray;
	text-align: left;
}

div.hide div.body a,
div.hide div.body {
	color: #000000;
	background: #cccccc;
}

/*=====================================================*\
|	Hide/unhide layout				|
\*=====================================================*/

div.hide h2,
div.hide li,
div.hide dl,
div.hide dt,
div.hide dd {
	margin-top: 2ex;
	margin-bottom: 2ex;
}

/*=====================================================*\
|	Ende						|
\*=====================================================*/