/* Newssletter-Formular (OLG-D) */
@media only screen and (max-width: 959px) {
	#nlForm { width: 100%; }
}

@media only screen and (min-width: 960px) {
	#nlForm {
		width: 100%;
		max-width: 588px;
		}	
}

#nlForm p.nlFormButtons {
	text-align: right;
	}

#nlForm div.nlFormErrors {
	border: 2px solid red;
	padding: 0.5em 1em;
	margin-bottom: 16px;
	}
	
#nlForm div.nlFormErrors ul {
	list-style-type: none;
	}

#nlForm div.nlFormErrors li {
	margin-left: 0;
	padding-left: 0;
	background: none;
	color: red;
	}
	
#nlForm label {
	font-family: "BentonSans-Bold";
	color: #3c506e;
	font-size: 0.8rem
	}

#nlForm input[type='text'],
#nlForm textarea {
	display: block;
	width: 100%;
	border: 0;
	background: #eaeff6;
	padding: 10px;
	}

#nlForm input[type='submit'],
#nlForm input[type='reset'] {
	border: 0;
	background: transparent;
	font-family: "BentonSans-Bold";	
	padding: 10px 55px 10px 10px;
	margin: 8px 0 8px 0;
	height: 38px;
	font-size: 0.8rem;
	cursor: pointer;
	}

#nlForm input[type='submit'] {
	background: url( '../images/system_bilder/aero-button.png' ) no-repeat center right;
	}

#nlForm input[type='reset'] {
	background: url( '../images/system_bilder/cross-button.png' ) no-repeat center right;
	}

#nlForm input[type='submit']:hover,
#nlForm input[type='reset']:hover  {
     text-decoration: underline;
	}

#nlForm input.nlFormError,
#nlForm textarea.nlFormError {
	outline: 1px solid red;
	}
/* /Newssletter-Formular (OLG-D) */


/*
	<div class="jaContainer">
		<ul class="jaAuctions">
			<li class="jaAuction">
				<div class="jaAuctionData">
					<div class="jaAuctionImageButton">
						<a class="jaAuctionImageLink">
							<img class="jaAuctionImage" />
						</a>
					</div>
					<div class="jaAuctionInfo">
						<div class="Linkfarbe">
							<strong><a ???>...</a></strong>
							<img class="screen" alt="externer Link ..." style="vertical-align: middle;" />
						</div>
						<div class="schriftgroesse_anpassen">
							<strong>Startgebot: ...<br />
							<strong>Auktionsende: ...
						</div>
					</div>	
					<div style="clear: both;"></div>
				</div>
			</li>
			<li class="jaAuction">
				...
			</li>
			...
		</ul>
		<ul class="jaAuctions">
			...
		</ul>
		...
	</div>

*/


#jaContainer {}

#jaContainer ul.jaAuctions {
	list-style-type: none;
	margin: 0 0 16px 0;
	padding: 0;
	}
	
#jaContainer li.jaAuction {
	margin: 0 0 16px 0;
	display: inline-block;	
	vertical-align: top;
	
	/* V1 */
	/*
	background: transparent none;
	border: 0;
	padding: 0;
	width: 322px;
	*/
	/* /V1 */
	
	/* V2 */	
	background: #fff none;	
	border: 1px solid #ccc;
	padding: 8px;
	width: 306px;
	/* /V2 */
	
	/* V3 */
	/*
	background: none;
	border: 0;
	padding: 0;
	width: 322px;
	*/
	/* /V3 */
	}

#jaContainer li.jaAuction:nth-child( odd ){
	margin-right: 8px;
	}
	
#jaContainer li.jaAuction:nth-child( even ){
	margin-left: 8px;
	}

#jaContainer div.jaAuctionData {}

#jaContainer div.jaAuctionImageButton {
	float: left;
	border: 1px solid #ccc;
	width: 100px;
	text-align: center;
	
	/* V2 */
	background-color: #fff;
	/* /V2 */
	}


#jaContainer a.jaAuctionImageLink {
	outline: none;
	}
	
#jaContainer a.jaAuctionImageLink:link,
#jaContainer a.jaAuctionImageLink:visited,
#jaContainer a.jaAuctionImageLink:hover,
#jaContainer a.jaAuctionImageLink :focus,
#jaContainer a.jaAuctionImageLink :active {
	background-color: transparent;
	text-decoration: none;
}

#jaContainer img.jaAuctionImage {
	text-align: center;
	vertical-align: middle;
	}


#jaContainer div.jaAuctionInfo {
	margin-left: 108px;
	text-align: left;
	}